/*
Theme Name: Block Island Club
Theme URI: http://blockislandclub.org/
Description: ––
Version: 1.0
Author: 2x4
Author URI: http://2x4.org/
Tags: centered

	––

*/

* {
	outline:none;
}

body {
	margin:0;
	text-align:center;
	font-family:Georgia,Times,serif;
}

h2 {
	font-weight:normal;
	font:18px Arial Black, Arial, sans-serif;
}

input {font-size:12px;}

p:first-child {
	margin-top:0;
}

a {color:#FD1B14;text-decoration:none}
a:hover {text-decoration:underline;}
a img {border:none;}
img {border:none;}


#main-wrapper {
	position:relative;
	width:917px;
	text-align:left;
	margin:0 auto;
	overflow:hidden;
}

#wrapper {
	position:relative;
	width:877px;
	text-align:left;
	margin:0 auto;
}

#header {
	height:175px;
}

#logo {
	position:absolute;
	display:block;
	left:370px;
	top:21px;
}

#logo:hover {
	border:none;
}


#nav-wrapper ul {
	list-style:none;
	margin:0;	
}

#nav {
	width:857px;
	padding:0 10px 0 10px;
	border-bottom:1px solid #123466;
}

#nav li {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:107px;
}
#nav li a {
	display:block;
	text-transform:uppercase;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font:10px Arial Black, Helvetica, sans-serif;
	height:19px;
	text-align:center;
	padding-top:3px;
}

#nav li a:hover {
	text-decoration:underline;
}

#nav li a.selected {
	position:relative;
	border-top:1px solid #123466;
	border-bottom:1px solid #FFFFFF;
	height:20px;
	margin-bottom:-1px;
}

#subnav {
	padding:5px 0 10px 0;
	text-align:center;
}

	#subnav a:hover {
		text-decoration:none !important; 
		border-bottom:1px solid #FD1B14;
	}
	
#subnav li {
	display:inline;
	padding:0 10px;
	font:10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;;
}

#content {
	width:877px;
	height:360px;
	margin-bottom:16px;
	font-size:17px;
	line-height:1.3em;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
}

#content p {
	width:820px;
}
	#contnet a:hover {border-bottom:1px solid #FD1B14;
	text-decoration:none;}

#content h2:first-child {
	margin-top:0px;
	margin-left:20px;
}

	#content small {
		line-height:1.2em;
		font-style:italic;
	}

ul.news-list {
	list-style-type: decimal;
}

ul.news-list li {
	font-size:.8em;
	margin-bottom:10px;
	width:380px;
	margin-right:20px;
	float:left;
}


#newsticker {
	position:relative;
	border-top:1px solid #123466;
	font-size:11px;
	font-family:Verdana,sans-serif;
	padding-top:10px;
	color:#123466;
	height:40px;
}

#newsletter {
	position:absolute;
	top:8px;
	right:0px;
}

.redbold {
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	color:#FD1B14;
}

.navb-l {
	position:absolute;
	width:6px;
	height:25px;
	left:0px;
	top:0px;
	background:url(img/navb_l.png) no-repeat;
}

.navb-r {
	position:absolute;
	width:6px;
	height:25px;
	right:0px;
	top:0px;
	background:url(img/navb_r.png) no-repeat;
}

#weather-module {
	position:absolute;
	top:40px;
	right:0;
}

#weather-module .weather-col {
	padding:15px;
	float:left;
	font:11px Arial Black;
	line-height:1.6em;
	letter-spacing:.05em;
	text-align:center;
	color:#123466;
}

#weather-col1 {
	border-right:1px solid #396CAA;
}

#weather-col2 {
	padding-right:0px !important;
}

#footer {
	text-align:center;
	color:#FD1B14;
	font:11px Arial Black, Arial, Helvetica, sans-serif;
	padding-bottom:10px;
}


/*
	<calendar>
*/

#calendar-wrapper {
	top:0px;
	height:360px;
	overflow:hidden !important;
}

.calendar-nav {
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	height:25px;
}

.calendar-nav a {
	letter-spacing:1px;
}

