/* enfamous - http://www.enfamo.us */

/* shockEnterprise web design - http://www.shockEnterprise.net */
/* Screen Style */

/* GLOBALS */
* { margin:0; padding:0; }
body { background-color:#000; color:#fff; font:11px Arial, sans-serif; }
h1, h2, h3 { font:21px "Arial Black", sans-serif; text-transform:uppercase; font-weight:normal; letter-spacing:2.5px; }
h2 { font-size:17px; }
h3 { font-size:14px; }
.clear { clear:both; height:1px; }
ul, ol { list-style:none; }
ul li a { margin-bottom:2px; }
ul:hover li a { border-bottom:1px solid #740a18; }

/* LINKS */
a { color:#999; text-decoration:none; }
a:hover { color:#dadada; border-bottom:1px solid #740a18; }
a img { border:0; }

/* DESIGN */
div.logo { height:88px; background:#dadada url(../../images/logo.jpg) center right no-repeat; }
div.separator { height:60px; background:#000 url(../../images/separator.jpg) top center repeat-x; }

/* CONTAINERS */
div.container { width:950px; margin:0 auto; }
div.news { margin-bottom:14px; }
div.item { width:230px; float:left; margin-right:8px; padding:4px; }
div.item:hover { background-color:#222; }
div.item h3 { font-size:13px; letter-spacing:1px; border-bottom:1px dashed #fff; }
div.item p { }
div.pagecontent { width:550px; float:left; }

/* UPPERNAV */
div.uppernav { margin-left:100px; height:55px; background:transparent url(../../images/navbg.jpg) top left no-repeat; }
div.uppernav ol { margin-left:95px; }
div.uppernav ol li { float:left; margin-right:10px; }
div.uppernav ol li a { text-transform:uppercase; text-decoration:none; font-weight:bold; color:#dadada; border:0; }

/* NAVIGATION */
div.navigation { height:70px; }
div.navigation ul li { float:left; width:50px; height:50px; margin:0 9px 0 0; }
div.navigation ul li a img { width:50px; border:0; filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; }
div.navigation ul:hover li a { border:0; }
div.navigation ul li a:hover img { filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }

/* NOTEWORTHY */
div.noteworthy { float:right; width:180px; }
div.noteworthy h2 { margin-left:7px; }
div.noteworthy h2.delicious-banner { display:none; }
div.noteworthy span { display:block; margin:-8px 0 4px 12px; text-transform:uppercase; }
div.noteworthy ul { padding:3px; }
div.noteworthy ul li { padding:4px; }
div.noteworthy ul li:hover { background-color:#222; }
div.noteworthy ul li h3 { font-size:13px; }
div.noteworthy ul li p { margin-top:3px; }
div.noteworthy .delicious-extended { font-size:11px; }

/* LASTFM */
div.lastfm  { float:right; width:185px; }
div.lastfm h2 { margin-left:7px; }
div.lastfm span { display:block; margin:-8px 0 4px 12px; text-transform:uppercase; }
div.lastfm ul { padding:3px; }
div.lastfm ul li { margin:3px 0; }
div.lastfm ul li.artist { margin:0; padding:2px; width:170px; position:relative; }
div.lastfm ul li.artist span.playcount { display:inline; margin:0; padding:0; position:absolute; right:2px; top:1px; }
div.lastfm a img { display:block; margin:0 auto; }
/* div.lastfm ul li.play_date { text-align:right; } */

/* DISPLAY */
div#display { letter-spacing:1px; }
div#display img { margin-bottom:15px; clear:both; }
div#display h2.caption { font:12px Arial, sans-serif; margin-top:-10px; }
div#display p { text-transform:lowercase; line-height:20px; margin-bottom:20px; }

/* SERIES */
div.series { margin:-18px 0 10px 0; text-align:right; }
div.series ul { width:auto; }
div.series ul li { display:inline; width:21px; }
div.series ul li a { text-decoration:none; color:#444; border:1px solid #444; padding:1px 5px; margin-right:5px; }
div.series ul:hover li a { color:#fff; }
div.series ul li a:hover { border:1px solid #fff; }
div.series ul li a.current { color:#fff; border:1px solid #999; }
div.series ul li a.current:hover { color:#fff; border:1px solid #999; }

/* INTRO */
div#intro { line-height:20px; width:415px; float:left; }
div#intro h1 { display:inline; margin-right:10px; }
div#intro p { text-transform:lowercase; display:inline; }
div#intro ul { display:inline; }
div#intro ul li { display:inline; text-transform:lowercase; }

/* LATEST */
div#latest { width:300px; float:left; margin-top:20px; }

/* MAGAZINE */
div#magazine { width:180px; float:right; text-align:right; margin-top:-40px; padding-top:10px; }
div#magazine span { display:block; margin-top:-10px; text-transform:uppercase; }
div#magazine span.small { font-size:19px; }
div#magazine span.medium { font-size:23px; }
div#magazine span.large { font-size:27px; }
div#magazine span.xlarge { font-size:31px; }
div#magazine span.light { color:#bbb; }
div#magazine span.neutral { color:#777; }
div#magazine span.dark { color:#444; }
div#magazine span.break { margin-top:45px; }

/* COPYRIGHT */
div#copyright { line-height:20px; width:360px; float:left; }
div#copyright h2 { display:inline; margin-right:10px; }
div#copyright p { text-transform:lowercase; display:inline; }

/* EQUIPMENT */
div#main { width:350px; float:left; }
div#main ul li, div#server ul li { margin-bottom:2px; }
div#server { width:200px; float:left; }
div#server ul { margin-bottom:10px; }
img#equipment { clear:both; margin-top:20px; }

/* FOOTER */
div.footer { height:35px; color:#000; margin:20px auto; background:#000 url(../../images/footer.jpg) center left no-repeat; }
div.footer p { margin-left:32px; padding-top:6px; }