/*
Theme Name: Portico
Theme URI: http://www.palettepress.com/themes/portico/
Description: Light and airy design, right-sidebar, fixed-width and widget-ready. Compatible with Wordpress 2.8, valid XHTML & CSS.
Author: PalettePress
Author URI: http://www.palettepress.com/
Version: 1.2
Tags: blue, two-columns, right-sidebar, fixed-width
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>
.
*/

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

* {margin : 0;padding : 0;}
html,body{margin:0;padding:0}
body{background-color:#dfecf6;text-align:left;color : #3e414a;line-height:18px}
#container{width:1000px;margin:0 auto;text-align:left;}
#wrapper {float:left;width:100%;margin-bottom: 10px;}

/********************************************************
************************HEADER***********************/
#header {
	background-color: #666f81;
	padding: 50px 0;
}
.head {
	width: 1000px;
	margin: 0 auto;
	position: relative;	
}
#header h1 a,#header h1 a:hover,#header h1 a:visited,#header h1 a:active{
	color:#fff;
	font-size:36px;
	text-decoration:none;
}
h2.description {
	font-size:14px;
	padding:5px;
	color: #fff;
}
img.ad {
	position: absolute;
	top:10px;
	right: 0;
}
/*******************************************************
*******************CONTENT******************************/
#content{
	width:635px;
	float:left;
	margin-right: 10px;
}
.post h2 a:hover, .post h2 a:visited, .post h2 a {
	text-decoration : none;
	color : #5b779d;
	font-size: 21px;
	font-weight: bold;
}
.post {
	background: #fff url('images/postbg.jpg') repeat-x top;
	padding: 10px;
	border: 1px #c1ddef solid;
	margin-bottom : 10px;
}
.post ul, .post ol {margin-left : 25px;}
.entry {padding :10px 5px;}
	.entry img {max-width: 605px;margin: 10px 0;}
small {font-family : Arial, Helvetica, sans-serif;font-size : 11px;color : #b5b5b5;font-style: italic}
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;}
p.postmetadata {margin-bottom : 10px;font-size: 11px;background-color: #f7f5ec;padding-left: 5px;border-left: 10px #7b7661 solid;margin-left: -10px;margin-right: -10px;}
p.postmetadata a {color:#7b7661;}
a.srm {
	float: right;
	margin: 0;
	padding: 0;
}
.navigation {display : block;font-size : 16px;font-weight : bold;}
	.navigation a{
		background: #abcbe0;
		padding: 10px;
		margin:10px 0;
		display: block;
	}
	.navigation a:hover{
		background: #cfdef1;
		text-decoration: none;
	}
	.alignleft {float : left;text-align : left;}
	.alignright {float : right;text-align : right;}

/*******************************************************
*******************SIDEBAR******************************/
#sidebar { 
	float:right;
	width:350px;
}
#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 10px;
}
#sidebar ul ul ul {
	margin: 0;
	padding:0;
}
#sidebar ul ul ul ul{
	margin: 0;
	padding:0;
}
#sidebar ul li {
	background: #fff url('images/postbg.jpg') repeat-x top;
	list-style-type: none;
	padding: 10px;
	border: 1px #c1ddef solid;
	margin-bottom : 10px;
	line-height : 21px;
}
#sidebar ul ul li {
	border-bottom: 1px #e5dfdf dotted;
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}
#sidebar ul ul ul li {
	margin-left : 5px;
	margin-bottom: 0;
}
#sidebar ul ul ul ul li {
	margin-left : 5px;
	margin-bottom: 0;
}
#sidebar ul ul li:before {
	content: "\00BB \0020";
}
#sidebar ul li.ads img {
	margin: 5px 12px;
}
#sidebar ul li.ads li:before {
	content: none;
}
#sidebar h2 {
	font-size : 14px;
	font-weight: bold;
	color : #3e414a;
	text-align : left;
	margin-top:5px;
	margin-bottom: 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: 430px;
	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: #D1E2EF !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: #f6f8fb;
}
input#submit{
	background-color : #abcbe0;
	color:#656971;
	padding:5px;
	border:0px;
} 
input#submit:hover {
	background-color: #636c7d;
	color: #fff;
}

/*******************************************************
*******************FOOTER******************************/
#footer{
	color: #fff;
	clear:left;
	background-color: #666f81;
}
.foot {
	width:1000px;
	margin: 0 auto;
}
#footer a{
	color: #dfecf6;
}
#footer p{margin:0;padding:10px 0}
/*******************************************************
*******************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: #5b779d;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

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;
}
table {
	margin-bottom: 10px;
}
table,th,tr,td {
	border: 1px #ccc solid;
	padding: 5px;
}
caption {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}
th {
	background: #eee;
}
tr:hover {
	background: #eee;
}
td:hover {
	background: #ccc;
}
a img{border:0px;}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	display: inline;
	}

img.alignleft {
	display: inline;
	}
a img.alignright {
	float:right; 
}
a img.alignleft {
	float:left; 
}
a img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto
}			
			.gallery {
				margin: auto;
			}
			.gallery-item {
				float: left;
				margin-top: 10px;
				text-align: center;
				display: block;
				margin: 0;
				}
			.gallery img {
				border: 0;
				margin: 0;
				padding: 0;
			}
			.gallery-caption {
				margin-left: 0;
			}

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

/* Search form for header area */

		#searchform {
			float: right;
			margin-top: 7px;
		}
		#searchform input {
			background: #666f81;
			color: #fff;
			padding : 3px 4px 3px 4px;
			margin-left : 3px;
			border:0px;
		}
		input#searchsubmit:hover {background: #3e414a; }
		#searchform #s {
			width : 185px;
			background :#fff url('images/search.jpg') no-repeat left;
			padding :4px 4px 4px 25px;
			color: #999;
		}
	
	
	/* 404 Pages **************************************
	***************************************************/
	
	/* Search form for 404 Pages */
	#content #searchform {
		float: right;
		margin: 10px 85px 0 0;
		width: 400px;
	}


	#content #searchform input {
		width : 300px;
		background :#fff url('images/search.jpg') no-repeat left;
		padding :4px 4px 4px 25px;
		color: #999;
		border: 1px #ccc solid;
	}

	#content input#searchsubmit {
	width: 50px;
		background: #666f81;
		color: #fff;
		padding : 3px 4px 3px 4px;
		margin-left : 3px;
		border:0px;
	}
	#content input#searchsubmit:hover {background: #000}
	
	#content .left404{
		width: 290px;
		float: left;
	}
	.left404 h2,.right404 h2{
		color: #333;
		font-size: 18px;
		font-weight: normal;
	}
	#content .right404{
		width: 290px;
		float: right;
	}