/*
------------------------------------------------------------------------
Theme Name: 	DJBOOTH
Author URI:	http://insidethedjbooth.com
Description:   	The web’s premiere DJ blog
Version:       	2.0
Author:        	Sevan Kambel
Author URI:    	Insidethedjbooth.com
------------------------------------------------------------------------

Support:       http://Insidethedjbooth.com/contact
Updated:       August 11, 2008
Copyright:     (c) 2008 InsideTheDJBooth.Com

All rights reserved.
*/


@import url("css/misc.css");		/* css reset - do not edit this */
@import url("css/innerpages.css");	/* styling innerpage templates */
@import url("css/blog-common.css");		/* styling blog */
@import url("css/sidebars.css");		/* styling blog */
@import url("css/footer.css");		/* footer option */
@import url("css/blog.css");		/* styling blog */


/* Links -----------------------------------------------------------------------*/
a {
outline:none;
color:#FFF;
text-decoration:none;
font-style:italic;
}

a:hover {
text-decoration:underline;
}

ul {
list-style:none;
padding:0;
}

.clear {
clear:both;
}

.bold {
font-weight:700;
}

p.aright {
text-align:right;
}

.imgleft {
float:left;
margin:0 12px 12px 0;
padding:3px;
}

.imgright {
float:right;
margin:0 0 12px 12px;
padding:3px;
}

.imgleft_n {
float:left;
margin:0 40px 12px 0;
padding:3px;
}

.img_center {
margin:10px 0;
padding:5px;
}

h2,h3 {
font-size:16px;
letter-spacing:-1px;
font-weight:700;
padding:0 0 6px;
}

h1,h2,h3,h4,h5,h6,p,ul {
margin:0;
}

p {
margin-bottom:1.4em;
}

p.alert,p.download,p.info,p.note {
margin:10px 0 0;
padding:10px 10px 10px 36px;
}

p.alert {
padding:10px 10px 10px 36px;
}

#content-wrap {
overflow:hidden;
height:100%;
}

#wrapper {
text-align:left;
width:840px;
overflow:hidden;
height:100%;
margin:0 auto;
padding:0 10px;
}

#main {
overflow:hidden;
clear:both;
}

#main .subcolumns {
width:400px;
}

#content {
width:580px;
padding-bottom:10px;
}

#content2 {
width:560px;
}

#sidebar {
width:240px;
margin-bottom:15px;
}

#sidebar2 {
width:260px;
margin-bottom:15px;
}

#content .subcolumns,#sidebar .subcolumns {
width:280px;
}

#footer {
background:#161c1d;
border-top:1px solid #505556;
margin:10px 0;
padding:25px 15px;
}

#footer p {
font-size:12px;
line-height:20px;
float:left;
font-family:Arial, Helvetica, sans-serif;
margin:5px 0;
padding:0;
}

#footer span {
margin-top:-8px;
font-size:11px;
padding-left:1px;
}

#flinks {
list-style:none;
float:right;
}

#flinks li {
display:inline;
line-height:26px;
text-align:right;
padding:0 5px;
}

#flinks li a {
font-size:11px;
text-decoration:none;
}

#flinks li a:hover {
display:inline;
}

#content-wrap .breadcrumb {
font:10px Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-align:left;
clear:both;
line-height:25px;
padding-left:5px;
margin-bottom:10px;
}

a.button {
margin-bottom:8px;
font-weight:700;
font-size:12px;
padding:3px 15px 3px 10px;
}

.submit {
margin-bottom:8px;
font-weight:700;
font-size:12px;
cursor:pointer;
padding:3px 15px 3px 10px;
}

.postads {
text-align:center;
overflow:hidden;
height:100%;
margin-bottom:25px;
}

.small {
font-size:11px;
color:#666;
}

.small a {
color:#666;
}

.small a:hover {
color:#000;
}

#demotop {
background:#000;
height:50px;
overflow:hidden;
}

