/*
Theme Name: Custom
Theme URI: http://www.en-spire.com
Description: Custom design for Orange County Property Managers
Version: 1.5
Author: Jay Clark
Tags: green, white, textured background
*/
body {
font-family:Arial, serif;
font-size:14px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.7em;
background-image: url('images/bg.jpg');
background-repeat: repeat;
}
a {
text-decoration:none;
color:#1316c9;
font-weight:600;
}
a:hover {
color:#ccc;

}
hr{
margin-top:35px;
border:0;
border-top:1px dotted #ccc;
width:620px;
color:#fff;
clear:both;
}
#wrapper {
width:900px;
margin:1px auto;
}
#header {
background-image: url('images/header.gif');
background-position: top center;
background-repeat: no-repeat;
width: 900px;
height: 235px;
float:left;
margin: 0;
padding:0;
}
#logo {
float:left;
width: 205px;
height: 165px;
padding:  36px 15px 0;
margin: 0;
position: absolute;
}

#description {
float: left;
width: 400px;
height: 30px;
font-family: Georgia;
font-style: italic;
font-size : 11px;
font-weight : 200;
letter-spacing : 1px;
color: #ededed;
padding: 8px;
margin-bottom: 0;
position: absolute;
clear: both;
}
/*Start Top Nav*/
#top-nav {
float:right;
width:auto;
padding: 3px 0 5px;
font-family:Georgia; /* Menu font */
letter-spacing: 1px;
font-size:95%; /* Menu text size */
}
#top-nav li {
text-align:center;
float:left;
display:inline;
width:auto;
}
#top-nav li a {
font-size:10px;
font-weight:400;
display:block;
padding:0 9px 0 9px;
border-bottom:none;
color: #94ca3f;
text-transform: uppercase;
}
#top-nav li a:hover {
color: #95ba5b;
}
/*End Top Nav*/

/*Start Mid Nav*/

#nav {
background: url(images/nav-bg.png) repeat-x;
clear:both;
float:left;
margin:0;
padding:0;
width:900px;
height:25px;
font-family: Georgia; /* Menu font */
font-size:92%; /* Menu text size */
letter-spacing: 1px;
z-index:1000; /* This makes the dropdown menus appear above the page content below */
position:relative;
}

/* Top menu items, thank Jesus for this! */
#nav ul {
margin:0;
padding:0;
list-style:none;
float:right;
position:relative;
right:50%;
}
#nav ul li {
margin:0 0 0 15px;
padding:0;
float:left;
position:relative;
left:50%;
top:1px;

}
#nav ul li a {
display:block;
margin:0;
padding:.6em .5em .4em;
font-size:1em;
line-height:1em;
background:none;
text-decoration:none;
color:#ededed;


}
#nav ul li.active a {
color:#fff;
background:#000;
}
#nav ul li a:hover {
background:#36f; /* Top menu items background colour */
color:#fff;
border-bottom:1px solid #03f;
}
#nav ul li:hover a,
#nav ul li.hover a { /* This line is required for IE 6 and below */
background:#535353; /* Top menu items background colour */
color:#fff;
border-bottom:1px solid #95BA5B;
}

/* Submenu items */
#nav ul ul {
display:none; /* Sub menus are hiden by default */
position:absolute;
top:2em;
left:0;
right:auto; /*resets the right:50% on the parent ul */
width:10em; /* width of the drop-down menus */
}
#nav ul ul li {
left:auto;  /*resets the left:50% on the parent li */
margin:0; /* Reset the 1px margin from the top menu */
clear:left;
width:100%;
}
#nav ul ul li a,
#nav ul li.active li a,
#nav ul li:hover ul li a,
#nav ul li.hover ul li a { /* This line is required for IE 6 and below */
font-size:.8em;
font-weight:normal; /* resets the bold set for the top level menu items */
background:#ccc;
color:#444;
line-height:1.4em; /* overwrite line-height value from top menu */
border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}
#nav ul ul li a:hover,
#nav ul li.active ul li a:hover,
#nav ul li:hover ul li a:hover,
#nav ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
background:#535353; /* Sub menu items background colour */
color:#fff;
}

/* Flip the last submenu so it stays within the page */
#nav ul ul.last {
left:auto; /* reset left:0; value */
right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#nav ul li:hover ul,
#nav ul li.hover ul { /* This line is required for IE 6 and below */
display:block; /* Show the sub menus */
}


