/*
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,
li					{ 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 				{ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

/* ---------------------------------------------------------------------------------------------------------- 
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 */ }

/*  GLOBAL -------------------------------------------    */

* {
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0px;
padding:0px;
}

:-moz-any-link:focus {outline:none;}
form {margin:0px;}
textarea,select,input {font-family:arial;}
img {border:0px; }
.floatleft {float:left;display:inline;}
ul li { position:relative; list-style-type:square;margin: 0px 10px 0px 50px;padding: 0px 0px 0px 0px;}
ol li { position:relative; list-style-type:decimal ;margin: 0px 20px 10px 20px;}
.widthhalf {width:50%;float:left;padding: 20px 0px 20px 0px;}


td.threecells {
width:33%;
padding-right:20px;
}
td.threecells img {
margin: 0px 0px 10px 0px;
display:block;
}
td.padding30 {
padding: 0px 30px 0px 30px;
}

td img {
margin: 0px 0px 20px 0px;
display:block;
}


/*  TEXT -------------------------------------------    */

a {
text-decoration:underline;
color : #15224f;
}

a:hover {
text-decoration:none;
color : #15224f;
}

h1 {
color:#0c1763;
font:bold 22px/22px 'Arial Black',arial,helvetica,MS san-serif;
margin: 0px 0px 10px 0px;
}

h2,h2 a {
color:#67625f;
font:bold 18px/20px 'Arial Black',arial,helvetica,MS san-serif;
margin: 0px 0px 10px 0px;
text-decoration:none;
}

body  {
margin:0px;
padding:0px;
text-align:center;
background:#9a999a  url(/images/bg.jpg); 
font: 12px Arial,helvetica,MS san-serif;
text-decoration:none;
color:#000000;
line-height:16px;
}

.maincontainer {
position:relative;
width:922px;
margin-left:auto;
margin-right:auto;
text-align:left;
padding-top:0px;
border-top:5px solid #740000;
height:auto;
background: #ffffff  url(/images/affordable-concrete-logo.png) no-repeat  32px 218px; 
    -moz-border-radius: 0px 0px 20px 20px;
    -webkit-border-radius: 0px 0px 20px  20px;
    -khtml-border-radius: 0px 0px 20px  20px;
    border-radius: 0px 0px 20px 20px;
box-shadow:0px 12px 36px 10px #666666;
}

.toplogo {
float:left;
display:inline;
width:266px;
height:93px;
margin: 8px 0px 11px 54px;
}

.topinfo {
float:right;
display:inline;
width:490px;
text-align:center;
font:bold  15px 'Arial Narrow',arial,helvetica,MS san-serif;
margin: 30px 0px 0px 0px;
}

.redtext {
color:#b71f0f;
margin: 6px 0px 0px 0px;
font:bold italic 18px 'Arial Black',arial,helvetica,MS san-serif;
}

.homecontainer,.subcontainer {
position:relative;
margin: 0px 0px 0px 85px;
float:left;
display:inline;
width:686px;
border-left:3px solid #827c78;
border-right:3px solid #827c78;
}

.subcontainer {
width:756px;
}

.homecontainermargin {
margin: 20px 21px 0px 21px;
min-height:350px;
}

.homeright {
float:left;
display:inline;
margin: 28px 0px 0px 22px;
width:110px;
text-align:center;
}

.homeright a,.homeright h3 {
color: #67625f;
font:normal 14px/14px 'Arial Black',arial,helvetica,MS san-serif;
text-decoration:none;
}

.homeright img {
padding-bottom: 4px;
}


/*  TOPNAV -------------------------------------------    */
.topnav {
font:bold  13px/20px  Arial,helvetica,MS san-serif;
height:20px;
padding: 0px 0px 0px 78px;
text-align:left;
background: #827c78;
text-align:left;
clear:both;
}

.topnav a,.topnav a:hover,.topnavon a:hover,.topnavon a  {
color:white;
display:inline;
margin: 0px 0px 0px 0px;
text-decoration:none;
}

.topnav a {
color:#ffffff;
padding: 0px 11px 0px 11px;
}

.topnav a:hover {
color:#cccccc;
}

.topnavon a:hover,.topnavon a  {
color:#2d818d;
}

a#current {
color:#0082d7;
overflow-hide;
padding:1px 11px 4px 11px;
background:white;
}


/*  FOOTER -------------------------------------------    */

.footer {
width:675px;
padding: 30px 0px 30px 0px;
margin: 0px 0px 0px 108px;
text-align:center;
font: 12px Arial,helvetica,MS san-serif;
}

.footer a {
display:inline;
margin: 0px 10px 0px 10px;
	color : #006EA5; 
	text-decoration:nunderline;
	font-weight:normal;
}

.footer a:hover {
	color : #15224f;
	text-decoration:none;
}

table.wpGallery td {
padding-right:22px;
padding-top:0px;
text-align:center;
}

table.wpGallery td img {
padding-top:0px;
}











/* ---------------------------------------------------------------------------------------------------------- 
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 */ }

}