/*	
Theme Name:Jayc Custom V2
Description:Super theme for Jayc by Jayc!!
Author:Jayc Santos
Author URI:http://jaycsantos.com
Version:2.0
*/

*{padding:0;margin:0;
	vertical-align:top;}

hr{
	height:1px;
	border:none;
	line-height:9px;
	border-top:#ccc 1px solid;
	border-bottom:#dfdfdf 1px solid;
	margin:10px 0 15px;}

pre{
	height:auto;
	overflow:auto;}

a{
	color:#cc6600;
	text-decoration:none;}

a:hover {
	color:#cc6600;
	text-decoration:underline;}
	
img{
	border:none;}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:4px 0;
	color:#b35900;}

h1{font-size:1.75em;}
h2{font-size:1.334em;}
h3{font-size:1.167em;}
h4{font-size:1em;}
h5{font-size:0.834em;}
h6{font-size:0.75em;}

p{
	margin:0 0 5px;
	text-indent:4px;
	padding:4px 0;
	font-size:13px;
	line-height:20px;}

input, textarea, select{
	font-family:trebuchet ms, sans-serif, verdana, tahoma;}
optgroup option{
	padding-left:10px;}

body{
	background:url(images/bg.png) repeat fixed;
	text-align:center;
	font-family:"Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:18px;
	color:#404040;}


/* wordpress */
.highlight {
	color:#222;
	font-weight:bold;}

.cleared {
	margin:0;
	padding:0;
	clear:both;}

.alignleft {
	float:left;
	margin:5px 10px 5px 0;}
.alignright {
	float:right;
	margin:5px 0 5px 10px;}
.aligncenter, 
div.aligncenter {
	margin:10px auto;
	text-align:center;
	display:block;}

img.alignleft {
	float:left;
	margin:5px 10px 5px 0;}
img.alignright {
	float:right;
	margin:5px 0 5px 10px;}
img.aligncenter {
	margin:10px auto;
	text-align:center;
	display:block;}

.wp-caption {
	border:1px solid #CCC;
	text-align:center;
	background-color:#f9f9f9;
	padding-top:4px;
	margin:10px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;}
.wp-caption img {
	margin:0;
	padding:0;
	border:0 none;}
.wp-caption-dd {
/*	font-size:11px;
	line-height:14px;*/
	padding:0 4px 5px;
	margin:0;}
.wp-caption p.wp-caption-text {
/*	font-size:11px;
	line-height:14px;*/
	font-size:0.9167em;
	line-height:0.9167em;
	vertical-align:bottom;
	padding:3px 4px 0;
	text-align:center;}

.wp-smiley{
	border:0px none;
	padding:0px;
	margin:0px;}

	
/* template */

#main{
	background:url(images/bg_yo.png);
	width:980px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;}
#header{
	height:247px;
	text-align:left;
	overflow:visible;}
#logo{
	width:200px;
	height:125px;
	position:absolute;
	margin:80px 0 0 50px;
	z-index:101;}
#content_wrapper{
	background:url(images/bg_tile.png) repeat-y;
	width:100%;
	overflow:hidden;}
#mid{
	width:680px;
	margin-right:20px;
	float:right;
	text-align:center;
	overflow:hidden;}
#side{
	width:280px;
	float:left;
	overflow:hidden;}
#footer{
	width:980px;
	height:145px;
	overflow:hidden;}


/* header */
#header .head{
	width:250px;
	height:247px;
	float:left;}
#header #hd1{
	background:url(images/head_1.jpg);}
#header #hd2{
	background:url(images/head_2.jpg);}
#header #hd3{
	background:url(images/head_3.jpg);}
#header #hd4{
	background:url(images/head_4.jpg);
	width:230px;}

#header #hd4 #header_rss{
	position:absolute;
	margin-top:220px;}
/* header text */
#header #hd4 #msgbox{
	position:relative;
	font-size:0.9167em;
	line-height:1.334em;
	color:#555;
	text-align:right;
	list-style:none;
	padding:60px 18px 0 0;
	margin:0;}
