/*
Theme Name: Jonislame V.4
Description: 
Version: 4.0
Author: Jonathan Jacquet
Author URI: http://darnrightdesigns.com
Tags: black, dark, two-columns, fixed-width, threaded-comments, sticky-post
*/


/* 
   Meyer's CSS Reset
   v1.0 | 20080212 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----------------------- css reset ends ----------------------- */

*{
	margin: 0;
	padding: 0;
	}

body{
	font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;
	background: url(http://jonislame.com/wp-content/themes/jonislame_v4/images/bg/rotator.php) fixed center top #fff;
	}

a{
	text-decoration: none;
	outline-color: invert;
	outline-style: none;
	border: none;
	}

a img{
	border: none;
	}

.clear{
	clear: both;
	}

#container	{
	margin: 0 0 0 28px;
	padding: 0px;
	width:653px;
	background: url(images/scaler.gif) repeat-y ;
	}
	
#bottom {
	margin: 0px 0 10px 28px;
	width:653px;
	height: 12px;
	background: url(images/bottom.png) no-repeat;
	}
	
div#page_wrap{
	width: 719px;
	margin: 0 auto;	
	}
	
/*----------------------- Header  -----------------------*/

#logo {
	background: url(images/logo.png) no-repeat;
	height: 53px;
	width: 264px;
	}


div#header{
	font-size: 12px;
	margin: 55px 0 0 0;
	}
	
div#header div.blog_title{
	float: left;
	margin-top: 40px;
	margin-left: 10px;
	}

/*----------------------- end header -----------------------*/

div#main{
	width: 623px;
	float: left;
	display: inline;/* fix double margin */
	margin: 10px 10px 10px 15px;
	}
	
#searchtext {
	font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #2a85c6;
	line-height: 22px;
	margin-left: 0px;
	}
	
div#main div.post{
	background: url(images/sep.gif) bottom no-repeat #dbdbdb;
	color: #404040;
	line-height: 22px;
	margin: 0px 0px 10px 0px;
	width: 620px;
	}

div#main img {
	border: 3px solid #fff;
	margin: 0 auto;
	}
	
div#main2 img {
	border: 0px solid #fff;
	margin: 0 auto;
	}


/*----------------------- date -----------------------*/
div#main div.post div.date{
	background: url(images/date.png) no-repeat;
	
	float: right;
	font-size: 12px;
	line-height: 18px;
	font-family: "Trebuchet MS", Georgia, sans-serif;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	height: 63px;
	_height: ;
	
	width: 62px;
	margin-top: -17px;
	padding-top: 12px;
	_position: relative;/* ie6 fix */
	margin-right: -27px;
	_margin-right: 0px;
	
			}
div#main div.post div#day{
	font-size: 20px;
	}
	
/*----------------------- end dated -----------------------*/

/*----------------------- title -----------------------*/
div#main div.post div.title{
	color: #e9e501;
	margin: 0px;
	_margin-top: 0;/*ie6 fix*/
	*+margin-top: 0;/*ie7 fix*/
	}
		
div#main div.post div.title h2{
	padding: 10px 0px 10px 10px;
	font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
	background-color: #404040;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #2a85c6;
	line-height: 22px;
	margin-left: -5px;
	width: 619px;
	}
				
div#main div.post div.title h2 a{
	color: #2a85c6;
	}

div#main div.post div.title h2 a:hover{
	color: #50bfff;
	}

/*----------------------- end title -----------------------*/

/*----------------------- Meta tages -----------------------*/
	
.postmeta{
	padding: 0 0 10px 0px;
	font-size: 12px;
	color: #00bd27;
	overflow: hidden;
	float: right;
	font-weight:bold;
	}
				
.postmeta a{
	color: #00bd27;
	text-decoration: none;
	}
				
.postmeta a:hover{
	color: #ccc;
	text-decoration: none;
	}
	
/*----------------------- end meta tags -----------------------*/
	
/*----------------------- end entry-----------------------*/


div#main div.post div.entry{
	padding: 0px 20px 10px 20px;
	_padding-top: 20px;
	overflow: hidden;/* in case large img or video */
	_width: 580px;
	font-size: 13px;
	}
			
div#main div.post div.no_result{
	padding: 20px;
	}

div#main div.post div.no_result p.no_result{
	margin-bottom: 0;
	}
			
div#main div.post div.entry a{
	color: #00bd27;
	border: none;
	text-decoration: none;
	}
	
div#main div.post div.entry a:hover{
	text-decoration: underline;
	}
	
div#main div.post div.entry p{
	margin-bottom: 20px;
	}
			
div#main div.post div.entry ul,
div#main div.post div.entry ol{
	padding-bottom: 24px;
	margin-left: 40px;
	margin-right: 40px;
	}
	
div#main div.post div.entry ul{
	list-style-type: disc;
	}

div#main div.post div.entry ol{
	list-style-type: decimal;
	}
				
div#main div.post div.entry ul li,
div#main div.post div.entry ol li{
	padding: 1px 0;
	list-style: inside;
	}
			
