/*



Theme Name: Pedro Sttau 2008



Theme URI: http://www.pedrosttau.com/



Description: Awesome blog layout for pedrosttau.com



Version: 1.0



Author: Cody Robert



Author URI: http://www.codyrobert.com/



Tags: 



*/







body {



	color: black;



	font-family: arial, tahoma, verdana, sans-serif;



	font-size: 62.5%;



	background: white;



	}







a {



	color: #ee3e1f;



	}







.clear { clear: both; }



.hidden { display: none; }







#container {



	background: url('images/bg.gif') top left repeat-x;



	}







#header {



	position: relative;



	height: 162px;



	background: url('images/header.gif') top right no-repeat;



margin-bottom: 4px;



	}



	#header h1 {



		width: 326px;



		height: 94px;



		padding: 26px 0 0 58px;



		}



		#header h1 a {



			display: block;



			width: 100%;



			height: 100%;



			text-indent: -5000px;



			background: url('images/logo.gif');



			}







	#header #menu {



		padding: 9px 10px 0 0;



		float: right;



		}



		#header #menu li {



			background: url('images/menu_sep.gif') center left no-repeat;



			padding: 0 10px 0 18px;



			float: left;



			}



			#header #menu li:first-child { background: none; }







			#header #menu li a {



				color: #dfdfdf;



				font-size: 1.1em;



				font-weight: bold;



				text-decoration: none;



				text-transform: uppercase;



				}



				#header #menu li a span {



					display: block;



					color: #818486;



					font-size: .9em;



					font-weight: normal;



					margin-top: 2px;



					}







				#header #menu li a:hover { color: #dfcfa4; }



				#header #menu li a:hover span { color: #e4e4e4; }







	#header #searchform {



		position: absolute;



		bottom: 14px;



		right: 54px;



		}



		#s, #searchsubmit {



			color: white;



			font-size: 1.1em;



			background: black;



			border: 1px solid #515151;



			margin: 0;



			padding: 4px;



			float: left;



			}







		#s {



			width: 150px;



			height: 15px;



			line-height: 15px;



			margin-right: 5px;



			}











#body {



	/*background: url('images/column_border.gif');*/



	}







#left_sidebar {



	width: 176px;



	padding: 26px 10px 26px 14px;



	float: left;



	}







#right_sidebar {



	width: 212px;



	border-top: 8px solid white;



	padding: 0 20px 26px 20px;



	float: right;



	}



	#right_sidebar .widget h2.title {



		text-transform: none;



		}







#content {



	background: url('images/column_border.gif') top right repeat-y;



	border-left: 204px solid #f7f7f7;



	margin: 0 251px 8px 0;



	padding: 0 29px 0 0;



	}



	#content p {



		font-size: 1.2em;



		line-height: 1.5em;



		margin-bottom: 1em;



		}







	#content_inside {



		border-left: 1px solid #c0c0c0;



		padding: 26px 0 0 23px;



		}







