/*
Theme Name:		UPZ
Theme URI:		http://www.upzshalom.org
Version:		0.1
Author:			Seth Flaxman
Author URI:		http://sethrf.com/
*/

body { background: #fff; color: #333; font: 62.5% Georgia, "Times New Roman", Times, serif; text-align: center; }

* { padding: 0; margin: 0; }

/*---:[ global elements ]:---*/

a { color: #000000; text-decoration: underline; }
	a:visited { color: #333; text-decoration: underline; }
	a:hover { color: #df0000; text-decoration: underline; }
	a img { border: none; }
	
blockquote { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }

abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }
	
code { color: #090; font-family: Courier, monospace; }
pre { margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
p.unstyled { font-size: 1.4em; }
.flickr_blue { color: #007ae4; text-transform: lowercase; }
.flickr_pink { color: #ff2a96; text-transform: lowercase; }
.green { color: #090; }
.red { color: #f00; }
.orange { color: #f40; }
.purple { color: #909; }

/*---:[ headlines ]:---*/

h1, h2, h3 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #000; }

h1 { font-size: 3.6em; letter-spacing: -0.03em; }
	#masthead h1 { padding: 0.4em 0 0.2em 0; border-top: 1px solid #ccc; text-align: center; clear: both; }
	h1 a, h1 a:visited, h1 a:hover { color: #000; text-decoration: none; }
h2 { font-size: 2.0em; }
	h2 a { color: #000; text-decoration: none; }
		h2 a:visited { color: #555; text-decoration: none; }
		h2 a:hover { color: #090; text-decoration: none; }
	.posts h2 { margin: 0 0 0.1em 0; line-height: 1.2em; }

	.pages h2, h2.page_header { margin: 0 0 0.75em 0; padding: 0 0 0em 0; text-align: center;
		font-weight: bold; font-size: 3.0em; line-height: 1em; margin-bottom: 0.167em; }

	h2.archive_head { font-weight: bold !important; font-size: 1.4em !important; text-transform: uppercase !important; letter-spacing: normal !important; margin: 0 0 1.8em 0 !important; padding: 0.4em 0px !important; border-top: 3px solid #000 !important; background: url('images/hr_dot_black.gif') 0 100% repeat-x !important; }
	 
h3 { font-size: 1.0em;  }
	#masthead h3 { margin: 0 0 0.75em 0; font-weight: normal; font-size: 1.8em; text-transform: none; color: #888; text-align: center; }
  #r_sidebar h3 { font-size: 1.3em; letter-spacing: -0.03em; }
	.entry h3 { margin: 2.5em 0 0.5em 0; }
	.entry h3.top { margin: 1.5em 0 0.5em 0 !important; }
	h3.comments_headers { font-size: 1.4em; }

h4 { font: italic 1.2em Georgia, "Times New Roman", Times, serif; color: #888; }
	h4 a, h4 a:visited { color: #888; text-decoration: none; }
		h4 a:hover { color: #888; text-decoration: underline; }
	.posts h4 { margin: 0 0 1.25em 0; padding: 0 0 1.0em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }



/*---:[ header styles ]:---*/

#masthead { width: 970px; height: 140px;  }

	/* #masthead a { display: block; width: 970px; height: 100px; } */ /* uncomment this line if you use a graphic in the header - make sure the height of your header graphic is equal to the height declared in this line of code! */

#nav { text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 980px; }

#nav ul { list-style: none; padding: 0px 0px 0px 0px; float: right; background: #cbe5bd; margin: 0px; padding-bottom: 2px; padding-top: 1px; }

#nav ul li ul { float: left; }

	#nav li { padding: 0px 5px 0px 5px; float: left; margin: 0px; 
font-size: 1.2em; line-height: 1.5em; font-family: georgia, serif; }
		#nav li a, ul#nav li a:visited { padding: 5px 0 3px 0; color: #000; text-decoration: none; }
		#nav li a:hover { color: #2464b0; text-decoration: underline; }
		#nav li a.current, ul#nav li a.current:visited,
		#nav li a.current:hover { color: #9dcc85; background: #fff; text-decoration: none; }
		
#header_img { position: relative; margin: 0 0 3.0em 0; border-bottom: 1px solid #000; float: right; clear: both; }


	#header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */



/*---:[ content styles ]:---*/

.entry { font-size: 1.4em; line-height: 1.65em; }
		
	.entry blockquote { font-size: 1.0em; }
	
		.entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }
		
		.entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }
	
			.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }
	
	.entry p { margin: 0 0 1.5em 0; }

	.entry ul, .entry ol { margin: 0 0 1.5em 40px; }
	
	.entry ul { list-style-type: square; }
	
		.entry li { margin: 0 0 0.5em 0; }
		
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }
	
	.entry dl { margin: 0 0 1.5em 0; }
			
		.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }
		
		.entry dd { margin: 0 0 1.5em 20px; }
		
	.entry .ad { margin: 0 0 0.5em 15px; float: right; }
	
	.entry .ad_left { margin: 0 15px 0.5em 0; float: left; }

	.entry img { }

		.entry img.left { padding: 3px; margin: 0.5em 15px 0.5em 0; border: 3px double #bbb; float: left; clear: left; }
		
		.entry img.right { padding: 3px; margin: 0.5em 0 0.5em 15px; border: 3px double #bbb; float: right; clear: right; }
		
		.entry img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; border: 3px double #bbb; float: none; clear: both; }
	
		.entry img.off { padding: 0 !important; border: none !important; }
		
		.entry img.stack { clear: none !important; }

.tagged { padding: 0.4em 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; font-size: 1.2em; line-height: 1.6em; color: #888; clear: both; }

	.tagged a, .tagged a:visited { padding: 0.25em; color: #333; text-decoration: none; }
	
		.tagged a:hover { color: #fff; background: #333; text-decoration: none; }
	
	.add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }

	
	.previous { padding: 0 20px 0 0; float: left; }
	
	.next { float: right; }

.clear { width: 500px; height: 1px; margin: 0 0 0 0; clear: both; }

.flat { margin: 0 0 2.0em 0 !important; }

.whitespace { margin: 0 0 3.5em 0 !important; }

.entry h1 { font-size: 22px; line-height: 32px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0px 0 0px 0; }

#highlighted-img { background: #b5c8e7 ; width: 365px; border: 1px solid black; clear: none; float: left;  margin-bottom: 10px; display: inline; }
	#highlighted-img img { border-bottom: 1px solid black; }
	#highlighted-img .headline { font-size: 1.4em; font-weight: bold; padding-left: 5px; padding-top: 5px; padding-right: 5px; }

#announcement-wrapper { float: right; width: 223px; margin-right: 0px; margin-top: 0px; border: 0px solid black; display: inline; padding-bottom: 0px; }

#announcement { margin: 0px auto; background: url('images/upz08.jpg') no-repeat top center; height: 310px; padding: 10px; }
	#announcement h1 { padding-top: 50px; color: #000; font-weight: bold; font-size: 1.6em; padding-left: 5px; }
	#announcement .caption { font-size: 1.5em; padding-top: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-style: italic; }

#wapo-wrapper { margin: 0px auto; clear: left; float: left; width: 210px; display: inline; }

#wapo { margin: 0px auto; background: url('images/wapo001.jpg') no-repeat top center; padding: 15px; }

	#wapo h1 { padding-top: 0px; color: #2464b0; font-weight: bold; font-size: 1.2em; padding-left: 5px; padding-bottom: 10px; }
	#wapo h2 { padding-top: 0px; color: #000; font-weight: normal; font-size: 1.2em; padding-left: 5px; }

#calendar { float: right; margin-right: 0px; margin-top: 0px; }

.caption { font-size: 1.2em; padding: 5px; font-color: red; }

/*---:[ sidebar styles ]:---*/

ul.sidebar_list { list-style: none; width: 100%; }
ul.sidebar_list ul ul {  padding-top: 0.5em; }
li.current_page_item { /*font-weight: bold;*/ }
li.current_page_item ul { font-weight: normal; }

	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { margin: 0 0 0 0; float: left; 
  /* font-size: 1.333em; line-height: 1.333em; font-family: georgia, serif; */  }
    ul.sidebar_list li.widget { padding-bottom: 20px; width: 100%; }

		li.widget h2, li.linkcat h2 { font-weight: bold;/* font-size: 1.077em; letter-spacing: normal;*/ margin: 0 0 0 0; padding: 0px 0px; }

		li.widget p { margin: 0 0 10px 0; padding: 0 0px; }
		
		li.widget ul, li.linkcat ul { list-style: none; margin: 0 0 0.5em 0px; }
		
		li.widget ol, li.linkcat ol { margin: 0 0 0.5em 20px; }
		
			li.widget li, li.linkcat li { margin: 0 0 0.7em 0; }
			
				li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; }
				
					li.widget li a:hover, li.linkcat li a:hover { text-decoration: underline; }
			
				li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }
		
		
		li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; }
		
			li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }
			
				li.widget ul.flickr_stream li a img { padding: 3px; }
				
				li.widget ul.flickr_stream li a:hover img { background: #ff2a96; }
		
			/*---< FlickrRSS styles for the widget only >---*/
		
			li.widget_flickrrss { }
			
				li.widget_flickrrss a img { margin: 0 5px 5px 0; padding: 3px; }
				
				li.widget_flickrrss a:hover img { background: #ff2a96; }
				
		/*---< Calendar widget styles >---*/
		
		#calendar_wrap { font-size: 1.3em; }
				

/*---:[ footer styles ]:---*/

#footer {width: 520px; margin: 0px auto; }
#footer p { font-size: 1em; color: #888; }

	#footer a, #footer a:visited { color: #888; text-decoration: none; }
		
		#footer a:hover { color: #888; text-decoration: underline; }
#center-footer {width: 520px; margin: 0px auto; text-align: center; }



/*---:[ comment styles ]:---*/

#comments { width: 500px; float: left; clear: both; }

	ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; }
		
		ul#comment_list li.comment { width: 500px; padding: 1.2em 0 0 0; border-bottom: 1px dotted #bbb; float: left; }
			
		ul#comment_list li.trackback { width: 470px; padding: 1.2em 15px 0 15px; background: url('images/trackback_bg.gif'); }
				
			.comment_meta { margin: 0 0 1.2em 0; }
			
				.comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }
				
				.trackback .comment_num { padding: 0 0 0 20px; }
				
					.comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }
					
						.comment_num a:hover { color: #df0000; text-decoration: none; }
				
				.comment_meta strong { font-size: 1.6em; }
					
				.comment_time { font: normal 1.1em Verdana, Helvetica, Arial, sans-serif; color: #888; }
		
			.comment .entry { padding: 0 15px; }
			
				.comment .entry p { margin: 0 0 1.0em 0; }
			


/*---:[ comment form styles ]:---*/

#comment_form { width: 500px; padding: 1.0em 0 0 0; float: left; }

	#comment_form p { padding: 0.6em 0; }
	
		#comment_form label { padding: 0 0 0 10px; font-size: 1.2em; }

		#comment_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
		
		#comment_form .text_area { width: 321px !important; }
	
			#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	
		#comment_form .form_submit { padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em Georgia, "Times New Roman", Times, serif; cursor: pointer; }
		
		#comment_form p.subscribe-to-comments { font-size: 1.4em; }
		
			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
			


/*---:[ search form styles ]:---*/

#search_form { }

	#search_form .search_input { width: 120px; padding: 3px; color: #000; font: normal 10px Georgia, "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
	
	li.widget .search_input { font-size: 1.0em !important; }
	
		#search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

/*---:[ core layout elements ]:---*/

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 980px;
	background: url("images/content002.gif") repeat-y; 
	background-position: 0px 0px;
}

#header { 
	height: 140px;
	display: block;
}

#banner {
	background: url("images/header002.gif") no-repeat;
}

#l_sidebar {
	float: left;
	width: 130px;
	padding: 10px;
	margin-top: 30px;
	margin-left: 11px;
	display: inline;
}

#r_sidebar {
	float: left;
	width: 168px;
	margin-top: 0px;
	padding-right: 10px;
	padding-left: -9px;
}

#content { 
	float: left;
	/*height: 400px;*/
	width: 598px;
	margin-top: 0px; 
	margin-left: 1px;
	margin-right: 10px;
	padding: 10px;
}

#footer {
	clear: both;
	text-align: center;
}

/*---:[ navbar ]:---*/

/* This is for mimicking the use of alternate tags on images, for use
by screen readers. See this paper: http://www.webaim.org/techniques/css/invisiblecontent/ */
.alt {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
} 

#navbar { margin-top: -5px; height: 29px; width: 800px; float: left; margin-left: 1px; padding-left: 0px; }

	#navbar ul { list-style: none; }
	#navbar li { height: 29px; float: left; margin-left: 0px; list-style: none; }
	#navbar .button a { background-position: 0px 0px; height: 29px; width: 40px; }
	#navbar .button a:hover { background-position: 0px -29px; }

	#about-us a { width: 97px; height: 29px; border: 1px solid black; }
	#about-us a { background: url('images/navbar/about_us.gif'); }
	/*
	#on-campus a { width: 118px; background: url('images/navbar/on_campus.gif'); }*/

#suckerfishnav { background:#2464b0; font-size:16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; height: 29px; } 
#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;line-height:29px;padding:0; margin:0;width: 620px;	}
#suckerfishnav a {display:block;color:#fff;text-decoration:none;padding:0px 16.5px;}

#suckerfishnav li li { height: 20px; }
#suckerfishnav li {float:left;padding:0;}
#suckerfishnav ul {position:absolute;left:-999em;height:auto;	width:151px;font-weight:normal;margin:0;line-height:1;	border:0;border-top:1px solid #666666;	}
#suckerfishnav li li { margin-bottom: 0px; width:149px;border-bottom:1px solid #666666;border-left:1px solid #666666;border-right:1px solid #666666;font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif;}
#suckerfishnav li li a {padding:4px 10px;	width:130px;font-size:12px;color:#fff;}
#suckerfishnav li ul ul {margin:-21px 0 0 150px;}
#suckerfishnav li li:hover {background:#9dcc85;}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {color:#2464b0;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#fff;}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#dddddd;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {left:-999em; }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {left:auto;background:#2463b0;}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#9dcc85; color: #000;}

/* For real */

#l_sidebar h2.widgettitle { font-size: 1.7em; padding-top: 0px; letter-spacing:-0.03em; margin-bottom: 10px;  }
#r_sidebar h2.widgettitle { font-size: 1.8em; padding-top: 5px; letter-spacing:-0.03em; color: #000; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; padding-bottom: 10px; }
#r_sidebar p.sidebar-center { text-align: center; margin: 0px auto; }

ul.enhanced-recent-posts { margin-left: 0px; }
ul.enhanced-recent-posts p { padding-left: 0px; font-size: 1.2em;  } 

.enh_rp { margin: 0px; padding: 0px; } 

#recent-posts { border: 1px solid #cae4bd; margin: -1px;  }

#recent-posts ul li {  font-size: 1.2em; margin-bottom: 0px; padding-top: 5px; }
#recent-posts ul li a { color: #000; text-decoration: none; }
#recent-posts ul li a:hover { text-decoration: underline; }

#recent-posts ul { padding-left: 10px; padding-right: 10px; list-style: none;  }

#print-header { display: none; }
@media print {
#print-header { display: block;  }
#header { height: 190px; }
}

div.blue_line_top { border-top: 1px solid #2464b0; margin-bottom: -1px; }
div.blue_line_bottom { margin-top: 11px; border-top: 1px solid #2464b0; }

#title_image { margin-left: -10px; margin-top: -10px; padding-bottom: 10px; }

/* some sidebar hacks to make NEws & Events and What UPz? clickable */

#enh-rp-298566181 { border: 1px solid #CAE4BD; border-top: none; margin-top: -10px;  padding-bottom: 10px; }
#enh-rp-298566181 ul.enhanced-recent-posts { padding-left: 10px; padding-right: 5px; }
#enh-rp-268527021.h2 { display: none; }
#text-338555801 { padding-bottom: 0px; margin-bottom: -10px; }
#text-341139371 { border: 1px solid #CAE4BD; border-bottom: none; padding-bottom: 0px; }


/* Just for the mockup */

h1.mockup_l { font-size: 1.8em; }
p.mockup_space { padding-top: 10px; }
h1.mockup_upz { font-size: 1.3em; }
p.mockup_l { padding-left: 0px; padding-top: 10px; font-size: 1.2em; }
h1.mockup_r { font-size: 1.8em; color: #000; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; }
p.mockup_r { padding-left: 0px; padding-top: 0px; font-size: 1.2em; }
p.mockup_r_centered { padding-left: 0px; padding-top: 10px; font-size: 1.2em; text-align: center; }

ul.mockup_r { padding-left: 10px; list-style: none; padding-bottom: 10px; }
ul.mockup_r li { padding-top: 5px; font-size: 1.2em; }
ul.mockup_r li a { color: #000; text-decoration: none; }
ul.mockup_r li a:hover { text-decoration: underline; }

p.mockup_r_br { padding-left: 0px; padding-top: 10px; font-size: 1.2em; text-align: center; background: white; width: 166px; margin-top: 10px; padding-bottom: 10px; border: 1px solid #3a92d9; }
p.mockup_r_br a { text-decoration: none; font-size: 1.2em; }
p.mockup_l_br { padding-left: 0px; padding-top: 10px; font-size: 1.2em; text-align: center; background: white; width: 130px; margin-top: 10px; padding-bottom: 10px; border: 1px solid #3a92d9; }
p.mockup_l_br a { text-decoration: none; font-size: 1.2em; }
p.mockup_l_line { margin-top: 10px; border-top: 1px solid #2464b0; }
p.mockup_l_contact { font-size: .9em; padding-top: 0px; }
p.mockup_r_donate { text-align: center; padding-top: 0px; }

#subscribe-form { 
	width: 100%; font-size: 1em; border: 1px solid #2464b0; margin: -1px; }
#search-form { 
	width: 160px; font-size: .7em; border: 1px solid #2464b0; margin: -1px; }
#subscribe-button { 

   margin-top: 5px;
   color:#2464b0;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:.9em;
   font-weight:bold;
   background-color:#fff;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;}

#mockup_page { margin: 10px; }
#mockup_page h1 { font-size: 2em; }
#mockup_page p { font-size: 1.2em; padding-bottom: 10px; }

#contact { margin-left: 20px; width: 130px; font-size: 1.2em; }


#top-row { clear: both; border: 1px solid black; }

#flickr a img { border: 1px solid black; margin: -1px; }