/*

COLORS:

yellow-orange: e6a423
yellow-orange 2: ffb_f412
light-yellow-orange: ffb_000
green: 80e66f
blue: 4daae5
purple: 8d74fc
light-blue: 99d6ff
red: fb6262

VECTOR COLORS:

Green: 80e66fff

*/


.more {
	display: none; }


audio.html5-player { margin-top: 10px;}



html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }

/* @import("css/reset.css"); */

/* MAIN STRUCTURE */

#container {
	width: 925px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #FFFFFF; 
	padding: 5px;
	clear: both;	
	zoom: 1;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
/* IE 9 curvy corner support */
	border-radius: 15px;
	box-shadow: black 2px 3px 11px -3px;
}

p {
	margin-top: 1em;
}

#header	 {
	padding-left: 13px;
	width: 750px;
	float: left;
}

#headerlogo {
width: 225px;
height: 60px;
float: left;
}

#IEroot {
padding: 3px;
margin-left: 30px;
width:360px; 
height:42px; 
border: 2px solid #f49396;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #f49396;
font-size: 12px;
float: left;
}

#IEroot a {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #f49396;
font-size: 12px;
}

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #99d6ff;
}

#contentheader {
	float: left;
	width: 800px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	padding-top: 10px;
	color: #fb6262;
	font-size: 18px;
	font-weight: bold;
}

#content {
	float: left;
	width: 885px;
	padding-left: 20px;
	line-height: 125%;			
	padding-bottom: 10px;	
}

a.mixes{
font-weight: bold;
color: #fb6262;
}

#vinyl-all-header a.view-vinyl-collection:hover {
font-weight: bold;
color: #80e66f;
}

a.mixes:hover {
font-weight: bold;
color: #80e66f;
}

a.mixes-nonbold{
color: #000;
}

#footer {
	margin-left: 20px;
	margin-right: 20px;
	border-top: 1px solid #000000;
	clear: both; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	}	
	
#footer img {
margin-top: 2px;
width: 80px;
height: 15px;
float: right;	
}

/* ---NAVIGATION--- */

#menu-capsule {
float: left;
width: 922px;
border-bottom: 2px solid #99d6ff;
}  

#headerlinks {
float: left;
padding-right: 3px;
height: 63px;
}

#widemenu ul li {
	float: left;
	list-style-type: none;
	padding: 0px 18px 0px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

#widemenu ul li a {
	color: #000000;
	text-decoration: none;
}

#widemenu ul li a:hover {
	border-bottom: 2px solid;
	border-bottom-color: #fb6262;
}

#widemenu { 
	padding-left: 5px;
	/* margin-bottom: 15px; */
	height: 10px;
}

#widemenu ul {
	padding: 0px;
}

a.active {
	border-bottom-style: solid;
    border-bottom-width: 2px;
	color: #fb6262;
	border-bottom-color: #fb6262;
	zoom: 1;	
}

/* ---HOME PAGE--- */

/* SLIDE SHOW TOUR */

.clear {
	clear:both
}

#soundcloud-box {
	float: left;
	height: 81px;
	position:relative;
	width: 590px;
	border-radius: 3px;
	border: 2px solid #99d6ff;
position:relative;
	z-index:1;
}

