/*  
Theme Name: Son of Sandlar
Theme URI: http://www.sonofsandlar.com
Description: Son of Sandlar Wordpress Theme
Version: 1.0
Author: 
Author URI: 

Theme last updated:
*/


/* Resets
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { 
	margin:0; 
	padding:0; 
}

table { 
	border-collapse:collapse; 
	border-spacing:0; 
}

fieldset, img { 
	border:0; 
}

address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; 
	font-weight:normal; 
}

caption, th { 
	text-align:left;
}

h1, h2, h3, h4, h5, h6 { 
	font-size:100%; 
	font-weight:normal; 
}

q:before, q:after { 
	content:'';
}

strong { 
	font-weight:bold;
}

em { 
	font-style:italic;
}

a img { 
	border:none 
}

div {
	position:relative;
}

ol {
	margin: 15px;
	}
	
	ol li {
		padding: 5px 0;
		}


/* Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
	background: #e4e0dc;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
#container {
	width: 900px;
	background: #FFFFFF;
	margin: 0; 
	border: 1px solid #3d4c47;
	text-align: left;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#header {
	padding: 0;
	border-bottom:1px solid #333;
}
#header #login{
	border-bottom:1px solid #FFF;
	height:30px;
	color: #FFFFFF;
	background:#5b6e68;
	font-size: 12px;
	padding: 3px 10px 0 10px;
}
#header #login a{
	color: #FFFFFF;
}
#header #image{
	margin: 0; 
	padding: 0; 
    height:195px;
}
#header #menu{
	border-top:1px solid #FFF;
  	height:35px;
	margin: 0; 
	background: #5b6e68; 
	color: #FFFFFF;
	bottom:0px;
	width:900px;
}
#mainContent {
	float:left;
	background:#FFFFFF top left no-repeat url(images/bg1.jpg);
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:25px 10px 30px 250px;
	width:640px;	
}
#footer {
    clear:both;
	padding: 5px 10px; 
	color: #FFFFFF;
	background:#5b6e68;
}

/*Typography
====================================================================*/

p {
	margin: 10px 0;
	font-size: 14px;
	line-height: 22px; 
}

#mainContent a {
	color:#5b6e68;
	text-decoration: underline;
	}
	
	#mainContent a:hover {
	color:#000;
	text-decoration: underline;
	}
	
	

#footer ul {
	margin: 0 auto;
	}
	
	#footer li  {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	display: inline;
}

#footer li a {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

.title {
	color: #006699;
	font-family:Arial, Helvetica, sans-serif;
	font-size:32px;
	font-weight:bold;
	display: inline;
	margin: 20px 0!important;

}

.subtitle {
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.right{
	margin-top:3px;
	float:right;
}


/* Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#nav, #nav ul{
	font: "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:35px;
	z-index:50;
}

#nav a{
	display:block;
	padding:0px 10px;
	color:#fff;
	text-decoration:none;
	background-color:#5b6e68;
}

#nav a:hover{
	background-color:#3d4c47;
}

#nav li{
	float:left;
	position:relative;
}

#nav li a{
	display:block;
	padding:0 40px 0 40px;
}

#nav ul {
	position:absolute;
	display:none;
	width:220px;
	top:35px;
	border-bottom:1px solid #333;
}

#nav li ul a{
	width:160px;
	height:auto;
	float:left;
	border-top:1px solid #333;
}

#nav ul ul{
	top:auto;
}	

#nav li ul ul {
	width:140px;
	margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}

/*Table
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table {
	margin: 20px 0;
	width: 630px;
	}
	
	th {
		background: #5b6e68;
		padding: 10px 5px;
		color:#fff;
		width: 80px;
		}
		
		tr {
			
			border-bottom: 1px solid #5b6e68;
			}
			
			td {
				padding: 5px 0;
				}


/* Wordpress Defaults
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.aligncenter { 
	display:block; 
	margin:0 auto;
}

.alignleft { 
	float:left;
	margin:10px 10px 0 0;
}

.alignright { 
	float:right;
	margin:10px 0 0 10px;
}

.wp-caption { 
	border:1px solid #666; 
	text-align:center; 
	background:#ccc; 
	padding:10px; 
	margin:10px 
}

/* WP-Ecommerce
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#products_page_container {padding: 50px 0!important; position: relative!important; z-index: 100!important}
.single_product_display .prodtitles {font-size: 24px!important;}

.product_image {background: transparent!important; margin: -60px 0 0 0!important; vertical-align: top!important;}
.wpsc_buy_button {margin: 10px 0;}

/* Gallery 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.gallery {
	list-style-type:none;
	margin:10px 0 0 0;
}

/*
.gallery dl {
	display:block;
	float:left;
	margin:0 10px 10px 0px;
}
*/

.gallery a {
	float:left;
	line-height:0;
}

.gallery img {
	width:100px;
	height:100px;
	overflow:hidden;
}


/* Browser Adjustments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}          
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */