/* ROUGHNECK CHRONICLES CSS */

/* STANDARDS */

body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin:0; padding:0; background:#575757 url(../images/body_bg.gif) repeat-x top left;}

img {border:none;}

a {color:#000066; text-decoration:underline;}
a:hover {color:#000099;}

h1 {margin:10px 0; padding:0; font-size:18px; font-weight:bold;}
h2 {}
h3 {color:#FFFFFF; font-size:12px; font-weight:bold; margin:0; padding:5px; /*text-align:center; text-transform:uppercase;*/ }

/* DIVS */
#container {margin:0 auto; position:relative; width:988px;}

#header {float:left; width:934px; padding:0 27px;}
	#topnav {float:right; font-size:10px; padding:10px 0 0 0; color:#ffffff;}
	#topnav a {color:#fff; font-weight:bold;}
	
#navigation {clear:left; float:left; padding:0 27px; width:934px; height:48px; background:url(../images/round_edge_bg.gif) no-repeat bottom left; margin:5px 0 0 0;}

	#navigation ul {margin:0; padding:0; list-style:none;}
	#navigation ul li {float:left; display:block; margin:0 1px 0 0; text-align:center; width:100px; height:25px;}
	#navigation ul li a {float:left; display:block; color:#000; text-decoration:none; font-size:10px; text-transform:uppercase; font-weight:bold; width:100px; height:25px; background:#fff url(../images/nav_bg_nonactive.gif) no-repeat top left; padding:8px 0 0 0;}
	#navigation ul li a:hover {background:#fff url(../images/nav_bg_active.gif) no-repeat top left;}

	#search {width:221px; height:33px; background:url(../images/search_bg.gif) no-repeat top left;
		position: absolute;
		left: 755px;
		top: 44px;
}

#toplinks {
        width: 728px;
        margin-left: auto;
        margin-right: auto;
}

#cover {clear:left; float:left; background:url(../images/cover_bg.png) repeat-y top left; width:934px;  padding: 0 27px 15px 27px;}
	
	#lhs {clear:left; float:left; width:215px; font-size:11px;}
		#lhsbox {float:left; clear:left; padding:5px; width:203px; background:#efefef; border:#e1e1e1 1px solid; margin:0 0 15px 0;}
		#lhsbox ul {margin:10px 0 0 5px; padding:0;}
		#lhsbox ul li {list-style:url(../images/lhslist.gif) inside; _list-style: url() disc inside; line-height:1.6em; font-weight:bold;}
		
	#maintext {float:left; width:703px; margin:0 0 0 15px;}
		#articlecall {clear:left; float:left; width:691px; border:#e1e1e1 1px solid; padding:5px; background:#ffffff;}
			#adslot1 {float:left; padding:0 10px 10px 0; width:300px; height:250px;}
			#adslot2 {float:left; padding:10px 0; width:468px; height:60px;}
		#commentbox {clear:left; float:left; width:691px; margin:15px 0 0 0; border:#e1e1e1 1px solid; padding:5px; background:#ffffff; }
		#popularbox {clear:left; float:left; width:446px; padding:5px; background:#fff; border:#e2e2e2 1px solid; margin:15px 0 0 0;}
			#popularbox ul li {line-height:1.6em;}
		#definitionbox {float:right; width:218px; padding:5px; background:#efefef; border:#e1e1e1 1px solid; margin:15px 0 0 0;}
	
#footer {clear:both; width:988px; background:url(../images/footer_bg.png) no-repeat top left; height:258px; color:#fff; font-weight:bold; padding:50px 0 0 0; text-align:center;}
	#footer a {color:#fff; text-decoration:none;}
	#footer a:hover {color:#CCCCCC; text-decoration:underline;}

#leavecomment {
	font-size: 20px;
	text-align: center;
}

/* CLASSES */
.fleft {float:left;}
.fright {float:right;}
.imgleft {float:left; padding:0 10px 10px 0;}
.imgright {float:right; padding:0 0 10px 10px;}
.marpad0 {margin:0; padding:0;}

.bluehead {border:#e1e1e1 1px solid; background:#1b285d url(../images/bluehead_bg.gif) repeat-x top left;  }
.grayhead {border:#e1e1e1 1px solid; background:#505050 url(../images/grayhead_bg.gif) repeat-x top left; }

.navactive {width:100px; height:25px; background:#fff url(../images/nav_bg_active.gif) no-repeat top left; display:block;}

.clear {clear:both;}