/*#############################################################
Name:ZOMG101
Date:2009-10-28
Description:Official ZOMG skin
Author:evul
#############################################################*/

/* colors =================================
yellow:			#fff33c; 
red:			#e41100; 
burgandy:		#770808; 
======================================== */

/*----- CSS Reset -----*/
* 											{ margin:0; padding:0; }
ul 										{ list-style:none; }
h1, h2, h3, h4, h5 							{ font-weight:normal; }
a 											{ outline:none; }
a img 										{ border:none; }

ol li { font-size: 0.8em; }

/*----- General Styles -----*/
body, html 									{ height:100%; }
body 										{ background:#0c0c0c url(images/bg_tile.png) 50% -8px scroll repeat; font-family:Verdana, Arial, Lucida Grande, Sans-Serif; font-size:100%; }

@font-face {
	font-family: "Futura Medium";
	src: url(FuturaTEE-Medi.eot);
	src: local("Futura Medium"), url(FuturaTEE-Medi.ttf) format("truetype");
}

/* MARKUP ELEMENTS */
a 											{ font-family: "Futura Medium", Arial, Verdana, Lucida Grande, Sans-Serif; text-decoration:none; color:#770808; }
a:hover 									{ text-decoration:underline; color:#770808; }

div.body a { font-family: Arial, Verdana, Lucida Grande, Sans-Serif; }
p.item_links a, .date { font-family: "Futura Medium", Arial, Verdana, Lucida Grande, Sans-Serif; }

p,p,cite,code								{ margin:0 0 1.5em 0; line-height:1.5em; }

h1, h2, h3, h4, h5, h6						{ font-family: "Futura Medium", Arial, Verdana, Lucida Grande, Sans-Serif; margin:0 0 0.5em 0; padding:0; }
h1											{ font-size:2.5em; letter-spacing:-1px; line-height:1em; font-weight: normal; }
h2											{ font-size:1.85em; letter-spacing:-1px; font-weight: normal; }
h3											{ font-size:1.25em; font-weight:normal; margin: 0 0 0 0; }
h4											{ font-size:0.95em; font-weight:normal; }
h5											{ font-size:0.85em; }
h6											{ font-size:0.725em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a			{ color:#020202; text-decoration:none; font-weight: normal; }

input 										{ color:#555; }



/* STRUCTURAL ELEMENTS */
#con_wrapper								{ display:block; margin:0 auto; padding:0; width:960px; font-size:0.8em; color:#020202; }

#con_header 								{ display:block; width:960px; height:299px; margin:0 auto; background:transparent url(images/ZOMG_header.jpg) 0 0 scroll no-repeat; }
#con_header h1, #con_header h1 a 			{ display:block; width:960px; height:245px; margin:0; text-indent:-99999px; }
	
#con_mainnav 								{ display:block; padding:10px 0 0 0; text-align:center; }
#con_mainnav ul 							{ list-style-type:none; margin:0; padding:0; }
#con_mainnav ul li 							{ list-style-type:none; display:inline; margin:0 47px 0 0; padding:0; }
#con_mainnav ul li a 						{ font-size:1.95em; line-height:normal; color:#fff33c; font-family: "Futura Medium"; }

#con_mainnav ul li.sel a, 
#con_mainnav ul li a:hover 					{ color:#e41100; text-decoration:none; }
#con_mainnav ul li.last 					{ margin-right:0; }


#con_body 									{ padding:25px 0 3em; background-color:#fff; }
.content_col 								{ display:inline-block; float:left; width:700px; margin-left:20px; }
#sidebar 									{ display:inline-block; float:right; width:140px; margin-right:20px; }
.sb_item 									{ margin-bottom: 1.5em; }
.item 										{ margin-bottom:4em; clear: both; }

#con_footer 								{ display:block; width:960px; height:58px; margin:0 auto 5em; background:transparent url(images/footer.gif) 0 0 scroll no-repeat; }
#con_footer ul 								{ list-style-type:none; margin:0; padding:8px 0 0 15px; }
#con_footer ul li 							{ list-style-type:none; display:block; float:left; margin:0; padding:0; }
#fn_ZOMG a 									{ display:block; width:71px; height:48px; float:left; text-indent:-99999px; }
#fn_iRATE a 								{ display:block; margin-left:18px; width:75px; height:48px; float:left; text-indent:-99999px; }
#fn_GSOCKS a 								{ display:block; margin-left:22px; width:103px; height:48px; float:left; text-indent:-99999px; }


/* Formatting */
.content_col h1 							{ padding-left:3px; color:#222; border-left:20px solid #770808; }
#sidebar h3 								{ margin-bottom:0.5em; color:#770808; text-transform:uppercase; }

ul.soc_links li								{ display:inline-block; float:left; }
ul.soc_links li a							{ display:inline-block; float:left; width:32px; height:32px; background:transparent url(images/social_icons.png) 0 0 no-repeat; text-indent:-99999px; }
ul.soc_links li.sl_fb a						{ background-position:0 0; }
ul.soc_links li.sl_tw a						{ margin-left:6px; background-position:-38px 0; }

ul.ul_archives 								{ border-top:1px solid #c4c4c4; }
ul.ul_archives li 							{ border-bottom:1px solid #c4c4c4; padding:6px 0; }

.date 										{ padding-left:3px; border-left:20px solid #770808;; color:#777; font-size:10px; text-transform:uppercase; letter-spacing:2px; }

.page_nav 									{ margin:2em 0 0; padding-top:0.5em; border-top:1px solid #770808; }
.page_nav a 								{ font-size:1.25em; text-transform:uppercase; color:#770808; }
.page_nav a:hover 							{ text-decoration:none; color:#dd8700; }
.f_left 									{ display:inline-block; float:left; width:45%; }
.f_right 									{ display:inline-block; float:right; width:45%; text-align:right; }

blockquote 									{ background:#FFF; border-bottom:1px solid #EEE; border-top:1px solid #EEE; color:#333; display:block; font-size:0.9em; margin-bottom:1.2em; padding:6px 12px; }
blockquote p {padding:3px 0; }

.item_links 								{ margin:2em 0; }

/* Form elements */
.searchform .formfield 						{ width:140px; height:20px; }
.formfield 									{ display:block; margin:0; padding:2px 2px 0; background-color:#FCFCFC; border:1px solid #DEDDDD; color:#333; }
.formfield:focus 							{ background-color:#ffffff; border:1px solid #000000; }
.commentform .formfield 					{ margin-bottom:1em; }
.commentform textarea.formfield 			{ width:350px; height:200px; }
.commentform input.formfield 				{ width:350px; height:20px; }
.formbutton 								{ display:block; margin:6px 0 0 0; padding:2px 4px; text-align:center; text-transform:uppercase; border:1px solid #000; color:#000; cursor:pointer; }
.formbutton:hover 							{ background-color:#efefef; border:1px solid #c5c5c5; color:#353535; }

/* Comments */
.comments_list 								{ margin-bottom:2em; }
.comments_form,
.comment_item 								{ padding:4px; background-color:#f5f5f5; }
.comment_item 								{ margin-bottom:4px; border-left:6px solid #770808; }
.comment_item span 							{ font-size:1.25em; }


/* new clearfix */
.clearfix:after {
	visibility:hidden; 
	display:block; 
	font-size:0; 
	content:" "; 
	clear:both; 
	height:0; 
	}
* html .clearfix             { zoom:1; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */



/* Nucleus STUFF ********* */

#nucleus_cf_remember {
	margin:0px 3px 2px 0px; 
}
* html #nucleus_cf_remember {
	margin:0px 3px -2px -3px; 
}

.mailform {
	font-size:11px; 
	font-family:Verdana; 
}

.loginform {
	padding:3px; 
}

.error {
	color:red; 
	font-weight:bold; 
}