THEME NAME: Purple Vision v3.0
THEME URI: http://www.adijas.com
DESCRIPTION: A theme for purple tide
VERSION: 3.0
AUTHOR: <a href="http://adijas.com/">aDiJas</a> &amp; <a href="mailto:shen@adijas.com">Shen DeShayne</a>
AUTHOR URI: http://www.shennyg.com
*/

/*
LAYOUT: Two-Column (Left)
DESCRIPTION: Two-column fluid layout with one sidebars left of content
*/
div#container {
	float: right;
	margin: 0 0 0 -200px;
	width: 100%;
}
div#content {
	margin: 0 20px 0 20px;
}
div.sidebar {
	float: left;
	width: 180px;
	overflow: hidden;
}
div#secondary {
	clear: left;
}
div#footer {
	clear: both;
	width: 100%;
	background: url(img/footer.jpg) no-repeat center;
	height: 49px;
	margin-top: 10px;
}
#theme-link{
	padding-top: 32px;
	display: block;
	color: white;
}

/* Just some example content */
div#header{text-align:center;margin-bottom:2em;}
div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}

.entry-title{clear:both;}
div#container,div.sidebar{margin-top:2em;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size:1.2em;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}

div#footer{text-align:center;}

/* SITE WIDE LINKS */
A{text-decoration: underline; color: black;}
A:visited{text-decoration: underline; color:black;}
A:active{text-decoration: none; color:black;}
A:hover{text-decoration: none; color: #9900cc;}

/* FOOTER LINKS */
#footer A{text-decoration: underline; color:white;}
#footer A:visited{text-decoration: underline; color:white;}
#footer A:active{text-decoration: none; color:white;}
#footer A:hover{text-decoration: none; color:black;}



/*
FROM THE reset-fonts-grids.css file
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
version: 2.3.1
*/

/*reset.css*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}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;}li{list-style:none;}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;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;;font-size:inherit;font-weight:inherit;}
/*fonts.css*/body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
/*grids.css /body{text-align:center;}*/#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gb .yui-u,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{float:right;}.yui-gb div.first{margin-left:0;float:left;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first {float:left;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}.yui-gb .yui-u{float:left;}

strong{
font-weight:bold;
}
h1{
font-size:131%;
font-weight:bold;
}
h2{
font-size:181%;
font-weight:bold;
}
h3{
font-size:115%;
font-weight:bold;
}
tt{
font-size:250%;
cursor: crosshair;
}
.surfSpot{
font-size:50%;
position:relative;
top:-7px;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
}
.entry-content p{
	margin:12pt;
}
/* Hide the long spot name in the first row of the sport file */
span.spotLabel{
	display: none;
}
/* Hide the included spot file before the tip gets loaded */
div.aloha div.oi {
	display: none
}
/* Not needed? */
div.spotData {
	display: none;
}

/* Easy Clearing http://positioniseverything.net/easyclearing.html plus see ie.css */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

/* ---------------------------------NAV---------------------------------*/
/*  ------------------------------  */
/*  DROPDOWN MENU                   */
/*  ------------------------------  */
div.PTnavigation{
	float:none;
	height: auto;
}
div.PTnavigation ul.menu {
	list-style-type:none;
	margin:0 auto;
	padding:0;
	width:450px;
}
div.PTnavigation ul.menu li {
	display:block;
	float:left;
	position:relative;
	margin:0 9px 0 0;
	padding:0;
/*	-khtml-opacity: 0.75;
	-moz-opacity: 0.75;
	opacity: 0.75;
*/
}
div.PTnavigation ul.menu li.current {
	background:#000000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
div.PTnavigation ul.menu li:hover {
	background:#90C;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


div.PTnavigation ul.menu li a {
	display:block;
	float:left;
	color:#000;
	text-decoration:none;
	font-size:25px;
	font-style:normal;
	font-weight:bold;
	font-family:arial, helvetica, sans-serif;
	padding:10px;
	line-height:18px;
}

div.PTnavigation ul.menu li a span {
	font-weight:normal;
	padding-left:3px;
}
div.PTnavigation ul.menu li.drop:hover li {
	border:none;
}
div.PTnavigation ul.menu li.drop:hover, ul.menu li.current:hover {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}
div.PTnavigation ul.menu li.drop:hover ul {
	display:block;
	z-index:1;
	padding-bottom: 4px;
	margin-top: 4px
}
div.PTnavigation ul.menu li ul {
	display:none;
	position:absolute;
	width: 100%;
	top:30px;
	left:0;
	list-style-type:none;
	margin:0;
	padding: 0;
	background:#000;
	filter: alpha(opacity=75); /* internet explorer */
}
div.PTnavigation ul.menu li ul li {
	float:none;
	height: auto;
	margin:0;
	padding:0;
	border:none;
	filter: alpha(opacity=100); /* internet explorer */
}
div.PTnavigation ul.menu li ul li a {
	color: #fff;
	float:none;
	background:none;
	margin:0;
	padding:0;
	display:block;
	font-size:18px;
	height:auto;
	margin:0;
	padding:8px 13px;
	font-weight:normal;
}

/* drop down menu hover styles */
div.PTnavigation ul.menu li:hover ul {
	border:none;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}
div.PTnavigation ul.menu li:hover ul * {
	background:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
div.PTnavigation ul.menu li ul li:hover {
	background-color:#90C;
}
div.PTnavigation ul.menu li ul li a:hover {
	color:#000;
}

/* ---------------------------------PROTOTIP---------------------------------*/
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* darkgrey */
.prototip .purpleVision {
	width: 200px;
	color: #000;
}
.prototip .purpleVision .toolbar {
  	background: #000;
    color: #9900cc;
	font-weight: bold;
}
.prototip .purpleVision .title {
    padding: 5px;
    text-align: center;
}
.prototip .purpleVision .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */


/* ---------------------------------INDEX.CSS---------------------------------*/
div.clear {clear:both;}

#hd{
	margin-top:5px;
}

/*dotted borders fix - try outline: none;*/
:focus { -moz-outline-style: none; }

/* NEW HOME */
#bd{
background:url(img/islandbg/chain.jpg) no-repeat center top;
height:520px;
}

#BD #reports {
	position: relative;
}

#home #kauai{
	width: 90px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 18px;
	display: block;
}

