/* global descriptions */

html{ height:100%;}

body{

	height:100%;

	margin:0;

	background:url(../images/repeat-bg.jpg) 50% 20px;

	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#91844e;

}

a{

	color:#9b9266;

	text-decoration:none;

}

a:hover{

	text-decoration:underline;

}

img{

	border-style:none;

}

form{

	margin:0;

	padding:0;

}

input{

	font:100% Verdana, Arial,sans-serif;

	vertical-align:middle;

}

/*---bg---*/

.bg{

	background:url(../images/main-bg.jpg) no-repeat 50% -220px;

	min-height:100%;

}

* html .bg{ height:100%;}

/*---main---*/

#main{

	margin:0 auto;

	overflow:hidden;

	width:950px;

	padding:534px 0 0 14px;

}

/*---logo---*/

.logo{

	margin:0 0 0 -14px;

	background:url(../images/logo.gif);

	width:963px;

	height:145px;

	text-indent:-9999px;

}

.logo a{

	display:block;

	height:100%;

	overflow:hidden;

}

/*---header---*/

#header{

	border-top:1px solid #b39a53;

	margin:27px 0 0;

	padding:5px 0 0;

}

/*---intro---*/

.intro{

	border:solid #b39a53;

	border-width:1px 0;

	overflow:hidden;

	height:1%;

	background:#0f1408;

	padding:22px 17px 24px 21px;

}

.intro img{

	float:left;

	border:1px solid #867744;

}

.intro .note{

	float:right;

	width:565px;

}

.intro .title{

	background:url(../images/hor-dashed-line.gif) repeat-x 0 100%;

	padding:4px 0 22px;

}

.intro .title h2{

	margin:0;

	overflow:hidden;

	background:url(../images/intro-title.gif) no-repeat;

	height:59px;

	text-indent:-9999px;

}

.intro p{

	margin:10px 0;

	font:13px/20px Georgia, "Times New Roman", Times, serif;

	text-align:justify;

}

.intro .buttons{

	margin:27px 0 0;

	padding:0;

	list-style:none;

	overflow:hidden;

	height:1%;

}

.intro .buttons li{

	float:left;

	margin:0 4px 0 0;

}

.intro .buttons a{

	display:block;

	width:277px;

	height:41px;

	overflow:hidden;

	text-indent:-9999px;

	background-repeat:no-repeat !important;

}

.intro .buttons a:hover{ background-position:0 -41px !important;}

.intro .buttons a.preorder{ background:url(../images/preorder.jpg);}

.intro .buttons a.listen{ background:url(../images/listen.jpg);}

.arrows {
	position:absolute;
	left:50%;
	margin-left:-490px;
	top:80px;
	width:430px;
	height:285px;
	z-index:2;
}

