/*   
Theme Name: cre8ive Advertising
Theme URI: 
Description: cre8ive Advertising's new wordpress theme
Author: Philipp Dittrich
Author URI: http://cre8ive.co.nz/
Template: thematic
Version: 1.0
Tags: cre8ive
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

body {
  background: url(images/bg_body.png) repeat-x top center #002756;

  font-size: 13px;
  font-family: Arial, sans-serif;
  color: #fff;
}


input,
textarea {
  font-size: 13px;
  font-family: Arial, sans-serif;
  color: #000;
}

a,
a:link,
a:visited {
  color: #efff9a;

  text-decoration: none;
}

a:hover,
a:active {
  color: #efff9a;
  text-decoration: underline;
}

a.anchor:hover {
  text-decoration: none;
}

#header {
  z-index: 100;
  background: url(images/bg_header.jpg) no-repeat center top;
  height: 190px;
}

#branding {
  position: relative;
  height: 143px;
  margin: 0 auto;
  padding: 0;
}

#blog-title a {
  position: absolute;
  top: 30px;
  left: 30px;
  background: url(images/logo.png) no-repeat;
  width: 197px;
  height: 60px;
  display: block;

  text-indent: -9999px;
}

#blog-description {
  text-indent: -9999px;
}

#topnav {
  height: 44px;
  position: absolute;
  top: 0;
  right: 10px;
  background: url(images/bg_topnav.png) repeat-x center;

  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
}

#topnav p {
  float: left;
  padding: 12px 25px;
  background: url(images/divide_topnav.png) no-repeat right center;
}

#topnav p.company {
  background: none;
}

#topnav a,
#topnav a:link,
#topnav a:visited,
#topnav a:active,
#topnav a:hover {
  text-shadow: 1px 1px 1px #9ba648;

  color: #fff;
}

#topnav .phone a {
  background: url(images/ico_phone.png) no-repeat left center;
  padding-left: 35px;
}

#topnav .mail a {
  background: url(images/ico_mail.png) no-repeat left center;
  padding-left: 30px;  
}

#social-links {
  position: absolute;
  top: 70px;
  right: 0;
}

#social-links a {
  display: block;
  width: 35px;
  height: 35px;
  float: left;
  margin-right: 10px;

  text-indent: -9999px;

  -webkit-box-shadow:  3px 3px 5px rgba(0, 0, 0, 0.20);
  -moz-box-shadow:  3px 3px 5px rgba(0, 0, 0, 0.20);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20);
}

#social-links a:hover {
  -webkit-box-shadow:  3px 3px 5px rgba(0, 0, 0, 0.40);
  -moz-box-shadow:  3px 3px 5px rgba(0, 0, 0, 0.40);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.40);
}

#social-links a.blog {
  background: url(images/ico_blog.png) no-repeat;
}

#social-links a.facebook {
  background: url(images/ico_facebook.png) no-repeat;
}

#social-links a.linkedin {
  background: url(images/ico_linkedin.png) no-repeat;
}

#social-links a.twitter {
  background: url(http://cre8ive.co.nz/wp-content/uploads/2014/03/ico_twitter.png) no-repeat;
}

#social-links a.google {
  background: url(http://cre8ive.co.nz/wp-content/uploads/2014/03/ico_google.png) no-repeat;
}

#social-links a.youtube {
  background: url(images/ico_youtube.gif) no-repeat;
}

#access {
  border-bottom: none;
}

/* menu skin */
.sf-menu {
	float:left;
  margin-left: 20px;

  font-size: 14px;
}
.ie6 .sf-menu {
	margin-bottom: -1px;
}
.sf-menu a {
	padding:9px 13px;
	text-decoration:none;
}
.windows .sf-menu a {
	font-size: 12px;
	padding:9px 13px 10px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}

.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a,
.sf-menu .current_page_ancestor li.current_page_item a {
  color:      #EFFF9A;
}

.sf-menu .current_page_item li a,
.sf-menu .current_page_ancestor li a {
  color: #fff;
}

.sf-menu li {
  background: none;
}
.sf-menu li li {
  font-size: 13px;
}

