/*
Theme Name: 	Starkers
Theme URI: 		http://viewportindustries.com/products/starkers
Description: 	The totally nude Wordpress theme!
Version: 		4.0
Author: 		Elliot Jay Stocks & Keir Whitaker
Author URI: 	http://viewportindustries.com
Tags: 			starkers, naked, clean, basic
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";

div,
article,
section,
header,
footer,
nav
{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }


/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (min-width:400px) {

					{ /* Place your styles here for all widths greater than 400px */ }

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}



/* avando standard layout*/

@font-face {
 font-family: TitleFont;
 src: url("Simonetta-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: TitleFont;
 src: url("Simonetta-Regular.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: ContentFont;
 src: url("segoepr.eot") /* EOT file for IE */
}
@font-face {
 font-family: ContentFont;
 src: url("segoepr.ttf") /* TTF file for CSS3 browsers */
}

. {
color: #333333;

}


form
{
margin:0px;
}

a {color: #2C7695;text-decoration:none;}
a:hover {color: #000000;text-decoration:underline;}

body
{font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;padding:0px;color:#333333;background-color:#ffffff;padding:0px;font-size:16px;margin: 0px auto;}

.wrapper {
width:982px;margin: 0px auto;
}

.topheader {
clear:both;height:100px;
}

.topheader-col1{
 width:50%;float:left;font-family:ContentFont;text-align:left;padding-top:20px;
}
  
.topheader-col2 {
width:50%;float:left;text-align:right;
}

.banner-outer {
background:url(assets/banner-background.png) no-repeat;width:982px;height:318px;clear:both;
}

.banner-inner {
clear:both;
padding-top:9px;
padding-left:9px;
}

.mainblock {
padding-left:9px;padding-right:9px;
clear:both;
}

.clear-ten {
clear:both;height:10px;width:100%;
}

.content-row {
width:964px;clear:both;
}

.content-row-col1 {
float:left;width:235px;
}

.content-row-col1 h2{
padding:0px; margin:0px;font-weight:normal;text-transform:uppercase;font-size:17px;text-align:center;width:235px;background-color:#2c7695;line-height:40px;color:#fff;
}

.content-row-col2 {
float:left;width:29px;
}

.content-row-col3 {
float:left;width:700px;
}


.content-row-col3 h1 {
padding:0px;
margin:0px;
padding-bottom:10px;
line-height:34px;
font-size:24px;
color:#2c7695;
}

.content-row-col3 p {
padding:0px;
margin:0px;
padding-bottom:10px;
line-height:24px;
font-size:16px;
color:#333333;
}




/* top bar navigation */


.main-navigation {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
  height:40px;
  }
  
.main-navigation li {
  float:left; position:relative; right:50%;
  color:#333333;
  font-size:14px;
  letter-spacing:1px;
  line-height:40px;
  padding:0px 0px 0px 0px;
  text-transform:uppercase;
list-style-type:none;
  }
  
.main-navigation a {
  width:auto;
  display:block;
  text-decoration:none;
  color:#333333;
  padding-left:15px;
  padding-right:15px;
  }

.main-navigation a:hover {

  color:#fff;text-decoration:none;background-color:#2C7795;
  
  }
  

  
/* left hand navigation */

.category-menu {padding-bottom:15px;}
.category-menu ul {list-style-type:none;margin:0px;padding:0px;}

.category-menu ul li {margin:0;padding:0;line-height:40px;text-align:center;font-size:16px;height:40px;
background:url(assets/navline.png) no-repeat; background-position: center bottom;}

.category-menu ul li a{color:#333333;}

.category-menu ul li a:hover{color:#2C7795;}

#searchform {padding:10px 0px;}
#searchform  label {display:none;}
#searchform input[type='text'] {
width:140px;
}
#searchform  input[type='submit'] {
background-color:#333333;
color:#ffffff;
border:0px;
text-transform:uppercase;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;

}

/* shop stuff */

.products li {
text-align:center;
}
.products li a {
color:#2C7795;
text-decoration:none;
font-size:14px;
padding:0px;
background-color:#ff0000;
margin:0px;
}

.products li a:hover {
color:#333333;
text-decoration:none;
}

.products .amount {color:#333333;}



div.cart_totals table {width:100%;}


.related {
display:none;
}

.woocommerce-message p {
padding-left:40px;
}

p.woocommerce-info {
padding-left:50px;
}
/* footer and forms */

.footer-block {
clear:both;padding-top:20px;padding-left:9px;padding-right:9px;
}

.footer-area{
color:#ffffff;background-color:#2C7795;text-align:center;height:30px;line-height:30px;
}

.footer-area a{
color:#ffffff;
text-decoration:none;
}
.footer-area a:hover{
color:#000000;
text-decoration:none;
}

.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=file] {
    width:400px;
	border: 1px solid #acacac; 
    padding: 5px;
    margin: 0 0 10px 0;
}

.wpcf7 select {
    width:400px;
	padding: 5px;
    margin: 0 0 10px 0;
    border: 1px solid #acacac; 	
}

.wpcf7 textarea {
    width:400px;
	height:200px;
	padding: 5px;
    margin: 0 0 10px 0;
    border: 1px solid #acacac; 	
}