/*
Theme Name: BITL2011
Theme URI: http://www.thebeatisthelaw.com
Description: Custom theme for the beat is the law by 10th Planet
Version: 1
Author: 10th Planet
Author URI: http://10thpla.net
Tags: custom
*/

@import "style/css/reset.css";
@import "style/fonts/fonts.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*
@font-face {
	font-family: 'HelveticaInseratRoman';
	src: url('style/fonts/HELVIR__.eot');
	src: local('HelveticaInserat'), local('HelveticaInseratRoman'), url('style/fonts/HELVIR__.woff') format('woff'), url('style/fonts/HELVIR__.ttf') format('truetype');
}
*/
body {
	background:#333;
}
h1, h2, h3 {
	font-family: 'TeXGyreAdventorBold';
	font-weight:lighter;
	letter-spacing:1px;
}
#uber {
	background: url(style/images/bg.png) top left no-repeat #333;
	margin:0 auto;
	min-height:768px;
	width:1015px;
}
#col {
	background:url(style/images/70p.png);
	float:right;
	height:100%;
	margin:0 18px 50px 0;
	min-height:100%;
	padding:0 20px;
	width:608px;
}
.body-shop #col {
	height:771px;
}
.body-shop .box {
	background:url(style/images/b39.png);
	float:left;
	margin:20px 5px;
	padding: 0 5px 5px 8px;
	width:590px;
}
.nav-links {
	margin:0 0 0 125px;
	width:500px;
}
.nav-links li {
	float:left;
	width:250px;
}
.post-title a, #shopping-cart .widgettitle, #text-5 .widgettitle {
	color:#fff;
	text-transform:uppercase;
	line-height:1;
	font-size:0.7em;
}
#shopping-cart .widgettitle, #text-5 .widgettitle { font-size:1.5em;}
.post-title a:hover {
	color:#DAA233;
}
h1#blog-title {
	position:absolute;
	height:250px;
	left:60px;
	top:66px;
	width:230px;
}
h1#blog-title a {
	display:block;
	height:100%;
	text-indent:-9999px;
	outline:none;
}
.post, .page {
	background:#000;
	margin:10px 0;
	overflow:hidden;
	padding:10px;
}
#sidebar {
	background:#000;
	float:left;
	margin:10px 0 10px 30px;
	padding:10px;
	width:185px;
}
.shop {
	float:left;
	margin:0 0 10px;
	padding:0;
	width:350px;
}
.shop .productdisplay {
	background:#000;
	margin:10px 0 0;
	padding:10px;
}
.shop .productdisplay h2 {
	font-size:1.4em;
}
.shop .productdisplay .producttext {
	width:220px !important;
}
#top-nav {
	width:650px;
	height:40px;
}
#top-nav li {
	float:left;
	font-family: 'TeXGyreAdventorBold';
	font-size:130%;
	font-weight:lighter;
	letter-spacing:1px;
	list-style: none;
	padding:7px 20px 5px 0;
	text-transform:uppercase;
}
#top-nav li a {
	color:#fff;
}
#top-nav li a:hover, #top-nav li.sel a {
	color:#DAA233;
}
#evecred {
	left:62px;
	position:absolute;
	text-transform:uppercase;
	font-size:1.2em;
	top:719px;
}
#credit {
	position:absolute;
	left:20px;
	top:750px;
	
	color:#666;
	font-size:0.7em;
}
#credit {
	
	
}
#credit a {
	color:#666;
}
#credit a:hover {
	color:#DAA233;
}
#social {
	position:absolute;
	left:45px;
	top:5px;
	width:300px;
}
#social a {
	display:block;
	float:left;
	height:28px;
	margin-right:3px;
	width:28px;
	text-indent:-9999px;
}
#social a#twitter { background:url(style/images/twitter.png); }
#social a#facebook { background:url(style/images/face.png); }
#social a#youtube { background:url(style/images/youtube.png);display:none; }
#social a#flickr { background:url(style/images/flickr.png);display:none; }
#social a#sub { background:url(style/images/sub.png); width:112px;display:none;}
#sticker {
	background:url(style/images/beat-sticker.png) no-repeat;
	display:block;
	height:134px;
	position:absolute;
	text-indent:-9999px;
	outline:none;
	left:0px;
	top:580px;
	width:350px;display:none;
}
.tript {
	height:320px;
}
.tript li {
	border:1px solid #ddd;
	color:#99212E;
	font-family: 'TeXGyreAdventorBold';
	font-weight:lighter;
	float:left;
	height:240px;
	letter-spacing:1px;
	margin-right:15px;
	text-align:center;
	width:183px;
}
.tript li span {
	font-size:1.6em;
}
.tript li a {
	display:block;
	height:100%;
	margin-bottom:10px;
	text-indent:-9999px;
	outline:none;
}
#media-video { background:url(style/images/media_video.png);}
#media-listen {	background:url(style/images/media_listen.png); }
#media-pics { background:url(style/images/media_photo.png);}
#credits-interview { background:url(style/images/credits_interview.png);}
#credits-contrib {	background:url(style/images/credits_contrib.png); }
#credits-crew { background:url(style/images/credits_crew.png);}