.sf-menu li li a {
  padding: 10px 0 10px 0;
  margin: 0 15px 0 15px;
  background: url(images/divide_nav.png) no-repeat center top;
}
.sf-menu li li a:before {
  content: '\0BB\0020';
}
.sf-menu li ul li:first-child a,
.sf-menu li ul li:first-child a {
  background: none;
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
  background: #a1b11a;

  color: #fff;
  text-shadow: 1px 1px 1px #778506;

  -webkit-box-shadow:  3px -3px 5px rgba(0, 0, 0, 0.10);
  -moz-box-shadow:  3px -3px 5px rgba(0, 0, 0, 0.10);
  box-shadow: 3px -3px 5px rgba(0, 0, 0, 0.10);
}

.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
  background: none;  

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
  background: url(images/divide_nav.png) no-repeat center top;

  text-shadow: none;
}
.sf-menu ul {
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:32px; /* overriding essential styles */
  padding-top: 5px;

  -webkit-border-image: url(images/border_menu.png) 1 110 1 110 / 0 1 1 1 stretch stretch;
  border-right: 1px solid #9aad21;
  border-left: 1px solid #9aad21;
  border-bottom: 1px solid #dfe79f;  

  background: no-repeat #A1B11A;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExYjExYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3NDgiIHN0b3Atb3BhY2l0eT0iMC45Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top,  rgba(161,177,26,1) 0%, rgba(200,215,72,0.9) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(161,177,26,1)), color-stop(100%,rgba(200,215,72,0.9))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(161,177,26,1) 0%,rgba(200,215,72,0.9) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(161,177,26,1) 0%,rgba(200,215,72,0.9) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(161,177,26,1) 0%,rgba(200,215,72,0.9) 100%); /* IE10+ */
  background: linear-gradient(top,  rgba(161,177,26,1) 0%,rgba(200,215,72,0.9) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1b11a', endColorstr='#e6c8d748',GradientType=0 ); /* IE6-8 */

  -webkit-box-shadow:  5px 5px 5px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow:  5px 5px 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow:  5px 5px 5px 0 rgba(0, 0, 0, 0.25);

}
.sf-menu ul ul {
  margin-top:0;
}
.sf-menu ul a {
	border-bottom:none;
}
.sf-menu ul a:hover {
}

/* main */

#main {
  z-index: 50;
  background: url(images/bg_main.png) center top no-repeat;
  padding: 10px 0 0 0;
}

#content {
  padding-bottom: 25px;
}


/* white bg */

.page-template-template-page-fullwidth-white-php #main,
.blog #main,
.single #main,
.archive #main,
.page-template-template-page-white-php #main {
  background: url(images/bg_white.png) center top no-repeat;
}

.page-template-template-page-fullwidth-white-php #content,
.blog #content,
.blog #primary,
.single #content,
.single #primary,
.archive #content,
.archive #primary,
.page-template-template-page-white-php #content,
.page-template-template-page-white-php #primary,
.testimonial {
  background: #dadfe6;
  background: rgba(255,255,255,0.85);
  color: #000;
}

#main h1 {
  margin: 0;
  padding: 10px 0;
  color: #fff;
  font-family: 'Gudea', sans-serif;
  font-size: 35px;
  line-height: 1em;
  font-style: normal;
  font-weight: normal;
}

#main h2 {
  margin: 0;
  padding: 20px 0;
  color: #fff;
  font-family: 'Gudea', sans-serif;
  font-size: 24px;
  line-height: 1em;
  font-style: normal;
  font-weight: normal;
}

#main h3 {
  margin: 0 0 15px 0;
  padding: 10px 0;
  color: #fff;
  font-family: 'Gudea', sans-serif;
  font-size: 15px;
  line-height: 1.5em;
  font-style: normal;
  font-weight: normal;
}

#main h3.widgettitle {
  border-bottom: 1px solid #fff;
}

