/*
Theme Name: Surfers Against Sewage V
Theme URI: http://www.sas.org.uk/
Description: A customised Wordpress Theme for Surfers Against Sewage ... 
Version: 5.0
Author: UKNetWeb
Author URI: http://uknetweb.com/
Tags: custom
*/

/* Overrides */
* {
	margin:0;
	padding:0;
}

body {
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#00abbc;
}

div {text-align:left;}
.clear {clear:both;}
a {outline:none;}
/* /Overrides */

/* Main Layout */
.container {
	margin:44px auto 44px auto;
	width:956px;
	background:#fff;
}

.header {
	position:relative;
	height:160px;
	background:#fff url(images/bg/header.gif) no-repeat 0 0;
}

.content-container {background:#fff url(images/bg/content.gif) repeat-y 0 0;}

.content {
	margin:0 56px 0 56px;
	padding:20px 0 0 0;
}

.top-row {margin-bottom:15px;}

.full-col,.quad-col,.triple-col,.double-col,.single-col {
	display:inline;
	float:left;
}
.single-col {width:156px;}
.double-col {width:328px;}
.triple-col {width:500px;}
.quad-col {width:672px;}
.full-col {width:844px;}

.gutter {margin-right:16px;}

.right-float {float:right;}

.footer {
	position:relative;
	height:210px;
	background:transparent url(images/bg/footer.png) no-repeat 0 0;
}
/* /Main Layout */

/* Header */
p.logo {
	position:absolute;
	top:33px;
	left:56px;
}

p.logo img {border:0;}

.header_join a{
	text-decoration:none;
    background: url("/images/logos/sas_topright.gif") repeat scroll 0 0 transparent;
    display: block;
    height: 69px;
    left: 570px;
    position: absolute;
    text-decoration: none;
    text-indent: -9999px;
    top: 32px;
    width: 330px;
}
.search-form {
	display:none;
}
.home .search-form {
	display:block;
	position:absolute;
	top:164px;
	left:744px;
	width:156px;
	height:35px;
	background:#fff url(images/bg/search-form.gif) no-repeat 0 0;
}

.search-form label {display:none;}

.search-form input#s {
	position:absolute;
	top:10px;
	left:8px;
	width:106px;
	font-size:11px;
	border:0;
}

.search-form input.search-submit {
	position:absolute;
	top:5px;
	right:2px;
	cursor:pointer;
}

.main-pages {
	position:absolute;
	bottom:24px;
	left:56px;
	width:844px;
	height:26px;
}

.main-pages ul {
	padding:5px 0 0 0;
	list-style:none;
	text-align:center;
}

.main-pages li {
	display:inline;
	padding:0 5px 0 8px;
	border-left:2px solid #00b4c6;
}
.main-pages li.first {border-left:0;}

