/**************************************************************
   Maian Events v2.0
   Nautica theme - CSS
   By: studio7designs.com
 **************************************************************/
 
/**************************************************************
   All page content except for footer
 **************************************************************/

#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

/**************************************************************
   Various
 **************************************************************/

.message {
	padding:5px;
	margin-bottom: 3px;
}
.bar {
	padding:3px;
	text-align: right;
}
.outer_bar {
	clear:both;
	border-bottom: 10px solid #DDD;
	margin-bottom:5px;
}

/**************************************************************
  Search
 *************************************************************/
 
.search_archive {
  display: block;
  margin-top:1px;
  font-size: 11px;
  vertical-align: baseline;
}
#search_menu {
  background-color: #000;
  float:left;
}
#search_menu p {
  padding:10px 0 0 10px;
}  
.searchBox {
  border:1px solid #F35B8C;
  background-color:#4D4D4F;
  color:#fff;
}

/**************************************************************
   Top menu and logo
 **************************************************************/

#header {
	clear: both;
	position: relative;
	height: 5em;
	margin: 0 auto;
	background: #48525B url('img/header.gif') repeat-x bottom left;
	border-bottom: 2px solid #48525B;
	background-color: #48525B;
}

#header ul {
  margin: 3.5em 1em 0 0 !important;
  margin: 3.5em 0.5em 0 0;
  padding: 0;
  float: right;
}

#header ul li {
  display: inline;
  list-style: none;
}

#header ul li a {
  float: left;
  padding: 0 1em;

  font: 400 1.1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;

  color: #cccccc;
  border-right: 1px solid #4D5760;
}

#header ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#header ul li a:hover {
  color: #F26A92;
}

/**************************************************************
  Comments
 *************************************************************/
 
p.no_contact {
  padding:0 0 0 20px;
  background: url('img/no_contact.gif') no-repeat left center;
}
p.event_contact {
  padding:0 0 0 20px;
  background: url('img/contact.gif') no-repeat left center;
}  
blockquote.comment {
  margin:10px 0 10px 0;
  font-weight:bold;
  font-size:14px;
  text-align:right;
}
p.leave_comment {
  padding:0 0 0 20px;
  background: url('img/leave_comment.gif') no-repeat left center;
}
p.comment_message {
  padding: 5px;
  text-align: left;
}
p.comment_date {
  padding: 5px;
  text-align: right;
  color: #8C301B;
  font-size: 10px;
}

/**************************************************************
  Pictures
  ************************************************************/
  
#pictures ul { 
  list-style: none; 
  display: block; 
  height: 85px;
}
#pictures li { 
  float: left; 
  margin: 0; 
  width: 170px;
  height: 75px;
  text-align:center;
  color: #FFFFFF;
  font-weight: bold;
}
#full_size_image p {
  text-align: center;
  padding-top:15px;
}
.big_picture {
  padding: 5px;
  border: 1px solid #8C301B;
  background-color: #eee;
}
#event_pictures {
  clear:both;
}

img {
  border:0;
}

.thumbnail {
  background-color: #EEEEEE;
  padding: 5px;
  border: 1px solid #8C301B;
  width: 100px;
  height: 70px;
}  

/**************************************************************
   Header Image/Flash Movie
 **************************************************************/

#headerImg {
  margin: 0 auto;
  height: 143px;
  background: url('img/header_image.jpg') no-repeat top left;
}


/**************************************************************
   Top Block Menu
 **************************************************************/

#menu {
  width: 776px;
  height:5px;
  margin: 0 auto;
  background: #000;
}

/**************************************************************
   Page Content
 **************************************************************/

#page {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 6em;
  text-align: left;
}

#columns {
  margin: 0 auto;
  padding-top:10px;
}

/* Coming Soon */

p.e_link {
  float:right;
  padding:20px 10px 0 0;
}

.e_wrapper {
  display: block;
  margin-bottom:10px;
}

#coming_soon {
}

p.clear {
  clear:both;
}

#page_numbers {
  text-align: center;
  border-top: 12px solid #ddd;
  color: #000;
  font-weight:bold;
}

#page_numbers a {
 color: #536C71;
}


/* Column widths */
.width {
  width: 776px;
}

.widthPad {
  width: 746px;
}

.width100 {
  width: 100%;
}


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


#footer {
  clear: both;
  width: 776px;
  padding:10px 0 10px 0;
  text-align: center;
  margin: 0 auto;
  background: #000;
}

/**************************************************************
   Events
 **************************************************************/

.cal_week_day,.cal_weekend_day,.cal_current_day {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #CCCCCC;
  display: block;
  min-height:30px;
}
.cal_current_day {
  border-bottom: 1px solid #000;
}

.cal_week_day .date,.cal_weekend_day .date,.cal_current_day .date {
  position: absolute;
  top: 0;
  left: 5px;
  width: 2.5em;
  text-align: right;
  border-right: 1px solid #CCCCCC;
  padding-right:3px;
}

.cal_week_day .date .month,.cal_weekend_day .date .month,.cal_current_day .date .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #888;
}

.cal_week_day .date .day,.cal_weekend_day .date .day,.cal_current_day .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.cal_week_day p.event,.cal_weekend_day p.event,.cal_current_day p.event {
  margin: 0 0 0 3.5em;
  padding:  0 0 2px 5px;
  font-weight:bold;
}

.cal_week_day p.event a,.cal_weekend_day p.event a,.cal_current_day p.event a {
  padding-left: 20px;
  background: url('img/calendar.gif') no-repeat center left;
}

.cal_weekend_day .date .month {
  color: #8C301B;
}

.cal_weekend_day .date .day { 
  color: #8C301B;
}

.cal_current_day .date .month {
  color: #000;
}

.cal_current_day .date .day { 
  color: #000;
}

p.event {
}

/**************************************************************
   Generic Display 
 **************************************************************/


.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #E9EAEB;
}

.dark {
  color: #353E47;
}

/****************************************************
   Contact/Comments
 ***************************************************/
 
/* Contact */
#contact {
  background-color: #fff;
  padding: 10px;
  text-align:left;
}
p.contact_button {
  display: block;
  text-align: left;
  margin-top:10px;
}
p.c_thanks {
  text-align: center;
  display: block;
  color: #586B7A;
  font-weight: bold;
  margin-bottom: 15px;
}
p.c_message {
  text-align: center;
  display: block;
  color: #586B7A;
  margin-top: 15px;
}
label.lclass {
  display:block;
  color: #586B7A;
  font-weight: bold;
  margin:3px 0 3px 0;
}
label.lclass_event {
  display:block;
  color: #555;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  background-color:#EEEEEE;
  padding:2px;
  margin-bottom:10px;
}
.error {
  display: block;
  color: #ff0000;
  font-size: 11px;
  margin-top: 2px;
}
.captcha_img {
  border:1px solid #8C301B;
}   
