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

#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; }

.edit { font-size: 11px; color: #999999; }
.edit a { color: #cc0000; padding: 0px 5px; }
.add_entry {
	font-size: 12px;
	font-weight: normal;
}
.add_entry a {
	 color: #eee; padding: 0px 5px;
}


#header { height: 100px; margin: 0px 10px; }
#logo { padding-top: 30px;}
#logo a { display: block; height: 70px; width: 350px; background: url(images/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 h4 { font-size: 18px; margin-bottom: 5px; line-height: 1.3em; }
.news_entry p { line-height: 1.5em; margin-bottom: 10px; }
.news_entry img {
	margin: 10px auto;
	display: block;
}
.news_entry p.date { float: right; text-transform: uppercase; color: #999; margin-bottom: none; line-height: 24px;}


.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; }

.poster { border: 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 !important; background: #fff; }
.photo_left { float: left; border: 1px solid #ccc; margin: 5px 20px 10px 0px !important; 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; margin-bottom: 10px; }
#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; padding-left: 20px; }
#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: 5px; }
#nav_categories li a {
	padding: 5px 20px; display: block; width: 280px;
}
#nav_categories li a:hover,
#nav_categories li a.active {
	background: #91CC08; color: #fff; 
}
#nav_categories li.main_category a { display: block; width: 280px; padding: 11px 20px 9px 20px; background: #eee; }
#nav_categories li.main_category a:hover, #nav_categories li.main_category a.active { background: #91CC08 url(images/project_arrow.gif) left center no-repeat; color: #fff; margin-left: 0px; }

.pressphotos { float: left; margin-right: 20px; margin-bottom: 20px;  }
.pressphotos img { display: block; margin-bottom: 3px; }
.pressphotos span { display: block; width: 120px; }


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



/* modal */
/* the overlayed element */
.overlay {
	display:none;	
	padding: 20px;
	z-index:10000;	
	background-color:#fff;
	width:400px;	
	min-height:160px;	
	box-shadow: 0 0 90px 5px #000;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.overlay .close {
	background-image:url(images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.overlay form { padding: 10px; background: #eee; }
.overlay form label { font-weight: bold; padding-right: 20px; font-size: 14px; }
.overlay form .input { border: 1px solid #bbb; background: #fff; padding: 5px; width: 200px; }
.overlay form .submit { border: none; background: #91CC08; padding: 5px; color: #fff; font-weight: bold; }
.overlay form .submit:hover { cursor: pointer; }
.overlay form .error { font-size: 9px; color: #cc0000; clear: both; width: 300px; }