/*
Theme Name:  B EAST Website
Theme URI:   http://www.html-advisor.com/
Description: The default B EAST theme.
Version:     2.0
Author:      Zigurds Gavars & PQG
Author URI:  http://www.html-advisor.com/
*/


html,body{
	margin:0;
	padding:0;
	font:11px Helvetica,Arial,"Helvetica Neue",sans-serif;
	line-height:130%;
	color:#fff;
	background:#000 }
h2,h2 a,h3,h3 a,#sidebar h3,#ctftitle dt{
	/*font:18px Georgia,Times, TimesNewRoman,serif;
	background-image: url('img/h2-bg.gif');
	background-repeat: repeat-x;
	padding-top: 3px; */
	font:28px Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	/*color:#f00 */
	color:#7b7b7b}
h2,h3{
	margin:15px 0;
	line-height:140%}
p{
	margin:12px 0;
	padding:0}
a{
	/*color:#f30;*/
	color:#7B7B7B;
	outline:0}
	a:hover{
		text-decoration:none}
	a:active,a:link{
		border:0;
		outline:0}
-moz-any-link:focus {
  outline:0}
/* ===v= Page structure ===== */
	/* ---v- Header ----- */
#page{
	width:925px;
	margin:0 auto}
	#header{
		height:auto;
		padding:22px 0 0 0;
		background:url(img/strips.gif) repeat}
		#header ul{
			height:31px;
			margin:0;
			padding:0;
			border-top:12px solid #000;
			background:#333 url(img/top-menu.gif) no-repeat left top;
			overflow:hidden}
			#header li{
				height:31px;
				float:left;
				margin:0;
				padding:0;
				list-style:none}
				#header li a{
					display:block;
					height:31px;
					text-indent:-500px;
					overflow:hidden}
					#header li a:hover{
						background-image:url(img/top-menu.gif);
						background-repeat:no-repeat}
				#header li.cat-item-0{
					width:64px}
					#header li.cat-item-0 a:hover{
						background-position:left -31px}
				#header li.cat-item-1{
					width:76px}
					#header li.cat-item-1 a:hover{
						background-position:-64px -31px}
				#header li.cat-item-2{
					width:142px}
					#header li.cat-item-2 a:hover{
						background-position:-140px -31px}
				#header li.cat-item-3{
					width:62px}
					#header li.cat-item-3 a:hover{
						background-position:-282px -31px}
				#header li.cat-item-4{
					width:133px}
					#header li.cat-item-4 a:hover{
						background-position:-344px -31px}
				#header li.cat-item-5{
					width:85px;
					margin:0 0 0 97px;
					display:inline}
					#header li.cat-item-5 a:hover{
						background-position:-574px -31px}
				#header li.cat-item-6{
					width:129px}
					#header li.cat-item-6 a:hover{
						background-position:-659px -31px}
				#header li.cat-item-7{
					width:137px}
					#header li.cat-item-7 a:hover{
						background-position:right -31px}
		#header h1{
			/*height:248px;*/
			height:136px;
			margin:0;
			padding:0;
			background:#000 url(img/b-east-mag.png) no-repeat left bottom;
			overflow:hidden}
			#header h1 b{
				display:none}
		#header div{
			padding:8px;
			background:#000}
			#header div img{
				border:0}
	/* ---^- Header ----- */
	/* ---v- Content ----- */
	#content,#sidebar{
		margin:30px 0 0 0;
		overflow:hidden}
	#content{
		float:left;
		width:601px;
		height:auto !important;
		height:1%;
		overflow:hidden}
		#pgt{
			position:relative;
			height:40px;
			margin:0 0 10px 0;
			padding:0 0 5px 0;
			background:url(img/strips.gif) repeat-x left bottom}
			#pgt dt,#pgt dd{
				position:absolute;
				height:40px;
				padding:0;
				margin:0;
				overflow:hidden}
			#pgt dt{
				left:0;
				width:248px;
				height:31px;
				text-indent:-500px;
				background-image:url(img/categories-titles.gif);
				background-repeat:no-repeat}
				#home{
					background-position:left top}
				#issues{
					background-position:left -31px}
				#distribution{
					background-position:left -62px}
				#hype{
					background-position:left -93px}
				#beastalogy{
					background-position:left -124px}
				#travel{
					background-position:left -155px}
				#tunes{
					background-position:left -186px}
				#sexy{
					background-position:left -217px}
				#contact{
					background-position:left -248px}
				#email{
					background-position:left -279px}
			#respond{
				height:45px;
				margin:20px 0;
				padding:0;
				background:url(img/strips.gif) repeat-x left bottom}
				#respond b{
					display:block;
					height:31px;
					text-indent:-500px;
					background:url(img/categories-titles.gif) no-repeat left -310px;
					overflow:hidden}
			#pgt dd{
				right:0;
				width:320px;
				font-size:12px;
				text-transform:uppercase;
				font-weight:bold;
				color:#f00}
			#pgt form{
				float:right;
				margin:10px 0 0 0}
			#pgt fieldset{
				margin:0;
				padding:0;
				border:0}
			#pgt label{
				float:left;
				margin:0;
				padding:2px 3px 0 0}
			#pgt select{
				width:150px;
				font:11px Arial,Helvetica,sans-serif;
				color:#f00;
				background:#000}
			#pgt input{
				display:none}
	.post{
		height:auto !important;
		height:1%;
		padding:0;
		margin:0 0 10px 0;
		overflow:hidden}
	div.entry{
		height:auto !important;
		height:1%;
		margin:0;
		padding:0}
		a.more-link{
			display:block;
			width:130px;
			height:31px;
			margin:12px 0 0 0;
			text-indent:-500px;
			background:url(img/categories-titles.gif) no-repeat left bottom;
			overflow:hidden}
		.entry img{
			border:0;
			display:block;
			margin:15px 0 0 0;
			padding:7px;
			/*background:url(img/strips.gif)*/}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
	.postmetadata{
		height:auto !important;
		height:1%;
		overflow:hidden}
		.postmetadata dl{
			float:left;
			height:auto !important;
			height:1%;
			margin:0;
			padding:0;
			overflow:hidden;
			width:355px}
			.postmetadata dt,.postmetadata dd{
				margin:0;
				padding:0}
			.postmetadata dt{
				float:left;
				padding:0 3px 0 0}
		.postmetadata ul{
			float:right;
			width:245px;
			margin:0;
			padding:0}
			.postmetadata li{
				float:right;
				margin:0 0 10px 10px;
				padding:0;
				list-style:none;
				text-transform:uppercase}
			.i2{
				background:url(img/icons.gif) no-repeat left top}
