/**
  * Bicycle Club of Philadelphia
  * screen.css - Primary CSS file for the BCP site. Defines color scheme and any
  * 			 template attributes that don't require images.
  *
  * by Tom Scott. Commissioned by Jeff Bakely of the BCP.
  */


/** global tag styles **/
body { 
	margin:0px 0px 0px 0px; 				  			 	 
	padding:0px 0px 0px 0px;
	background-color:#8A8A8A;
}
/* tables */
table {								 	  	  
	border-collapse: collapse;			 	 
	border: 0px;						    	
	padding-left: 10px;
	padding-right: 10px;
}
td {
	font: 13px Verdana, Arial, sans-serif;
	color: #5F5F5F;
	line-height: 14px;						 	 
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
}
th {
	text-align: left;
}
/* links */
a { 
	text-decoration: underline;
} 
a:hover { 
	text-decoration: none;
}
/* forms */
input,textarea,select {
	background-color: #CCCCCC;
	color: #000000;
	border: 1px solid #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
option {
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
h1 {
	font: bold 18px Arial, Helvetica, sans-serif;
}
h2 {
	font: bold 16px Arial, Helvetica, sans-serif;
}
h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
}

/** tag-specific classes **/
/* links */
a.red {
	color: #da0f17;
}
a.blue {
	color: #026AAC;
}
a.black {
	color: #000000;
}
a.green {
	color: #01a776;
}
a.aqua {
	color: #1296A2;
}
a.white {
	color: #FFFFFF;
	text-decoration: none;
}
a.white:hover {
	color: #CCCCCC;
	text-decoration: none;
}
a.white:visited {
	color: #FFFFFF;
	text-decoration: none;
}
/* calendar */
table.calendarÊ{
	border:Ê1pxÊsolidÊ#000000;Ê
	border-collapse:Êcollapse;Ê
	color:Ê#000000;Ê
	background:Ê#FFFFFF;Ê
}
td.todayÊ{Ê
	border:Ê1pxÊsolidÊwhite;Ê
	color:Ê#000000;Ê
	background:Ê#EFEFEF;Ê
	font-weight:Êbold;
}
td.monthdaysÊ{
	border:Ê1pxÊsolidÊ#434470;Ê
	color:Ê#000000;Ê
	background:Ê#FFFFFF;
}
td.margin {
	width: 20px;
}
div.align {
	margin-left: 20px;
	margin-right: 20px;
}
span.date {
	color: #6B6B6B;
}
/* primary navigation (classes) */
ul.nav_submenu {
	visibility: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	width: 150px;
	top: 168px;
	background-color: #949494;
	z-index: 20;
	/*filter: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;*/
}
ul.nav_submenu li {
	position: relative;
	text-align: center;
	padding: 8px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
}
ul.nav_submenu li:hover {
	background-color: #7A7A7A;
	cursor: pointer;
	font-weight: bold;
	/*filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1; /* 90 */
}
img.nav_img {
	position: absolute;
	top: 80px;
}
/* forms */
table.form {
	border: 1px solid #999999;
}
td.form_title {
	background-color: #999999;
	color: #000000;
}
table.form th {
	width: 25%;
	text-align: right;
	vertical-align: top;
}
/* for sale/forums */
table.forums_board {
	background-color: #EAEAEA;
	border: 1px solid #999999;
	width: 90%;
}
table.forums_board th {
	font-size: 9px;
	color: #FFFFFF;
	background-color: #999999;
}
table.forums_board td {
	border-left: 1px solid #999999;
}
td.forums_forum_title {
	text-align: left;
}
td.forums_forum_author {
	text-align: right;
}



/** ambiguous classes **/
.res_year {
	font-weight: bold;
	color: #000000;
}
/* submenu navigation */
.submenu {
	width: 100%;
	text-align: center;
}
.submenu ul {
	list-style: none;
	margin: 0;
	position: relative;
	padding: .3em 0;
}
.submenu li { 
	border-left: 1px solid #000000;
	display: inline;
	margin: 0;
	padding: 0 .7em;
}
.submenu #first {
	border-left: none;
}
/* rides calendar */
td.monthdays {
	border: 1px solid #434470; 
	color: #000000; 
	background: #FFFFFFF; 
}
td.nonmonthdays { 
	border: 1px solid white; 
	color: #000000; 
	background: #EFEFEF;
}
td.rides_day_time { 
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
}
td.rides_day_event { 
	background-color: #FFFFFF;	
}
td.rides_day_event:hover {
	background-color: #CCCCCC;
}
/* rides library */
td.library_searchresults_title {
	background-color: #999999;
	color: #FFFFFF;
	font-size; 10px;
}



