/*
Theme Name: Surf Pacific Standard
Theme URI: http://www.surfpacific.com.au
Description: A WordPress theme by Surf Pacific.
Author: Surf Pacific
Author URI: http://www.surfpacific.com.au
Version: 1.2
*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    background: #fff;
    font: normal 14px/23px "Droid Sans", Arial, Helvetica, sans-serif;
    color: #777;
}

/*------------------------------------*\
    $GLOBAL
\*------------------------------------*/

.clr { clear: both }

.left { float: left }

.right { float: right }

.text-center { text-align: center; }

.text-right { text-align: right; }

.upper { text-transform: uppercase; }

.lower { text-transform: lowercase;}

.under { border-bottom: 1px solid; }

.grid { overflow: hidden; } 

.one-half, .one-third, .one-quarter { float: left; }

.one-half { 
	width: 48%;
	margin-right: 4%;
}

.one-third {
	width: 30%;
	margin-right: 5%;
}

.two-thirds {
	width: 65%;
	margin-right: 5%;
}

.grid .last, .promo .last { margin-right: 0; } 

::-moz-selection {
	background: #1dbdef;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #1dbdef;
	color: #fff;
	text-shadow: none;
}

p, ul, ol, blockquote, table, hr, .grid, .cta, .note, .highlight, .button, .promo, .banner { margin-bottom: 23px; } /* Give elements the same margin to create consistent vertical rhythm */

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 {
    font-size: 30px;
    line-height: 23px;
    margin-bottom: 11px;
    font-weight: normal;
    color: #3baedb;
    text-transform: uppercase;
	text-align: center;
}

h2 {
    font-size: 25px;
    line-height: 36px;
	text-align: center;
    margin-bottom: 5px;
    color: #999;
}

h3 {
    font-size: 19px;
    line-height: 31px;
	margin-bottom: 18px;
    color: #999;
}

h4 {
    font-size: 19px;
    line-height: 29px;
	margin-bottom: 18px;
}

h5 {
	font-size: 16px;
    line-height: 26px;
	margin-bottom: 18px;
}

h6 {
	font-size: 14px;
	line-height: 23px;
	margin-bottom: 23px;
}

small { font-size: 12px; }

