/*  
	http://www.granulr.com
	Theme Name: Jaded By Knight V1
	Author: Terry Ferguson
*/


/* 1: BODY AND UNIVERSAL RESET
============================================================================ */

body {
	margin: 0;
  	padding: 0;
  	background: #fff ;
	font: 12px/160% Georgia, "Times New Roman", Times, serif;
	}
	
/* Set margin and padding to 0 for all elements */
 
* {margin: 0; padding: 0;}

a {
outline-style:none;
margin:0;
padding:0;
}



/* 2. PAGE STRUCTURE
============================================================================ */

/* a) Containers */

#container {width: 960px; margin: 0 auto; }
* html #container {width: 960px; margin: 2px auto;}

#content {

clear:both;
	display: inline;
	float: left;
	width: 960px;
	margin: 0;
	padding-bottom: 15px;
	}
	
#main {
  	float: left;
  	width: 735px;
  	padding: 25px 0 0;
	color: #777;
	}
	
#homeflash{
	width:780px;
height:420px;
border:2px solid black;
}

#hometest{
height:420px;
width:960px;
background:black;
}

#homeflash img {
float:left;
}

.flashcontent{
float:left;
}


.floatright{
float:right;
}

.floatleft{
float:left;
}





.pagetwo {

}

.leftContent {
width:780px;
float:left;
}


	
/* b) Header */

#topbar{
position:absolute;
top:0;
left:0;
height:25px;
background:#fff;	
}	

#header {
position:relative;
height: 150px;
width:960px; 
margin-bottom:25px;
	}

#header h1 {
z-index:2;
position:absolute;
bottom:0px;
left:25px;
	}

#header h1 a {
	display:block;
	height:62px;
	width:293px;
	border: none; 
	color: #000; 
	text-decoration: none;
	text-indent:-9999px;
	background:url(/main/media/images/site/logo.jpg)top left no-repeat;
	}
	
#header img{
display:block;
position:absolute;
bottom:0px;
left:25px;
height:62px;
width:293px;
border:none;
}

#header h1 a:hover {
	
	}
	
#header #subtitle {
  	font-size: 11px;
  	margin: 2px;
  	padding: 0;
  	color: #fff;
	}
	

#header #topnav {
position:absolute;
bottom:20px;
right:0px;
background:#fff;
font-size:11pt;
text-align:right;
}

	#topnav ul {
		margin:0;
		padding:0;
	}
	
	#topnav li {
		display:inline;
		text-decoration:none;
		margin:0;
		padding:0;
		
	}
	
	#topnav a{
		margin:0 0 0 -4px;
		padding:8px 11px;
		color:black;
		border-top:1px solid lightgray;
		border-bottom:1px solid lightgray;
		text-decoration:none;
		font-weight:normal;
		
	}
	
	#topnav a:hover {
		background:none;
		color:gray;
	}
	
	#topnav a.selected{
		color:gray;
		text-decoration:underline;
	}


/* c) Sidebar */

#sidebar {
	float: right;
  	width: 155px;
  	background: #fff;
  	color: #fff;
	font-size: 12pt;
	text-transform:uppercase;
	}
	
	#sidebar h3 {
		margin: 0;
		padding: 0px 0 10px 0;
		color: black;
		font-size: 9pt;
		font-weight: bold;
		text-transform:uppercase;
		}
		
	#sidebar h2 {
		margin: 0;
		padding: 0px 0 10px 0;
		color: black;
		font-size: 9pt;
		font-weight: bold;
		border:none;
		background:none;
		text-transform:uppercase;
		}
	
	
	#sidebar ul {
	margin:0 0 25px 0;
	font-size:8pt;
	
	}
	
	
	#sidebar h3 a {
	color:black;
	}
	
	#sidebar h3 a:hover {
	color:gray;
	}
	
	#sidebar a{
	
	}
	
	#sidebar .MailPressFormEmail {
width:155px;
margin:5px 0 0 0;
} 

#sidebar .MailPressFormSubmit {

margin:10px 0 0 0;
padding:5px 10px;
background:black;
color:white;
} 
	


/*
SPLASH
*/

#splashFlash {
text-align:center;
width:600px;
margin:50px auto;
}


.splashLinks {
width:600px;
}


.splashLinks ul{
display:inline;
list-style:none;
}

	.splashLinks ul li {
	display:inline;
	color:gray;
list-style:none;
font-size:12pt;
	}
	
	.splashLinks a {
	color:gray;
	padding:15px;
	}
	
	.splashLinks a:hover {
	
	}
	
	






/*
ABOUT
*/

.right_content {
float:right;
width:630px;

font-size:10pt;
line-height:18pt;
background:url(/main/media/about_bg.jpg) left top no-repeat;
}

.right_content h1{

}

.right_content p{
margin: 12px 0 0 20px;
color:#666666;
}



/*
POSTS
*/

.posts {
font-size:10pt;
line-height:18pt;
margin-left: 25px;
}

.posts h1 {
color:black;
border:none;
background:none;
margin:15px 0 0 0;
padding:0;
}


.posts h1 a{
color:black;
font-weight:bold;
}

.posts h1 a:hover {
color:gray;
}

.posts h3 {
color:gray;
padding:0 0 0 0;

}

.posts p {
margin: 6px 0;

}

.date{
color:gray;
}

.inside {
padding-left: 15px;
font-family:Arial, Helvetica, sans-serif;
}

.postmetadata {
background:#e3e3e3;
padding:5px 15px;
text-align:right;
}



/*
STOCKISTS
*/

