/********************************************************/
/*	Author: Dan Kaltenbaugh
/*	Email:  Dan.K@Book27.com
/*	Company: Book27 Website Productions LLC
/*	Created: March 8th, 2008
/*  - 2009 - 
/*  Updated: July 21st, 2009
/*  - Added login p formatting
/*	Udpated: March 16th, April 16th, 22nd, 23rd, 26th & 27th, & May 2nd
/*	May 5th
/*  - Added add-new-member class styling
/*  Version: 2.0
/*	basic.css - Basic css style sheet for charity event centers
/*
/*  Site colors: #ff9 (light gold), #900 (burgundy), 
/*				 #666 (dark gray)
/********************************************************/

/* dom */
body {
	background	: #300;
	border-top	: 0;
	font-family	: Georgia, "Times New Roman", Times, serif;
	margin		: 0;
	padding		: 0;
	text-align	: center;
}
  a {
  	text-decoration	: none;
  }
  a:link {
	  color			: #900;
  }
  a:hover {
  	text-decoration : underline;
	  color			: #f00;
  }  
  a:visited {
  	color	: #c00;
  }
	ul {
		list-style : none;
	}
div.error_message {
	color : red;
}
/* content */
div.announcement {
	margin				: 0;
	padding				: 5px;
	text-align			: center;
	font-size			: large;
	background-color	: #FF9;
	color				: #000;
	border				: 1px solid #063;
	display				: block;
}
div#about_us {
  padding : 5px 0px;
}
	#about_us ul {
		list-style:square;
	}

div#benefits {
  text-align : left;
	margin-left : 10px;
}
div#event_info {
  border-bottom : 1px dashed #CCC;
}
div.event_title {
  font-weight:bold;
	font-variant:small-caps;
	font-style:oblique;
}
div#logo {
  height			: auto;
  width				: auto;
}
div#banner {
  background		: #900; /* Was #ff9 */
  border-bottom		: 3px solid #900;
  border-top		: 3px solid #900;
  color	: #FFF ; /* was default */
  font-style		: oblique;
  height			: 150px;
  width				: auto;
  vertical-align	: middle;
}
  #banner h1 {
	font-size		: 48px;
	font-weight		: bold;
  }
div#container {
  background	: #fff;
  border		: 3px groove #ff9;
	clear			: both;
  margin		: 1.5em auto;
  padding		: 0;
	position 	: relative;
	top				: 0;
  width			: 800px;
}
div#event_description {
	margin-left : 15px;
}
div#event_info {
  text-align : left;
}
div#event_info img {
  border : 3px groove;
}
div#event_logo {
	margin : 0 auto;
}

div#footer {
  color			: #c00;
  font-style	: oblique;
  font-size		: smaller;
}
div#header {
	background-image	: url('/i/lwb_logo.gif');
	background-repeat	: no-repeat;
	background-position	: left center;
	color				: #900;
	display				: block;
	height				: 48px;
	margin-top			: 5px;
	text-align			: right;
	vertical-align		: middle;
}
  #header h1 {
	font-size		: 36px;
	font-style		: oblique;
	vertical-align	: text-bottom;
  }
div#main {
	margin : 10px 0;
}
div.story {
  border-top		: 3px solid #900;
	text-align		: left;
}
span.title {
  background	: #ff9;
  color			: #000;
  width			: 100%;
}
/* multimedia */
div.photoFloatLeft {
  float			: left;
  padding		: 5px 5px;
  text-align	: left;
}
div.photoFloatRight {
  float			: right;
  padding		: 5px 5px;
  text-align	: right;
}
div.photo_float_right {
	float		: right;
	margin		: 0;
	padding		: 5px 5px;
	text-align	: right;
}

/* navigation */
div#navMain{
  color			: #900;
  text-align	: right;	
}
div#navBelow{
	border-top	: 1px solid #900;
	clear : both;
	color		: #900;	
	text-align:center;
}
table#runner_table img {
	border : none;
}
table#runner_table {
	margin			: 0 auto;
	text-align 	: left;
}
table#runner_table td {
	width : 150px;
}
table#runner_table th {
	border-bottom	: 1px solid black;
}
table#runner_table td.td_goal {
	width	: 100px;
}
table#runner_table td.td_progress {
	width	: 100px;
}
table#runner_table td.td_name {
	width	: 200px;
}
table#runner_table td.td_website {
	width	: 220px;
}
div.sponsor_link {
  background-color : #FFF;
  border  : 5px outset;
	color   : #000;
	font-weight : bold;
	padding : 5px;
	width	  : 180px;
}
	.sponsor_link:hover {
		border : 5px inset;
	}
	.sponsor_link a:hover {
		border-bottom : none;
	}
