/*************************************
 * Global
 *************************************/

body {
	background-color: #151515;
	color: #ccc;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 140%;
	padding: 0;
	margin: 0;
	text-align: center;
}

h1, h2 { margin: 0 0 1em 0; }
h3, h4, h5 { margin: 0 0 0.5em 0; }

/*p { margin: 0 0 0.5em 0; }*/
img { border: 0; }
form { margin: 0; }

label { text-transform: uppercase; font-size: 84%; letter-spacing: 1px; padding-right: 0.2em; }

a { outline-style: none; outline: none; color: #906cae; text-decoration: underline; } /* 72538c */
a:visited { }

.fl { float: left; clear: left; }
.fll { float: left; clear: left; margin-bottom: 0.2em; }
.fl1 { float: left; clear: left; margin-bottom: 1em; }
.fl2 { float: left; clear: left; margin-bottom: 2em; }

.fr { float: right; clear: right; }
.frl { float: right; clear: right; margin-bottom: 0.5em; }
.fr1 { float: right; clear: right; }
.fr2 { float: right; clear: left; margin-bottom: 2em; }

.m02 { margin-bottom: 0.2em; }
.m05 { margin-bottom: 0.5em; }
.m1 { margin-bottom: 1em; }
.m2 { margin-bottom: 2em; }

div.c { margin: auto; text-align: left; width: 900px; }
div.col { float: left; clear: left; width: 900px; }
div.lcol { float: left; clear: left; width: 680px; }
div.rcol { float: right; clear: right; background-color: #272727; min-height: 500px; width: 220px; }

.small { font-size: 85%; }
.tiny { font-size: 75%; }

.in-place-edit-hover { background-color: #2b2b2b; }

.required { color: #ffc; margin-left: 3px; }

.submit { padding-top: 2em; }

.field { margin-bottom: 0.7em; }
.label { text-align: right; vertical-align: top; white-space: nowrap; }

td.inline { vertical-align: top; white-space: nowrap; }

.info {
  background-color: #dd9;
  border: 1px solid #ff6;
  color: #333;
  padding: 0.5em 1em;
  margin-bottom: 1em;
}

.controls {
   background-color: #2b2b2b;
   border: 1px solid #333;
   color: #555;
   padding: 0.5em 1em;
   margin-bottom: 2em;
   width: 450px;
}

ul.sub-nav {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.sub-nav li { padding-bottom: 0.3em; }

li.feed {
  padding-left: 24px;
  background-image: url(/images/feed-14x14.png);
  background-repeat: no-repeat;
  background-position: 2px 0px;
}
li.recent-comments { padding-left: 24px; background: url(/images/comment.png) no-repeat center left; }

#errors { 
  margin-bottom: 1em;
  font-style: italic;
  font-size: 0.8em;
  color: #999;
  width: 450px;
}

/*************************************
 * Header
 *************************************/

#header_container {
	float: left;
	clear: left;
	height: 129px;
	width: 100%;
}

#header { background: #2a2a2a url('/images/header_bg.jpg') no-repeat; height: 129px; }

#title { float: left; margin-left: 10px; margin-right: 10px; }
#title a { color: #111; background-color: transparent; text-decoration: none; }

#header-links {
	float: right;
	background-color: #333;
	color: #fff;
	padding: 3px 10px 5px 10px;
}

#header-links a { color: #fff; background-color: transparent; text-decoration: none; }
#header-links a:hover { text-decoration: underline; }


/*************************************
 * Main menu
 *************************************/

#menu_container {
	float: left;
	clear: left;
	height: 40px;
	width: 100%;
}

#menu { background-color: #272727; height:40px; }

#nav_links a, #nav_links a:active, #nav_links a:hover, #nav_links a:visited {
	float: left;
	color: #999;
	font-size: 11px;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
}

#main_links a {
	background-color: #272727;
	display: block;
	float: left;
	padding: 12px 0.8em;
	margin: 0;
}

#main_links a:hover, #main_links a.current {
	background-color: #333;
	color: #fff;
	text-decoration: underline;
}

#logo {
	float: left;
	padding-top: 10px;
	margin-right: 1em;
}

#logo a { text-decoration: none; padding-right: 18px; }
#logo a:hover { background: url(/images/home.png) transparent no-repeat right; }


