/* 
Theme Name: Waterfront Bikes 
Theme URL: http://www.waterfrontbikes.com
Description: A custom theme for Waterfront Bikes.
Author: Marc Anteparra-Naujock
Author URI: 
Version: 1.0
*/

/*  
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}
/**
* Body
************************************************/
/* Contains everything */
body {
	background: #2F373B url(images/bg-gradient3.png) repeat-y top center;
	font-family: Verdana, Arial, sans-serif;
	color: #FFF;
	font-size: .75em;
	height:100%;
	width:100%;
}
	#massive {
		background: transparent url(images/background.png) no-repeat top center;
		position: absolute;
		top: 0;
		left: 0;
		width:100%;
		height:500px;
		z-index:0;
	}
		/* Wrapper for everything inside of the body */
		#container {
			width:960px;
			margin:0 auto;
			position:relative;
			z-index:1;
		}
/**
* Elements
************************************************/
/* Hyperlinks */
a:link {color:#ff931e;text-decoration:underline;}
a:visited {color:#FF931E;}
a:hover {text-decoration:underline;}
a:active {}
/* Headers */
h1 {}
h2 { font-size:32px; font-weight:bold; color:#ff931e; }
h2 a { text-decoration:none; color:#ff931e; }
h2 a:hover { color:#ff931e; }
h3 {margin-top: 26px;color:#ff931e;font-size:14pt;text-transform: uppercase;}
h4 {}
h5 {}
h6 {}
/* Text elements */
strong { color:#ff931e; }
em {}
cite {}
abbr {}
acronym {}
sup {}
sub {}
address {}
ins {}
dfn {}
del {}
/* Paragraphs */
p {margin-top:5px;    margin-bottom:16px;}
/* Unordered lists */
ul {margin-left:25px;}
	ul li {margin-left:25px;}
/* Ordered lists */
ol {}
	ol li {}
/* Defition lists */
dl {}
	dt {}
	dd {}
/* Blockquotes */
blockquote {}
	blockquote blockquote {}
	blockquote em {}
/* Object */
object {}
/* Code */
code {}
pre {}
pre code {}
/* Tables */
table {
        position:relative;
        /*border:1px solid #FFF;*/
      }
	caption {}
	tr {}
	th {}
	td {
		padding:6px;
        /*border:1px solid #FFF;*/
		vertical-align:middle;
	}
/* Forms */
form {}
	textarea {}
	input {}
	label {}
	option {}
/* Drop caps */
.drop-cap {	}
/* Notes */
.note {}
/* Warnings/Alerts */
.warning, .alert {}
/* Errors */
.error {}
/* Downloads */
.download {}
/* Alignment */
.left, .alignleft {}
.right, .alignright {}
.center, .aligncenter {}
.block, .alignnone {}
.clear {}
/**
* Header
************************************************/
#header {	
	background:transparent;
	width:960px;
	height:100px;
	float:left;
	padding-top:20px;
	position:relative;
}
#infobox {
	height:60px;
	width:190px;
	position:absolute;
	float:right;
	bottom:0;
	right:195px;
	background:#8ca0a9;
	font-size:9pt;
	padding:7px;
}
/**
* Navigation Menu
************************************************/
#navmenu {
	float:left;
	height:40px;
	width:765px;
	background:#808080;
	font-size: 7.87pt;
	font-weight:800;
	text-transform:uppercase;
}
#navmenu ul {
	margin:0;
         *margin-top:-23px;
	padding:0;
	white-space:nowrap;
	list-style-type:none;
}
#navmenu ul li {
	display:inline;
}
#navmenu ul li a {
	padding:6px 9px;
	text-decoration:none;
	float:left;
	color:#F2F2F2;
	background:#808080;
}
#navmenu ul li a:hover {
	background:#D16D00;
}
/**
* Body Content
************************************************/
#content {
	width:749px;
	position:relative;
	float:left;
	background:#2F373B;
	padding:8px;
}
#content_home {
	width:765px;
	position:relative;
	float:left;
	background:transparent;
}
#centerimage {
	width:765px;
	height:304px;
	margin-bottom:10px;
}
#rentalbox {
	height:190px;
	width:230px;
	float:left;
}
#smalldivider {
	float:left;
	width:6px;
	height:190px;
	background:transparent url(images/bigdivider.png) repeat-y top center;
	margin: 0 0 0 7px;
}
#bodybox {
	height:193px;
	width: 510px;
	float:left;
	margin-left:5px;
	background:#2F373B;
}
#bodybox h2 {
	margin: 7px 0 0 7px;
	font-size:14pt;
}
#bodybox p {
	font-size:9pt;
	margin: 7px 7px 7px 7px;
        margin-bottom:16px;
}
/*
Here is a list of all the <DIV>s in Whiteboard.
*/
.post{}
.postmeta{}
.postnavigation{}
#searchform{}
/**
* Sidebar
************************************************/
#sidebar {
	margin:0;
	width:185px;
	height:510px;
	float:left;
	background:transparent url(images/bigdivider.png) repeat-y top left;
}
#newsbox {
	background:#2F373B;
	width:185px;
	height:305px;
	float:left;
	margin:0 0 0 8px;
}
#newsbox h2 {
	margin-left:4px;
        font-size:12pt;
	font-weight:800;
}
#twitterfeed {
	margin-left:4px;
        margin-top: 4px;
        margin-right: 4px;
        font-size:8pt;
}
#newsbox ul {margin-left:4px;list-style-type:none;}
#newsbox li {margin-left:4px;}
#productbox {
	margin: 315px 0px 0 8px;
	height:145px;
	width:185px;
	text-align:center;
	float:left;
	background:#2F373B;
	padding: 5px 0;
}
#productbox img {
	width: 172px;
	padding-bottom: 10px;
}
#socmediabox {
	height:54px;
	width:172px;
	background:#2F373B;
	float:left;
	padding: 0 6px;
	margin: 4px 0 0 8px;
}
#socmediabox img {
	margin:5px 3px 0 6px;
}
#footer {float:left; font-size:9px; width:765px;}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}

.slideshow { height: 304px; width: 764px; margin: auto }
.slideshow img { }

table.rentals tbody tr td { vertical-align:top; padding: 10px 10px 0 0;}
tables.rentals imagecell { background:#2F373B; }
table.rentals bikehead { font-weight:bold; color:#ff931e; text-transform: uppercase;}