input {
	border:2px #000 solid;
	font-size:1.3em;
	outline:none;
	background:#fff;
	padding:5px;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
}
.videopost {
	float:left;
	margin-right:20px;
	height:270px;
	width:275px;
}
.videopost h2 {
	font-size:1.4em;
}
#comment {
	width:100%;
}
.allowedcode {
	font-size:0.7em;
}
.commentlist li {
	background:#000;
	margin-bottom:10px;
}
#commentform {
	margin-bottom:20px;
}
#twitfeed {
	-moz-border-radius: 5px; /* FF1+ */
	-webkit-border-radius: 5px; /* Saf3+, Chrome */
    border-radius: 5px; /* Opera 10.5, IE 9 */
	
	border: #595959 solid 2px;
	background:#000;
	color:#fff;
	position:absolute;
	padding:5px;
	top:40px;
	left:45px;
	width:210px;
}
#twitfeed .tweets-title {
	font-family: 'TeXGyreAdventorBold';
	font-weight:lighter;
	font-size:1.3em;
	letter-spacing:1px;
}
#twitfeed .tweet-pubDate{
	display:block;
	font-size:0.8em;
	color:#ddd;
}
#twitfeed a:hover {
	color:#DAA233;
}
.widget {
	margin-bottom:20px;
}
.default_product_display {
	float:left;
	margin-bottom:30px;
}
.prodtitle a{
	display:block;
	font-size:0.7em;
	line-height:1;
	margin-bottom:0.5em;
}
.widget_wpsc_shopping_cart .widgettitle {
	line-height:1;
	text-transform:uppercase;
}
.wpsc_container {
	float:left;
	width:410px;
}
.productcol {
	float:left;
	width:240px;
}
.imagecol {
	float:left;
	width:150px;
}
.imagecol img {
	width:140px;
	height:auto;
}
#sidebar {
	font-size:0.9em;
	position:absolute;
	top:30px;
	right:-5px;
}
#singlebasket {
	position:absolute;
	top:0;
	right:0;
}
#singlebasket #sidebar {
	right:0px;
}
.wpsc-product {
	background:#000;
	float:left;
	padding:10px;
	width:590px;
}
#sidebar .emptycart { display:none; }


.body-tags #col {
	background:url(style/images/70p.png);
	float:right;
	height:100%;
	margin:0 18px 50px 0;
	min-height:100%;
	padding:0 20px;
	width:608px;
}


.body-tags #social {
	position:absolute;
	left:-304px;
	top:5px;
	width:300px;
}

.body-tags #sticker {
	background:url(style/images/beat-sticker.png) no-repeat;
	display:block;
	height:134px;
	position:absolute;
	text-indent:-9999px;
	outline:none;
	left:-349px;
	top:580px;
	width:350px;
}

.body-tags #evecred {
	left:-287px;
	position:absolute;
	text-transform:uppercase;
	font-size:1.2em;
	top:719px;
}

.body-tags #credit {
	position:absolute;
	left:-329px;
	top:750px;
	color:#666;
	font-size:0.7em;
}

.body-tags h2 {
font-size:1em;
margin:10px 0 -10px 0;
padding:5px 10px;
text-transform:uppercase;
background:#000;
display:block;
width:588px;

}