/*

Theme Name: Beach Cities Theme 

Version: 1.0

Description: Custom WordPress theme for Beach Cities Volleyball Club 2012.

Author: Aleks Blagojevich

Author URI: http://www.aleksblago.com

*/



/*  STYLE RESET  */



@import url('css/reset.css');

@import url('css/nivo-slider.css');

 

/*  BCVC THEME  */



body {

    background: url(images/woodbg.jpg) top center repeat-x;

    font-family: 'Lato', Arial, Helvetica, sans-serif;

    font-size: 13px;

    line-height: 20px;

}



body.subpage {

    background: url(images/woodbg-sub.jpg) top center repeat-x;

}



a {

    color: #00ccff;

    text-decoration: none;   

}



a:hover {

    text-decoration: underline;   

}



p {

    color: #666;

    margin-bottom: 15px;

}



small {

    color: #666;

    display: block;

    font-size: 11px;

    margin: 10px 0;

}



strong {

    font-weight: 700;   

}



h1, h2, h3, h4 {

    font-family: 'Lato', Arial, Helvetica, sans-serif;

    font-weight: 700;

    margin: 15px 0; padding: 0;

    text-transform: capitalize;

}



h1 {

    font-size: 20px;

    line-height: 24px;

}



h2 {

    font-size: 18px;

}



h3 {

    font-size: 16px;

}



h4 {

    font-size: 14px;

}



ol {

    color: #666;

    line-height: 18px;

    list-style-type: decimal;

    list-style-position: outside;

    margin: 15px 0;

}



ul {

    color: #666;

    list-style-type: disc;

    list-style-position: outside;

    margin: 15px 0;   

}



ol li, ul li {

    margin: 0 0 8px 16px;   

}



.clear {

    clear: both;   

}

.error { color: red; }

/*  SITE NAVIGATION  */



#menu-primary-navigation {

    background: rgba(0,0,0,0.9);

    line-height: 1em;

    list-style-type: none;

    margin: 0 auto; padding: 20px 0;

    text-align: center;

    width: 100%; height: 12px;

}



#menu-primary-navigation li {

    display: inline-block;

    margin: 0 15px; 

}



#menu-primary-navigation li a {

    color: #fff;

    font-weight: 900;

    text-decoration: none;

    text-transform: uppercase;

}



#menu-primary-navigation li a:hover, #menu-primary-navigation li ul.sub-menu li a:hover {   

    color: #00ccff;

}



/* LAYOUT STYLES */



.site-container {

    margin: 0 auto; 

    width: 960px;

}



#logo {

    margin: 7px 0 6px 0;    

}



body.subpage #logo {

    margin: 7px 0 60px 0;   

}



#slider {

    background: #fff;

    border: 10px solid #fff;

    width: 940px; height: 330px;

}



#slider .slider-img {

    width: 940px; height: 330px;

}



#social-bar {

    background: url(images/social-media-bg.png) top center no-repeat;

    margin: 30px 0 0 0;

    width: 960px; height: 48px; 

    font-size: large;

}



#social-bar p {

    color: #000;

    display: inline-block;

    line-height: 30px;

    margin: 0; padding: 8px 8px 0 20px;

}



#social-buttons {

    background: url(images/div.jpg) left top no-repeat;

    float: right;

    text-align: right;

    padding: 8px 8px 0 0;

    width: 153px; height: 48px;

}



#social-buttons a {

    margin: 0 0 0 5px;  

}



#social-bar .twitter {

    background: url(images/twitter.png) 0px top no-repeat;

    display: inline-block;

    overflow: hidden;

    width: 30px; height: 32px;

}



#social-bar .twitter:hover {

    background-position: right top;

}



#social-bar .facebook {

    background: url(images/facebook.png) left top no-repeat;

    display: inline-block;

    overflow: hidden;

    width: 30px; height: 32px;

}



#social-bar .facebook:hover {

    background-position: right top;

}



#social-bar .email {

    background: url(images/email.png) left top no-repeat;

    display: inline-block;

    overflow: hidden;

    width: 30px; height: 32px;

}



#social-bar .email:hover {

    background-position: right top;

}



#social-bar .rss {

    background: url(images/rss.png) left top no-repeat;

    display: inline-block;

    overflow: hidden;

    width: 30px; height: 32px;

}



#social-bar .rss:hover {

    background-position: right top;

}



.hr {

    background: url(images/hr-bg.jpg) repeat-x;

    margin: 20px 0; padding: 0px;

    width: 100%; height: 4px;   

}



#content {

    float: left;

    width: 670px;

    min-height: 400px;

}



#content img {

    max-width: 100%;

}



#full-width, #full-width.gallery {

    width: 100%;

}



#full-width.gallery {

    margin: 85px 0 0 0;

}



.post-title {

    margin: 0 0 15px 0;

}



#content h1 a {

    color: #000;   

}



.single-page-title {

    background: url(images/hr-bg.jpg) bottom center repeat-x;

    font-size: 19px;

    font-weight: 900;

    margin: 0 0 20px 0; padding: 0 0 20px 0;

    text-transform: uppercase;

}