#demotop-in {
width:860px;
margin:0 auto;
}

#demotop-in h5 {
float:left;
font:bold 14px Georgia, "Times New Roman", Times, serif;
color:#fff;
margin:0;
padding:8px 0 0;
}

#demotop-in p {
font-size:11px;
color:#9f9f9f;
clear:both;
float:left;
}

.img_button {
position:relative;
display:block;
font-size:12px;
}

.img_button span {
height:100%;
width:100%;
position:absolute;
bottom:0;
left:0;
cursor:pointer;
}

.img_button span a {
display:block;
}

.b_purchasedownload2 {
top:9px;
right:0;
float:right;
}

.b_purchasedownload2 span,.b_purchasedownload2 span a {
background:url(images/b_purchasedownload2.png) no-repeat;
}

.b_purchasedownload2 span a,.b_purchasedownload2 {
width:190px;
height:32px;
}

.b_purchasedownload2 span:hover {
background-position:0 -32px;
}

img {
display:block;
border:none;
}

html {
background:#161c1d;
}

form,body {
margin:0;
padding:0;
}

input[type=text]:focus {
outline:none;
}

.form li {
float:left;
height:23px;
}

.form li.text {
background-repeat:no-repeat !important;
padding:0 12px;
}

.form li.text input {
width:143px;
border:0;
background:transparent;
font:11px Arial, Helvetica, sans-serif;
padding:4px 0 0;
}

body {
font:12px/21px Arial, Helvetica, sans-serif;
color:#fff;
background:#1a2021 url(../DJBOOTH/images/body-bg.png) repeat-x;
min-width:1000px;
}

span.border {
width:274px;
height:2px;
display:block;
background:url(../DJBOOTH/images/content-border.png) no-repeat;
overflow:hidden;
}

#main-container {
width:849px;
margin:0 auto;
padding:0 75px 0 76px;
}

#header {
height:292px;
background:url(../DJBOOTH/images/header.jpg) no-repeat;
position:relative;
}

#header .wrapp {
padding:0 0 41px;
}

.logo {
float:left;
width:159px;
height:80px;
overflow:hidden;
padding:100px 0 0;
}

.logo a {
display:block;
width:159px;
height:80px;
text-indent:-9999px;
overflow:hidden;
background:url(../DJBOOTH/images/logo.png) no-repeat;
}

#header .form {
float:right;
display:inline;
margin:87px 15px 0 0;
}

#header .form .text {
background:url(../DJBOOTH/images/form-text-header.png);
}

#header .form .text input {
color:#464a4b;
}

.rss {
width:45px;
height:35px;
display:block;
position:absolute;
bottom:71px;
right:36px;
background:url(../DJBOOTH/images/rss.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
}




/*=== Navigation ===*/
#menu{
	width:715px;
overflow:hidden;
background:url(../DJBOOTH/images/main-nav.png) no-repeat;
height:54px;
padding:21px 0 0 134px;
}

/*- main-nav -*/
#main-nav {
	font-size: 11px;
	height: 41px;
	margin: 0 0 23px;
	text-transform: uppercase;
}
#main-nav li{
	float: left;
	line-height: 27px;
	margin: 0 2px 0 0;
}
#main-nav li a{
	color: #d8d8d8;
	display: block;
	float: left;
	padding: 0 0 0 15px;
	font-weight:bold;
         cursor:pointer
}
#main-nav li a span{
	display: block;
	float: left;
	height: 41px;
	padding: 0 13px 0 0;
}
#main-nav li.current_page_item a{
	background: url(images/) no-repeat left;
}
#main-nav li.current_page_item a span{
	background: url(images/) no-repeat right;
	color: #ffffff;
}
#main-nav li a:hover{
	background: url(images/) no-repeat left;
	color: #ffffff;
	text-decoration: none;
}
#main-nav li a:hover span{
	background: url(images/) no-repeat right;
}
#promo .box {
width:209px;
height:126px;
background:url(../DJBOOTH/images/promo-box.png) no-repeat;
float:left;
margin:0 4px 0 0;
padding: 0 0 0;
cursor: pointer;
}

