/*-------------------------------------------------------------------------------
SCREEN STYLE SHEET
Version:	1.0
Updated:	07 Nov 2009
Author:		Joseph Russell ~ http://www.josephrussell.co.uk/
Credits:	Includes Jeff Starr's Enhanced Clearfix Hack ~ http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/

STYLE REFERENCE
Colors:		Body BG		#000
			Content BG	#161616
			Gradients	#292929
			Trim		#4b4b4b
			Text		#999
			Link		#dc931a
			Hover		#fff
Fonts:		Titles		Times
			Text		Arial
-------------------------------------------------------------------------------*/

@import url(reset.css);
@import url(debug.css);

/* =BODY
-------------------------------------------------------------------------------*/

html{
	font-size:100%;
}

body{
	font:normal 0.625em/1.5em "Helvetica Neue", Helvetica, Arial, Geneva, Verdana, sans-serif;
	background:#000;
	color:#999;
}

/* =CONTENT STYLING
-------------------------------------------------------------------------------*/


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

p{
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1em;	
}

blockquote{}
blockquote p{margin:0 2em 1em;}
blockquote cite{}

pre{white-space:pre;}
pre code{
	display:block;
	margin:0 2em 1em;
	padding:10px 20px;
}
code{
	font:normal 12px/1.5 Inconsolata, Consolas, "Deja Vu Sans Mono", "Andale Mono", "Lucida Console", Monaco, monospace;	
	margin-bottom:1em;
	background:#333;
}
address{
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1em;
	font-style:normal;
}

strong{font-weight:bold;}
em{font-style:italic;}
abbr{
	border-bottom:1px dotted #666;
	cursor: help;
}
del{
	color:#666;
	text-decoration:strike-through;
}
ins{border-bottom:2px solid #666;}

hr{
	clear:both;
	margin:10px 0;
	border:none;
	padding:1px 0 0;
	height:0;
	background:url(../images/site/dotted.png) repeat-x 0 0;
}


/* =HEADERS
---------------------------------------*/

h1, h2, h3, h4, h5, h6{
	color:#dc931a;
}

h1{
	font-size:1.8em;
	line-height:1.5em;
	margin-bottom:1em;	
}
h2{
	font-size:1.4em;
	line-height:1.5em;
	margin-bottom:1em;	
}
h3{
	font-size:1.2em;
	line-height:1.5em;
}
h4{
	font-size:1.2em;
	line-height:1.5em;
	font-style:italic;
}
h5{}
h6{}

/* =LISTS
---------------------------------------*/

ul, ol, dl{
	font-size:1.2em;
	line-height:1.5em;
	margin:0 2em 1em;
}

ul{list-style:disc;}

ol{list-style:decimal;}

	dt, dd, li{}

	dt{font-weight:bold;}
	dd{margin:0 0 0 2em;}
	
	li ul, li ol{
		margin:0 0 0 2em;
		font-size:1em;
	}


/* =TABLES
---------------------------------------*/

table{
	font-size:1.2em;
	line-height:1.5em;
	margin:0 0 1em;
	padding:0 2em;
	width:100%;
}

	th, td, caption{
		padding:3px 10px 3px 5px;
		vertical-align:top;
	}

	caption{
		font-weight:bold;
	}
	
	th, td{
		text-align:left;
	}
	
	thead th{
		border-top:2px solid #333;
		border-bottom:2px solid #333;
		font-weight:bold;
	}
	
	tbody tr th,
	tbody tr td{
		border-bottom:1px dotted #333;
	}

/* =IMAGES
---------------------------------------*/

img{}

/* =LINKS
---------------------------------------*/

a{
	text-decoration:none;
	color:#dc931a;	
}
a:hover,a:focus{color:#fff;}
a:active{color:#999;}

/* =LAYOUT
-------------------------------------------------------------------------------*/

#container{
	margin:0 auto;
	width:840px;
}

	#header{
		margin:0 0 20px;
		border-bottom:1px solid #292929;
	}
	
		#branding{
			margin:0 5px;
			padding:10px;			
		}
	
			#branding a{
				display:block;
				height:60px;
				width:90px;
				text-indent:-9999px;	
				background:url(../images/site/logo.png);
			}
	
	#main{
		margin:0 0 20px;
		width:840px;
	}

