/*
Theme Name: The Home Rental Company
Description: Custom theme for The Home Rental Company. A free home rental locator service in Grand Rapids, Michigan. Based on Sandbox.
Version: 1.0
Author: <a href="http://swampsidestudio.com/">Swamp-Side Studio</a>
Author URI: http://swampsidestudio.com/
Tags: The Home Rental Company, home rental, locator service, Grand Rapids
*/

/*
This style sheet is the basis for the custom WordPress theme.
Copyright (C) 2010 swampsidestudio.com

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

/* ---------- Start undo defaults ---------- */
ul,ol {
list-style:none;
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,fieldset,input {
margin:0;
padding:0;
}
a img,:link img,:visited img {
border:none;
}
a {
outline:none;
text-decoration:underline;
}
a:link {
color:#993300;
}
a:visited {
color:#993300;
}
a:hover {
color:#777d57;
}
a:focus {
color:#777d57;
}
a:active {
color:#777d57;
}
/* ---------- End undo defaults ---------- */

/* ---------- Start layout ---------- */
body {
margin:0;
padding:0;
background-color:#a08c79;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}
div#wrapper {
width:974px;
margin-left:auto;
margin-right:auto;
}
div#container {
margin:0 auto 10px auto;
width:948px;
border:1px solid #38200E;
background-color:#f3e8d5;
background-image:url(images/container-background.gif);
background-repeat:repeat-y;
position:relative;
top:-28px;
}
div#content {
padding:71px 27px 47px 27px;
border-right:1px solid #38200E;
float:left;
width:682px;
}
div.hentry {
padding:2px;
border:1px solid #a08c79;
}
body.search-results div.hentry {
margin:0 0 10px 0;
padding:2px;
border:1px solid #a08c79;
}
div.entry-content {
padding:17px 25px 37px 25px;
background-color:#FFFFFF;
}
div#nav-above,
div#nav-below {
padding:10px 0 10px 0;
}
/* ---------- End layout ---------- */

/* ---------- Start menu ---------- */
.menu {
width:973px;
height:36px;
border-right:1px solid #000;
position:relative;
top:25px;
z-index:10;
}
#access ul ul {
display:none;
position:absolute;
z-index: 99999;
}
#access ul li:hover > ul {
display:block;
}
.menu ul { /* remove all the bullets, borders and padding from the default list styling */
padding:0;
margin:0;
list-style-type:none;
}
.menu li { /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
float:left;
width:162px;
position:relative;
}
.menu a,
.menu a:visited { /* style the links for the top level */
display:block;
font-size:12px;
text-decoration:none;
color:#fff;
width:162px;
height:34px;
border:1px solid #38200e;
border-width:1px 0 1px 1px;
background:#c15b33;
line-height:32px;
font-weight:bold;
text-align:center;
}
.menu ul ul { /* hide the sub levels and give them a positon absolute so that they take up no room */
visibility:hidden;
position:absolute;
height:0;
top:35px;
left:0;
width:162px;
/*border-top:1px solid #38200e;*/
}
#access ul ul a,
#access ul ul a:visited {/* style the second level links */
border-width:0 1px 1px 1px;
}
.menu a:hover,
.menu ul a:hover { /* style the top level hover */
color:#38200e;
background:#d4d8bd;
}
.menu :hover > a,
.menu ul :hover > a {
color:#38200e;
background:#d4d8bd;
}
.menu .current_page a,
.menu .current_parent a {
background:#e26d33;
}
.menu ul .current_page ul a,
.menu ul .current_parent ul a {
background:#d4d8bd;
}
.menu ul ul .current_page a,
.menu ul ul .current_parent a {
background:#e26d33;
color:#ffffff;
}
.menu .current_page a:hover,
.menu .current_parent a:hover {
background:#d4d8bd;
}
.menu ul ul a:hover,
.menu ul ul a:hover {
background:#e2e5d3;
}
.menu ul .current_page ul a:hover,
.menu ul .current_parent ul a:hover {
background:#e2e5d3;
color:#38200e;
}

/* ---------- End menu ---------- */

