/*	
Theme Name:ChrisJeff Custom v1
Description:Light WP theme with 2 column layout with primary colors red and blue. 
Author:Jayc Santos
Author URI:http://jaycsantos.com
Version:1.0
*/

*{
	margin:0;
	padding:0;}
	
h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:4px 0;}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover{
	color:#61acdb;}

h1{font-size:2em;}
h2{font-size:1.5em;}
h3{font-size:1.17em;}
h4{font-size:1em;}
h5{font-size:0.83em;}
h6{font-size:0.67em;}

hr{
	border:0 none;
	border-top:1px dashed #deb1b1;
	width:96%;
	margin-left:2%;
	height:1px;
	color:transparent;}

pre{
	height:auto; 
	overflow-x:scroll;}

p{
	font-size:12px;
	line-height:19px;}
li{
	line-height:19px;}

blockquote{
	background:#eaeaea;
	border-left:2px dotted #deb1b1;
	margin:8px 10px 6px;
	padding-left:8px;
	color:#444;}

a{
	color:#2d63e0;
	text-decoration:none;}

a:hover {
	color:#244fb3;
	text-decoration:underline;}
	
a img{
	border:none;}

html body{
	text-align:center;
	font-family:trebuchet ms, sans-serif, verdana, tahoma;
	font-size:12px;
	color:#333;}
	
/*html{
	overflow-y:hidden;}*/
#body{
	background:url(images/bg_tile.jpg) top center repeat-x #30a2c7;}
	
input, textarea{
	font-family:trebuchet ms, sans-serif, verdana, tahoma;}
	
input[type=submit], input[type=button]{
	background:url(images/button_bg.gif) repeat-x;
	border:0 none;
	font-size:13px;
	height:20px;
	padding:1px 3px;
	color:#ccc;}
input[type=submit]:hover, input[type=button]:hover{
	background-position:0 -20px;
	cursor:pointer;
	color:#cfcfcf;}



/* wordpress */
.widget ul{
	list-style:none;}

.widget ul li{
	background:left 9px no-repeat;
	background-image:url(images/icon_bullet_arr.gif);}

.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;}

.pagetitle{
	font-size:2em;}

.wp-caption {
	border:1px solid #ddd;
	text-align:center;
	background-color:#b22f2f;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;}

.wp-caption img {
	margin:4px;}

.wp-caption p.wp-caption-text {
	font-size:12px;
	line-height:16px;
	padding:0 4px 5px;
	color:#e8a2a2;}




/* main and header */
#main{
	background:url(images/main_center.png) repeat-y;
	width:928px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;}
#main #left{
	background:url(images/main_left_top.png) no-repeat;
	width:4px;
	height:650px;
	float:left;}
#main #top{
	background:url(images/main_top.png) top left no-repeat;
	width:920px;
	height:50px;
	float:left;}
#main #right{
	background:url(images/main_right_top.png) no-repeat;
	width:4px;
	height:650px;
	float:right;}
#main #bottom{
	background:url(images/main_bottom.png) top left no-repeat;
	width:920px;
	height:20px;
	margin-left:4px;
	float:left;}
#main #footer{
	background:url(images/footer_bg.png) repeat;
	width:920px;
	color:#999;
	float:left;
	margin-left:4px;}

#header{
	width:920px;
	height:140px;
	float:left;}
#header #logo{
	background:url(images/logo_png24.png) no-repeat;
	width:302px;
	height:212px;
	margin:0 7px 0 0;
	float:right;
	z-index:20000;}
#header #logo img, #header #logo h1{
	visibility:hidden;}
#header #logo:hover{
	text-decoration:none;}
/*#header #header_bar{
	height:130px;
	overflow:hidden;}*/
#header .widget{
	background:#e3e3e3;
	border-left:3px solid #deb4b4;
	padding:2px 2px 1px 8px;
	margin:25px 0 0 30px;
	width:550px;}
#header .widget h2{
	font-size:2em;}
#header .widget .textwidget{
	margin:2px 4px 5px;
	line-height:19px;}

/* contents and posts */
#contents{
	width:600px;
	margin:20px 3px 30px 16px;
	float:left;}
#contents .nxt_prv{
	padding:0 20px;}

.post, .page{
	margin:30px 0 0px;
	overflow:hidden;}
.post .title, .page .title{
	font-size:2em;
	text-align:right;
	margin-left:210px;
	margin-right:10px;}