/* =HOMEPAGE
---------------------------------------*/

		#hero{
			float:left;
			margin:0 0 20px;
			background:url(../images/site/hero-bottom.png) no-repeat bottom left;
		}
		
			#hero-inner{
				float:left;			
				padding:20px 0;			
				background:url(../images/site/hero-top.png) no-repeat 0 0;
			}
		
				#slogan{
					margin:0 5px;
					font:normal 3.6em/1.5em "Times New Roman", Times, Georgia, serif;
					text-align:center;
					color:#fff;
				}

				#strapline{
					margin:0 5px 0;
					font:normal 1.8em/1.5em "Times New Roman", Times, Georgia, serif;
					font-style:italic;
					text-align:center;	
					color:#999;
				}

					#strapline em{
						font-style:normal;	
						text-transform:uppercase;
						letter-spacing:0.1em;
					}
					
				.home #products{
				}
				
					.home .product{
						display:inline;
						float:left;
						margin:0 5px;
						width:160px;
						background:none;
					}
					
					.home .featured{
						width:370px;
					}
					
						.home .photo{
							float:none;
							margin:0 0 10px;
							width:auto;
							height:150px;
						}
						
							.home .photo img{
								padding:10px 0 0;
								height:140px;
							}
						
						.home .product .fn{
							width:auto;
							font-size:1.4em;
							line-height:1.5em;
							text-align:center;						
							margin:0;
						}
						
						.home .featured .fn{
							font-size:1.8em;
							line-height:1.5em;
						}
						
						.home .summary{
							width:auto;
							text-align:center;
							margin:0 0 1em;						
						}
						
						.home .featured .summary{
							font-size:1.4em;
							line-height:1.5em;
						}
						
						.home .action{
							margin:0;
							width:auto;
						}
						
						.home .featured .action{
							font-size:1.4em;
							line-height:1.5em;
						}
						
							.home .action a{
								display:block;
								margin:0 auto;
								/*padding:5px 0;*/
								width:120px;
								height:30px;
								background:url(../images/site/more-med.png) no-repeat 0 0;
								color:#333;
								-moz-border-radius:3px;
								-webkit-border-radius:3px;
								border-radius:3px;
								text-shadow:0 1px 0 rgba(255,255,255,0.25);						
								-moz-box-shadow:0 1px 2px rgba(0,0,0,0.75);
								-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.75);
								box-shadow:0 1px 2px rgba(0,0,0,0.75);
							}
							
							.home .featured .action a{
								background:url(../images/site/more-lar.png) no-repeat 0 0;
								width:200px;
							}
							
							.home .action a:hover, .home .action a:focus{
								background-position:0 -30px;
								color:#333;
								-moz-box-shadow:0 0 3px rgba(255,255,255,0.75);
								-webkit-box-shadow:0 0 3px rgba(255,255,255,0.75);
								box-shadow:0 0 3px rgba(255,255,255,0.75);					
							}
							
							.home .action a:active{
								background-position:0 -60px;
								color:#999;
							}
						
	
		.home #menu{
			margin:0 0 20px;
			border-bottom:1px solid #292929;
		}
			
			.home #menu p{
				margin:0 0 0.5em;
				font:normal 1.8em/1.5em "Times New Roman", Times, Georgia, serif;
				font-style:italic;
				text-align:center;	
				color:#fff;
			}
			
				.home #menu p em{
					font-style:normal;	
					text-transform:uppercase;
					letter-spacing:0.1em;				
				}
				
			.home #menu ol{
				margin:0 0 20px;
			}
				
				.home #menu li{
					display:inline;
					margin:0 5px;
					width:200px;
				}
				
					.home #menu a{
						width:200px;
						background-image:url(../images/site/pt-sml.png);
					}
					
						.home #menu span{
							width:120px;
						}
				
						.home #menu .pt1 span{background-image:url(../images/site/pt1-sml.png);}
						.home #menu .pt2 span{background-image:url(../images/site/pt2-sml.png);}
						.home #menu .pt3 span{background-image:url(../images/site/pt3-sml.png);}
						.home #menu .pt4 span{background-image:url(../images/site/pt4-sml.png);}
						
						.home #menu a:hover span, .home #menu a:focus span{
							background-position:-200px 0;
						}					
		
		.home #content{
			margin:0 145px;
			width:auto;
		}
		
			#slider{
				margin:0 0 20px;
				overflow:hidden;
			}
			
			#slider-controls{
				padding:10px 0 0;
				background:url(../images/site/dotted.png) repeat-x 0 0;
				font-weight:bold;
				text-align:center;
			}
			
				#slider-controls a{
					padding:0 20px 0 0;
					background:url(../images/site/more.png) no-repeat right -40px;
				}
								
				#slider-controls a.open{
					background-image:url(../images/site/less.png);
				}
				
				#slider-controls a:hover, #slider-controls a:focus{
					background-position:right -20px;
				}
				
				#slider-controls a:active{
					background-position:right 0;
				}
				