div#main div.post div.entry blockquote{

	padding: 35px 20px 10px 50px;
	margin: 0 15px 24px 15px;
	background-color: #dbdbdb;			
	color: #00bd27;
	}
	
div#main div.post div.entry blockquote p{
	margin-bottom: 8px;
	}
			
div#main div.post div.entry code{
	font-family: "Courier New", mono;
	background-color: #dbdbdb;
	border-left: 1px solid #2a2e2f;
	color: #197b30;
	padding: 5px 10px;
	display: block;
	}

/* 20090629 add table layout */

div#main div.post div.entry table{
	margin-bottom: 20px;
	border-collapse:collapse;
	border: 1px solid #2a2e2f;
	background-color: #dbdbdb;
	color: #999;
	}
				
div#main div.post div.entry table td,
	div#main div.post div.entry table th{
	padding: 2px 5px;
	border: 1px solid #2a2e2f;
	}
	
/*----------------------- end entry -----------------------*/
	
div#main div.navigation{
	font-size: 13px;
	}
		
div#main div.navigation a{
	border: 0px;

	}
			
div#main div.navigation .left a:hover,
div#main div.navigation .right a:hover{
	color: #2a85c7;
	background-color: #000;
	}
	
div#main div.navigation .left{
	float: left;
	}
		
div#main div.navigation .right{
	float: right;
	}
	
div#main div.navigation img{
	border:0;
	}
			
/*----------------------- END div#main -----------------------*/




/*----------------------- footer -----------------------*/
#links {
	padding: 0px;
	background: url(images/links.png) no-repeat;
	margin: 0 auto;
	width:666px;
	height: 79px;
	}
	
#rss {
	margin: 15px 25px 0 0;
	}

#footer{
	width: 645px;
	margin: 0 auto;
	margin-top: 10px;
	color: #fff;
	font-size: 12px;	
	}

.footer_wrapper{
	float: left;
	position: relative;
	height: 35px;
	}
		
.footer_wrapper a{
	color: #e9e501;
	text-decoration: none;
	}

.footer_wrapper a:hover{
	color: #fff;
	}

#footer_logo {
	float: right;
	position: relative;
	height: 35px;
	width: 121px;
	margin-top: -17px;
	}
#footer_logotext {
	float: right;
	position: relative;
	height: 30px;

	}

/*----------------------- END footer -----------------------*/

/*---------------------search -----------------------*/
#search{
	border: none;
	float: left;
	position: relative;
	}

#searchform{
	position: absolute;
	top: 25px;
	left: 25px;
	width: 200px;
	height: 25px;
	border: none;
	background-color: #006ef7;
	}

.searchinput{
	position: absolute;
	top: 5px;
	_top: -5px;
	left: 8px;
	background-color:#006ef7;
	font-size: 13px;
	color: white;
	width: 165px;
	border: 0;
	}
	
.button{
	position: absolute;
	top: 0px;
	left: 175px;
	_left: 5px;
	background: url(images/search.gif) no-repeat;
	height: 25px;
	width: 25px;
	border: 0;
	cursor: pointer;
	}
	
/*--------------------- end search -----------------------*/


div#main div#comments{
	margin-bottom: 10px;
	}

div#main div#comments h3{
	float: left;
	font-size: 16px;
	color: #ccc;
	line-height: 24px;
	font-weight: normal;
	}
	
div#main div#comments .add_your_comment a{
	float: right;
	font-size: 16px;
	color: #ccc;
	line-height: 24px;
	font-weight: normal;
	}

div#main div#comments .add_your_comment a:hover{
	color: #2a85c7;
	}

div#main ol.commentlist{
	font-size: 13px;
	color: White;
	overflow: hidden;
	}

div#main ol.commentlist li{
	margin-bottom: 15px;
	background-color: #006ef7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 20px 20px 15px 20px;
	}

div#main ol.commentlist li ul{
	list-style-type: none;
	margin-left: 60px;
	margin-top: 6px;
	}

div#main ol.commentlist li ul.children li{
	background-color: #0d0d0d;

	}

div#main ol.commentlist li div.vcard{
	float: left;
	}

div#main ol.commentlist li div.vcard div.left{
	width: 56px;
	margin-right: 5px;
	}

div#main ol li div.left img{
	display: block;
	height: 48px;
	width: 48px;
	}

div#main ol li div.left div.reply a{
	background: url(images/reply.gif) no-repeat 0 0;
	display: block;
	height: 0;
	padding-top: 17px;
	width: 41px;
	overflow: hidden;
	margin-left: 5px;
	margin-top: 5px;
	}

div#main ol li div.left div.reply a:hover{
	background-position: 0 -17px;
	}

div#main ol.commentlist li div.right{
	float: left;
	line-height: 20px;
	width: 80%;/* 3-level or less thread comments display well. 4 or more leves may have some issue. */
	}

div#main ol.commentlist li div.right p a{
	color: #ccc;
	text-decoration: none;
	}

div#main ol.commentlist li div.right p a:hover{
	color: #2a85c7;
	}
			