/** single element styles **/
/* page title */
#title {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
#title a {
	color: #666666;
	text-decoration: none;
}
#title a:hover {
	text-decoration: underline;
	color: #333333;
}
/* members table */
#members td {
	text-align: center;
}
/* navigation cell */
#nav {
	padding-left: 0;
	padding-right: 0;
}
/* main content cell */
#content {
	height: 100%;
 	width: 100%;
 	background-color: #FFFFFF;
}
/* top user info box */
#userbox {
	font-size: 10px;
	font-family: Verdana, Tahoma, sans-serif;
	background-color: #8A8A8A;
	width: 100%;
	text-align: right;
	border-bottom: 1px solid #000000;
}
/* lists/cells on the front page */
#events ul {
	color: #026AAC;
	marker-offset: 2px;
}
#msgs ul {
	color: #01a776;
	marker-offset: 2px;
}
#rides {
	width: 260px;
	border-right: 1px solid #8A8A8A;	
}
/* copyright text */
#copyright {
	background: url("../../img/footer_curl_left.jpg") top left no-repeat; 
	height: 28px; 
	width: 270px; 
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* primary navigation (individual menus) */
#nav_default {
	visibility: visible;
	font-size: 9px;
	display: inline;
	position: absolute;
	top: 200px;
	left: 350px;
	text-align: center;
}
#nav_rides {
	border: 1px solid #6464A5;
	right: 95px;
}
#nav_rides li {
	border-bottom: 1px solid #6464A5;
}
#nav_join {
	border: 1px solid #000000;
	right: 225px;
}
#nav_join li {
	border-bottom: 1px solid #000000;
}
#nav_members {
	border: 1px solid #D2574A;
	right: 290px;
}
#nav_members li {
	border-bottom: 1px solid #D2574A;
}
#nav_more {
	border: 1px solid #457E46;
	right: 160px;
}
#nav_more li {
	border-bottom: 1px solid #457E46;
}
#nav_events {
	border: 1px solid #DDDD1B;
	right: 30px;
}
#nav_events li {
	border-bottom: 1px solid #DDDD1B;
}
#nav_rides_img {
	right: 105px;
}
#nav_join_img { 
	right: 255px;
}
#nav_members_img { 
	right:330px;
}
#nav_more_img { 
	right: 180px;
}
#nav_events_img {
	right: 30px;
}
/* for sale boards */
#forums_post {
	border: 1px solid #999999;
	background-color: #EAEAEA;
	width: 85%;
	height: 105px;
}
#forums_post_sidebar {
	border-right: 1px solid #999999;
	width: 15%;
}
#forums_post_body {
	text-align: left;
	width: 85%;
}
#forums_post_footer {
	text-align: right; 
	font-size: 9px;
	background-color: #999999;
	color: #FFFFFF;
}
#forums_post_footer a {
	color: #EAEAEA;
	text-decoration: none;
}
#forums_post_footer a:hover {
	color: #FFFFFF;
}
#forums_submitbox {
	background-color: #EAEAEA;
	visibility: visible;
	border: 1px solid #999999;
}
#forums_submit_post {
	visibility: hidden;
	display: none;
}
/* member directory */
#members {	
	border: 1px solid #999999;
	background-color: #EAEAEA;
}
#members td {
	border-left: 1px solid #999999;
}
#members th {
	color: #FFFFFF;
	font-size: 9px;
	background-color: #999999;
	text-align: center;
}
#members a {
	color: #000000;
}
/* rides calendar */
#rides_month {
	border-collapse: collapse; 
	color: #000000; 
	background: #FFFFFF;
	border: 1px solid #999999;
	
}
#rides_month th {
	text-align: center;
}
#rides_month_today { 
	border: 1px solid white; 
	color: #000000; 
	background: #EFEFEF; 
	font-weight: bold;
}
#rides_month_nav {
	width: 100%;
	background-color: #999999;
}
#rides_month_nav th {
	width: 16%;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
}
#rides_month_nav td {
	width: 68%;
	font-size: 16px;
}
#rides_day { 
	border: 1px solid #999999;
	width: 85%;
}
#rides_day th {
	background-color: #999999;
	color: #FFFFFF;
	font-size: 9px;
}
/* rides library */
#library_searchresults {
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#library_searchresults td {
	border-right: 1px solid #999999;
}
#library_nav {
	text-align: center;
	width: 100%;
	display: block;
}

/* admin control panel */
table.admin_list {	
	border: 1px solid #999999;
	background-color: #EAEAEA;
}
table.admin_list td {
	border-left: 1px solid #999999;
}
table.admin_list th {
	color: #FFFFFF;
	font-size: 9px;
	background-color: #999999;
	text-align: center;
	font-weight: bold;
}
table.admin_list .action {
	font-size: 9px;
}
/* Rides calender */
span.ride {
 line-height: 0.95; 
 width: 85%; 
 color: black; 
 font-weight: 150; 
 font-size: 10pt; 
 font-family:  Arial, Sans-Serif; 
 margin-left: 0%;
 margin-right: 0%;
} 
p.ride {
  font-weight: 150; 
  font-size: 10pt; 
  font-family:  Arial, Sans-Serif;
  margin-left: 3%;
  margin-right: 0%;
  text-indent: 0px;
}
div.ride {
 line-height: 0.95; 
 width: 85%; 
 color: black; 
 font-weight: 150; 
 font-size: 10pt; 
 font-family:  Arial, Sans-Serif; 
 margin-left: 0%;
 margin-right: 0%;
}