/* 
   Kelli Wiseth
   CIS 112 WW
   Midterm Assignment (part 1]
   layout.css
   16-November-2009
   
   This is one of the stylesheets from JonDesign's Smooth Gallery framework. I've made some modifications to this one as noted below.
*/


body {
	color: #999999; /*kwiseth; edited; changed color from #ccc */
	font-family: /* kwiseth; edited "Trebuchet MS", "Lucida Grande", */ Arial, Helvetica, sans-serif;
	/* edited kwiseth margin: 0 auto; 
	padding: 0; */
	font-size: 12px; /* kwiseth; changed from 0.6 em */
	background-color: #cacaca;
	margin: 10px;
	padding: 5px;
	/*background: #111 url('../images/bg/gradient1.gif') top left repeat-x; edited out this black background it's too dark for me*/
/*	margin: 20px;
	padding: 20px; */
}

h1
{
	color: #fff;  
	font-size: 24px; /* kwiseth; edited; 47px is way too clunky looking */
	font-weight: bolder;
	margin: 10px;
	border-bottom:1px dashed #082984;
	padding: 0px;
/*	padding: 20px; edited kwiseth 0.08em 0; */
}

h1 sup
{
	color: #ddd;
}

h1 a
{
	color: #fff;
	text-decoration: none;
}

h1 .company, h1 a .company
{
	color: #d01a71;
}

h2
{
	color: #999999;
	font-size: 18px; /*kwiseth; edited; 2.5em seems too clunky */
	margin: 10px; /*kwiseth; edited; 0 40px wasn't working out very well. I'd like things to line up better */
	padding: 0px;
}

h3
{
	color: #ffffff;
	font-size: 20px; /*kwiseth; edited; 1.5em seems too clunky */
	font-weight: bold;
}

h4
{
	font-size: 1.3em;
	color: #ffffff;
}


p {  /* kwiseth; adding this tag style so that the paragraphs within the body tag line up with the headings */

color: #000000;
margin: 10px 200px 5px 10px;
padding: 5px;

}


.content
{
	margin: 0 20px;
}

.content a
{
	color: #fff;
}


.content p.linkage
{
	margin-top: 2em;
	text-align: right;
	font-size: 1.7em;
	color: #ddd;
}

.content p.linkage a { color: #fff; }

.content p.linkage a
{
	color: #fff;
	background: url('../images/bg/biglink_off.gif') center right no-repeat;
	/* edited kwiseth; i do not like this layout padding: 10px 20px; */
	text-decoration: none;
}

.content p.linkage a:hover
{
	background: url('../images/bg/biglink_on.gif') center right no-repeat;
	font-style: italic;
}*/

#myGallery
{
	text-align: left;
	margin: 0 auto;
}