#header #hd4 #msgbox h2{
	font-size:1.08334em;
	color:#333;
	padding-right:10px;}
#header #hd4 #msgbox li{
	margin:0;
	padding:0;}
	
	
/* menu */
#hmenu{
	width:680px;
	position:absolute;
	margin:221px 0 0 70px;}
#hmenu ul{
	list-style:none;
	padding:0;
	margin:0;}
#hmenu li{
	display:inline;}
#hmenu li a{
	font-weight:bold;
	color:#eee;
	font-size:1.167em;
	padding:0 36px 0 12px;}
#hmenu li a:hover{
	border-left:2px solid #eee;
	padding-left:10px;
	text-decoration:none;}



/* mid contents */
#topbar{
	background:url(images/main_crack_top.png) top right no-repeat;
	width:680px;
	/*height:280px;*/
	padding:20px 0 0;
	list-style:none;
	text-align:left;
	overflow:hidden;}
.contents{
	padding:40px 0 0;
	text-align:center;}
.contents_blog{
	background:url(images/bg_text_devtblog.png) no-repeat 20px 0px;}
.contents_games{
	background:url(images/bg_text_games.png) no-repeat 20px 0px;
	padding-top:20px;}
.contents_jcustommod{
	background:url(images/bg_text_jcustommod.png) no-repeat 20px 0px;
	padding-top:20px;}
.contents_games h2.post_title a{
	color:#333;}

#topbar .widget{
	display:inline;
	width:210px;
	margin:0 0 10px 20px;
	float:left;}
#topbar .widget h2{
	font-size:1.0834em;
	color:#333;
	padding:12px 0 4px 20px;}
#topbar .widget ul{
	list-style:none;}
#topbar .widget ul li{
	background:url(images/icon_bullet_sq.gif) no-repeat;
	padding:0 5px 0 14px;}

#topbar .aktt_widget{
	background:url(images/bg_tweet.jpg) no-repeat top left;
	width:300px;
	padding-top:20px;}
#topbar .aktt_tweets ul{
	list-style:none;}
#topbar .aktt_tweets ul li{
	background:none;
	margin:2px 0;
	padding:0 2px 4px;
	border-bottom:1px dashed #ccc;}