/*************************************
 * Main
 *************************************/

 ul.recent {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 
 ul.recent li {
   display: block;
   border-bottom: 1px solid #333;
   padding: 0.5em;
 }
 
 ul.recent li:hover {
   background-color: #232323;
   color: #fff;
 }

#main { float: left; clear: left; width: 100%; }
#sky { background-color: #222; min-height: 500px; }
#sky input { color: #000; }
#sky input[type=file] { color: #ccc; }

.pod {
  float: left;
  margin: 0 1em 1em 0;
  border: 1px solid #333;
  width: 310px;
}

/*************************************
 * Footer
 *************************************/

#footer_container { float: left; clear: left; width: 100%; height: 80px; }
#footer { height: 100%; }

.copyright { float: left; font-size: 1em; }


/*************************************
 * Admin menu
 *************************************/

.admin-action-container {
  border-bottom: 1px solid #333;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.admin-action {
  background: url(/images/add.png) no-repeat center left;
	padding-left: 22px;
	width: 160px;
}

#admin-links { margin: 0 0 1em 0; }

#admin-links ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#admin-links li { margin: 0 0 0.5em 0; padding-left: 22px; }
#admin-links li.dashboard { background: url(/images/dashboard.png) no-repeat center left; font-weight: bold; }
#admin-links li.orders { background: url(/images/order.png) no-repeat center left; }
#admin-links li.shipments { background: url(/images/shipment.png) no-repeat center left; }
#admin-links li.sponsor_levels { background: url(/images/sponsor_level.png) no-repeat center left; }
#admin-links li.payments { background: url(/images/payment.png) no-repeat center left; }
#admin-links li.products { background: url(/images/product.png) no-repeat center left; }
#admin-links li.announcements { background: url(/images/announcement.png) no-repeat center left; }
/* admin-links li.volunteer_tasks { background: url(/images/volunteer_task.png) no-repeat center left; } */
#admin-links li.conditions_updates { background: url(/images/conditions_update.png) no-repeat center left; }
#admin-links li.articles { background: url(/images/article.png) no-repeat center left; }
#admin-links li.pages { background: url(/images/page.png) no-repeat center left; }
#admin-links li.races { background: url(/images/race.png) no-repeat center left; }
#admin-links li.registrations { background: url(/images/registration.png) no-repeat center left; }
#admin-links li.uploads { background: url(/images/upload.png) no-repeat center left; }
#admin-links li.users { background: url(/images/user.png) no-repeat center left; }
#admin-links li.members { background: url(/images/member.png) no-repeat center left; }
#admin-links li.money { background: url(/images/money.png) no-repeat center left; }
#admin-links li.preferences { background: url(/images/system.png) no-repeat center left; }
#admin-links li.system_events { background: url(/images/system_event.png) no-repeat center left; }
#admin-links li.logout { background: url(/images/logout.png) no-repeat center left; }

#useful-links {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #333;
	/*width: 160px;*/
}

#useful-links ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#useful-links li { margin: 0; }


/*************************************
 * Dashboard
 *************************************/

#dashboard-links div {
	float: left;
	margin-bottom: 1em;
	padding-left: 40px;
	height: 32px;
	width: 150px;
}

#dashboard-links div.pages { background: url(/images/_pages.png) no-repeat center left;}
#dashboard-links div.announcements { background: url(/images/_announcements.png) no-repeat center left; }
#dashboard-links div.articles { background: url(/images/_articles2.png) no-repeat center left; }
#dashboard-links div.uploads { background: url(/images/_uploads.png) no-repeat center left; }
#dashboard-links div.users { background: url(/images/_users.png) no-repeat center left; }
#dashboard-links div.shipments { background: url(/images/_shipments.png) no-repeat center left; }
#dashboard-links div.orders { background: url(/images/_orders.png) no-repeat center left; }
#dashboard-links div.products { background: url(/images/_products.png) no-repeat center left; }

#dashboard-links a {
	float: left;
	font-size: 16px;
	text-decoration: none;
	margin-top: 8px;
}

#dashboard-links a:hover { text-decoration: underline; }

#recent-uploads {
	float: right;
	padding: 1em;
	background-color: #2b2b2b;
}

/*************************************
 * Errors
 *************************************/

.error {
  display: inline;
  background: url(/images/error.png) no-repeat center left;
  white-space: nowrap;
  padding-left: 22px;
  padding-bottom: 2px;
  color: #e33;
  margin-left: 0.5em;
}
.errorMsg {
  background-color: #272727;
  border: 1px solid #333;
  color: #e33;
  padding: 0.5em;
  margin-bottom: 1em;
}
.fieldWithErrors { display: inline; }
div.fieldWithErrors input[type=text], div.fieldWithErrors input[type=password], div.fieldWithErrors textarea {
  color: #eee;
  background-color: #fcc;
}
#errorExplanation {
  color: #fcc;
  padding: 0.5em;
  margin-bottom: 1em;
  background-color: #272727;
  border: 1px solid #333;
  width: 450px;
}
#errorExplanation h2 {
  display: none;
  /*text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  margin: -0.5em;
  background-color: #c00;
  color: #fff;*/
}
#errorExplanation p { color: #e00; margin-bottom: 0; padding: 5px; }
#errorExplanation ul { margin: 0; padding: 0 0 0 2em; }
#errorExplanation ul li { list-style: square; }
div.uploadStatus { margin: 5px; }
div.progressBar { margin: 5px; }
div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}
div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}


/*************************************
 * Calendar
 *************************************/

.calendar { width: 100%; }
.month-name { padding-bottom: 5px; }
.prev-month-name { text-align: left; width: 100%; }
.next-month-name { text-align: right; width: 100%; }
.day-name th { padding-bottom: 5px; border-bottom: 0; text-decoration: none; }
.other-month { background-color: #eee; text-align: left; vertical-align: top; padding: 3px; }
.day, .sm_day {
	border-left: 1px dashed #999;
	border-top: 1px dashed #999;
	width: 14%;
	height: 100px;
	padding: 3px;
}
.sm_day { height: 20px;}
.pri { color: red; }
.event-day { background-color: #9cf;}
.day-number { text-align: left; vertical-align: top; }
.new-event {  }