.page-template-template-page-fullwidth-white-php #main h1,
.page-template-template-page-fullwidth-white-php #main h2,
.page-template-template-page-fullwidth-white-php #main h3,
.page-template-template-page-fullwidth-white-php #main a,
.blog #main h1,
.blog #main h2,
.blog #main h3,
.blog #main a,
.single #main h1,
.single #main h2,
.single #main h3,
.single #main a,
.archive #main h1,
.archive #main h2,
.archive #main h3,
.archive #main a,
div.wpm_download a,
.page-template-template-page-white-php #main h1,
.page-template-template-page-white-php #main h2,
.page-template-template-page-white-php #main h3,
.page-template-template-page-white-php #main a,
.testimonial h1,
.testimonial h2,
.testimonial h3,
.testimonial a {
  color: #0c3969;
}

.page-template-template-page-fullwidth-white-php #main h3 a {
  text-decoration: underline;
}

.page-template-template-page-fullwidth-white-php h2 {
  clear: none;
}

.page-template-template-page-fullwidth-white-php #content img.alignright,
.page-template-template-page-white-php #content img.alignright {
  margin-right: -10px;
}

#main a.button {
  background: url(images/bg_button.png) no-repeat 0 0;
  height: 69px;
  width: 193px;
  padding: 12px 0 0 20px;
  display: block;

  color: #fff;
  font-family: 'Gudea', sans-serif;
  font-size: 21px;
  line-height: 21px;
  font-style: normal;
  font-weight: bold;
  text-shadow: 1px 1px 1px #0b3e73;
}

#main a.button.getintouch {
  width: 143px;
  margin-top: 10px;

}

.page-template-template-page-fullwidth-white-php #main a.button {
  background: url(images/bg_button.png) no-repeat 10px 0;
  position: relative;
  top: -100px;
  left: -10px;
  width: 918px;
  margin-bottom: -90px;
  padding: 12px 0 0 30px;
  clear: both;
  border-bottom: 1px solid #92989d;
}

#content img {
  border: 10px <!--solid #5397de;-->

  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

#comments img,
.page-template-template-page-fullwidth-white-php #content img {
  border: none;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#content img.alignright {
  margin-right: 5px;
}

#content .camera_wrap img {
  border: none;
}

#content .portfolio-slide {
  width: 650px;
  float: right;
  margin: 0 0 0 20px;
}

#content .portfolio {
  overflow:hidden;
  clear: right;
  border-bottom: 1px solid #92989d;
  margin: 0 -10px 50px -10px;
  padding: 0 0 0 10px;
}

#content .portfolio .camera_clear {
  display: none;
}

.w50-col1,
.w50-col2 {
  width: 454px;
  margin-right: 20px;
  float: left;
}

.page-template-template-page-fullwidth-white-php .w50-col1,
.w50-col2 {
  width: 444px;
}

.w50-col2 {
  margin-right: 0;
}

/* testimonials */

.testimonial {
  float: left;
  width: 434px;
  padding: 10px;
  margin-bottom: 20px;
}

#content .testimonial img {
  border: none;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; 
}

.testimonial-left {
  margin-right: 20px;
}

div.google-map-placeholder {
  border: none;
  position: relative;
  top: -14px;
  left: -15px;
}

/* blog */

.blog #content,
.single #content,
.archive #content {
  padding: 0 10px;
  width: 590px;
}

.blog .post,
.single .post,
.archive .post {
  padding: 10px 0 0 0;
  border-bottom: 1px solid #92989d;
}

#primary h3 {
  padding: 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #92989d;
}

.entry-utility {
  margin-bottom: 30px;
}

/* comments */

#comments {
  margin: 0;
  padding: 0;
  background: #b1c8dd;
}

#comments-list {
  padding-bottom: 0;
}

#comments-list h3 {
  padding: 10px;
}

#respond {
  margin:0;
  padding: 10px;
  background: #b1c8dd;
}

.entry-utility,
.entry-meta {
  color: #6da4de;
}

#comments-list li.comment {
  background: #a3bcd5;
}

#comments-list li.bypostauthor {
  background: #e1e8ef;
}

/* forms */

.wpcf7 form {
  margin:0;
  padding: 10px;
  background: #b1c8dd;
  color: #000;
}

.wpcf7 form p {
  margin-bottom: 0;
}

/* downloads */
.download {
  background: url(images/document.png) no-repeat 10px 5px #b1c8dd;
  height: 51px;
  padding: 10px 10px 10px 65px;
  margin-bottom: 10px;

  color: #000;
}