.aktt_tweets .aktt_replyto,
.aktt_tweets .aktt_timestamp{
	color:#999;}
.aktt_tweets .aktt_replyto a,
.aktt_tweets .aktt_timestamp a{
	font-style:italic;
	font-size:0.9167em;
	color:#e59545;}
/*#topbar .aktt_tweets li a{
	font-style:italic;}*/
#topbar .aktt_tweets ul li.aktt_more_updates{
	border-bottom:none;
	text-align:right;}

/* mid topbar - small side - gamelist */
.gamelist{
	padding:0 0 40px;}
.gamelist h2{
	font-size:1.0834em;
	color:#333;
	text-align:left;
	margin-bottom:3px;
	padding:4px 0 8px 20px;}
.gamelist h2 a{
	color:#333;}
.gamelist ul{
	list-style:inside none;
	margin:0;
	padding:0;}
.gamelist ul li{
	display:inline;}
.gamelist ul li a{}
.gamelist ul li a:hover img{
	border-color:#aaa;}
.gamelist ul li a img{
	margin:3px 0;
	padding:3px;
	border:1px solid #ddd;
	background-color:#f9f9f9;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;}

#smallside{
	position:relative;
	width:140px;
	margin:-235px auto 0;
	float:right;}
#smallside .gamelist{
	background:url(images/main_crack_sidebar.png) bottom right no-repeat #f0f0f0;
	margin:0 0 0 10px;
	padding:10px 0 30px;
	text-align:center;}
#smallside .gamelist li{}
#smallside .gamelist li a img{
	margin:5px 0;}


/* mid main/blog contents */
.contents .title,
.contents .widgettitle{
	font-size:1.0834em;
	color:#333;
	margin:0 30px;
	text-align:left;}
.contents .wrapper{
	padding:5px 12px 10px;
	text-align:left;}
.contents .wrapper_bot{
	width:100%;
	padding:5px 12px 10px;
	text-align:left;
	overflow:hidden;}
.contents .wrapper_bot .widget{
	display:inline-block;
	float:left;}
	

.post_title{
	padding-right:5px;
	padding-bottom:10px;
	width:74%;
	font-size:1.5em;}
.post_title a {
	font-weight:normal;
	color:#996600;}
.post_title a:hover {
	text-decoration:none;
	color:#805500;}

.post_date{
	color:#444;
	line-height:2em;
	position:relative;
	margin:-25px 20px 0 0;
	vertical-align:bottom;
	float:right;}
.meta_date{
	font-size:0.834em;
	font-weight:bold;}
.post_subs{
	padding:10px 14px 0 0;}

.post_meta{
	background:#e6e6e6;
	border-top:3px solid #bbb;
	border-bottom:2px solid #ccc;
	margin:0 20px 15px 0;
	color:#808080;
	line-height:1.3em;
	padding:5px 20px 3px;}
.post_meta a{
	color:#d9822b;}
.post_meta .meta_cat{
	font-weight:bold;
	color:#996633;}
.post_meta .meta_cat a{
	font-weight:normal;
	color:#996633;}
.post_meta .meta_tag{
	font-size:0.9167em;}
.post_meta_right{
	width:100px;
	text-align:right;
	float:right;}
.meta_share{
	margin:0 0 5px;}
.meta_cmt{
/*	background:url(images/icon_comment.gif) no-repeat 0px 0px;
	padding:0 0 0 23px;*/}
.meta_cmt a{
	color:#996600;
	font-weight:bold;
	padding:5px 0 0;}

.post_meta2{
	padding:0 35px 6px 18px;}
.post_meta2 hr{
	border-top:1px solid #ddd;}
.post_meta img{
	vertical-align:text-top;}
	
.meta_rate_text{
	font-size:0.9167em;
	color:#808080;
	position:absolute;}
.meta_rate_desc{
	font-size:0.9167em;}
.meta_rate_tnx{
	color:#d9822b;
	font-size:0.834em;
	line-height:0.834em;}

.post_ctrl {
	position:relative;
	width:520px;
	margin-left:-16px;
	font-size:0.9167em;
	line-height:1.25em;}
.post_ctrl a{
	border:1px solid #e6e6e6;
	display:inline-block;
	color:#cc6600;
	margin:0 2px 3px;
	padding:0 9px;}
.post_ctrl a:hover{
	background-color:#fcfcfc;
	border:1px solid #ccc;
	color:#222;
	text-decoration:none;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;}

.post_ctrl a.selected{
	color:#666;}
.post_ctrl a.selected:hover{
	background-color:#e6e6e6;
	border:1px solid #e6e6e6;}

	
	

.post_contents {
	font-size:13px;
	padding:2px 12px 8px 14px;
	text-align:left;}
.post_contents h1,
.post_contents h2,
.post_contents h3,
.post_contents h4,
.post_contents h5,
.post_contents h6 {
	padding-left:12px;
	color:#494949;}
/*.post_contents h1{font-size:1.75em;}
.post_contents h2{font-size:1.334em;}
.post_contents h3{font-size:1.167em;}
.post_contents h4{font-size:1em;}
.post_contents h5{font-size:0.834em;}
.post_contents h6{font-size:0.75em;}*/
.post_contents h1{font-size:1.6154em;}
.post_contents h2{font-size:1.2308em;}
.post_contents h3{font-size:1.0769em;}
.post_contents h4{font-size:1em;}
.post_contents h5{font-size:0.9231em;}
.post_contents h6{font-size:0.8462em;}
.post_contents code{
	color:#003366;}
.post_contents pre{
	line-height:24px;}
.post_contents ul{
	list-style:none;
	padding:2px 0 8px 5px;}
.post_contents ul li{
	background:url(images/icon_bullet_sq.gif) no-repeat;
	background-position:0 2px;
	padding-left:16px;}
.post_contents ol{
	list-style-position:inside;
	list-style-type:decimal-leading-zero;
	padding:6px 0 10px 5px;}
.post_contents blockquote{
	background:#ffffc3;
	border:1px solid #e6e6e6;
	border-left:4px solid #cecece;
	margin:10px 0 15px;
	padding:10px 6px 10px 12px;
	color:#111;}
.post_contents blockquote.white{
  color: #322;
  background-color: #f9f9f9;
  border: 1px solid silver;
  margin: 0 0 1.5em 0;
  padding:4px 6px;
  overflow: auto;
  vertical-align:top;}

#nextprev_link_top{
	margin:5px 20px 0 0;
	float:right;}	
#nextprev_link_top a{
	margin:4px 10px;}
#nextprev_link a{
	margin:4px 20px;}




/* side contents */
#side #nav_cat{
	background:url(images/nav_tile.png) repeat-y;
	width:230px;
	margin:25px auto 10px;
	text-align:left;}

/* category nav */
#nav_cat .top{
	background:url(images/nav_top.png) no-repeat;
	width:230px;
	height:15px;}
#nav_cat .bot{
	background:url(images/nav_bot.png) no-repeat bottom;
	width:230px;
	height:15px;
	margin-top:20px;}
#nav_cat .con{
	background:url(images/nav_bg_category.png) no-repeat;
	background-position:20px 10px;
	padding:10px 20px;}
#nav_cat .con ul{
	list-style:none;
	margin-left:15px;}
#nav_cat .con li{
	background:url(images/icon_bullet0.gif) no-repeat;
	background-position:0px 2px;
	line-height:2.25em;
	padding-left:14px;}
#nav_cat .con li a{
	color:#333;}
#nav_cat .con h2{
	font-size:1.167em;
	color:#333;
	margin-left:10px;}
#nav_cat .con ul li ul.children{
	margin-left:0px;}
#nav_cat .con ul li ul.children li{
	background:url(images/icon_bullet.gif) no-repeat;
	background-position:0px 2px;}

