/*
Theme Name: Spartan
Theme URI: http://spartanwetsuits.com
Description: Spartan Wetsuits Website Theme
Version: 1.0
Author: Michael Wrigglesworth
Author URI: http://wrigglemedia.com
Tags: wetsuits, watersports, black
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css"; 

/*Generic Styling*/
body {background-color:#fff; color:#fff; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; height:100%; text-align:center;}
#wrapper {background:#000000 url(images/body-bg.gif) repeat-y; margin:0 auto; text-align:left; width:1000px; font-size:14px;}
a {color:#999; text-decoration:none;}
a:hover {color:white; text-decoration:underline;}
a:visited {color:#f65;}
h2 {color:#0099CC; font-size:22px;}
h3 {color:#0099CC; font-style: italic}
.textalignright{float: right; margin-right: 15px;}
.h2pad{margin-left: 10px; margin-bottom: 10px;}

/*Header*/
#header { background: transparent url(images/head-bg.jpg) no-repeat;height:92px; margin:0; position:relative; width:940px; padding:30px 30px 0; float:left;}
#header-bar {height:1px; width:960px; margin: 0 20px 10px; float:left; background:#555; display:inline-block;} 
#logo {height:100px; width:250px; margin:0; padding:0 10px; float:left;}
#topnav {padding: 0px 0 0; float:right; font-size:18px; text-transform:lowercase;}
#topnav ul {margin:0; display:block;}
#topnav ul li {float:left; display:block;}
#topnav ul li a {color:#FFFFFF; margin:0 10px; padding:6px 3px 4px; text-decoration:none;}        
#topnav ul li a:hover, #topnav ul li.current_page_item a {border-bottom-color:black; color:#0099cc;}  

#topnav ul#primary-nav {border-bottom:1px solid #e9e9e9; height:30px;}     
#topnav ul#secondary-nav {height:25px; margin:10px 0 10px; font-size:14px; font-weight:bold;}    
      
/*Page Wrap*/
.page-container {width:960px; padding:0 20px; float:left;}   
.products-image {width:350px; overflow:hidden; float:left;} 
.products-wrap {float:left; padding: 10px; font-size:12px; margin:0; width:350px;}
.products-wrap p {margin: 0 0 10px;}                                   
.products-wrap ul {padding: 0 0 0 20px; margin: 0 0 10px;}
.products-wrap ul li{list-style-type:disc; list-style-position:outside;}


/*Homepage*/
#home-page img, #home-page div {float:left; display:block; padding:0px; margin: 0px; border:0px;}    

/*Grid*/  
.grid-1 {width:220px; padding: 0 10px; float:left;}
.grid-1-twitter {width:220px; height:320px; padding: 0 10px; float:left; background:url("images/twitter_logo.gif") no-repeat; background-position: 160px 260px;}  
.grid-1-facebook {width:220px; height:320px; padding: 0 10px; float:left; background:url("images/facebook-icon.png") no-repeat; background-position: 20px 130px;}  
.grid-2 {width:460px; padding: 0 10px; float:left;}
.grid-3 {width:700px; padding: 0 10px; float:left;}
.grid-4 {width:940px; padding: 0 10px; float:left;}  

/*Product Page*/
#products_left {float:left; height:440px; margin:2px 0 20px 20px; width:230px;}
#products_right {float:left; width:450px; padding: 0 10px;}
#products_right h2 {font-size:20px; margin: 0 0 10px;}
#products_right h3 {font-size:16px; margin: 0 0 10px;}    
#products_right p {margin: 0 0 10px;}                                   
#products_right ul {padding: 0 0 0 20px; margin: 0 0 10px;}
#products_right ul li{list-style-type:disc; list-style-position:outside;}
#suit {height:380px; margin:0; padding:0; width:230px;}
#product_thumbs {background-color:#FFFFFF; height:50px; margin:5px 0 0; padding:0; text-decoration:none; width:230px;}
#product_thumbs img {height:46px; padding:2px 4px; width:46px;}
        
/*Footer*/
#footer {margin-top:10px; width:960px; float:left; background: transparent url(images/foot-bg.jpg) no-repeat bottom; padding:0 20px 30px;}
#footer .foot-sections {background: transparent url(images/foot-bars.gif) repeat-y; width:960px; float:left;}
#footer .foot-section {padding:10px; color:#0099CC}  
.foot-section a {color:#333;}
.foot-section h3 {font-size:20px; color:#444;}  
#site-info {color:black; position:absolute; bottom:3px; right:30px; text-align:right;}

#leftnav {}                
#leftnav h3 {padding:7px 0 7px 10px;}
#leftnav li {}
#leftnav li a {height:24px; text-decoration:none; voice-family:inherit; border-bottom:1px #ccc solid; padding:8px 0 0 10px; display:block;}
#leftnav li a:link, #leftnav li a:visited {background:#2c2c2c; color:#CCCCCC;}
#leftnav li a:hover, #leftnav li.current_page_item a {background:#888; color:#fff;}                  

/*Riders*/
div.column-sect {clear: both; display: inline-block; overflow: auto; width:100%;}
div.post-column {display: block; float: left; margin-right: 18px; width: 45%;} 
.rider h2 {margin:0 0 10px; color:#0099CC;}
.rider p {margin:0 0 10px;}
                              

/*posts*/
.news-post {margin:0 0 20px; float:left; border-top:1px solid #555; padding: 10px 0;}  
.post-single h2, .post-single h4 {margin: 0 0 5px;}

.default-page {margin: 0 0 10px;}  

#tweet{
color: #000;
}

.floatleft{float:left;}
.floatright{float:right; border-left: dotted 1px #fff; padding-left:10px;}

#new_look{background:transparent url(images/new_look.png) no-repeat; position:absolute; width:50px;height:50px;z-index:100; background-position: -10px -10px;}

.technical-wrap{width:710px; float:left;}
.gallery_center{margin-left: auto;margin-right:auto}
.gallery_rider{width:500px;}

#rider_border{width:100%; border-bottom:1px solid #000;}