/*
Theme Name: BITL3
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/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:'HelveticaInseratRoman',Arial;*/
	font-weight:lighter;
	letter-spacing:1px;
}
#uber {
	background: url(style/images/bg.png) top left no-repeat #99212E;
	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;
}
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:20px 0 10px 40px;
	padding:10px;
	width:185px;
}
.shop {
	float:left;
	margin:10px 0;
	padding:0;
	width:360px;
}
.shop .productdisplay {
	background:#000;
	margin:10px 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:'HelveticaInseratRoman',Arial;*/
	font-size:143%;
	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:75px;
	position:absolute;
	top:718px;
}
#credit {
	position:absolute;
	left:10px;
	top:745px;
}
#credit,#credit a {
	color:#DAA233;
	font-size:0.8em;
}
#credit a:hover {
	color:#fff;
}
#social {
	position:absolute;
	left:45px;
	top:5px;
	width:300px;
}
#social a {
	display:block;
	float:left;
	height:30px;
	margin-right:3px;
	width:30px;
	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); }
#social a#flickr { background:url(style/images/flickr.png); }
#social a#sub { background:url(style/images/sub.png) no-repeat; width:92px; }
#sticker {
	background:url(style/images/beat-sticker.png) no-repeat;
	display:block;
	height:150px;
	position:absolute;
	text-indent:-9999px;
	outline:none;
	left:25px;
	top:285px;
	width:150px;
}
.tript {
	height:320px;
}
.tript li {
	border:1px solid #ddd;
	color:#99212E;
	/*font-family:'HelveticaInseratRoman',Arial;*/
	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: 12px; /* FF1+ */
	-webkit-border-radius: 12px; /* Saf3+, Chrome */
    border-radius: 12px; /* Opera 10.5, IE 9 */

	border: #99212e solid 2px;
	background:#daa233;
	color:#99212e;
	position:absolute;
	padding:5px;
	top:40px;
	left:45px;
	width:210px;
}
#twitfeed .tweets-title {
	/*font-family:'HelveticaInseratRoman',Arial;*/
	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:#000;
}
.widget {
	margin-bottom:20px;
}