div.graph { 
	width: 300px; 
	border: 1px solid #000; 
	padding: 2px; 
	text-align: left;
}
div.graph .bar { 
	display: block;
	position: relative;
	background: #FF0000;
	text-align: center; 
	color: #000;
	height: 2em; 
	line-height: 2em;            
}
div.graph .bar span { position: absolute; left: 1em; }

.login {
  color: #333;
	display: block;
	border: 1px solid #ccc;
	margin: 50px auto;
	text-align: center;
	width: 450px;
}
.login p {
  padding : 5px;
}
.login form p {
  padding: 0 10px;
}
label {
  display : block;
}
.error {
  color : #f00;
	font-size: 85%;
	font-weight: bold;
}
.login-title {
  background: #300;
	border-bottom: 2px solid #ccc;
	color: #fff;
	display: blcok;
	font-size: 93%;
	font-weight: bold;
	margin: 1px;
	padding: 2px 10px;
}
#login-nav {
  background:#FFF;
	border-bottom : 1px solid #ccc;
  color : #000;
	display : block;
	font-weight : bold;
	padding : 3px;
	position:fixed;
	top: 0;
	right: 0;
  text-align    :	 right;
	width : 100%;
}
#login-nav a {
  font-weight:normal;
	text-decoration:underline;
}
.tss-table td {
  border : 1px solid #ccc;
}
.tss-table th {
  background-color : #300;
	color: #fff;
}
div#hq-container {
  background	: #fff;
  border		: 3px groove #ff9;
	clear			: both;
  margin		: 1.5em auto;
  padding		: 0;
	position 	: relative;
	text-align: left;
	top				: 0;
  width			: auto;
}
#formatting-tips td{
	border:none;
}
#formatting-tips ul{
	list-style:circle;
}
form {
  margin : 5px;
}
.odd-form-row {
  background : #ccc;
	border-bottom : 1px solid #ccc;
	clear : both;
	color : #000;
	display : block;
}
.even-form-row {
	border-bottom : 1px solid #fff;
  clear : both;
	display : block;
}
#event-form label {
	float: left;
	font-weight:bold;
  width : 200px;
	padding: 0;
	margin: 5px 0;
	text-align: right;
}
#event-form input {
	margin: 0 5px;
	width: auto;
}
#event-form textarea {
	margin: 0 5px;
	width: auto;
}
#event-form select {
	margin: 0 5px;
	width: auto;
}
div.add-new-member {
  background : #ccc;
  border  : 1px solid #000;
	margin  : 5px;
	padding : 5px;
}

/* Version 2.0 Additions */
#member-admin-page {
	border-top : 1px solid #fc0;
	margin		 : 5px auto;
	text-align : center;
  width	  	 : 800px;
}
#member-admin-form {
  border-top : 1px solid #000;
	float   	 : left;
	margin  	 : 0 auto;
	padding 	 : 0;
}
#member-admin-form ul{
	margin  : 0;
	padding : 0;
}
#member-admin-form ul.even-form-row {
	border-bottom : 1px solid #999;
}
#member-admin-form ul.odd-form-row {
	border-bottom : 1px solid #999;
}
#member-admin-form li {
}
#member-admin-form li.form-label{
  float 		  : left;
	text-align  : left;
	width 		  : 200px;
}
#member-admin-form li.form-value{
	margin  	   : 0 0 0 205px;
	padding 	 	 : 0;
	text-align 	 : left;
	width   	   : auto;
}
#member-admin-form li.form-input {
	width 			 : auto;
}
#member-admin-form #admin-profile {
	float : left;
	width : 490px;	
}
#member-admin-form li.form-header {
	background	: #f9f9f9;
  border			: 1px solid #fff;
	font-weight : bold;
	text-align  : center;
	padding     : 3px 0;
	width			  : auto;
}
#member-events {
	border-top  : 1px solid #fc0;
  clear       : both;
	margin	    : 5px auto 0 auto;
	text-align  : center;
}
#member-password {
	border-top  : 1px solid #fc0;
	clear				: both;
	margin-top  : 5px;
}
#back-to-top {
	float      : right;
	font-style : oblique;
}
#member-password li.form-label{
	border			: none;
  float 		  : left;
	text-align  : right;
	width 		  : 398px;
}
#member-password li.form-input{
	border			 : none;
	margin  	   : 0 0 0 402px;
	padding 	 	 : 0;
	text-align 	 : left;
	width   	   : auto;
}
div.hq-event {
	border	  	: 1px solid #fff;
	text-align  : left;	
}
div#member-events li {
  border : none;
}
div#beneficiary {
  text-align : center;
}
div#bene_image img{
  border : 5px groove #900;
}