/*
Theme Name: creeks
Theme URI: http://creeks.co.nz
Description: Current Theme
Author: Creeks Design Ltd.
Version: 1
*/

html, 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, article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
.wf-loading h1, .wf-loading h2, .wf-loading h5, .wf-loading h6,.wf-loading #header ul, .wf-loading #cs-intro p, .wf-loading .des-cs, .wf-loading .work-entry p, .wf-loading #sub-head li, .wf-loading #welcome p, #contact-box p, h1.widget-title, .wf-loading .txt-bottom h3, .wf-loading .project-description h3, .wf-loading #sub-head h3, .wf-loading .news-entry h3, .wf-loading h3.name{ visibility: hidden;  }  
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px dashed #C7C9CA; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
body {
background-image: url(images/background.jpg);
background-repeat: repeat-x;
background-position: center top; 
background-color: #7eaad1;
font:13px Verdana,Arial,serif; *font-size:small; *font:x-small; line-height:1.22;
}
html { -webkit-font-smoothing: antialiased; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
::-moz-selection{ background: #0055A4; color:#fff; text-shadow: none; }
::selection { background:#0055A4; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #0055A4; } 
html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
.hidden { display:none; visibility:hidden; } 
.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
ol, ul {
list-style: none;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
h3#comments-title,
h3#reply-title,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget_search label,
.widget-title
{
font-family:Verdana,Arial,serif;
}
pre {
font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


/* =Structure
-------------------------------------------------------------- */

body, input, textarea {
color:#626160;
font-size: 11px;
line-height: 18px;
}

html {
height:100%;
margin: 0px auto;
padding: 0px auto;
}

* html #page-wrap {
height: 100%;
}

#page-wrap {
background-color:transparent;
height:100%;
margin-left:auto;
margin-right:auto;
position:relative;
width:100%;
min-width: 1000px;
}

div#page-wrap {
width:100%;
height:100%;
background-image:url(images/background.jpg);
background-repeat:repeat-x;
background-position: center top;
}

div#wrapper {
width: 1040px;
height:100%;
margin: 0px auto;
padding: 0px auto;
}

div#main{
background-color: #FFF;
height:100%;
width: 1040px;
margin: 0px auto;
padding: 0px auto;
position: relative;
float: left;
}


/* =Global Elements
-------------------------------------------------------------- */

#content-wrap{
float:left;
height:auto;
width:100%;
}

#main{
background-color: #FFF;
float:left;
height:auto;
width:1000px;
}

/* Text elements */
h1 {
color:#0055A4;
font-size: 30px;
font-weight:normal;
margin-top:5px;
margin-bottom:5px;
}
h2 {
color:#999999;
font-size:16px;
font-weight:normal;
margin-bottom:5px;
text-transform: uppercase;
}
h3 {
color:#002D62;
font-size:14px;
font-weight:normal;
margin-bottom:5px;
text-transform: uppercase;
}
h4 {
color:#999999;
font-size:12px;
font-weight:normal;
line-height: 10px;
padding: 0;
margin: 0;
text-transform: uppercase;
}
h5 {
color:#0055A4;
font-size: 24px;
font-weight:normal;
}

p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom:0;
}
dl {
	margin:0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #FFFFCC;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
ins {
	text-decoration: none;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"], textarea {
	padding: 0 0 0 3px;
}
a:link, a:visited {
	color:#0055A4;
	text-decoration: none;
}

a:active,
a:hover {
	color: #c7c9ca;
	text-decoration: none;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}


/* =Header
-------------------------------------------------------------- */

#header-wrap {
width:100%;
background-color: #FFF;
background-image:url("images/bg.png");
background-position:center top;
background-repeat:repeat-x;
}

.header {
margin-bottom: 0px;
height: 125px;
margin-left: auto;
width:1000px;
margin-right: auto;
border-bottom: 1px solid #cccccc;
}

.menu{float:right;}

.logo {
float: left;
position: relative;
display: block;
top: 25px;
}

