@charset "utf-8";
/* CSS Document */

/*
Light Grey/body text:
color: #dadaef;

Dark Blue/background:
color: #1a1a30;



Orange/Highligh:
color: #e8781a;
*/

*{
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

body{
/*background: #1A1A30;*/
background: #774426 url('../images/background.gif') top left repeat-x;
}

#container{
width: 840px;
min-height: 500px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
/*border: 1px #fff solid;*/
}

h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #dadaef;
font-size: .9em;
}

p{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #dadaef;
font-size: .8em;
}

a{
color: #e7781a;
text-decoration: underline;
}

a:LINK{
color: #e7781a;
text-decoration: underline;
}

a:VISITED{
color: #e7781a;
text-decoration: underline;
}

a:HOVER{
color: #fff;
text-decoration: underline;
}

ul{
list-style: none;
}

/*****************************************
			Header Section
*****************************************/

#header{
width: 800px;
min-height: 91px;
margin: 0 auto;
overflow: hidden;
/*background: url('../images/logo.gif');*/
/*border: 1px #fff solid;*/
}

#header #logo{
width: 230px;
height: 91px;
background: url('../images/logo.gif') top left no-repeat;
display: block;
float: left;
}

#header #logo h1{
display: none;
}

#header h1{
float: left;
color: #dadaef;
position: relative;
top: 46px;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
}

#header h1:LINK{
text-decoration: none;
}

#header h1:VISITED{
text-decoration: none;
}

#header h1:HOVER{
text-decoration: underline;
}

#header #logout{
float: right;
position: relative;
top: 59px;
}
/*****************************************
			Content Section
*****************************************/

#content{
width: 800px;
min-height: 400px;
margin: 0 auto;
/*border: 1px #fff solid;*/
}

#content #side_nav{
width: 214px;
margin-right: 41px;
float: left;
}

#content #main_content{
float: right;
/*border: 1px #fff solid;*/
}

div{
/*border: 1px #525 solid;*/
}
/*****************************************
			Navigation Section
*****************************************/

#content #side_nav #left_top{
width: 214px;
height: 82px;
background: url('../images/left_side_t2.png') top left no-repeat;
}

#content #side_nav #left_mid{
width: 214px;
min-height: 251px;
overflow: hidden;
padding-bottom: 70px;
background: url('../images/left_side_m.gif') top left repeat-y;
}

#content #side_nav #left_bot{
width: 214px;
height: 47px;
background: url('../images/left_side_b.png') top left repeat-y;
}

#left_mid ul{
position: relative;
right: 10px;
top: 28px;
float: right;
}

#left_mid li{
list-style: none;
margin-bottom: 9px;
overflow: hidden;
}

#left_mid .nav{
text-decoration: none;
width: 170px;
height: 36px;
background: url('../images/nav/nav_up.gif') #1a1a30;
display: block;
}

#left_mid .nav:HOVER{
color: #e7781a;
background: url('../images/nav/nav_hover.gif') #1a1a30;
}

#left_mid span{
/*display: none;*/
float: right;
margin-right: 16px;
text-decoration: none;
font-size: 1.25em;
position: relative;
top: 1px;
font-family:Verdana, Geneva, sans-serif;
}

/*
#left_mid #home{
width: 170px;
height: 36px;
background: url('../images/nav/nav_up.gif') #1a1a30;
display: block;
}

#left_mid #about{
width: 170px;
height: 36px;
background: url('../images/nav/nav_up.gif') #1a1a30;
display: block;
}

#left_mid #tracks{
width: 170px;
height: 36px;
background: url('../images/nav/nav_up.gif') #1a1a30;
display: block;
}
*/

#left_mid .current{
text-decoration: none;
width: 170px;
height: 36px;
background: url('../images/nav/nav_on.gif') #1a1a30;
display: block;
}

#left_mid .current:HOVER{
color: #e7781a;
background: url('../images/nav/nav_on_hover.gif') #1a1a30;
}

#scratchbot{
width: 170px;
height: 205px;
float: right;
background: url('../images/scratchbot.png');
position: relative;
bottom: -30px;
}

/*****************************************
			Main Content Section
*****************************************/

/* Top Main */
#content #main_content #main_top{
width: 543px;
min-height: 82px;
overflow: hidden;
background: url('../images/main_top_full.png') top left no-repeat;
}

#content #main_content #main_top_left{
width: 359px;
height: 82px;
float: left;
background: url('../images/main_tl-home2.png') top left no-repeat;/**/
}

#content #main_content #main_top_right{
width: 184px;
height: 82px;
float: left;
background: url('../images/main_tr-home2.png') top left no-repeat;/**/
}


#main_inner{
width: 543px;
background: url('../images/main_inner.png') top left repeat-y;
overflow: hidden;
position: relative;
min-height: 380px;
}


