/*
Theme Name: (SUB)URBAN Home
Theme URI: http://www.suburban-la.com/
Description: The official WordPress theme for (SUB)URBAN Home's website.
Version: 1.0
Author: John Ellis
*/

@import url("styles/reset.css");
@import url("styles/960.css");

body { font-family: Helvetica, Arial, sans-serif; }
p { margin-bottom: 18px; color: #808080; }
a { text-decoration: none; color: #000000; }
strong, h1, h2, h3, h4, h5, h6 { text-transform: uppercase; color: #000000; }
iframe { border: 1px solid #000000; }
input, textarea { background-color: #EEEEEE; color: #000000; border: 1px solid #808080; padding: 6px; font-size: 16px; width: 90%	;}
.submit { 
	width: auto; 
	background-color: #000000; 
	color: #DDDDDD; 
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	border: none;
	 }
.clear { clear:both; } 
.fill-grid { width: 100%; }
hr { color: #808080; background-color: #808080; height: 1px; margin: 24px 0; clear: both; border: none;}
#searchform label { font-size: 18px; text-transform: uppercase;}
#searchform input#s { width: 160px; margin-bottom: 18px; }
#searchsubmit { 
	width: 20px; 
	height: 20px; 
	background: url(images/searchicon.gif) no-repeat; 
	text-indent: -9999px; 
	border: none;
	cursor: pointer;
	vertical-align: middle;
	margin-bottom: 6px;
	}
/* HEADER STYlES */

#header {
	padding-top: 75px;
}

	#logo h1 {
		display: block;
		width: 300px;
		height: 72px;
	}
	
	#navigation ul {
		float: right;
		margin-top: 24px;
		font-size: 16px;
	}
	
		#navigation ul li {
			float: left;
			width: auto;
			display: inline;
			margin-left: 20px;
		}
		
		#navigation ul li a {
			color: #808080;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		#navigation ul li a:hover, #navigation ul li.current_page_item a {
			color: #000000;
			border-bottom: 3px solid #000000;
		}
	
	#subhead h2 {
		display: block;
		color: #808080;
		font-size: 24px;
		line-height: 36px;
		padding: 24px 0;
		border-top: 1px solid #808080;
		border-bottom: 1px solid #808080;
		margin: 6px 0;
		text-transform: none;
		font-style: italic; 
	}


/* CONTENT STYLES */

#content {
	font-size: 12px;
	line-height: 18px;
}

#home-image img, #showroom img {
	width: 100%;
	height: auto;
}

#navigation #facebook:hover { color: #3B5998;}

h3.right { text-align: right; }
h3 span { color: #BBBBBB; }

#sidebar { float: right; }
	#sidebar ul { margin-bottom: 36px; }
	#sidebar ul li a { color: #808080; }
	#sidebar ul li a:hover { color: #000000; }

.post { margin-bottom: 36px; }
.post p { color: #808080; text-align: justify; }

h3 { font-size: 18px; }

.post-date { text-align: right; }

small#maplink { text-transform: uppercase;}

#scroller {
	width: 100%;
	height: 600px;
	overflow-y: hidden;
	overflow-x: scroll;
	white-space: nowrap;
	display: block;
}

#scroller p { display: inline; white-space: nowrap;}
#scroller img { display: inline; margin-right: 12px; height: 600px; width: auto; white-space: nowrap;}


/* FOOTER STYLES */
#footer {
	display: block;
	background: #DDDDDD;
	position: relative;
	bottom: 0;
	margin-bottom: 0;
	margin-top: 18px;
	line-height: 18px;
}
	#footer div {
		background: inherit;
		margin-bottom: 0;
	}
	#footer h3 { margin: 36px 0 0 0;}
	#footer p, #footer ul {
		text-align: left;
		font-size: 12px;
		color: #808080;
	}
		#footer a { color: #808080; }
		#footer a:hover { color: #000000; }
		#footer #copyright { text-align: center; margin: 36px 0; }