/*
Theme Name: Devo
Theme URI: http://www.divittoriorealestate.com
Description: Custom theme created for Divittorio Real Estate.
Version: 1.2
Author: Sammy Russo
Author URI: http://searchfriendlywebdesign.com/
*/
body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background:url(img/bg.jpg) repeat-x top #000000;
	}
#page {
	width: 902px;
	margin: 0 auto;
	background-color:#FFFFFF;
	border: 1px solid #999999;
	margin-top: 20px;
	clear: both;
	}
#top {
	width: 100%;
	padding: 0;
	margin: 0;
	clear:both;
	margin-bottom: 15px;
	}
#header {
	margin:0;
	padding:0;
	height:185px;
	}	
.alignleft {
	float: left;
	}
.alignright {
	float: right;
	}	
#navigation {
	width:902px;
	background:#CCCC99;
	clear: both;
	background:url(img/nav_bg_on.gif) repeat-x top;
	height: 30px;
	}
#content {
	width: 580px;
	padding: 10px 20px;
	}	
#sidebar {
	width: 240px;
	padding: 30px 10px 25px 20px;
	clear: right;
	}
#footer {
	width: 100%;
	padding: 5px;
	clear:both;
	}
.post, .entry {
	clear:both;
	margin-bottom: 3em;
	}
/*-- Typography -- */
p {
	font-size: 1.2em;
	margin-top: 5px;
	font-weight:normal;
	}	
h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
	}
h1 {
	font-size: 1.8em;
	color:#993300;
	}	
h2 {
	font-size: 1.6em;
	color:#999900;
	}		
li {
	font-size: 1.2em;
	}	
small {
	font-size: 1em;
	}	
/*-- Main Navigation --*/
#navigation ul{
	padding: 5px 0px;
	text-align:center;
	}
#navigation ul li {
	display:inline;
	list-style: none;	
	}
#navigation li {
	font-size: 1.3em;
}
#navigation a:link, #navigation a:visited{
	color:#660000;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 20px 9px 20px;
	}
#navigation a:hover {
	color:#660000;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(img/nav_bg_hover.gif) repeat-x;
	}	
/*-- Sidebar --*/
#sidebar h2 {
	font-size:1.6em;
	color:#000000;
	padding-left: 1em;
	}	
#sidebar ul li {
	list-style:circle;
	width: 190px;
	}
#sidebar li {
	font-size: 1.2em;
	}			
		
/* Begin Images */
p img {
	padding: 5px;
	max-width: 100%;
		}
a img {border:none;}
/*	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;
	}

/* End Images */	
	
/*Blog ie index & single template relates styles*/
.postmetadata {
	font-size: .9em;
	background-color:#e6e6e6;
	border-top: #000000 2px solid;
	border-bottom: #000000 1px solid;
	padding: 3px;
	width: 580px;
}

/* boxes / columns */
#columns {
	clear: both;
	width: 540px;
	padding: 0 0 10px 0;
	}
.colleft {
	width:48%;
	float: left;
	}
.colright {	
	width: 46%;
	float: right;
	}
#boxes {
	clear: both;
	width: 540px;
	padding: 0 0 15px 0;
	}	
.box { 
	background: url(img/boxBG.jpg) repeat-x;
	border: 1px solid #333333;
	width: 260px;
	padding: 5px;
	}
h2.boxBorder {
	border-bottom: 1px solid #000000;
	padding: 5px;
	color:#ededed;
	}
h2.boxBorder a:link, h2.boxBorder a:visited {
	color: #ffffff;
	text-decoration:none;
	}		
td {
	vertical-align:top;
	}	
.sideCont {
	width:240px;
	clear:both;
	padding: 0;
	margin: 0;
	}
.sideTop {
	background:url(img/sideTop.jpg) no-repeat top;
	height: 19px;
	}
.sideBg {
	background: url(img/sideBg.jpg) repeat-y top;
	margin: 0;
	padding: 0;
	}
.sideClose {
	background:url(img/sideBottom.jpg) no-repeat top;
	height: 19px;	
	margin-top: -1em;
	padding: 0;	
	}	
/*-- Breadcrumb Trail--*/
#breadcrumb {
	font-size: 11px;
	padding-left: 2em;
	margin-bottom: 0;
	}	
/*-featured listings table-*/
.table_brdr {border:1px solid #000000; margin-top: 5px;}
table tr td.bg {background-color:#ededed;}
table tr td.blank {background-color:#ccc;}