/* 
Theme Name: wp-shelves
Theme URL: http://www.bytewired.com/
Description: A clean 3-column theme without gifs or jpegs
Author: Jeffrey Dodds
Author URI: http://www.bytewired.com/
Version: 1.0

*/
/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

@import url("global.css");
@import url("colors.css");
@import url("content.css");
@import url("comments.css");
@import url("forms.css");

body{
	padding: 0px;
	margin: 0px;
}

.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
}
.alignright {
	float:right;
	text-align:right;
	margin-left:10px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.left {
	float:left;
	margin-right:10px;
}
.right {
	float:right;
	margin-left:10px;
}
.fixed, .clear {
	clear:both;
}

.pageslice{
	width:906px;
	margin: auto;
}

.pageleft{
	background: #777;
	width:3px;
}
.pageright{
	background: #777;
	width:3px;
}
.pagebrc{
	background: #777;
	width:3px;
	height:3px;
}
.pageblc{
	background: #777;
	width:3px;
	height:3px;
}

#bottomgrad{
	background: #777;
	height:3px;
}

#header{
	padding: 0px;
	height: 60px;
	width: 900px;
	vertical-align: bottom;
	text-align: center;
	background-image: url(images/grads/grad-b-50-25-bt.png);
	background-repeat: repeat-x;
	background-position: bottom right;
}

#header img{
	margin: 30px auto;
}

#header h1{
	display: none;
	padding-top: 40px;
	padding-left: 40px;
	font: Bold 24px/30px Trebuchet MS,Arial,sans-serif;
	color:#FFF;
}
#header h1 a{
	font: Bold 24px/30px Trebuchet MS,Arial,sans-serif;
	color:inherit;
	text-decoration: none;
}
#header h2{
	display: none;
	padding-bottom: 40px;
	padding-left: 40px;
	font: 18px/30px Trebuchet MS,Arial,sans-serif;
	color:#CCC;
}

#headerbottom{
	height: 10px;
	background-image: url(images/grads/grad-b-10-100-tb.png);
	background-repeat: repeat-x;
	background-position: top right;
	padding: 10px;
	text-align: center;	
}
#footer{
	color: #CCC;
	width: 840px;
	background-image: url(images/grads/grad-b-25-50-tb.png);
	background-repeat: repeat-x;
	background-position: top right;
	padding: 20px 20px;
	vertical-align: middle;
}
#footer a{color:#FFF}

.left-sidebar{
	padding: 0px;
	width: 180px;
	background-image: url(images/grads/grad-b-10-50-rl.png);
	background-repeat: repeat-y;
	background-position: top right;
	overflow-x: hidden;
}

.right-sidebar{
	padding: 0px;
	width: 180px;
	background-image: url(images/grads/grad-b-10-50-lr.png);
	background-repeat: repeat-y;
	background-position: top left;
	overflow-x: hidden;
}

.right-sidebar img {max-width: 170px}
.left-sidebar img {max-width: 170px}


.top-sidebar{
	display: block;
	height: 10px;
}

#topimg{
	padding: 0px;
	width: 900px;
	height: 250px;
	background-image: url(http://www.realnettampabay.com/wp-content/uploads/tampa.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
#topimg a{
	display: block;
	width: 850px;
	height: 225px;
}


#topmenu{
	padding: 0px;
	width: 840px;
	height: 35px;
	background-image: url(images/grads/grad-b-50-50-bt.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding-left: 20px;
}

#menus li {
	display:inline;
	list-style:none;
	text-transform: uppercase;
}
#menus li a {
	display:block;
	color:#fff;
	height:35px;
	line-height:31px;
	padding:0 15px;
	text-decoration:none;
	font-size:11px;
	float:left;
	z-index:1;
	margin-right:1px;
}
#menus li a:hover {
	background: transparent url(images/grads/grad-b-25-25-bt.png) repeat-x bottom left;
}
#menus li a:active {
	background: transparent url(images/grads/grad-b-25-50-bt.png) repeat-x bottom left;
}
#menus li.current_page_item a {
	background-image: url(images/grads/grad-b-25-25-tb.png);
	background-repeat: repeat-x;
	background-position: top left;
}
#menus li.current_page_item a:hover {background: transparent}