.page-title {

    font-size: 19px;

    font-weight: 900;

    margin: 0 0 20px 0;

    text-transform: uppercase;

}



#content .post {

    background: url(images/hr-bg.jpg) top center repeat-x;

    margin: 20px 0; padding: 24px 0 0 0;   

}



#content .single {

    margin: 0; padding: 0;   

}



#content .post .post-excerpt, #content .single .post-excerpt, #content .single .player-stats {

    float: right;

    width: 450px;

}



#content .post .post-img, , #content .single .post-img {

    border: 1px solid #C8C8C8;

    padding: 2px;

    float: left;

    overflow: hidden;

    width: 196px; height: 196px;

}



#content .post .more {

    display: inline-block;

    font-weight: 700;

    margin: 10px 0 0 0;   

}



ul.player-stats, ul.coach-info-list {

    list-style-type: none;

    margin: 0 0 15px 0; padding: 0;

}



ul.player-stats li, ul.coach-info-list li {

    margin: 0;

}



ul.player-stats li strong, ul.coach-info-list li strong {

    color: #000;

    font-weight: 700px;

    padding: 0 0 0 3px;

}



.spacer {

    margin: 10px 0;

}

    

.post-img, .gallery-thumb {

    border: 1px solid #C8C8C8;

    padding: 2px;   

}



.gallery-thumb {

    margin: 0 5px 10px 5px;

    float: left;

}



#article-nav {

    background: url(images/hr-bg.jpg) top center repeat-x;

    margin: 20px 0 0 0; padding: 20px 0 0 0;

}



#article-nav a {

    color: #000;   

}



.next-article, .prev-article {

    font-size: 18px;

    font-weight: 700;   

}



.next-article {

    float: right;

    text-align: right;

    width: 40%;   

}



.prev-article {

    float: left;

    text-align: left;

    width: 40%;   

}



#sidebar {

    float: right;

    width: 260px;

}



#sidebar .widget {

    background: url(images/hr-bg.jpg) bottom center repeat-x;

    margin: 0 0 20px 0; padding: 0 0 24px 0;

}



#sidebar h2 {

    color: #000;

    font-size: 16px;

    font-weight: 900;

    margin: 0 0 15px 0;

    text-transform: uppercase;

}



#sidebar p {

    font-size: 12px;

    line-height: 18px;

    margin: 0; padding: 0;

}



ul.upcoming {

    list-style-type:none;

}



ul.upcoming li {

    list-style-type:none;

    margin: 0 0 10px 0; padding:0;

}



ul.upcoming li div.when {

    font-size: 13px;

}



#tribe-events-event-meta dl.column {

float: left;

width: 40%;

padding: 0 4% 0 0;

text-align: left;

margin: 0;

}



#footer {

    background: url(images/footer-bg.jpg) top center repeat-x #1B1B1B;

    margin: 30px 0 0 0; padding: 30px 0; 

    width: 100%;   

}



#footer .copyright {

    color: #666;

    float: left;

    font-size: 11px;

    text-align: left;

    width: 25%;   

}



#footer .footer-links {

    float: right;

    text-align: right;

    width: 73%;   

}



#footer .footer-links ul {

    list-style-type: none;

    margin: 0;

}



#footer .footer-links ul li {

    border-right: 1px solid #666;

    display: inline-block;

    font-size: 14px;

    margin: 0 10px 0 0; padding: 0 11px 0 0;

}



#footer .footer-links ul li:last-child {

    border: none;

    margin: 0;   

}



/* Event Registration Styles */

.event-address {

    float: right;

    width: 40%;

}

.event-address h4, .event-times h4 {

    margin: 0;

}



.event-times {

    float: left;

    width: 50%;

}



.event_questions {

    float: left;

    width: 48%;

}

.event_questions:first-child {

    margin-right: 10px;

}



p.event_form_field {

    margin: 0 0 10px 0;

}



.event_form_field input[type=text] {

    width: 160px;

}



.event_form_field label {

    display: inline-block;

    width: 120px;

}



.register-button {

    background: url(images/button-register.png) center center no-repeat;

    border: none;

    cursor: pointer;

    text-indent: -9999px;

    margin: 20px 0;

    width: 119px; height: 36px;

}



.confirm-registration {

    background: url(images/button-confirm.png) center center no-repeat;

    border: none;

    cursor: pointer;

    text-indent: -9999px;

    margin: 20px 0;

    width: 119px; height: 36px;

}



.wpcf7-submit {

    background: url(images/button-send.png) center center no-repeat;

    border: none;

    cursor: pointer;

    text-indent: -9999px;

    width: 119px; height: 36px;

}



#searchsubmit {

    background: url(images/button-search.png) center center no-repeat;

    border: none;

    cursor: pointer;

    text-indent: -9999px;

    width: 73px; height: 23px;

}



.event-list-widet li {

    list-style-type: none;

    margin: 0 0 15px 0;

}



#espresso_payment_buttons li {

    list-style-type: none;

    margin: 0 0 15px 0;

}