p.soundcloud-not-supported {
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #8d74fc;
	font-size: 12px;
	font-weight: bold;
}

	#news-heading { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fb6262;
	font-size: 13px;
	font-weight: bold;float: left; margin: 10px 300px -2px 30px; 
	border: 2px solid #99d6ff;
	border-bottom: 2px solid #fff;
	position:relative;
	z-index:2; padding: 1px 5px 1px 5px; 	border-radius: 15px 15px 0px 0px;}
	
	#shoutbox-heading { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fb6262;
	font-size: 13px;
	font-weight: bold;
	float: right; 
	margin: -20px 50px 0px 0px;	
	padding: 1px 5px 1px 5px;
	border: 2px solid #99d6ff;
	border-bottom: 2px solid #fff;
	position:relative;
	z-index:2;
	border-radius: 15px 15px 0px 0px;}
	
	#soundcloud-heading { font-family: Verdana, Arial, Helvetica, sans-serif; color: #fb6262; font-size: 13px; font-weight: bold;float: left; margin: 10px 60px -2px 30px; 
	border: 2px solid #99d6ff;
	border-bottom: 2px solid #fff;
	position:relative;
	z-index:2; padding: 1px 5px 1px 5px; border-radius: 15px 15px 0px 0px;}
	
	#musicbox1-heading { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fb6262;
	font-size: 13px;
	font-weight: bold;float: left; margin: 10px 70px -2px 20px; 
	border: 2px solid #99d6ff;
	border-bottom: 2px solid #fff;
	position:relative;
	z-index:2; padding: 1px 5px 1px 5px; border-radius: 15px 15px 0px 0px;}
	
	#musicbox2-heading { font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fb6262;
	font-size: 13px;
	font-weight: bold;float: left; margin: 10px 0px -2px 30px; 
	border: 2px solid #99d6ff;
	border-bottom: 2px solid #fff;
	position:relative;
	z-index:2; padding: 1px 5px 1px 5px; border-radius: 15px 15px 0px 0px;}

	#musicbox {
	float: left;		
	margin-right: 33px;	
	width: 	246px;
	height: 200px;
	border: 2px solid #99d6ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 15px;
	color: #fb6262;
	font-size: 13px;
	font-weight: bold;
	background-color: #ffffff;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	border-radius: 15px;
	position:relative;
	z-index:1;}
	
		#musicbox2 {
	float: left;		
	width: 	246px;
	height: 200px;
	border: 2px solid #99d6ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 15px;
	color: #fb6262;
	font-size: 13px;
	font-weight: bold;
	background-color: #ffffff;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	border-radius: 15px;
	position:relative;
	z-index:1;}
	
	
#newsbox {
	float: left;
	width: 550px;
	height: 102px;
	border: 2px solid #99d6ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	padding-right: 20px;
	color: #fb6262;
	font-size: 13px;
	font-weight: bold;
	background-color: #ffffff;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	border-radius: 15px;
	position:relative;
	z-index:1;}

#newsbox a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}	

#newsbox p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

#shoutbox {
margin-top: -2px;
padding-top: 5px;
width: 280px;
height: 475px;
float: right;
border: 2px solid #99d6ff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;	
color: #fb6262;
background-color: #ffffff;	
-moz-border-radius: 15px; 
-webkit-border-radius: 15px;
border-radius: 15px;
position:relative;
	z-index:1;
}

#form-line {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
margin-left: 15px;
width: 251px;
height: 20px;
color: #000;
}
#form-line input {
width: 150px;
height: 13px;
float: right;
border: #99d6ff 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

.altButtonFormat {
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: #80e66f 2px solid;
color: #000;
float: right;
margin-top: 8px;
margin-right: 15px;
}

#messages-box {
padding-top: 5px;
width: 240px;
height: 350px;
margin: 5px 0 10px 15px;
border: #99d6ff 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
overflow: auto; padding: 5px;
}

#message-text {
margin-left: 5px;
width: 220px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
font-weight: normal;	
color: #000;
}

#message-text a {
color: #000;
font-weight: bold;
}

#message-date {
text-align: right;
font-weight: normal;	
color: #000;
margin-left: 5px;
width: 220px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

