/*------------------------------------
Project: = Lincolnville Boat Club
Author: Jason Andreoni
Created: = Thursday, March 25, 2010
------------------------------------ */

/*
TOC

1. LAYOUT
2. NAVIGATION
3. TYPOGRAPHY
4. IMAGES
5. CONTACT FORM
----------------------- */



/*
1. LAYOUT----------------------------------------------------*/

body {
	background: url(../images/bg.jpg) top left repeat fixed;
	font-family: "Georgia", Time New Roman, Times, serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFF;
}
#container {
	width: 960px;
	margin: 0 auto;
}
#sidebar {
	background-color: #315774;
	width: 310px;
	float: left;
	position: relative;
	-moz-box-shadow: 0 0 10px #000000;
	-webkit-box-shadow: 0 0 10px #000000;
	margin-top: 10px;
}
/*div#sidebar_top {
	background: url(../images/sidebar-top.png) top left no-repeat;
	width: 320px;
	height: 26px;
}*/
#lbc_logo {
	background: url(../images/lbc-logo.png) top left no-repeat;
	width: 266px;
	height: 103px;
	display: block;
	margin: auto;
}
#mainContent {
	width: 600px;
	float: right;
	padding: 10px 10px 20px;
	margin: 10px 0 20px;
	background-color: #FFF;
	border: 6px solid #777;
	color: #333;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
}
div#galleryThumbs {
	width: 620px;
}
div#galleryThumbs ul li {
	list-style: none;
	display: inline;
}
div#galleryThumbs ul li img {
	margin: 11px;
	padding: 2px;
	background-color: #FFF;
	border: 1px solid #666;
}
p#galleryNav {
	width: 620px;
}
p#galleryNav a.next {
	float: right;
	clear: both;
}
.courseTable {
	border-collapse:collapse;
	font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
	font-size:12px;
	margin:1px 10px 20px;
	text-align:left;
	width: 570px;
}
.courseTable th,
.courseTable tfoot {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#BBB none repeat scroll 0 0;
	border-bottom:1px solid #FFFFFF;
	border-top:4px solid #99A3AA;
	color:#333;
	font-size:120%;
	font-weight:normal;
	padding:8px;
}
.courseTable tfoot {
	border-bottom :4px solid #99A3AA;
	border-top: none;
	background: none;
}
.courseTable tfoot td {
	text-align: center;
	font-weight: 700;
}
.courseTable td {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#EEE none repeat scroll 0 0;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid transparent;
	color:#000;
	padding:4px;
}
.courseTable tr:hover td {
	background: #DDD none repeat scroll 0 0;
	color: #000;
}
ul#courseTableList li {
	float: left;
	display: inline;
}

#organic-tabs { 
	padding: 5px;
	margin: 0 0 15px 0;
	}
ul.courseInfo li.courseDescrip {
	width: 300px;
	display: block;
	float: right; /*   THIS FLOAT RIGHT IS BRINGING THE PAGE BACK TO THE TOP, NOT SURE WHY!!!! */
	margin-right: 10px;
}
#imageRotator {
	position: relative;
	top: 25px;
	float: left;
}
#imageRotator img {
	width: 250px;
	height: 208px;
	margin-left: 30px;
	border: 5px solid #FFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#recentPosts {
	padding: 10px;
	float: left;
	margin: 10px 25px;
}
#recentPosts li {
	margin-bottom: 10px;
}
#wordpressSidebar {
	margin: 10px 25px;
	float: left;
}
#wordpressSidebar ul {
	margin-bottom: 20px;
}
ol.commentlist li {
	padding: 10px;
	margin: 10px 0;
	border-bottom: 1px dashed;
}
ol.commentlist li div.comment-author {
	text-transform: uppercase;
}
p.contactAddress {
	display: block;
	width: 230px;
	float: left;
}
#map_canvas {
	float: right;
	width: 350px;
	height: 320px;
	margin: 5px 10px 45px 0;
	border: 5px solid #FFF;
	-webkit-box-shadow: 0 0 7px #000;
	-moz-box-shadow: 0 0 7px #000;
	box-shadow: 0 0 7px #000;
}
#footerContainer {
	width: 100%;
	height: 75px;
	background: url(../images/footerBG.png) top left repeat-x;
	margin: auto;
	clear: both;
}
#footer {
	font-size:80%;
	margin:auto;
	width: 980px;
	text-align: center;
	padding-top: 15px;
}
div.entry img.alignright {
	float: right;
}
div.entry img.alignleft {
	float: left;
}
div.entry img {
	margin: 5px 15px;
	border: 5px solid #FFF;
	-moz-box-shadow: 0 0 10px #000000;
	-webkit-box-shadow: 0 0 10px #000000;
}
.membersTable {
	width: 590px;
}
/*
2. NAVIGATION----------------------------------------------------*/

