@import url(https://www.backtothebay.net/i/stylesheets/basics.css);
@import url(https://www.backtothebay.net/i/stylesheets/positions.css?version=2);
@import url(https://www.backtothebay.net/i/stylesheets/colours.css);
@import url(https://www.backtothebay.net/i/stylesheets/sections.css);

/* --

Back to the Bay
Project Surgeonfish CSS
Copyright Chris Jenkins, 2009

-- /*

.pad10_1 {
   padding:10px;
   background-color:#77A194;
   font-size:15px;
   font-family:Georgia;
   color:#FFF;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
}

.pad10_1 a {
   color:#2D423C;
   font-weight:bold;
}

/* -- Main Content -- */

.col_content p {
	font-size:13px;
}

.col_content iframe {
	max-width:470px;
}

.col_content ul {
	list-style-type:disc !important;
	font-size:13px;
	margin-left:15px;
}

.col_content ul li {
	list-style-type:disc;
}

ol {
	display: block;
	list-style-type: decimal;
	margin: 1em;
	margin-left:40px;
}

ol li {
	list-style-type: decimal;
}

/* -- ( MENU COLUMN LIST ) -- */

#col_menu li {
   padding-bottom:5px;
}

#col_menu li a {
   background-color:#FFF;
   color:#5A303C;
   display:block;
   padding:8px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
}

#col_menu li a:hover {
   background-color:#C2E9F8;
   color:#FFF;
   text-decoration:none;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
}

/* -- ( LISTS - ORDERED STEP LIST ) -- */

ol.steps {
	margin: 20px 0;
	background: #333; /*--Bg Color of the order #--*/
	padding: 0 0 0 35px; /*--Distance between the order #--*/
/* -- (	border: 1px solid #111; ) -- */
	border:0px;
}
ol.steps li {
	margin: 0;
	padding: 15px 15px;
	color: #EEE;
	list-style-type: decimal;
       /*--The bevel look is styled with various colors in the border properties below--*/
/* -- (	border-top: 1px solid #000;
	border-bottom: 1px solid #353535;
	border-right: 1px solid #333;
	border-left: 1px solid #151515; ) -- */
	border-top: 0px;
	border-bottom: 1px solid #333;
	border-right: 0px;
	border-left: 0px;
	background: #222;
}
ol.steps li b {
	padding: 5px 0;
	border-bottom: 1px solid #333;
        display:block;
	color: #fff;
}
ol.steps li p {
	color: #ccc;
	font-weight: normal;
}



/* -- ( FOUR COLUMN LAYOUT ) -- */

.threecolumns ul li, .onecolumn ul li {
   display:block;
   padding-bottom:10px;
}

.threecolumns ul li img {
   padding-top:10px;
   padding-bottom:10px;
   padding-left:10px;
   padding-right:10px;
}

.threecolumns ul li.tc1 {
   width:313px;
   float:left;
}

.threecolumns ul li.tc2 {
   width:314px;
   margin-left:10px;
   float:left;
}

.threecolumns ul li.tc3 {
   float:right;
   width:313px;
}

.title, .title a {
   font-size:16px;
   font-weight:bold;
   color:#1A9DB5;
}

.title a:hover {
   text-decoration:underline;
}

/* -- ( HOME PROMOTION BAR ) -- */

#home_promo {
background-color:#2B171D;
text-align:center;
background-image:url('https://www.backtothebay.net/i/home/gradientpurple.jpg');
background-position:0 0;
background-repeat:repeat-y;
}

#home_promo_inner {
padding-top:20px;
padding-bottom:20px;
width:960px;
text-align:left;
margin:0 auto;
background-position:0 0;
background-repeat:repeat-x;
}

#home_promo_inner_left {
float:left;
width:470px;
}

#home_promo_inner_right {
float:right;
width:470px;
font-size:15px;
color:#DDD;
}

#home_promo_inner_right b {
font-weight:normal;
color:#CCC;
font-size:32px;
}

/* -- Menu Column -- */

.col_menu .info {
	padding:0 5px 5px 5px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

.col_menu #nav_sub {
	-moz-box-shadow: 0 1px 1px 0 #CCC;
	-webkit-box-shadow: 0 1px 1px 0 #CCC;
	box-shadow: 0 1px 1px 0 #CCC;
}

