/*  
Theme Name: Golden Gate Info R2
Theme URI: http://www.contractorbayarea.com
Description: Bay Area Contractor Services
Version: 1.0
Author: Ben Wells
Author URI: http://www.thesitesmiths.com

*/

body {
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
font-size: .85em;
}

h2 {
margin:0;
}

a {
color: #FA7015;
text-decoration: none;
}

ul {
margin: 0;
}

li {
margin: 0;
font-size: .75em;
}

a:hover {
color: #833504;
}

#container {
width: 800px;
margin-left: auto;
margin-right: auto;
background-color: #F9F1DC;
}

#wrapper {

}

#header {
background-image: url(images/header.jpg);
width: 800px;
height: 356px;
margin-top: -10px;
}

	#flashheader {
	width: 759px;
	height: 269px;
	position: relative;
	top: 80px;
	left: 21px;
	float: left;
	}
	
	#home_nav {
	position: relative;
	top:  -413px;
	left: 0px;
	}
		#topinfo {
		position: relative;
		top: 15px;
		left: 415px;
		font-size: .85em;
		text-align: right;
		}
		
		#home_nav #topinfo {
		top: 50px;
		left: -30px;
		}
		
		#subheader #topinfo {
		top: 0px;
		left: -30px;
		}
		
		#home_nav #topinfo a:hover {
		background-image: none;
		}
		
		#home_nav #topinfo a, #subheader #topinfo a {
		color: #333333;
		}
		

#subheader {
background-image: url(images/subheader.jpg);
width: 800px;
height: 137px;
margin-top: -10px;
}

#header p, #subheader p {
margin-left: 300px;
padding-top: 15px;
}

#header p {
padding-top: 71px;
}

#header p a, #subheader p a {
color: #fff;
padding: 15px 5px 15px 5px;
}

#header p a:hover, #subheader p a:hover {
color: #000;
background-image: url(images/menubghover.jpg);
background-position: top;
}


#leftcol {
float: left;
}

		#leftcoltop {
		background-image: url(images/leftcoltop.jpg);
		background-repeat: no-repeat;
		width: 264px;
		height: 24px;
		}
	
		#leftcolmid {
		background-image: url(images/leftcolmid.jpg);
		background-repeat: repeat-y;
		width: 264px;
		}
		
			#leftcolmid li.current_page_parent a, #leftcolmid li.current_page_item a {
	text-decoration: underline;
	font-weight: bold;
	color: #EFA90B;
	}
		
			#leftcolmid h2 {
			text-transform: uppercase;
			color: #EFA90B;
			font-size: .8em;
			margin-left: 30px;
			margin-bottom: 5px;
			}
		
			#leftcolmid ul {
			margin-left: 5px;
			}
			
			#leftcolmid li {
			list-style-image: url(images/bullet.gif);
			font-size: .75em;
			}
			
			#leftcolmid a {
			color: #fff;
			}
			
			#leftcolmid a:hover {
			color: #FF9900;
			}
	
		#leftcolbottom {
		background-image: url(images/leftcolbottom.jpg);
		width: 264px;
		height: 24px;
		}
	
	#movieclip {
	margin-top: 30px;
	margin-left: 25px;
	}
	
	#leftcollasthome {
	background-image: url(images/leftcollast2.jpg);
	width: 264px;
	height: 116px; /* Make this bigger when Paul's movie is ready -like 275px */
	}
	
	#leftcollast {
	background-image: url(images/leftcollast2.jpg);
	width: 264px;
	height: 116px;
	}
	
#rightcolumn {
background-color: #F9F1DC;
width: 536px;
float: right;
}

#rightcolumn p {
margin-left: 20px;
margin-right: 20px;
font-size: .85em;
}

#rightcolumn ul {

}

#rightcolumn ul li {
list-style-image: url(images/bullet2.gif);
}

