body { margin: 0px 0px 40px 0px; padding:0px; color: #ddd; background: #000000 url('/_images/bg-crackle-light.gif') repeat top center; font-size: 90%; font-family: Verdana, sans-serif; text-align: center;}

a {color:#ccc;}
a img {border:0px;}

/*-- Layout --*/

#north{ width: 740px; height: 290px; margin: 0 auto 0 auto; background: url('/_images/boxenlogo-overlay-crackle-light.gif') no-repeat top center; text-align: center;}
#south{	width: 740px; margin: 10px auto 0 auto; padding: 0px 0px 0px 19px; text-align: left;}

/*-- north --*/
#logo { width:400px; height:200px; top: 35px; margin: 0 auto 0 auto; position: relative; background-image: url('/_images/boxentext-400x200.png');}
#logo img {width:100%;height:100%;border:0px;}
#nav    { width:706px; height:30px; top:60px; left:3px; margin: 0 auto 0 auto; position: relative; }
#nav ul { float:left; width:100%; padding:0px; margin:0px; list-style-type:none; }
#nav li { display:inline}
#nav a  { float:left; width:140px; padding:5px 0px; color:#ccc; font-weight:bold; text-decoration:none; }
#nav a:hover { background-color:#333;}

/*-- south --*/
a       { color:#aaa; text-decoration:underline; }
a:hover { color:#fff;	text-decoration:none; }
.west, .east{ float:left;	padding:9px;}
#news {width:500px;} /* with padding=520px*/
#show,#info {width:180px;} /* with padding=200px*/
#full {width:700px;} /* with padding=720px*/

.post  { padding: 10px 10px 20px 10px; border-bottom: 1px solid #999;}
.post .title { padding-bottom:0px; font-size:130%;}
.post .date { color:#999;font-size:75%;font-style:italic;}
.postend  { padding: 10px 10px 0px 10px;text-align:center;}

.box { border: 1px solid #999; background: #000;}
.box .header { padding: 4px 10px 6px 10px; background:#999; color:#000; font-weight:bold;}
.box .header a, .box .header a:hover { color: #000; font-weight: bold; text-decoration:none;}
.box .body { padding: 10px;}
.box .list { padding: 0px;}
.box .list ul { width:100%; padding:0px; margin:0px; list-style-type:none;}
.box .list li { display:block;}
.box .list a { display:block; width:100%; padding:5px 0px; color:#ccc; font-size:80%; font-weight:bold; text-decoration:none;}
.box .list a:hover {background-color:#333;}
.box .list a span { display:block; padding:0px 10px;}

.check { padding-top: 10px;font-size:75%;font-style:italic;}
.in { padding-left: 10px;}
.in a { line-height: 1.7;}
.bio {font-size:70%;}

.copy { color: #999; font-size:75%; font-style:italic; text-align: center;}


/*-- IE warning --*/
#IE { z-index:10000; display:none; position:absolute; width:740px; margin: 10px auto 10px auto; padding:10px; background:#000; border:#600 3px solid; font-weight:bold; text-align:center;}

/*-- Band --*/
#t_band { width:100%; border:0px;}
#t_band i { font-size:80%;}
#t_band .img { width:600px; height:450px; padding-bottom: 30px; background: url('/_images/theboxen-members.jpg') no-repeat top center;}
#t_band .img img { width:100%; height:100%; border:0px;}

/*-- Media --*/
#videoplay { float:left; width:400px; height:350px;}
#videoplay .title { height:25px; font-size:130%; text-align:center;}
#videolist { float:left; width:255px; height:350px; padding-left:20px; line-height:1.3; text-align:center;}
#videolist .title { padding-top:20px; padding-bottom:10px; font-size:110%; font-weight: bold;}
#videolist .playing { font-style:italic;}

/*-- Gallery --*/
#gallery { text-align:center;}