/* -----------------------ABOUT ME PAGE
------------------------------------------ */ 

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/various/solar_map.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#map {position:relative; margin-top:10px; margin-left: 42.5px; width:800px; height:569px; font:76% arial, verdana, sans-serif; color: #000000; border:3px solid #99d6ff; zoom: 1px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}
#map ul {padding:0; margin:0; list-style:none; position:absolute; top:0; left:0;}
#map ul li {position:absolute; display:block; cursor:pointer; background:url(../images/aboutme/transparent.gif); }
#map ul li.recordsbottom {width:532px; height:181px; top:382px; left:66px;}
#map ul li.turntableleft {width:259px; height:135px; top:181px; left:1px;}
#map ul li.mixer {width:171px; height:180px; top:163px; left:230px;}
#map ul li.fortunecookie {width:54px; height:28px; top:81px; left:297px;}
#map ul li.recordsright {width:192px; height:223px; top:181px; left:608px;}
#map ul li.picturedisk {width:169px; height:114px; top:192px; left:403px;}
#map ul li.bike {width:105px; height:183px; top:0px; left:695px;}
#map ul li.sanddollar {width:78px; height:51px; top:14px; left:113px;}
#map ul li.klipsch {width:106px; height:94px; top:101px; left:46px;}
#map ul li.lobster {width:85px; height:82px; top:97px; left:524px;}
#map ul li.scantron {width:38px; height:50px; top:153px; left:306px;}
#map ul li.seabiscuit {width:65px; height:57px; top:15px; left:541px;}
#map ul li.needles {width:52px; height:74px; top:332px; left:364px;}

#map ul li:hover {z-index:300;}
#map ul li:hover {z-index:500;}

#map ul li:hover.recordsbottom {background:url(../images/aboutme/recordsbottom.jpg);}
#map ul li:hover.turntableleft {background:url(../images/aboutme/turntableleft.jpg);}
#map ul li:hover.mixer {background:url(../images/aboutme/mixer.jpg);}
#map ul li:hover.fortunecookie {background:url(../images/aboutme/fortunecookie.jpg);}
#map ul li:hover.recordsright {background:url(../images/aboutme/recordsright.jpg);}
#map ul li:hover.picturedisk {background:url(../images/aboutme/picturedisk.jpg);}
#map ul li:hover.bike {background:url(../images/aboutme/bike.jpg);}
#map ul li:hover.sanddollar {background:url(../images/aboutme/sanddollar.jpg);}
#map ul li:hover.klipsch {background:url(../images/aboutme/klipsch.jpg);}
#map ul li:hover.lobster {background:url(../images/aboutme/lobster.jpg);}
#map ul li:hover.scantron {background:url(../images/aboutme/scantron.jpg);}
#map ul li:hover.seabiscuit {background:url(../images/aboutme/seabiscuit.jpg);}
#map ul li:hover.needles {background:url(../images/aboutme/needles.jpg);}

#map ul li .xsnazzy {visibility:hidden;}

#map ul li:hover .xsnazzy {visibility:visible;}

/* For IE7 to keep the :hover over .xsnazzy - goodness knows why? */
#map ul li:hover .xsnazzy {background:url(../images/transparent.gif);}

.xsnazzy {display:block; position:absolute; height:auto; text-align:center;}

.recordsbottom .xsnazzy {left:35px; top:-220px; width:450px;}
.turntableleft .xsnazzy {left:235px; top:-20px; width:280px;}
.mixer .xsnazzy {left:-450px; top:-90px; width:450px;}
.fortunecookie .xsnazzy {left:-275px; top:-125px; width:350px;}
.recordsright .xsnazzy {left:-150px; top:-90px; width:325px;}
.picturedisk .xsnazzy {left:0px; top:75px; width:350px;}
.bike .xsnazzy {left:-50px; top:150px; width:325px;}
.sanddollar .xsnazzy {left:-40px; top: 30px; width:300px;}
.klipsch .xsnazzy {left:-35px; top:80px; width:300px;}
.lobster .xsnazzy {left:-35px; top:80px; width:250px;}
.scantron .xsnazzy {left:-45px; top:50px; width:300px;}
.seabiscuit .xsnazzy {left:-40px; top: 30px; width:300px;}
.needles .xsnazzy {left:-255px; top:-150px; width:350px;}