a:link {
color: #99B9FF;
text-decoration: underline
}
a:visited {
color: #99B9FF;
}
a:hover,a:focus {
color: #;
text-decoration: none;
}
a:active {
}
#mainContent a:link, #mainContent a:visited {
	color: #19517C;
}

ul#mainNav {
	float: left;
	font-size: 140%;
	text-align: left;
	margin: 20px 16px 0 16px;
	border-bottom: 1px solid #FFF;
	padding-bottom: 15px;
}
ul#mainNav li a {
	color: #FFF;
	text-decoration: none;
	width: 267px;
	padding: 5px;
	text-shadow:0 1px 3px #000000;
	display: block;
	margin-bottom: 5px;
}
ul#mainNav li a:hover {
	background: #3974b1;
}
#courses #mainNav li a.courses,
#gallery #mainNav li a.gallery,
#happenings #mainNav li a.happenings,
#calendar #mainNav li a.calendar,
#about #mainNav li a.about,
#contact #mainNav li a.contact {
	background: #3974b1;
}

#explore-nav { 
	overflow: hidden;
	margin: 0 0 5px;
	width: 100%;
	border-bottom: 1px solid #FFF;
	padding: 3px 0 5px;
	}
#explore-nav li {
	float: left;
	}
#explore-nav li.last {
	margin-right: 0;
	}
#explore-nav li a { 
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 80%;
	text-decoration: none;
	color: #333 !important;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #DDD;
	border-width: 1px;
	border-style: solid;
	border-color: #AAA;
	padding: 5px 10px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	}
#explore-nav li a:hover { 
	background-color: #9a9a9a;
	border-width: 1px 1px 1px;
	border-style: solid;
	border-color: #AAA;
	color: #FFF !important;
	}

#beginner, #advanced, #adult, #history, #policies, #officials, #members { 
	display: none;
	}

#explore-nav li#ex-intro a.current, ul#intro li a:hover,
#explore-nav li#ex-beginner a.current, ul#beginner li a:hover,
#explore-nav li#ex-advanced a.current, ul#advanced li a:hover,
#explore-nav li#ex-adult a.current, ul#adult li a:hover,
#explore-nav li#ex-club a.current, ul#club li a:hover,
#explore-nav li#ex-history a.current, ul#history li a:hover,
#explore-nav li#ex-policies a.current, ul#policies li a:hover,
#explore-nav li#ex-officials a.current, ul#officials li a:hover,
#explore-nav li#ex-members a.current, ul#members li a:hover { 
	background-color: #FFF;
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #AAA;
	padding: 5px 10px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	color: #333 !important;
	}