#content #main_content #main_left{
width: 359px;
float: left;
}

#content #main_content #main_right{
width: 184px;
float: right;
margin-bottom: 50px;
position: absolute;
top: 0;
right: 0;
}

/* Long */
#content #main_long{
width: 543px;
/*border: 1px #fff solid;*/
}

#content #main_content_long{
/*border: 1px #fff solid;*/
}


/* Header Main */
#content #main_left #main_header_left{
width: 359px;
height: 82px;
float: left;
background: url('../images/main_header_l2.png') top left no-repeat;
}

#content #main_left #main_header_left h2{
color: #eee;
font-size: 1em;
letter-spacing: 3px;
position: relative;
top: 35px;
left: 85px;
}

/* Header Main Long */
#content #main_content #header_long{
width: 543px;
height: 82px;
/*float: left;*/
background: url('../images/main_header_long.png') top left;
}

#content #main_content #header_long h2{
color: #eee;
font-size: 1em;
letter-spacing: 3px;
position: relative;
top: 35px;
left: 85px;
}

#content #main_content #main_left #left_border{
width: 11px;
min-height: 225px;
/*height: 100%;
min-height: 100%;*/
background: url('../images/left_border.png') repeat-y;
/*background: #fff repeat-y;*/
float: left;
}

#content #main_content #main_left #left_content{
width: 359px;
/**/min-height: 225px;
/*background: #1a1a30 url('../images/left_border.png') top left repeat-y;*/
/*background: #fff repeat-y;*/
float: left;
}

#left_content p{
width: 320px;
/*border: 1px #fff solid;*/
margin-left: 25px;
margin-bottom: 1em;
}
#main_long p{
width: 320px;
/*border: 1px #fff solid;*/
margin-left: 25px;
margin-bottom: 1em;
}


#content #main_content #main_header_right{
width: 184px;
height: 166px;
float: left;
background: url('../images/main_header_r.png') top left no-repeat;
position: relative;
}

#content #bot_right{
width: 184px;
/*min-height: 225px;*/
min-height: 100px;
/*background: #1a1a30 url('../images/right_border.gif') top right repeat-y;*/
/*background: #fff repeat-y;*/
float: left;
position: absolute;
bottom: 0;
right: 0;
overflow: hidden;
}

#bot_right #box{
width: 164px;
margin-bottom: 11px;
padding-bottom: 10px;
min-height: 200px;
background: #343448;
/*position: relative;
bottom: 0;*/
}

#bot_right #box h3{
width: 144px;
margin: 0 auto;
padding-top: 5px;
margin-bottom: 5px;
}

#bot_right #box p{
width: 144px;
margin: 0 auto;
padding-top: 5px;
margin-bottom: 5px;
font-size: .7em;
}

#bot_right #about_bot{
width: 180px;
height: 220px;
background: url('../images/aboutbot2.png') no-repeat;
}

#main_content #main_bot{
width: 543px;
height: 46px;
background: url('../images/main_bot.png') no-repeat;
}

/* Tracks and Blog */
.track_box{
width: 503px;
background: #343444;
margin: 5px 0 25px 0;
padding: 10px 0 10px 0;
}

.playbtn{
width: 13px;
height: 13px;
background: url('../images/playtrack.png') 0 0 scroll no-repeat;
display: inline-block;
vertical-align: bottom;
}

.playbtn:LINK{
background: url('../images/playtrack.png') 0 0 scroll no-repeat;
}

.playbtn:HOVER{
background: url('../images/playtrack.png') -14px 0 scroll no-repeat;
}

.playbtn span{
display: none;
}

#submit{
cursor: pointer;
}

#submit:HOVER{
background: #fff;
}

.info_show, .info_hide, .info_show_first{
cursor: pointer;
/*color: #e7781a;*/
color: #8d8da0;
min-height: 16px;
width: 90px;
margin-left: 5px;
margin-bottom: 2px;
}

.info p{
width: 490px !important;
}
/*****************************************
			Admin Section
*****************************************/

input, .delete{
border: 1px solid #e7781a;
background: #aaa;
color: #000;
}

textarea{
border: 1px solid #e7781a;
background: #aaa;
}
#error_area{
margin-left: 25px;
margin-bottom: 3px;
/*width: 298px;
height: 25px;*/
color: #dadaef;
/*font-size: .8em;*/
text-align: center;	
}

td{
color: #dadaef;
font-size: .9em;
}

.tlist{
font-size: .8em;
}

.del{
width: 20px;
text-align: center;
cursor:pointer;
float: right;
}



#error_area{
width: 318px;
min-height: 25px;
border: 1px solid #e7781a; 
background: #343448;
}