#rightcolumn h2 {
margin-left: 20px;
font-size: .95em;
margin-top: 10px;

}
	
	img.category_image {

	border: 1px solid #999;
	}
	
	img.alignnone {
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 1px solid #999;
	}
	
	a img {
	border: 1px solid #999;
	}
	
	ul#subsubpages {
margin-left: 0;
padding-left: 0;
list-style-type: none;
width: 100%;
background-color: #545454;
	}
	
		#subsubpages li {
	display: inline;
	}
	
	#subsubpages li a {
	font-size: .85em;
	color: #fff;
	padding: .2em 1em;
	border-right: 1px solid #000;
	}
	
	#subsubpages li a:hover {
	background: #F9F1DC;
	color: #000;
	}
	
	#subsubpages .current_page_item a {
	background: #F9F1DC;
	color: #000;
	}
	
		#rtcolleft {
		width: 282px;
		height: 983px;
		background-image: url(images/rtcolleft.jpg);
		background-repeat: no-repeat;
		float: left;
		}
		
			#rtcolleft p {
		font-size: .7em;
		margin-left: 20px;
		margin-right: 10px;
		margin-top: 10px;
		line-height: 1.4em;
		color: #333333;
		}
		
		h1.hometitle {
		font-size: .85em;
		margin-top: 145px;
		margin-left: 20px;
		}
		
		#rtcolleft p.first {
		
		}
		
		
		#rtright {
		width: 254px;
		height: 433px;
		background-image: url(images/rtcolright.jpg);
		background-repeat: no-repeat;
		float: left;
		}
		
		#rtright p {
		font-size: .65em;
		margin: 0;
		margin-left: 15px;
		margin-right: 20px;
		}
		
		#testimonialarea {
		clear: both; 
		margin-top: 180px; 
		margin-bottom: 10px;
		}
	
#rtcolbottom {
width: 536px;
height: 269px;
background-image: url(images/rtcolbottom.jpg);
float: right;
}

	#rtcolbottom h1{
	margin-top: 15px;
	margin-left: 25px;
	margin-bottom: 15px;
	color: #834C14;
	font-size: .7em;
	}
	
	
	.gallerywrap {
	padding-left: 20px;
	}
	
		.gallerypic {
		width: 130px;
		height: 150px;
		float: left;
		}
		
		.gallerypic img {
		
		}
	
		.gallerypic a {
		font-size: .7em;
		margin-left: 15px;
		}
		
		.gallerypic p {
		margin-top: 0px;
		margin-left: 15px;
		font-size: .4em;
		color: #874F20;
		margin-bottom: 5px;
		}
	
#footer {
width: 800px;
height: 171px;
background-image: url(images/footer.jpg);
background-repeat: repeat-x;
background-color: #000;
clear: both;
}

	p.copyright {
	color: #9A3200;
	float: left;
	margin-left: 5px;
	font-size: .6em;
	}

	p.footerright {
	float: right;
	font-size: .85em;
	color: #333333;
	}
	
	.footerright a {
	margin-right: 5px;
	color: #555;
	}
	
	.footerright a:hover {
	color: #000;
	}
	
	#footerlinks {
	color: #999999;
	clear: both;
	}
	
	#footerlinks a {
	margin-right: 5px;
	font-size: .75em;
	}
	
	#flashmovie {
	margin-left: 90px;
	}
	
	img.alignleft, img.alignright {
	float: right;
	margin-left: 20px;
	}
	
	a img.alignleft, a img.alignright, a img.category_image, a img.category_image  {
	border: 1px solid #999;
	}
	
	blockquote {
	background-image: url(images/bg.jpg);
	font-size: .85em;
	color: #FFFFFF;
	padding: 10px;
	}
	
	ul.footerlinkslong li {
	font-size: .75em;
	display: inline;
	}
	
h2.pagetitle {
margin-bottom: 10px;
}

.clear {
clear: both;
}

div.ddfmwrap {
margin-left: -30px;
}

img.attachment-medium {
margin-left: 80px;
}

#sitemap ul li ul li {
font-size: 1em;
}