/*
Theme Name: GrandJunction.com
Theme URI: http://www.grandjunction.com/
Description: Theme created for GrandJunction.com's Directory.
Version: 1.0
*/

.event h2 {
margin:20px 0 10px 0;
border-bottom:1px solid #c4c4c4;
}
.event-details{
float:left;
font-size:13px;
width:280px;
margin:10px 10px 10px 0px;
}
.event-description{
margin:5px 10px;
padding:5px;
}

.listing-press-releases{
overflow:auto;
height:200px;
border:1px solid #ddd;
}

img.featured-business-bar {
height:30px;
width:630px;
margin-bottom:10px;
}

div.review-button{
margin:15px 0 10px;
}

div.review-button a,
div.review-button a:hover{
font-size:12px;
line-height:12px;
color:#34962B;
text-decoration:underline;
padding:3px 4px;
font-weight:bold;
}

.apartment-listing h1{
color:#448800;
}
.apartment-listing h2{
margin:15px 0px 0px 0px;
border-bottom:1px solid #448800;
color:#448800;
font-size:18px;
font-weight:bold;
line-height:20px;
}
.apartment-listing-details-container{
float:left;
width:310px;
margin-right:10px;
}
.apartment-listing-details{
margin:5px;
}
.apartment-listing .apartment-images-container{
border-top:2px solid #444;
border-bottom:2px solid #444;
background:#0E0E0E;
margin:10px 0 20px 0;
}
.apartment-listing .apartment-images{
margin:8px auto;
width:558px;
}
.apartment-listing .apartment-images img{
float:left;
height:120px;
width:160px;
border:1px solid #000;
background:#444;
padding:4px;
margin:8px;
}

.listing h1,
.listing-attraction h1,
.listing-hotel h1{
color:#448800;
}
.listing h2,
.listing-attraction h2,
.listing-hotel h2{
margin:15px 0px 0px 0px;
border-bottom:1px solid #448800;
color:#448800;
font-size:18px;
font-weight:bold;
line-height:20px;
}
.listing-details,
.listing-attraction-details,
.listing-hotel-details{
float:left;
width:450px;
}
.listing .listing-img-container,
.listing-attraction .listing-img-container,
.listing-hotel .listing-img-container{
border-top:2px solid #444;
border-bottom:2px solid #444;
background:#0E0E0E;
margin:10px 0 20px 0;
}
.listing .listing-img,
.listing-attraction .listing-img,
.listing-hotel .listing-img{
margin:8px auto;
width:558px;
}
.listing .listing-img img,
.listing-attraction .listing-img img,
.listing-hotel .listing-img img{
float:left;
height:120px;
width:160px;
border:1px solid #000;
background:#444;
padding:4px;
margin:8px;
}

#af_container{
padding:50px 20px 20px 20px;
background:#448800 url(images/bg-af.jpg) no-repeat 0px 0px;
}
#cf_container{
padding:50px 20px 20px 20px;
background:#448800 url(images/bg-cf.jpg) no-repeat 0px 0px;
}
#af_container form,
#cf_container form{
margin:0;
padding:0;
}
#af_info_input,
#cf_info_input{
float:left;
width:230px;
}
#af_info_input label,
#af_message_input label,
#cf_info_input label,
#cf_message_input label{
display: block;
margin: 0 0 10px 0;
color:#fff;
font-weight:bold;
}
#af_name, #af_email, #af_phone,
#cf_name, #cf_email, #cf_phone{
display: block;
width: 200px;
margin: 0;
border: 1px solid #448800;
padding: 3px;
background: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000;
}
#af_message_input,
#cf_message_input{
float:left;
width:335px;
}
#af_message_input textarea,
#cf_message_input textarea{
width:335px;
height:120px;
margin: 0 0 5px 0;
border: 1px solid #448800;
padding: 3px;
background: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000;
}
.af_req_notice,
.cf_req_notice{
font-size:10px;
}
#af_submit,
#cf_submit{
display:block;
margin: 0;
}
.af_success_container,
.af_error_container,
.cf_success_container,
.cf_error_container{
border-top:1px solid #448800;
border-bottom:1px solid #448800;
background:#fff;
text-align:center;
font-size:14px;
}
.af_success,
.cf_success{
color:#34962B;
font-weight:bold;
}
.af_error,
.cf_error{
color:#FF0000;
font-weight:bold;
}

/* Captions */
.wp-caption {
border: 1px solid #d4d4d4;
text-align: center;
background-color: #f5f5f5;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */

/*/////////////////////////////////////////////////////*/
form.googleDirections{
float:left;
background:#fff url(/images/bg-content-gradient.png) repeat-x top left;
border:1px solid #ddd;
padding:4px;
width:300px;
height:200px;
text-align:center;
}
form.googleDirections .googleDirections-title{
font-size:14px;
font-weight:bold;
margin:35px 0 10px 0;
padding:0;
}
form.googleDirections .googleDirections-desc{
font-weight:bold;
margin:0 0 10px 0;
padding:0;
}
form.googleDirections label{
font-weight:bold;
}
form.googleDirections input#saddr{
width:260px;
margin:5px auto;
padding:3px;
border:1px solid #ddd;
background:#fff;
}

div.googleMapsWrapper{
position:relative;
}
div.googleBase{
float:right;
width:300px;
height:200px;
margin:0 0 10px 0;
z-index:1;
background:#f5f5f5;
border:1px solid #333;
padding:4px;
}
p.warning{
float:right;
width:300px;
height:200px;
margin:0 0 10px 0;
z-index:1;
background:#f5f5f5;
border:1px solid #333;
padding:4px;
text-align:center;
color:#C00;
}
div.floatLayer{	
width:300px;
height:auto;
top:115px;
left:155px;
position:absolute;
visibility:hidden;
z-index:2;
border:1px solid #333;
opacity:.80;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
}
div.floatLayer blockquote{
background:#fff;
margin:0;
padding:5px;
}
div.floatLayer blockquote h3{
font: bold 15px Arial, Helvetica, sans-serif;
color: #000;
margin:0;
padding:0;
}
div.floatLayer blockquote p{
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin:0;
padding:0;
}

/* Comments */

#comment-form-container{
padding:20px;
background:#f5f5f5;
border:1px solid #ddd;
}
#info-input {
float:left;
width:230px;
}
#info-input label {
display: block;
margin: 0 0 10px 0;
}
#author, #email {
display: block;
width: 200px;
margin: 0;
border: 1px solid #ddd;
padding: 3px;
background: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000;
}
#comment-input {
float:left;
width:335px;
}
#comment-input label {
display: block;
margin: 0 0 10px 0;
}
#comment-input textarea {
width:335px;
height:70px;
margin: 0 0 5px 0;
border: 1px solid #ddd;
padding: 3px;
background: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000;
}
.req-notice{
font-size:10px;
}
#submit {
display:block;
margin: 0;
}

ol.commentlist{
list-style-type: none;
margin: 0;
padding: 0;
}

ol.commentlist li{
border-top: 1px solid #e4e4e4;
padding: 5px 40px 10px;
line-height: 20px;
background: #f9f9f9;
}

ol.commentlist li.alt-comment{background: #fcfcfc;}