#promo .last {
margin-right:0;
}

#promo li {
float:right;
text-align:right;
font-size:24px;
line-height:27px;
font-weight:700;
letter-spacing:-1px;
padding:0 10px 0 0;
margin: -27px 0 0 0;
position: relative;
z-index: 12;
cursor: default;
}

#promo li.post-item {
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 111px;
float: none;
display: block;
position: relative;
z-index: 5;
padding: 5px 5px 0p 5px;
font-size: 11px;
font-weight: normal;
text-align: left;
margin: 5px 5px 0 5px;
line-height: 14px;
cursor: default;
}

#promo li.post-item div {
color: #FC2551;
}

#promo li.post-item p {
text-align: left;
}

#promo li.link {
float:left;
text-align:left;
padding:4px 0 0 19px;
}

#promo li.link a {
display:block;
width:51px;
height:22px;
background:url(../DJBOOTH/images/button-more.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#promo p {
text-align:right;
float:right;
}






















#main-content {
width:100%;
overflow:hidden;
position:relative;
min-height:315px;
padding:35px 0 0;
}

* html #content {
overflow:visible;
height:315px;
}

.center-separate {
position:absolute;
top:60px;
left:490px;
width:13px;
height:315px;
background:url(../DJBOOTH/images/content-separate.png) no-repeat;
overflow:hidden;
display:block;
}

.seo-block {
width:452px;
float:left;
margin:0 0 -33px;
padding:0 0 0 12px;
}

.article {
padding:0 0 46px;
}

.article .head:after {
content:".";
clear:both;
width:100%;
display:block;
height:0;
overflow:hidden;
visibility:hidden;
}

.article .title {
float:right;
text-align:right;
color:#596061;
width:350px;
}

.article .title li {
float:left;
width:100%;
}

.article .title strong {
float:right;
background-repeat:no-repeat !important;
text-indent:-9999px;
overflow:hidden;
height:5px;
position:relative;
margin:0 0 -3px;
}

.article .title strong.item-1 {
width:115px;
background:url(../DJBOOTH/images/article-head-title-1.png);
}

.article .title strong.item-2 {
width:85px;
background:url(../DJBOOTH/images/article-head-title-2.png);
}

.article .date {
float:left;
width:49px;
text-align:center;
font-size:15px;
margin:-5px 0 0;
}

.article .date p {
width:49px;
height:37px;
background:url(../DJBOOTH/images/article-date.png) no-repeat;
font-weight:700;
font-size:20px;
position:relative;
margin:-7px 0 0;
padding:5px 0 0;
}

.article .body {
width:359px;
margin:-29px 0 0 57px;
padding:1px 15px 3px 5px;
}

.article .border {
margin:0 0 0 37px;
}

.article .body .inner {
width:100%;
position:relative;
}

.article .active {
background:url(../DJBOOTH/images/article-body.png);
}

.article .body p {
margin:4px 0 0;
}

.article .action {
width:100%;
overflow:hidden;
padding:6px 0 0;
}

.article .action li {
float:left;
line-height:14px;
padding:0 17px 0 1px;
}

.article .action a {
color:#434a4b;
background-repeat:no-repeat !important;
background-position:left !important;
padding:0 0 0 19px;
}

.article .action .print a {
background:url(../DJBOOTH/images/print-icon.gif);
}

.article .action .comment a {
background:url(../DJBOOTH/images/comment-icon.gif);
}

.article .action .more a {
background:url(../DJBOOTH/images/more-icon.gif);
}

.article .body .full {
width:459px;
}

.main-sidebar {
width:318px;
float:right;
padding:0 13px 0 0;
}

.more-articles {
width:311px;
overflow:hidden;
padding:0 0 0 2px;
}