/*
 			.i4{
				background:url(img/icons.gif) no-repeat left -35px}
*/
			.i5{
				background:url(img/icons.gif) no-repeat left -51px}
		.postmetadata li a{
			padding:0 0 0 20px;
			color:#fff}
	#navigation,#navigation li{
		margin:0;
		padding:0;
		list-style:none;}
	#navigation{
		height:auto !important;
		height:1%;
		margin:20px 0 10px 0;
		background:url(img/strips.gif);
		overflow:hidden}
	#navigation a{
		display:block;
		height:43px;
		margin:8px;
		text-indent:-500px;
		overflow:hidden}
		#next{
			width:206px;
			float:left}
			#next a{
				width:190px;
				background:url(img/nav.gif) no-repeat left center}
		#previous{
			width:228px;
			float:right}
			#previous a{
				width:212px;
				background:url(img/nav.gif) no-repeat right center}
	#archive{
		margin:30px 0 0 0;
		padding:0}
		#archive dt{
			height:31px;
			margin:0 0 14px 0;
			padding:0;
			text-indent:-500px;
			background:url(img/sidebar-titles.gif) no-repeat left bottom;
			overflow:hidden}
			#archive dd{
				height:auto;
				margin:0;
				padding:15px 0 0 0;
				background:url(img/strips.gif) repeat-x left top}