div#main ol li div.right div.commentmetadata{
	font-size: 12px;
	color: #999;
	padding-bottom: 3px;
	margin-bottom: 8px;
	}

div#main ol li div.right div.commentmetadata a{
	color: #ccc;
	text-decoration: none;
	font-weight: bold;
	}

div#main ol li div.right div.commentmetadata a:hover{
	color: #2a85c7;
	}
			
div#main ol li div.right p{
	margin-bottom: 20px;
	}

div#main .comments_navi{
	font-size: 12px;
	}
	
div#main .comments_navi .alignleft{
	float: left;
	}
	
div#main .comments_navi .alignright{
	float: right;
	}
	
div#main .comments_navi .alignleft a, 
div#main .comments_navi .alignright a{
	display: block;
	color: #ccc;
	padding: 0 5px;
	background-color: #101010;
	line-height: 28px;
	}

div#main .comments_navi .alignleft a:hover, 
div#main .comments_navi .alignright a:hover{
	color: #2a85c7;
	background-color: #000;
	}

div#main div#respond{
	background-color: #585858;
	color: #ccc;
	padding: 15px 20px;
	margin-top: 15px;
	}
	
div#main div#respond div.h3_cancel_reply{		
	margin-bottom: 5px;
	}

div#main div#respond h3{
	font-size: 16px;
	color: #ccc;
	line-height: 24px;
	font-weight: normal;
	float: left;
	display: inline;/* fix double margin */
	}

div#main div#respond span.cancel-comment-reply{
	float: right;
	display: inline;/* fix double margin */
	padding-top: 6px;
	}

div#main div#respond span.cancel-comment-reply a{
	font-size: 12px;
	color: #999;
	text-decoration: none;
	}

div#main div#respond span.cancel-comment-reply a:hover{
	color: #2a85c7;
	}
	
div#main div#respond form#commentform{
	}

div#main div#respond form#commentform p{
	font-size: 12px;
	color: #999;
	padding: 3px 0;
	}

div#main div#respond form#commentform p a{
	color: #fff;
	border: 0;
	}

div#main div#respond form#commentform p a:hover{
	}

div#main div#respond div.input_area{
	padding: 15px 30px;
	}

div#main div#respond div .message_input{
	font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
	background-color: #eee;
	color: #333;
	font-size: 13px;
	padding: 5px;
	height: 120px;
	width: 98%;
	}

div#main div#respond div.user_info{
	font-size: 12px;
	line-height: 16px;
	display: block;
	padding: 0 30px;
	}

div#main div#respond div.user_info div.single_field{
	display: inline;
	float: left;
	width: 33%;
	}

label.desc{
	display: block;
	color: #999;
	padding-bottom: 4px;
	}
					
label.desc abbr{
	color: #2a85c7;
	border: 0;
	}
				
div#main div#respond div.user_info input.comment_input{
	background-color: #eee;
	color: #666;
	padding: 2px 3px;
	width: 90%;
	}

div#main div#respond div.submit_button{
	margin: 10px 50px 0px;
	}
	
div#main div#respond form#commentform div.submit_button input.button{
	background: no-repeat 0 0;
	width: 115px;
	height: 42px;
	padding: 0;
	border: 0;
	/*text-indent: -9999px; 20090708 no text button*/
	color: transparent;/*20090708 no text button*/
	font-size: 12px;/*20090708 no text button*/
	float: left;
	position: relative;
	}

div#main div#respond form#commentform div.submit_button input.button:active{

	color: #fff;/*20090708 no text button*/
	}

div.submit_button span.key{
	float: left;
	margin-left: 10px;
	padding-top: 6px;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	}

.nocomments{
	color: #ccc;
	font-size: 16px;
}
/* END single page */

/*---------------- WordPress Generated Classes -------------------*/

.aligncenter,
div.aligncenter{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft{
	float: left;
	}
	
.alignright{
	float: right;
	}

img.alignleft{
	display: inline;
	margin-bottom: 2px;
	margin-right: 6px;
	padding: 3px;
	}

img.alignright{
	display: inline;
	margin-bottom: 2px;
	margin-left: 6px;
	padding: 3px;
	}

.wp-caption {
   border: 1px solid #1f2223;
   text-align: center;
   background-color: #0d0d0d;
   padding-top: 4px;
   margin: 10px;
   /* 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: 0;
   padding: 0;
   border: 0 none;
	}

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

div#main div.post div.entry div.wp-caption p{
	margin-bottom: 3px;
	padding: 5px;
	} 


/*------------------------ Archives Page ------------------------*/

ul.archiveslist{
	color: #ccc;
	font-size: 13px;
	}

div#main div.post div.entry  ul.archiveslist li a{
	color: #ccc;
	}

div#main div.post div.entry  ul.archiveslist li a:hover{
	color: #2a85c7;
	}


/*------------------------ Strong ------------------------*/

div.strong{
	color: #fff;
	font-size: 18px;
	padding: 10px 0;
	margin-bottom: 25px;
	}

div.strong .keyword{
	color: #2a85c7;
	}