/*
THEME NAME: Northshore Dolphins Diving Club
THEME URI: http://www.ballisticarts.com
DESCRIPTION: 
VERSION: 
AUTHOR: <a href="http://www.ballisticarts.com">Ballistic Arts Media Studios Inc.</a>
AUTHOR URI: http://www.ballisticarts.com
*/

/* google fonts
===============================================================*/
@import url(//fonts.googleapis.com/css?family=Karla);
@import url(//fonts.googleapis.com/css?family=Comfortaa);



/* GLOBAL
================================================================ */
@import "editor-style.css";
@import "css/menu.css";
@import "css/banner.css";



body {padding:0; margin:0 auto;}


#menu-toggle {display: none;}

a img {border: none;}

.logo img {
	width: 75%;
}

.logo.inside {
	margin: 20px 20px 15px 0;
	width: 15%;
}

.logo.inside img {
	width: 100%;
}

/* Clearfix 
----------------------------------------------- */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear {clear: both;}

/* Containers
----------------------------------------------- */

#header-container{width:980px; height:50px; padding:0; margin:0 auto; position:relative; }

/* HEADER 
================================================================ */
#header-area { width:100%; height: 350px;margin:0; background: url(img/homepage/header-background-water.jpg) top center no-repeat #06F;}
#header-area.inside { height:90px; }
#header-top{ width:100%; height:50px; margin:0 auto; padding:0; background:url(img/homepage/mainnav-bg.png) top center repeat;}
#header-top.inside { height:90px; }
#header-top .logo{ width:auto; height:auto; margin:0 auto; padding:0px; float:left; position:absolute; top:65px; left:10px; z-index:2000;}
.logo.inside{float:left; padding:0;}
#header-top .contactus{ width:264px; height:auto; float:right; margin:0 auto; padding:0px; vertical-align:top;}
.medalgirl{ width:274px; height:420px; position:absolute; z-index:100; left:385px; top:36px; }
#header-content{ width: 335px; float: right; margin: 50px 50px 0 0; overflow: hidden;}

/* CONTENT
================================================================ */

#content-area {width:100%; float: left; margin:0 auto; padding:0 0 25px; background:url(img/homepage/content-bg.jpg) top center repeat;}
#content-banner{ width:100%; height:114px;background:url(img/homepage/content-banner-bg.png) top center no-repeat; margin:0 auto; padding:0; text-align:center; overflow:hidden;}
#content-banner h1{ margin:25px 0;}
#content-area img{float:left;}
.content-container{width:980px;margin:0 auto;}
.content-column{ width:296px; height:auto; margin:23px 15px;float:left; text-align:center;}
.content-column img{ padding-left: 5px; max-width:100%; height:auto; }
.inside-content-text{ float:left; width:670px;}

.content-column .general-btn {
    clear: both;
}
#sidebar{ float:right; width:290px; padding:10px 0;}
#sidebar img{ float:left; margin:10px 5px 0; max-width:100%; height:auto; }
#sidebar .general-btn{ float:left; margin:5px 5px; width:271px; color:#fff;}
#sidebar .general-btn:hover { color:#6CF; }
#sidebar .general-btn.top{ margin-top:10px;}
.menber{float:left; margin:70px 0 30px;}
.menber img{margin:0 25px 0 0;}

table tr td label { float:left; clear:left; }

.search-item { clear: both; margin: 5px 0 20px; border-bottom: 1px dotted #075099; padding: 0 0 30px; }
#content-area .search-item p {
    padding: 10px 0;
    margin: 0;
}
.readmore { float:right; clear:both; }

#sidebar .side-image-small { max-width:131px; max-height:131px; height:auto; }

/* SIDEBAR 
================================================================ */
#sidebar-area { width: 25%; float: right; }

/*
WP- Pagination 
================================================================ */
.wp-paginate .current { color: #FFF !important; background:#075099 !important; border: 1px solid #6F6F6F !important; }
.wp-paginate a { color: #075099 !important; background:#FFF !important; border: 1px solid #6F6F6F !important; }
.navigation {text-align: center; margin: 15px 0 0; }

.wp-paginate .title {color: #6F6F6F !important; }

/* Custom Form - CF7 
================================================================ */

#text, textarea { padding: 8px; border: solid 1px #E5E5E5; font: normal 12px Verdana, Tahoma, sans-serif; width: 200px; background: #FFFFFF url('http://www.northshoredolphinsdiveclub.ca/img/form_background.png') left top repeat-x; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; }
textarea { width: 400px; max-width: 400px; height: 150px; line-height: 150%; }
#text:hover, #captcha:hover, textarea:hover, #text:focus, #captcha:focus, textarea:focus { color: #000000 !important; border: solid 1px #124393; -moz-box-shadow:0 0 8px #205ab4; -webkit-box-shadow:0 0 8px #205ab4; box-shadow:0 0 8px #205ab4; }
#radio {
display: block;
width: 100%;
}
.wpcf7-form-control-wrap.radio-759 {
display: block;
width: 100%;
}
span.wpcf7-list-item {
margin-left: 0.5em;
display: block;
width: 100%;
}

/* FOOTER 
================================================================ */

#footer-nav { margin:10px 0; padding:0; }
#footer-nav li { float:left; list-style:none; border-right:1px solid #fff; padding: 0 27px; } 
#footer-nav li a { font-size:12px; color:#fff; }
#footer-nav li:last-child { border-right:none; }

#footer-area { width:100%; height:auto; margin:0 auto; padding:0; background:#2B9CDB; float:left;}
#footer-container{width:980px; height: auto; margin:0 auto; padding:10px 0;}
#footer-menu{width:100%; height:auto; margin-bottom:30px;}
#footer-copyright{width:100%; float:left; margin: 20px 0 10px; }
#footer-copyright a{float:right; color:#fff;}
.copyright { color:#fff; float:left; font-size:12px; }
#ballistic { font-size:12px; }

.content-column h2 {
font-size: 1.75em;
}