/*  
Theme Name: velo_sheet
Theme URI: http://velocommuter.org/
Description: This is the css for the website velocommuter.org
Version: 2.0  
Author: Michael Stringer

	This theme was developed by staff members of velocommuter.org.
	
	Please feel free to use this code yourself.  Copy away!  If you have any 
	questions, feel free to email us at admin@velocommuter.org

*/

/* Begin Typography & Colors */
a {
	color: #333333;
	}
body { 
	background: #000 url(images/bg.jpg) repeat-x fixed top;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
#page {
	
	background:   url(images/widepagebg.jpg) repeat-y top; border: none;
	text-align: left;
	margin-left: auto; 
	margin-right: auto;
	padding: 0 10px 0 10px;
	width: 760px;
	}

#header { 
	margin: 0px auto;
	position: absolute;
	}
	
#content {
	font-size: 1.2em;
	padding-top: 155px;
	padding-left: 15px;
	padding-right: 15px;
	}

#main {
	color: black;
	}

#main h2 {
	margin: 0;
	font-size: 140%;
	}
	
#main p {
	font-size: 110%;
	}
	
#main li  {
	margin: 5px 0 0 0;
	}
	
#main p.more {
	margin-top: 0;
	text-align: right;
	}
	
#main p.more a:link, #main p.more a:visited {
	color: #333333;
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 14px;
	}

.pledge	{	
	font-size: 1.2em;
	}

.white	{
	color: white;
}

.black 	{
	color: black;
}

/* Box Colors */

.box1	{
	background-color:#4499ff;
}

.box2	{
	background-color:#880000;
}

.box3	{
	background-color: #ffdd11;
}

.box4	{
	background-color:#ffbb55;
}

.box5	{
	background-color:#0066dd;
}

.box6	{
	background-color:#00cc33;
}

/* Boxes */

#mainbigbox {
	background-color: white;
	margin: 5px 0 0 0;
	padding: 1.2em;
	}
	
#mainfeature {  
	background-color: white;
	width: 520px;
	float: left;
	margin: 5px 0 0 0;  
	padding: 10px;
	}

#main a:link.hasimage, #main a:visited.hasimage, #main a:active.hasimage, #main a:hover.hasimage	{
	border-bottom: none;
	text-decoration: none;
	}
	
#mainfeature a:link, #mainfeature a:visited {
	text-decoration: none;
	border-bottom:1px dotted;
	}

#mainfeature a:active, #mainfeature a:hover {
	text-decoration: none;
	border-bottom:1px solid;
	}

#mainfeature img {
	float: left;
	margin: 0 0 5px 0;
	}

#insetbox {
	background-color: #0066dd;
	color: white;
	padding: 1em 1em 1em 1em;
	margin: 0 0 10px 0;
	overflow: hidden;
	}
	
#insetbox	h1	{
	margin: 5px;
	}
	
#insetbox a:link, #insetbox a:visited	{
	color: white;
	text-decoration: none;
	border-bottom:1px dotted;
	}
	
#pageheading {
	text-align: right;
	padding: 5px 15px 5px 5px;
	margin: 0 0 10px 0;
	}

#banner	{
	padding: 5px;
	margin: 0 0 10px 0;
	}

#article	{
	padding: 10px;
	margin: 0 0 10px 0;
	overflow: hidden;
	height: 100%;
	}
	
#article img	{
	overflow: hidden;
	}	
	
#velodesc	{
	background-color: #fdf8f2;
	width: 220px;
	float: left;
	border: 1px solid black;
	padding: 1.5em;
	margin: 0 20px 5px 0;
	}

#excusehead	{
	padding: 10px;
	margin: 0 0 10px 0;
	}

#excusehead a:link	{
	line-height: 20px;
	}

#sidebar	{
	margin: 5px 0 0 11px; 
	float:right;
    width:178px;
	padding: 0;
	}

#pledgers	{
	margin: 10px 0 0 0;
	background-color: #ffbb55;
	padding: 0;
	overflow: hidden;
	border: 0;
	}

#pledgers td	{
	font-size: 90%;
	}

#pledgers img	{
	 display: block;
	 border: 0;
	 padding: 0;
	 margin: 0;
}

#rssfeed	{
	margin: 10px 0 0 0;
}

#quicklinks {
	font-family: sans-serif;
	font-size: 1.2em;
	color:#330000;
	background-color: #ff8800;
	padding: 10px;
	}

