/* CSS Document */

/* General
---------------------------------------*/
body, ul, li, h1, h2, h3, p { margin:0px; padding:0px; }
body, input, td, th { font-family: Arial, Helvetica, sans-serif; }

/* Font sizes */
body { font-size:62%; }
#content, #footer { font-size:1.2em;  }
#footer, #nav { font-size:1.1em;  }


a { text-decoration:underline; color:#fff; }
a:hover { text-decoration:none; }

ul, li { list-style-type:none }
img { border:0px; }
td, th { vertical-align:top; text-align:left }
p { margin-bottom:1.3em;  }
p, dt, dd, li { line-height:1.4em }
table, ul, dl, h2, h3 { margin-bottom:1.1em; }


h1 { font-size:1.2em; line-height:1.2em; text-transform:uppercase; margin-bottom:16px;  }
h1, h1 a { color:#ccff66; text-decoration:none }

h2 { margin-bottom:35px; height:29px; }
h3 { font-size:1em; margin-top:3em; }

a.plain { text-decoration:none }
a.plain:hover { text-decoration:underline }

dt.date, dt.title { font-weight:bold }
dd { margin:0; padding:0; }


/* Structure
---------------------------------------*/
body { background:#000; color:#fff; text-align:center; }
#wrapper {  margin:0px auto 0; text-align:left; width:680px; }


#header { height:100px; margin-top:57px;  }

#content { float:left; width:100%; padding-bottom:1px;  }
#content, #primary, #secondary { float:left; display:inline; }
#primary, #secondary { padding-bottom:28px; }
#primary { width:321px; float:left; }
#secondary {  width:326px; float:right; }

#nav, #nav li { list-style-type:none; margin:0; padding:0; font-weight:bold; }
#nav li { display:inline; margin-right:6px; padding-left:12px; background:url(../images/link-divider.gif) center left no-repeat;  }
#nav li.news { border:0; padding-left:0; background:none; }
#nav li a { text-decoration:none; }
#nav li a:hover { color:#ccff66; }

#footer { clear:both; border-top:1px solid #ccc; } 
#footer #copyright, #footer #author { float:left; text-align:left; width:50%; display:inline; line-height:30px; }
#footer #author { text-align:right }
#footer, #footer a { color:#999; font-weight:normal; }
#footer a { color:#666; text-decoration:none }
#footer a:hover { color:#fff; }



/* Custom Pages
---------------------------------------*/
#news #primary { padding-bottom:10px; }


#music #primary { width:282px; float:right; margin-right:43px; }
#music #secondary {  width:326px; float:left; }

/* page min heights */
#contact #secondary, #music #secondary, #downloads #secondary  { height:468px; }

#contact #primary a { font-weight:bold; text-decoration:none }
#contact span.hide { color:#000; }

/* Projects / Music Page */
#projects #primary { width:680px; }
#projects .project { width:100%; clear:both; margin-top:3em;  } 
#projects .project h3 { margin-top:0; }
#projects .description { float:left; width:321px; display:inline; margin-bottom:1em; }
#projects .player { float:right; width:260px; display:inline; margin-bottom:1em; }
#projects .mediaplayer { float:right; width:260px; display:inline; margin-bottom:1em; clear:right }
#projects h3.green { color:#ccff66; }
#projects h3 { margin-bottom:0; }


/* Press */
#press #secondary { display:none }
#press #primary { width:680px; color:#ccc; padding-bottom:15px; }
#press #primary a { color:#ccc; }
#press div.press { margin-bottom: 20px; }
#press div.press p { margin-bottom:7px; }
#press .column { float: left; display: inline; width: 320px; margin-right:20px;  }

.green {color: #ccff66}

#videos #primary { width:450px; }
#videos #secondary { display:none }
#videos #primary .video-player { margin-bottom:30px; }


/* Specific Elements
---------------------------------------*/
#cd { padding:10px 10px 1px; margin-top:20px; color:#ccc; }
#cd strong { color:#fff; }
#cd p.quote { clear:both; margin:0; font-style:italic; margin-right:50px; }
#cd p.source { font-size:0.9em; margin:0 0 10px; }
img.cd-cover { margin:0 20px 20px 0; }

#myspace { margin-top:20px; color:#ccc;  }
#myspace img { margin:3px 0 0 10px }
#myspace p { margin-left:125px;} 
#myspace a { color:#ccc; text-decoration:none }
#myspace a:hover { text-decoration:underline }



/* Themes
---------------------------------------*/
#news #nav li.news a, #biography #nav li.biography a, #music #nav li.music a, #press #nav li.press a, 
	#projects #nav li.projects a, #contact #nav li.contact a, #performances #nav li.performances a, #videos #nav li.videos a , #downloads #nav li.downloads a { color:#ccff66; }


/* Hacks
---------------------------------------*/
.clear { clear:both; height:0; }