.xsnazzy h1, .xsnazzy p {margin:0 10px;}
.xsnazzy h1 {font-size:1.5em; color:#000; font-weight: bold; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #000;}
.xsnazzy p {padding-bottom:0.5em; color:#000; font-size:12px; text-align:left;}
.xsnazzy {background: transparent; margin:1em;}


.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; font-size:0; overflow:hidden;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #80e66f; border-right:1px solid #80e66f;}
.xb1 {margin:0 8px; background:#80e66f;}
.xb2 {margin:0 6px; background:#80e66f;}
.xb3 {margin:0 4px; background:#80e66f;}
.xb4 {margin:0 3px; background:#fff; border-width:0 5px; }
.xb5 {margin:0 2px; background:#fff; border-width:0 4px;}
.xb6 {margin:0 2px; background:#fff; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#fff; border-width:0 3px; height:2px;} 
	
.xboxcontent {display:block; background:#fff; border:3px solid #80e66f; border-width:0 3px;}
.xboxcontent a, .xboxcontent a:visited {text-align: center; display:block; color:#fb6262; font-weight:bold; font-size:12px; text-indent:0; padding:4px;}

#map ul li:hover .xsnazzy .xboxcontent a:hover {color:#fb6262;}

.xsnazzy em.point_top {display:block; font-size:0; width:25px; height:14px; background:url(../images/point.gif) center top; position:absolute; left:50px; top:-11px;}

.xsnazzy em.point_bottom {display:block; font-size:0; width:25px; height:14px; background:url(../images/point.gif) center bottom; position:absolute; right:50px; bottom:-11px;}
/* for IE5.5 */
* html .xsnazzy em.point_bottom {bottom:-12px;}

.xsnazzy em.point_left {display:block; font-size:0; width:14px; height:25px; background:url(../images/point.gif) left center; position:absolute; left:-11px; top:30px;}

.xsnazzy em.point_right {display:block; font-size:0; width:14px; height:25px; background:url(../images/point.gif) right center; position:absolute; right:-11px; top:125px;}
/* for IE5.5 */
* html .xsnazzy em.point_right {right:-12px; ri\ght:-11px;}


/* -----------------------ART PAGE
------------------------------------------ */ 

#art-photos-box {
	float: left;
	width: 860px;
	padding-left: 67px;
	margin: 0 0 20px 0;
	/*border: 2px solid #80e66f;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #ffffff;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	border-radius: 20px;
}

#art-photos-box h1 {
	
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	text-decoration:underline;
}


#art-photo {
	float: left;
	width: 175px;
	height: 130px;
	margin-right: 20px;
	margin-bottom:20px;
	border: 3px solid #99d6ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
}

#art-photo:hover {
	/*border: 1px solid #fb6262;*/
	border: 3px solid #80e66f;
}


/* -----------------------PHOTOS PAGE
------------------------------------------ */ 

#trip-photos-box {
	float: left;
	width: 860px;
	padding-left: 67px;
	margin-right: 20px;
	margin-bottom: 10px;
	/*border: 2px solid #80e66f;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

#trip-photos-box h1{
	
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	text-decoration:underline;
}

#trip-photo-encapsulation {
float: left;
height: 175px; 
width: 175px;
margin-right: 20px;
margin-bottom: 30px;
}

#trip-photo-vertical-text-encapsulation {
float: left;
margin-left: 22.5px;
height: 175px; 
width: 140px;
}

#trip-photo{
	width: 175px;
	height: 130px;
	margin-right: 20px;
	margin-bottom:5px;
	border: 3px solid #99d6ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
}

#trip-photo-horizontal{
	width: 175px;
	height: 130px;
	margin-top: 22.5px;
	margin-right: 20px;
	margin-bottom:5px;
	border: 3px solid #99d6ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
}

#trip-photo-vertical{
	float: left;
	width: 130px;
	height: 175px;
	border: 3px solid #99d6ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
}

#trip-photo-horizontal:hover, #trip-photo-vertical:hover, #trip-photo:hover{
	/*border: 1px solid #fb6262;*/
	border: 3px solid #80e66f;
}

#photo-album-back {
font-weight: bold;
width: 875px;
float: left;
padding-left: 20px;		
padding-bottom: 20px;	
text-decoration:underline;
}

#photo-album-back a {
color: #000;
}

#photo-album-back a:hover {
color: #fb6262;
}

#trip-photo-albums-title {
	float: left;
	width: 190px;
	height: 160px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}



/* -----------------------GOOD MUSIC PAGE
------------------------------------------ */ 

#bandinfo {
	text-align: left;
	margin-top: 10px;	
	width: 840px;
	border: 2px solid #99d6ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	font-size: 11px;
	font-weight: bold;
	background-color: #ffffff;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 5px;
	}

#bandinfo h2, #bandinfo2	 h2 {
	margin-top: -5px;
	margin-right: -10px;
	margin-left: -10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 15px;
	color: #000;
	font-weight: bold;
	background-color: #ffffff;	
}

#bandinfo li, #bandinfo2 li{
margin: 5px 0 0 -20px;
list-style-type: none;
}

#bandinfo ul.artists{
margin-top: -19px;
margin-left: 130px;
}

