/* @override http://www.ocdwellings.com/css/global.css */

/*
----------------------------------------------------
Title: 		OC Dwellings Global CSS
Author:		Matthew Spiel
Updated:	01-18-2009
Valid:		Hopefully
----------------------------------------------------
*/

div.beta {
	margin: -10px 0px 10px;
}
div.beta p {
	background-color: #c5fad1;
	border: 1px solid green;
	padding: 5px;
	text-align: center;
	color: green;
	font-size: 12px;
	line-height: 15px;
}

/* Resets - cuz the default just ain't good 'nuf */
html, body, div, img, ul, li, a, h1, h2, h3, h4, h5 {
	margin: 0px; padding: 0px; list-style: none; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
p, a, ul, li {
	font-size: 13px;
	color: #292929;
	line-height: 20px;
}
body {
	/* background: url(../images/12_col.gif) repeat-y center top; */
	height: 300px;
}
a img, a:hover img {border: none;}

/* Text */
p {
	line-height: 21px;
	margin: 0px 0px 15px;
}
a {
	color: #21859d;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
a:hover {
	border-bottom: dotted 1px #21859d;
}
a.box {
	background: #21859d;
	border: none;
	color: white;
	float: left;
	padding: 1px 3px;
}
a.box.arrow {
	background: #21859d url(../images/icon-arrow.png) no-repeat right center;
	padding: 1px 25px 1px 5px;
}
div.socialmarks a img {
	float: none;
	margin: 3px 3px -3px 0px;
}
div.socialmarks a {
	border: none;
	margin: 0px 10px 0px 0px;
}
strong {
	font-weight: bold;
}
h1 {
	font-size: 50px;
	margin: -10px 0px 25px;
}
h2 {
	color: black;
	font-size: 35px;
	margin: 0px 0px 20px;
}
h3 {
	color: black;
	font-size: 18px;
	margin: 10px 0px 15px;
}
h4 {
	margin: 5px 0px 10px;
	font-size: 15px;
}
h5 {
	margin: 5px 0px 10px;
	font-size: 13px;
	line-height: 20px;
}
span.oc {
	color: #292929 !important;
	font-weight: normal;
	font-style: normal;
}
span.color {
	color: #21859d;
}
/* GLobal */
hr {
	background: none;
	border: none;
	border-bottom: 1px dotted silver;

}
a#home_button {
	border: none;
}
div.line_top {
	border-top: 1px solid black;
}
div.top {
	height: 360px;
}
div.line_top_gray {
	padding: 10px 0px;
}
a.jump {
	background: url(../images/icon-arrow-blue.png) no-repeat right 1px;
	padding: 0px 20px 3px 0px;	
}
ul.contact {
	float: right;
	line-height: 21px;
	padding: 0px;
}
ul.contact li {
	margin: 0px 0px 2px !important;
}
ul.contact li#hc_name {
	font-weight: bold;
}
ul.contact li span#realtor{
	font-variant: small-caps;
}
ul.blog_date li {
	padding: 0px 10px 0px 0px;
}
ul.blog_date li.month {
	color: #21859d;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
}
ul.blog_date li.day {
	color: #21859d;
	font-size: 31px;
	margin: 5px 0px 0px;
	font-weight: bold;
}
img.feat {
	margin: 0px 0px 10px;
}
div#prop_search {
	background: url(../images/prop-search.png) no-repeat center center;
	border-bottom: 1px dotted #dadada;
	float: left;
	height: 100px;
}
div.sub div#prop_search {
	border-bottom: none;
}
div#prop_search h3, div#market_report h3 {
	margin-bottom: 5px;
}
div#prop_search h3 span, div#market_report h3 span, div#prop_list h3 span {
	color: #21859d;
	text-transform: uppercase;
}
div.sub div.search {
	border-top: 1px dotted #dadada;
}
div.search {
	border-bottom: 1px dotted #dadada;
	margin: 0px 0px 10px;
	padding: 7px 0px;
}
div.search P {
	margin: 0px;
}
div.search a {
	background: none;
	border: none;
}
div.search a:hover {
	background: url(../images/icon-arrow-blue.png) no-repeat right 1px;
}
div#prop_search_wr ul {
	border-left: 1px solid #dadada;
	float: left;
	margin: 0px -15px 15px 10px;
	width: 148px;
}
div#prop_search_wr ul li {
	border: none;
	float: left;
	margin: 0px;
	padding: 0px;
}
div#prop_search_wr ul li a {
	border: none;
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 1px 0px 1px 17px;
	font-size: 11px;
}
div#prop_search_wr ul li a:hover {
	background: url(../images/icon-arrow-blue.png) no-repeat left center;
	color: #21859d;	
}
div#prop_search_wr.sub ul {
	padding: 0px;
	margin-bottom: 10px;
	width: 290px;
}
div#prop_search_wr.sub ul li a {
	border: none;
	margin: 0px 0px 0px 5px;
	padding: 1px 0px 1px 17px;
}
div#market_report {
	background: url(../images/market-rep.jpg) no-repeat center center;
	border-bottom: 1px dotted #bdbdbd;
	float: left;
	height: 100px;
	margin: 0px 0px 10px;
}
div#market_report p.h {
	color: #cecece;
	font-size: 12px;
	margin: 5px 0px;
}
/* Sub Page Elements */
div.socialmarks {
	background: #f3f9fa;
	margin: 20px 0px 0px;
	padding: 5px 15px 10px;
}
div.sold_wr img, div.leased_wr img {
	margin: 0px 0px 10px;
}
div#oc_pic img {
	margin: 20px 0px 0px;
}
div.oc_com_menu {
	border-left: 1px solid #ddd;
	float: left;
	padding-left: 9px;
}
div.oc_com_menu h5 {
	margin-top: 0px;
}
div.oc_com_menu ul {
	margin: 0px;
	padding: 0px;
}
div.oc_com_menu ul li {
	margin: 0px;
	padding: 0px 0px 5px;
}
div#market p {
	color: silver;
	font-size: 12px;
}
div#market ul li {
	color: #21859d;
	margin: 0px;
}
div#market ul li#break {
	margin: 0px 0px 10px;
}
div#market ul li span {
	color: black;
	float: left;
	width: 200px;
}
a#flickr {
	border-top: 1px solid silver;
	height: 25px;
	line-height: 25px;
	text-align: center;
	padding: 5px 0px;
}
a#flickr:hover {
	border-bottom: none;
}
div#slider img {
	margin: 10px 0px 0px;
}
div.oc_feature {
	border-bottom: 1px dotted silver;
	margin: 0px 0px 20px;
	padding: 0px 0px 20px;
}
div.oc_feature_picture img {
	height: 187px;
	margin: 5px 0px 0px;
	width: 140px;
}
div.oc_feature_content h5 {
	float: left;
	margin: 0px 0px 10px;
}
div.oc_feature_content h5 a {
	font-size: 17px;
	font-weight: bold;
}
/* Header */
div#header_wrap {
	border-top: 8px solid black;
	padding: 20px 0px 25px;
}
div#nav_banner {
	background: none;
	margin-bottom: 0px;
	padding: 0px 0px 0px;
	z-index: -1;
}
div#cta_wrap {
	height: 350px;
	margin: 10px 0px 15px;

}
div#cta_wrap h1 {
	font-size: 55px;
	margin: 15px 0px 40px 30px;
	text-transform: capitalize;
}
div#cta_wrap h1 span {
	margin: -70px 0px 0px -30px;
}
div#cta_wrap h2 {
	font-size: 20px;
	color: #999;
}
div#cta_wrap a.box {
	margin: 0px 0px 0px 30px;
}
/* Content */
div.blog_home_wr {
	border-top: 1px dotted #bdbdbd;
	margin: 0px 0px -7px;
	padding: 10px 0px 0px;
}
div.main_content {
	margin-top: 20px;
	margin-bottom: 15px;
}
div.btm_mgn {
	margin-bottom: 40px;
}
div.subcontent_top ul li {
	margin: 0px 0px 10px;
}
div#enews h3 {
	margin: 10px 0px 5px;
}
div#com_links ul li {
	margin: 0px 0px 3px;
}
.main_content ul {
	padding: 0px 0px 10px;
}
.main_content ul li {
	margin: 0px 0px 10px;
}
/* Blog */
div#blog_entry h2, h3#category {
	margin: 0px 0px 50px;
	line-height: 35px;
}

