/*   
Theme Name: San Francisco NASPP
Theme URI: http://www.thedreamshop.com/
Description: Private theme developed exclusively for San Francisco NASPP by The Dream Shop.
Author: Gordon Morehouse
Author URI: http://www.smartcatmedia.com/
Version: 1.0
.
This theme is not for public release.  Copyright 2008 San Francisco NASPP, All Rights Reserved.
.
*/

body {
	margin: 0;
	text-align: center;
	background-color: #98ab2b;
	font-family: Arial, Helvetica, sans-serif;
}

#headerblock {
	background: #e7eaeb url('images/header-background.gif') repeat-x top left;
	height: 115px;
	overflow: hidden;
}

#headercontent {
	width: 950px;				/* static width */
	margin: 0 auto;			/* center */
	overflow: hidden;
	text-align: left;
}

#headerlogo {
	float: left;
	margin-top: 17px;
}

	#headercontent a, #headercontent img {
		border: 0;
		margin: 0;
		padding: 0;
	}

#headerbuttons {
	float: right;
	margin-right: 12px;
}

	#headerbuttons img {
		border: 0;
		margin: 8px;
	}

#navbar {
	background: #9caf23 url('images/navbar-background.gif') repeat-x top left;
	height: 40px;
	overflow: hidden;
	padding: 0;
}

	#navbar ul {
		margin: 0 auto;
		padding: 0;
	}
	
	#navbar li {
		display: inline;
		margin: 0;
		padding: 0;
	}

	#navbar a, #navbar a:visited {
		color: white;
		text-decoration: none;
		font-size: 20px;
		padding: 9px 20px;
		margin: 0;
		line-height: 40px;
		background: url('images/tabtop-green.gif') no-repeat top left;
	}
	
	#navbar a:hover {
		color: #ffd433;
		background: #ff8434 url('images/tabtop-orange.gif') no-repeat top left;
	}
	
	#rightend, #rightend:hover {
		padding: 9px 0 9px 3px !important;
		line-height: 40px;
		background: url('images/tabtop-green.gif') no-repeat top left !important;
	}

#subnav {
	background-color: #ff8434;
	height: 28px;
	overflow: hidden;
}

#introblock {
	background: #d4e27e url('images/introbar-glow.gif') no-repeat center center;
	height: 273px;
	width: 100%;		/* liquid width */
	margin: 0;
}

#introcontent {
	width: 955px;				/* static width */
	margin: 0 auto;			/* center */
	padding-left: 20px;
	overflow: hidden;
	text-align: left;
}

	#introcontent p {
		margin: 30px 15px 0 15px;
		font-size: 18px;
		color: #666666;
		line-height: 150%
	}

#introphoto {
	float: right;
	margin: 6px 0 0 20px;
}