.header ul {
float:right;
font-family:Verdana,Arial,serif;
font-size:20px;
margin:0 !important;
padding:0 !important;
position:relative;
right:12px;
text-transform:uppercase;
top:0;
}

#nav{
position: relative;
display: block;
}

.header li {
display:inline;
float:left;
margin-left:16px;
}


/* =Menu
-------------------------------------------------------------- */

#access {
display:block;
float:right;
height:35px;
margin:0 auto;
position:relative;
top:63px;
width: 725px;
}

#access a {
display:block;
text-decoration:none;
color:#c7c9ca;
padding:0 0 0 12px;
line-height:26px;
}

#access a:hover {
color:#0055A4;
background:transparent;
}

#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-page-ancestor > a,
#access ul li.current-category-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {color: #0055A4;	
}


/* =Content
-------------------------------------------------------------- */

.home.content {
width:1000px;
background-color: #FFF;
}

.content {
display:block;
height:auto;
margin-left:auto;
margin-right:auto;
width:975px;
margin-bottom:25px;
padding: 20px 0 0 0;
}

.hentry {
float:left;
margin:0 0 20px;
}

.sticky {
background: #F2F7FC;
border-top: 4px solid #000;
padding: 18px 20px;
margin-left: -20px;
margin-right: -20px;
}
.single .hentry {
margin: 0 0 36px 0;
}
.page-title {
color: #000;
font-size: 14px;
font-weight: bold;
margin: 0 0 36px 0;
}
.page-title span {
color: #444;
font-size: 16px;
font-style: italic;
font-weight: normal;
}
.page-title a:link, .page-title a:visited {
color:#888;
text-decoration: none;
}
.page-title a:active, .page-title a:hover {
color: #FF4B33;
}
.entry-meta {
display:block;
margin-right: 68px;
clear:both;
}
.entry-meta {
color:#666666;
font-family:Verdana,Arial,serif;
font-size:12px;
font-style:italic;
letter-spacing:-0.01em;
line-height:28px;
}
.entry-title a:link, .entry-title a:visited {
color:#626160;
text-decoration:none;

}
.entry-title a:active, .entry-title a:hover {
color: #F6388B;
}

.entry-meta abbr, .entry-utility abbr {
border: none;
}
.entry-meta abbr:hover, .entry-utility abbr:hover {
border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
color:#666666;
float:left;
font-family:Verdana,Arial,serif;
font-size:12px;
line-height:24px;
margin-bottom:12px!important;
}
#content .entry-summary p:last-child {
margin-bottom: 12px;
}
.entry-content fieldset {
border: 1px solid #E7E7E7;
margin: 0 0 24px 0;
padding: 24px;
}
.entry-content fieldset legend {
background: #fff;
color: #000;
font-weight: bold;
padding: 0 24px;
}
.entry-content input {
margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
margin-right: 24px;
}
.entry-content label {
color: #888;
font-size: 12px;
}
.entry-content select {
margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
font-size: 10px;
}
.entry-content blockquote.left {
float: left;
margin-left: 0;
margin-right: 24px;
text-align: right;
width: 33%;
}
.entry-content blockquote.right {
float: right;
margin-left: 24px;
margin-right: 0;
text-align: left;
width: 33%;
}
.page-link {
color: #000;
font-weight:bold;
margin:0 0 22px 0;
word-spacing:0.5em;
}
.page-link a:link,
.page-link a:visited {
background: #f1f1f1;
color:#444;
font-weight:normal;
padding:0.5em 0.75em;
text-decoration:none;
}
.home .sticky .page-link a {
background: #D9E8F7;
}
.page-link a:active,
.page-link a:hover {
color: #FF4B33;
}
#entry-author-info {
background: #F2F7FC;
border-top: 4px solid #000;
padding: 18px 20px;
margin: 24px 0;
overflow: hidden;
clear: both;
font-size: 14px;
line-height: 20px;
}
#entry-author-info #author-avatar {
background: #fff;
border: 1px solid #e7e7e7;
float: left;
margin: 0 -104px 0 0;
padding: 11px;
height: 60px;
}
#entry-author-info #author-description {
float: left;
margin: 0 0 0 104px;
}
#entry-author-info h2 {
color: #000;
font-weight: bold;
font-size: 100%;
margin-bottom: 0;
}
.entry-utility {
float:left;
font-size:12px;
letter-spacing:0.05em;
}
.entry-meta a, .entry-utility a {

}
.entry-meta a:hover, .entry-utility a:hover {
color: #C7C9CA;
}


