/*
THEME NAME: Purple Vision v2.0
THEME URI: http://www.adijas.com
DESCRIPTION: A theme for purple tide
VERSION: 3.2
AUTHOR: aDiJas & Shen DeShayne
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%;
}
/* 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:black;}
#footer A:visited{text-decoration: underline; color:black;}
#footer A:active{text-decoration: none; color:black;}
#footer A:hover{text-decoration: none; color: #9900cc;}
/*
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;
}
tt{
font-size:250%;
cursor: crosshair;
}
.surfSpot{
font-size:40%;
position:relative;
top:-7px;
font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
}
.entry-content p{
margin:12pt;
}
/* ---------------------------------NAV---------------------------------*/
.PTnavigation{
font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
position:relative;}
/* text styling and location */
.PTnavigation ul{
padding: 0;
margin: 0;
font-size: 1.6em;
z-index: 0;
position: absolute;
top:-50px;
right:200px;}
/* throws them hor */
.PTnavigation li{
float: left;
list-style-type: none;}
/*
FF - spreads them out
IE - moves it back
*/
.PTnavigation li a{
background: center left repeat-x;
padding: 0.2em 0.5em;
height: 26px;
margin-right: 5px;
color: #000;
text-decoration: none;
display: block;
overflow: hidden;}
/* Top hover and active bar*/
.PTnavigation li.active a, .PTnavigation li a:hover, .PTnavigation li:hover a{border-top: 3px #000 solid;}
/*bold on active*/
.PTnavigation li.active a{font-weight: bold;}
/* Purple Bg on Hover*/
.PTnavigation li a:hover{background: #9900cc;}
/* IE fixes FIRST 2 fix ie purple hover text*/
.PTnavigation li a:hover{color: black;}
.PTnavigation li a:visited{text-decoration: none;}
* html .PTnavigation li a{float: left;}
* html .PTnavigation li ul{clear: left;}
* html .PTnavigation li li a{float: none;}
/* ---------------------------------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---------------------------------*/
/*dotted borders fix - try outline: none;*/
:focus { -moz-outline-style: none; }
#bd{
background:url(img/oahu.jpg) no-repeat center top;
height:620px;
}
#reports{
position:relative;
}
#bd #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: -320px;
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;}
/* ---------------------------------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;}
#northPipe{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;}
#northLanis{position:absolute;top:575px;right:600px;}
#largeNorthAd{position:absolute; top: 150px;right:500px;}
/* ---------------------------------SOUTH.CSS---------------------------------*/
#bdSouth{
background:url(img/south.jpg) no-repeat center;
height:200px;
}
#southAlamoana{position:absolute;top:80px;right:650px;}
#southDiamondHead{position:absolute;top:200px;right:550px;}
#southSandys{position:absolute;top:50px;right:-20px;}
#southWaikiki{position:absolute;top:120px;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{
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;}
/* ---------------------------------TWEAKS.CSS---------------------------------*/
/* ADS */
/* POSN */
#largeHomeAd{
position: relative;
margin-left: auto;
margin-right: auto;
text-align: center;
top: -15px;
}
/* tablecloth styles */
.largeAdsRM{
width: 200px;
}
/* LINKS */
.hoverAds a{
color: #9900cc;
text-decoration: none;
}
.hoverAds a:hover{
color: #9900cc;
text-decoration: underline;
}
.hoverAds a:active{
color:#666;
text-decoration: underline;
}
/* ADS */
.hoverAds{
background-color: #FFFFC2; /*FFFF99 #FFFFEB #FFFFEB*/
color: #666666;
padding: 3px;
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*/
}
#forecastTable{
margin-left: auto;
margin-right: auto;
}
/* ---------------------------------INDEX.CSS---------------------------------*/