.post .date, .page .date{
	color:#b54848;
	position:absolute;
	margin:-18px 2px 0;}
.post .content, .page .content{
	margin:5px 5px 20px 10px;}
.post .content ul, .page .content ul{
	margin:2px 0 6px 20px;}
.post .content li, .page .content li{
	margin:0 0 0 20px;}
.post .postmetadata, .page .postmetadata{
	background:#f2f2f2;/*#e8d5d5;*/
	border:1px solid #dec8c8;
	margin:20px 0 30px 40px;
	padding:3px 4px 3px 0;
	color:#666;
	text-align:right;}
.postmetadata a{
	color:#b54848;}
.postmetadata li{
	display:inline;
	padding-left:18px;
	margin:0 4px;
/*	line-height:26px;*/}
.postmetadata li.plink{
	background:url(images/icon_plink.gif) no-repeat center left;}
.postmetadata li.tag{
	background:url(images/icon_tag.gif) no-repeat center left;}
.postmetadata li.cat{
	background:url(images/icon_cat.gif) no-repeat center left;}
.postmetadata li.cmt{
	background:url(images/icon_cmt.gif) no-repeat center left;}



/* sidepanel, menu & side tables */
#sidepanel{
	width:262px;
	margin:80px 12px 30px 3px;
	float:right;}
#menu{
	width:262px;
	background:url(images/menu_tile.png) repeat-y;
	margin:0 0 20px;}
#menu #menu_top{
	width:262px;
	height:20px;
	background:url(images/menu_top.png);}
#menu #menu_bot{
	width:262px;
	height:20px;
	background:url(images/menu_bot.png);}
#menu .menu{
	margin:4px 16px;}
#menu .menu ul{
	list-style:none;}
#menu .menu li.page_item a{
	width:90%;
	display:block;
	padding:0 0 0 16px;
	margin:4px 0;
	color:#eee;
	font-size:1.334em;
	font-weight:bold;
	text-decoration:none;}
#menu .menu li.page_item:hover, #menu .menu li.page_item:hover a{
	background:#deb1b1 url(images/icon_bullet_arr.gif) 4px center no-repeat;
	color:#666;}

/* sidepanel widgets (widgets are all in a <li> list form) */
#sidepanel ul{
	list-style:none;}
#sidepanel .widget, 
#sidepanel .categories, 
#sidepanel .linkcat{
	background:#e3e3e3;
	border-left:3px solid #deb1b1;
	width:210px;
	margin:8px 18px 20px;
	padding:10px 4px 8px 8px;
	color:#666;
	overflow:hidden;}
#sidepanel .widget .widgettitle, 
#sidepanel .categories h2, 
#sidepanel .linkcat h2{
	font-size:1.334em;
	font-weight:normal;
	color:#333;
	margin:0 0 10px;}
#sidepanel .widget ul,
#sidepanel .widget ul li ul.children,
#sidepanel .categories ul,
#sidepanel .linkcat ul{
	margin:0;
	padding:0;}
#sidepanel .widget ul,
.sidebox ul.children,
#sidepanel .categories ul,
#sidepanel .linkcat ul{
	list-style:none;
	margin-left:8px;}
#sidepanel .widget ul li,
#sidepanel .categories ul li,
#sidepanel .linkcat ul li{
	background:left 9px no-repeat;
	background-image:url(images/icon_bullet_arr.gif);
	padding:6px 0 0 14px;}
#sidepanel .widget a,
#sidepanel .categories a,
#sidepanel .linkcat a{
	color:#464646;}

/* custom stuffs */
.gamelist{
	width:210px;
	margin:8px 18px 20px;}
.gamelist .title{
	display:inline;
	font-size:1.25em;
	font-weight:normal;
	color:#333;
	margin:0 0 10px;}
.gamelist ul{
	width:100%;
	list-style:none;}
.gamelist ul .game-li{
	display:inline;
	width:60px;
	height:60px;
	margin:2px;}
.gamelist ul .game-li a img{
	border:solid 1px #CCC;
	background:#f9f9f9;
	padding:3px;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;}
.gamelist ul .game-li a img:hover{
	border-color:#999;}


/* custom widgets */
/* recentpost list */
.widget_recent_entries ul li{
	background-image:url(images/icon_bullet_post.gif);}

/* sidepanel search */
#sidepanel #search, #sidepanel .widget_search{
	background:#bfbfbf;
	width:240px;
	margin:0 2px 20px;
	padding:10px 5px 14px;}
