<!--
/*
Theme Name:					Golden State Fire Apparatus
Description:				A Wordpress theme for GSFA
Author:						CCG - JC
Last Edit:					9/22/09
*/

/* ------------|Defaults------------ */
body {  
	background:				#370A03 url(./images/bg.jpg) repeat-y 50% 0;
	font-family:			Arial,Helvetica,sans-serif; 
	font-size:				12px; 
	color:					#fff;
	margin:					0;
	padding:				0;
	line-height:			17px;
}


a:link, a:hover, a:visited, a:active {  
	font-family:			Arial,Helvetica,sans-serif;
	font-size:				12px; 
	color:					#BA200A;
}
a:hover {color: #fff; text-decoration: none;}


h2 {
	font:					bold 24px 'Times New Roman';
	color:					#b02f27;
	margin:					0 0 20px 22px;
}

h4 {
	font:					bold 14px Arial,Helvetica,sans-serif;
	color:					#fff;
	margin:					5px 0 0 10px;
}


img {
	border:					0;
	display:				block;
}

/* ------------|Structure------------ */

#page {
	width:					800px;
	margin:					0 auto;
}


.red-box {
	background-color:		#370A03;
	font-size:				10px;
	margin-bottom:			6px;
	padding:				4px 0 14px 0;
	line-height:			11px;
}
.red-box h2 {
	background-color:		#260602;
	font:					bold 18px Geneva,Arial,Helvetica,sans-serif;
	color:					#fff;
	width:					96%;
	margin:					0 auto 13px;
	padding:				4px 0 4px 10px;
}
.red-box img {
	margin:					0 auto;
}

.gray-box {
	background-color:		#262626;
	margin-bottom:			6px;
}
.gray-box h2 {
	background-color:		#1E1E1E;
	font:					12px Arial,Helvetica,sans-serif;
	color:					#ccc;
	width:					93%;
	margin:					4px auto 7px;
	padding:				4px 0 4px 10px;
	text-transform:			uppercase;
}
.gray-box p {
	width:					97%;
	margin:					1em auto;
}
.container {
	position:				relative;
	width:					100%;
	height:					10px;
	clear:					both;
}
.gb-tl, .gb-bl {
	position:				absolute;
	background:				transparent url(./images/box-tl.jpg) no-repeat;
	width:					10px;
	height:					10px;
	top:					0;
	left:					0;
}
.gb-tr, .gb-br {
	position:				absolute;
	background:				transparent url(./images/box-tr.jpg) no-repeat;
	width:					10px;
	height:					10px;
	top:					0;
	right:					0;
}
.gb-bl {
	background:				transparent url(./images/box-bl.jpg) no-repeat;
}
.gb-br {
	background:				transparent url(./images/box-br.jpg) no-repeat;
}

/* ------------|Misc Classes------------ */

.nomarg {
	margin:					0;
}

.clear {
	clear:					both;
}
.cl {
	clear:					left;
}
.cr {
	clear:					right;
}
.alignright {
	float:					right;
}

.alignleft {
	float:					left;
}

.aligncenter {
	margin:					0 auto;
}

.small {
	width:					320px;
}
.medium {
	width:					430px;
}
.large {
	width:					765px;
}

/* ------------|Header------------ */

#logo {
	background:				transparent url(./images/logo.jpg) no-repeat;
	width:					800px;
	height:					68px;
}
#logo a {
	display:				block;
	width:					170px;
	height:					68px;
	margin-left:			18px;
}

/* ------------|Menus------------ */

ul#menu {
	width:					800px;
	height:					57px;
	margin:					0;
	padding:				0;
	list-style:				none;
}
ul#menu li {
	float:					left;
}
ul#menu a {
	display:				block;
	height:					57px;
	text-indent:			-9999em;
	outline:				0;
}
ul#menu li#home-link a {
	background:				transparent url(./images/menu.jpg) no-repeat 0px 0px;
	width:					91px;
}
ul#menu li#home-link a:hover, ul#menu li#home-link.current_page_item a {
	background:				transparent url(./images/menu.jpg) no-repeat 0 -57px;
	width:					91px;
}