a:link, a:visited {
    text-decoration: none;
    color: #555;
    font-weight: bold;
	-webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

a:hover {
    color: #000;
    text-decoration: underline;
    outline: none;
}

a:focus, a:active { outline: none }

body .gform_wrapper .gform_footer input[type="submit"] {
    width: auto;
    padding: 10px 15px;
	border-radius: 0px;
    cursor: pointer;
    border: none;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background: #1da1d6;
	float: right;
}

body .gform_wrapper .gform_footer input[type="submit"]:hover { background: #05394e }

input, select, textarea {
    font-family: inherit;
	font-size: inherit; 
    border-top: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
	padding: 3px 5px;
}

hr {
	border: none;
    border-bottom: 1px dotted #bbb;
    clear: both;
}

/*------------------------------------*\
    $STRUCTURE
\*------------------------------------*/

.container {
    margin: 0 auto;
    width: 1020px;
}

.header {
    width: 1020px;
    overflow: hidden;
	border-bottom: 1px #999 solid;
	margin-bottom: 37px;
}

.logo {
    width: 260px;
    height: 65px;
	margin: 0 auto;
	padding: 37px 0;
}

/*------------------------------------*\
    $PROMO
	Fade other elements out when current element is hovered.
\*------------------------------------*/

.fade:hover > div {
          filter: alpha(opacity=50);
    -moz-opacity: 0.50;
         opacity: 0.50;
    -webkit-transition: opacity 0.5s linear;
         -o-transition: opacity 0.5s linear;
       -moz-transition: opacity 0.5s linear;
            transition: opacity 0.5s linear;
}

.fade:hover > div:hover {
          filter: alpha(opacity=100);
    -moz-opacity: 1.0;
         opacity: 1.0;
}

/*------------------------------------*\
    $PREVIEW BLOCK
\*------------------------------------*/

.preview-heading {
	border-bottom: 1px solid #999;
	padding-bottom: 38px;
	margin-bottom: 38px;
}

.preview-heading h3 {
	margin-bottom: 12px;
}

.preview-heading p {
	margin-bottom: 0px;
	color: #cd0e0e;
	font-size: 17px;
	letter-spacing: 1px;
}

.preview-block { 
	width: 1020px;
	overflow: hidden;
	border-bottom: 1px solid #999;
	padding-bottom: 13px;
}

.preview-block .preview-block-item { 
	float: left;
	margin: 0 4px 0 5px;
}

.preview-block .last { 
	margin-right: 0;
}

.preview-block img { 
	border: 1px solid #999;
}

.preview-image { 
	position: relative; 
	margin-bottom: 1em;
}

.preview-image img { vertical-align: top; }

.preview-image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #3baedb;
	background-color: rgba(59,174,219,0.75);
}

.preview-image span {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 20px;
	line-height: 1em;
	margin-top: -10px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}

.preview-block h2 {
	color: #000;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}


.approval-form {
	padding: 38px;
	overflow: hidden;
}

/*------------------------------------*\
    $MEDIA GRID	
	Displays a 3 column grid of content	
\*------------------------------------*/

.media-grid > div {
	margin-bottom: 23px;
}

.media-grid img {width: 100%;}

.media-grid h4 {
	line-height: 23px;
	margin-bottom: 0;
	text-transform: uppercase;
}

.media-grid p {
	font-size: 12px;
	line-height: 19px;
	margin-bottom: 0;
}

.media-grid a {
	display: block;
	float: left;
	width: 100%;
	text-decoration: none;
	font-weight: normal;
}

.media-grid a:hover {
	color: inherit;
}

/*------------------------------------*\
    $MAIN CONTENT AREA
\*------------------------------------*/

.main {
    width: 1020px;
    margin-bottom: 23px;
    overflow: auto;
}

.content {
    float: left;
    overflow: auto;
    width: 640px;
}

.content-full { width: 1020px }

.content-right {
    float: right;
    width: 640px;
}

.breadcrumbs { 
	font-size: 12px;
	line-height: 23px;
}

.breadcrumbs a { color: #808080 }

.breadcrumbs a:hover { text-decoration: underline }

.breadcrumbs .current { color: #333 }

/*------------------------------------*\
    $CONTENT SPECIFIC TYPOGRAPHY
\*------------------------------------*/

.content p strong, .content li strong { color: #666; } /* Make bold text slightly darker than the body copy */

.content table {
    border-top: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-collapse: collapse;
}

.content table th {
	color: #fff;
	background: #808080;
	padding: 5px 10px;
	text-align: left;
}

.content table td {
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    padding: 5px 10px;
}

.content ul {
    list-style: disc;
    margin-left: 42px;
}

.content ol {
    list-style: decimal;
    margin-left: 42px;
}

.content li {
    margin-bottom: 14px;
}

blockquote {
	border: double #d5d5d5;
	border-width: 4px 0;
	padding: 23px;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
}

blockquote p { margin: 0 }

.pullquote {
	text-align: center;
	font-size: 21px;
	line-height: 31px;
	width: 33%;
	float: right;
	margin: 0 0 1em 1em;
}

.pullquote.left { margin: 0 1em 1em 0; }


.note {
	padding: 10px 15px;
	background: #fcffc5;
	border: 1px solid #fbffa3;
}

.note p {
	color: #555;
	margin: 0;
}

.highlight {
	padding: 10px 15px;
	background: #A9E8FA;
	border: 1px solid #79dbf7;
}

.highlight p {
	color: #555;
	margin: 0;
}

.button {
	overflow: auto;
	clear: both;
}

.button a {
	padding: 5px 15px;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	background: #808080;
	color: #fff;	
    -webkit-border-radius: 3px;
     -opera-border-radius: 3px;
     -khtml-border-radius: 3px;
 	   -moz-border-radius: 3px;
            border-radius: 3px;
}

.button a:hover {
	text-decoration: none;
	background: #444;
}

.button a:active {
	-moz-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.6);
      	 box-shadow: inset 1px 1px 10px rgba(0,0,0,0.6);
}

/*------------------------------------*\
    $BLOG
\*------------------------------------*/

.post-divider {
    display: block;
    height: 1px;
    background: #d5d5d5;
    margin-bottom: 23px;
}

.post-meta { 
	margin-bottom: 23px;
}

.post-meta p {
	font-size: 12px;
	line-height: 19px;
	margin: 0;
}

a.more-link {
    display: block;
    clear: both;
    margin: 14px 0;
    float: right;
    padding: 5px 10px;
    background: #808080;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
}

a.more-link:hover {
    background: #454545;
    text-decoration: none;
}

.post-navigation {
    overflow: auto;
    border-top: 1px solid #d5d5d5;
    font-size: 11px;
    text-transform: uppercase;
    padding: 14px 0;
}

.archive-navigation {
    display: block;
    clear: both;
    padding: 14px 0;
    text-align: center;
    border-top: 1px solid #d5d5d5;
}

.archive-navigation span, .archive-navigation a {
    padding: 3px 6px;
	font-size: 12px;
    border: 1px solid #d5d5d5;
	-webkit-border-radius: 2px;
     -opera-border-radius: 2px;
     -khtml-border-radius: 2px;
 	   -moz-border-radius: 2px;
            border-radius: 2px;
    
}

.post-share {
	border: dashed #d5d5d5;
	border-width: 1px 0;
	padding: 11px 11px 0 11px;
	margin-bottom: 23px;
}

.post-share h5 {
    float: left;
    font-weight: bold;
    margin: 0 10px 0 0;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 23px;
}

/*------------------------------------*\
    $COMMENTS
\*------------------------------------*/

#respond {
    background: #f5f5f5;
    border: 1px solid #d5d5d5;
    padding: 14px;
    position: relative;
    margin-bottom: 23px;
    color: #666;
	overflow: hidden;
}

#respond input, #respond textarea {
    display: block;
    clear: both;
}

#respond input {
    width: 50%;
    padding: 5px;
}

#respond textarea {
    width: 80%;
    padding: 5px 10px;
}