#bandinfo li.artists{
margin: 5px 0 0 -40px;
list-style-type: none;
list-style-position: inside;
}

#bandinfo p.videodiv {
    margin-bottom: 10px;
}

#bandinfo p.videodiv a{
    margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fb6262;
}

#bandinfo p.videodiv a:hover{
color: #4daae5;
}

#bandinfo p{
margin-left: -5px;
}

#bandinfo a{
color: #000;
}

#bandinfo a:hover {
color: #fb6262;
}



#bandphoto{
	float: right;
	padding-left: 4px;
	padding-top: 4px;
	background-color: #99d6ff;
	height: 155px;
	width: 155px;
	border: 3px solid #99d6ff;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#bandphoto:hover {
	float: right;
	padding-left: 4px;
	padding-top: 4px;
	background-color: #fb6262;
	height: 155px;
	width: 155px;
	border: 3px solid #fb6262;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	}

#bandvids{
	float: left;
	margin: 10px 0 10px 3px;
	padding-left: 10px;
	padding-top: 10px;
	height: 210px;
	width: 260px;
	background-color: #80e66f;
	border: 3px solid #80e66f;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;
}

#trans {
background:url(../images/aboutme/transparent.gif); }
}

/* -----------------------MIXES PAGE
------------------------------------------ */ 

#track-line {
width: 600px;
height: 40px;
}

#track-line-number {
float: left;
width: 15px;
height: 30px;
margin-top: 10px;	
text-align: right;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;	
}

#track-line-art {
float: left;
margin-left: 10px;
width: 35px;
height: 35px; 
border: 1px solid #80e66f;
}

#track-line-art:hover { webkit-transform-origin-x: 300%;
-webkit-transform-origin-y: 100%;
-webkit-transform: translate(0px, 0px) rotate(0deg) scale(3.5); 
position:relative;
z-index: 3; }

#track-line-info {
float: left;
width: 770px;
height: 30px;
margin-left: 5px;
margin-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;	
}
#track-line-text {
float: left;
}

#track-line-player {
float: right;
height: 17px;
margin-left: 5px;
}

#track-line-art a { 
	display:block;
	text-decoration: none;
	}
	
#track-line-art a:hover{ /* buradaki relative degerini a'nin normal durumuna tasimayin. sadece hover durumunda kalmasi gerekiyor */
 	position:relative;
}

#track-line-art img { /* bunu kendi halinde birakin yoksa IE6 linklerin etrafina çerçeve ekliyor */
border-width: 0;

}

.resize_thumb {
	width: 35px; /* istediginiz küçük resim genisligini burada girin */
}

#track-line-art span img {
	border: 1px solid #FFFFFF; /* resmin hemen etrafina çizgi ekliyor */
	margin-bottom: 6px; /* resim yazisini resimden asagi dogru iktiriyor */
}

#track-line-art a span {  /* bu kisim büyk resim ve resim yazisi için */
	position: absolute;
	display:none;
	color: #FFFFFF; /* resim yazisi rengi */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* resim yazisi boyutu  */
	background-color: #000033;
	font-weight: bold;
	padding: 8px;
}

#mixes {
width: 840px;	
margin-top: 15px;
padding-left: 20px;
padding-top: 10px;
padding-right: 20px;
border: 2px solid #99d6ff;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px;
float: left;	
}