/* dynamic left sidebar */
#dynamic_leftbar{
	background:url(images/sbox_tile.png) repeat-y;
	overflow:hidden;
	list-style:none;}
#dynamic_leftbar li.widget{
	background:url(images/sbox_bot.png) no-repeat bottom left;
	padding:0 30px 40px;
	text-align:left;
	font-size:1em;}
#dynamic_leftbar li.widget h2{
	background:url(images/sbox_top.png) no-repeat 0px 0px;
	width:270px;
	padding:45px 0 6px 40px;
	margin-left:-30px;
	font-size:1.083em;
	color:#333;}
#dynamic_leftbar li.widget ul{
	list-style:none;
	/*list-style:inside square;*/}
#dynamic_leftbar li.widget ul li{
	line-height:20px;
	background:url(images/icon_bullet_sq.gif) no-repeat;
	background-position:0 2px;
	padding-left:16px;}
#dynamic_leftbar li.widget ul li a{
	color:#444;}
#dynamic_leftbar li.widget ul li ul{
	list-style:none;
	padding-left:15px;}
#dynamic_leftbar li.widget ul li ul li{
	background:url(images/icon_bullet.gif) no-repeat;
	background-position:0 -2px;
	padding-left:16px;}

#dynamic_leftbar li.gamelist{
	padding:0 24px 40px;}
#dynamic_leftbar li.gamelist h2{
	margin-left:-24px;}
#dynamic_leftbar li.gamelist ul li{
	background:none;
	padding:0;}

#dynamic_leftbar li.widget ul li.linkcat{}
#dynamic_leftbar li.widget ul li h2{
	background:none;
	font-weight:normal;
	padding:0 0 0 30px;}

/* specific widgets */
#dynamic_leftbar li.widget ul.collapsArchList li ul{
	padding-left:15px;}
#dynamic_leftbar li.widget ul.collapsArchList li{
	background:none;
	padding-left:0;}
#dynamic_leftbar li.widget ul.collapsArchList li span.collapsArch{
	cursor:pointer;}
#dynamic_leftbar li.widget ul.collapsArchList li span.collapsArch span.sym{
	margin-right:5px;}