/*
		#archive ul{
			height:auto !important;
			height:1%;
			margin:0;
			padding:0;
			font-size:15px;
			overflow:hidden}
			#archive li{
				float:left;
				width:49%;
				margin:0 0 8px 0;
				padding:0;
				list-style:none;}
*/
	/* ---^- Content ----- */
	/* ---v- Sidebar ----- */
	#sidebar{
		float:right;
		width:289px;
		margin-top:20px;
		padding:0}
		#sidebar h2{
			margin:10px 0 20px 0;
			padding:0}
		#sidebar h3{
			background:url(img/strips.gif) repeat-x 0 bottom;
			margin:15px 0 15px 0;
			padding:0 0 10px 0}
			#sidebar h3 strong{
				background-image:url(img/sidebar-titles.gif);
				display:block;
				height:31px;
				overflow:hidden;
				text-indent:-300px;
				width:184px}
				#sbt0 strong{
					background-position:left top}
				#sbt1 strong{
					background-position:left -31px}
				#sbt2 strong{
					background-position:left -62px}
				#sbt3 strong{
					background-position:left -93px}
				#sbt4 strong{
					background-position:left -124px}
				#sbt5 strong{
					background-position:left -155px}
		#sidebar p{
			margin:0 0 10px 0;
			padding:0}
		#sidebar dd{
			height:auto;
			margin:0 0 30px 0;
			padding:30px 0 0 0;
			background:url(img/strips.gif) repeat-x left 9px}
		#sidebar img{
			border:0}
		#sidebar ul{
			margin:0;
			padding:0 0 0 15px}
			#sidebar li{
				margin:0 0 3px 0;
				padding:0;
				list-style:none}
				#sidebar li a{
					color:#fff}
	/* ---^- Sidebar ----- */
	#footer{
		padding:20px 0 0 0;
		text-align:center;
		background:url(img/strips.gif) repeat}
		#footer ul{
			height:17px;
			margin:0;
			padding:0 0 0 30px;
			font-size:12px;
			border-top:18px solid #000;
			border-bottom:17px solid #000;
			background:#000;
			overflow:hidden}
			#footer li{
				float:left;
				margin:0;
				padding:0 10px;
				list-style:none;
				line-height:17px;
				text-transform:uppercase;
				/*color:#f30;*/
				color:#7b7b7b;
				border-right:1px solid}
			#footer li.rss{
				border:0;
				background:url(img/icons.gif) no-repeat 9px -68px}
				li.rss a{
					padding:0 0 0 23px}
		#footer p{
			margin:0 0 20px 0;
			padding:0;
			text-align:center;
			color:#666;
			background:#000}
/* ===^= Page structure ===== */
#commentform,#commentform ul,#commentform li{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden}
	#commentform{
		width:520px}
	#commentform li{
		margin:0 0 5px 0}
	#commentform label{
		display:block;
		float:left;
		width:80px;
		padding:2px 2px 0 0;
		text-align:right}
	#commentform input,#commentform textarea{
		width:250px;
		margin:0;
		padding:2px 3px;
		font:11px Verdana,Helvetica,sans-serif;
		color:#f00;
		border:1px solid #333;
		background:#000}
		input#submit{
			width:105px;
			height:31px;
			margin:10px 15px 0 0;
			padding:0;
			font-size:0;
			text-indent:-500px;
			border:0;
			background:url(img/buttons.gif) no-repeat}
	#commentform textarea{
		width:415px;
		overflow:auto}
#ctftitle{
	height:30px;
	margin:30px 0;
	padding:0;
	background:url(img/strips.gif) repeat-x left bottom;
	overflow:hidden}
	#ctftitle dt{
		float:left;
		margin:0;
		padding:0}
	 #ctftitle dd{
		float:right;
		margin:0;
		padding:0}

/* ===v= Classes ===== */
.ar{
	text-align:right}
.al{
	text-align:left}
.ac{
	text-align:center}
.red{
	color:#f00}
.clr{
	clear:both;
	height:0;
	line-height:0;
	font-size:0}
.cntban{
	width:468px;
	height:60px;
	margin:25px auto 10px auto}
.strips,.cntban,#wordtube div.wordtube{
	padding:8px;
	background:url(img/strips.gif) repeat}
	.strips img,.cntban img{
		border:0}
.notebox{
	padding:5px 8px 5px 30px;
	border:1px solid #333;
	background:#111 url(img/ico-exclmark.gif) no-repeat 8px 8px}
form.paypal{
	height:60px;
	margin:0;
	padding:0}
	.paypal input{
		margin:0;
		padding:0}
	.paypal img{
		display:none}
.paypal-sb{
	margin:10px 0 0 0;
	text-align:right}
/* ===^= Classes ===== */
/* ===v= I love Soci bookmarking customization */
li.i4 div.ilsb_parent{
	margin:0 auto 0 0;
    padding:0 0 0 5px}
    li.i4 div.ilsb-child{
	    display:none;
	    margin:0px;
        padding:0 0 2px 0;
	    position:absolute}
        div.ilsb-child span{
	        padding:0px}
        .postmetadata li a.ilsb{
	        background-position:5px 50%;
	        background-repeat:no-repeat;
	        line-height:24px;
            padding:0 0 0 30px}
/* ===^= I love Soci bookmarking customization */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}