html, body 
{
    background:#000 url(/_images/_layup/body-bg.png) repeat-x left top;
    font-family:Arial, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:15px;
    color:#ccc;
}

h2 { font-size:2em; font-weight:bold; height:49px; color:#fff; line-height:49px; margin:0px 0px 0 0px; }
h3 { font-size:1.5em; font-weight:bold; color:#fff; margin-bottom:10px; }
a span { display:none; }
a { color:#669dd4; text-decoration:none; }
a:hover { text-decoration:underline; }
p { margin-bottom:10px; }

h2 span { display:none; }
h2 { background-image:url(/_images/_layup/headings.png); background-repeat:no-repeat; background-position:-1000px -1000px; }
h2.latestnews { background-position:left top; }
h2.profiles { background-position:left -49px; }
h2.dubsmixes { background-position:left -98px; }
h2.events { background-position:left -147px; }
h2.contact { background-position:left -196px; }
h2.links { background-position:left -245px; }
h2.artwork { background-position:left -294px; }


/*******************
  Forms
********************/
label { font-size:14px; font-weight:bold; display:block; margin-top:15px; }

.radio_btns label { display:inline; }


/*******************
  Layup
********************/
#wrapper { position:relative; clear:both; height:598px; width:980px; margin:auto; }

#footer { }
#header { position:absolute; left:0; z-index:100; }
#logo { float:left; }
#logo a { float:left; width:470px; height:68px; background: url(/_images/_layup/logo2.png) no-repeat left center; }
#logo span { display:none; }
#info_area { text-align:right; float:right; margin-right:2px}



#mediaplayer { float:right; margin:25px 5px 0px; }

#container { height:580px; }
#col_left { float:left; width:230px; height:580px; background:url(/_images/_layup/contents-bg-left.jpg) no-repeat left bottom;}
#col_right { float:right; width:305px; height:580px; background:url(/_images/_layup/contents-bg-right.jpg) no-repeat right bottom; }
#col_center { height:510px; margin:0 305px 0 230px; width:425px; padding:60px 10px 10px 10px; background:url(/_images/_layup/contents-bg-repeat.jpg) no-repeat left bottom;}

/*#container { position:relative; border:solid 3px #000; width:970px; height:535px; background:url(/_images/_layup/contents-bg.jpg) no-repeat center center; text-align:left; }*/
#contents_holder { height:460px; padding-top:60px; }
#loading { position:absolute; top:125px; z-index:1000; display:none; background:url(/_images/_layup/loading.gif) no-repeat left center; width:200px; padding:0 5px; height:30px; line-height:30px; }
#content { height:370px; padding:10px; overflow:auto; overflow-x:hidden; scrollbar-base-color:#333; border:solid 1px #000; border-bottom-color:#111; border-top:none; }
#content_heading { height:70px; }

/*
#wrapper { border:solid 1px white; }
#container { border:solid 1px red; }
#content { border:solid 1px yellow; }
#contents_holder { border:solid 1px green; }
#content_heading { border:solid 1px blue; }
*/

.sub_menu { margin:0; padding:0; list-style:none; border-bottom:solid 1px #000; height:20px; }
.sub_menu li { float:left; border-right:solid 1px #000; margin-right:5px; }
.sub_menu li a { display:block; width:120px; height:20px; line-height:20px; text-transform:uppercase; background-color:#000; text-align:center; font-size:.8em; }
.sub_menu li a.small { width:80px; }
.sub_menu li a.save { color:#0a0; }
.sub_menu li a.cancel { color:#fff; }
.sub_menu li a.delete { color:#a00; }

#menu { position:absolute; bottom:19px; right:60px; width:220px; height:185px; padding-top:5px; float:left; background:url(/_images/_layup/menu-bg.jpg) no-repeat left top; }
#menu ul { display:block; padding:0; margin:0; }
#menu li { width:220px; height:31px; display:block; float:left;  }
#menu li a { display:block; height:31px; background:url(/_images/_layup/menu-items.png) no-repeat left top; }

#menu li.news a { background-position:left -6px; }
#menu li.news a:hover { background-position:right -6px; }

#menu li.profiles a { background-position:left -36px; }
#menu li.profiles a:hover { background-position:right -36px; }

#menu li.dubsmixes a { background-position:left -67px; }
#menu li.dubsmixes a:hover { background-position:right -67px; }

#menu li.events a { background-position:left -98px; }
#menu li.events a:hover { background-position:right -98px; }

#menu li.art a { background-position:left -128px; }
#menu li.art a:hover { background-position:right -128px; }

#menu li.contact a { background-position:left -157px; }
#menu li.contact a:hover { background-position:right -157px; }

#menu li span { display:none; }

.way4wrd { position:absolute; top:257px; right:60px; }
.way4wrd a { display:block; height:43px; width:70px; background:url(/_images/_layup/way4wrd.png) no-repeat left top; }
.way4wrd a:hover { background-position:left bottom; }


ul.news { }
ul.news li { display:block; margin:10px 0 0; padding:5px; /*background:url(/_images/_layup/pixel-alpha50.png) repeat center center;*/ }
ul.news li h3 { border-bottom:solid 1px #666; padding-bottom:3px; margin-bottom:5px; }
ul.news li .date { color:#fff; display:block; float:right; font-size:smaller; border:solid 1px #666; border-bottom:none; padding:1px 5px; }


ul.dubs { }
ul.dubs li { display:block; margin:15px 0 0; padding:5px; /*background:url(/_images/_layup/pixel-alpha50.png) repeat center center;*/ }
ul.dubs li h3 { border-bottom:solid 1px #666; padding-bottom:3px; margin-bottom:0px; }

ul.dubs li table { margin-top:5px; width:70%; font-size:smaller; }

ul.dubs li ul.controls { display:block; float:right; margin:0; padding:0; border:solid 1px #666; border-bottom:none; border-top:none; }
ul.dubs li ul.controls li { font-size:smaller; border-bottom:solid 1px #666; padding:5px; margin:0; }
ul.dubs li ul.controls li a { padding-left:15px; }

a.play { background:url(/_images/arrow_right.png) no-repeat left center; }
a.download { background:url(/_images/arrow_down.png) no-repeat left center; }

ul.profiles {  }
ul.profiles li { display:block; margin:10px 0 0 0; padding:5px; }

ul.profiles li a { }
ul.profiles li img { float:left; padding:5px; }
ul.profiles .border { float:left; border:solid 1px #000; }

ul.profiles li h3 { font-size:14px; color:#fff; padding-bottom:5px; margin:0 0 3px 0; }
ul.profiles li h3 a { border:none; }
ul.profiles li .profile_desc { float:left; margin-left:10px;  }

table.label_list { border-collapse:separate; width:98%; font-size:smaller; line-height:1.2em; }
table.label_list th, table.label_list td { padding:5px; border:solid 1px #333; }
table.label_list td {  }
table.label_list th { background-color:#444; color:#fff; text-align:right; width:80px; text-transform:lowercase; vertical-align:middle; }
table.label_list h3 { margin:0; padding:0; text-transform:uppercase; }
table.label_list label { margin:0; padding:0; display:inline; line-height:normal; }

table.label_list table { }
table.label_list table label { font-size:12px; }


.profile_body { }
.profile_body ul { margin:10px 20px; padding:10px; list-style-type:square; }
.profile_body ul li { display:block; padding:5px; }

.event { padding:5px; background-color:#333; }

.event li a { }
.event img { float:left; padding:5px; }
.event .border { float:left; border:solid 1px #000; }

.event h3 { font-size:14px; color:#fff; padding-bottom:5px; margin:0 0 3px 0; }
.event h3 a { border:none; }
.event .desc { float:left; margin-left:10px;  }

ul.category_breadcrumb { font-size:12px; }
ul.category_breadcrumb li { float:left; }
ul.category_breadcrumb { }

ul.categories { }
ul.categories li { display:block; border:solid 1px #222; margin:10px; padding:5px; }
ul.categories li a { font-size:15px; font-weight:bold; }


.event_photos { clear:both; margin:10px; }

.photo { float:left; margin:10px; text-align:center; }
.photo a { display:block; width:90px; border:solid 3px #fff; }
.photo a:hover { border:solid 3px #669dd4; }
.photo img { width:90px; float:left; }


ul.links { }
ul.links li { background: url(/_images/arrow_right.png) no-repeat left 2px; display:block; margin:10px 5px; padding-left:18px; }
table.label_list ul.links li { background-position:left 0; }
/*******************
  Administration
********************/
#admin_controls { position:absolute; right:40px; top:0; width:200px; text-align:right; height:30px; line-height:30px; border-bottom:solid 1px #999; }
#admin_controls input { font-size:10px; }


.admin_table { width:98%; text-align:left; font-size:10px; }
.admin_table td, table.news th { padding:5px; background-color:#333; border:solid 1px #aaa; }
.admin_table th { font-weight:bold; background-color:Transparent; }
.admin_table .controls { width:50px; background-color:Transparent; text-align:center; }
.admin_table h3 { margin:0; }

div.image-control
{
    float:left; width:90px; background-color:#fff; margin:3px; overflow:hidden; height:100px;
    border:solid 1px #000; padding:1px;
}
div.image-control:hover { border:solid 1px #333; }
div.image-control a { display:block; margin:5px 0 5px 0; text-align:center; color:#999; text-decoration:none;}
div.image-control a:hover { color:#333; text-decoration:underline; }
div.image-control a.view { display:inline; float:right; margin-right:3px; }
div.image-control img { width:90px; }



/*******************
  General Classes
********************/
.error { color:#c00; }
.highlight { color:#669dd4; }

.bold { font-weight:bold; }
.fLeft { float:left; }
.fRight { float:right; }
.fClear { clear:both; }

.aLeft { text-align:left; }
.aCenter { text-align:center; }
.aRight { text-align:right; }

.uCase { text-transform:uppercase; }