#sidepanel .widget_search .widgettitle{
	text-align:right;
	margin:0 5px;}
#sidepanel .widget_search form div{
	text-align:center;}
#sidepanel .widget_search input[type=text]{
	background:#eee;
	border:1px solid #a6a6a6;
	height:18px;
	width:162px;
	font-size:13px;
	color:#222;
	padding:1px 3px 1px;}




/* comments */
#respond{
	background:#e8e8e8;
	border:1px solid #dbdbdb;
	margin:0 0 0 10px;
	color:#666;}
#respond #list{
	margin:18px 14px 0;}
#respond #list .title{
	font-size:1.334em;
	font-weight:normal;
	color:#333;}
#respond #list ol.commentlist{
	margin:10px 0 0;
	list-style:none;}
#respond #list ol.commentlist li{
	border-top:1px solid #dbdbdb;
	display:inline-block;
	padding:8px 5px 10px 0;
	overflow:hidden;}
.commentlist li .comment-author{
	width:105px;
	text-align:right;
	float:left;}
.commentlist li .comment-author img{
	border:2px solid #ccc;
	margin:0 0 2px;}
.commentlist li .comment-author .name{
	font-size:1.1667em;
	line-height:0.9167em;
	color:#333;}
.commentlist li .comment-author a.name{
	color:#2d63e0;}
.commentlist li .comment-author .date{
	color:#888;
	font-size:0.9167em;}
.commentlist li .content{
	width:435px;
	margin:0 0 0 10px;
	padding:0;
	text-align:left;
	float:left;}

li.bypostauthor{
	background:#dbdbdb;
	border-left:3px solid #aacef2;}
	

/* comment form */
#respond #write{
	border-top:1px solid #dbdbdb;
	margin:18px 14px 0;
	overflow:hidden;}
#respond #write .title{
	font-size:1.334em;
	font-weight:normal;
	color:#333;}
#commentform{
	width:490px;}
#commentform input[type=text]{
	background:#efefef;
	border:1px solid #aaa;
	height:18px;
	width:180px;
	padding:1px 3px 1px;
	margin:3px 0 0;
	font-size:1.0834em;
	color:#222;}
#commentform textarea{
	background:#efefef;
	border:1px solid #aaa;
	padding:1px 3px 1px;
	margin:3px 0 0;
	font-size:1.0834em;
	color:#222;}
#commentform input[type=submit]{
	padding:0 22px;
	margin:5px 0 0;}
#commentform span{
	margin:0; padding:0;}


/* footer panel */
#footer a{
	color:#bbb;}
#footer a:hover{
	color:#efefef;}
#footer #credit{
	background:url(images/footer_logo.jpg) bottom right no-repeat;
	width:305px;
	height:190px;
	/*position:relative;*/
	float:right;}
#footer #credit div.wrapper{
	color:#aaa;
	text-align:right;
	margin-right:16px;
	margin-top:80px;}
	
/* footer widgets */
#footer .widgetlist{
	height:170px;
	margin:10px 0 0 10px;
	padding-bottom:10px;
	list-style:none;
	vertical-align:top;
	overflow:hidden;}
#footer .widget{
	border-right:1px dotted #51677d;
	width:220px;
	height:160px;
	margin:0 0 20px 10px;
	float:left;
	overflow:hidden;}
#footer .widget .widgettitle,
#footer li h2{
	font-size:1.334em;
	font-weight:normal;
	color:#eee;}
#footer .widget ul, #footer .widget ul li ul.children{
	margin:0;
	padding:0;
	list-style:none;
	margin-left:8px;}
#footer .widget ul li{
	background-position:left 5px;
	padding:0px 0 0 14px;}
#footer .widget a{
	color:#bbb;}

/* 404 */
#top404{
	background:url(images/bg_404.jpg) no-repeat center top;
	height:220px;}
#top404 *{
	display:none;}
#wrap404{
	margin:2px 130px;}
#wrap404 ul{
	margin-left:50px;}

/* ad spaces */
.ads{
	background:#ccc;
	margin:auto;}

.adspace_in_post{
	width:600px;
	text-align:center;}
.adspace_side_square{
	width:262px;
	text-align:center;}
.adspace_botmost{
	width:870px;
	margin:0px 29px;
	text-align:center;
	float:left;}