/*
Theme Name: WRT4
Theme URI: http://www.widgetreadythemes.com/
Version: 1.0
Author: Banhawi
Author URI: http://www.mspired.com/
*/


@import url('style/reset.css');
@import url('style/typography.css');

* {margin : 0;padding : 0;}
html,body{margin:0;padding:0}
body{background:#f7f7f7 url('images/bg.jpg') repeat-x top;font-family : Arial, Helvetica, sans-serif;font-size :12px;text-align:left;color : #666;line-height:16px}
#container{width:1000px;margin:0 auto;text-align:left;}
#wrapper {float:left;width:100%;}

/********************************************************
************************HEADER***********************/
.top {
	height: 27px;
	background: url('images/head_split.png') no-repeat bottom;
	font-size: 11px;
	color: #fff;
}
.icons {
	float: left;
}
.icons a img {
	margin: 5px;
	padding: 0;
}
.top ul {
	position: absolute;
	right: 0;
	top: 4px;
}
.top li {
	list-style-type: none;
	float: left;
	margin-right: 5px;
}
.top li a {
	padding-right: 5px;
}
.top a {
	color: #fff;
}
#header {width: 1000px;height:153px;margin: 0 auto;position: relative;margin-bottom: 60px;}
#header h1{
	width: 325;
	height: 39px;
	line-height: 39px;
	display: inline;
}
a.logo {
	width: 325;
	height: 39px;
	background: url('images/logo.png') no-repeat;
	display: block;
	margin-top: 30px;
}
#description {font-family:"Times New Roman", Times, serif;font-size:18px;font-weight:lighter;padding:5px;color: #7b7661;margin-bottom: 20px;}


/*******************************************************
*******************CONTENT******************************/
#content{width:630px;float:left;overflow: hidden;}
#fcontent {
	margin-bottom: 20px;
	background: #fff url('images/cbg.jpg') repeat-x top;
	border: 1px #efefef solid;
	width: 960px;
	padding: 20px;
}
.post h2, .post h2 a:hover, .post h2 a:visited, .post h2 a {text-decoration : none;color : #312a1e;font-size: 28px;}
.post {font-size : 1.2em;margin-bottom : 20px;text-align : justify;}
.post ul, .post ol {margin-left : 25px;}
.entry {padding :10px 10px 10px 5px;}
.slatest img {
	border: 2px #eee solid;
}
.slatest h4 {
	line-height: 34px;
}
img.alignnone {
	margin: 5px 0;
	padding: 0;
}
small {font-family : Arial, Helvetica, sans-serif;font-size : 11px;color : #999;}
blockquote {background-image: url(images/bquote.jpg);background-repeat: no-repeat;background-position: left top;margin:10px 40px 10px 5px;font-family : Georgia, "Times New Roman", Times, serif;color : #555;clear: both;padding-top: 15px;padding-left: 38px;}
code {font : 14px 'Courier New', Courier, Fixed;color:#7b7661;display : block;overflow : auto;text-align : left;margin : 5px 0;padding : 5px 10px 5px 10px;background : #eee;border-top : 1px solid #ccc;border-bottom : 1px solid #ccc;}
p.postmetadata {margin-bottom : 10px;font-size: 11px;background: #f7f5ec;padding-left: 5px;border-left: 10px #7b7661 solid;margin-left: -10px;margin-right: -10px;}
p.postmetadata a {color:#7b7661;}
.navigation {display : block;font-size : 16px;font-weight : bold;}
	.alignleft {float : left;text-align : left;}
	.alignright {float : right;text-align : right;}

/*******************************************************
*******************SIDEBAR******************************/
#sidebar {float:right;width:320px;}
#sidebar ul {list-style : none;margin : 0;}
#sidebar ul ul  {list-style-type: none;margin:0 0 0 10px;padding:5px 0;}
#sidebar ul ul ul {margin: 0 0 0 5px;padding:0;}
#sidebar ul ul ul ul{margin: 0 0 0 5px;padding:0;}
#sidebar li {line-height : 18px;background: #fff url('images/cbg.jpg') repeat-x;border: 1px #e3e3e3 solid;margin-bottom: 10px;}
#sidebar ul ul li {margin-left : 10px;background: none;border: 0;}
#sidebar ul ul ul li {margin-left : 5px;margin-bottom: 0;}
#sidebar ul ul ul li:before, #sidebar ul ul ul ul li:before {content: "\00BB \0020";}
#sidebar h2 {font-size : 14px;font-weight : bold;color : #333;text-align : center;padding: 20px 0 5px 0;}

li.premium {
	position: relative;
	background: #f7f7f7 url('images/cbg2.jpg') repeat-x;
}
li.premium h2 {
	background: url('images/premium.png') no-repeat;
	width: 246px;
	height: 38px;
	position: absolute;
	top:10px;
	right: -14px;
}
li.premium ul {
	margin-top: 50px;
}
img.ptheme {
	padding: 60px 0 0 50px;
}
img.pmore {
	padding-left: 115px;
}
table#wp-calendar{
width: 95%;
margin:0 auto;
}
#sidebar select {
	width: 310px;
	background: #f7f7f7 url('images/cbg2.jpg') repeat-x;
	border: 1px #e3e3e3 solid;
	margin-bottom: 10px;
	padding: 5px;
}
/*******************************************************
*******************COMMENTS******************************/
h3#comments,h3#respond {
	color : #656971;
	margin-left:5px;
	margin-bottom: 20px;
}
h3#respond{
	padding-top:10px;
}
ol.commentlist .left{
	width: 150px;
	float: left;
}
ol.commentlist .right{
	width: 390px;
	float: left;
	margin-bottom: 20px;
	padding: 0 10px;
}
#auth{
	padding:10px 10px;
}
.avatar {
	padding : 3px;
	border : 1px solid #ccc;
	margin:0 5px 5px 0;
	float: left;
}
ol.commentlist {
	list-style-type : none;
	margin-bottom: 20px;
}
ol.commentlist li {
    width: 650px;
}
.authcomment {
	border-bottom : 0px;
} 
.authcomment .right{
	background-color: #ccc !important;
} 
small.commentmetadata{
	padding-bottom: 5px;
	float: right;
}
span.comauth{
	margin-bottom : 12px;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color:#666;
}
#comment_title {
	margin-bottom : 5px;
}
#commentform {
	margin-bottom : 50px;
	margin-left : 10px;
}
#commentform label{
	margin-bottom : 5px;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color:#666;
}
#commentform textarea {
	width : 98%;
	padding : 5px;
	font-size : 12px;
	background : #fff;
	border : 1px solid #d2cece;
	margin:5px 0px;
}
input#author,input#email,input#url {
	width : 300px;
	padding : 4px;
	font-size : 12px;
	background : #fff;
	border : 1px solid #d2cece;
	margin:0;
}
input#submit{
	background : #d2cece;
	color:#656971;
	padding:5px;
	border:0px;
} 

