@charset "utf-8";
/* CSS Document */

body
{
	margin: 0;
	padding: 0;
	background-color: #050845;
	color: white;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;

	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

#wrapper
{
	background-color: #FDF8F2;
	color: black;
	margin: 30px 40px 30px 40px;
	padding: 10px;
}


/*h1
{
	font-size: 150%;
	color:#993366;
}
*/

/*add border*/
#headerBottom
{
	border-top:#0000CC solid 1px;
	border-bottom:#0000CC solid 1px;
}

/*remove the extra spacing surrounding a list add 30 pixels to the right*/
#headerBottom ul
{
	margin: 0;
	padding: 0 30px 0 0;
	text-align: right;
}

/*make the list items appear on the same line*/
#headerBottom li
{
	display:inline;
	background-color: #FDF8F2;
	color: #050845;
}

/*remove underline for links*/
#headerBottom a:link, #headerBottom a:visited
{
	text-decoration: none;
	background-color: #FdF8F2;
	color: #050845;
}


/*set up the font as bold and italics, specify a width of 300px and float to left so navigation appears to the right*/
#tagline
{
	font-weight: bold;
	background-color: #FDF8F2;
	color: #050845;
	font-style: italic;
	margin: 0;
	padding: 0 0 0 20px;
	width: 300px;
	float: left;
}


/*Modify the style sheet to format the ball image position*/
#ball
{
	position: absolute;
	top: 110px;
	right: 55px;
}


#main
{
	margin-top: 10px;
	/*added so the sidebar can be positioned relative to this div*/
	position: relative;
	top:0;
	left: 0;
	width: 100%;
}

/*set a right margin of 240px to leave room for the sidebar*/
#content
{
	margin: 0 240px 0 0;
	border: 1px solid #B9D2E3;
	background-color: white;
	color: black;
}

/*padding of 1 or 2 em means it will be relative to the font size. Padding of 200px means there will be 200px of padding to the left of the text*/
#mainFeature
{
	background-image: url(images/mainimg.jpg);
	background-repeat: no-repeat;
	background-color: #112236;
	color: white;
	padding: 2em 2em 1em 200px;
}

/*font-weight:normal removes the default bold weight of a heading*/
#mainFeature h2
{
	margin: 0;
	font-weight: normal;
	font-size: 140%;
}

#mainFeature p
{
	font-size: 110%;
}

#mainFeature p.more
{
	margin-top: 0;
	text-align: right;
}

/*style the more link, padding left makes sure the background image is visible*/
#mainFeature p.more a:link, #mainFeature p.more a:visited
{
	color: white;
	background-image: url(images/more-bullet.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 14px;
}


/*add space around the inner div*/
#content .inner
{
	margin: 10px 20px 10px 40px;
}

/* style level 2 headings inside content and inner*/
#content .inner h2
{
	color: #245185;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #B9D2E3;
	font-size: 110%;
}


/*remove bullets and spacing*/
#content .inner ul.features
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#content .inner h3
{
	font-size: 130%;
}

#content .inner h3 a:link, #content .inner h3 a:visited
{
	color: #245185;
}

#content .inner p
{
	color: #666666;
	font-size: 90%;
}


/*style the images*/
#content .inner .features li img
{
	float: left;
	margin: 0 5px 5px 0;
}

/*display author name in bold*/
#content .inner p.author
{
	font-weight: bold;
}

/*align the text to the right*/
#content .inner p.more
{
	margin-top: 0;
	text-align: right;
}

/*display background image for link*/
#content .inner p.more a:link, #content .inner p.more a:visited
{
	color: black;
	background-image: url(images/more-bullet.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 14px;
	font-size: 90%;
	color: #1E4C82;
}


#sidebar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 220px;
	background-color: #256290;
	color: white;
	margin: 0;
	padding: 0;
}

/*style headings to contain a background image*/
#sidebar h3
{
	font-size: 110%;
	background-image: url(images/sidebar-header-bg.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0.2em 0 0.2em 10px;
	font-weight: normal;
}

#sidebar .inner
{
	padding: 10px;
}

/*replace buller with an image*/
#sidebar ul
{
	list-style-image: url(images/more-bullet.gif);
	margin-left: 0;
	padding-left: 20px;
}

/*set up text size and line height*/
#sidebar p, #sidebar li
{
	font-size: 90%;
	line-height: 1.4em;
}

/*format links*/
#sidebar ul a:link, #sidebar ul a:visited
{
	color: white;
}

#sidebar .date
{
	font-weight: bold;
}

/*float image to the right*/
#sidebar .motmImage
{
	float: right;
	margin: 0 30px 0 20px;
}

#sidebar p.more
{
	margin-top: 0;
	text-align: right;
}

/*style the more link a padding left makes sure the background image is visible*/
#sidebar p.more a:link, #mainFeature p.more a:visited
{
	color: white;
	background-image: url(images/more-bullet.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 14px;
}