div.blog_entry {
	border-top: 1px solid black;
	padding: 10px 0px 0px;
}
div.blog_entry.sub{
	border-top: none;
}

div.blog_entry h3 {
	margin: 0px 0px 15px;
	font-size: 15px;
}
div.blog_entry img {
	margin: 0px 0px 20px;
}
div#blog_entry .one, div#blog_entry .two, div#blog_entry .three {
	float: left;
	height: 550px;
	margin-bottom: 30px !important;
}
div#blogside {
	margin-top: 105px;
}
div#blogside.sub {
	margin-top: 38px;
}
div.featured ul li {
	margin: 0px 0px 15px;
}
div#paginate p {
	color: #d1d1d1;
	font: italic 11px/20px Georgia, "Times New Roman", Times, serif;
	margin: 0px;
}
div#paginate p span {
	color: black;
	margin: 0px 0px 0px -3px;
	letter-spacing: 1px;
}
div#paginate p span, div#paginate p span a {
	font: 12px/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
div.meta ul {
	border-top: 1px dotted #dadada;
	margin-top: 10px;
	padding: 7px 0px 0px !important;
}
div.meta ul li {
	border-bottom: 1px dotted #dadada;
	margin: 0px 0px 5px;
	padding: 0px 0px 5px;
}
div.entry {
	margin-bottom: 25px;
}
div.entry img.left {
	float: left;
	margin: 10px 20px 10px 0px !important;
}
div.entry h1 {
	font-size: 30px;
}
.sub div.entry h2 {
	font-size: 25px;
	margin-bottom: 30px !important;
}
div.entry h3 {
	font-size: 15px;
}
div.entry img {
	margin: 0px 0px 10px
}
#blog_cat ul#nav_categories li {
	float: left;
	height: 25px;
}
#blog_cat ul#nav_categories li a {
	float: left;
}
#blog_cat ul#nav_categories li a span {
	float: left;
	width: 200px;

}
/* Footer */
div#footer {
	border-top: 1px dotted black;
	border-bottom: 3px solid black;
	margin: 10px 10px;
	padding: 20px 0px;
}
div.footer_div {
	border-right: 1px dotted #dadada;
	height: 170px;
}
div#social ul {
	padding: 0px;
}
div#social ul li {
	padding: 0px 0px 0px 20px;
	margin: 0px;
}
ul li#fb {
	background: url(../images/icon-fb.png) no-repeat left center;	
}
ul li#fr {
	background: url(../images/icon-fr.png) no-repeat left center;	
}
ul li#li {
	background: url(../images/icon-li.png) no-repeat left center;	
}
ul li#tw {
	background: url(../images/icon-tw.png) no-repeat left center;	
}
div#footer_sub {
	padding: 0px 0px 30px;
}
div#footer_sub p, div#footer_sub p a {
	color: #bdbdbd;
	margin: 0px;
	font-size: 11px;
}
div#footer_sub p a {
	color: #bdbdbd;
	border-bottom: 1px dotted #bdbdbd;
}
div#footer_sub p a:hover {
	border-bottom: 1px solid #bdbdbd;
}
div#footer_sub p#credits, div#footer_sub p#credits a {
	font-size: 10px;
}
