/*============================================================================*/
/*============================================================================*/
/*==================    CSS/XHTML/JS by David Kyrejko     ====================*/
/*============================================================================*/
/*==========================   www.dkyrejko.com   ============================*/
/*============================================================================*/
/*============================================================================*/


*{ margin: 0px; padding: 0px;}
body { background: #828282; font-family: Arial, sans-serif; font-size: 63.5%;}


/*content structure*/
#container { width: 800px; margin: 10px auto 0px;   }


/*header*/
#header { height: 112px; background: url(/image/dp_header2.jpg) no-repeat; position: relative;}
#head-home-link, #header-desc {  width: 300px; height: 70px; display: block; position: absolute; text-indent: -5000em; text-transform: capitalize; top: 20px;}
#header-desc { right: 0px;  }

/*content*/
#content { background:url(/image/back-main.jpg) no-repeat;}
#left-col { float: left; width: 116px; padding: 30px 20px; }
ul#nav { list-style-type: none; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dashed white;}
ul#nav li { margin-bottom: 10px; }
ul#nav li a { font-size: 1.4em; font-weight: bold; color: white;}
ul#nav li a:hover, ul#nav li a.act { color: #d6f1fc; }

#center-col{ float: left; width: 594px; padding: 30px 25px; position: relative;   }
.home-center { padding-bottom: 20px!important;}
#right-col { float: right; width: 156px; margin: 15px 30px 0px 0px;  padding: 8px; background: url(/image/right-col.jpg) no-repeat; height: 300px; overflow-y: auto; overflow-x: hidden!important}
.featured-tracks { height: 200px!important;  margin-bottom: 0!important }
.home-featured { height: 328px!important;  }
.featured-tracks li { margin-bottom: 15px!important; }

.has-right-col #center-col { width: 400px; padding-right: 15px; }


/*song lists*/
ol.track-list { padding-top: 5px; margin-bottom: 20px; list-style: none; height: 245px; overflow-y: auto; overflow-x: hidden!important}
ol.track-list li { margin-bottom: 20px; background:url(/image/speaker.gif) no-repeat 0 0; }
ol.track-list li a { padding: 0  0 0 30px; background:url(image/speaker.gif) no-repeat 0 0;  display: block; }
ol.track-list li a:hover {background:url(/image/speaker.gif) no-repeat 0px -87px #081a32;  }
ol.track-list li a dl { cursor: pointer;}
ol.track-list li a dl dd, ol.track-list li a dl dt { float: left; font-size: 1.2em; margin-bottom: 4px; line-height: 1em;}
ol.track-list li a dl dd { margin-right: 4px; font-weight: bold;}
ol.track-list li a dl.desc dt {   width: 80%; }
ol.track-list li a dl dt { color: white; padding-right: 8px; border-right: 1px solid white; margin-right: 8px;}
ol.track-list li a dl dt.last { border: none;}

ul.featured-work-list { list-style: none;}
ul.featured-work-list li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dashed white;  }
ul.featured-work-list li img { float: left; margin: 2px 6px 10px 0px; border: none!important; }
ul.featured-work-list li h3, ul.featured-work-list li p {  font-size: 1em;  }
ul.featured-work-list li h3 strong { font-weight: normal; color: #d6f1fc; }
ul.featured-work-list li h3 { color: white; font-weight: normal;}
ul.featured-work-list li p { border: none!important; padding-bottom: 0px!important; margin: 0px!important}
ul.featured-work-list li.last { }
ol.gen-left, ol.gen-right { width: 48%; padding-top: 15px;  }
ol.gen-left li, ol.gen-right li { margin-bottom: 20px;}
ol.gen-left { float: left;}
ol.gen-right { float: right;}

/*footer*/

#footer { background:url(/image/back-main.jpg) no-repeat 0px -1190px; width: 800px; margin: 0 auto;  padding-top: 14px;}
#footer #myspace { float: left; width: 100px; text-indent: -5000em; display: block; text-transform: capitalize; background: url(/image/myspace_btn_10.jpg) no-repeat; height: 26px; }
#footer p { float: right;}


/*typography*/
h1 { font-size: 1.4em; margin-bottom: 8px; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.2em; font-weight: normal}
h1, h2, h3,a { color: #d6f1fc;}
h2.rejected { color: red; font-size: 1em;}
a { color: white; text-decoration: none;}
a:hover, a:active {color: #d6f1fc;}
p { color: white; font-size: 1.2em; margin-bottom: 10px; line-height: 1.2em;}
#right-col p, #left-col p{ font-size: 1em;}
p.p-quote { color: #d6f1fc; font-size: 1.1em;}
p.p-cite { font-size: 1em; text-align: right; font-style: italic; margin: 0!important; }
p.p-cite em { font-style: normal;}
p.p-cite span { font-size: 1.1em; display: block; font-style: normal;}
#right-col p { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed white; }
#right-col p.last { border-bottom: none; }
div.signup input.normal { margin-bottom: 7px; }
input.mail-signup { display: block; text-indent: -5000em; width: 80px; height: 16px; background: url(/image/signup_btn1.jpg) no-repeat; border: none; cursor: pointer; text-transform: capitalize;}
ol.featured-tracks a { font-size: 1.2em; color: white!important; }
a#genres-button { float: right; display: block; background:url(../image/genres_btn.jpg) no-repeat; width: 60px; height: 17px; text-indent: -5000em; text-transform: capitalize; position: absolute; bottom: 0px; right: 30px;}

/*forms*/
form#password{ padding-top: 10px;}
form#password label { color: #d6f1fc; font-size: 1.1em; margin-bottom: 4px!important; display: block; }
form#password input.text { width: 99%; padding: 3px 0; margin-bottom: 15px; }
form#password input.pass-sub {  margin: 0 auto; text-align: center; background: url(../image/submit_btn2.jpg) no-repeat; border: none; display: block; text-indent: -5000em; text-transform: capitalize; width: 60px; height: 20px;}

/*functions*/
ol.track-list li a dl:after, ul.featured-work-list li:after, ol.track-list li:after, ol.track-list li a:after, .cf-fix:after { content: "."; display: block; visibility: hidden; height: 0px; clear: both; }