.more-articles a {
color:#454c4d;
background:url(../DJBOOTH/images/more-article-link-bg.gif) no-repeat left;
padding:0 0 0 7px;
}

.more-articles .head strong {
float:right;
width:160px;
height:5px;
text-indent:-9999px;
background:url(../DJBOOTH/images/more-article-head.png) no-repeat;
overflow:hidden;
margin:0 2px 0 0;
}

.more-articles ul {
width:100%;
overflow:hidden;
padding:17px 0 2px;
}

.more-articles ul li {
width:100%;
float:left;
}

.more-articles ul li span {
float:right;
display:inline;
margin:0 15px 0 0;
}

.more-articles ul li a {
color:#fff;
text-decoration:underline;
font-style:normal;
float:right;
line-height:14px;
background:url(../DJBOOTH/images/more-article-list-link-bg.gif) no-repeat left;
padding:0 0 0 15px;
}

.more-articles ul li p {
float:left;
text-align:right;
width:100%;
padding:6px 0 8px;
}

.more-articles ul li p span {
width:9px;
height:10px;
background:url(../DJBOOTH/images/bullet.png) no-repeat;
overflow:hidden;
margin:4px 0 0 8px;
}

.newsletter {
width:318px;
height:134px;
background:url(../DJBOOTH/images/newsletter-bg.png) no-repeat;
margin:49px 0 0;
}

.newsletter .head:after {
content:".";
clear:both;
width:100%;
height:0;
display:block;
overflow:hidden;
visibility:hidden;
}

.newsletter .title {
float:left;
width:104px;
height:52px;
background:url(../DJBOOTH/images/newsletter-title.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
position:relative;
margin:-14px 0 0 9px;
}

.newsletter .letter {
float:right;
width:100px;
height:85px;
background:url(../DJBOOTH/images/letter.png) no-repeat;
position:relative;
overflow:hidden;
margin:-27px -8px 0 0;
}

.newsletter .body {
line-height:13px;
color:#565b5c;
margin:-5px 0 0;
padding:0 0 0 48px;
}

.newsletter .body p {
margin:0 50px 0 4px;
}

.newsletter .form {
width:100%;
overflow:hidden;
position:relative;
padding:19px 0 0;
}

.newsletter .form .text {
background:url(../DJBOOTH/images/form-text-newsletter.png);
}

.newsletter .form .text input {
color:#4d5252;
}

.newsletter label {
width:31px;
height:5px;
background:url(../DJBOOTH/images/label-email.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
margin:11px 7px 0 0;
}

.bot-bg {
width:848px;
display:block;
height:28px;
background:url(../DJBOOTH/images/bot-bg.png) no-repeat;
overflow:hidden;
}

#box {
border-top:1px solid #505556;
background:#161c1d;
padding:25px 0;
}

#box .inner {
width:1000px;
overflow:hidden;
background:url(../DJBOOTH/images/footer-bg.png) no-repeat;
min-height:175px;
margin:0 auto;
}

* html #box .inner {
overflow:visible;
height:175px;
}

#box .inner .box-1 {
width:263px;
float:left;
padding:0 71px 0 34px;
}

#box .inner .box-2 {
width:269px;
float:left;
padding:0 66px 0 0;
}

#box .inner .box-3 {
width:255px;
float:left;
}

#box .head strong {
height:5px;
display:block;
text-indent:-9999px;
overflow:hidden;
background-repeat:no-repeat !important;
}

#box .head strong.title-1 {
width:89px;
background:url(../DJBOOTH/images/footer-title-1.gif);
}

#box .head strong.title-2 {
width:100px;
background:url(../DJBOOTH/images/footer-title-2.gif);
}

#box .head strong.title-3 {
width:86px;
background:url(../DJBOOTH/images/footer-title-3.gif);
}

#box .head h3 {
margin:19px 0 0;
}

#box .body {
color:#8b8e8e;
padding:8px 0 0;
}

#box .box-1 p {
background:url(../DJBOOTH/images/cite-bg.gif) no-repeat;
}

