/*  

Theme Name: Snorebond

Theme URI: http://www.snorebond.com

Description: Custom WordPress theme Snorebond

Version: 1.0

Author: Lunamedia

Author URI: http://www.lunamedia.co.uk

*/



/* Layout */



@import url('reset.css');

@import url('text.css');



/* Global */



html{

	background: #f7fafa url(images/tile.jpg);

}



body{

	width: 960px;

	margin: 0 auto;

}



#wrap{ 

	float:left;

	margin: 20px 0;

	background: #fff;

	border: 1px solid #eee;

}



#container{

	position: relative;

	width: 960px;

	margin: 0 auto;

	font-size: 1.2em;

	line-height: 1.5em;

	color: #343434;

}



#inner-wrap{

	float: left;

	margin-top: 106px;

}



/* Links */



a:link, a:visited{

	text-decoration: none;

	color: #6c9902;

	text-decoration: underline;

}



a:hover, a:focus, a:active{

	color: #2d4597;

	text-decoration: underline;

}



a:active{

	outline: none;

}



a img {

	border: none;

}



li.current-menu-item a{

	background: #a5c856 url(images/current-nav.gif) repeat-x top left;

	color: #fff;

}







/* Header */



#header{

	position: absolute;

	top: 0;

	left: 0;

	width: 960px;

}



#banner{

	float: left;

	width: 100%;

	height: 50px;

	margin-bottom: 20px;

	background: url(images/phone.gif) no-repeat 100% 33px;

}



a#site-name{

	float: left;

	margin-top: 20px;

	margin-left: 10px;

}



/* Navigation */



#pagenav{

	float: left;

	width: 940px;

	height: 34px;

	margin: 0 10px;

	background: #ccc url(images/nav-bg.gif) repeat-x top left;

}



.navigation, .navigation ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; font-weight:normal;}

.navigation a {display:block; padding:8px 12px; text-decoration:none; color: #555;}

.navigation a:hover {background: #49a5bf url(images/nav-hover.gif) repeat-x top left; color:#fff;}

.navigation li {float:left; position:relative; border-right: 1px solid #fff;}

.navigation ul {position:absolute; display:none; width:140px; top:26px; }

.navigation ul a {}

.navigation li ul { width:140px;}

.navigation li ul a {width:140px; height:auto; float:left;  border-bottom:1px solid #c8c8c8;}

.navigation ul ul {top:auto;}

.navigation li ul ul {left:140px; margin:0 0 0 10px;}

.navigation li:hover ul ul, .navigation li:hover ul ul ul, .navigation li:hover ul ul ul ul {display:none;}

.navigation li:hover ul, .navigation li li:hover ul, .navigation li li li:hover ul, .navigation li li li li:hover ul {display:block;}





/* Content */



#main-content{

	float: left;

	width: 100%;

	padding-top: 10px;

}



.home #main-content{

	padding-top: 0;

}



#content{

	float: left;

	width: 600px;

	margin: 0 20px 0 0;

	padding: 10px;

}



#content h2{

}



#content h3{

	color: #757e98;

}



/* Sidebar */



.sidebar{

	float: right;

	width: 310px;

	margin-top: 10px;

	margin-right: 10px;

}



.sidebar ul li{

	margin-bottom: 20px;

	list-style: none;

}



.sidebar ul li ul, .sidebar ul li ul li ul{

	margin-bottom: 0.5em;

}



.sidebar ul li ul li, .sidebar ul li ul li ul li{

	margin-bottom: 0.5em;

}





.widget{

	padding: 10px;

	background: #faf9f5;

	border: 1px solid #eee;

}



div#sidebar-order-button-container{

	float: left; 

	width: 180px;

	height: 40px;

	margin-top: -5px;

	padding: 0 54px 10px;

}



a#sidebar-order-button{

	position: relative;

	width: 180px;

	height: 40px;

	padding: 0 5px;

}



a#sidebar-order-button span{

	position: absolute;

	width: 180px;

	height: 40px;

	background: url(images/sidebar-order.gif) no-repeat top center;

}



a#sidebar-order-button span:hover{

	position: absolute;

	width: 180px;

	height: 40px;

	background: url(images/sidebar-order-hover.gif) no-repeat top center;

}







/* Footer */



#footer{

	float: left;

	clear: left;

	width: 957px;

	font-size: 0.9em;

	margin: 20px 0 10px 3px;

	color: #777;

}



#footer-inner{

	position: relative;

	padding: 10px;

}



#footer ul{

	position: absolute;

	top: 10px;

	right: 13px;

}



#footer ul li{

	display: inline;

	margin-left: 10px;

}



#footer ul li a{

	color: #777;

	text-decoration: underline;

}





/* Posts */



.post{

	float: left;

	clear: left;

	margin-bottom: 20px;

}



.postmetadata{

	font-size: 0.9em;

	color: #777;

}



.entry ul, .entry ol{

	margin-left: 20px;

}



.entry ul li{

	margin: 7px 0;

	padding-left: 27px;

	background: url(images/tick.png) no-repeat 0 2px;

}



.entry ol li{

	margin: 7px 0;

	list-style-type: decimal;

}



/* Images */



p img {

	padding: 0;

	max-width: 100%;

}



img.aligncenter{

	display: block;

	margin-left: auto;

	margin-right: auto;

	padding: 2px;

	border: 1px solid #eee;

}



img.alignright {

	margin: 0 0 5px 10px;

	display: inline;

	padding: 2px;

	border: 1px solid #eee;

}



img.alignleft {

	margin: 0 10px 5px 0;

	display: inline;

	padding: 2px;

	border: 1px solid #eee;

}