#respond label {
    font-weight: bold;
    color: #555;
}

#respond p { margin: 0 0 15px 0 }

#respond input#submit {
    width: auto;
    padding: 10px 15px;
}

.form-allowed-tags {
    font-size: 12px;
    line-height: 18px;
}

ol.commentlist {
    margin: 0;
    padding: 0;
}

ol.commentlist .comment-body {
    padding: 10px;
    background: #EFEFEF;
    border: solid thin #DEDEDE;
    margin: 10px 0;
    position: relative;
}

ol.comment-body a.comment-reply-link {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #AEAEAE;
}

ol.commentlist li {
    list-style: none;
    margin: 0 0 5px 0;
}

ol.commentlist .thread-even { background: #f5f5f5 }

ol.commentlist .thread-odd { background: #e5e5e5 }

ol.commentlist img.avatar {
    padding: 5px;
    background: #fff;
    border: 1px solid #ccc;
    float: left;
    display: block;
    margin: 10px 15px 10px 10px;
    width: 40px;
    height: 40px;
}

ol.commentlist .comment-author {
    font-size: 11px;
    line-height: 30px;
}

.comment-body cite.fn {
    font-size: 14px;
    font-style: normal;
}

.commentmetadata a {
    margin: 0;
    font-size: 11px;
    color: #999;
}

.comment-body p { margin: 5px }

.comment-body .comment-author.vcard {
    margin: 0;
    font-size: 11px;
}

.comment-author, .comment-content { margin: 0 }

.reply {
    text-align: right;
    display: block;
    font-size: 12px;
    padding: 0 7px 5px 0;
}

.comment-content { margin: 0 0 0 77px }

/*------------------------------------*\
    $CONTENT IMAGES
\*------------------------------------*/

img.alignright {
    float: right;
    margin: 0 0 23px 23px;
    background: #fff;
    padding: 8px;
    border: 1px solid #ddd;
}

img.alignleft {
    float: left;
    margin: 0 23px 23px 0;
    padding: 8px;
    border: 1px solid #ddd;
}

img.aligncenter {
    display: block;
    margin: 0 auto 23px auto;
    padding: 8px;
    border: 1px solid #ddd;
}

img.alignnone {
    display: block;
    margin-bottom: 23px;
    padding: 8px;
    border: 1px solid #ddd;
}

a img.alignright {
    float: right;
    margin: 0 0 23px 23px;
}

a img.alignleft {
    float: left;
    margin: 0 23px 23px 0;
}

a img.aligncenter {
    display: block;
    margin: 0 auto 23px auto;
}

a img.alignnone {
    display: block;
    margin-bottom: 23px;
}

.wp-caption {
	margin-bottom: 23px;
    padding: 8px;
    border: 1px solid #ddd;
}

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

.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 17px;
    margin: 5px 0 0 0;
	padding: 10px 0 5px 0;
	text-align: center;
}

#gallery-1 img {
    border: 1px solid #d5d5d5 !important;
    background: #fff;
    padding: 6px;
}