#quicklinks ul {
	font-weight: bold;
	color:#330000;
	margin-left: 0px;
	padding-left: 1em;
	}	
	
#quicklinks li {
	line-height: 1.4;
	}

#quicklinks a:link {
	color:#330000;
	text-decoration: none;
	border-bottom:1px dotted;
	}
	
#quicklinks a:visited {
	color:#330000;
	text-decoration: none;
	border-bottom:1px dotted;
	}
	
#quicklinks a:active {
	color:#330000;
	text-decoration: none;
	}
	
#quicklinks a:hover {
	color:#330000;
	border-bottom:1px solid;
	}

#sidebox {
	background-color: #0066dd;
	color: white;
	padding: 1em 1em 1em 1em;
	margin: 10px 0 0 0;
	overflow: hidden;
	}
	
#sidebox a:link, #sidebox a:visited	{
	color: white;
	text-decoration: none;
	border-bottom:1px dotted;
	}
		
#tenreasons	{
	margin: 10px 0 10px 0;
	color: white;
	background-color: #770022;
	padding: 5px;
	}

#tenreasons a:link, #tenreasons a:visited	{
	color: white;
	text-decoration: none;
	border-bottom:1px dotted;
	}
	
#tenreasons ol {
	margin:0 5px 5px 0;
	padding-left: 2.5em;
	}
	
#quotebar {
	margin: 10px 0 10px 0;
	padding-bottom:-3px;
	color: white;
	background-color:#00cc33;
	overflow: hidden;
	border: 0;
	}

#quotebar img {
	 display: block;
	 border: 0;
	 padding: 0;
	 margin: 0;
	}



#pledgehead	{
	font-size: 1.2em;
	font-family: Arial;
	margin: 0 0 10px 0;
	overflow: hidden;
	}

#pledgebox	{
	padding: 0 0 1em 0;
	}

#pledgeleft {
	min-height:260px;
 	height:260px;
	background-color: #FFBB00;
	padding: 10px;
	width: 405px;
	float: left;
	}

#pledgeright {
	min-height:260px;
 	height:260px;
	background-color:#FFDD11;
	float: right;
    width: 275px;
	padding: 10px;
	}

#pledgeorghead {
	min-height: 165px;
  	height: auto !important;
 	height: 165px;
	background-color: #FFBB00;
	padding: 10px;
	width: 420px;
	float: left;
	}

#onway {
	background-color: #0066dd;
	color: white;
	padding: 10px;
	margin: 0 0 10px 0;
	overflow: hidden;
	}

#nextsteps {
	min-height:210px;
  	height:auto !important;
 	height:210px;
	background-color:#FFDD11;
	padding: 10px;
	}

#footer { 
	background:   url(images/bodyfooter.jpg) no-repeat bottom; border: none;
	text-align: center;
	padding: 0 0 0 0px;
	margin: 0 auto;
	width: 760px;
	clear: both;
	}
	
#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}

#human {
	visibility:hidden;
	display:none;
	}
	
#menu a {
   position: absolute;
   height:38px;
   width: 115px;
   top: 116px;
   font-size: 2.2em;
   background-repeat: no-repeat;
   text-decoration: none;
   }

#menu a i { visibility: hidden; }


a#home { left: 37px;  top: 116px;}
a#aboutus { left: 135px; top: 117px}
a#knowledge { left: 255px; top: 115px}
a#inspiration { left: 401px; top: 117px}
a#blog { left: 536px; top: 117px; }
a#sitemap { left: 631px; top: 117px}


a#home:hover { background-image:   url(images/nav_bar/rollovers/home.gif); }
a#aboutus:hover { background-image:   url(images/nav_bar/rollovers/about_us.gif); }
a#knowledge:hover { background-image:   url(images/nav_bar/rollovers/knowledge.gif); }
a#inspiration:hover { background-image:   url(images/nav_bar/rollovers/inspiration.gif); }
a#blog:hover { background-image:   url(images/nav_bar/rollovers/blog.gif); }
a#sitemap:hover { background-image:   url(images/nav_bar/rollovers/site_map.gif); }


a#banner:hover,
a#home:hover,
a#aboutus:hover, 
a#knowledge:hover, 
a#inspiration:hover, 
a#blog:hover,   
a#sitemap:hover { border: none; } 

/*  Layout  */

.two_col_l {
	float: left;
	width: 49%;
}
.two_col_r {
	margin-left: 51%;	
}