.alignright {

	float: right;

}



.alignleft {

	float: left

}



.index-thumbnail{

	float: left;

	margin: 0 10px 10px 0;

}



img.no-border{

	border: none;

}



/* Captions */



.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}





/* Form Elements */



#searchform {

	margin: 0 0 20px 0;

	padding: 0;

}



#searchform #s {

	width: 130px;

	padding: 3px 20px 2px 2px;

	border:solid 1px #aaa;  

	line-height: 1.5em;

	color: #fff;

}



#sidebar #searchsubmit {

	padding: 1px;

}



.entry form { 

	text-align:left;

}





/* Begin Comments */



ul.commentlist {

	margin: 20px 0;

	padding:0 85px 0 0;

}



ul.commentlist li {

	margin:0px;

	padding:10px 0px 20px 60px;

	position:relative;

	list-style:none;

}



ul.commentlist li cite.fn{

	margin: 0 0 10px 0;

	font-size: 1.4em;

}



ul.commentlist .avatar {

	position:absolute;

	top:10px;

	left:10px;

	border:1px solid #aaa;

}



ul.commentlist .commentmetadata {

	display:none;

}



ul.commentlist ul  {

	margin:20px 0px 20px 0px;

	padding:0px;

}



ul.commentlist ul li {

	border:0px;

	background-color: transparent;

	overflow:auto;

	background-image:none;

	padding-bottom:0px;

}



ul.commentlist li.even{

	background: #f8f8f8;

}



ul.commentlist li.odd{

	margin-top: 20px;

}



ul.commentlist li.bypostauthor{

	background: #000;

	color: #fff;

}



.says{

	display: none;

}



#commentform label{

	float: left;

	width: 200px;

}



#commentform textarea{

	margin-top: 15px;

	width: 535px;

}



#submit {

	background:#333;

	border: none;

	color:#FFF;

	font-size:0.9em;

	padding:0.5em 1em;

}



#submit:hover {

	background:#d0b500;

	border: none;

	color:#FFF;

	font-size:0.9em;

	padding:0.5em 1em;

	cursor: pointer;

}





/* Tags & Classes */



acronym, abbr, span.caps {

	cursor: help;

}



acronym, abbr {

	border-bottom: 1px dashed #999;

}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 50px;

	font: italic 1.1em Georgia, "Times New Roman", Times, serif;

	color: #777;

	background: url(images/blockquote-purple.png) no-repeat top left;

}



blockquote p{

	line-height: 1.7em;

}



cite {

	margin: 5px 0 0;

	display: block;

	font-style: normal;

}



.center {

	text-align: center;

}



.clearleft{

	clear: left;

}



.pagination{

	float: left;

	clear: left;

	width: 600px;

	text-align: center;

}





/* Interior Page */



#featured-image{

	float: left;

	width: 594px;

	margin-left: 10px;

	padding: 2px;

	border: 1px solid #eee;

}





/* Frontpage */



#front-content{

	padding: 0 10px;

}



.third-col{

	float: left;

	width: 290px;

	margin-right: 20px;

}



.two-third-col{

	float: left;

	width: 620px;

	margin-left: 10px;

}



.half-col{

	float: left;

	width: 290px;

	margin-right: 20px;

}



#front-product-panel{

	width: 598px;

	margin-top: -10px;

	margin-bottom: 20px;

	padding: 10px;

	background: #faf9f5;

	border: 1px solid #eee;

}



#front-product-panel ul li{

	margin: 7px 0;

	padding-left: 27px;

	background: url(images/tick.png) no-repeat 0 2px;

}



#front-product-shot{

	margin-top: -40px;

}



#front-testimonial{

	width: 244px;

	background: #e8effc;

	padding: 20px;

	border: 3px double #8ea3c9;

}



#front-testimonial h2{

	color: #2d4573;

}



#front-testimonial blockquote{

	font-size: 16px;

	margin: 15px 0 0 10px;

	padding-left: 50px;

	background: url(images/blockquote-purple.png) no-repeat top left;

	color: #8ba0c6;

}



#front-testimonial cite{

	float: right;	

	font-family: Georgia, Times, "Times New Roman", serif;

	font-size: 14px;

	color: #2d4573;

}



/* Slider */



#slideshow{

	position: relative;

	width: 934px;

	height: 360px;

	padding: 2px;

	border: 1px solid #eee;

}



div.slide{

	position: relative;

	height: 360px;

	width: 934px;

}



.intro-panel-widget{

	position: absolute;

	z-index: 50;

	width: 470px;

	padding: 20px 10px 10px 50px;

	top: 0;

	right: 0;

	border: none;

	background: none;

}



.intro-panel-widget h1{

	font-size: 24px;

	margin-bottom: 10px;

}



.intro-panel-widget p{

	margin-bottom: 10px;

}



.intro-panel-widget ul{

	padding: 0 15px;

}



.intro-panel-widget ul li{

	margin: 5px 0;

	padding-left: 27px;

	background: url(images/tick.png) no-repeat 0 2px;

}



div#front-order-button-container{

	position: absolute;

	z-index: 100;

	top: 308px;

	right: 60px;

	width: 360px;

	height: 40px;

}



a#front-order-button{

	position: relative;

	width: 350px;

	height: 40px;

	padding: 0 5px;

color: #fff;

}



a#front-order-button span{

	position: absolute;

	width: 360px;

	height: 40px;

	background: url(images/order-bogof-button.gif) no-repeat top center;

}



a#front-order-button span:hover{

	position: absolute;

	width: 360px;

	height: 40px;

	background: url(images/order-bogof-button-hover.gif) no-repeat top center;

}