#box .box-1 p span {
position:relative;
}

#box .box-1 p img {
display:inline;
vertical-align:bottom;
margin:0 0 0 -10px;
}

#box .box-3 .body {
padding:0;
}

#box .body p {
padding:7px 0 0 13px;
}

#box .box-3 p {
padding-left:5px;
}

#box .body p.post {
text-align:right;
font-style:italic;
color:#4e5253;
margin:-9px 13px -7px 0;
padding:0;
}

#box .wrapp a {
float:right;
width:53px;
height:22px;
background:url(../DJBOOTH/images/button-read.png);
text-indent:-9999px;
overflow:hidden;
margin:6px 0 0;
}











#preload {
position:absolute;
top:-9999px;
left:-9999px;
height:0;
width:0;
overflow:hidden;
font:0/0 sans-serif;
background:url(../DJBOOTH/images/main-nav-item-5-hover.png);
}

.italic,address {
font-style:italic;
}

.alignleft,#content,#content2,label {
float:left;
margin:0 12px 12px 0;
padding:3px;

}

.alignleft,input {
float:left;
}




.alignright,#sidebar,#sidebar2 {
float:right;
}

code,#sidebar span {
font-size:12px;
}

#footer span a,#footer span a:hover,.more-articles ul li a:hover {
text-decoration:none;
}

.wrapp,#promo,.more-articles .head,#box .wrapp {
width:100%;
overflow:hidden;
}

.article .head,.newsletter .head {
width:100%;
}

* html .article .head,*+html .article .head,* html .newsletter .head {
height:1%;
}


























#wrap #featured {
	background: url(images/featured.png) no-repeat left top;
	height: 43px;
	width: 206px;
	float: left;
	margin: 5px 0px 0px;
	padding: 0px 0px 5px;
}
#feat-post {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 1000px;
}
#feat-post .box {
	margin: 0px 8px 0px 0px;
	padding: 10px 0px 0px;
	float: left;
	width: 206px;
	background: url(images/promo-box2.png) no-repeat top;
}

#feat-post .box-ul {
	margin: 0px;
	padding: 0px 20px 10px;
	float: left;
	width: 172px;
	background: url(images/center-s.png) repeat-y;
	height: 170px;
}
.feat-img-alt {
	float: left;
	height: 60px;
	width: 172px;
	overflow: hidden;
	padding-top: 6px;
}
.feat-img-alt img {
	border-width: 0px;
	border-style: none;
}
.feat-img {
	float: left;
	height: 60px;
	width: 100%;
	overflow: hidden;
	padding-top: 6px;
}
.feat-img img {
	border-width: 0px;
	border-style: none;
}

.box-ul h1 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 8px 0px;
	float: left;
	width: 100%;
}
.box-ul p {
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
.box-ul p a {
	color: #E48601;
	text-decoration: underline;
}


.box-ul ul {
	margin: 0px;
	padding: 8px 0px 0px;
	float: left;
	width: 100%;
	list-style-type: none;
}
.box-ul h3 {
	font-size: 12px;
	color: pink;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	font-weight: bold;
}
.box-ul ul ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	list-style-type: none;
}
.box-ul ul li {
	margin: 0px 0px 6px;
	padding: 0px;
	float: left;
	width: 100%;
	list-style-type: none;
	font-size: 12px;
}
.box-ul ul ul li {
	margin: 6px 0px 0px;
	padding: 0px;
	float: left;
	width: 100%;
	list-style-type: none;
	font-size: 12px;
}
.box-ul  a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.box-ul a:hover {
	color: #E6570A;
	text-decoration: underline;
	font-weight: bold;
}
.box-ul .full img {
	margin: 0px;
	padding: 10px 0px 0px;
	float: right;
	border-width: 0px;
	border-style: none;
}









#middle {
	margin:0 auto;
	padding:10px 10px 0px 10px;
	background:#000;
	width:820px;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	}