/*
JJKilla.com stylesheet

1. General
2. Menu
3. Contact Form
4. Discography

*/
/* @group General */
body { background: #222222 url('../images/bg-page.jpg') top center; color: #ededed; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 140%; }
a:link, a:visited { color: #ededed; }
a:hover { color: #ffffff; }
#mobiletitle{ display: none; }
#footer a:link, #footer a:visited { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#contactbox { background: #651813 url('../images/bg-contactbox.jpg') bottom center repeat-x; height:  235px;  }
#container { background: url('../images/bg-mainpic.png') top center no-repeat; }
#menu { width: 817px; margin: 20px auto; text-align: right; font-size:  18px; font-weight:  bold; }
#menu a:link{ text-decoration: none; color: #ffffff; }
#menu a:hover, #menu a.active{ border-bottom: 3px solid #ffffff; }
#content { width: 871px; margin: 0 auto; }
#bio { width: 450px; margin-top: 80px; margin-left: 421px; }
#bio p { padding: 0 0 10px 0; text-shadow: #232323 1px 1px 1px; }
#footer { background: url('../images/bg-footer.png'); text-align: center; font-size: 12px; line-height: 170%; padding: 20px 0; }
.squareone a{ color: #333333; text-decoration: none; }
#status{ position: absolute; top: 0; height: 20px; width: 817px; right:  50%; margin-right: -400px; text-align: center; }
/* @end */

/* @group Menu */
#menu a:visited{ text-decoration:none; }
#menu a.twitter{  }
#menu a.myspace{  }
#menu a.sss{  }
#menu a.disco{  }
#menu a.contact{  }
/* @end */

/* @group Contact Form */
#contactbox{ margin-top: -215px; }
#contactcontent{ padding-top:  30px;width: 871px; margin: 0 auto; }
#contactbox #contactclose{ font-size: 12px; margin-top: 30px; display: block; float: left; margin-left: 75px; text-decoration:none; }
#contactbox #contactclose:hover{ text-decoration: underline; }
#contactbox input.text{ width: 245px; height: 23px; margin-bottom: 15px; padding:  1px; }
#contactbox textarea{ width: 244px; height: 115px; padding: 3px; }
#contactbox input.submit{ float: right; margin-top: 25px; }
#col1{ width: 245px; float: left; margin: 0 15px 0 0; }
#col2{ width: 245px; float: left;  margin: 0 15px 0 0; }
#col3{ width:  333px; float:  left; text-align: right; }
#col3 p{ padding-top: 10px; line-height: 180% }

/* @end */

/* @group Discography */
#TB_window { overflow-y: auto; overflow-x: none; heigtht:90%; }
#TB_window .close{ text-indent: -9999em; display: block; float: right; background: url('../images/close.png'); width: 16px; height: 16px; }
#TB_window .intro{ padding-bottom: 10px;  }
#TB_window .album { float:  left; height:  85px; width:  210px; margin:  5px 0; }
#TB_window .album img{ float: left; margin: 0 10px 20px 0; border: 1px solid #dddddd; }
#TB_window .album h3 { font-size:  12px; padding-bottom: 0px; }
#TB_window .album p { font-size:  10px; line-height: 12px; }
/* @end */

/* @group Featured Albums */
#featured { width: 871px; margin: 0 auto; padding: 75px 0; height: 325px; }
#featured h2 { height: 45px; display: block; background: url('../images/hdr-featured-work.png')right center no-repeat; text-indent: -9999em; margin-bottom:25px; }
.featuredboxwrapper{ float:  left; width: 170px; }
.mobilebox, .staticbox { border: 10px solid #1d1d1d; width: 100px; height: 100px;  overflow:hidden; }
.mobilebox{ display:none; height: 210px; width:200px;  background: #1d1d1d; text-align: center; /* hides the mobile version */  }
.featuredboxwrapper h3{ font-size: 13px; font-weight: bold; padding: 20px 0 0 0; }
.featuredboxwrapper p{ font-size: 12px; }
/* @end */