body { background: #fff; font-family: Helvetica Neue, Helvetica, Arial, san-serif; color: #333; font-size: 11px;}

#wrapper { width: 960px; margin: 0px auto;}

a { text-decoration: none; color: #1489D4; }
.about a { color:  #F50000; }
.projects a, .recordings a { color:  #91CC08; }
.activism a { color:  #8100E6; }
.press a { color: #FF9012; }
.contact a { color: #1489D4; }

.clear { clear: both; }
small { font-size: .8em; line-height: 1.3em; }


#header { height: 100px; margin: 0px 10px; }
#logo { padding-top: 30px;}
#logo a { display: block; height: 70px; width: 350px; background: url(/images/site/paulrucker_logo.gif) no-repeat; }

#nav { height: 30px; margin: 0px 10px; }
#nav ul { float: right;}
#nav li { float: left;}
#nav li a { display: block; height: 30px; width: 100px; background: #000; line-height: 33px; text-align: center; color: #fff; text-transform: uppercase; font-size: 12px; }
#nav #nav_home a:hover, #nav #nav_home a.active { background: #444; }
#nav #nav_about a:hover, #nav #nav_about a.active, .navAbout { background: #F50000; }
#nav #nav_projects a:hover, #nav #nav_projects a.active, .navProjects { background: #91CC08; }
#nav #nav_activism a:hover, #nav #nav_activism a.active, .navActivism { background: #8100E6; }
#nav #nav_press a:hover, #nav #nav_press a.active, .navPress { background: #FF9012; }
#nav #nav_contact a:hover, #nav #nav_contact a.active, .navContact { background: #1489D4; }
.navCal, .navNews { background: #1489D4; }
#nav_indicator { margin: 0px 10px; height: 60px;}
#nav_indicator h3 {  padding-left: 20px; line-height: 60px; font-size: 24px; color: #fff; }


#home_gallery { margin: 0px 10px; background: #444; height: 400px;  color: #fff; margin-bottom: 30px; overflow: hidden; }
.gallery_entry {  width: 940px; padding-bottom: 15px; position: relative; }
.gallery_l { width: 320px; float: left; background: #444; height: 400px; }
.gallery_r { width: 600px; float: right; padding-bottom: 0px; }
.gallery_entry h3 { margin: 30px 20px 10px 20px; font-size: 24px;}
.gallery_entry p { font-size: 14px; margin: 10px 20px; line-height: 1.5em; }
.gallery_entry p.readmore { margin-top: 20px;}
.gallery_entry p.readmore a { font-size: 11px; padding: 5px 30px; background: #1489D4; border: 1px solid #fff; color: #fff; }
.gallery_entry p.readmore a:hover { }
p.gallery_credit { position: absolute; right: 10px; bottom: 20px; color: #999; font-size: 8px; margin: 0px; padding: 0px;  }

#content { margin: 20px 10px; }
#content_r { float: right; width: 600px; }
#content_l { float: left; width: 320px;}

.content_head { margin-bottom: 10px;}
.content_head p.viewall { float: right;}
.content_head h3 { color: #999; text-transform: uppercase; font-weight: normal; font-size: 12px;}

.entry_list { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 10px;  }

.entry { }
.entry h4, .entry_list h4 { font-size: 18px; margin-bottom: 10px; line-height: 1.3em; }
.entry h4 { font-size: 24px;}
.entry p, .entry_list p { font-size: 12px; margin-bottom: 10px; line-height: 1.5em; }
.entry object, .entry embed { margin-bottom: 20px; }


/* news */
.news_entry { border-top: 1px solid #ccc; margin-bottom: 40px; padding-top: 10px;}
.news_entry p.date { float: right; text-transform: uppercase; color: #999;}
.news_entry h4 { font-size: 18px; margin-bottom: 5px; line-height: 1.3em; }
.news_entry p { line-height: 1.5em; margin-bottom: 10px; }

.cal_entry { border-top: 1px solid #ccc; margin-bottom: 40px; padding-top: 10px;}
.cal_entry p.date { text-transform: uppercase; color: #333; margin-bottom: 5px;}
.cal_entry h4 { font-size: 18px; margin-bottom: 5px; line-height: 1.3em; }
.cal_entry p { line-height: 1.5em; margin-bottom: 10px; }

/* projects */
.projects .entry_listimage { float: left; display: block; width: 240px; margin-right: 20px;}
.projects .entry_listinfo { float: left; width: 340px; }
.projects .readmore a { padding: 3px 8px; background: #91CC08; color: #fff; font-size: 11px;  }
#project_gallery h5 { font-size: 16px; margin-top: 40px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }

#entry_nav { margin-top: 60px; border-top: 1px solid #ccc; padding-top: 10px; height: 30px;}
#entry_nav .next { float: right; }
#entry_nav .prev { float: left; }

/* recordings */
.recordings .entry_listimage { float: left; display: block; width: 200px; margin-right: 20px;}
.recordings .entry_listinfo { float: left; width: 380px; }
.recordings .readmore a { padding: 3px 8px; background: #91CC08; color: #fff; font-size: 11px;  }
.albumImage { float: left; margin: 0px 20px 10px 0px; }
#purchaseCD h5, #trackListing h5 { font-size: 16px; margin-top: 40px; margin-bottom: 5px; border-bottom: 1px solid #ccc; }
#purchasePhysical { margin: 10px 0px; }
#purchasePhysical a, #purchaseDigital a { display: block; padding: 5px 20px; width: 160px;  background: #91CC08; color: #fff; font-weight: bold;  }
#purchaseDigital form { padding: 10px; background: #eee; }
#purchaseDigital form p { font-size: 11px; margin-bottom: 3px;}
#trackListing ol { list-style: decimal inside;  }
#trackListing li { border-bottom: 1px solid #ccc; padding: 5px 20px; line-height: 30px;}
.trackEntry { display: inline; }
.trackTitle { display: inline-block; width: 240px; height: 30px; line-height: 30px;  }
.mp3 { display: inline;  }
.mp3 object, .mp3 embed { vertical-align: bottom; padding: 0px; margin: 0px;  }


/* activism */
.activism h4 { font-size: 20px; margin-top: 40px; padding-bottom: 5px; border-bottom: 1px solid #ccc; line-height: 1.3em; }
.activism h4.header { font-size: 24px; margin-bottom: 10px; line-height: 1.3em; border-bottom: none; margin-top: 0px; padding-bottom: 0px; line-height: 1.3em; }
.activism h5 { font-size: 15px; margin: 25px 0px 5px 0px; line-height: 1.3em; }
.activism h6 { margin-top: 20px; line-height: 1.3em;}
.activismAudio { margin-bottom: 30px;  }
.activismAudio p { font-weight: bold;}
.activismAudio img { float: left; margin: 0px 20px 10px 0px;}
.activism .top { text-align: right; font-size: 10px; text-transform: uppercase;}

.activism blockquote { background: #ddd; padding: 40px 50px; margin: 15px 0px;}
.photo_right { float: right; border: 1px solid #ccc; margin: 5px 0px 10px 20px; background: #fff; }
.photo_left { float: left; border: 1px solid #ccc; margin: 5px 20px 10px 0px; background: #fff; }
.photo_right p, .photo_left p { padding: 10px; margin: 0px; font-size: 11px; line-height: 1.3em;}

/* sidebar */
#about_widget { margin-bottom: 40px;}
#about_widget img { float: left; margin: 0px 20px 10px 0px; }
#about_widget h5 { font-size: 16px;}
#about_widget p { line-height: 1.5em; }

#cal_widget { margin-bottom: 40px; }
#cal_widget .cal_entry { padding-top: 10px; margin-bottom: 20px; border-top: 1px solid #ccc; }
#cal_widget .cal_entry p { line-height: 1.3em; margin-bottom: 0px;}
#cal_widget .cal_entry p.date { color: #666; text-transform: uppercase; margin-bottom: 3px; }
#cal_widget .cal_entry h5 { font-size: 14px; line-height: 1.3em;}

#news_widget { margin-bottom: 40px; }
#news_widget .news_entry { padding-top: 10px; margin-bottom: 10px; border-top: 1px solid #ccc; }
#news_widget .news_entry p { line-height: 1.3em;}
#news_widget .news_entry p.date { color: #666; text-transform: uppercase; margin-bottom: 3px; }
#news_widget .news_entry h5 { font-size: 14px; line-height: 1.3em;}

#aboutImage { margin-bottom: 40px; }

#nav_categories { margin-bottom: 30px; }
#nav_categories li { font-size: 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }
#nav_categories li a { display: block; width: 280px; padding: 11px 20px 9px 20px; background: #eee; }
#nav_categories li a:hover, #nav_categories li a.active { background: #91CC08 url(/images/site/project_arrow.gif) left center no-repeat; color: #fff; }

/* footer */
#footer { margin: 20px 10px; padding-top: 10px; border-top: 1px solid #ccc; color: #666; }
#footer .light { color: #666; }