#home #oahu{
	width: 110px;
	height:90px;
	position: absolute;
	top: 70px;
	left: 225px;
	display: block;
}

#home #maui{
	width: 118px;
	height:90px;
	position: absolute;
	top: 169px;
	left: 446px;
	display: block;
}

#home #big-island {
	width: 200px;
	height: 222px;
	position: absolute;
	top: 285px;
	left: 529px;
	display: block;
}

/*
.islandLink {
	background: #ffff99;
	opacity: .3;
}
*/

#bdOahu{
background:url(img/oahu.jpg) no-repeat center top;
height:620px;
}
#reports{
position:relative;
}
#bdOahu #reports a{
color:black;
font-weight:bold;
text-decoration:none;
display: block;
}
#north{
width:200px;
position:relative;
top: 40px;
left: 90px;
}

#south{
width:200px;
position:relative;
top: 450px;
left: 350px;
}

#east{
width:200px;
position:relative;
top: 30px;
left: 600px;
}

#west{
width:200px;
position:relative;
top: 130px;
left: 20px;
}

#homeTideHolder{
position: relative;
top: -300px;
left: 500px;
width: 250px;
}
#tideTable
{
font-size: .75em;
border-top: 7px solid #000;
border-bottom: 7px solid #000;
}

#tideTable th, td{text-align:left;padding:.1em .3em;border:0px solid #fff;}
#tideTable th{color:#000;font-weight: bold;}
#tideTable .odd{background:#CC99FF;color:#000;}/*CC99FF E6E6E6 9966cc*/
#tideTable td, #tideTable th{border-left: 1px solid #000;border-right: 1px solid #000;}