div.entry-date {
color:#999999;
}
abbr.published {
border-bottom: none;
}
div.entry-content ul {
margin:4px 20px 10px 40px;
list-style:disc;
}
div.entry-content ol li {
padding:0 0 5px 0;
}
div.entry-content ol {
margin:4px 20px 10px 40px;
list-style:decimal;
}
div.entry-content ul li {
padding:0 0 5px 0;
}
div.entry-content img.alignleft {
margin:0 9px 10px 0;
padding:1px;
border:1px solid #A08C79;
float:left;
}
div.entry-content img.aligncenter {
padding:1px;
border:1px solid #A08C79;
}
div.entry-content img.alignright {
padding:5px 0 10px 10px;
}
/* Start How HRC Works */
p.img-paragraph {
padding:10px 0 0 0;
width:626px;
height:150px;
font-size:18px;
line-height:24px;
color:#993300;
}
span.free {
color:#993300;
font-style:italic;
font-weight:bold;
}
span.number {
color:#993300;
font-style:italic;
font-weight:bold;
font-size:32px;
line-height:32px;
}
/* End How HRC Works */

/* ---------- Start Sidebar ---------- */
div#sidebar {
padding:71px 13px 0 0;
float:right;
overflow:hidden;
width:185px;
}
li.widget {
margin:0 0 18px 0;
padding:2px;
border:1px solid #a08c79;
}
h3.widgettitle {
padding:3px 0 3px 5px;
background-color:#a0a67c;
color:#ffffff;
font-size:14px;
font-weight:normal;
}
div.textwidget {
padding:10px 5px;
background-color:#FFFFFF;
text-align:center;
}
div.textwidget p {
margin:0 0 13px 0;
}
/* ---------- End Sidebar ---------- */

/* ---------- Start contact form ---------- */
input[type="text"] {
padding:1px;
color:#38200e;
border:1px solid #8c926a;
}
textarea {
padding:1px;
color:#38200e;
border:1px solid #8c926a;
}
img.wpcf7-captcha-captcha-873 {
position:relative;
top:6px;
}
/* ---------- End contact form ---------- */

/* ---------- Start Footer ---------- */
div#footer {
padding:0 0 0 280px;
height:90px;
background-color:#e0cbad;
border-top:1px solid #38200e;
}
div#footer-left {
padding:10px 0 0 0;
float:left;
}
div#footer-center {
padding:5px 0 0 20px;
float:left;
width:400px;
}
div#footer-center p {
margin:0;
padding:11px 0;
font-size:11px;
color:#38200e;
line-height:16px;
}
div#footer-right {
padding:10px 0 0 35px;
float:left;
}
div#site-link {
padding:0 0 10px 0;
font-size:10px;
text-align:center;
position:relative;
top:-15px;
}
div#site-link a:link {
color:#816b54;
text-decoration:none;
}
div#site-link a:visited {
color:#816b54;
text-decoration:none;
}
div#site-link a:hover {
text-decoration:underline;
}
div#site-link a:focus {
text-decoration:underline;
}
div#site-link a:active {
text-decoration:underline;
}
/* ---------- End Footer ---------- */

/* ---------- Start Typography ---------- */
h1 {
padding:0 0 10px 0;
font-size:18px;
color:#777d57;
}
body.home h1 {
line-height:24px;
text-align:center;
text-transform:none;
}
h2 {
font-size:18px;
color:#777d57;
}
h2#blog-description {
padding:20px 0 20px 0;
color:#38200e;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
font-weight:normal;
text-transform:none;
}
h3 {
padding:10px 0 0 0;
font-size:16px;
color:#993300;
}
h4 {
font-size:14px;
color:#666d41;
}
h5 {
}
h6 {
font-size:26px;
color:#993300;
font-style:italic;
position:relative;
top:4px;
}
strong {
color:#333;
}
p {
line-height:19px;
margin:5px 0 15px 0;
}
sup {
font-size:10px;
line-height:5px;
color:#999999;
}
.footnote {
color:#999999;
font-size:10px;
line-height:14px;
}
blockquote {
border:1px solid #a08c79;
margin:10px 20px;
padding:10px 20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
line-height:16px;
}

/* ---------- End Typography ---------- */

/* ---------- Start Miscellaneous ---------- */
div.clear {
clear:both;
}
/* ---------- End Miscellaneous ---------- */