.main-pages a {
	font-size:11px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
}
.main-pages a:hover {color:#00abbc;}

.campaign-categories {
	position:absolute;
	bottom:0;
	left:56px;
	width:844px;
	height:26px;
	background:#fff url(images/bg/campaign-categories.gif) no-repeat 0 50%;
}

.campaign-categories ul {
	padding:5px 0 0 0;
	list-style:none;
	text-align:center;
}

.campaign-categories li {
	display:inline;
	padding:0 5px 0 8px;
	border-left:2px solid #00b4c6;
}
.campaign-categories li.page-item-44 {border-left:0;}

.campaign-categories a {
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
.campaign-categories a:hover {color:#00abbc;}
/* /Header */

/* Content */
.content h1,.content h2,.content h3,.content h4,.content p,.content ul,.content ol,.content dl,.content form,.content table {
	margin:0 0 15px 0;
	line-height:1.4em;
}

.content h1 {
	font-size:13px;
	text-transform:uppercase;
}
.homepage h1 {
	padding:0 0 10px 0;
	background:#fff url(images/bg/large-underline.gif) no-repeat 0 100%;
}

.content h2 {
	font-size:12px;
	text-transform:uppercase;
}

.content h1.h1-bordered,.content h2.h2-bordered {
	padding:0 0 4px 0;
	border-bottom:1px solid #000;
}

.content h3 {
	font-size:11px;
}

.content h4 {
	margin-bottom:0;
	font-size:11px;
}

.content ul,.content ol {margin-left:40px;}

.content ul {list-style-type:square;}

.content li {font-size:12px;}

.content a {
	color:#00abbc;
	text-decoration:none;
}
.content a:hover {color:#000;}

.content blockquote {
	padding:0 172px 0 16px;
	color:#00abbc;
	font-size:16px;
	font-weight:bold;
}

.content table {
	border-collapse:collapse;
	border:0;
}

.content table td {
	padding:0 20px 4px 0;
	font-size:12px;
	vertical-align:top;
}

.content img {border:0;}
/* /Content */

/* Homepage */
.slide {
	position:relative;
	margin:0 0 15px 0;
	width:844px;
	height:219px;
	overflow:hidden;
}

.slide div {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	margin:0;
	width:844px;
	height:219px;
	list-style:none;
	overflow:hidden;
}
#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
}

.slide li {
	position:relative;
	width:844px;
	height:219px;
	list-style:none;
	overflow:hidden;
}

.slide img {border:0;}

.slide-details {
	position:absolute;
	bottom:16px;
	right:0;
	width:156px;
	background:transparent url(images/bg/slide-details.gif) repeat-y 0 0;
}

.content .slide-details h2 {
	margin:0;
	padding:5px 5px 0 10px;
	border:0;
}

.slide-details p {
	margin:0;
	padding:5px 5px 5px 10px;
}

.slide-details p a {
	color:#00abbc;
	text-decoration:none;
}
.slide-details p  a:hover {color:#000;}

p.slide-nav {
	position:absolute;
	bottom:0;
	left:0;
	padding:5px 0 5px 0;
	width:156px;
	background:transparent url(images/bg/slide-nav.gif) no-repeat 100% -3px;
}

#prevBtn {padding-left:14px;}

#nextBtn {padding-left:29px;}

#prevBtn a,#nextBtn a {
	color:#000;
	text-decoration:none;
}
#prevBtn a:hover,#nextBtn a:hover {color:#00abbc;}

.homepage h2 {
	padding-bottom:3px;
	border-bottom:1px solid #000;
}

.homepage h3 {
	margin-bottom:0;
	text-transform:uppercase;
}

.homepage h3 a {
	color:#00abbc;
	text-decoration:none;
}
.homepage h3 a:hover {color:#000;}

.homepage .single-col p {
	margin-bottom:6px;
	padding-bottom:6px;
	border-bottom:1px solid #000;
}
.homepage .single-col.gutter p {border-bottom:0;}
.homepage .single-col.gutter p.img {margin-bottom:0;}

.homepage .quick-links {
	margin:20px 0 0 0;
	list-style:none;
}

.homepage .quick-links li {
	margin:0 0 2px 0;
	padding:0 6px 0 6px;
	float:left;
	display:inline;
}

.homepage .quick-links li.a {
	margin-bottom:5px;
	width:100px;
	background:transparent url(images/bg/quick-links-a.gif) no-repeat 0 0;
	-moz-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
}

.homepage .quick-links li.b {
	margin-bottom:11px;
	width:140px;
	background:transparent url(images/bg/quick-links-a.gif) no-repeat 0 -30px;
	-moz-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
}

.homepage .quick-links li.c {
	margin-bottom:16px;
	width:60px;
	background:transparent url(images/bg/quick-links-a.gif) no-repeat 0 -40px;
	-moz-transform: rotate(1deg);
	-webkit-transform: rotate(1deg);
	transform: rotate(1deg);
}

.homepage .quick-links a {
	color:#fff;
	text-decoration:none;
	font-size:19px;
}
.homepage .quick-links a:hover {color:#00abbc;}

.homepage .fb-badge {
	clear:both;
	margin:16px 0 0 0;
	padding:16px 0 0 0;
	border-top:1px solid #000;
}

.homepage .single-col p.interactive-map-img {
	padding-bottom:0;
	border-bottom:0;
}
/* /Homepage */

/* Single */
ul.year-list {
	margin:0 0 4px 0;
	padding:0 0 10px 0;
	list-style:none;
	font-weight:bold;
	color:#00abbc;
	text-transform:uppercase;
	background:#fff url(images/bg/large-underline.gif) no-repeat 0 100%;
}

ul.year-list li {
	margin-right:8px;
	padding-right:6px;
	display:inline;
	border-right:2px solid #00abbc;
}
ul.year-list li.first,ul.year-list li.last {padding-right:0;border-right:0;}

ul.year-list li.cat-drop {
	margin:-3px 0 0 0;
	padding-right:0;
	float:right;
	border-right:0;
}

ul.year-list li.cat-drop select {
	font-size:11px;
	text-transform:none;
	border:2px solid #00abbc;
}

ul.year-list a {
	color:#00abbc;
	text-decoration:none;
}
ul.year-list a:hover {color:#000;}

ul.year-list li h1 {
	margin-bottom:0;
	display:inline;
	color:#000;
	border-bottom:0;
}

p.date-details {
	font-size:12px;
	font-weight:bold;
	padding-bottom:4px;
	border-bottom:1px solid #000;
}

ul.side-images {
	margin-left:0;
	list-style:none;
}

ul.side-images li {
	margin-bottom:15px;
	font-size:11px;
}

.navigation p {width:235px;}

.navigation p.alignright {text-align:right;}

.navigation p.alignleft span {
	float:right;
	width:215px;
}

.navigation p.alignright span {
	float:left;
	width:215px;
}

hr {
	clear:both;
	margin:0 0 15px 0;
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:#000;
	background:#fff;
	color:#fff;
}

.related h2 {margin-bottom:0;}

.related ul {
	margin-left:0;
	list-style:none;
}

.related ul a {font-weight:bold;}
/* /Single */

/* Index */
.post {
	margin-bottom:15px;
	background:#fff url(images/bg/post.gif) repeat-y 0 0;
}
/* /Index */

/* Date Archive */
.date-archive h2 {
	clear:both;
	padding-bottom:4px;
	border-bottom:1px solid #000;
}

.date-archive p {font-weight:bold;}

.date-archive p.img {margin-bottom:10px;}
/* /Date Archive */

/* SAS TV Archive */
.sas-tv-archive h1 {
	padding:0 0 10px 0;
	background:#fff url(images/bg/large-underline.gif) no-repeat 0 100%;
}

.sas-tv-archive h2 {
	clear:both;
	padding-bottom:4px;
	border-bottom:1px solid #000;
}

.sas-tv-archive p {font-weight:bold;}

.sas-tv-archive p.img {margin-bottom:0;}

.sas-tv-archive .tv {
	position:relative;
	height:230px;
	background:#fff url(images/photo/tv.jpg) no-repeat 92px 0;
}

.sas-tv-archive .tv h2 {
	position:absolute;
	top:0;
	left:344px;
	font-size:50px;
	color:#00abbc;
	border-bottom:0;
}

.sas-tv-archive .tv p {
	position:absolute;
	top:148px;
	left:346px;
	font-weight:normal;
}
/* SAS TV Archive */

/* SAS TV Single */
.video {height:315px;}

.video embed,.video object {
	width:500px;
	height:285px;
}
/* /SAS TV Single */

/* Event single */
p.event-heading {
	padding:19px 0 18px 19px;
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
	background:#fff url(images/bg/fundraising-calendar-h3.gif) no-repeat 0 10px;
	border-bottom:1px solid #000;
}
/* /Event single */

/* Page */
ul.child-pages {
	margin:0 0 4px 0;
	padding:0 0 10px 0;
	list-style:none;
	font-weight:bold;
	font-size:12px;
	color:#000;
	text-transform:uppercase;
	background:#fff url(images/bg/large-underline.gif) no-repeat 0 100%;
}

ul.child-pages li {
	margin-right:6px;
	padding-left:6px;
	display:inline;
	border-left:2px solid #00abbc;
}
ul.child-pages li.first {padding-left:0;border-left:0;}

ul.child-pages li.black-text {color:#000;}

ul.child-pages a {
	color:#00abbc;
	text-decoration:none;
}
ul.child-pages a:hover {color:#000;}

.mission,.join-banner {
	position:relative;
	width:844px;
	height:436px;
	margin-bottom:15px;
	background:#fff url(images/photo/mission.jpg) no-repeat 0 0;
}
.join-banner {
	height:284px;
	background:#fff url(images/photo/join-shop-banner.jpg) no-repeat 0 0;
}

.mission p,.join-banner p {
	position:absolute;
	left:30px;
	bottom:30px;
	margin:0;
	padding:0;
	width:470px;
	color:#fff;
	font-size:30px;
}
.join-banner p {
	top:30px;
	left:30px;
	bottom:auto;
}
/* /Page */

/* Fundraising Calendar */
#fundraising-calendar {
	width:100%;
	border-collapse:collapse;
	border:0;
}

#fundraising-calendar td {
	padding:4px 20px 4px 0;
	font-weight:bold;
}

#fundraising-calendar h3 {
	margin-bottom:0;
	padding:9px 0 18px 19px;
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
	background:#fff url(images/bg/fundraising-calendar-h3.gif) no-repeat 0 0;
	border-bottom:1px solid #000;
}
/* /Fundraising Calendar */

/* Members Login */
.members-login input {
	width:156px;
	border:1px solid #000;
}

.members-login input#submit {
	width:auto;
	overfloaw:hidden;
	padding:3px;
	color:#fff;
	font-size:13px;
	background:#00abbc;
	border:0;
	cursor:pointer;
}
/* /Members Login */

/* Contact Form */
.contact-form fieldset {display:none;}

.contact-form input {
	margin-right:10px;
	width:156px;
	border:1px solid #000;
}

.contact-form input.checkbox {
	margin-top:2px;
	width:auto;
	border:0;
}

.contact-form select {
	margin-right:10px;
	width:328px;
	border:1px solid #000;
}

.contact-form textarea {
	width:500px;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	border:1px solid #000;
}

.contact-form input#submit {
	width:auto;
	overfloaw:hidden;
	padding:3px;
	color:#fff;
	font-size:13px;
	background:#00abbc;
	border:0;
	cursor:pointer;
}
/* /Contact Form */

/* Shop */
.quad-col.shop-main,.quad-col.other-products {width:688px;}

.quad-col.other-products {margin-top:10px;}

.quad-col.other-products h2 {margin-right:16px;}

.quad-col.shop-main .single-col {margin-bottom:30px;}

.quad-col.membership-other-products .single-col {
	height:207px;
}

.quad-col.membership-other-products .single-col h2 a {color:#000;}
.quad-col.membership-other-products .single-col h2 a:hover {color:#00abbc;}

.shop-header {
	position:relative;
	width:844px;
	height:318px;
	margin-bottom:15px;
}
.shop-header.shop-main-header {background:#fff url(images/photo/shop-main-1006.jpg) no-repeat 0 0;}

.shop-header.shop-main-header p {
	display:none;
	position:absolute;
	right:30px;
	bottom:30px;
	margin:0;
	width:296px;
	font-size:28px;
	color:#fff;
}

.shop-main h2 {
	padding-bottom:4px;
	border-bottom:1px solid #000;
}

.was-text {text-decoration:line-through;}

.shop-form table {
	margin-bottom:36px;
	width:100%;
}

.shop-form table.trolley-items th {
	padding-top:13px;
	padding-bottom:5px;
	text-transform:uppercase;
}

.top-border {border-top:1px solid #000;}

.shop-form table.trolley-items td {
	padding-top:16px;
	padding-bottom:16px;
}

.shop-form fieldset {display:none;}

.shop-form input {
	margin-right:10px;
	padding:3px;
	width:156px;
	border:1px solid #00abbc;
}

.shop-form input.narrow {width:45px;}

.shop-form input.checkbox {
	vertical-align:middle;
	margin-bottom:2px;
	margin-right:10px;
	padding:0;
	width:auto;
	border:0;
}

.shop-form select {
	margin-right:10px;
	width:328px;
	border:1px solid #00abbc;
}

.shop-form textarea {
	width:328px;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	border:1px solid #00abbc;
}

.shop-form input.submit {
	width:auto;
	overfloaw:hidden;
	padding:3px;
	color:#fff;
	font-size:13px;
	background:#00abbc;
	border:0;
	cursor:pointer;
}

ul.shop-pages {
	margin:0;
	list-style:none;
}

ul.shop-pages li {
	display:inline;
	padding-right:10px;
	font-size:23px;
}

ul.shop-pages a:hover {color:#000 !important;}

.double-cell {width:40%;}
.single-cell {width:20%;}

.top-border {
	padding-top:14px;
	border-top:1px solid #000;
}
.bottom-border {
	padding-bottom:14px;
	border-bottom:1px solid #000;
}

.top-border h1 {border:0 !important;}

div.onePageCheckout{
	float:left;
	margin-bottom:10px;
}
form.onePageCheckout img.frsb{
	float:left;
	clear:none;
	margin-top:8px;
}
div.onePageCheckout.options{
	margin-bottom:20px;
	width:100%;
}
div.onePageCheckout.options ul{
	margin:0;
}

div.onePageCheckout.options .radioWrapper input:checked+label{
	font-weight: bold;
}
div.onePageCheckout label.ProdId img{
	margin: 0 30px 5px 30px;
}
div.onePageCheckout.options .radioWrapper{
	display:inline-block;
	vertical-align: top;
}
div.onePageCheckout.options .radioWrapper input{
	margin-top:5px;
}
div.onePageCheckout.options .radioWrapper label{
	float:left;
	width:100px;
}
h2#RevealMembers{
	position:absolute;
	left:970px;
}

.clickable{
	cursor:pointer;
}
div.onePageCheckout .double-col{
	margin-right:10px;
}
.onePageCheckout .payment_help{
	display:none;
}

.onePageCheckout .column_one{
	float:left;
	width:400px;
}
.onePageCheckout .column_two{
	float:right;
	width:400px;
}
.onePageCheckout table td{
	width:175px;
	padding: 3px 20px 2px 0;
}

.onePageCheckout input, .onePageCheckout textarea, .onePageCheckout select{
	width: 175px;
	border:1px solid #00abbc;
	float:right;
}
.onePageCheckout td.offers{
	width:350px;
}
.onePageCheckout .stageTwo .leftjust, .onePageCheckout .stageTwo p, .onePageCheckout .stageTwo .rightjust{
	width:175px;
}
.onePageCheckout .stageTwo .leftjust{
	clear:right;
	float:right;
}
.onePageCheckout .stageTwo .rightjust{
	clear:left;
	float:left;
}
.onePageCheckout .top-border{
	clear:both;
}
.onePageCheckout .offers p{
	width:325px;
	display:block;
	float:left;
}
.onePageCheckout .checkbox{
	float:right;
	width:20px;
	margin-top:5px;
}
.onePageCheckout input.submit{
	clear:both;
}
.onePageCheckout .stageTwo div{
	clear:both;
}
.onePageCheckout .radioWrapper input{
	width:20px;
	float:left;
	margin-right:5px;
}
.onePageCheckout #DonationAmount{
	text-align:right;
}
.onePageCheckout #DonationAmount input{
	width:100px;
	margin-left:5px;
}
.onePageCheckout #DonationAmount select{
	margin-bottom:3px;
}

.onePageCheckout .Gift, .onePageCheckout .PreviousMember{
	clear:both;
}
.onePageCheckout .date input{
	width:50px;
	float:left;
}
.onePageCheckout .date p{
	float:left;
	display:inline;
	margin:0 7px 0 7px;
}

.onePageCheckout .samesies{
	padding-bottom:8px;
}
.onePageCheckout .inputError{
	border-color: #FF0000;
}
.onePageCheckout .radio, .onePageCheckout .checkbox{
	border:none;
}
.hidden{
	display:none;
}

.onePageCheckout .stageTwo{
	margin-bottom:15px;
}

form.onePageCheckout img{
	float:left;
	clear:both;
}
/* /Shop */

/* Footer */
.footer p {
	position:absolute;
	bottom:0;
	left:56px;
	font-size:11px;
	color:#fff;
	line-height:1.5em;
}

.footer p a {
	color:#00555a;
	text-decoration:none;
}
.footer p a:hover {color:#000;}
/* /Footer */

/* Images */
p img {
	padding:0;
	max-width:100%;
}

img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.alignright {
	margin:0 0 15px 0;
	display:inline;
}


img.alignleft {
	margin:0 0 15px 0;
	display:inline;
}

.alignright {float:right;}
.alignleft {float:left;}
/* /Images */

/* Comments */
#commentform input {
	width:156px;
	border:1px solid #000;
}

#commentform textarea {
	width:500px;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	border:1px solid #000;
}

#commentform input#submit {
	width:auto;
	overfloaw:hidden;
	padding:3px;
	color:#fff;
	font-size:13px;
	background:#00abbc;
	border:0;
	cursor:pointer;
}

h2#comment {margin-bottom:0;}

ul.commentlist {
	list-style:none;
	margin-left:0;
	border-bottom:1px solid #000;
}

ul.commentlist li {
	padding:16px 0 0 0;
}

.commentlist li .avatar { 
	float:left;
	margin:0 16px 0 0;
	background:#fff;
}

.comment-meta {margin-bottom:10px;}
/* /Comments */

/* Calendar */
#wp-calendar {
	empty-cells:show;
	margin:10px auto 0;
	width:155px;
}

#wp-calendar #next a {
	padding-right:10px;
	text-align:right;
}