#dynamic_leftbar li.widget ul.collapsArchList li ul li{
	background:none;
	padding-left:0;}
#dynamic_leftbar li.widget ul.collapsArchList li ul li.collapsArchPost{
	background:url(images/icon_bullet.gif) no-repeat;
	background-position:0 -2px;
	padding-left:16px;}
	



/* footer */
#footer #ft1{
	background:url(images/foot_1.jpg) no-repeat top left;
	width:300px;
	height:145px;
	float:left;}
#footer #ft3{
	background:url(images/foot_3.jpg) no-repeat top left;
	width:300px;
	height:145px;
	padding-top:115px;
	text-align:right;
	float:left;}
#footer #ft3 a{
	padding:0 30px 0 0;
	color:#eee;}
#footer #ft2{
	background:url(images/foot_2.jpg) no-repeat top left;
	width:380px;
	height:145px;
	font-size:0.9167em;
	text-align:center;
	color:#555;
	padding-top:80px;
	float:left;}
#footer #ft2 a{
	color:#555;}



/* forms */
input, select, textarea{
	border:1px solid #997000;
	background:#f0f0f0;
	font-size:0.9167em;
	color:#666;
	margin:0 0 0 2px;
	padding:1px 2px 0;}
input{
	height:18px;}
select{
	height:21px;}
select option{
	padding-top:2px;
	padding-bottom:2px;}

input[type=submit], input[type=button]{
	background:url(images/btn_small.gif) no-repeat;
	background-position:0 0;
	width:55px;
	height:20px;
	position:relative;
	text-align:center;
	overflow:hidden;
	color:#333;
	margin:auto 1px;
	border:0px none;}
input[type=submit]:hover, input[type=button]:hover{
	background-position:-55px 0;
	text-decoration:none;
	cursor:pointer;}



/* ads */
.ad{
	background:#f9f9f9 url(images/bg_adspace.gif) center center no-repeat;
	border:1px solid #ddd;
	margin:0 auto;
	padding:4px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;}
.ad_clean{
	margin:5px 0;}
.ad_tab{
	margin-left:20px;}
.smallsquare{
	width:200px;
	height:200px;}
.square{
	width:250px;
	height:250px;}
.banner{
	width:468px;
	height:60px;}
.leaderboard{
	width:728px;
	height:90px;}
.txt_banner_15{
	width:468px;
	height:15px;}
.txt_200x90{
	width:200px;
	height:90px;}


/* specific */
.ico46x{
	width:46px;
	height:46px;}
.ico80x60{
	width:80px;
	height:60px;}
.ico100x75{
	display:block;
	width:100px;
	height:175px;
	overflow:hidden;}

ul.sqlist{
	list-style:none;}
ul.sqlist li{
	background:url(images/icon_bullet_sq.gif) no-repeat;
	padding:0 5px 0 14px;}
label.in{
	display:inline-block;
	width:80px;
	height:22px;
	position:relative;
	margin-left:-80px;
	text-align:right;
	vertical-align:top;}

ul.msg_alert{
	list-style:none;
	margin:0;
	padding:0;
	color:#fff;
	font-size:1.0834em;
	font-weight:bold;
	text-align:left;}
ul.msg_alert h2{
	display:inline-block;
	font-size:14px;
	color:#fff;}
ul.msg_alert li{
	background:#993300;
	padding:5px 40px;}
ul.msg_alert li a{
	color:#fff;
	text-decoration:underline;}

.spoiler_wrapper{
	border:2px solid #ffeaac/*#c9e0a0*/;width:98%;text-align:left;}
.spoiler_div{padding:2px 6px;}
.spoiler_link_hide,.spoiler_link_show, a.spoiler_link_hide, a.spoiler_link_show{
	padding:2px 10px;display:block;background:#ffeaac;
	font-weight:bold;font-size:1.1em;color:#aaa;}
a.spoiler_link_hide:hover, a.spoiler_link_show:hover{
	background:#fce0a3;text-decoration:none;color:#999;}