/*End Mid Nav*/
#mid-section {
font-family:Georgia;
height:auto;
width:900px;
float:left;
padding:0;
font-size:32px;
font-weight:400;
line-height:120%;
background: #ffffff;
}
#fp-article{
float: left;
width: 450px;
padding:8px 35px;
font-family:Georgia;
font-size:12px;
font-weight:normal;
line-height: 1.8em;
color: #5C5C5A;
border-right: 2px solid #ccc;
margin: 15px 20px;
}
.fp-article h1 {
font-family:Georgia;
font-size: 16px;
font-weight: bold;
padding-bottom: 20px;
color: #5C5C5A;
}

.fp-article h3 {
font-family:Georgia;
font-size: 12px;
font-weight: bold;
color: #5C5C5A;
padding-bottom: 8px;
}
#featured{
float: right;
margin: 0 5px 0 5px;
padding: 10px;
text-align: center;

}

.featured h1 {
font-family:Georgia;
font-size: 16px;
font-weight: bold;
color: #5C5C5A;
}


#bottom-content {
width: 900px;
height: auto;
float: left;
margin: 0;
padding: 10px 0;
border-top: 3px solid  #ccc;
min-height: 310px;
background: #95ba5b;
}
#bc-block1 {
float: left;
margin:15px 25px;
padding: 0;
width: 250px;
}
#bc-block2 {
float: left;
margin:15px 25px;
padding: 0;
width: 250px;
}
#bc-block3 {
float: left;
margin:15px 25px;
padding: 0;
width: 250px;
}
.featured-bc-article {
float: left;
font-family:Georgia;
font-size:11px;
font-weight:normal;
line-height: 1.4em;
color: #40403f;
border-right: 1px solid #ccc;
padding-right: 20px;
min-height: 350px;
width: 250px;
}

.featured-bc-article h1 {
font-family:Georgia;
font-size: 16px;
font-weight: bold;
padding-bottom: 10px;
padding-top: 5px;
color: #5C5C5A;
}

.featured-bc-article h1 a {
font-family:Georgia;
font-size: 11px;
font-weight: bold;
padding-bottom: 10px;
padding-top: 0;
color: #525151;
}

.bc-article {
float: left;
font-family:Georgia;
font-size:12px;
font-weight:normal;
line-height: 1.8em;
color: #40403f;
border-right: 1px solid #ccc;
padding-right: 20px;
min-height: 350px;
width: 250px;
}
.bc-article h1 {
font-family:Georgia;
font-size: 16px;
font-weight: bold;
padding-bottom: 10px;
padding-top: 0;
color: #5C5C5A;
}


.bc-article-3 {
float: left;
font-family:Georgia;
font-size:12px;
font-weight:normal;
line-height: 1.4em;
color: #000;
padding-right: 20px;
}
.bc-article-3 h1 {
font-family:Georgia;
font-size: 16px;
font-weight: bold;
padding-bottom: 10px;
color: #5C5C5A;
}
#page-wrapper {
float: left;
width: 900px;
background: #95BA5B;
height: auto;
}
#content {
width: 620px;
float:left;
padding:0;
height: auto;
color: #40403f;

}

