/*
Theme Name: surfpacific
Theme URI: http://www.surfpacific.com.au/
Description: Designed by <a href="http://www.surfpacific.com.au">Surf Pacific</a>.<br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
Version: 1
Author: Surf Pacific
Author URI: http://www.surfpacific.com.au/
*/

body { background: #fff; font:12px Arial, Helvetica, sans-serif; color:#666; background-color:#626262; background-image:url(images/bk.gif); background-repeat:repeat-y; background-position:center top; line-height:20px;}

html { padding:0; margin:0;}
* {margin: 0; padding: 0;}
.clr { clear:both;}

a { text-decoration:none; color:#ff5e1e; l }
a:hover {color: #666; text-decoration: none;}  
a:focus { outline:none;}

h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif; font-weight: normal;}

img { padding:0; margin:0; border:none; text-align:center;}

form { padding:0; margin:0;}
input, textarea, select {font: normal 12px Arial, Helvetica, sans-serif; color: #666; padding: 3px 5px; border: 1px solid #ccc;}

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.bg_secondary { background-image:url(images/header.gif); background-repeat:no-repeat;
background-position:center top;}

.Header { width:980px; margin:0 auto; padding-top:20px;}

.Logo { float:left; height: 123px; width: 288px;}

.Call {float: right; width: 660px; height:123px; background-image:url(images/nav-bk.jpg); }

/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Menu {float: left; height: 35px; width: 660px; background:none; padding-left:15px; padding-top:70px;}

/* Feature +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Feature {float: left; position: relative; height: 503px; width: 980px; margin-top:1px;}

ul.Feature-Nav {list-style-type: none; position: absolute; top: 260px; left: 30px; z-index: 100;}
ul.Feature-Nav li {float: left; margin: 0 5px;}
ul.Feature-Nav a {font: bold 54px Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #fff;border: none; color:#ff7e32;}
ul.Feature-Nav .current {color: #f43715;}

ul.Feature-Item {height: 503px; width: 980px; position: absolute; left: 0; top: 0; background: #999;}
ul.Feature-Item li {height: 503px; width: 980px; list-style-type: none; position: absolute; left: 0; top: 0;}
ul.Feature-Item li img {height: 503px; width: 980px; position: absolute; left: 0; top: 0;}

.Feature-Text {position: absolute; top: 335px; left: 50px; height: 170px; width: 290px; z-index: 50; }
.Feature-Text h1 {font: 15px Arial, Helvetica, sans-serif; margin: 0 0 20px 0; text-transform: uppercase; color:#FFF; line-height:22px;}

/* Banner ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Banner {float: left; height: 250px; width: 980px; background: #999;}

/* Main Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Main {padding:0; margin:30px 0;}
.Main_bg {width:980px; margin:0 auto;}

/* Content Area +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Content {float:left; width:600px;}
.Content_Contact {float: right;}

/* Content Typography +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Content h1 {font-size: 23px; line-height: 34px; font-weight: bold; margin: 0 0 20px 0; text-transform:uppercase;}
.Content h2 {font-size: 17px; line-height: 22px; margin: 0 0 15px 0; color:#ff7e32;}
.Content h3 {font-size: 16px; margin: 0 0 10px 0;}

.Content p {font-size: 12px; line-height: 18px; margin: 0 0 15px 0;}
.Content ul {margin: 0 0 0 45px; list-style-image:url(images/li.gif);}
.Content ul li {margin: 0 0 15px 0; line-height: 17px; color:#666;}
.Content ol {margin: 0 0 0 45px;}
.Content ol li {margin: 0 0 15px 0; line-height: 17px; color:#666;}

ul.list_columns li {float: left; width: 50%;}

.division {float: left; display: block; clear: both; width: 100%; height: 1px; border-top: 1px dotted #ccc; margin: 5px 0 20px 0;}

.linkopacity {
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

.linkopacity:hover {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

/* Call to Action +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.cta {background: #ddd; padding: 15px;}
.cta p {margin: 0; font-style: italic;}
.cta a {}

/* 2 Columns ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.col_01 {float: left; width: 315px;}
.col_02 {float: right; width: 315px;}

/* Lightbox Gallery +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Gallery ul {list-style-type: none; margin: 0; padding: 0;}
.Gallery ul li {float: left; margin: 0 10px 10px 0;} 
.Gallery ul li.last {margin: 0 0 10px 0;}
.Gallery ul li img {width: 145px; height: 100px; background: #fff; padding: 1px; border: 4px solid #ddd;}
.Gallery ul li img:hover {border: 4px solid #bbb;}
.Gallery a {border: none;}

/* Video ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Video {}
.Video h2 {font-size: 12px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #ddd; margin: 0 0 15px 0; letter-spacing: 1px;}
.Video object {padding: 4px; background: #fff; border: 1px solid #ccc; float: left; margin: 0 0 15px 0;}
.Video_Description {}
.Video_Share a, .Video_Share a:hover {border: none;}

.infiniteCarousel {width: 650px; height: 110px; position: relative; background: #fff;}
.infiniteCarousel .wrapper {width: 600px; overflow: auto; height: 110px; margin: 0; position: absolute; top: 0px; left: 25px; background: #fff;}
.infiniteCarousel .wrapper ul {width: 610px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0;}

.infiniteCarousel ul li {display:block; float:left; height: 110px; width: 175px; border-right: 10px solid #fff;}
.infiniteCarousel ul li img {padding: 4px; background: #fff; border: 1px solid #ccc; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
.infiniteCarousel ul li img:hover {filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

.infiniteCarousel .arrow {display: block;height: 100px;width: 20px;background: url(http://wordpress-themes.surfpacific.com.au/wp-content/themes/surfpacific/images/carousel-navigation.jpg) no-repeat 100% 0; text-indent: -999px;position: absolute; top: 0;cursor: pointer;outline: 0; border: 0;}
.infiniteCarousel .forward {background-position: 100% 0;right: 0;}
.infiniteCarousel .back {background-position: 0 0px;left: 0;}
.infiniteCarousel .forward:hover {background-position: 100% 0px; border: 0;}
.infiniteCarousel .back:hover { background-position: 0 0px; border: 0;}

/* Contact Form +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Contact_Form {}
.Contact_Form h2 {font-size: 16px; font-weight: bold; border-bottom: 1px solid #ddd; margin: 0 0 15px 0;}
.Contact_Form p {margin: 0;}
.Contact_Form p.note {margin: 0 0 15px 0;}
.Contact_Form input, .Contact_Form select, .Contact_Form img {margin: 0 0 10px 0;}
.Contact_Form textarea {width: 588px; padding: 5px;}
.Contact_Form .btn_submit {padding: 10px 20px; color: #fff; text-transform: uppercase; background: #999; border: none; font-weight: bold; font-size: 13px; margin: 15px 0 0 0; text-shadow: 1px 1px 1px #777;}
.Contact_Form .btn_submit:hover {cursor: pointer; background: #666;}
#f_date-01 {padding: 0; margin: 0; padding: 3px 5px; background: #999; color: #fff; border: 1px solid #999;}
#f_date-01:hover {background: #666; border: 1px solid #666; cursor: pointer;}
#f_date-02 {padding: 0; margin: 0; padding: 3px 5px; background: #999; color: #fff; border: 1px solid #999;}
#f_date-02:hover {background: #666; border: 1px solid #666; cursor: pointer;}
#f_date-03 {padding: 0; margin: 0; padding: 3px 5px; background: #999; color: #fff; border: 1px solid #999;}
#f_date-03:hover {background: #666; border: 1px solid #666; cursor: pointer;}

.col-form_01 {float: left; width: 290px;}
.col-form_02 {float: right; width: 290px;}
.space {float: left; display: block; width: 600px; height: 20px; clear: both;}

.required {color: #e10000;}

/* Tabs +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Contact_Tabs h1 {float: left; margin: 0; height: 30px; overflow: hidden; position: relative; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #000; line-height: 30px; display: block; padding: 0 15px; outline: none; border: none; cursor: pointer;}
.Contact_Tabs h1.active {background: #eee; color: #000; border: none;}
.Contact_Tabs ul {margin: 0;overflow: hidden; clear: both; float: left; width: 100%; background: #eee;}
.Contact_Tabs ul li {list-style-type: none; margin: 0; padding: 20px;}

/* Image Styling ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.opacity {filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
.opacity:hover {filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Post {}
.Post_Post {border-bottom: 4px solid #eee; margin: 0 0 25px 0;}

.PostHead { padding:0; margin:0;}

/**/ * html .PostTime {} /**/ 
.PostTime { padding:5px 0; font:normal 11px Arial, Helvetica, sans-serif; color:#999;}
.PostTime strong { font:normal 11px Arial, Helvetica, sans-serif; color:#999;}

.PostCom { margin:0; padding:10px 0;}
.PostCom ul { padding:6px 0; margin:0; float:left;}
.PostCom li { padding:5px; margin:0; list-style:none; color:#666; font:normal 11px Arial, Helvetica, sans-serif; display:inline;} 

/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.Note { padding:0; margin:0;}
.Note li { padding:3px 0 3px 15px; margin:0; list-style-type:none; font-size:12px;}

/* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.TrackList { background:#848484; padding:15px; margin-top:20px; position:relative;}
.TrackListTop { background:#848484; position:absolute; top:0; left:0; width:455px; height:10px;}
.TrackList h3 { font-size:14px; font-weight:bold; margin:0 0 5px 0; padding:0 0 5px 0; color:#333366; letter-spacing:-1px; border-bottom:dashed 1px #beb4c1;}
.TrackList ul { padding:0; margin:0;}
.TrackList li { padding:0 0 0 10px; margin:0; list-style-type:none; font-size:11px;}
.TrackList li a { color:#cc3366;}

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Nav { font-size:11px; padding:10px 0; color:#848484; font-family:'Verdana';}
.Nav a { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px;}
.Nav a:visited { padding:1px 6px 1px 4px; border-right:solid 1px #666;}
.Nav a:hover { padding:1px 6px 1px 4px; border-right:solid 1px #666; text-decoration:none;}
.Nav span { padding:1px 6px 1px 4px; color:#666; border-right:solid 1px #666;}
.Nav .on { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px; color:#003366;}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Comments { margin:20px 0 0 0; position:relative;}
.Comments h3 {font-size: 14px; font-weight: bold; border-bottom: 1px solid #ddd; margin: 0 0 15px 0; text-transform: uppercase;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.List ol { padding:0; margin:0;}
.List li { position:relative; padding:5px 0; margin:10px 0; list-style-type:none;}

/**/ * html .List .LGrav { right:30px;} /* */ 
.List .LGrav { position:absolute; right:0; top:10px;}
.List .LGrav img { border:solid 1px #ccc; padding:2px; background:#fff;}
.List .LUsr { margin:0; padding:0; font-size:11px; line-height:12px; color:#999;}
.List .LUsr a { color:#999; text-decoration:none; border: 0;}
.List .LUsr strong { font:bold 16px Arial, Helvetica, sans-serif; color:#000;}
.List .LUsr strong a {color: #000; border: 0;}
.List .LCon { margin:10px 0 0 0 ; padding:0; font-size:12px; line-height:16px; border-top:solid 1px #ccc;}
.List .LCon p { margin:0; padding:5px 0 ; font-size:12px; line-height:16px;}
.List .Author { background:#fff;}

/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Form .Email {}
.Form {padding:0 0 10px 0; position:relative;}
.Form form { margin:0; padding:0;}
.Form a {border: 0;}
.Form p { padding:0 0 2px 0 ; margin:0; color:#666;}
.Form p small strong { font-weight:bold; color:#FF3300;}
.Form p small { font-size:11px; display:block; padding:6px 0 ; color:#000;}
.Form .TextField { color:#666; background:#f5f5f5; border:solid 1px #ccc; padding: 3px 5px; font-size:12px; display:block;}
.Form .TextArea { color:#666; background:#f5f5f5; border:solid 1px #ccc; padding: 3px 5px; font-size:12px;}

.SubmitComment {padding: 5px 10px; color: #fff; text-transform: uppercase; background: #999; border: none; font-weight: bold; font-size: 12px; margin: 10px 0 0 0; text-shadow: 1px 1px 1px #777;}
.SubmitComment:hover {cursor: pointer; background: #666;}

/* Sidebar +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Sidebar {float: right; width:335px;}
.Sidebar h1 {font-size: 12px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #ddd; margin: 0 0 15px 0; letter-spacing: 1px;}

/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Search {float: left; margin: 0 0 25px 0;}
.Search input.input_search {border: 1px solid #ccc; width:178px; background:#fff; padding:5px; float:left;} 
.Search input.btn_search {border:0; float:left; text-align: center; width: 60px; padding: 5px; background: #999; border: 1px solid #999; color: #fff;}
.Search input.btn_search:hover {background: #666; border: 1px solid #666; cursor: pointer;}

/* Box +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Box {float: left; background: #ccc; padding: 15px; margin: 0 0 25px 0;}
.Box h2 {font-size: 18px; font-weight: bold; color: #111; margin: 0 0 10px 0;}
.Box p {font-size: 11px; line-height: 17px; margin: 0 0 15px 0;}
.Box a {padding: 5px 10px; background: #666; color: #fff; text-transform: uppercase; border: none; float: right; font-size: 11px; font-weight: bold;}
.Box a:hover {background: #333;}

/* Newsletter ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Newsletter {float: left; margin: 0 0 25px 0;}
.Newsletter input.input_newsletter {border: 1px solid #ccc; width:208px; background:#fff; padding:5px; float:left;} 
.Newsletter input.btn_subscribe {border:0; float:left; text-align: center; width: 30px; padding: 5px; background: #999; border: 1px solid #999; color: #fff; text-transform: uppercase;}
.Newsletter input.btn_subscribe:hover {background: #666; border: 1px solid #666; cursor: pointer;}

/* Share ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Share {float: left; margin: 0 0 25px 0;}
.btn_share {float: left; height: 20px; width: 240px; padding: 5px; display: block; text-align: center; background: #999;}
.btn_share p {font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; margin: 0; line-height: 20px;}
.btn_share:hover {background: #666;}

/* Social Media +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Social {float: left; margin: 0 0 25px 0;}
.Social ul {list-style-type: none; float: left; width: 250px;}
.Social li {padding: 5px 0 5px 30px; border-bottom: 1px solid #ddd; display: block; height: 25px;}
.Social li.facebook {background: url(images/icon-facebook.png) 0 0 no-repeat;}
.Social li.twitter {background: url(images/icon-twitter.png) 0 0 no-repeat;}
.Social li.youtube {background: url(images/icon-youtube.png) 0 0 no-repeat;}
.Social li:hover {background-position: 0 -34px;}
.Social li a {text-transform: uppercase; border: 0; font-size: 11px; font-weight: bold; line-height: 25px; display: block;}

/* Sub Menu  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Sub_Menu {float: left; margin: 0 0 25px 0;}
.Sub_Menu ul {list-style-type: none; float: left; display: block; width: 250px;}
.Sub_Menu ul li {padding: 10px 0; border-bottom: 1px dotted #ccc;}
.Sub_Menu ul li a {display: block; font-weight: bold; border: none;}
.Sub_Menu ul li a:hover {text-decoration: underline;}

/* Latest News +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.News {float: left; margin: 0 0 25px 0; width: 250px;}
.News a {text-align: right;}
.News ul {list-style-type: none;}
.News ul li {padding: 10px 0; border-bottom: 1px dotted #ccc;}
.date-side {font: normal 11px Arial, Helvetica, sans-serif; color: #999; display: block; margin: 5px 0 0 0;}

/* Sidebar Left ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Sidebar_Left {float: left; width: 250px;}
.Sidebar_Left h1 {font-size: 16px; font-weight: bold; border-bottom: 1px solid #ddd; margin: 0 0 15px 0;}
.Sidebar_Left p {margin: 0 0 15px 0;}

/* Breadcrumbs +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.breadcrumbs {height: 20px; width: 980px; margin: 0 auto 25px auto; border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 5px 0; font-size: 11px; line-height: 20px;}
.breadcrumbs a {border: 0; color: #666;}
.breadcrumbs a:hover {text-decoration: underline;}
.breadcrumbs .current {color: #000;}

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.FBG {width: 100%; padding: 25px 0; background: #666;}

.Footer {margin: 0 auto; width: 980px;}
.Footer table {margin: 0 auto;}
.Footer a {color: #fff; border: 0; margin: 0 30px; font-weight: bold; text-transform: uppercase;}
.Footer a:hover {text-decoration: underline;}
.Footer ul {list-style-type: none; margin: 10px 0 0 0;}
.Footer ul li a {font-size: 11px;}

.Copyright {margin: 25px 0 0 0; text-align: center;}
.Copyright a, .Copyright p {font-size: 11px; color: #ccc; border: none; margin: 0; text-transform: none; font-weight: normal;}
.Copyright a:hover {color: #fff; text-decoration: underline;}