#gallery-1 img:hover { border: 1px solid #808080 !important }

#sb-wrapper-inner { border: 10px solid #fff !important; }

/*------------------------------------*\
    $CONTACT BTN
\*------------------------------------*/

body .gform_wrapper .gform_footer input[type=submit] {
	width: auto;
	padding: 10px 15px;
    border-radius: 0px;
	cursor: pointer;
	border: none;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	background: #1da1d6;
	float: right;
	margin: 0;
}

body .gform_wrapper .gform_footer input[type=submit]:hover {
	background: #05394e;
}
/*------------------------------------*\
    $RIGHT SIDEBAR
\*------------------------------------*/

.sidebar {
    float: right;
    width: 280px;
}

.sidebar > div, .sidebar-blog > div { margin-bottom: 23px; }

.sidebar h3 {
    text-transform: uppercase;
    margin: 0 0 14px 0;
}

.island {
	padding: 23px;
	background: #aaa;
	overflow: auto;
}

.island img {
	width: 100%;
	margin: 0 0 11px 0;
}

.island h3, .island p {
	color: #fff;
}

.island a {
	padding: 5px 15px;
	display: block;
	float: right;
	margin: 0 10px 0 0;
	background: #808080;
	color: #fff;
    -webkit-border-radius: 3px;
     -opera-border-radius: 3px;
     -khtml-border-radius: 3px;
 	   -moz-border-radius: 3px;
            border-radius: 3px;
}

.island a:hover {
	text-decoration: none;
	background: #444;
}

.island a:active {
	box-shadow: inset 1px 1px 10px rgba(0,0,0,0.6);
}

.list {
    border: 1px solid #ccc;
    padding: 15px;
}

.list h2 {
    font-size: 23px;
    text-transform: uppercase;
    color: #666;
    margin: 0 0 15px 0;
}

.list ul {
    list-style-type: none;
    border-top: 1px solid #ddd;
	margin: 0;
}

.list li {
    border-bottom: 1px solid #ddd;
    font-size: 12px;
}

.list a {
    display: block;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
}

.list a:hover, .list .current_page_item a {
    text-decoration: none;
}

.sidebar-blog ul {
    list-style: none;
    border-top: 1px solid #d5d5d5;
}

.sidebar-blog li {
    border-bottom: 1px solid #d5d5d5;
    font-size: 12px;
}

.sidebar-blog li a {
    display: block;
    padding: 5px 0;
}

.search {
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 20px;
     -opera-border-radius: 20px;
     -khtml-border-radius: 20px;
 	   -moz-border-radius: 20px;
            border-radius: 20px;
}

#s {
    display: block;
    padding: 5px 10px 5px 30px;
    color: #777;
	border: none;
    background: url(images/icon-search.png) 10px 50% no-repeat;
	-webkit-border-radius: 20px;
     -opera-border-radius: 20px;
     -khtml-border-radius: 20px;
 	   -moz-border-radius: 20px;
            border-radius: 20px;
}

