@import 'normalize.css';
@import 'type.css';
@import 'color.css';
/* w=826 */

.clear{
	width:100%;
	clear:both;
	height:1px;
	margin:0;
	display:block;
}
#wrapper{
	width:855px;
	margin:0 auto;
	background-image:url(../img/mockup_bg_body.jpg);
	background-repeat:repeat-y;
	background-position:0px 10px;
}

#header {
	/*
	background-image:url(../img/mockup_header_v1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	*/
}
#header td img{ display:block; }  /* Fireworks header */
#header #ad{
	width:728px;
	height:90px;
}

#header #login{}

#content {
	margin:0 60px;
}

.box{
	width:666px;
	margin:0 auto;
	padding-bottom:26px;
	background-image:url(../img/mockup_bg_box.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	position:relative;
	z-index:99;
	} /* attach BG to bottom center */

.box > h2{
	background-image:url(../img/bg_box_h2_3.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:23px;
	padding:5px 0px 0px 40px;
/*	margin-bottom:*/
}

.box > h2:first-child{
	background-image:url(../img/bg_box_h2.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:23px;
	padding:19px 0 0 42px;
	} /* uses background image for top cap */
body#post-652 .box > h2:first-child{
	background-image:url(../img/bg_box_h2_mag.jpg);
}
.box h2:first-child + ul.search{
	position:relative;
	top:-34px;
	margin-bottom:-15px; /* this is a hack. brings content below upwards towards where the element would've previously been */
	margin-right:18px;
}
.box > h2:first-child + ul.search li{
	text-align:right;
} /* use relative positioning to put search box inside that top cap */
.box > h2.blank:first-child{
	background-image:url(../img/bg_box_top.jpg);
	height:16px;
	padding:0;
	margin-bottom:15px;
}
.box p{
	margin:8px 60px 8px 60px;
}
.box ul p{
	margin:0;
}
.box h3{
	margin-bottom:8px;
	margin-left:60px;
	margin-top:0;
	padding-top:0;
}
.box > ul + h4{
}
.box > h4 + ul{
	position:relative;
	left:15px;
	margin-top:6px;
	margin-bottom:30px;
}
.box > h4{
	margin-left:60px;
	margin-bottom:4px;
}
.box h5{
	background-image:url(../img/bg_h5.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	padding:3px 0px 0px 40px;
	margin-top:20px;
	height:20px;
}
.box h5:first-child{
	background-image:url(../img/bg_h5_top.jpg);
	padding-top:19px;
	margin-top:0px;
}
#footer{
	margin-top:25px;
}
#footer_2{
	width:100%;
	height:170px;
	background: url(../img/footer_full.jpg) no-repeat;
	position:relative;
}
#footer_ad{
	position:absolute; 
	left:50%; 
	top:25px; 
	margin-left:-364px;
}
#facebook_link{
	position:relative;
	left:42px;
}