.calendar-week {
	margin-left:0px;
}

.calendar-day {
	float:left;
	width:121px;
	margin-left:5px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

.calendar-day:first-child {
	margin-left:0px;
}

.calendar-day ul {
	list-style:none;
	margin:0;
	padding:0;
}

.calendar-day ul li {
	margin:0;
	padding:0 4px 10px 4px;
}

.calendar-day-header {
	background:#B3CAE2;
	padding:8px 5px;
	font:14px Arial Black, Arial, sans-serif;
	margin-bottom:5px;
}

.calendar-day-body {
	background:#F5F5F5;
	height:300px;
}

#calendar-viewspan {
	font:12px Arial Black;
	color:#123466;
	padding:0 10px;
}

.today .calendar-day-body {
	background:#e0e0e0;
	border-bottom:1px solid red;
}


/*
	</calendar>
*/


/*
	<shedule>
*/

#schedule-wrapper {
	top:0px;
	height:340px;
	overflow:hidden;
}

.schedule-nav {
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	height:25px;
}

.schedule-nav a {
	letter-spacing:1px;
}

.schedule-week {
	margin-left:0px;
}

.schedule-day {
	float:left;
	width:167px;
	margin-left:5px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}

.schedule-day:first-child {
	margin-left:0px;
}

.schedule-day ul {
	list-style:none;
	margin:0;
	padding:0;
}

.schedule-day ul li {
	margin:0;
	padding:0 4px 0 4px;
	height:50px;
}

.schedule-day-header {
	background:#B3CAE2;
	padding:8px 5px;
	font:14px Arial Black, Arial, sans-serif;
	margin-bottom:5px;
}

.schedule-day-body {
	background:#F5F5F5;
	height:295px;
}

#schedule-viewspan {
	font:12px Arial Black;
	color:#123466;
	padding:0 10px;
}

.today .schedule-day-body {
	background:#e0e0e0;
	border-bottom:1px solid red;
}


/*
	</shedule>
*/


/*	<form> */

.mem-form-wrapper, .job-form-wrapper {
	position:relative;
	background:white;
	color:black;
	overflow:hidden;
	border:1px solid #123466;
	padding:20px;
	margin-right:10px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}

.mem-form-wrapper p, .job-form-wrapper p {
	font:12px Verdana, Arial, sans-serif;
	margin-left:0;
	margin-bottom:20px;
}

.mem-form-wrapper h2, .job-form-wrapper 2h {
	color:#FD1B14 !important;
}

.mem-row {
	height:30px;
}

.mem-row-big {
	margin-bottom:10px;
}

.mem-row select, .mem-row-big select {
	margin-top:5px;
}


.two-column label {
	display:block;
	float:left;
	width:205px;
	padding-bottom:5px;
	border-bottom:1px dotted #CCC;
	margin-left:30px;
}

.two-column label:first-child {
	margin-left:0;
}

.two-column input {
	float:left;
	border:none;
	border-bottom:1px solid black;
	height:19px;
	width:170px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.halfwidth label {
	width:170px;
	margin-left:0;
}

.halfwidth input {
	width:130px;
}

.col-hpos2 input {
	border:none;
	border-bottom:1px solid black;
	height:19px;
	width:150px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.checkbox, .radio {
	width:1em !important;
	height:1em;
	vertical-align: middle;
}

.job-form-wrapper .checkbox,.job-form-wrapper .radio {
	float:none;
}

#mem-off_address, #mem-off_phone, #mem-boat_off_address, #mem-boat_off_address {
	width:575px !important;
}


/*	</form> */
#payment-google {
	float:left;
	width:50%;
}
#payment-check {
	float:left;
	width:40%;
	border-left:1px solid #000;
	padding:0 0 0 20px; 
}
.app-wrapper p {
	width:auto !important;
} 
.app-wrapper strong {
	display:block !important;
}

.col {
	
}

.first-col, .second-col { float:left; }
.first-col { width:400px; }
.second-col { width:300px; }

.col-hpos2 {
	float:left;
	margin-top:20px;
	margin-left:20px;
	padding-left:20px;
	border-left:1px solid #123466;
	width:350px;
}