#tides tr {
	font-size: 85%;
}

#tides h3 {
	padding: 1em 0 0;	
/* 	float: left; */
}
#tides .top {
	float: left;
	text-align: right;
}

#tides h2{
	text-align: center;
	margin-top: 1em;
}

#tides h2.entry-title{
	text-align: left;
	margin-top: 0;
}


@-webkit-keyframes swell0 {
	0% {
		-webkit-box-shadow: 0 0 3px rgba(153, 0, 204, 0.5);
		border: 3px solid rgba(54,54,54,1); 		
	}
	100% {
		-webkit-box-shadow: 0 0 3px rgba(153, 0, 204, 1.0), 0 0 4px rgba(153, 0, 204, 1.0);
		border: 3px solid rgba(54,54,54,1); 
	}
}

@-webkit-keyframes swell2 {
	0% {
		-webkit-box-shadow: 0 0 8px rgba(153, 0, 204, 0.5);
		border: 3px solid rgba(54,54,54,1); 		
	}
	100% {
		-webkit-box-shadow: 0 0 8px rgba(153, 0, 204, 1.0), 0 0 12px rgba(153, 0, 204, 1.0);
		border: 3px solid rgba(54,54,54,1); 
	}
}

@-webkit-keyframes swell4 {
	0% {
		-webkit-box-shadow: 0 0 16px rgba(153, 0, 204, 0.5);
		border: 3px solid rgba(54,54,54,1); 	
	}
	100% {
		-webkit-box-shadow: 0 0 12px rgba(153, 0, 204, 1.0), 0 0 16px rgba(153, 0, 204, 1.0);
		border: 3px solid rgba(54,54,54,1); 
	}
}

@-webkit-keyframes swell6 {
	0% {
		-webkit-box-shadow: 0 0 32px rgba(153, 0, 204, 0.5);
		border: 3px solid rgba(54,54,54,1); 		
	}
	100% {
		-webkit-box-shadow: 0 0 32px rgba(153, 0, 204, 1.0), 0 0 72px rgba(153, 0, 204, 1.0);
		border: 3px solid rgba(153, 0, 204, 1); 
	}
}

#swell {
	display:block;
	left:54px;
	position:absolute;
	top:288px;
	font-size: 115%;
	background: #aaa;
	padding: 10px;
 	border: 3px solid #363636; 
/* 	border: 6px solid rgba(153, 0, 204, .6); */
	-moz-border-radius: 12px;
	max-width: 400px;
	
	
	-moz-box-shadow:0 0 54px rgba(0, 0, 0, 0.6);

	-webkit-animation-name: swell0;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;	
	-webkit-border: 12px;
	border-radius: 12px;
}

#swell:hover {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
}

#swell div:first-child {
	font-size: 181%;
/* 	text-shadow: 1px 1px #90C, 2px 2px #90C; */
	color:rgba(0, 0, 0);
/* 	color:rgba(7, 206, 250, 0.5); */
}


/*
#swell div:first-child:hover {
color:#000;
left:-3px;
text-shadow:1px 1px #90C, 2px 2px #90C, 3px 3px #90C, 4px 4px #90C, 5px 5px #90C, 6px 6px #90C;
top:-3px;
}
#swell div:first-child{
color:#000;
left:0;
position:relative;
text-shadow:1px 1px #90C, 2px 2px #90C, 3px 3px #90C;
top:0;
}
*/

#swell div {
	border: none !important;
}

#notDefaultCookie {
	display: none;
}

#message{
	background-color: #ebf;
	padding: 10px;
	font-size: 131%;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	color: black;
	font-weight: bold;
}

#message a {
	color: black;
}