#mainwrapper {
	min-height: 190px;
	width: 944px;
	max-width: 944px;
	margin: 0 auto;			/* center */
	padding: 0;
	overflow: hidden;
	background-color: white;
	border-left: 3px solid #98ab2b;
	border-right: 3px solid #98ab2b;
}

	#mainwrappertop {
		height: 7px;
		max-height: 7px;
		background: #98ab2b url('images/mainwrapper-top.gif') no-repeat top center;
		overflow: hidden;
	}
	
	#mainwrapperbottom {
		height: 8px;
		max-height: 8px;
		background: #98ab2b url('images/mainwrapper-bottom.gif') no-repeat bottom center;
		overflow: hidden;		
	}

	#leftwrap {
		float: left;
		width: 570px;
		margin: 13px 13px 13px 17px;
		padding: 0;
	}
	
		#leftwrap h1 {
			text-align: left;
			margin: 0 0 6px 0;
			font: small-caps bold 26px Times, "Times New Roman", serif;
			color: #ef4d23;
		}

		#maincontent {
			min-height: 521px;
			background: #fff url('images/maincontent-background.gif') no-repeat top center;
			padding: 5px 10px 10px 10px;
		}
		
		#maincontent ul {
			font-size: 14px;
			text-align: left;
			margin: 0 0 0 50px;
			padding: 0px;
			list-style: disc;
						}
						
		#maincontent li {
			margin-top: 8px;
			padding-left: 8px;
						}
		
		
			.itemwrap {
				width: 550px;
				padding: 0 0 10px 0;
				margin: 8px 0 12px 0;
			}
			
				.bordereditemwrap {
					border-bottom: 1px dotted #999;
					margin-bottom: 8px;
				}
			
				.itemwrap h2 {
					text-align: left;
					font-weight: bold;
					color: #666666;
					font-size: 18px;
					margin: 0;
				}
				
				.itemdate {
					text-align: left;
					font-size: 12px;
					font-variant: small-caps;
					border-bottom: 1px dotted #999;
					margin: 2px 0 15px 0;
					padding: 0 0 2px 0;
					color: #666;
				}
				
				.rightdate {
					width: 15em;
					text-align: right;
					float: right;
					font-size: 12px;
					font-variant: small-caps;
					color: #666;
				}
				
				.itemwrap p {
					clear: both;
					text-align: justify;
					font-size: 13px;
				}
				
				.itemwrap a {
					color: #333333;
				}
				
				.itemwrap a:hover {
					color: #98ab2b;
				}
				
				.itemjump {
					float: right;
					font-size: 13px;
					font-variant: small-caps;
					color: #536100;
					text-decoration: underline !important;
				}
				
				.itemjump:hover {
					color: #ff8434;
				}
	
		.postmeta {
					float: left;
					font-size: 13px;
					font-variant: small-caps;
					color: #666666;
					text-decoration: none;
					margin: 2px 0 8px 0;
				}
	
	#rightwrap {
		float: right;
		margin: 9px 17px 13px 0;
		padding: 0;
	}

		.rightboxtop {
			background: #fff url('images/rightbox-header.gif') no-repeat top center;
			width: 321px;
			height: 32px;
			margin: 0;
			padding: 0;
			overflow: hidden;
			text-align: left;
			color: white;
		}
		
		.rightboxtop h2 {
			margin: 0;
			padding: 8px 0 0 13px;
			font-size: 15px;
			text-transform: uppercase;
		}

		#search {
			background: #fff url('images/searchbox-background.gif') no-repeat bottom center;
			width: 321px;
			min-height: 81px;
			max-height: 81px;
			margin: 4px 0;
			padding: 0;
			overflow: hidden;
			text-align: left;
		}
		
			#searchform {
				padding: 13px;
			}
			
				#searchbox {
					border: 1px solid black;
					width: 210px;
				}
				
				#searchbutton {
					color: white;
					background-color: black;
					border: 1px solid white;
				}

		#chapternews {
			width: 321px;
			min-height: 180px;
			margin: 6px 0 4px 0;
			padding: 0;
		}
		
			#chapternewsbackground {
				background: url('images/rightbox-fluid-background.gif') repeat-y 0px 10px;
				width: 321px;
				min-height: 180px;
				margin: 0 0 10px 0;
			}
		
				#chapternewscontent {
					background: transparent url('images/chapternews-background.gif') no-repeat bottom center;
					width: 321px;
					min-height: 180px;
					margin: 0;
					padding: 0;
					text-align: left;
					border-top: 1px solid #ff8434;	/* Safari hack */
				}

					#chapternewsmarginhack {
						/* see http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm */
						/* could be removed if margin-top: 0 can be reliably applied to the first element
						   in #chapternewscontent */
						margin-top: 0;
						height: 0px;
						width: 0px;
						overflow: hidden;
					}

					#chapternewspad {
						padding: 0 13px 8px 13px;
						margin: 0;
					}
					
						#chapternewspad ul {
							margin: 0;
							padding: 0;
							list-style: none;
						}
						
						#chapternewspad li {
							background: url('images/bullet.gif') no-repeat top left;
							margin-top: 8px;
							padding-left: 20px;
						}
						
						#chapternewspad a, a:visited {
							text-decoration: none;
							color: #475500;
						}
						
						#chapternewspad a:hover {
							text-decoration: underline;
							color: #6D7921;
						}
					
		#jobbank {
			background: #fff url('images/jobbank-background.gif') no-repeat top center;
			height: 74px;
			width: 321px;
			overflow: hidden;
			margin: 4px 0;
			text-align: left;
		}
		
			#jobbank h2 {
				margin: 0;
				padding: 8px 0 0 13px;
			}
			
			#jobbank a, #jobbank a:visited {
				text-decoration: none;
				color: white;
			}
			
			#jobbank a:hover {
				text-decoration: none;
				color: #ffd433;
			}

#footer {
	clear: both;
	background-color: #333;
	min-height: 105px;
	padding: 8px 0 0 8px;
}

	#footercontent {
		width: 950px;
		max-width: 950px;
		margin: 0 auto;			/* center */
		text-align: left;
		font-size: 12px;
		font-weight: lighter;
		color: white;
	}