@charset "utf-8";
/* CSS Document */

body {
	background-color:#d8d8d8;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	}

a {
	color:#505573;
	}

#main {
	width:940px;
	margin:0 auto;
	text-align:left;
	background:url(images/larosa-blog_03.jpg) repeat-y;
	}

#header {
	height:135px;
	background:url(images/larosa-blog_01.jpg) no-repeat;
	text-indent:-9999px;
	}
	
	#header a {
		height:100%;
		display:block;
		width:100%;
		}
	
#contentsection {
	background:url(images/larosa-blog_02.jpg) no-repeat top;
	}

.post {
	margin-top:20px;
	width:600px;
	clear:both;
	overflow:hidden;
	}
	
	
	.post h1 {
	color: #000833;
	font-size: 24px;
	margin-bottom:15px;
	line-height:26px;
		}
	
	.post h2 {
		color:#999999;
		margin-bottom:5px;
		}
	
	.post p {
		margin-bottom:10px;
		font-size:13px;
		line-height:16px;
		}
	
	.post p.meta {
		text-align:right;
		font-size:12px;
		margin-bottom:5px;
		}

#sidebar {
	width:200px;
	float:left;
	}
	
	#sidebar h2 {
		font-size:14px;
		margin:5px;
		}
	
	#sidebar p {
		font-size:12px;
		margin:5px;
		line-height:15px;
		}
	
	#sidebar  {
		margin-left:50px;
		}
		
	#sidebar li {
		list-style:none;
		display:block;
		background:#555a77;
		width:150px;
		margin:20px 0 0 0;
		color:#FFFFFF;
		border:1px solid #000000;
		line-height:15px;
		}
	
	#sidebar li ul {
		margin-bottom:5px;
		}
	
	#sidebar li ul li {
		border:none;
		display:list-item;
		list-style:disc;
		width:auto;
		margin:auto;
		font-size:12px;
		color:#FFFFFF;
		margin-left:25px;
		}
		
	#sidebar a {
		color:#FFFFFF;
		}

#posts {
	width:600px;
	float:left;
	font-size:13px;
	line-height:16px;

	}
	
#respond {
	width:600px;
	}

#footer {
	background:url(images/larosa-blog_05.jpg) no-repeat;
	height:45px;
	clear:both;
	}
	
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption-text {
	padding:3px 0 0 0;
	color:#505050;
	font-size:11px !important;
	text-transform:uppercase;
	}

#posts img {
	margin-bottom:10px;
	}
	
/* End Images */