/* dlnqnt CSS */
body { margin:0; padding:0; }
a:hover { color:#ff0000; text-decoration:none; }
a { color:#333; text-decoration:none; }
#wrapper { width:600px; }

/* Top Bar Styles */
#top { height:36px; background:url(../images/top-bg.gif) repeat-x; }
#top h1 { background:url(../images/dlnqnt-logo.gif) no-repeat; margin:0; padding:0; height:36px; width:55px; float:left; }
#top h1 .invis { display:none; }
#top p { margin:0 10px 0 0; padding:8px 0 0 0; text-align:right; font:0.7em Arial, Helvetica, sans-serif; color:#999; text-decoration:none; }
#top p a { color:#999; text-decoration:none; }
#top p .red { color:#ff1717; text-decoration:none; }
#top p .white { color:#fff; text-decoration:none; }
#top p a:hover { color:#ff0000; text-decoration:underline; }

/* Header Styles */
#header { height:201px; background:url(../images/header-bg.jpg) no-repeat; clear:both; }

/* Middle - Flash Styles */
#middle { height:7px; background:url(../images/middle-bg.gif) repeat-x; clear:both; line-height:1px; font-size:1px; padding:0; margin:0 0 10px 0; }

/* Content Holder Styles */
#content { margin:0; padding:0; }

/* Info Box Styles */
#info { width:290px; margin:0 20px 0 0; padding:0; float:left; background:url(../images/line.gif) 0px 28px no-repeat; }
#info h3 { font:0.9em Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#333; padding:0; margin:0 0 20px 10px; }
#info p { margin:0 0 0 10px; padding:0 0 0.7em 0; font:0.7em Verdana, Arial, Helvetica, sans-serif; color:#999; }
#info p .grey { color:#333; }

/* News Box Styles */
#news { width:290px; margin:0; padding:0; float:left; background:url(../images/line.gif) 0px 28px no-repeat; position:relative; }
#news h3 { font:0.9em Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#333; padding:0; margin:0 0 20px 0; }
#news p { margin:0; padding:0 0 0.7em 0; font:0.7em Verdana, Arial, Helvetica, sans-serif; color:#999; }
#news p .grey { color:#333; }
#news p .title { font-weight:bold; color:#333; }

/* Flickr */
#flickr { position:absolute; top:-7px; right:0; }

/* Top 5 Finds Box Styles */
#finds { width:290px; height:150px; margin:0; padding:0; clear:both; float:left; background:url(../images/line.gif) 0px 32px no-repeat; color:#999; }
#finds h3 { font:0.9em Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#333; padding:0; margin:6px 0 20px 10px; }
#finds ol { font:0.7em Verdana, Arial, Helvetica, sans-serif; line-height:1.85em; padding:0; margin:0 0 0 30px; }
#finds li.one a, li.one { color:#222; }
#finds li.two a, li.two { color:#444; }
#finds li.three a, li.three { color:#666; }
#finds li.four a, li.four { color:#888; }
#finds li.five a, li.five { color:#bbb; }
#finds li a:hover { color:#FF0000; }

/* Currently Playing Styles */
#playing { width:290px; height:150px; margin:0 0 5px 20px; padding:0; float:left; background:url(../images/line.gif) 0px 32px no-repeat; }
#playing h3 { font:0.9em Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#333; padding:0; margin:6px 0 20px 0; }

/* Flatten floats */
.level { clear:both; font-size:1px; line-height:1px; font-size:1px; height:1px; } 

/* Blog of works styles */
#works { clear:both; background:url(../images/works-line.gif) 0px 32px no-repeat; margin:0; padding:0 0 0 10px; }
#works h3 { font:0.9em Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#333; padding:0; margin:6px 0 22px 0; }
#works .float { float:left; }
#works .date { text-align:right; color:#999; font:0.6em Verdana, Arial, Helvetica, sans-serif; padding:10px 0 0 0; margin:0; }
#works .clear { clear:both; display:block; }
#works p { margin:0; padding:0 0 0.7em 0; font:0.7em Verdana, Arial, Helvetica, sans-serif; color:#999; }
#works .criteria { color:#333; float:left; padding-left:10px; }
#works .workline { background:url(../images/works-line.gif) no-repeat; height:1px; line-height:1px; margin:0 0 0 -10px; padding:0 0 6px 0; font-size:1px; }

/* Footer Styles */
#footer { height:50px; background:url(../images/middle-bg.gif) repeat-x; font:0.7em Verdana, Arial, Helvetica, sans-serif; color:#999; margin:0; padding:0 0 0 10px; }
#footer p.left { float:left; margin:10px 0 0 0; padding:0; }
#footer p.right { float:right; margin:10px 0 0 0; padding:0; }
#footer a { color:#999; }
#footer a:hover { color:#ff0000; }

/* IE HACKS */
* html #finds ol { margin:0 0 0 32px; }