html{
	background:white url('http://www.theteasr.com/images/post/home/topbg.jpg') repeat-x;
        border-bottom:0px;
        
}

body{
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
       
}



#header{
	
	height: 38px;
	
}


/*Tease Branding*/


#branding{background:url('http://www.theteasr.com/images/post/home/brand.png');
	width:221px;
	height:38px;
	position:relative;
	margin-top:5px;
	text-indent:-9999px;
	padding:0;
	overflow: hidden;
	margin-right:0px;
	float:left;
}

#branding li{list-style:none;}

#branding li a{
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 38px;
	background: url('http://www.theteasr.com/images/post/home/main_nav.png');
	text-indent: -9999px;
	overflow: hidden;
}

li#home a{
	left:0;
	width:120px;
	background-position: 0 0;
}

li#mail a{
	left:120px;
	width:40px;
	background-position: 0 0;
}

li#abt a{
	left:160px;
	width:37px;
	background-position: 0 0;
}

li#freebies a{
	left:197px;
	width:24px;
	background-position: 0 0;
}

#nav{background:url('http://www.theteasr.com/images/post/home/nav.png');
	width:45px;
	height:14px;
	position:relative;
	margin-top:20px;
	text-indent:-9999px;
	padding:0;
	overflow: hidden;
	float:right;
	
}

#nav li{list-style:none;}

#nav li a{
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 38px;
	background: url('http://www.theteasr.com/images/post/home/main_nav.png');
	text-indent: -9999px;
	overflow: hidden;
}



li#prev a{
	left:0;
	width:22px;
	background-position: 0 0;
}

li#next a{
	left:22px;
	width:23px;
	background-position: 0 0;
}



h2 { color:white; font-family: "QlassikMediumRegular", serif;  font-weight: 100; margin-bottom: 5px; font-size: 18px; margin-left:25px; line-height: 30px;padding-top: 2px; }



#poster{height:216px;}

#poster img{
	margin-left: 155px;
	margin-top: -35px;
}


#content{margin-bottom:20px}

.volume{
	margin-left: -10px;
}

.volume{
	margin-left: -10px;
	overflow: hidden;
	position: relative;
	float: left;
	height: 170px;
}

.volume a{
	text-decoration: none;
	float: left;
}

.volume a:hover{
	cursor: pointer;
}


.volume a:hover .desc{
	display: block;
	font-size: 1.2em;
	padding: 0px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0px;
	margin: 0;
	width: 150px;
	overflow: hidden;
}
.volume a:hover .desc strong {
	display: block;
	margin-bottom: 0px;
	font-size:14px;
	padding: 7px 10px 0px 10px;
	line-height: 15px;
	font-family: Helvetica, Arial;
	text-align: center;
}

.volume a:hover .desc small {
	display: block;
	margin-bottom: 0px;
	font-size:12px;
	padding: 5px 10px 10px 10px;
	line-height: 10px;
	font-family: Helvetica, Arial;
	text-align: center;
}


.volume p.title{
	text-indent:0px;
	text-align:right;
	margin-top:0px;
	margin-right:0px;
	margin-left:50px;
        line-height: 15px;
       font-family:"QlassikMediumRegular", serif;
       font-size:16px;
       
}

.volume p{
	margin-left:0px;
	padding-bottom:0px;
        margin-bottom:5px;
}


.volume img{
    margin-top: 10px;
	margin-bottom: 10px;
}

#content_wrap{
	background: white url('http://www.theteasr.com/images/post/home/black.jpg') repeat-x; padding-left:5px;
        height: 225px;
}

#design_wrap{
	background: white url('http://www.theteasr.com/images/post/home/black.jpg') repeat-x; padding-left:5px;
        height: 225px;
}

#footer_wrap{
	background: #202222 url('http://www.theteasr.com/images/post/home/black.jpg') repeat-x; padding-left:5px;
	border-bottom: 30px solid black;
	
}

#footer{
	height: 240px;
}


/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Dimitri Castrigue
 * @vendorurl:  http://www.thebend.be
 * @licenseurl: http://www.fontsquirrel.com/license/Qlassik-Medium
 *
 *
 */

@font-face {
	font-family: 'QlassikMediumRegular';
	src: url('Qlassik_TB.eot');
	src: local('Qlassik Medium Regular'), local('QlassikMedium'), url('http://theteasr.com/fontface/Qlassik_TB.ttf') format('truetype');
}

@font-face {
	font-family: 'QlassikBoldRegular';
	src: url('QlassikBold_TB.eot');
	src: local('Qlassik Bold Regular'), local('QlassikBold'), url('http://theteasr.com/fontface/QlassikBold_TB.ttf') format('truetype');
}