.halfwidth .mem-row {
	height:25px !important;
}

.req-body {
	font:10px Verdana, Arial, sans-serif;
	width:405px;
	float:left;
	margin-top:5px;
}

.clear {
	clear:both;
}

.red {
	color:#FD1B14 !important;
}

.ptitle {
	font-size:11px;
	margin:5px 0 5px 0;
}

.submit-btn {
	font:14px Arial Black;
	text-transform: uppercase;
	padding:5px 0;
	text-align:center;
	display:block;
}

#bicw_graphic {
	display:block;
	margin:-24px 0 5px 0;
}

#scrollbar {
	position:absolute;
	top:235px;
	right:0;
	width:20px;
	height:360px;
	border-left:1px solid #123466;
	display:none;
}

.scroll-up {
	position:absolute;
	top:0px;
	background:url(img/arrow_r.png) no-repeat;
	width:16px;
	height:10px;
	z-index:1;
}

#gallery-wrapper {
	width:100%;
	height:360px;
	overflow:hidden;
}

#gallery-wrapper ul {
	list-style:none;
	margin:0;
	padding:0 0 0 0px;
}

#gallery-wrapper li {
	padding:0;
	float:left;
	margin:0 3px 0 0;
	cursor:pointer;
}

#gallery-scrollers {
	position:absolute;
	top:380px;
	left:-22px;
	width:920px;
	height:30px;
}

#gallery-scrollers-left {
	position:absolute;
	top:0;
	left:0;
	width:16px;
	height:10px;
	background:url(img/arrow_l.png) no-repeat;
	cursor:pointer;
}

#gallery-scrollers-right {
	position:absolute;
	top:0;
	right:0;
	width:16px;
	height:10px;
	background:url(img/arrow_r.png) no-repeat;
	cursor:pointer;
}

.noverflow {
	overflow:hidden !important;
}

.home-content-wrapper {
	position:relative;
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:auto;
}


.subselected {
	border-bottom:1px solid #FD1B14;
}

.column {
	float:left;
	width:267px;
	font-size:.8em;
	line-height:1.4em;
	overflow:hidden;
	margin:0;
	padding:0;
}


.section-heading {
	font: 16px Georgia, serif;
	font-style: italic;
}

.mem-temp {
	color:#808080;
}

.black {
	color:black !important;
}

#newsticker-holder {
	
}

.printbutton {
	position:absolute;
	top:20px;
	margin-top:5px;
	right:25px;
	font:11px Verdana, sans-serif !important;
}

#mem-signee {
	border-bottom:1px solid #FD1B14;
}

#home-intro-wrapper {
	position:absolute;
	top:10px;
	left:10px;
	color:black;
	font-size:16px;
	line-height:1.2em;
	padding-right:10px;
}

.mem-dates {
	display:block-inline;
	margin-left:10px;
	width:140px;
}

.mem-dates input {
	width:50px;
	border:none;
	border-bottom:1px solid black;
}

#mem-fee, #mem-total-due {
	font-weight:bold;
	display:inline-block;
	margin-left:2px;
}

.sept {
	height:1px;
	width:100%;
	border-bottom:1px solid #123466;
	margin-top:10px;
}

.thisweek-link {
	display:block;
	position:absolute;
	bottom:0px; left:0px;
	padding:10px;
	background-color:#def4fe;
	font:bold 11px Verdana, Arial, Helvetica,sans-serif;
	width:263px;     
}

.job-note {
	display:block;
	position:absolute;
	bottom:0px; left:0px;
	padding:10px;
	background-color:#def4fe;
	font:bold 11px Verdana, Arial, Helvetica,sans-serif;
	width:193px !important;
	margin:0;
}

.thisweek {
	height:340px;
	overflow-y:scroll;
	background-color:#def4fe;
	padding:10px;
}

.job-content {
	display:none;
}

.job-content ul {
	margin-top:0;
}

.job-post-link {
	font-size:.8em;
}

h4 {
	margin-bottom:0;
	font-style: italic;
}

.small-col {
	width:30%;
	float:left;
}