/*******************************************************
*******************FOOTER******************************/
#footer{color: #7b7661;clear:left;background: url('images/fbg.jpg') repeat-x top;padding: 20px 0;color: #ccc;}
.f_in {
	width:1000px;
	margin: 0 auto;
	position: relative;
}
img.flogo {
	position: absolute;
	top:-51px;
	left: 392px;
}
.footer_content {
	padding-top: 20px;
}
.left {
	width: 320px;
	float: left;
}
.middle {
	width: 320px;
	float: left;
}
.right {
	width: 320px;
	float: right;
}
#footer p.split{background: url('images/head_split.png') no-repeat top;padding-top: 10px;text-align: center;}
/*******************************************************
*******************Defaults******************************/
h1{
	font-size: 28px;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 21px;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 14px;
}
hr {display : none;}
a{color: #3791dc;text-decoration:none;}
a:hover{text-decoration: underline;}
img{ padding:5px;margin:5px;}
a img{border:0px;}
blockquote {
    font-style:italic;
    font-size:13px;
}
blockquote em, blockquote cite, blockquote i {
    font-style:normal;
}
input, textarea {
    font-family:Georgia, serif;
}
.caps {
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.important {
    font-weight:bold;
}
.hide {
	display: none;
}
.clr {
	clear: both;
}
/*******************************************************
*******************Search Form******************************/

/* Search form for header area */

		#searchform {
			float: right;
			margin-top: 7px;
			margin-right: 5px;
			width: 340px;
		}
		#searchform input {
			background: #dcd7c3;
			color: #7b7661;
			padding : 3px 4px 3px 4px;
			margin-left : 3px;
			border:0px;
		}
		input#searchsubmit:hover {background: #4F4A36; }
		#searchform #s {
			width : 255px;
			background :#fff url('images/search.jpg') no-repeat left;
			padding :4px 4px 4px 22px;
			color: #494435;
		}

	/*Featured Post*/
		#latest {
			margin-bottom: 20px;
			background: #fff url('images/cbg.jpg') repeat-x top;
			border: 1px #efefef solid;
		}
		#latest .content{
			background: #fff url('images/cbg.jpg') repeat-x top;
			padding: 20px;
		}
		.l_entry {
			width: 335px;
			float: right;
			margin-left: 20px;
			margin-top: -12px;
		}
		#latest .content small{
			background: #3791dc;
			padding: 2px;
			color: #fff;
		}
		img.latest {
			width:  200px;
			height: 200px;
			padding: 0;
			margin: 0;
			float: left;
			display: block;
		}
		
		h2.latest a {
			font-size : 24px;
			color: #444;
			text-decoration : none;
			padding:0px;
		}
		.fexcerpt{
			padding: 5px 0 0 0;
			height: 108px;
			overflow: hidden;
		}
		a.rm{
			padding-left: 250px;
			display: block;
		}
	/* more posts */	
	.more_posts {
		width: 305px;
		float: left;
	}
	.more_posts h2 {
		color: #666;
		font-size: 16px;
		font-style: italic;
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: 1px #e7e7e7 solid;
	}
	.more_posts ul, .more_posts li {
		list-style-type: none;
		line-height: 24px;
		margin: 0;
		padding: 0 ;
	}
	/* products */	
	.products {
		width: 290px;
		float: right;
		background: #f7f7f7 url('images/cbg2.jpg') repeat-x;
		border: 1px #efefef solid;
		position: relative;
		margin-right: 15px;
	}
	.p_in {
		border: 1px #fff solid;
	}
 	h2.products {
		background: url('images/products.png') no-repeat;
		width: 246px;
		height: 38px;
		position: absolute;
		top:10px;
		right: -30px;
		border: 0;
	}
	/*free*/
	.free {
		background: url('images/fsplit.png') no-repeat top;
		padding-top: 20px;
		margin: 40px 0;
	}
	.free h2 {
		color: #666;
		font-size: 16px;
		font-style: italic;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}	
	img.freetheme {
		width: 130px;
		height: 130px;
		float: left;
		margin-right: 19px;
		padding: 0;
		border: 1px #efefef solid;
	}
	.lasttheme {
		margin-right: 0;
	}
	/*Themes*/
		#theme {
			margin-bottom: 20px;
			border: 1px #efefef solid;
			width: 195px;
			float: left;
			margin-right: 10px;
		}
		#theme .content{
			background: #fff url('images/cbg.jpg') repeat-x top;
			padding: 10px;
			overflow: hidden;
		}
		img.theme {
			width:  170px;
			height: 150px;
			padding: 0;
			margin: 0;
		}
	/* more posts */
		/*side ads*/
		#ads {
		width: 285px;
		margin: 0 auto;
		}
        #ads img {
            padding:5px;
            margin: 0;
            width: 125px;
            height: 125px;
            float: left;
            margin: 2px;
        }
        #ads a img{
        	border: 1px #ede9d8 solid;
        }
        #ads a img:hover{
			border:1px #7b7661 solid;
        }		
        /*end side-ads*/
	
	
	
	/* 404 Pages **************************************
	***************************************************/
	
	/* Search form for 404 Pages */
	#content #searchform {
		float: left;
		margin-top: 3px;
		margin-right: 5px;
		width: 640px;
	}


	#content #searchform input {
		width: 300px;
		background: #f7f5ec;
		color: #494435;
		border: 1px solid #ccc;
		padding: 10px;
		margin: 5px 0;
	}

	#content input#searchsubmit {
		width: 50px;
		height: 100%;
		background: #dcd7c3;
		color: #7b7661;	
		margin: 0 0 0 3px;
		padding: 10px;
	}
	#content input#searchsubmit:hover {background: #000}
	
	#content .left404{
		width: 290px;
		float: left;
	}
	#content .right404{
		width: 290px;
		float: right;
	}	
.submitform label {
	width: 150px;
	display: block;
	float: left;
}
.submitform input,.submitform textarea,.submitform select {
	width: 200px;
	margin-bottom: 20px;
	padding: 5px;
}
.submitform textarea,.submitform .multiple {
	height: 100px;
}
.submitform .submit {
	padding: 10px;
	background: #333;
	color: #fff;
	border: 0;
	font-size: 14px;
	font-family: Arial;
	margin:20px 0 0 150px;
}
.submitform .submit:hover{
	background: #ccc;
	color: #333;
}
.submitform input.red {
	border: 1px red solid;
}
p.red {
	color: red;
	line-height: 14px;
}