.widget {



	border-bottom: 1px solid #e2e2e2;



	margin-bottom: 24px;



	padding-bottom: 24px;



	}



	.widget h2.title, .widget ul.categories li a {



		color: #0e0e0e;



		font-size: 1.5em;



		font-weight: bold;



		text-transform: uppercase;



		text-decoration: none;



		line-height: 1.4em;



		}



		.widget h2.title { margin-bottom: .3em; }



		.widget ul.categories li a:hover { color: #ee3e1f; }







	.widget ul {



		list-style: none;



		}



		.widget ul li {



			margin-bottom: .3em;



			}







		.widget ul ul {



			margin: .5em 0 2em 0;



			}



			.widget ul a {



				color: #636363;



				font-size: 1.2em;



				font-weight: normal;



				line-height: 1.5em;



				text-transform: none;



				text-decoration: none;



				}



				.widget ul a:hover {



					color: #ee3e1f;



					text-decoration: underline;



					}







	.widget ul.categories {



		list-style: none;



		}



		.widget ul.categories li {



			margin-bottom: .3em;



			}







		.widget ul.categories ul.children {



			margin: .5em 0 2em 0;



			}



			.widget ul.categories ul.children a {



				color: #636363;



				font-size: 1.2em;



				font-weight: normal;



				text-transform: none;



				text-decoration: none;



				}



				.widget ul.categories ul.children a:hover {



					color: #ee3e1f;



					text-decoration: underline;



					}







	.widget p {



		color: #838383;



		font-size: 1.2em;



		line-height: 1.3em;



		}







.digg, .twitter, .facebook, .plurk, .technorati, .myspace, .delicious, .stumbleupon, .youtube, .linkedin {



	display: block;



	color: #636363;



	font-size: 1.3em;



	line-height: 21px;



	text-decoration: none;



	background-repeat: no-repeat;



	background-position: center left;



	padding-left: 24px;



	}



	.digg:hover, .twitter:hover, .facebook:hover, .plurk:hover, .technorati:hover, .myspace:hover, .delicious:hover, .stumbleupon:hover, .youtube:hover, .linkedin:hover {



		color: #ee3e1f;



		}







	.digg { background-image: url('images/ico_digg.gif'); }



	.twitter { background-image: url('images/ico_twitter.gif'); }



	.facebook { background-image: url('images/ico_facebook.gif'); }



	.plurk { background-image: url('images/ico_plurk.gif'); }



	.technorati { background-image: url('images/ico_technorati.gif'); }



	.myspace { background-image: url('images/ico_myspace.gif'); }



	.delicious { background-image: url('images/ico_delicious.gif'); }



	.stumbleupon { background-image: url('images/ico_stumbleupon.gif'); }



	.youtube { background-image: url('images/ico_youtube.gif'); }



	.linkedin { background-image: url('images/ico_linkedin.gif'); }











	.blogroll li a {



		color: #636363;



		font-size: 1.1em;



		line-height: 1.5em;



		text-decoration: none;



		}



		.blogroll li a:hover { color: #ee3e1f; }











	.feeds {



		height: 30px;



		}



		.feeds .feedburner {



			display: block;



			width: 24px;



			height: 25px;



			text-indent: -5000px;



			background: url('images/ico_feedburner.gif');



			margin-left: 5px;



			float: right;



			}







		.feeds .rss {



			display: block;



			width: 22px;



			height: 21px;



			text-indent: -5000px;



			background: url('images/ico_rss.gif');



			margin: 1px 0 0 5px;



			float: right;



			}







.navigation {



	height: 1.5em;



	font-size: 1.1em;



	line-height: 1.5em;



	margin-bottom: .5em;



	}



	.navigation .alignleft { float: left; }



	.navigation .alignright { text-align: right; }







.post {



	margin-bottom: 2em;



	}



	#content h2 {



		font-size: 19px;



		line-height: 1.6em;



		margin-bottom: 1em;



		}







	#content h2, #content h2 a {



		color: #0e0e0e;



		text-decoration: none;



		}



		.post h2 a:hover { color: #ee3e1f; }







	.post h2 {



		margin-bottom: 0;



		text-transform: uppercase;



		}




	#content h3 {



		font-size: 17px;



		line-height: 1.4em;
		font-weight:bold;



		margin-bottom: 1em;



		}




	.post .postmetadata {



		display: block;



		color: #999;



		font-size: 1.1em;



		}







	.post .entry {



		color: #333333;



		border-bottom: 1px solid #e2e2e2;



		padding: 16px 0;

		font-size: 1.2em;



		}







	.post .postlinks {



		font-size: 1.1em;



		margin-bottom: 20px;



		padding: 12px 0;



		}



		.post .postlinks a { color: #1d1b19; }







.commentlist {



	border-bottom: 1px solid #e2e2e2;



	margin-bottom: 2em;



	}



	.commentlist li {



		min-height: 6em;



		margin-bottom: 1em;



		}



		.commentlist li .meta {



			width: 140px;



			font-size: 1.2em;



			padding-right: 10px;



			float: left;



			}



			.commentlist li .meta .author {



				display: block;



				font-weight: bold;



				line-height: 1.5em;



				margin-bottom: .3em;



				}







			.commentlist li .meta .date {



				display: block;



				line-height: 1.2em;



				color: #999;



				}







		.commentlist li .comment {



			margin-left: 150px;



			}







#content input, #comment {



	margin-bottom: .6em;



	}







#comment {



	width: 490px;



	padding: 0;



	}







#footer {



	color: #494949;



	font-size: 1.1em;



	background: black;



	border-top: 2px solid #b3b3b3;



	padding: 28px 86px;



	}



	#footer a {



		color: white;



		text-decoration: none;



		}







	#footer #links {



		color: white;



		font-weight: bold;



		float: right;



		}