#s:focus {
    background-color: #fff;
    outline: none;
}

#searchsubmit { display: none }

a.rss {
    display: block;
    -webkit-border-radius: 3px;
     -opera-border-radius: 3px;
     -khtml-border-radius: 3px;
 	   -moz-border-radius: 3px;
            border-radius: 3px;
    padding: 5px 10px 5px 30px;
    background: #FF6200 url(images/icon-rss.png) 10px 50% no-repeat;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0,0,0,0.25);
    font-size: 12px;
}

a.rss:hover {
    background-color: #ee5b00;
    text-decoration: none;
}

/*------------------------------------*\
    $LEFT SIDEBAR
\*------------------------------------*/

.sidebar-left {
    float: left;
    width: 280px;
    border: solid #d5d5d5;
    border-width: 1px 1px 0 1px;
}

.sidebar-left div {
    padding: 15px 15px 15px 45px;
    border-bottom: 1px solid #d5d5d5;
}

.sidebar-left h4 {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    color: #333;
}

.sidebar-left p {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}

.sidebar-left p + p { margin: 10px 0 0 0 }

.sidebar-left hr {
    color: #fff;
    background-color: #fff;
    border-bottom: 1px solid #d5d5d5;
    margin: 0 0 10px 0;
    height: 1px;
    border-style: solid;
    border-width: 1px;
    margin-left: -15px;
    margin-right: -15px;
}

.contact-phone { background: url(images/icon-phone.png) 15px 15px no-repeat }

.contact-fax { background: url(images/icon-fax.png) 15px 15px no-repeat }

.contact-email { background: url(images/icon-email.png) 15px 15px no-repeat }

.contact-address { background: url(images/icon-location.png) 15px 15px no-repeat }

.contact-hours { background: url(images/icon-hours.png) 15px 15px no-repeat }

/*------------------------------------*\
    $NEWSLETTER SUBSCRIPTION
\*------------------------------------*/

.subscribe {
    width: 950px;
    height: 30px;
    padding: 5px 15px;
    background: #ccc;
    float: left;
}

.subscribe h6 {
    float: left;
    font-weight: bold;
    color: #666;
    line-height: 30px;
    font-size: 12px;
    margin: 0 15px 0 0;
}

.subscribe > div { float: right }

.subscribe form { height: 30px }

.subscribe form input {
    float: left;
    border: 1px solid #ccc;
    width: 218px;
    background: #fff;
    padding: 5px;
    float: left;
    color: #999;
    margin: 0 5px 0 0;
}

.subscribe input.btn-subscribe {
    border: 0;
    float: left;
    text-align: center;
    width: 60px;
    height: 27px;
    padding: 5px 0;
    background: #666;
    border: 1px solid #666;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0,0,0,.25);
}

.subscribe input.btn-subscribe:hover {
    background: #333;
    border: 1px solid #333;
    cursor: pointer;
}

/*------------------------------------*\
    $FOOTER
\*------------------------------------*/

.footer {
    clear: both;
    overflow: auto;
    padding: 15px 0;
	text-align: center;
}

.footer p, .footer a {
    font-size: 11px;
    color: #777;
}

.footer a:hover { color: #444 }

.footer-nav { 
	display: none; /* Hide until Sitemap link is clicked */
	margin-bottom: 14px;
}

.footer-nav a {
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 25px;
}

.table {
    margin: 0 auto;
    display: table;
}

.footer ul {
    list-style-type: none;
    margin: 0 auto;
	text-align: left;
}

.footer ul li { float: left }

.footer ul li ul { margin: 10px 0 0 0 }

.footer ul li ul li {
    float: none;
    display: block;
}

.footer ul li ul li a {
    text-transform: none;
    font-size: 11px;
    line-height: 18px;
}

.copyright { text-align: center }
.copyright p { margin: 0; }
.copyright a { font-weight: normal; }