#job-small-essay {
	width:100%;
	height:190px;
	margin-bottom:20px;
}

#job-application-1-2 {
/*	display:none;*/
}

.job-form-wrapper {
/*	display:none;*/
}

.visible {
	display:block !important;
}

/* Login / Logout */
#login-logout {
	font:10.4px Verdana, Arial, Helvetica;
	text-transform:uppercase;
	padding:40px 0 0 0;
	width:auto;
	width:190px;
}
#login-logout #login { font-weight:bold; padding:0 0 6px 0; display:block; }
#login-logout #account { font-weight:bold; }
#login-logout #account a {
	display:block;
}

#login-form {
	border:1px solid #123466;
	padding:12px 8px 10px 8px;
	display:none;
}
#login-form label { display:block; margin:0 0 5px 0; color:#FD1B14; overflow:hidden; }
#login-form label span { width:64px; display:block; float:left; }

#login-form fieldset { border:0; padding:0; margin:0; }
#login-form label input {
	background-color:#f5f5f5;
	border:0;
	width:100px;
	height:12px;
	font-size:10px;
	margin:0 0 0 6px;
}
#login-form .submit { 
	display:block; border:0; background-color:#FD1B14; color:#fff; 
	font-family:Verdana, Arial, Helvetica; text-transform:uppercase;
	margin:5px 0; width:100%; cursor:pointer;
	}
#login-form #forgot {
	text-transform:none;
}

/* My Account */
#content.my-account {
	font-size:12px;
	line-height:1.6em;
}
#content.my-account h3 {
	color:#ff0000;
	font-style:italic;
	font-size:14.5px;
	font-weight:normal;
	margin:15px 0 0 0;
}
#account-info {
	margin:0 0 20px 0;
	font-size:14.5px;
}
#content.my-account #changes {
	font-style:italic;
}


.product {
	width:223px;
	float:left;
	color:#fd1b14;
	font:9px Verdana, Arial, Helvetica;
	text-align:center;
	padding:25px 25px;
	display:block;
}
#content .product p { width:auto; margin-top:0; }
#content .product img { margin:0 0 20px 0; }
#content .product span span { text-decoration:line-through;}
#content .product:hover { text-decoration:none;}
#content .product p:hover { text-decoration:underline;}

/* Address Book
------------------------------*/
.my-account #address-header { width:100%; overflow:hidden; font:italic 14.5px 'Times New Roman', Georgia, serif; padding:15px 0 8px 0; }
.my-account #address-header a,
.my-account #address-header span,
.my-account #address-book li span {
	display:block;
	float:left;
}

.my-account #address-header .last-name {
	background:url('img/sort.png') no-repeat 70px 2px;
	color:#000;
	cursor:pointer;
	display:block;
}
.my-account #address-header .last-name a {
	color:#000;
	text-decoration:none;
}
.my-account #address-header .asc {
	background-position: 70px -19px;
}

.my-account #address-book .last-name { width:126px; }
.my-account #address-book .first-name { width:119px; }
.my-account #address-book .phone { width:110px; }
.my-account #address-book .email-address { width:180px; }
.my-account #address-book .address { width:145px; padding-right:25px; }
.my-account #address-book .family { width:140px; }
.my-account #address-book ul {
	list-style:none;
	margin:0;
	padding:0;
}
.my-account #address-book ul li {
	border-top:1px solid #1c3b80;
	overflow:hidden;
	width:100%;
	padding:15px 0;
	font:normal 14.5px 'Times New Roman', Georgia, serif;
}
.my-account #address-book ul .address {

}
.my-account #address-book form input {
	width:144px;
	height:14px;
	background-color:#f5f5f5;
	border:1px solid #c3c3c3;
	font-size:10.3px;
}

.my-account #address-book form span {
	color:#fd1b14;
	padding:0 0 0 10px;
	text-transform:uppercase;
	font:normal 10.3px Verdana, Arial, Helvetica;
/*	font-style:normal;*/
}

/* google checkout */
#payment-status {
	color:#137F00;
	font-size:20px;
	text-transform:uppercase;
}