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

/* Hide from Print */
#top, #header, #middle, #finds, #playing { display:none; }

/* 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 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; }
#news h3 { font:0.9em 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; }

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

/* 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 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; }