/* =Images
-------------------------------------------------------------- */

a img {
border: none;
padding: 0;
margin: 0;
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */
height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
margin-right: 1em;
}
img.alignright {
margin: 1em;
float: right;
}
.wp-caption {
padding: .5em;
text-align: center;
}
.wp-caption img {
margin: .25em;
}
.wp-caption .wp-caption-text {
margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
margin: 0;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
display: none;
}
#searchform input#s {
width: 60%;
}
input[type=text],
input#s {
margin: 0 1em 0 0;
width: 60%;
}
textarea {
width: 80%;
}

/* Class for labelling required form items */
.required {
color: #cc0033;
}


/* =Sidebar
-------------------------------------------------------------- */

.line { display:block; width:200px; height:10px; border:0; border-top:1px dashed #C7C9CA; margin-top: 0.5em; padding:0; }

#sidebar {
float:left;
margin-right:25px;
position:relative;
top:2px;
width:205px;
font-size: 11px;
line-height: 21px;
}

#sidebar a{
display:inline;
font-family:Verdana,Arial,serif;
color:#0055A4;
text-decoration: none;
}

#sidebar a:hover{color:#C7C9CA;}

#sidebar ul{list-style:none outside none !important;margin:6px 0 12px;}

#home-page {width:715px;float:right;height:auto;position:relative;}

#page-content {width:630px;float: left;height:auto;position: relative;}


#news-sidebar {
float:left;
margin-right:25px;
position:relative;
top:2px;
width:295px;
}

#news-sidebar a{
display:inline;
font-family:Verdana,Arial,serif;
color:#009900;
text-decoration: none;
font-size: 13px;
line-height: 21px;
}

#news-sidebar a:hover{color:#0055A4;}

#news-sidebar ul{list-style:none outside none !important;margin:6px 0 12px;}

#news-content {width:630px;float: left;height:auto;position: relative;}

#case-sidebar {
float:left;
margin-right:25px;
position:relative;
top:2px;
width:295px;
}

#case-sidebar a{
display:inline;
font-family:Verdana,Arial,serif;
color:#cc0000;
text-decoration: none;
font-size: 13px;
line-height: 21px;
}

#case-sidebar a:hover{color:#0055A4;}

#case-sidebar ul{list-style:none outside none !important;margin:6px 0 12px;}

#case-content {width:630px;float: left;height:auto;position: relative;}

#splashcontainer .cs-buttons {clear:both; font-size: 0px; margin: 10px 0 10px 400px; float: left; }
#splashcontainer {border-bottom: 2px solid #0055A4;}

/* =Comments
-------------------------------------------------------------- */

article.comment {
display: block;
}
#respond input[type=text] {
display: block;
width: 60%;
}
#respond textarea {
display: block;
margin: 0 0 1em;
width: 80%;
}
#respond .form-allowed-tags {
clear: both;
width: 80%;
}
#respond .form-allowed-tags code {
display: block;
}

/* =Footer
-------------------------------------------------------------- */

#footer-wrap{
background-color:#333333;
float:left;
height:auto;
padding-bottom:20px;
padding-top:10px;
width:100%;
}

.footer {
background-color:transparent;
clear:both;
color: #ffffff;
font-size: 10px;
margin-left:auto;
margin-right:auto;
position:relative;
width:995px;
}
.footer a {
font-weight:bold;
}