.searchForm {
	float: left;
	margin-top: 10px;
}
.courseTable tfoot a {
	background: none !important;
	border: none !important;
}
.courseTable tfoot tr:hover td {
	background-color: #EEE !important;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
.getDirections {
	margin-top: 20px;
	display: block;
}
/*
3. TYPOGRAPHY----------------------------------------------------*/


@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('../font/Chunkfive-webfont.eot');
	src: local('☺'), url('../font/Chunkfive-webfont.woff') format('woff'), url('../font/Chunkfive-webfont.ttf') format('truetype'), url('../font/Chunkfive-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Titillium';
	src: url('../font/TitilliumText999wt-webfont.eot');
	src: local('☺'), url('../font/TitilliumText999wt-webfont.woff') format('woff'), url('../font/TitilliumText999wt-webfont.ttf') format('truetype'), url('../font/TitilliumText999wt-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Angelina';
	src: url('../font/angelina-webfont.eot');
	src: local('☺'), url('../font/angelina-webfont.woff') format('woff'), url('../font/angelina-webfont.ttf') format('truetype'), url('../font/angelina-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3 {
	font-family: Titillium, "Arial", Helvetica, sans-serif;
	font-weight: 700;
	margin-bottom: 10px;
	padding-bottom: 5px;
	color: #333;
	/*text-shadow: 1px 1px 3px #000000;*/
}
h1 a:link, h2 a:link, h1 a:visited, h2 a:visited, h3 a:link, h3 a:visited {
	color: #99B9FF;
	text-decoration: none;
}
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus {
	text-decoration: none;
}
h1 {
	font-size: 180%;
}
h1.pagetitle {
	border-bottom: 1px solid;
	padding-bottom: 8px;
}
h2 {
	font-size: 130%;
	border: none;
}
h3.recentPosts,
#wordpressSidebar h3 {
	font-family: Titillium, "Verdana", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-shadow: 0 1px 3px #000000;
	font-size: 120%;
	margin: 0;
}
p {
	padding-bottom: 15px;
}
.italic {
	font-style: italic;
}
.bold {
	font-weight: 700;
}
div.postmetadata,
p.postmetadata {
	font-size: 12px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #777;
	margin-bottom: 10px;
	padding: 5px;
}
.indexDate,
.archiveDate {
	border: none;
	font-style: italic;
	margin: 0;
	font-size: 100%;
	padding-bottom: 4px;
	font-weight: 700;
}
ol.commentlist li div.comment-author {
	text-transform: uppercase;
}
.tableApplication {
	font-size: 70% !important;
}
/*
4. IMAGES----------------------------------------------------*/

#headerPic {
	width: 590px;
	height: 200px;
	margin: 0 auto 20px;
	border: 5px solid #FFF;
	-moz-box-shadow: 0px 0px 7px #000;
	-webkit-box-shadow: 0px 0px 7px #000;
	box-shadow: 0px 0px 7px #000;
	
	/*opacity: 0.5;*/
}
span#footerFlag {
	background: url(../images/footerFlag.png) top left no-repeat;
	display: block;
	height: 15px;
	width: 24px;
}
#indexBasePic {
	width: 500px;
	height: 375px;
	background: url(../images/nortonCrowd.jpg) top left no-repeat;
	margin: 20px auto;
	-moz-box-shadow: 0 0 7px #000;
	-webkit-box-shadow: 0 0 7px #000;
	box-shadow: 0 0 7px #000;
	border: 5px solid #FFF;
}
#indexBasePic span {
	position: relative;
	top: 345px;
	left: 10px;
	font-family: Angelina, "Times New Roman", Times, serif;
	font-size: 200%;
}

/*
5. CONTACT FORM----------------------------------------------------*/
#contact-wrapper {
	margin-top: 10px;
}
#contact-wrapper div {
	margin:5px 0 20px;
	width: 300px;
	float: left;
}
#contact-wrapper div.message {
	width: 600px;
}
#contact-wrapper label {
	display:block;
	float:left;
	font-size:90%;
}
#contact-wrapper label.error,
#contact-wrapper label.errorDropdown {
	color: #FF0000;
	font-size: 70%;
	float: right;
	margin-right: 13px;
	font-weight: 700;
}
#contact-wrapper label.errorDropdown {
	margin-right: 213px;
}

form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:10px;
	font-size:80%;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:80%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	color: #333;
}
.submitButton {
	float: left;
	clear: both;
}
.contactInput {
	width: 265px;
}
.messageInput {
	width: 574px;
	height: 90px;
}
#requirementMessage {
	padding: 5px;
	font-size: 80%;
}
span.req {
	font-size: 90%;
}
div#emailSuccess {
	background: #E2FFE0;
	border: 3px solid #BBFFB8;
	padding: 10px;
	display: block;
	width: 174px;
	height: 25px;
}