/* 
------------------------------------
DETAILS:
Title: sp-main-sept06.css
Author: Designer Jewels
URL: http://scottpullen.com/css/sp-main-sept06.css
Born: September 2006
Modified: June 2007
------------------------------------
COLORS:
Body-blue #DAD9D6
Light blue link: #7DA7D9
----------------------------------- */

body {background:#DAD9D6 url("img/home-bg.gif") repeat-y 50% 0;margin:0;padding:0;color:#8B87B6;font:83%/1.4 arial,verdana}
a,a:link,a:link,a:link,a:hover{background:transparent;text-decoration:underline;cursor:pointer} 
a:link{color:#7DA7D9} 
a:visited{color:#939598} 
a:hover,a:active{color:#E30000;} 
img{border:none} 
p{margin: 0 0 1.5em} 
small{font-size: 86%}
blockquote {background:transparent url("img/quote-up.gif") no-repeat 0 0; padding:10px 0 10px 40px; margin:0 40px 0 0; font-weight:bold; width:200px; float:left; color:#fff;}
blockquote a {text-decoration:none;}
blockquote small {text-transform:uppercase; font-size:70%; font-weight:bold; line-height:normal; margin-top:10px; display:block;}
.quote-close {background:transparent url("img/quote-down.gif") no-repeat 0 0; display:block; height:19px; width:28px; float:right; margin-top:-20px;}
.float-left {float:left;}
.float-right {float:right;}
ul {padding-left:15px; list-style-image:url("img/bullet.gif"); line-height:17px;}
.clear {clear:both;}
.button {background:transparent url("img/button2.gif") repeat-x 0 0;height:24px; width:auto; color:#000;display:block; border:1px solid #B2B1B9;margin:5px 0;}

/* 
heading styles*/
h1,h3,h4,h5,h6{line-height:1.3em;} 
h2 {}
h3{font-size: 104%; padding: 30px 30px 0 0;} 
h4{font-size: 100%} 

.media h1,.links h1,.bio h1,.extended h2,.news h1,.sidebar h2.gig-list,.contact h1,h2.in-touch,#in-box h2,.latest-mix h2,.news-puff h2,.upcoming-gigs h2,.flyers h2,
h2.print
{display:block;height:20px;width:auto;background:transparent url("img/headings.gif") no-repeat 0 -180px;text-indent:-9000px;margin:0;padding-bottom:20px;overflow:hidden;}
.media h1 {margin-top:-25px;}
.links h1 {background-position: 0 -160px;}
.bio h1 {background-position: 0 -340px; margin-bottom:20px;}
.extended h2 {background-position: 0 -380px;}
.news h1 {background-position: 0 -635px; padding:0; margin-bottom:20px;}
.sidebar h2.gig-list {background-position: 0 -675px; margin:10px 0;}
.contact h1 {background-position: 0 -550px;}
h2.in-touch {background-position: 0 -500px;}
.flyers h2 {width:230px; height: 29px; background-position:0 -230px; margin-bottom:10px;}
h2.print  {width:255px; height: 45px; background-position:0 -280px; padding:0; margin:-10px;}
#in-box h2 {width:299px; background-position:0 0;}
.latest-mix h2 {width:230px;background-position:0 -40px;}
.news-puff h2 {width:230px;background-position:0 -80px;}
.upcoming-gigs h2 {width:230px;background-position:0 -120px;}

/* Layout Divs */
#wrapper {margin:0 auto; width:900px; padding:0;}
#masthead {height: 110px; width: 900px; background:#1D1B33 url("img/masthead_logo.gif") no-repeat 470px 8px;}
#main {width:890px; margin:0; padding-left:10px;}
#rhs {float:right; width: 299px;}
#in-box {background: transparent url("img/inbox_bg.jpg") no-repeat 0 0; height:350px;}
.top-10 {font-size: 11px;}
.top-10 ol {margin: 3px 0; padding-left: 0px;}
#flash-homepage {width: 535px; height: 350px; padding:0; margin:0;}
.sidebar {width:235px; height:auto; float:right; background:#2B2A43; color:#adadad; font-size:86%; padding:10px; margin:30px 0 10px 0}

/* media */
.media {position:absolute; top: 170px;}
.flyers {width: 600px; float:left; margin:15px 0;}
.flyers img {margin: 0 5px 5px 0;}
.kit {width:235px; height:300px; overflow:visible;float:right; background:#2B2A43; margin-top:60px; padding:10px; color:#adadad; font-size:86%;}
.sidebar a {color: #85849B;}
.sidebar img {float:left; margin-right:10px;}
.pdf {background: transparent url("img/pdf-icon.gif") no-repeat 0 0; height:21px; width:21px; display:block; float:left; margin-right:5px;}
.extended {font-size:116%;}
.logo-text {margin-top: 20px; line-height: 25px; display: block; height: 90px;}

/* Bio */
.bio {width: 600px; line-height: 25px; position:absolute; top: 170px;}

/* News */
.news {width:600px; line-height:25px; top:170px; float:left;}
.wof {margin:0 0 15px 5px;}
.wof h4 {margin:5px 0; border-bottom:1px solid #33324A;}
.wof img {float:left; margin:5px 10px 0 0;}
.wof h3 {margin:-15px 0 5px 0; font-size:100%;}
.news p {margin: 5px 0; line-height:20px;}

/* Links */
.links {width: 550px; line-height: 25px; position:absolute; top: 170px;}
.links a {margin-left: 200px;}
.ll-itm, .ll-resident, .ll-partysan, .ll-spank, .ll-beatport, .ll-dhp, .ll-jaymz 
{display:block;height:50px;width:155px;background:transparent url("img/links_logos.gif") no-repeat 0 0;}
.ll-resident {background-position: 0 -50px;}
.ll-partysan {background-position: 0 -100px;}
.ll-spank {background-position: 0 -150px;}
.ll-beatport {background-position: 0 -200px;}
.ll-dhp {background-position: 0 -250px;}
.ll-jaymz {background-position: 0 -300px; margin-top: 10px;}

/* contact */
.lhs {width:550px;margin:30px 0;float:left;}
.contact .lhs img {margin:0 15px 10px 0; float:left;}
.contact label {width:100px; display:block; float:left;}
.contact .field {margin:2px 0; background:#E3E2FE;}
.contact .area {width:262px;}
.contact form {width:550px; margin-top:50px;}

/* Bottom-Box */
#bottom-promo {width:880px; height: 212px; margin-top: 30px;}
#bottom-promo p {margin-top:20px;}
.latest-mix {width:270px; height: 212px; float:left;background: transparent url("img/download_bg.gif") no-repeat 0 0; margin-right: 35px;}
.news-puff {width:270px; height: 212px; float:left;background: transparent url("img/news_bg.gif") no-repeat 0 0;}
.news-puff p {margin-top:-10px !important; margin-bottom:0; padding:0;}
.upcoming-gigs {width:270px; height: 212px; float:left;background: transparent url("img/gigs_bg.gif") no-repeat 0 0; margin-right: 35px;}
.upcoming-gigs ul {margin: 20px 0 0 30px; padding-left:0;}

/* nav */
#nav {width:900px;height:34px;display:block;background:transparent url("img/all_nav.gif") repeat-x 0 -100px;}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none}
ul#nav {height:34px;width:900px;padding:0;margin:0 0 25px 0;list-style:none;float:left}
ul#nav li {background:transparent;font-size:86%;float:left;position:relative;width:auto;height:34px;padding:0;line-height:normal}
ul#nav li a {display:block;height:34px;width:auto;background:transparent url("img/all_nav.gif") no-repeat 0 0;text-indent:-9000px;outline:none;}
ul#nav li#nav-home a {width:84px;background-position:0 0}
ul#nav li#nav-home a:hover {background-position:0 -50px}
ul#nav li#nav-bio a {width:54px;background-position:-82px 0}
ul#nav li#nav-bio a:hover {background-position:-82px -50px}
ul#nav li#nav-news a {width:80px;background-position:-137px 0}
ul#nav li#nav-news a:hover {background-position:-137px -50px}
ul#nav li#nav-media a {width:155px;background-position:-213px 0}
ul#nav li#nav-media a:hover {background-position:-213px -50px}
ul#nav li#nav-links a {width:76px;background-position:-367px 0}
ul#nav li#nav-links a:hover {background-position:-367px -50px}
ul#nav li#nav-contact a {width:100px;background-position:-443px 0}
ul#nav li#nav-contact a:hover {background-position:-443px -50px}

/* footer */
#footer {background: transparent url("img/footer_bg.gif") 0 0 no-repeat; text-align:center; height: 20px; padding:5px; position:relative; clear:both;}
#footer a {color:#23203E;}
#footer h6 {text-indent:-9000px;}
#footer input {font-size:10px;}
#jem {margin-right: 20px}
#jem a {text-decoration:none; display:block; width: 300px;}