/* -------------------------------------------------------------- 
  
   DC STYLE SHEET
   Uses Boilerplate Screen Styles v0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";


/* Page
-------------------------------------------------------------- */

body { padding: 0; background: url(../images/bg1.jpg) repeat-x}
#page { margin: 0 auto; width: 960px; padding: 15px; }


/* Header
-------------------------------------------------------------- */

#header { margin: 0; overflow: hidden; height:100px; }

#logo {float: left; }

#list {float:left; width:670px; text-align:right; margin-top: 12px}

#list a {color: #E2EFF7}



/* Body
-------------------------------------------------------------- */

#content {margin: 0px 0 30px 0;}

#maincol { float: left; width: 655px; }

#article { float: left; width: 655px; margin: 0 50px -10px 0; 
	min-height:300px;
  	height:auto !important;
  	height:300px;}
#sidebar { float: left; width: 255px; margin: 0;}

.alignleft {
	float: left;
	margin: 2px 12px 6px 0;
	}

/* Home
-------------------------------------------------------------- */

.thumb {float:left; width: 320px; margin: 0 15px 15px 0}

.thumbimg {border: solid 1px #036; margin:0 0 5px 0}

.splash {float:left; width: 187px; margin: 0 15px 15px 0; background: #ADDDEC; padding: 6px 9px 3px 9px; font-size:85%; line-height:1.6em; border: 1px solid #36c}


/* Article
-------------------------------------------------------------- */

.alignleft {
	float: left;
	margin: 2px 12px 6px 0;
	}
	
.alignright {
	float: right;
	margin: 2px 0px 6px 12px;
	}
	
#media p {font-style: italic}
#media p a {font-weight: bold; font-style: normal; font-size: 1.1em}


/* Sidebar
-------------------------------------------------------------- */

.greybox {background: #ADDDEC; padding: 7px 10px 0 10px; margin: 10px 0 20px 0; float: left; width: 235px;}

.greybox li {margin-bottom:3px}

.morebox {background: #ADDDEC; padding: 4px 7px 5px 4px; margin: 0px 0 20px 0; float: left; width: 641px; text-align:right; font-size:90%; font-weight:bold}

.morebox1 {background: #ADDDEC; padding: 4px 7px 3px 4px; margin: 0px 0 12px 0; float: left; width: 641px; font-size:90%; font-weight:bold}

#media .morebox1 {margin: 20px 0}

#quotes p {font-family:Georgia; font-size: 1.1em; margin-bottom: 2em}



/* Footer
-------------------------------------------------------------- */

#footer { 
	margin: 20px 0 0 0;
	padding: 8px 0 0 0;
	border-top: solid 20px #069;
	width: 960px;
	text-align: right;
	font-size: 85%;
	}
	
#footer ul {margin:0}
#footer li {display: inline; padding: 0 0 0 7px; border-left:1px black solid; margin: 0 5px 0 0}
#footer li.first {border: none}
#footer li.last {margin: 0}

#footer a:link, #footer a:visited {color: #0E013D}
#footer a:hover {color: green}