#country {
height:420px;
width:250px;
float:right;
background:black;
color:white;
}

	#country ul {
	margin:25px 0 0 25px;
	
	}
	
	#country li {
	
	}
	
	#country a{
	color:white;
	}

	#country a:hover{
	color:lightgray;
	text-decoration:underline;
	}
	
	#country h3{
	font-size:10pt;
	margin:0;
	padding:0px 0;
	color:lightgray;
	}
	
	
	
	

.listing {
margin: 10px 0 15px 50px;
clear:both;
}

	.listing h2 {
	margin:0;
	}
	
	.listing h3 {
	margin:0;
	padding:0;
	}
	
	.listing h4 {
	font-size:12pt;
	padding-top:70px;
	}
	
	.listing p{
	color:gray;
	}
	
	.listing img{
	
	float:left;
	margin: 0 25px 25px 100px;
	}

.location {
margin:0 0 25px 25px;
clear:both;
}

	.location h2 {
	margin:0;
	
	}
	
	.location h3 {
	margin:25px 0 25px 0;
	padding:0 30px;
	clear:both;
	}

/*
CONTACT
*/
.borderFlash{
float:left;
border:1px solid black;
height:420px;
width:300px;
}


#contactForm {
float:left;
width:600px;
}

#contactInfo {
padding-bottom:15px;
width:300px;
background:#f6f6f6;
}

	#contactInfo h1 {
	margin:15px 0 5px 15px;
	font-size:14pt;
	font-weight:bold;
	color:#333333;
	}
	
	#contactInfo p {
	margin:0 0 0 30px;
	font-size:8pt;
	line-height:15px;
	color:#666666;
	}
	
	#contactInfo h3 {
	font-size:12pt;
	font-weight:bold;
	margin:0 0 0 30px;
	color:black;
	padding:0;
	}
	
	#contactInfo h4 {
	margin:0 0 0 30px;
	font-size:10pt;
	color:black;
	padding:0;
	}
	
	#contactInfo .apply{
	font-size:10pt;
	margin-bottom:5px;
	}
	
	#contactInfo .apply a{
	color:black;
	text-decoration:underline;
	}
	
	
	
	
	

.spacer {
height:25px;
width:100%;
}


/*
404
*/

.error404 {
position:relative;
background: url(/main/media/404_bg.jpg) top left no-repeat;
float:left;
height:420px;
width:420px;
}

	.error404 h1 {
	margin:45px 0 0 45px;
	width:330px;
	color:#333;
	font-size:24pt;
	line-height:40px;
	}
	
	.error404 p {
	width:330px;
	color:white;
	font-size:14pt;
	line-height:30px;
	margin-left:45px;
	}
	
	
.contactForm404 {
float:left;
width:400px;
margin-left:60px;
}

/*
POLICY
*/

#policy {
margin-bottom:25px;
}

	#policy h1 {
	margin-bottom:25px;
	}
	
	#policy h2 {
	border:none;
	background:none;
	margin: 25px 0 0 0;
	padding:0;
	}
	
	#policy h3 {
	color:gray;
	padding-left:25px;
	}
	
	#policy p{
	
	padding-left:50px;
	padding-right:50px;
	margin-bottom:10px;
	}
	
	
	#policy a {
	text-decoration:underline;
	}
	
	#policy a:hover {
	
	}








/* d) Footer */

#footer {
	clear: both;
	width: 960px;
  	color: #666;
  	font-size: 12pt;
  	text-align: center;
	}

#footer ul {
	list-style: none;
	margin: 0 0 20px 0;
	}

#footer li {
display: inline; 
margin: 0 15px;
}

#footer a {
font-weight:bold;
color: #585858;
}

#footer a:hover {
color: gray;
}

#footer p{
font-size:8pt;
color: gray ;
text-align:right;
}

#footer p a{
color:#999999;
}

#footer p a:hover {
color:#666666;
}




/* 6: GLOBALS
============================================================================ */

/* a) Links */

a {
	padding: 0 0;
	color: gray;
	text-decoration: none;
	}
a:hover {
	color: black;
	}
a.img {border: none; background: none;}

/* b) Typography */

h2 {
	padding: 10px 30px;
	border: 1px solid #ddd;
	border-width: 1px 0;
	background: #f5f5f5;
	color: #444;
	font-weight: normal;
	font-size: 25px;
	text-shadow: -3px 3px #fff;
	}

h3 {
	padding: 30px 30px 0.1em;
	color: black;
	font-weight: normal;
	font-size: 20px;
	}


input.purchase{
  	margin: 25px 0;
  	padding: 8px 12px;
  	border: 1px solid gray;
  	background: lightgray;
	color: black;
}

input.checkoutBLK{
  	margin: 25px 0 0 18px;
  	padding: 8px 30px;
  	border: 1px solid gray;
  	background: black;
	color: white;
font-weight:bold;
}

input.purchaseBLK{
  	margin: 25px 0 0 0;
  	padding: 8px 30px;
  	border: 1px solid gray;
  	background: black;
	color: white;
font-weight:bold;
}





/* c) Misc */

img {border: 0;}

.money {font-family: Georgia, "Times New Roman", serif;}

ul.hlist {list-style: none;}
.hlist li {display: inline;}

#shopify {
	text-align: center;
	font-size: 85%;
	margin-bottom: 0px;
}

#pagination a {
  text-decoration: underline;
  border: none;
}








/* 7: HACKS AND FIXES
============================================================================ */

/* Clear floats */

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

/* A few special rules for the stupid one */

* html #sidebar {width: 155px;}
* html #sidebar h3 {border-bottom: 1px solid #ddd;}
* html #sidebar .vlink-list {background: none;}
* html #sidebar .vlink-list a {
	width: 182px;
	background: none;
	border-bottom: 1px solid #ddd;
	}
* html #in-cart {padding: 3px 14px 0;}




/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}