/*
Theme Name:	o street
Author:		Iain Porter
Author URI:	http://www.intraspin.com
Template:	boilerplate
Version:	0.1
*/
@import url("../boilerplate/style.css");
@import url("960.css");
/*
.container_6{outline:1px solid blue;}
.grid_1, .grid_2{outline:1px solid green;}
*/
.container_6 {margin-left:0; margin-right:0; clear:both;}


.hidden{position:absolute; left:-9999px;}
.bulletless, .bulletless ul{list-style:none; margin:0;}
.horizontal{list-style:none;}
.horizontal li{display:inline-block;}
label{display:block; position:relative;}
label input, label select{position:absolute; left:150px;}
.entry img{margin-bottom:1em; max-width:780px;}

@font-face {
	font-family: 'ClarendonBT-Light';
	src: url('webfonts/eot/style_122.eot');
	src: url('webfonts/eot/style_122.eot?#iefix') format('embedded-opentype'),url('webfonts/woff/style_122.woff') format('woff'),url('webfonts/ttf/style_122.ttf') format('truetype'),url('webfonts/svg/style_122.svg#ClarendonBT-Light') format('svg');
}

h1, h2{font-weight:normal; line-height:2.1em; margin-bottom:40px;}
h3{font-weight:normal;}
.horizontal h3{margin-top:0.5em}
.home h1, .home h2, #cart li.error{color:#ff4200;}
.sub{font-size:0.65em; line-height:1.4em;}
h1 span{color:#d5d5d5; cursor:pointer;}
a, a:visited{text-decoration:none; color:#7d7d7d;}
a:hover, li.current-menu-item a, li.current_page_parent a, a.active{color:#2c2c2c;}
span.active{color:#2c2c2c}
a img{display:block;}

body{padding:18px 14px 8px 46px; font:1.25em/1.3em ClarendonBT-Light; color:#2c2c2c;}
header{height:300px;}
article{position:relative; margin-bottom:40px; min-height:600px}
.entry, .gallery_tags li, .headerLink{color:#7d7d7d;}
.entry a, #categories a{color:#2c2c2c;}
.entry a:hover, #categories a:hover{text-decoration:underline;}
.blog .entry p, .blog .entry li{padding-right:50px;}
.entry p{margin-bottom:1em;}

.logo a{background:url(images/logo.gif) no-repeat; display:block; width:108px; height:22px; overflow:hidden; text-indent:108px; position:relative; top:4px;}

article, header nav.sub li, .product_description, label, input.button, #categories, footer div.grid_6, #cart, .headerLink, .blognavigation{border-top:1px dotted #7d7d7d;}

/*	.product_gallery img{width:100%;}	*/

.carousel{width:100%; overflow:hidden; position:relative;}
.carousel ul{position:relative; margin:0; left:0;}
.carousel li img{max-width:940px;}
.carousel li{max-width:940px; float:left; margin-right:14px;}
.controls{position:relative; top:10px}
.gallery_tags{cursor:pointer; margin-bottom:1em}
.gallery_tags li.hover{color:#2c2c2c;}
.social a span{display:none;}

.testimonialCarousel{overflow:hidden;}
.testimonialCarousel ul{position:relative;}
.testimonialCarousel li{width:940px; float:left}

.shop li{margin-bottom:3.5em;}
.shop img{min-height:203px;}

.product_description{padding-top:0.5em; min-height:348px; padding-bottom:60px; position:relative;}
.product_description h2{margin-left:7px; line-height:1.3em; margin-left:7px;}
.product_description .entry{color:#7d7d7d; margin-left:7px;}
.product_description form{position:absolute; bottom:0; left:0;}
.product_description form p{font-size:1.525em; line-height:1.3em; padding-left:7px; position:relative; top:-6px; color:#7d7d7d;}
.product_description form label input{width:30px}
.product_description form label select{width:150px}
.product_description form label, input.button{line-height:3.5em; color:#7d7d7d; padding-left:7px; width:297px;}
.product_description form input, .product_description form select{top:13px;}
input.button{border-bottom:none; border-right:none; border-left:none; font:1.25em/1.3em ClarendonBT-Light; padding:10px 7px; text-align:left; background:#e7e7e7 url(images/plus.png) no-repeat 268px 10px;}
.sub input.button{font-size:1em}
#categories{}
#categories h1{margin-bottom:0; color:#7d7d7d;}
#categories .grid_1{margin-bottom:40px;}
.openable{background-image:url(images/plus.png); background-position:919px 8px; background-repeat:no-repeat; cursor:pointer;}
.openable.hover{background-image:url(images/plus-on.gif); }
.closable{background-image:url(images/sprite.png); background-position:918px 8px; background-repeat:no-repeat; cursor:pointer;}
.closable.hover{background-image:url(images/sprite.png); background-position:918px -63px;}
#pagination *, .morework{display:block; background:#e7e7e7; clear:both; line-height:1.7em;}
#pagination a:hover, .morework:hover{color:#2c2c2c;}
.loader{width:32px; height:32px; margin:1em 0;}

.clients ul{margin-bottom:2em;}

footer{height:50px;}
footer div.grid_6{padding-top:6px;}
footer li a{display:block; width:20px; height:20px;}


.buttons li a{background-image:url(images/sprite.png); background-repeat:no-repeat; width:21px; height:21px; display:block; margin-left:5px; font-size:200em; overflow:hidden; cursor:pointer;}
.buttons li a:hover{background-color:#fff;}
.info a{background-position:0 -497px;} 
.info a:hover{background-position:0 -568px;} 
.info a.inactive{background-position:0 -639px;} 
.next a{background-position:0 -852px;} 
.next a:hover{background-position:0 -923px;} 
.next a.inactive{background-position:0 -994px;} 
.prev a{background-position:0 -1065px;} 
.prev a:hover{background-position:0 -1136px;} 
.prev a.inactive{background-position:0 -1207px;} 
.close a{background-position:0 0;  } 
.close a:hover{background-position:0 -71px;} 
.close a.inactive a{background-position:0 -142px;} 
.facebook a{background-position:0 -213px;} 
.facebook a:hover{background-position:0 -284px;} 
.flickr a{background-position:0 -355px;} 
.flickr a:hover{background-position:0 -426px;} 
.lastfm a{background-position:0 -710px;} 
.lastfm a:hover{background-position:0 -781px;} 
.rss a{background-position:0 -1278px;} 
.rss a:hover{background-position:0 -1349px;} 
.twitter a{background-position:0 -1420px;} 
.twitter a:hover{background-position:0 -1491px;} 
.vimeo a{background-position:0 -1562px;} 
.vimeo a:hover{background-position:0 -1633px;} 


#cart{list-style:none; margin:0; padding:0; margin-bottom:1em}
#cart li{padding:0.5em 0; clear:left; line-height:3em; display:block; overflow:hidden; border-bottom:1px dotted #7d7d7d;}
#cart li.header{color:#7d7d7d}
#cart li.error{background:#FFF1EC; font-size:1.55em}
#cart li *{float:left;}
#cart li span.image{width:16%; width:160px;}
#cart li span.item{width:40%; width:315px;}
#cart li span.unit_price{width:6%; width:80px;}
#cart .quantity{width:7%; width:80px;}	
#cart li span.subtotal{width:15%; width:160px;}
#cart li form.remove{width:16%; width:145px;}
#cart input{width:30px; position:relative; top:10px;}
#cart input.button{width:100%; border:none; color:#2c2c2c;}
#cart .remove input.button{position:static; background-color:#fff; background-image:url(images/sprite.png); background-repeat:none; background-position: 124px 10px; color:#242424;}
#cart span{width:140px;}

#paypal input.button{border:none; width:100%; background:#2c2c2c url(images/sprite.png) no-repeat scroll 275px -916px;}
a.button{padding:10px 7px; background:#E7E7E7 url(images/sprite.png) no-repeat scroll 275px -844px; width:100%; margin-top:10px; display:block; width:auto;}

span.newsthumb{background:url(images/blog-news-hover.png) no-repeat top right; width:100%; height:100%; position:absolute; top:0; right:0;}



.headerLink {clear: both; height:400px;}
.headerLink h3{color:#2c2c2c}
.headerLink div strong {
    display: block;
}
.headerLink form{margin-top:30px}
#subscribe .close{margin-top:7px}
.headerLink input {
	border:none;
    border-bottom:1px dashed #d5d5d5;
    color:#7d7d7d;
    font: 1em ClarendonBT-Light;
    height: 26px;
    outline: medium none;
    padding: 0.25em 0;
    width: 300px;
}
.headerLink input.button {
    background: url("images/sprite.png") no-repeat scroll 0 -852px transparent;
    border: medium none;
    height: 26px;
    width: 26px;
	position:relative;
	left:-28px;
	top:-3px;
	font-size:0em;
}
.headerLink input.button.hover{background-position:0 -923px;}
.headerLink .close  a{background-image:url(images/sprite.png); background-repeat:no-repeat; background-position:122px 0px; display:block; text-indent:145px; overflow:hidden; height:22px;}
.headerLink .close  a:hover{background-color:#fff; background-position:122px -71px;}
#subscribe a{color:#2c2c2c;}

.add, .continue, .proceed{height:40px;}
.add.hover, .continue.hover, .proceed.hover{color:#fff;}
.add{background:url(images/add.png) no-repeat top right !important; width:303px !important;}
.add.hover{background-position:bottom right !important;}
.continue{padding:0 0 0 7px !important; line-height:3em !important;}
.continue, .proceed{background:url(images/continue.png) top right no-repeat !important;}
.proceed{background-position:bottom right !important; color:#fff !important;}
.continue.hover,  .proceed:hover{background-position:center right !important;}


.blognavigation a{display:block; margin:0.25em 0 4em; font-size:0.65em; line-height:1.8em}
.blognavigation .alpha a{padding-left:31px; background:url(images/sprite.png) no-repeat 0px -1063px}
.blognavigation .alpha a:hover{background-position:0 -1136px;}
.blognavigation .omega a{padding-right:31px; background:url(images/sprite.png) no-repeat right -851px}
.blognavigation .omega a:hover{background-position:right -922px;}