/*
Theme Name: Surfs Up	
Theme URI: 
Description: 
Version: 1.3 (WP2.6.2)
Author: Andy Mayes
Author URI: http://www.pixelbandit.co.uk
Tags:
*/

/* FLOATS, CLEARING AND RESETS
--------------------------------------------------------------------- */
html, body { height: 100%; margin: 0px;  padding:0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #1d1d1d; }
a { outline: none; }
.clear { clear:both;  height:1px; overflow:hidden; }

/* MAIN DIV SETTINGS 
--------------------------------------------------------------------- */
div#wrapper { width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0px auto -90px; padding: 0px; }
div#header { width: 100%; height: 111px; margin: 0px; padding: 0px; background: url(images/header-wood.jpg) repeat-x left bottom; }
div#headercontent { width: 940px; height: 111px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; }
div#logo { width: 215px; height: 105px; margin: 3px 0px 0px -10px; padding: 0px; float: left;  }
div#logo a { text-decoration: none; border: none; }

/* GLOBAL NAV 
--------------------------------------------------------------------- */
ul#global-nav { width: 430px; list-style:none; font-size: 150%; margin: 50px 0px 0px 0px; padding: 0px; color: #FFF; float: right;  }
ul#global-nav li { float: left; padding: 0px; margin: 0px 0px 0px 10px; }
ul#global-nav li a { height: 44px; color: #fff; display: block; text-decoration: none; text-indent: -9999px; background: url(images/global-nav.png) no-repeat; }

ul#global-nav li a#link1 { width: 103px; background-position: -0px 0; }
ul#global-nav li a#link2 { width: 90px; background-position: -103px 0; }
ul#global-nav li a#link3 { width: 88px; background-position: -195px 0; }
ul#global-nav li a#link4 { width: 108px; background-position: -287px 0; }

ul#global-nav li a:hover#link1 { width: 103px; background-position: 0 -44px; }
ul#global-nav li a:hover#link2 { width: 90px; background-position: -103px -44px; }
ul#global-nav li a:hover#link3 { width: 88px; background-position: -195px -44px; }
ul#global-nav li a:hover#link4 { width: 108px; background-position: -287px -44px; }

body#index ul#global-nav li a#link1, body#default ul#global-nav li a#link1 { width: 103px; background-position: 0 -88px; }
body#news ul#global-nav li a#link2 { width: 90px; background-position: -103px -88px; }
body#tariff ul#global-nav li a#link3 { width: 88px; background-position: -195px -88px; }
body#contact ul#global-nav li a#link4 { width: 108px; background-position: -287px -88px; }

/* CONTENT 
--------------------------------------------------------------------- */
div#content { width: 100%; height: 100%; min-height: 100%; margin: 0px 0px 20px 0px; padding: 0px; overflow: hidden; }
div#mainbody { width: 940px; margin: 20px auto 0px auto; padding: 0px; }
div#text { width: 590px; height: 100%; margin: 0px; padding: 0px 18px 0px 18px; float: left; min-height: 350px; height:auto !important; _height: 350px; }
table.tariff { width:100%; margin: 20px 0px 20px 0px; }
table.tariff th { text-transform: uppercase; padding: 7px 10px 7px 10px; text-align: left; background-color: #000; color: #b5e620;  }
table.tariff td { font-size: 12px; border-bottom: 1px solid #000; border-left: 1px solid #000; padding: 6px 10px 6px 10px; background: #fff; vertical-align: top;  }
table.tariff .td-end { border-right: 1px solid #000; }

/* PAGE PHOTOS 
--------------------------------------------------------------------- */
div#pagephoto { width: 100%; height: 355px; margin: 0px auto 0px auto; padding: 0px; }
body#index div#pagephoto { background: url(images/pagephotos/homepp.jpg) no-repeat center 0px; } 
body#news div#pagephoto { background: url(images/pagephotos/newspp.jpg) no-repeat center 0px; }  
body#tariff div#pagephoto { background: url(images/pagephotos/tariffpp.jpg) no-repeat center 0px; } 
body#contact div#pagephoto { background: url(images/pagephotos/contactpp.jpg) no-repeat center 0px; } 
div#pagephoto-single { width: 100%; height: 355px; margin: 0px auto 0px auto; padding: 0px; background: url(images/pagephotos/newspp.jpg) no-repeat center 0px; } 
div#pagephoto-404 { width: 100%; height: 355px; margin: 0px auto 0px auto; padding: 0px; background: url(images/pagephotos/homepp.jpg) no-repeat center 0px; }

/* SIDEBARS 
--------------------------------------------------------------------- */
div#content div#mainbody div#sidebar { width: 280px; background: url(images/sidebar-border.png) no-repeat left top; float: right; margin-bottom: -4000px; padding: 0px 0px 4000px 0px; }
div#content div#mainbody div#sidebar div#sidebar-content { width: 235px; padding: 0px; float: right; }
div#content div#mainbody div#sidebar div#sidebar-content ul { list-style: none; margin: 0px 0px 30px 0px; padding: 0px; }
div#content div#mainbody div#sidebar div#sidebar-content ul a, div#content-gallery div#mainbody div#sidebar div#sidebar-content ul a { color: #282827; font-weight: bold; text-decoration: none; border: none; background-color: #a5d908; padding: 3px 6px 3px 6px; }
div#content div#mainbody div#sidebar div#sidebar-content ul a:hover, div#content-gallery div#mainbody div#sidebar div#sidebar-content ul a:hover { color: #fff; font-weight: bold; background-color: #000; }
div#content div#mainbody div#sidebar div#sidebar-content ul li, div#content-gallery div#mainbody div#sidebar div#sidebar-content ul li { margin: 0px 0px 8px 0px; }
div#content div#mainbody div#sidebar div#sidebar-content ul li#date { font-weight: bold; margin: 0px 0px 3px 0px; }

/* FOOTER 
--------------------------------------------------------------------- */
div#footer { width: 100%; height: 90px; margin: 0px; padding: 0px; background: url(images/footer-wood.jpg) no-repeat center top; float: left; } 
div#footer div#footercontent { width: 860px; height: 38px; margin: 0px auto 0px auto; padding: 0px; }
div#footer div#footercontent ul  { margin: 48px 0px 0px 18px; padding: 0px; color: #d3d3d3; list-style: none; }
div#footer div#footercontent ul li { margin: 0px 60px 0px 0px; padding: 0px; float: left; }
div#footer a { color: #d3d3d3; text-decoration: none; }
div#footer a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #FFF; }

div#push { height: 90px; }
.hide { display: none; }

/* TEXT 
--------------------------------------------------------------------- */
/* h1 */
body#index div#content div#mainbody div#text h1 { text-indent: -9999px; height: 45px; margin: 0px 0px 15px 0px; background: url(images/h1-bg.gif) no-repeat left top; }
body#news div#content div#mainbody div#text h1 { text-indent: -9999px; height: 45px; margin: 0px 0px 15px 0px; background: url(images/h1-bg.gif) no-repeat left -135px; }
body#tariff div#content div#mainbody div#text h1 { text-indent: -9999px; height: 45px; margin: 0px 0px 15px 0px; background: url(images/h1-bg.gif) no-repeat left -45px; }
body#contact div#content div#mainbody div#text h1 { text-indent: -9999px; height: 45px; margin: 0px 0px 15px 0px; background: url(images/h1-bg.gif) no-repeat left -90px; }
body div#content-gallery div#mainbody div#text h1 { text-indent: -9999px; height: 45px; margin: 10px 0px 15px 0px; background: url(images/h1-bg.gif) no-repeat left -180px; }

/* h2 */
div#content div#mainbody div#sidebar div#sidebar-content h2#latestNews { font-size: 150%; font-weight: 300; text-indent: -9999px; width: 255px; height: 58px; margin: 0px 0px 5px 0px; background: url(images/sidebar-h2.png) no-repeat 0px 0px; }
div#content div#mainbody div#sidebar div#sidebar-content h2#archive { font-size: 150%; font-weight: 300; text-indent: -9999px; width: 255px; height: 30px; margin: 0px 0px 5px 0px; background: url(images/sidebar-h2.png) no-repeat 0px -82px; }
div#content div#mainbody div#sidebar div#sidebar-content h2#connect { font-size: 150%; font-weight: 300; text-indent: -9999px; width: 255px; height: 30px; margin: 0px 0px 5px 0px; background: url(images/sidebar-h2.png) no-repeat 0px -112px; }
div#content div#mainbody div#sidebar div#sidebar-content h2#tariff { font-size: 150%; font-weight: 300; text-indent: -9999px; width: 255px; height: 30px; margin: 0px 0px 5px 0px; background: url(images/sidebar-h2.png) no-repeat 0px -140px; }

p { font-size: 110%; line-height: 145%; margin: 0px 0px 20px 0px; }
.intro { font-size: 140%; margin: 0px 0px 20px 0px; color:#333; }
.largegreen-highlight { font-size: 140%; margin: 0px 0px 20px 0px; color:#a1d600; }
.green-highlight { font-size: 110%; line-height: 145%; margin: 0px 0px 20px 0px; color:#a1d600; }

/* LINKS 
--------------------------------------------------------------------- */
div#content a { color: #a5d908; text-decoration: none; }
div#content a:hover { color: #a5d908; text-decoration: none; border-bottom: 1px solid #a5d908; }
div#content a:visited { color: #a5d908; text-decoration: none; }

/* BLOG 
--------------------------------------------------------------------- */
/* Posts */
body#news div#text div#posttitle {  width: 100%; height: 31px; background-color: #171717; margin: 0px 0px 10px 0px; padding: 7px 0px 0px 15px; }
body#news div#text h2 { font-size: 150%; font-weight: 300; float: left; margin: 0px; padding: 1px 0px 0px 0px;  }
body#news div#text h2 a { border: none; }
body#news div#text h2 a:hover { color: #fff; }
body#news div#text div#posttitle p { color: #fff; float: left; width: 100px; height: 100%; margin: 0px 20px 0px 0px; padding: 0px; background: url(images/blog-date-line.gif) no-repeat 0px 16px; }
div#text div#singlepage .post h2 {  width: 100%; height: 28px; font-size: 150%; font-weight: 300; color: #a5d908; background-color: #000000; margin: 0px 0px 10px 0px; padding: 7px 0px 0px 15px; }

/* Blog sidebar */
body div#blogsidebar form#searchform .searchfor { height: 23px; margin: 0px; padding: 0px; text-indent: -9999px; background: url(images/sidebar-h2.png) no-repeat 0px -57px; }
body div#blogsidebar form#searchform input { width: 150px; height: 21px; margin: 3px 0px 0px 0px; padding: 3px 3px 3px 5px; font-size: 123%; border: 1px solid #9a9999; }
body div#blogsidebar form#searchform input#searchsubmit { width: 53px; height: 26px; margin: 0px; padding: 0px; font-size: 95%; border: 1px solid #9a9999; }

/* GALLERY 
--------------------------------------------------------------------- */
body#gallery div#content-gallery { width: 100%; min-height: 797px; height: auto !important; height: 100%; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden; background: url(images/gallery-bg.jpg) no-repeat center 0px; } 
body#gallery div#content-gallery div#text { width: 637px; margin: 0px 50px 0px 0px; padding: 0px 18px 0px 18px; float: left; }
body#gallery div#content-gallery div#sidebar ul.gallerytags { width: 100%; list-style:none; }


/* CONTACT PAGE 
--------------------------------------------------------------------- */
body#contact div#wrapper { width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0px auto -50px; padding: 0px; }
body#contact div#text { min-height: 100px; height:auto !important; _height: 100px; }
body#contact div#footer { width: 100%; height: 50px; margin: 0px; padding: 0px; background: url(images/footer-wood.jpg) no-repeat center -42px; float: left; }
body#contact div#footer div#footercontent ul  { margin: 6px 0px 0px 18px; padding: 0px; color: #d3d3d3; list-style: none; }
body#contact div#wrapper div#push { height: 28px; }

body#contact div#content div#mainbody div#sidebar { width: 275px; height: 115px; background: url(images/sidebar-border.png) no-repeat left top; float: right; margin-bottom: 0px; padding: 0px 0px 0px 0px; }

/* Contact form 
--------------------------------------------------------------------- */
div#contactform { width: 100%; height: 100%; margin: 0px; padding: 0px; background: url(images/contact-page-wood-bg.jpg) no-repeat center top; }
div#contactform-content { width: 820px; margin: 75px auto 0px auto; padding: 0px; font-size: 115%; color: #fff; }
div#contactform div#contactform-content input { border: 1px solid #FFF; height: 20px; width: 210px; font-size: 115%; padding: 3px 5px 0px 5px; }
div#contactform div#contactform-content textarea { border: 1px solid #FFF; width: 270px; height: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 115%; }
div#contactform div#contactform-content td#sub-btn input { background-color: #fff; width: 80px; height: 30px; padding: 0px 3px 0px 3px; }
div#contactform div#contactform-content ul li { margin: 0px; padding: 0px; list-style:none; }