#message a:hover {
	text-decoration: underline;
}

@-webkit-keyframes purplePulse {
	from { background-color: #c3f; -webkit-box-shadow: 0 0 32px rgba(153, 0, 204, 0.5); }
	50% { background-color: #90C; -webkit-box-shadow:: 0 0 18px #91bd09; -webkit-box-shadow: 0 0 32px rgba(153, 0, 204, 1.0), 0 0 72px rgba(153, 0, 204, 1.0); }
	to { background-color: #c3f; -webkit-box-shadow:: 0 0 9px #333; -webkit-box-shadow: 0 0 32px rgba(153, 0, 204, 0.5); }
}

#defaultCookie {
	background-color: #90c;		
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;
	
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
}

#defaultCookie:hover{
	-webkit-animation-name: purplePulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
}


/* ---------------------------------NORTH.CSS---------------------------------*/

#bdNorth{
background:url(img/north.jpg) no-repeat center top;
height:706px;
}
#reports{
position:relative;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
}

#northVLand{position:absolute;top:6px;	right:110px;}
#northSunset{position:absolute;top:100px;right:240px;}
#northRockies{position:absolute;top:140px;right:260px;}
#northEhukai{position:absolute;top:160px;right:270px;}
#northPipeline{position:absolute;top:170px;right:280px;}
#northBackdoor{position:absolute;top:185px;right:290px;}
#northOTW{position:absolute;top:200px;right:300px;}
#northRockPiles{position:absolute;top:210px;right:310px;}
#northLogCabins{position:absolute;top:220px;right:320px;}
#northWaimea{position:absolute;top:320px;right:360px;}
#northChuns{position:absolute;top:355px;right:385px;}
#northHaleiwa{position:absolute;top:575px;right:600px;}
#largeNorthAd{position:absolute; top: 150px;right:500px;}

/* ---------------------------------SOUTH.CSS---------------------------------*/
#bdSouth{
background:url(img/south.jpg) no-repeat center top;
height:220px;
margin-top: 20px;
}

#southAlamoana{position:absolute;top:60px;right:639px;}
#southDiamondHead{position:absolute;top:160px;right:550px;}
#southSandys{position:absolute;top:40px;right:-20px;}
#southWaikiki{position:absolute;top:100px;right:630px;}

#largeSouthAd{text-align: center; margin-top: 10px;}

/* ---------------------------------EAST.CSS---------------------------------*/
#bdEast{
background:url(img/East-Crevas.jpg) no-repeat center top;
height:586px;/*1020px;*/
margin-top: 10px;
}

#eastSandyBeach{position:absolute;top:480px;right:330px;}
#eastMakapuu{position:absolute;top:140px;right:205px;}

#largeEastAd{margin-top: 10px;}



/* ---------------------------------WEST.CSS---------------------------------*/
#bdWest{
background:url(img/westSmall.jpg) no-repeat center top;
height:1103px;
}
/*
#hd{
padding-bottom: 30px;
}
*/
#bdWest{
margin-top: 30px;
}
#reports, #home{
position:relative;
}


#westBarbersPoint{position:absolute;top:1000px;right:160px;}
#westMailePoint{position:absolute;top:450px;right:470px;}
#westMakaha{position:absolute;top:200px;right:650px;}

#largeWestAd{position:absolute;top:350px;right:560px;}

/* ---------------------------------MAUI.CSS---------------------------------*/

#bdMaui{
background:url(img/islandbg/maui.jpg) no-repeat center top;
height:473px;
}
#mauiHookipa{
	position: absolute;
	left: 289px;
	top: 69px;
}
#mauiHonolua{
	position: absolute;
	left: -3px;
	top: 7px;
}
#mauiLahaina{
	position: absolute;
	left: -10px;
	top: 184px;
}
#mauiKihei{
	position: absolute;
	top: 302px;
	left: 200px;
}
#mauiHana{
	position: absolute;
	top: 258px;
	right: -31px;
}