#contact-content {
width: 100%;
float:left;
padding:0;
height: auto;
color: #40403f;
}
.post {
margin-left:15px;
padding:0 30px 0 10px;

}
.post p {
margin:14px 0 14px 0;
}
.post em{
font-style:italic;
}
.post h2 {
font-family:Georgia;
font-size:16px;
margin:25px 0 10px 0;
font-weight:normal;
color: #486C9C;
}
.post h1, .post h1 a{
font-family:Georgia;
font-size:18px;
margin:30px 0 10px 0;
font-weight:normal;
line-height:32px;
color: #5C5C5A;
}
.post h3, .post h4 {
font-family:Georgia;
font-size:14px;
margin:15px 0 10px 0;
font-weight:normal;
}
.post h4 {
font-size:18px;
}
.post h1:hover, .post h2:hover, .post h3:hover, .post h4:hover {

text-decoration: none;
}
.post .indent {
padding-left:10px;
}
.post .indent p {
padding-left:10px;
}
.post small {
font-size:11px;
}
.post small a {
font-weight:normal;
}
.post .alignright {
float:right;
margin-left:10px;
}
.post .alignleft {
float:left;
margin-right:10px;
}
.post .aligncenter {
margin:0 auto;
display:block;
}
.post abbr {
font-weight:normal;
}
.post ul{
list-style:circle;
margin:0 0 0 25px;
}
.post ol{
list-style:decimal;
margin:0 0 0 30px;
}
.post .wp-caption {
background:#f7f7f7;
border:1px solid #ccc;
margin:10px;
text-align:center;
padding:5px 0 0;
}
.post .wp-caption-text {
margin:0;
}
.post .wp-caption a, .post .wp-caption a:hover {
border-bottom:0;
}
.post blockquote {
color:#777;
border-left:5px solid #ccc;
margin:15px 30px 0 10px;
padding-left:20px;
}
.post pre {
font-family:courier;
font-size:12px;
letter-spacing:-1px;
margin:14px 0 14px 0;
}
.post .message ul {
margin:12px 0 0;
}
.post .message {
display:none;
background:#0F67A1;
margin-top:10px;
padding:20px;
color:#fff;
}
#comments h3, #comments h4{
font-family:Georgia;
font-size:24px;
margin:35px 0 5px;
font-weight:normal;
}
#comments h4{
font-size:28px;
}
#comments cite{
font-family:Georgia;
font-size:18px;
font-weight:normal;
}
#comments em {
font-style:italic;
text-align:right;
}
#comments ol.commentlist li {
margin-top:20px;
border-right:0;
padding:10px 5px 20px 10px;
min-height:110px;
}
#comments p {
margin:10px 0 0 10px;
width:auto;
}
#comments span {
display:block;
color:#eee;
font-family:Georgia;
font-size:120px;
font-weight:normal;
float:right;
padding-top:25px;
}
#comments ul.formlist {
margin:20px auto;
width:375px;
}
#comments ul.formlist li {
display:block;
margin:10px 0 0;
}
#comments ul.formlist p{
margin:10px 0 0;
text-align:center;
}
#comments input {
font-family:Georgia;
width:370px;
font-size:18px;
font-weight:normal;
}
#comments textarea {
font-family:Georgia;
width:370px;
font-size:18px;
font-weight:normal;
}
#comments li.submitbutton input {
text-align:center;
background:#fff;
border:1px solid #aaa;
color:#000;
font-family:Georgia;
font-weight:normal;
font-size:20px;
width:374px;
}
#comments .center {
text-align:center;
}
#sidebar {
width:250px;
float:right;
margin:0 0 25px 0;
color: #40403f;
}
#sidebar h3 {
padding:25px 0 3px 0;
font-size:18px;
color: #5C5C5A;
}
#sidebar .block ul {
border-bottom:none;
}
#sidebar .block ul .children{
border:0;
padding: 0 0 0 8px;
}
#sidebar .block li {
border-top:1px dotted #ccc;
}
#sidebar .block li a {
background:transparent url(images/bullet_black.gif) no-repeat scroll 6px 52%;
font-size:13px;
font-weight:normal;
padding:2px 0 2px 15px;
display:block;
border-bottom:none;
}
#sidebar .block li a:hover {
background:none url(images/bullet_red.gif) no-repeat scroll 6px 52%;
}
#sidebar .widget_search label {
display:block;
padding:25px 0 3px 0;
font-size:18px;
border-bottom:1px dotted #ccc;
margin:0 0 5px;
}
#sidebar .widget_recent_comments li {
background:transparent url(images/bullet_black.gif) no-repeat scroll 6px 52%;
padding:2px 0 2px 15px;
}
#sidebar .widget_recent_comments li a,#sidebar .widget_recent_comments li a:hover{
background:none;
border-bottom:1px dotted #000;
text-decoration:none;
color:#000;
font-weight:600;
}
#sidebar .widget_recent_comments li a:hover {
color:#e12000;
border-bottom:1px dashed #e12000;
background-color:#f7f7f7;
}
#sidebar .widget_tag_cloud h3 {
margin:0 0 8px;
border-bottom:1px dotted #ccc;
}
#sidebar .widget_text h3 , #sidebar .calendar h3{

}
#sidebar .calendar h3{
display:none;
}
#sidebar #wp-calendar {
width:95%;
text-align:center;
}
#sidebar #wp-calendar caption, #sidebar #wp-calendar td, #sidebar #wp-calendar th{
text-align:center;
}
#sidebar #wp-calendar caption {
font-size:18px;
padding:25px 0 3px 0;
}
#sidebar #wp-calendar th {
font-weight: bold; 
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
#sidebar #wp-calendar tfoot td{
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}
#footer {
color: #4d4d4d;
width:900px;
height: 90px;
float:left;
border-top: 3px solid  #ccc;
border-bottom: 2px solid #4d4d4d;
text-align:center;
padding: 40px 0;
background: #fff url(images/footergrad.png) bottom center repeat-x;
}
#footer a {
color: #4d4d4d;
}
#footer a:hover {
color: #fff;
text-decoration: none;
}