@import url('grid.css');
/* 
Theme Name: PedalPalooza 2010
Theme URL: http://pedalpalooza.infinitecycles.com.com/
Description: Theme designed for the 2010 PedalPalooza event
Author: Brad Rowberry
Author URI: http://rowdesign.com
Version: .1

 */

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;}


/*
Here is a list of all the <DIV>s in Whiteboard.
*/

#container{}
.post{}
.postmeta{}
.postnavigation{}
#searchform{}
#sidebar{}
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}


/*universal typography*/
* {
	margin: 0;	
}

html {
	height: 100%;
}

body { 
	font:12px/1.55em arial, helvetica, sans-serif; 
	height: 100px;
	background: url(images/bg-gradient.jpg) repeat-x #00adee;
}

#wrapper {
	margin-top: 20px;
	background-color: #ffffff;	
	margin-bottom: 20px;
}

#header {
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: #fffff;
}

#logo {
	background: url(images/pedal-palooza-logo.jpg) no-repeat;
	height: 210px;
}	

.hidden {
	text-indent: -999999px;	
}

#featured-content {
	margin-left: 10px;
}

#foot {
	margin-top: 30px;
	padding-bottom: 20px;

}

.right {float:right}
.alignright{float:right; margin: 5px;}
.alignleft {float:left; margin: 5px;}

a { color:#00adee; text-decoration:none; }
a:hover { color:#1e7ec8; text-decoration:underline; }
a img { border:0;}
:focus { outline:0; }

/* Heading */
.ft h1, .ft h2, .ft h3, .ft h4, .ft h5, .ft h6, .head { margin-bottom:.4em; line-height:1.3em; color:#00adee; margin-top: 1px;}
.ft h1 { font-size:2.2em; line-height:1.17; }
.ft h2 { font-size:2em; line-height:1.2em; font-weight:bold; margin-top: 20px;  }
.pagetitle a{font-size: 150%; line-height:1.1em;}
.ft h3 { font-size:1.35em; }
.ft h4 { font-size:1.05em; }
.ft h5 { font-size:1.05em; color: #000000; font-weight:bold;}
.ft h6 { font-size:.95em; }


/* Table */
.ft th { padding:0; text-align:left; vertical-align:top; }
.ft td {padding:0;vertical-align:top;}

/* Paragraph */
.ft p { margin-bottom:1em; line-height: 1.5em;}


/* Form */
.ft form { display:inline;}
.ft fieldset { border:none; }
.ft legend {display:none;}
.ft label { color:#666; /*font-size:.95em;*/  font-weight:bold; }
.ft input, select, button { vertical-align:middle; }

/* Lists */
.ft dt { display:block; font-weight:bold; }
.ft ul { list-style: inside disc; margin: 10px;}
.ft ol {list-style:inside decimal; margin: 10px;}
.ft li {margin-left: 20px; line-height: 2em;}

.ft hr { height:0; margin:8px 0; overflow:hidden; visibility:hidden; }
.ft strong { font-weight:bold; }



#sidebar h5 {text-indent: -9999px;}

#sidebar ul li.page_item a{
	background: url(images/navigation-buttons.jpg) no-repeat;
	height: 50px;
	width: 280px;
	margin-bottom: 15px;
	margin-left: -5px;
}

#sidebar ul li.page_item a:hover, #sidebar ul li.current_page_item {
	margin-left: 15px;	
}

#sidebar ul li.page-item-3 a{		background-position: 0px -0x;}/*home*/
#sidebar ul li.page-item-116 a{		background-position: 0px -50px;}/*about*/
#sidebar ul li.page-item-109 a{		background-position: 0px -100px;}/*goldilocks*/
#sidebar ul li.page-item-107 a{		background-position: 0px -150px;}/*mountain bike*/
#sidebar ul li.page-item-11 a{		background-position: 0px -200px;}/*helmet safety*/
#sidebar ul li.page-item-13 a{		background-position: 0px -250px;}/*bike rodeo*/
#sidebar ul li.page-item-9 a{		background-position: 0px -300px;}/*blog*/
#sidebar ul li.page-item-113 a{		background-position: 0px -400px;}/*sponsors*/
#sidebar ul li.page-item-115 a{		background-position: 0px -350px;}/*contact*/


#sidebar ul li a {
	display: block;
	height: 50px;
	width: 280px;
	text-indent:-99990px;
}



.cleardiv {clear: both; width: 600px;}



/*image sprite*/
.imagesprite {
	height: 75px;
	width: 150px; 
	background-image: url(http://www.goldilocksride.com/wp-content/themes/goldilocks2010/images/goldilocks-sponsors.jpg);
	background-repeat: no-repeat;
	margin: 25px;
	clear: right;
	float: left;
}

.ihc 				{background-position: 0px 0px;}
.herrimancity		{background-position: 0px -75px;}
.healthyherriman	{background-position: 0px -150px;}
.pedalpalooza		{background-position: 0px -225px;}
.slhd				{background-position: 0px -300px;}
.infinite			{background-position: 0px -375px;}
.oss				{background-position: 0px -450px;}
.sucre				{background-position: 0px -525px;}