/*
Theme Name: Comal Classic
Theme URI: http://www.blazersix.com/
Description: Custom theme developed for Comal Classic Custom Homes.
Version: 1.0
Author: Blazer Six, Inc.
Author URI: http://www.blazersix.com/
*/


a { color: #678433;}
a img { border-width: 0;}
body { margin: 0; padding: 0; color: ; font-family: Arial, Helvetica, sans-serif; font-size: 65%; text-align: center; background: url(images/page-bg.jpg) left top repeat;}
.bg { float: left; width: 100%; background: url(images/bg.jpg) left top repeat-x;}

a.action { float: left; padding: 0 0 0 10px; color: #faf8e6; font-size: 12px; text-decoration: none; text-transform: uppercase; background: #678433 url(images/action-east-left.jpg) left top no-repeat;}
a.action:hover { background-color: #b5834e; background-position: 0 -30px;}
a.action span { float: left; padding: 0 20px 0 0; height: 30px; line-height: 30px; background: url(images/action-east-right.jpg) right top no-repeat;}
a.action:hover span { background-position: right -30px;}
a.action-west { padding: 0 0 0 20px; background: #678433 url(images/action-west-left.jpg) left top no-repeat;}
a.action-west span { padding: 0 10px 0 0; background: url(images/action-west-right.jpg) right top no-repeat;}
.bottom { clear: both; padding: 85px 0 0 0; width: 1100px; background: url(images/page-bottom.png) left -5px no-repeat;}
.content { float: left; clear: both; padding: 0 80px 50px 80px; width: 940px !important; width /**/: 1100px; background: url(images/content-bg.png) left top repeat-y;}
.content .page p,
.content .page ul { margin: 0 0 1em 0; font-size: 1.4em; line-height: 1.5;}
.content .primary { display: inline; float: left; margin: 0 0 0 450px; width: 440px;}
.content .primary .page .title { margin: 0 0 15px 0; font-size: 2em; font-weight: normal;}
.content .secondary { display: inline; float: left; margin: 0 0 0 -840px; width: 350px;}
.content .secondary #panel-contact { margin: 0;}
.content .secondary #panel-contact p { margin: 15px 0 0 0; padding: 0; background: none;}
.content .secondary #panel-contact ul { margin: 1.5em 0 0 0; padding: 1.5em 0 0 0;}
.divider { display: inline; float: left; clear: both; margin: 0 0 50px 0; width: 940px; height: 20px; background: url(images/content-top.png) left top no-repeat;}
.errors { color: #ee0000;}
.footer { float: left; clear: both; padding: 0 80px 0 80px; width: 940px !important; width /**/: 1100px; background: url(images/content-bg.png) left top repeat-y;}
.footer p { margin: 0; padding: 0 50px 0 50px; color: #fff; font-size: 1.3em; line-height: 1.5; background: #b4824d;}
.footer ul { list-style: none; float: left; clear: both; margin: 0; padding: 35px 50px 5px 50px; width: 840px !important; width /**/: 940px;}
.footer ul li { float: left; margin: 0 5px 0 0; padding: 0 5px 0 0; font-size: 1.3em; line-height: .8; border-right: 1px solid #fff;}
.footer ul li a { color: #fff; font-weight: bold; text-decoration: none;}
.footer ul li a:hover { text-decoration: underline;}
.footer ul li.last_item { margin: 0; padding: 0; border-width: 0;}
.form { float: left; clear: both; width: 440px; background: url(images/divider.png) left top no-repeat;}
.form div { float: left; clear: both; padding: 5px 0; width: 440px; background: url(images/divider.png) left bottom no-repeat;}
.form div div { float: right; clear: none; width: 290px; background-image: none;}
.form div input,
.form div textarea { padding: 5px 2px; width: 284px !important; width /**/: 290px; border: 1px solid #678433;}
.form div .label { float: left; padding: 5px 0; width: 130px; font-size: 1.4em;}
.form .button { float: left; margin: 10px 0 0 0; padding: 0 0 0 5px; width: auto; font-size: 12px; text-decoration: none; text-transform: uppercase; background: #678433 url(images/action-east-left.jpg) left top no-repeat;}
.form .button:hover { background-color: #b5834e; background-position: 0 -30px;}
.form .button button { cursor: pointer; float: left; padding: 0 20px 0 5px; height: 30px; color: #faf8e6; line-height: 30px; background: url(images/action-east-right.jpg) right top no-repeat; border-width: 0;}
.form .button:hover button { background-position: right -30px;}
.gallery { display: inline; float: right; margin: 0 50px 0 0; width: 440px;}
.gallery a:hover img { border-color: #b5834e;}
.gallery img { float: left; margin: 0 0 20px 0; width: 200px !important; width /**/: 210px; height: 140px !important; height /**/: 150px; border: 5px solid #000;}
.gallery img.odd { float: right;}
.header { float: left; clear: both; padding: 0 80px; width: 940px !important; width /**/: 1100px; background: url(images/content-bg.png) left top repeat-y;}
.header .logo { display: inline; float: left; margin: 0 0 0 50px; padding: 0 0 30px 0; width: 300px; height: 112px; background: url(images/header-logo.png) left top no-repeat;}
.header .logo a { overflow: hidden; float: left; width: 300px; height: 112px; text-indent: -9999px;}
.nav { list-style: none; display: inline; float: right; margin: 0 50px 0 0; padding: 0; width: 420px;}
.nav li { float: left; padding: 0 0 15px 0; width: 210px; font-size: 1.4em; text-transform: uppercase;}
.nav li a { color: #222; text-decoration: none;}
.nav li a:hover { color: #b5834e;}
.nav #showroom { position: absolute; top: 10px; right: 80px; width: 400px; color: #b5834e; font-size: 1.2em;}
.nav #showroom a { float: right; clear: both; margin: 0 0 5px; width: 180px; height: 30px; line-height: 30px; text-align: center; background: url(images/nav-showroom-bg.jpg) left top no-repeat;}
.nav #showroom a:hover { color: #222; background-position: 0 -30px;}
.nav #showroom span { float: right; clear: both; text-transform: none;}
.page-company .page .title { float: left; clear: both; margin: 0 0 15px 0; width: 440px; height: 17px; text-indent: -9999px; background: url(images/title-company.png) left top no-repeat;}
.page-company .quote p { margin: 0 0 1em 0; color: #804318; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.2em; font-style: italic; line-height: 1.1;}
.page-company .quote p.cite { color: #b5834e; font-size: 1.8em; font-style: normal;}
.page-company .troy-french .title { float: left; clear: both; margin: 0 0 15px 0; width: 440px; height: 17px; text-indent: -9999px; background: url(images/title-troy-french.png) left top no-repeat;}
.page-company .section { float: left; clear: both; margin: 0 0 20px 0; padding: 30px 0 0 0; width: 940px; background: url(images/divider.png) 50% 0 no-repeat;}
.page-contact-us .page .title { display: none;}
.page-template-page-image-list-php .page { display: inline; float: left; margin: 0 0 0 50px; width: 350px;}
.page-template-page-image-list-php .page .title { margin: 0; font-size: 1.8em; font-weight: normal;}
.page-template-page-partners-php .primary { margin: 0 50px; width: 840px;}
.page-template-page-partners-php .primary .gallery { float: left; width: 840px;}
.page-template-page-partners-php .primary .gallery img { display: inline; margin: 0 20px 20px 0; width: 185px !important; width /**/: 195px;}
.page-template-page-partners-php .primary .gallery img.end { margin: 0;}
.page-template-page-project-php .page { display: inline; float: left; margin: 0 0 0 50px; width: 350px;}
.page-template-page-project-php .page .title { margin: 0; font-size: 1.8em; font-weight: normal;}
.page-testimonials .content .primary { margin: 0; width: 940px;}
.page-testimonials .page .title { display: none;}
.page-testimonials .page .testimonial { display: inline; float: left; clear: both; margin: 0 50px 30px 50px; padding: 0 0 20px 0; width: 840px; background: url(images/divider.png) left bottom no-repeat;}
.page-testimonials .page .testimonial blockquote { margin: 0;}
.page-testimonials .page .testimonial blockquote p { margin: 0 0 1em 0; color: #804318; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.2em; font-style: italic; line-height: 1.1;}
.page-testimonials .page .testimonial blockquote p.cite { color: #b5834e; font-size: 1.8em; font-style: normal; text-align: right;}
.post { display: inline; float: left; clear: both; margin: 0 50px 30px 50px; padding: 0 0 20px 0; width: 840px; background: url(images/divider.png) left bottom no-repeat;}
.post .byline { display: inline; float: left; margin: 0 0 0 -840px; width: 350px; font-size: 1.4em;}
.post .byline .published { display: block; font-weight: bold; border-width: 0;}
.post .entry { display: inline; float: left; margin: 0 0 0 400px; width: 440px;}
.post .entry p,
.post .entry li { font-size: 1.4em; line-height: 1.5;}
.post .entry .title { float: left; clear: both; margin: 0 0 15px 0; width: 440px; font-size: 2.2em; font-weight: normal; text-transform: uppercase;}
.post .entry .title a { text-decoration: none;}
.post .entry .title a:hover { text-decoration: underline;}
.post-nav { float: left; clear: both; margin: 0 50px; width: 840px;}
.post-nav span a { float: left; padding: 0 0 0 20px; color: #faf8e6; font-size: 12px; text-decoration: none; text-transform: uppercase; background: #678433 url(images/action-west-left.jpg) left top no-repeat;}
.post-nav span a:hover { background-color: #b5834e; background-position: 0 -30px;}
.post-nav span a span { float: left; padding: 0 10px 0 0; height: 30px; line-height: 30px; background: url(images/action-west-right.jpg) right top no-repeat;}
.post-nav span a:hover span { background-position: right -30px;}
.post-nav #next { float: right;}
.post-nav #next a { padding: 0 0 0 10px; background-image: url(images/action-east-left.jpg);}
.post-nav #next a span { padding: 0 20px 0 0; background-image: url(images/action-east-right.jpg);}
.post-nav #view-more { float: left; clear: both; width: 840px; color: #fff; font-size: 1.2em; text-align: center; text-decoration: none; text-transform: uppercase; background: #000 url(images/view-top.png) left top no-repeat;}
.post-nav #view-more span { display: block; padding: 5px 0; background: url(images/view-bottom.png) left bottom no-repeat;}
.project { display: inline; float: left; clear: both; margin: 0 50px 30px 50px; padding: 0 0 20px 0; width: 840px; background: url(images/divider.png) left bottom no-repeat;}
.project .gallery { margin: 0;}
.project .page { display: inline; float: left; margin: 0; width: 350px;}
.project .page .title { margin: 0; font-size: 1.8em; font-weight: normal;}
.widget { margin: 0 0 30px 0;}
.wrapper { position: relative; margin: 0 auto 0 auto; padding: 110px 0 0 0; width: 1100px; text-align: left; background: url(images/page-top.png) left top no-repeat;}

.home .entry { float: left; clear: both; margin: 0 0 50px 0; padding: 40px 50px; width: 840px !important; width /**/: 940px; color: #faf8e6; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; line-height: 1.5; background: #000;}
.home .entry p { margin: 0;}
.home #slideshow { overflow: hidden; position: relative; float: left; clear: both; width: 940px; height: 350px;}
.home #slideshow img { z-index: 1; display: none; position: absolute; top: 0; left: 0;}
.home #slideshow img.active { z-index: 2; display: block;}
.home #slideshow #shadow { z-index: 10; position: absolute; top: 0; left: 0; float: left; width: 940px; height: 350px; background: url(images/rotating-image_shadow.png) left top no-repeat;}
#panel-contact h2 { float: left; clear: both; margin: 0; width: 350px; height: 17px; text-indent: -9999px; background: url(images/title-contact-us.png) left top no-repeat;}
#panel-contact p { float: left; clear: both; margin: 25px 0 0 0; padding: 20px 0 0 0; width: 350px; font-size: 1.4em; line-height: 1.5; background: url(images/divider.png) left top no-repeat;}
#panel-contact p strong { font-size: 1.29em; font-weight: normal;}
#panel-contact p a.action { float: right; margin: .5em 0 0 0;}
#panel-news h2 { float: left; clear: both; margin: 0; width: 440px; height: 17px; text-indent: -9999px; background: url(images/title-news.png) left top no-repeat;}
#panel-news p { margin: 0;}
#panel-news ul { list-style: none; float: left; clear: both; margin: 4px 0 12px 0; padding: 0; width: 440px; background: url(images/divider.png) left top no-repeat;}
#panel-news ul li { padding: 8px 0; font-size: 1.4em; background: url(images/divider.png) left bottom no-repeat;}
#panel-news ul li a { color: #678433; text-decoration: none;}
#panel-news ul li a:hover { text-decoration: underline;}