/* ---------------------------------BIGISLAND.CSS---------------------------------*/

#bdBigIsland{
background:url(img/islandbg/big-island.jpg) no-repeat center top;
height:794px;
}
#bigislandHamakuaCoast{
	position:absolute;
	right:161px;
	top:128px;
}
#bigislandKohala{
	position:absolute;
	left:54px;
	top:115px;
}
#bigislandKonaCost{
	position:absolute;
	left:5px;
	top:460px;	
}
#bigislandHiloCost{
	position:absolute;
	right:68px;
	top:259px;
}
#bigislandPuna{
	position:absolute;
	right:-65px;
	top:486px;
}
/* ---------------------------------KAUAI.CSS---------------------------------*/

div.spotData {
	display: none;
}

#bdKauai{
	background:url(img/islandbg/kauai.jpg) no-repeat center top;
	height:554px;
	margin-top: 2em;
}
#kauaiHanalei{
	position:absolute;
	right:283px;
	top:-10px;
}
#kauaiHanalei span{
	line-height: 50%;
}
#kauaiMajors{
	position:absolute;
	left:-40px;
	top:312px;
}
#kauaiPoipu{
	position:absolute;
	right:253px;
	top:537px;
}
#kauaiKapaa{
	position:absolute;
	right:-7px;
	top:229px;
}
/* ---------------------------------TWEAKS.CSS---------------------------------*/
/* ADS */

/* POSN */
#largeHomeAd{
  position: relative;
  text-align: center;
  margin:1em auto;
}

/* tablecloth styles */

.largeAdsRM{
width: 200px;
}
.largeAds{
	margin: 20px 0;
}
/* LINKS */
.hoverAds a, .pageBanner a{
color: #9900cc;
text-decoration: none;
}
.hoverAds a:hover, .pageBanner a:hover{
color: #9900cc;
text-decoration: underline;
}
.hoverAds a:active, .pageBanner a:active{
color:#666;
text-decoration: underline;
}

.pageBanner {
	margin-top: 1em;
}

/* ADS */
.hoverAds, .pageBanner{
  background-color: #FFFFC2; /*FFFF99 #FFFFEB #FFFFEB*/
  color: #666666;
  padding: 3px;
}

.hoverAds{
  z-index: 20;
}

/*
#north a:hover{color:purple;}
#west a:hover{color:purple;}
#south a:hover{color:purple;}
#east a:hover{color:purple;}
*/
#preHead{
  position: relative;
  top: -74px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: #FFF;
  color: #666666;
  padding: 3px;
  font-size:0.8em;
  width: 300px;
  opacity:.70;
  -moz-opacity: 0.5;  
}

#preHead a{
  color: purple;
  text-decoration: none;
}

#preHead a:hover{
  text-decoration: underline;
}

#forecastAd{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 660px;
}

.shore{
color: #9900cc;
text-decoration: underline;
font-size: 1.1em;
}

.shore:hover{
background-color: #000;
/*wigi*/
}

#windTable, #forecastTable{
  margin-left: auto;
  margin-right: auto;
}

#windsForecast{
	margin-top: 1em;
}

/* ---------------------------------INDEX.CSS---------------------------------*/
/* ---------------------------------BLOG---------------------------------*/
#surferVillageNews li, ul.blogroll li{
	font-size: 90%;
	padding: 0 0 10px; 
}
#surferVillageNews{
	margin-bottom: 20px;
	padding: 6px;
}
#surferVillageNewsWrapper{
	padding: 6px;
}
li.sponsoredLink, .blogroll{
	background: #FFFFC2;
	padding: 6px;
}
.nav-previous a, .nav-next a {
	background-color: #90c;		
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;
	
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	margin-bottom: 20px;
}

.nav-next a:hover, .nav-previous a:hover{
	-webkit-animation-name: purplePulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
}