/* General Tags */
.header_login_form{
	text-align:right;
	vertical-align:top;
	padding-right:10px;
	padding-top:0px;
}
.header_login_form ul li{
	display:inline;
}
.header_login_form ul.log_form li{
	position:relative;
	top:-3px;
	left:6px;
}
.header_login_form input.button.image{
	position:relative;
	top:6px;
}
.header_login_form input.text{
	border:none;
	background-image:url(../img/bg_input_1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:86px;
	height:16px;
	padding:3px 0 0 2px;
}
.header_login_form label{
	margin-right:3px;
}
.header_login_form ul.logged li{
	position:relative;
	top:6px;
}
/* Detail Page */
div.yapb{
	float:left;
	margin:0 18px 6px 60px;
}
.yapb .local-support{
}
/* List Styles */
ul.child_list, ul.list, .box > ul{
	margin-left:60px;
}
ul.child_list li, ul.list li, .box ul li{
	margin:4px 0;
}
ul.child_list li a:hover, ul.list li a:hover, .box ul li a:hover{
}
div.next_previous{
	margin:20px 0 10px 60px;
}
table.next_previous_links{
	width:100%;
	border:1px solid #030;
	background-color:#ededed;
	border-left:none;
	border-right:none;
}
table.next_previous_links td{
	width:50%;
	padding:6px 0;
}
table.next_previous_links td.previous{
	text-align:right;
	padding-right:40px;
}
table.next_previous_links td.next{
	text-align:left;
	padding-left:40px;
}

/* Forum Style */
/* assorted widget-ish items */
ul.highlights{
	float:left;
	width:280px;
	margin-left:60px;
	margin-top:10px;
	border:3px solid #dbdbdb;
	background-color:#f9f9f9;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding-bottom:10px;
}
ul.sub_form{
	float:right;
	width:250px;
	margin-right:60px;
}
ul.highlights li{
	margin:0 8px 0 15px;
}
ul.highlights h4{
	margin:10px -6px 2px 0;
}
ul.highlights h4 em{
}
ul.highlights ul li{
	line-height:16px;
}
ul.sub_form li, ul.highlights li{
	/*
	margin-left:0px;
	*/
}
/* form stuff */
.req{
}
.text + .req{
	margin-left:5px;
}
ul.sub_form{
	margin-top:10px;
}

ul.sub_form li{
	padding:4px 0;
}
ul.sub_form label.block{
	display:inline-table;
	text-align:right;
	width:60px;
	margin-right:3px;
}
ul.sub_form input.text, ul.sub_form select.text{
	padding:2px;
	border:1px inset #333;
	margin-left:0px;
	width:150px;
}
ul.sub_form select.text{
	margin-left:-2px;
	width:154px;
}
ul.sub_form input.img_btn{
	margin-left:60px;
}
blockquote{
	padding:10px 80px;
}
.box > blockquote{
	padding:5px 30px 5px 45px;
	background-image:url(../img/bg_blockquote.jpg);
	background-position:70px 15px;
	background-repeat:no-repeat;
}
.ss.hot_topics{
	/*
	background-image:url(/core/wp-content/plugins/xml_flash_slideshow/img/hot_topics_608x379.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:608px;
	*/
	margin:0 auto;
	width:620px;
}
.split{
	width:325px;
	margin-top:15px;
}
.split .yapb, .split p{
	margin-right:0;
	margin-top:0px;
}
.split .yapb{
	border:1px solid #333; 
	float:left; 
	margin-top:4px;
	margin-right:4px;
}
.split.left{
	float:left;
	width:460px;
}
.split.right{
	float:right;
	width:180px;
	padding-left:10px;
	border-left:4px solid #c4c4c4;
}
.split.right ul:first-child{
	margin-top:6px;
} 
.split.right *{
	margin-left:0;
}
li.widget{
	margin-bottom:12px;
}
li.widget h4{
}
.split.right li.widget ul{
	margin-left:6px;
}
li.widget ul li a{
	display:inline-block;
	padding:3px 2px;	
}
p.error{
	border:1px solid #f00;
	padding:10px;
	width:50%;
	margin:10px auto;
} 
.map{
	margin:10px 60px;
}
.box h5{
	/* take care of green stripe across all */
}
#s{
	padding:1px 2px;;
	border:1px inset #333;
}
.box > h6{
	margin-left:60px;
}
.box > ul  h2{
	display:inline-block;
	margin:0;
	padding:0;
}
ul.bullet{
	margin-left:80px;
	list-style:square;
}
ul.bullet > li{
	font-size:12px;
	padding:2px 0;
}
.box > ul.details{
	font-size:12px;
	margin-left:80px;
	margin-right:140px;
	border:1px solid #030;
	background-color:#FBF9EC;
}
ul.details li{
	padding:4px 6px;
	list-style:square;
	list-style-position:inside;
}
ul.details h2{
	font-size:14px;
	margin-left:-4px;
}
#article_of_the_week_link_bar{
	position:relative;
	z-index:10;
	display:block;
	margin:0 auto -40px;
	width:100%;
	text-align:center;
}