.twitter a{
	width: 112px;
	height: 36px;
	left:0px;
	top: 0px;
	position: absolute;
	z-index: 2;
	display:block;
	background-image:url(http://i117.photobucket.com/albums/o67/waxchemistry/sergedevant/trans-1.gif);
}

.myspace a{
	width: 133px;
	height: 36px;
	left:297px;
	top: 33px;
	position: absolute;
	z-index: 2;
	display:block;
	background-image:url(http://i117.photobucket.com/albums/o67/waxchemistry/sergedevant/trans-1.gif);
}

.facebook a{
	width: 119px;
	height: 36px;
	left:295px;
	top: 88px;
	position: absolute;
	z-index: 2;
	display:block;
	background-image:url(http://i117.photobucket.com/albums/o67/waxchemistry/sergedevant/trans-1.gif);
}

.youtube a{
	width: 92px;
	height: 44px;
	left:8px;
	top: 116px;
	position: absolute;
	z-index: 2;
	display:block;
	background-image:url(http://i117.photobucket.com/albums/o67/waxchemistry/sergedevant/trans-1.gif);
}

.beatport a{
	width: 114px;
	height: 44px;
	left:8px;
	top: 242px;
	position: absolute;
	z-index: 2;
	display:block;
	background-image:url(http://i117.photobucket.com/albums/o67/waxchemistry/sergedevant/trans-1.gif);
}


/*---navigation---*/

.nav{

	margin:5px 0 0;

	padding:0;

	list-style:none;

	overflow:hidden;

	height:1%;

	font:26px/72px Georgia, "Times New Roman", Times, serif;

	border-top:1px solid #b39953;

}

.nav li{

	float:left;

	padding:0 0 0 70px;

	background:url(../images/nav-separator.gif) no-repeat 34px 23px;

}

.nav li:first-child{

	padding:0;

	background:none;

}

/*---center---*/

#center{

	overflow:hidden;

	height:1%;

	background:url(../images/center-bg.gif) repeat-y 100% 0;

}

/*---content---*/

.content{

	float:left;

	width:643px;

}

/*---blog---*/

.blog{

	padding:19px 22px 22px 19px;

	background:url(../images/blog-bg.png);

	margin:0 0 12px;

	color:#181d0f;

	height:1%;

}

.blog-cont{

	background:url(../images/blog-cont.gif);

	position:relative;

	padding:23px 19px 27px 17px;

}

.blog .head{

	overflow:hidden;

	height:1%;

	padding:0 0 5px;

	border-bottom:1px solid #444324;

}

.blog .head h3{

	margin:0 14px 0 0;

	float:left;

	font:22px/22px Georgia, "Times New Roman", Times, serif;

	color:#253016;

}

.blog .head .date{

	float:left;

	color:#253016;

	font-size:10px;

	margin:10px 0 0;

}

.blog img{

	display:block;

	margin:13px 0 18px;

}

.blog p{

	margin:0;

	line-height:19px;

	text-align:justify;

}

/*---sidebar---*/

.sidebar{

	float:right;

	width:262px;

	padding:16px 18px 0 0;

}

.sidebar .serge .title{

	border-bottom:1px solid #887c59;

	padding:0 0 3px;

	background:none;

}

.sidebar .serge h3{

	margin:0;

	padding:0 0 12px;

	height:42px;

	background:url(../images/serge.gif) no-repeat;

	text-indent:-9999px;

	overflow:hidden;

	border-bottom:1px solid #887c59;

}

.serge .textwidget,

.serge p{

	margin:15px 0;

	line-height:15px;

	text-align:justify;

}

/*---title---*/

.sidebar h3{

	margin:17px 0 0;

	text-indent:-9999px;

	overflow:hidden;

	height:32px;

	overflow:hidden;

}

.sidebar .title{

	background:url(../images/hor-dashed-line.gif) repeat-x 0 100%;

	padding:0 0 7px;

}

.sidebar h3.disco{ background:url(../images/disko.gif) no-repeat;}

.sidebar h3.newsletter {background:url(../images/newsletterbg.gif) no-repeat;}

.sidebar h3.download{ background:url(../images/download.gif) no-repeat;}

.sidebar h3.affiliate{ background:url(../images/affiliances.gif) no-repeat;}

.sidebar h3.categories{ background:url(http://sergedevant.com/wordpress/images/t_categories.gif) no-repeat;}

.sidebar h3.archives{ background:url(http://sergedevant.com/wordpress/images/t_archives.gif) no-repeat;}

.sidebar h3.merch{ background:url(http://sergedevant.com/wordpress/images/t_merch.gif) no-repeat;}
.sidebar h3.events{ background:url(../images/events.png) no-repeat;}

/*---events---*/

.sidebar ul.events{

	margin:8px -8px 0 0;;

	padding:0;

	list-style:none;


	width:260px;

}

.sidebar ul.events li{
    position: relative;
    border-bottom: 1px dotted #78AF9A;
    line-height: 25px;
    padding: 0 0 0 10px;
    z-index: 1;
}
.sidebar ul.events li A:hover{
    text-decoration: none;
}
.sidebar ul.events li:hover{
    background:#78AF9A;
    border-bottom: 1px dashed #13180B;
    z-index: 1001; 
}
.sidebar ul.events li:hover SPAN.date, .sidebar ul.events li:hover SPAN.venue ,.sidebar ul.events li:hover SPAN.city{
  color: #151B0D;
}
.sidebar ul.events li SPAN.date{
    font-weight: bold;
    font-size: 17px;
    color: #91844E;
    font-family: Georgia;
}
.sidebar ul.events li SPAN.venue{
    font-size: 12px;
    color: #DED5AD;
    font-family: Trebuchet MS;
}
.sidebar ul.events li SPAN.city{
    font-size: 12px;
    color: #78AF9A;
    font-family: Trebuchet MS;
}

.sidebar ul.events LI img{
  display:none;
  position: absolute;
  border: 4px solid #78AF9A;
  top: 28px;
  left: 0;
  width: 150px;
  height: 204px;
    z-index: 1001;
}
.sidebar ul.events LI:hover img{ display:block;}

/*---disco---*/

.sidebar ul.disco{

	margin:8px -8px 0 0;;

	padding:0;

	list-style:none;

	overflow:hidden;

	width:270px;

}

.sidebar ul.disco li{

	float:left;

	margin:0 8px 0 0;

}

.sidebar ul.disco img{ display:block;}

/*---list---*/

.sidebar .xoxo,

.sidebar .list{

	margin:12px 0 0;

	padding:0;

	list-style:none;

	overflow:hidden;

	height:1%;

	font-size:14px;

	line-height:20px;

}

.sidebar .xoxo li,

.sidebar .list li{

	float:left;

	width:100%;

}

.sidebar .xoxo a,

.sidebar .list a{

	display:block;

	position:relative;

	padding:0 32px;

	background:url(../images/side-bullet.gif) no-repeat 14px 50%;

}

.sidebar .xoxo a:hover,

.sidebar .list a:hover{

	text-decoration:none;

	background-color:#6ba28b;

	background-image:url(../images/side-bullet-hover.gif);

	color:#111409;

}