/*
Theme Name: Mark
Theme URI: 
Version: 1.0
Author: Banhawi
Author URI: http://www.banhawi.com/
*/

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

* {margin : 0;padding : 0;}
html,body{margin:0;padding:0}
body{background-color:#dcdcdc;text-align:left;color : #333;line-height:14px}
#container{width:755px;margin:0 auto;text-align:left;background: url('images/bg.jpg') repeat-y}
#wrapper {float:left;width:100%;}

/********************************************************
************************HEADER***********************/
#header a,#header a:hover,#header a:visited {color: #fff;}
#header {width: 735px;margin: 0 auto;background: #000;padding: 10px}
#header h1 a,#header h1 a:hover,#header h1 a:visited,#header h1 a:active{color:#ffff00;font-size:30px;text-decoration:none;font-weight: bold;font-family:Tahoma;line-height: 44px; }
#description {font-size:16px;font-weight:bold;color: #fff;text-align: center;font-family: Arial;margin-bottom: 5px;}
/*******************************************************
*******************CONTENT******************************/
.imgs img {
	width:125px;
	height:100px;
	margin:0 0 5px 5px;
}
#content{width:540px;float:left;padding: 20px;}
.post h2, .post h2 a:hover, .post h2 a:visited, .post h2 a {text-decoration : none;color : #000;font-size: 16px;font-weight: 900;margin-bottom: 10px;font-family: Arial}
.post {font-size : 1.2em;margin-bottom : 20px;text-align : justify;}
.post ul, .post ol {margin-left : 25px;}
.entry {padding :10px 10px 10px 5px;}
	.entry img {max-width: 540px;margin: 10px 0;}
	.entry img.alignleft {float:left;margin-right: 10px;}
	.entry img.alignright {float:right;margin-left: 10px;}
small {font-size : 11px;color : #bac42d;}
blockquote {background: url(images/bquote.jpg) no-repeat 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 : 10px 0 10px 0;padding : 5px 10px 5px 10px;background-color : #eee;border-top : 1px solid #ccc;border-bottom : 1px solid #ccc;}
a.srm {
	float: right;
	margin: 0;
	padding: 0;
}
.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:135px;padding: 0 10px}
#sidebar a, #sidebar a:visited {font-size:11px;line-height:auto;font-weight : normal;color : #fff;text-decoration: underline}
#sidebar a:hover {text-decoration : underline;}
#sidebar ul {list-style : none;margin : 0 0 20px 0;}
#sidebar ul ul  {list-style-type: none;margin:0 0 0 0;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 ul li {line-height : 21px;}
#sidebar ul ul li {margin-bottom: 0;color: #fff;}
#sidebar ul ul li:last-child{margin-bottom: 20px;}
#sidebar ul ul ul li {margin-left : 5px;margin-bottom: 0;}
#sidebar ul ul li:before, #sidebar ul ul ul ul li:before {content: ". ";}
#sidebar h2 {font-size : 18px;font-weight : bold;color : #fff;text-align : left;padding: 5px 10px;margin-top:10px;}
table#wp-calendar{
width: 95%;
margin:0 auto;
}
/*******************************************************
*******************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: 410px;
	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: #f7f5ec !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 : 95%;
	padding : 5px;
	font-size : 12px;
	background-color : #fff;
	border : 1px solid #d2cece;
	border-top-color :  #8F8F8F;
	border-left-color :  #8F8F8F;
	margin:5px 0px;
}
input#author,input#email,input#url {
	width : 300px;
	padding : 5px;
	font-size : 12px;
	background-color : #fff;
	border : 1px solid #d2cece;
	border-top-color :  #8F8F8F;
	border-left-color :  #8F8F8F;
	margin:0;
}
input#author:hover,input#email:hover,input#url:hover,#commentform textarea:hover {
	background-color: #faf9f2;
}
input#submit{
	background-color : #d2cece;
	color:#656971;
	padding:5px;
	border:0px;
} 
input#submit:hover {
	background-color: #7b7661;
	color: #fff;
}

/*******************************************************
*******************FOOTER******************************/
#footer{color: #fff;clear:left;width:755px;background-color: #000;padding:5px 0;}
#footer p{margin:0;font-weight: 900}
#footer ul {
	width: 400px;
	margin: 0 auto;
	display: block;
}
#footer .flinks a {
	color: #fff;
}
/*******************************************************
*******************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 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;
}

/*******************************************************
*******************Search Form******************************/

/* Search form for header area */

		#searchform {
			float: right;
			margin-top: 7px;
			width: 280px;
		}
		#searchform input {
			background: #333;
			color: #999;
			padding : 3px 4px 3px 4px;
			margin-left : 3px;
			border:0px;
		}
		input#searchsubmit:hover {background: #333;color: #fff; }
		#searchform #s {
			width : 194px;
			background :#fff url('images/search.jpg') no-repeat left;
			padding :4px 4px 4px 22px;
			color: #333;
		}
	
	/* Search form for 404 Pages */
	#content #searchform {
		float: left;
		margin-top: 3px;
		margin-right: 5px;
		width: 640px;
	}
	#content #searchform input {
		width: 300px;
		background: #fff;
		color: #333;
		border: 1px solid #ccc;
		padding: 10px;
		margin: 5px 0;
	}
	#content input#searchsubmit {
		width: 50px;
		height: 100%;
		background: #333;
		color: #999;	
		margin: 0 0 0 3px;
		padding: 10px;
	}
	#content input#searchsubmit:hover {background: #333;color: #fff;}