/* ::::: Sheet Import ::::: */

@import url(structure.css);
@import url(links.css);

/* ::::: Tag Styles ::::: */

body {
 color: #666;
 margin: 0;
 padding: 0;
 }

p,
li,
div,
span,
td {
 font: normal 12px Verdana,Helvetical,sans-serif;
 line-height: 1.3;
 }

li {
 margin-bottom: 5px;
 }

h1 {
 margin: 0;
 padding: 0;
 font-size: 20pt;
 }

h2 {
 border-bottom: solid 1px #B2D27D;
 background-color: transparent;
 color: #332616;
 padding: 0;
 margin: 0 0 10px 0;
 }

h2 span {
 font-size: 11px;
 float: right;
 position: relative;
 top: -18px;
 }

h3 {
 border-bottom: solid 1px #B2D27D;
 background-color: transparent;
 color: #332616;
 padding: 0;
 margin: 0 0 10px 0;
 }

h4 {
 background-color: transparent;
 color: #998465;
 margin: 0 0 10px 0;
 padding: 0;
 }

input[type=text],
input[type=password],
textarea {
 padding: 2px;
 border: solid 1px #B2D27D;
 }

/* ::::: Data Table ::::: */

table.data {
 background: #81CF60 url(/images/bg_th.png) top left;
 color: inherit;
 margin-bottom: 10px;
 }

table.data thead tr td,
table.data thead tr th {
 background: transparent;
 color: #FFFFFF;
 font-size: 12px;
 }

table.data tbody tr td {
 background-color: #E0EDC4;
 color: #666;
 }

table.data tbody tr.even-row td {
 background-color: #e4f2c8;
 color: #666;
 }

/* ::::: General Form Layout ::::: */

div.form {
 position: relative;
 width: 400px;
 margin-bottom: 10px;
 }

div.form div.fields {
 background: #81CF60 url(/images/bg_th.png) top left;
 padding: 0 1px 0 10px;
 margin-bottom: 5px;
 }

div.form div.fields div.input {
 /* clear: both; */
 background-color: #e4f2c8;
 margin-bottom: 1px;
 padding: 5px 0;
 }

div.form div.fields div.input label {
 width: 35%;
 float: left;
 font-weight: bold;
 text-align: right;
 vertical-align: baseline;
 padding: 4px 5px 3px 0;
 }

/*
div.form div.fields div.input input,
div.form div.fields div.input textarea {
 width: 60%;
 float: right;
 }
*/

div.form div.fields div.break {
 background: none;
 text-align: center;
 font-weight: bold;
 color: #FFF;
 }

div.form div.buttons {
 text-align: right;
 }

/* ::::: Class Styles ::::: */

.feature-primary {
 background: #E4F2C8; /* url(/images/bg_feature_primary.png) 0 0; */
 border: solid 1px #B2D27D;
 padding: 10px;
 margin: 0 0 20px 0;
 }

.feature-primary h2 {
 }

.feature-secondary {
 /* position: relative; */
 background: transparent url(/images/bg_feature_secondary.png) 0 0;
 border: solid 1px #A18B6A;
 padding: 10px;
 margin: 0 0 10px 0;
 }
 
#secondary .feature {
 background-color: #EEE8E1;
 border: solid 1px #A18B6A;
 padding: 10px;
 margin: 0 0 10px 0;
 }

.blog-entry {
 padding: 0;
 margin: 0 0 20px 0;
 }

.blog-credit {
 font-size: smaller;
 padding: 4px;
 margin: 2px;
 background-color: #eee;
 border: solid 1px #ccc;
 }
 
.blog-content {
 margin: 2px;
 padding: 0;
 }

.location-feature {
 background-color: #eee;
 border: solid 1px #ccc;
 padding: 10px;
 margin: 0 0 10px 0;
 }

.location-feature h3 {
 border: 0;
 margin: 0;
 padding: 0;
 }
 
.quote {
 background: #E4F2C8 url(/images/bg_quote.jpg) 0 0;
 border: solid 2px #B2D27D;
 padding: 10px 10px 0 40px;
 margin: 10px;
 font-style: italic;
 text-align: justify;
 line-height: 1.3;
 }

.source {
 text-align: right;
 font-style: italic;
 font-weight: bold;
 margin-bottom: 10px;
 }

.error {
 border: solid 1px #c00;
 color: #c00;
 background-color: #FCC;
 padding: 5px 10px;
 }

/* ::::: Tell Me More Box ::::: */

.tell-me-more {
 width: 230px;
 margin: 0 auto 10px auto;
 padding: 15px 0 0 0;
 color: #998465;
 background: transparent url(/images/bg_secondary_form.png) 0 0 no-repeat;
 }

.tell-me-more h2 {
 font: bold 16pt "Times New Roman",serif;
 text-align: right;
 border: 0;
 margin: 0;
 padding: 7px 0 14px 0;
 background: transparent url(/images/img_envelope_green.png) 0 0 no-repeat;
 }

.tell-me-more fieldset {
 border: solid 1px #B2D27D;
 background-color: #E0EDC4;
 padding: 0;
 margin: 0;
 }

.tell-me-more p {
 color: #998465;
 background-color: transparent;
 font-size: 11px;
 text-align: justify;
 margin-top: 0;
 }

.tell-me-more td {
 color: #998465;
 background-color: transparent;
 font-size: 11px;
 }
 
.tell-me-more input[type=text],
.tell-me-more textarea {
 font: normal 11px Verdana,Helvetical,sans-serif;
 padding: 1px;
 margin: 0; 
 }

.tell-me-more div.buttons {
 background: transparent url(/images/bg_secondary_form_bottom.png) bottom left no-repeat;
 text-align: center;
 margin: 0;
 padding: 5px 14px 10px 15px;
 }

.tell-me-more div.buttons input {
 
 }

/* ::::: Homepage Find Painter Form ::::: */

.home-find-form {
 border: solid 4px #a18b6a;
 background: transparent url(/images/bg_find_form.png) 0 0 no-repeat;
 }

.home-find-form form {
 padding: 10px 10px 20px 160px;
 color: #332616;
 background-color: transparent;
 }

.home-find-form form h3 {
 font: bold 30px "Times New Roman",serif;
 letter-spacing: .15em;
 border: 0;
 color: #a18b6a;
 background-color: transparent;
 }

.home-find-form form p {
 line-height: 150%;
 }

/* :::: Latest News Box ::::: */

.latest-news {
 width: 230px;
 margin: 0 auto 15px auto;
 padding: 15px 0 0 0;
 background: #c4cbed url(/images/bg_latest_news.png) top left no-repeat;
 }

.latest-news h2 {
 font: bold 16pt "Times New Roman",serif;
 text-align: right;
 border: 0;
 margin: 0;
 padding: 7px 12px 10px 0;
 }
 
.latest-news-content {
 background: transparent url(/images/bg_latest_news_bottom.png) bottom left no-repeat;
 padding: 0 10px 10px 10px;
 }

.latest-news-content .item {
 margin-top: 10px;
 }