/* =SUBPAGE
---------------------------------------*/
	
		#content{
			float:left;
			display:inline;
			margin:0 5px;
			width:550px;
		}
		
			.hentry{
				margin:0 0 20px;
				padding:0 0 20px;
				background:#161616 url(../images/site/hentry-bottom.png) no-repeat bottom left;
			}
			
				.hentry-inner{
					padding:20px 20px 0;
					background:url(../images/site/hentry-top.png) no-repeat 0 0;
				}
				
					.entry-header{
						margin:0 0 20px;
						padding:0 0 10px;
						background:url(../images/site/dotted.png) repeat-x bottom right;					
					}
					
						.entry-title{
							font-size:2.4em;
							line-height:1.5em;
							margin-bottom:0;
						}
						
						.entry-header p{
							font-size:1.1em;
							line-height:1.5em;
							margin:0;
							color:#999;
						}
					
					.entry-content{
					}
					
					.entry-footer{
						margin:20px 0 0;
						padding:10px 0 0;
						background:url(../images/site/dotted.png) repeat-x 0 0;
					}
					
						.entry-footer p{
							font-size:1.1em;
							line-height:1.5em;
							margin:0;
						}
			
			#paging-below{
				margin:0 0 20px;			
				padding:0 20px;
				font-weight:bold;
			}
			
				.page-next a{
					display:block;
					float:right;
					clear:left;
					padding-right:20px;
					background:url(../images/site/next.png) no-repeat right -40px;
				}
				
				.page-previous a{
					display:block;
					float:left;
					clear:right;				
					padding-left:20px;
					background:url(../images/site/prev.png) no-repeat left -40px;
				}
				
				#paging-below a:hover, #paging-belowg a:focus{
					background-position:right -20px;
				}
				
				#paging-below a:active{
					background-position:right 0;				
				}
				
			#paging-above, #paging-below{
				padding:0 20px;
				font-size:1.2em;
				line-height:1.5em;
				margin-bottom:20px;
			}
			
			#comments{
				padding:0 20px;
			}
			
				#comments h3{
					margin:0 0 1em;
				}
				
				#comments ol{
					margin:0 0 1em;
					list-style:none;
				}
				
					.comment{
						padding:10px 0 0;
						background:url(../images/site/dotted.png) repeat-x 0 0;					
					}
					
						.comment-meta{
							margin-bottom:10px;
							font-size:0.917em;
							line-height:1.5em;
						}
						
						.comment-content{
							font-size:0.833em;
						}
						
							.comment-content ol{
								margin:0 2em 1em;
								list-style:decimal;
							}
		
		#sidebar{
			float:right;
			display:inline;
			margin:0 5px;
			width:270px;
		}
		
			#sidebar h3{
				margin:1em 0 0.5em;
				font:normal 1.8em/1.5em "Times New Roman", Times, Georgia, serif;
				font-style:italic;
				text-align:center;	
				color:#fff;			
			}
			
				#sidebar h3 em{
					font-style:normal;	
					text-transform:uppercase;
					letter-spacing:0.1em;				
				}
		
			#menu{
			}
			
				#menu ol{
					margin:0 0 1em;
					list-style:none;
				}
				
					#menu li{
						float:left;
						margin:0 0 1em;
						width:270px;
					}
				
						#menu a{
							display:block;
							float:left;
							padding:0 0 15px;
							width:270px;							
							background:#161616 url(../images/site/pt-lar.png) no-repeat bottom left;
							color:#999;
							text-shadow:0 -1px 0 rgba(0,0,0,0.75);
							cursor:pointer;
						}
													
							#menu span{
								display:block;
								float:left;
								padding:20px 20px 0 60px;
								width:190px;
								background-repeat:no-repeat;
								background-position:0 0;
							}
							
								#menu .pt1 span{background-image:url(../images/site/pt1-lar.png);}
								#menu .pt2 span{background-image:url(../images/site/pt2-lar.png);}
								#menu .pt3 span{background-image:url(../images/site/pt3-lar.png);}
								#menu .pt4 span{background-image:url(../images/site/pt4-lar.png);}
														
						#menu a:hover, #menu a:focus{
							color:#fff;
							text-shadow:0 0 1px rgba(255,255,255,0.75);
						}
						
							#menu a:hover span, #menu a:focus span{
								background-position:-270px 0;
							}
						
						#menu .current_page_item a,
						#menu .current_page_item a:hover, #menu .current_page_item a:focus,
						#menu .current_page_item a:active{
							font-weight:bold;
							color:#dc931a;
							text-shadow:none;
						}
						
							#menu .current_page_item a span,
							#menu .current_page_item a:hover span, #menu .current_page_item a:focus span,
							#menu .current_page_item a:active span{
								background-position:-270px 0;
							}						
						
							#menu a em{
								display:block;
								position:absolute;
								top:10px;
								left:20px;
								font:italic 4em/1em "Times New Roman", Times, Georgia, serif;
								font-weight:bold;
								color:#4b4b4b;
							}
							
							#menu a:hover em, #menu a:focus em{
								color:#fff;
								text-shadow:0 0 3px rgba(255,255,255,0.75);
							}							
							
							#menu .current_page_item a em{
								color:#dc931a;
							}
							
							#menu .current_page_item a:hover em, #menu .current_page_item a:focus em{
								text-shadow:none;
							}
							
							#menu a span{
								display:block;
							}
			
			#products{
			}
			
				.product{
					padding:10px 20px;
					background:url(../images/site/dotted.png) repeat-x 0 0;
				}
				
					.photo{
						display:block;
						float:right;
						width:110px;
					}
					
						.photo img{
						}
						
					.product .fn{
						margin:0;
						width:110px;
						font-weight:bold;
					}
					
						.product .fn a:hover, .product .fn a:focus{
							text-shadow:0 0 2px rgba(255,255,255,0.75);
						}
					
					.summary{
						margin:0 0 0.5em;
						width:110px;					
					}
					
					.action{
						width:110px;					
						/*font-size:1.1em;
						line-height:1.5em;
						font-weight:bold;
						text-align:center;
						text-transform:uppercase;
						letter-spacing:0.1em;*/
						text-indent:-9999px;
					}
					
						.action a{
							display:block;
							margin:0;
							padding:0;
							width:110px;
							height:20px;
							background:url(../images/site/more-sml.png) no-repeat 0 0;
							color:#333;
							-moz-border-radius:3px;
							-webkit-border-radius:3px;
							border-radius:3px;
							text-shadow:0 1px 0 rgba(255,255,255,0.25);						
							-moz-box-shadow:0 1px 2px rgba(0,0,0,0.75);
							-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.75);
							box-shadow:0 1px 2px rgba(0,0,0,0.75);
						}
						
						.action a:hover, .action a:focus{
							background-position:0 -20px;
							color:#333;
							-moz-box-shadow:0 0 3px rgba(255,255,255,0.75);
							-webkit-box-shadow:0 0 3px rgba(255,255,255,0.75);
							box-shadow:0 0 3px rgba(255,255,255,0.75);					
						}
						
						.action a:active{
							background-position:0 -40px;
							color:#999;
						}

	#footer{
		margin:0 5px;
		width:830px;
		text-align:center;
		color:#292929;
	}

/* =WP CONTENT
-------------------------------------------------------------- */

.entry-content img {
	margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
  margin-right: 1.5em;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
  margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	margin-bottom: 1.5em;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 0;
}
.wp-smiley { 
	max-height: 1em;
	margin:0 !important;
}
.gallery dl {
	margin: 0;
}
.gallery-caption {
	margin:-1.5em 0 0 0;
}

blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}

/* =UTILITIES
-------------------------------------------------------------------------------*/

#access{
	list-style:none;
	font-size:1.2em;
	line-height:1.5em;
	font-weight:bold;
}

	#access a{
		position:absolute;
		top:-9999px;
		left:-9999px;
		border:2px solid #ddd;
		padding:8px 13px;	
		background:#eee;
		color:#333;	
	}

	#access a:focus{
		display:block;
		top:0;
		left:0;
	}
	
.hide{ display:none; }

.group:after{
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.group{ display: inline-block; }

* html .group{ height: 1%; }

.group{ display: block; }

#grid{
	background-image:url(../images/grid-light.png);
}