#mixes-soundcloud-heading { font-family: Verdana, Arial, Helvetica, sans-serif; color: #fb6262; font-size: 13px; font-weight: bold; float: left; margin:10px 0px -2px 30px; border: 2px solid #99d6ff; border-bottom: 2px solid #fff; position:relative; z-index:2; padding: 2px 5px 2px 5px; border-radius: 15px 15px 0px 0px;}

#show-tracklisting-encasing { font-family: Verdana, Arial, Helvetica, sans-seri; color: #fb6262; font-size: 13px; font-weight: bold; float: right; margin:-2px 100px 0px 0px; border: 2px solid #99d6ff; border-top: 2px solid #fff; position:relative; z-index:2; padding: 1px 5px 5px 5px; border-radius: 0px 0px 15px 15px;}

#mixes-soundcloud { width: 840px; padding-left: 20px; padding-top: 10px; padding-right: 20px; border: 2px solid #99d6ff; -moz-border-radius: 10px; -webkit-border-radius 10px; border-radius: 10px; position:relative; float: left; z-index:1;}

#mixes-soundcloud-standalone-mix {
width: 840px;
margin: 20px 0px 10px 0px;
padding-left: 20px;
padding-top: 10px;
padding-right: 20px;
border: 2px solid #99d6ff;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px;
position:relative;
float: left;
z-index:1;
}

b.request-a-track-headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #80e66f;
	font-size: 14px;
	font-weight: bold;
}



p.hover-to-enlarge { float: left; margin: -10px 325px 10px 0px; }
p.hover-to-enlarge-vinyl-request { float: left; margin: 10px 350px 10px 0px; }

#mix-information {
width: 840px;
height: 50px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #fb6262;
font-weight: bold;
}

#mix-information-single {
width: 840px;
height: 35px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #fb6262;
font-weight: bold;
}

#mix-information a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #fb6262;
font-weight: bold;
}

#mix-information-text {
height: 35px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #fb6262;
font-weight: bold;
}

#mix-information-text a:hover {color: #80e66f;}	

#mix-information-single a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #fb6262;
font-weight: bold;
}



#mix-information-text {
float: left;
height: 25px;
}

#mix-player {
float: left;
padding-left: 3px;
margin-top: -1px;
width: 200px;
height: 20px;
}

#mix-information-text p.tracklist-show-hide {
	margin-left: 2px;
    margin-top: 90px;
	padding-bottom: 10px;
}

#mix-information-text p.tracklist-show-hide-none-soundcloud a { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000;}
#mix-information-text p.tracklist-show-hide-none-soundcloud a:hover { color: #99d6ff;}
#mix-information-text p.tracklist-show-hide-none-soundcloud { margin: 10px 0px 10px 2px; padding-bottom: 10px; }

#mix-information-text p.tracklist-show-hide a, #show-tracklisting-encasing a {
    margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#mix-information-text p.tracklist-show-hide a:hover, #show-tracklisting-encasing a:hover {
color: #4daae5;
}

#pagination-box-mixes {
margin-left: 38%;
height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
float: left;
font-size: 10px;
font-weight: bold;
margin-top: 10px;
}



/*---- SOUNDCLOUD MIX CONTENT -----*/

#mix-player-soundcloud  { float: left; padding-left: 3px; margin-top: -1px; width: 100%; height: 90px; }
#mix-player-soundcloud-standalone { float: left; padding-left: 3px; margin-top: -1px; width: 100%; height: 100px; }
#mix-information-soundcloud, #mixes-soundcloud-heading {font-family: Verdana, Arial, Helvetica, sans-serif; color: #fb6262; font-size: 13px; font-weight: bold;}
#mix-information-soundcloud, #mixes-soundcloud-heading a, #soundcloud-heading a {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #fb6262;font-weight: bold;}
#mix-information-soundcloud, #mixes-soundcloud-heading a:hover, #soundcloud-heading a:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #80e66f;font-weight: bold;}
#mix-information-soundcloud a.show-tracklisting { border-bottom: 2px solid; 	border-bottom-color: #fb6262;text-decoration: none;}

/* -----------------------VINYL PAGE
------------------------------------------ */ 