.col_menu #nav_sub h3 {
	color:#000;
	padding:12px 5px 12px 15px;
	font-size:14px;
	font-weight:bold;
	line-height:100%;
	border-bottom: 1px solid #eee;
	border-top:1px solid #eee;
}

.col_menu #nav_sub ul {	
}

.col_menu #nav_sub ul li {
	border-bottom: 1px solid #eee;
	font-size: 1em;
	line-height:150%;
}

.col_menu #nav_sub ul li:last-child {
		border-bottom:0px;
}

.col_menu #nav_sub ul li a {
	padding:8px 5px 8px 15px;
	display:block;
	color: #666;
	font-weight:normal;
	-webkit-transition-duration: .2s;
	-webkit-transition-property: padding;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-duration: .2s;
	-o-transition-property: padding;
	-o-transition-timing-function: ease-in-out;
	-moz-transition-duration: .2s;
	-moz-transition-property: padding;
	-moz-transition-timing-function: ease-in-out;
	transition-duration: .2s;
	transition-property: padding;
	transition-timing-function: ease-in-out;
}

.col_menu #nav_sub ul li a:hover {
	background:#eee;
	padding:8px 15px 8px 20px;
	text-decoration:none;
}

.col_menu #nav_sub ul li ul li:first-child {
	border-top:1px solid #eee;
	}

.col_menu #nav_sub ul li ul li a {
	padding:8px 8px 8px 25px;
}

.col_menu #nav_sub ul li ul li a:hover {
	padding:8px 8px 8px 30px;
	text-decoration:none;
}

/* --- Main Column -- */

.col_content h2.tabletitle {
	background: #fff;
	color: #1A9DB5;
	padding: 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 100%;	
	border-top:1px solid #1A9DB5;
}

/* -- Aside Column -- */

.col_aside h2, .col_home_news h2 {
	background:#1A9DB5;
	color:#fff;
	padding:12px 5px 12px 15px;
	font-weight:bold;
	line-height:100%;
	clear:both;
	font-size:14px;
	-moz-box-shadow: 0 0px 1px 0 #CCC;
	-webkit-box-shadow: 0 0px 1px 0 #CCC;
	box-shadow: 0 0px 1px 0 #CCC;
}

.col_aside h2 a, .col_home_news h2 a {
	color:#fff;
}

.col_aside ul, .col_home_news ul {	
	margin-bottom:10px;
	-moz-box-shadow: 0 1px 1px 0 #CCC;
	-webkit-box-shadow: 0 1px 1px 0 #CCC;
	box-shadow: 0 1px 1px 0 #CCC;
}

.col_aside ul li, .col_home_news ul li {
	padding:15px;
	border-bottom:1px solid #eee;
	line-height:160%;
	font-size:12px;
}

.col_aside ul li:last-child {
	border-bottom:0px;
}

.col_aside ul li a {
	font-size:12px;
}

.col_aside ul li .date, .col_home_news ul li .date {
	font-size:10px;
	color:#ccc;
	line-height:100%;
}

.col_aside ul li {
	font-size:11px;
}

.col_aside .advert {
	text-align:center;
}

/* --- Aside Column Promo Box ---*/

.promo {
	margin-bottom:10px;
}

.promo a {
	display:block;
	-moz-box-shadow: 0 1px 1px 0 #CCC;
	-webkit-box-shadow: 0 1px 1px 0 #CCC;
	box-shadow: 0 1px 1px 0 #CCC;
	padding:15px;
	color:#fff;
	font-size:14px;
}

.promo a:hover {
	text-decoration:none;
}

.promo a h3 {
	color:#fff;
	font-size:18px;
}

.promo a p {
	margin:0;
	font-weight:normal;
}

.promo-locations a { background:#62C4AF; text-shadow: 0 1px #449A88; }
.promo-locations a:hover { background:#449A88; }

.promo-episodes a { background:#FE827B; text-shadow: 0 1px #EE6159; }
.promo-episodes a:hover { background:#EE6159 }

.promo-twitter a { background:#22B5BF; text-shadow: 0 1px #1EA3AC; }
.promo-twitter a:hover { background:#1EA3AC; }

/* -- ( COMMENT FORM ) -- */

#comments_form {
   background-color:#E5E5E5;
   padding:20px;
}

#comments_form h2 {
   color:#333;
}


#googlead {
   padding:10px;
   background-color:#C2E9F8;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   text-align:center;
}