.wpcf7 form p.name,
.wpcf7 form p.email {
  float: left;
}

.wpcf7 form p.name {
  margin-right: 10px;
  margin-bottom: 10px;
}

.wpcf7 form p.downloads {
  clear: both;
  padding: 10px 0;
  margin-bottom: 10px;
  border-top: 1px solid #92989d;
  border-bottom: 1px solid #92989d;
}

.wpcf7 .ajax-loader {
  display: none;
}

div.wpcf7-response-output {
  border: none !important;
  font-weight: bold;
  padding: 0 !important;
  margin: 0 !important;
}

div.wpm_download a {
  display: block !important;
  background: #b1c8dd;
  padding: 10px;
  margin: 10px 0 0 0;
}

/* team */
.teammember  em {
  display: block;
  margin: -15px 0 -10px 0;
  border-top: 1px solid #002756;
}


/* dates */

.date {
  padding: 10px;
  background: #7bafde;
  margin-bottom: 10px;

  color: #0c3969;
}

.date p {
  margin-bottom: 10px;
  margin-top: 5px;
}

.date .calendar {
  position: relative;
  width: 40px;
  height: 45px;
  padding-top: 5px;
  margin: 0 10px 10px 0;
  background: #fff;
  float: left;

  color: #0c3969;
  font-size: 20px;
  text-align: center;
}

.date .calendar .month {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 40px;
  height 15px;
  background: #c4d3e2;

  font-size: 11px;
}

/* aside */

.aside {
  color: #fff;
}

#primary {
  border: none;
}

.main-aside ul {
  padding: 0 10px;
}

#content .aside {
  border: none;
  padding: 0;
}

#content .aside ul {
  padding: 0;
}

/* vertical response */

.vr_wrapper {
  padding: 10px;
  background: #1663AD;
}

.vr_wrapper label {
  margin-right: 5px;
}

.vr_wrapper input {
  border: none;
  background: #fff;
  color: #000;
  padding: 5px;
  width: 120px;
}

.vr_wrapper input#vr_submit {
  background: #b9c937;
  color: #fff;
  font-weight: bold;
  margin: 0 auto;
  display: block;
}

#email_address {
  width: 365px;
}

input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #fff;
}

/* footer */

#footer {
  position: relative;
  z-index: 200;
  background: url(images/bg_footer.png) repeat-x 0 40px #1364b7;
  margin-top: 0px;
  border: none;

  -webkit-box-shadow:  0px -20px 20px rgba(0, 0, 0, 0.30);
  -moz-box-shadow:  0px -20px 20px rgba(0, 0, 0, 0.30);
  box-shadow: 0px -20px 20px rgba(0, 0, 0, 0.30);
}

#footer ul,
#header ul,
#header-aside {
  margin: 0;
}

#footer-aside li {
  width: 202px;
  min-height: 240px;
  margin-left: 20px;
  padding: 20px 0 0 20px;
  float: left;
  background: url(images/divide_bottom.png) center left no-repeat;

  color: #fff;
}

#footer-aside li:first-child {
  margin-left: 0;
  background: none;  
}

#footer-aside h3 {
  padding: 14px 0 14px 55px;
  margin: 0 0 10px 0;

  font-family: 'Gudea', sans-serif;
  font-size: 25px;
  line-height: 28px;
  font-style: normal;
  font-weight: normal;
  text-shadow: 1px 1px 1px #052154;

}

#footer-aside h3.webdesign {
  background: url(images/ico_webdesign.png) no-repeat left center;
}

#footer-aside h3.graphicdesign {
  padding: 0 0 0 55px;
  background: url(images/ico_pen.png) no-repeat left center;
}

#footer-aside h3.advertising {
  padding: 0 0 0 55px;
  background: url(images/ico_board.png) no-repeat left center;
}

#footer-aside h3.socialmedia {
  padding: 0 0 0 55px;
  background: url(images/ico_head.png) no-repeat left center;
}

#siteinfo {
  color: #fff;

  text-align: center;
}

/* pages */

.page h1.entry-title {
  display: none;
}

.page .entry-content {
  padding-top: 0;
}