#track-line-vinyl {
width: 880px;
height: 40px;
}

#track-line-vinyl-info {
float: left;
width: 825px;
height: 30px;
margin-left: 5px;
margin-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;	
}

#vinyl-back a {
width: 875px;
float: left;	
padding-bottom: 20px;	
font-weight: bold;
color: #000;
text-decoration:underline;
}

#vinyl a {
color: #000;
}

#vinyl a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 18px;
	font-weight: bold;
}


#pagination-box-vinyl-all {
margin-left: 25%;
height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: 10px;
font-weight: bold;
}

#pagination-box-vinyl {
margin-left: 35%;
height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: 10px;
font-weight: bold;
}


#vinyl-all {
width: 395px;	
float: left;
margin: 15px 0px 0px 0px;
padding-left: 20px;
padding-top: 10px;
padding-right: 20px;
border: 2px solid #99d6ff;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px;
}



#vinyl-search {
width: 395px;
float: right;
margin: 15px 0px 0px 0px;
padding: 14px 20px 12px 20px;
border: 2px solid #99d6ff;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px;
}

#vinyl-group {
width: 840px;	
float: left;
margin-top: 10px;
padding-left: 20px;
padding-top: 10px;
padding-right: 20px;
border: 2px solid #99d6ff;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px;
}

#vinyl-group-header {
	width: 840px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px 10px 0;
	color: #fb6262;
	font-size: 18px;
	font-weight: bold;
}

#vinyl-all-header, #vinyl-all-header a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0px 10px 25px;
	margin: 0px 0px 10px 0px;
	color: #fb6262;
	font-size: 18px;
	font-weight: bold;
}

.altButtonVinylSearch {
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
border: #80e66f 4px solid;
color: #000;
float: right;
}

#vinyl-search label{
	font-weight: bold;
	
}

/*------------------CONTACT                 
--------------------------------------*/

#contact-form{
	text-align: left;
	margin-top: 30px;	
	margin-bottom: 15px;
	margin-left: 20%;
	width: 450px;
	border: 4px solid #99d6ff;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	font-size: 12px;
	background-color: #ffffff;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
}

#contact-form-text{
	font-weight: bold;
	
}


#contact-form-line {
width: 450px;
height: 30px;
}

#contact-form-text {
width: 120px;
float: left;
}



form label.required input {
	background-color: #f1fdc6;
}

form .success {
    float: right;
	width: 297px;
	color: #2c421b;
	background-color: #8acd55;
	padding: -20px 15px 10px 15px;
	border-top: 1px solid #a9fa68;
	border-bottom: 1px solid #6fa444;
	margin: 1px !important;
}

form .error {
	color: #5f311b;
    float: right;
	width: 297px;
	background-color: #fb834b;
	border-top: 1px solid #fcc8a4;
	border-bottom: 1px solid #ae5832;
	padding: -20px 15px 10px 15px;
	margin: 1px !important;
}

form .error{
	color: #b12123;
	font-weight: bold;
}

.altButtonContact {
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
border: #80e66f 4px solid;
color: #000;
margin-right: 15px;
margin-bottom: 10px;
}

/** ERROR PAGE     **/

#content a.contact {
color: #000;
}

img.road {
margin-top: 20px;
margin-bottom: 10px;
margin-left: 30%;
border: 5px solid #80e66f;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}

/* Pagination
================================================*/

ul.pagination {
    margin: 0;
}

ul.pagination li {
    list-style-type: none;
    font-size: 1.2em;
    display: inline-block;
}

ul.pagination li a {
    display: block;
    float: left;
    padding: 2px 8px;
    margin-right: 3px;
    color: #000;
}

ul.pagination li span {
    float: left; 
    margin-right: 4px;
}

ul.pagination li a.page {
    color: #000;
    font-weight: bold;
}

ul.pagination li a.page:hover {
    text-decoration: none;
	color: #fb6262
}

ul.pagination li.selected a.page {
    color: #fb6262;
}

ul.pagination li.disabled a {
    color: #000;
    cursor: default;
}