#wp-calendar #prev a {
	padding-left:10px;
	text-align:left;
}

#wp-calendar a {
	display:block;
}

#wp-calendar caption {
	text-align:center;
	width:100%;
}

#wp-calendar td {
	padding:3px 0;
	text-align:center;
}

#wp-calendar td.pad:hover {background-color:#fff;}
/* /Calendar */

/* Captions */
.aligncenter,div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.wp-caption {
	text-align:center;
	margin:10px;
}

.wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
}

.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	padding:0 4px 5px;
	margin:0;
}
/* /Captions */

/* Sponsor */
.sponsor-table {
	border-collapse:collapse;
	border:0;
}

.sponsor-table hr {margin:10px 0 10px 0;}
/* /Sponsor */

/* UFO Custom page 
   http://www.sas.org.uk/news/2010/04/01/sas-witness-ufos-landing-on-uk-beaches/ */
#ufo {
	width:410px;
	margin:0 auto 20px auto;
	padding:60px 0 50px 0;
	font-family:"Courier New", Courier, monospace;
	background:#fff url(images/custom/ufo-bg.jpg) no-repeat 0 0;
}

#ufo p,#ufo h2 {padding-left:10px;padding-right:10px;line-height:1.7em;}

#ufo h2 {
	text-align:right;
	font-size:29px;
}

#ufo a {
	color:#000;
	text-decoration:none;
	background:#fff;
}
#ufo a:hover {color:#9c0705;}

#ufo img.alignleft,#ufo img.alignright {
	border-width:5px 5px 20px 5px;
	border-style:solid;
	border-color:#FFF;
}

#ufo img.alignleft {
	float:left;
	margin:0 10px 10px 0;
}

#ufo img.alignright {
	float:right;
	margin:0 0 10px 10px;
}
/* /UFO Custom page */