/* CSS Document */

/*

Colors
Light Blue:		cee3f6
Dark Blue:		1171AE
Border Blue:	A0D5E7
Yellow:			FFE473
Light Yellow:	FFF7D3

*/

/* RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td
	{ margin:0;	padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; list-style:none; }
table
	{ border-collapse:collapse;	border-spacing:0; }
fieldset,img
	{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var
	{ font-style:normal; font-weight:normal; }
caption,th
	{ text-align:left; }
h1,h2,h3,h4,h5,h6
	{ font-size:100%; font-weight:normal; }
q:before,q:after
	{ content:''; }
abbr,acronym
	{ border:0; }
.clear
	{ clear:both; }
	
/*TYPOGRAPHY*/
h1				{ font-size:2em; font-style:italic; color:#1171AE; border-bottom: 1px solid #FFE473; padding:0 0 8px 0; margin:0 0 8px 0;  }
h1 a			{ text-decoration:none; color:inherit; border:0; }
h2				{ font-size:1.5em; color:#000 ; margin:0 0 8px 0; }
h3				{ text-transform:uppercase; margin:0 0 8px 0; font-weight:bold; }
h4				{}
p				{ font-size:1em; line-height:1.5em; margin:0 0 15px 0; }
strong			{ font-size: inherit; font-weight:bold; }
em				{ font-size:inherit; font-style:italic; }
pre				{}
li				{}
a				{ border-bottom:1px dotted; color:#1171AE; text-decoration:none; }
a:hover			{ background-color:#FFE473; }

/*GENERAL LAYOUT*/
html
	{  }
body
	{ background:#cee3f6; }
#bg-wrap
	{ background:url(../images/bg-waterwave.jpg) top repeat-x; }
#header
	{ height: 196px; position:relative; background:url(../images/header-bg.png) 257px 30px no-repeat; z-index:1000; }
#logo
	{ margin:0; padding:0; border:0; }
#logo a
	{ text-indent:0; z-index:99; width:185px; height:195px; background:url(../images/mlsc-logo.png) no-repeat; position:absolute; top:24px; left:42px; outline:none; }
#page-wrap
	{ width:960px; margin:0 auto; }
#content-wrap
	{ background:url(../images/blue-body-bg.png) repeat-x top #1171AE; border:1px solid #A0D5E7; border-bottom:11px solid #FFE473; }
	
#main-content
	{ background:url(../images/light-gradient-bg.png) top repeat-x #fff; padding:40px 20px 30px 20px; width:610px; min-height:450px; float:left }

.alignleft
	{ float:left; margin: 0 10px 10px 0; }
.alignright
	{ float:right; margin: 0 0 10px 10px;  }
.download-button
	{ font-size:1.5em; border:1px solid #A0D5E7; padding:10px 20px 12px 20px; background:url(../images/blue-body-bg.png) repeat-x #1171AE; color:#000; margin:0 0 15px 0; display:inline-block; }

/*-----SIDEBAR*/	
#infobar
	{ width:278px; float:right; color:#000; padding:20px 15px 0 15px; }
#infobar p
	{ margin:0 0 10px 0; }
#infobar a
	{ color:#000; margin:3px 0 0 0; }
#infobar a:hover
	{ background-color:#cee3f6; }
#infobar > div
	{ margin:0 0 15px 0; }
#hours h1
	{ background:url("../images/infobar-header-text.png") no-repeat scroll 0px -5px; display:block; height:28px; margin:0 0 5px 0; text-indent:0; border:0px; padding:0; }
#upcoming h1
	{ background:url("../images/infobar-header-text.png") no-repeat scroll 0px -68px; display:block; height:28px; margin:0 0 5px 0; text-indent:0; border:0px; padding:0;}
.sidebar-label
	{ font-weight:bold; color:#FFE473; }
	
/*-----FOOTER*/	

#footer
	{ padding:15px 15px 25px 15px; background:#cee3f6; }
#footer p
	{ float:left; margin:0 19px 0 0; }
#footer strong
	{ color:#1171AE; }
#footer	#facebook-link
	{ border: 0; }


/*NAVIGATION*/
#main-nav
	{ float:right; display:inline; list-style:none; margin:98px 77px 0 0; }
#main-nav li 
	{ float:left; }
#main-nav li a
	{ display:block; height:35px; text-indent:0; background:url(../images/nav-bg.png) no-repeat; border-right:1px solid #A0D5E7 ; outline:none; border-bottom:0; }
#main-nav #membership a
	{ width:154px; }
#main-nav #about a
	{ width:186px; background-position: -154px 0; }
#main-nav #blog a
	{ width:297px; background-position: -340px 0; }
#main-nav #membership a:hover
	{ background-position: 0 -35px; }
#main-nav #about a:hover
	{ background-position: -154px -35px;; }
#main-nav #blog a:hover
	{ background-position: -340px -35px;; }
	
/*CUSTOM PAGE TITLES*/
#membership-page-title
	{ background:url("../images/page-header-text.png") no-repeat scroll 20px 12px #1171AE; height:25px; left:-20px; margin:0 0 15px; padding:20px; position:relative; text-indent:0; width:200px; }
#about-page-title
	{ background:url("../images/page-header-text.png") no-repeat scroll 20px -105px #1171AE; height:25px; left:-20px; margin:0 0 15px; padding:20px; position:relative; text-indent:0; width:237px; }
#hours-calendar-page-title
	{ background:url("../images/page-header-text.png") no-repeat scroll 20px -338px #1171AE; height:25px; left:-20px; margin:0 0 15px; padding:20px; position:relative; text-indent:0; width:273px; }
#blog-title
	{ background:url("../images/page-header-text.png") no-repeat scroll 20px -222px #1171AE; height:25px; left:-20px; margin:0 0 15px; padding:20px; position:relative; text-indent:0; width:397px; }
#archive h1
	{ background:#1171AE; height:25px; left:-20px; margin:0 0 15px; padding:20px; position:relative; color:#FFE473;  border:0; display:inline-block; }

/*FRONT PAGE STYLING*/
#fp-main-content
	{ position:relative; }
#fp-club-img
	{ float:left; }
	
#welcome
	{ position:absolute; width:281px; background:#1171AE; bottom:20px; left:0; padding:15px; color:#000; clear:both; }
#welcome h1
	{ background:url("../images/main-heading-text2.png") no-repeat scroll 0 -6px; display:block; height:27px; margin:0 0 7px; text-indent:0; border:0px; }

#fp-blog
	{background:url(../images/light-gradient-bg.png) top repeat-x #fff; padding:20px 20px 30px 20px; }
#fp-blog h1
	{ font-size:2em; font-style:italic; color:#1171AE; border:0px; padding:0; margin:0; }
#fp-blog h3
	{ border-bottom: 1px solid #FFE473; padding:0 0 8px 0; }
#fp-blog #fp-blog-news
	{ width:449px; float:left; }
#fp-blog #fp-blog-announce
	{ width:449px; float:right; }
	
#fp-blog #news
	{background-color:#1171AE; color:#FFE473; font-style:normal; left:-20px; margin:0 0 15px; padding:10px 20px; position:relative; width:429px; }
#fp-blog #announcement
	{background-color:#1171AE; color:#FFE473; font-style:normal; margin:0 0 15px; padding:10px 20px; position:relative; width:429px; }

/*CALENDAR -- Over-rides of calendar.php css in plug-in folder*/
#infobar > div#upcoming
	{ margin: 0; }
#upcoming .upcoming-events
	{ max-height:160px; overflow:hidden; margin:0 0 10px 0; }
#upcoming .upcoming-date	
	{ margin:0 0 10px 0; }
#upcoming strong.upcoming-event-label
	{ color:#FFE473; }
#upcoming .upcoming-events .calnk a
	{ color:#000; border-bottom:1px dotted; }
	
/*CALENDAR AND HOURS PAGE*/
#calendar
	{ margin:0 0 15px 0; }
#calendar .day-with-date, #calendar .day-without-date, #calendar .current-day
	{ height:75px;  border:1px solid #FFE473; background:#FFF7D3; color:#000; font-size:1em; font-family:Georgia, "Times New Roman", Times, serif;  }
#calendar .calendar-heading
	{ background:#cee3f6; border-color:#cee3f6; height:auto; padding:5px 0 8px 0; }
#calendar .calendar-month
	{ color:#1171AE; font-weight:normal; font-size:1.2em;  }
#calendar .normal-day-heading, #calendar .weekend-heading
	{ width:37px; height:13px; font-size:.9em; color:#1171AE; background:#FFE473; border-left:1px solid #FFE473; border-right:1px solid #FFE473; padding:2px; }
#calendar .calnk a
	{ border:0px; color:#1171AE; font-style:italic; }
#calendar .calnk a > span
	{ border:1px solid #FFF7D3; background-color:#FFE473; }
	
#hours-table tr td
	{ padding:5px; }
#hours-table tr
	{ border-bottom: 1px dotted #FFE473; }
#hours-table-head
	{ background-color:#1171AE; color:#000; }
	
/*BLOG STYLING*/
.comments-link-info
	{  }
#older-entries
	{ float:left;  }
#newer-entries
	{ float:right; }
#comments, #respond
	{ border-top: 1px solid #FFE473; padding: 5px 0;  }
#comment-list li
	{ padding: 10px; }
li.alt
	{ background-color:#CEE3F6; }
.blogpost
	{ margin: 0 0 15px 0; }
#commentform textarea
	{ width:600px; margin: 0 0 10px 0; }
#commentform label
	{ display:block; margin:0 0 8px 0; }
#commentform input
	{ width:250px; margin: 0 0 3px 0; }
#commentform textarea, #commentform input
	{ border:1px solid #A0D5E7; padding:5px; }
#commentform textarea:focus, #commentform input:focus
	{ background-color:#0007D3; }
#commentform input#submit, #commentform input#submit:focus
	{ background-color:#1171AE; color:#000; outline:none; }
#commentform input#submit:active
	{ background:#A0D5E7; }