/*
Theme Name: DFC Theme
Theme URI: http://designfightclub.org
Description: A theme specifically designed for designfightclub.org
Version: 1.0
Author: Charlotte and Dominique
*/

/*RESET*/
html{
border:0 none;
color:#000;background:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}input{outline: none;}
/* @end */

/*BASE*/
html, body { background:#000 url(images/bg.jpg)repeat-x bottom;background-attachment:fixed;font-family:helvetica,arial,sans-serif;font-size:12px;color:#FFF;}
a { outline:none; color: #999; text-decoration: none;}
/* @end */

/*LARGEST CONTAINERS*/
#main_wrapper{ padding-top:20px; height:100%;}
#inner_wrapper{ width:980px;padding:10px;margin:auto;}
/*end*/

/*HEADER*/
#header { border-bottom:1px solid #999;overflow:hidden;height:30px; }
#header h1 a span { display:block;width:175px;height:14px;background:url(images/sprites.png) no-repeat;text-indent:-9999px; }
/*end*/

/*NAVIGATION*/
#navigation { float:right; margin-top:-11px; }
#navigation li { display:inline-block; padding:0px 3px; }
#navigation li a { text-decoration:none; text-transform:uppercase; color:#FFF; font-size:11px; padding-bottom:3px; }
#navigation li a.active, #navigation li a:hover { border-bottom:2px solid #FFF; }
/* @end */

/*CONTENT*/
#img_holder { width:980px;height:500px;background:#e99400; margin-top:10px; overflow:hidden; }
#content {overflow: hidden; padding-top: 5px;}
	#content a:hover{text-decoration: underline;}
	/* transparent box */
	#transparent_box { background:#000; position:relative; margin-top:447px; padding:10px 15px 5px 15px; overflow:hidden; height:50px;}
	#transparent_box ul { float:right; margin-top:-19px;}
	#transparent_box h5 a { color: #fff; text-decoration: none; font-weight: bold; line-height: 21px;}
	#transparent_box li { text-indent:-9999px; }
	#transparent_box li a{display:block; height:16px; width:10px; }
	/* @end of transparent box*/
	
	/* arrows */
	#transparent_box #right_arrow { background:url(images/sprites.png) no-repeat 0 -148px; width:10px; height:17px; float:left;	margin-left:-12px;}
	#transparent_box #left_arrow { background:url(images/sprites.png) no-repeat -10px -148px; width:10px; height:17px; }
	/* end of arrows*/
/* @end*/

/*FOOTER*/
#footer { overflow:hidden;padding:30px 0; border-top:1px solid #999; margin-top:10px; }
#footer #affiliates { position:relative; margin-left:65px; margin-top:-17px; }
#footer #affiliates li { display:inline-block; margin:0 8px; }
#footer #affiliates li span { display:block; text-indent:-9999px; }
	/*logo image replacement*/
#footer #affiliates #chanlu { background:url(images/sprites.png) no-repeat 0 -26px;width:86px;height:17px; }
#footer #affiliates #voidnothings { background:url(images/sprites.png) no-repeat 0 -58px;width:127px;height:22px; }
#footer #affiliates #blockeleven { background:url(images/sprites.png) no-repeat 0 -83px;width:28px;height:22px; }
#footer #affiliates #brainchild { background:url(images/sprites.png) no-repeat 0 -114px;width:162px;height:22px; }
	/* @end of logo image replacement*/
#footer #copyright { float:right;margin-top:-15px; }
/* @end */

/*ADDITIONAL CLASSES*/
.transparent_class { filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.pagination{padding: 15px 0 7px; text-align: right}
.desc { font-size:10px; color:#666; }
/*@end*/

/* CHALLENGE PAGE */
#challenge h4{font-size: 14px; font-weight: bold; text-transform: uppercase; padding-top: 40px}
#challenge p{padding: 5px 0 10px; line-height: 18px;}
#challenge a img{text-align: center;}
#challenge #comment_container {padding-top: 20px; border-top: 1px solid #666; margin-top: 20px;}


/* BLOG */

#blog, #page{float:left;width: 709px; padding: 20px 20px 20px 0; border-right: 1px solid #444;}
	#blog .post{padding-bottom: 20px;}
	#blog h2, #page h2{font-size: 30px; padding: 0 0 10px 0;}
		#blog h2 a, #page h2 a{color: #fff;}
	#blog h3, #page h3 {font-size: 24px; padding: 0 0 10px 0;}
	#blog h4, #page h4 {font-size: 16px; padding: 0 0 5px 0;}
	#blog .meta{padding: 5px 0 10px 0;}
		#blog .meta .date{color: #E37D3B;}
		#blog .meta a{color: #ccc;}
	#blog p, #page p, #sidebar p{color: #ddd; line-height: 18px; padding-bottom: 10px;}
		#comment_container h3{font-size: 16px; padding-bottom: 10px;}
			.comment {overflow: hidden; padding: 10px 0; border-bottom: 1px dotted #444;}
			.comment .avatar{float: right; margin-left: 10px; padding: 5px; border: 1px solid #444;}
			.comment-author{font-size: 14px; padding-top: 10px;}
			.comment-meta{font-size: 10px;}
			.comment p{padding: 10px 0;}
		#comment_container #respond{padding-top: 50px;}
			#respond input, textarea{padding: 3px; font-size: 12px; border: 1px solid #444; background: #3f3f3f; color: #ccc;}
			#respond label small{font-size: 11px; padding-left: 5px;}
			#respond textarea{width: 699px; height: 200px; font-size: 14px; line-height: 20px;}
#sidebar{float:right;width:230px; padding: 20px 0 20px 20px;}
	#sidebar p{padding-bottom: 20px;}
	#sidebar h2{font-size: 16px; color: #e37d3b; padding-bottom: 10px;}
	#sidebar ul{padding: 0 0 20px 0;}
		#sidebar ul li a{line-height: 24px; padding: 0; margin:0;}