ul#menu li#about-us-link a {
	background:				transparent url(./images/menu.jpg) no-repeat -91px 0;
	width:					100px;
}
ul#menu li#about-us-link a:hover, ul#menu li#about-us-link.current_page_item a {
	background:				transparent url(./images/menu.jpg) no-repeat -91px -57px;
	width:					100px;
}

ul#menu li#services-link a {
	background:				transparent url(./images/menu.jpg) no-repeat -191px 0;
	width:					109px;
}
ul#menu li#services-link a:hover, ul#menu li#services-link.current_page_item a {
	background:				transparent url(./images/menu.jpg) no-repeat -191px -57px;
	width:					109px;
}

ul#menu li#products-link a {
	background:				transparent url(./images/menu.jpg) no-repeat -300px 0;
	width:					111px;
}
ul#menu li#products-link a:hover, ul#menu li#products-link.current_page_item a {
	background:				transparent url(./images/menu.jpg) no-repeat -300px -57px;
	width:					111px;
}

ul#menu li#in-process-link a {
	background:				transparent url(./images/menu.jpg) no-repeat -411px 0;
	width:					128px;
}
ul#menu li#in-process-link a:hover, ul#menu li#in-process-link.current_page_item a {
	background:				transparent url(./images/menu.jpg) no-repeat -411px -57px;
	width:					128px;
}

ul#menu li#new-deliveries-link a {
	background:				transparent url(./images/menu.jpg) no-repeat -539px 0;
	width:					144px;
}
ul#menu li#new-deliveries-link a:hover, ul#menu li#new-deliveries-link.current_page_item a {
	background:				transparent url(./images/menu.jpg) no-repeat -539px -57px;
	width:					144px;
}

ul#menu li#contact-us-link a {
	background:				transparent url(./images/menu.jpg) no-repeat -683px 0;
	width:					117px;
}
ul#menu li#contact-us-link a:hover, ul#menu li#contact-us-link.current_page_item a {
	background:				transparent url(./images/menu.jpg) no-repeat -683px -57px;
	width:					117px;
}

/* ------------|Content Etc------------ */

#content {
	margin:					12px auto;
	width:					765px;
}


ul.featured-desc {
	margin:					4px 0 15px 10px;
	padding:				0;
	list-style:				none;
}
ul.featured-desc li {
	float:					left;
	width:					210px;
}
p.featured-desc {
	width:					410px;
	margin:					4px auto 0;
}


.staff img {
	float:					left;
	margin:					0 8px 6px 20px;
}
.staff .desc {
	float:					left;
	width:					180px;
	height:					200px;
	padding-left:			5px;
}
.staff p {
	padding-top:			65px;
}


#deliveries {
	background-color:		#190401;
	width:					724px;
	margin:					0 auto;
}
#deliveries .desc-table {
	width:					312px;
	padding:				10px 0;
}
#deliveries .desc-table table,#deliveries .desc-table td,#deliveries .desc-table td {
	margin-left:			30px;
}
#deliveries .desc-table td {
	padding:				1px;
}
#deliveries .img, #deliveries img {
	margin:					0 auto;
	text-align:				center;
	padding:				10px 0;
}

.downloads a {
	color:					#eee;
}


.link-img {
	margin:					5px auto;
	text-align:				center;
}
.links {
	background-color:		#1E1E1E;
	width:					720px;
	margin:					0 auto;
}
.links ul {
	margin:					0 auto;
	padding:				18px 0;
	list-style:				none;
}
.links li {
	background-color:		#000;
	width:					707px;
	margin:					18px auto 0;
	text-align:				center;
}
.links a {
	font-size:				16px;
	font-weight:			bold;
}

/* ------------|Footer------------ */

#footer {
	height:					110px;
}
#footer p {
	width:					375px;
	color:					#ccc;
	text-align:				center;
	margin:					1em auto;
	font-size:				10px;
}
#footer a {
	font-size:				10px;
}