/* CSS Document */

/************************************************************************

	Site:		www.orbike.com

	Author:		eROI		[www.eroi.com]  

	Client:		Orbike		[http://www.orrun.com]

	Listing Order:
	==============

	1 - Global
	

************************************************************************/


/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/
html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, p, img
	{ 
	margin:0; 
	padding:0;

	}
	
body
{
	background:#cbc9c9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7b7b7b;
}


/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/

div.container
{
	padding: 0px 28px;
	background:url(../images/bg_body.gif) top left repeat-y;
	margin-left:auto;
	margin-right:auto;
	width:650px;
}

div.banner
{
	background:url(../images/banner.gif) no-repeat;
	height:87px;
	width:650px;
}

/***********************************************************************
	3 - NAVIGATION STYLES
************************************************************************/

div.nav
{
	background:url(../images/nav_bgRepeat.gif) top left repeat-x;
	height:28px;
	width:650px;
}

div.nav ul
{
	margin:0;
	padding:8px 0 0 0;
	list-style:none;
}

div.nav ul li
{
	display: inline;
	float:left;
	padding-left:44px;
	background:url(../images/nav_design.gif) 16px 3px no-repeat;
	height:10px;
}

div.nav ul li a
{
	display:block;
	float:left;
	height:100%;
}

	div.nav li.home a{ background:url(../images/nav_home.gif) top left no-repeat; width:26px;}
	div.nav li.events a{ background:url(../images/nav_events.gif) top left no-repeat; width:35px;}
	div.nav li.list a{background:url(../images/nav_list_your_event.gif) top left no-repeat; width: 84px;}
	div.nav li.blog a{ background: url(../images/nav_run_blog.gif) top left no-repeat; width: 65px;}
	div.nav li.testimonial a{ background:url(../images/nav_testimonial.gif) top left no-repeat; width:74px;} 
	div.nav li.members a{ background:url(../images/nav_orrun_members.gif) top left no-repeat; width:87px;}
	div.nav li.contact a{ background: url(../images/nav_contact.gif) top left no-repeat; width: 43px;}
	
	
/***********************************************************************
	4 - LEFT COLUMN STYLES
************************************************************************/

div.left
{
	background:url(../images/img_leftside_shadow.gif) top left no-repeat;
	width:184px;
	float:left;
}

div.left div
{
	background:url(../images/img_bottomDots.gif) bottom left no-repeat;
	padding: 15px 15px;
}

div.left div ul 
{
	padding-left: 1.0em;
	padding-right:1em;
	text-indent: -1em;
	list-style-position:inside;
	padding-bottom:25px;
}

div.left div ul li
{
	text-align:left;
	line-height:120%;
	padding-bottom:10px;
}

div.left input.searchbtn
{
	padding:4px 0 0 71px;
}

div.left input.submitbtn
{
	padding:4px 0 0 112px;
}

div.left p
{
	padding:15px 0 0 0;
}
div.left a
{
	color:#7b7b7b;
	text-decoration:none;
}

div.left a:hover
{
	text-decoration:underline;
}
/***********************************************************************
	5 - RIGHT COLUMN STYLES
************************************************************************/

div.right
{
	width:465px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

div.right div
{
	padding:15px 10px 10px 15px;
}

div.right div.calendar ul, div.right div.list ul
{
	padding:15px 0 15px 15px;
	_padding:0px 0 15px 15px;
}

div.right div.calendar ul li, div.right div.list ul li
{
	line-height:150%;
}

div.right div.calendar ul a, div.right div.list ul a
{
	color:#7b7b7b;
	text-decoration:none;
}

div.right div.calendar ul a:hover, div.right div.list ul a:hover
{
	text-decoration:underline;
}

div.right div.welcome
{
	background:url(../images/img_green_mountain_bg.gif) top left no-repeat;
	width:100%;
	height:115px;
	color:#fff;
}

div.right div.welcome p
{
	padding-right:25px;
}

div.right div.welcome h1
{
	padding-top:15px;
	font-size:17px;
	font-weight:normal;
}

div.right div.calendar
{
	border-right:1px dotted #b1aeae;
	border-bottom:1px dotted #b1aeae;
	background:#fdf3cd;
	width:207px;
	float:left;
}

/*div.right div.calendar h1 { background:url(../images/title_event_calendar.gif) top left no-repeat; width:143px; height: 17px;}*/

div.right div.list
{
	border-bottom:1px dotted #b1aeae;
	background-color:#fdf3cd;
	width:207px;
	float:left;
}

/*div.right div.list h1{ background:url(../images/title_organizers) top left no-repeat; width:102px; height: 17px; }*/


/***********************************************************************
	6 - BLOG STYLES
************************************************************************/

div.blog
{
	clear:both; 
}

div.blog h2
{
	font-size:16px;
	padding-bottom:5px;
}

div.blog p a
{
	color:#449269;
	text-decoration:none;
}

div.blog p a:hover
{
	text-decoration:underline;
}


/***********************************************************************
	7 - FOOTER STYLES
************************************************************************/

div.right div.footer
{
	border-top:1px dotted #b1aeae;
}

div.right div.footer ul
{ 
	font-size:10px;
	margin:0;
	list-style:none;
	padding-left:5px;
	padding-top:10px;
	clear:both;
}

div.right div.footer li
{
	display: inline;
	float:left;
	padding-left:14px;
	background:url(../images/list_bullet.gif) 5px 5px no-repeat;
}

div.right div.footer a
{
	color:#7b7b7b;
	text-decoration:none;
}

div.right div.footer a:hover
{
	text-decoration:underline;
}