/*
==  CUSTOM STYLESHEET  ========================================================

HOW TO USE THIS FILE:
	Simply copy an existing style from the style.css file to this one and 
	modify however you like. It will override the default style.

WHY USE THIS FILE:
	Adding your custom CSS here will make it much easier to upgrade to a 
	newer version of this theme without losing any of your customizations.

===============================================================================
ADD YOUR CUSTOM CSS BELOW THIS LINE */


.brown-skin #site-title a:hover,
.brown-skin #site-description,
.brown-skin #site-title a:before,
.brown-skin a,
.brown-skin #footer a:hover,
.brown-skin a.button-arrow:hover,
.brown-skin .submit:hover,
.brown-skin a.more-link:hover,
.brown-skin a.follow-me:hover,
.brown-skin .content-slider a.visit:hover,
.brown-skin #primary-menu ul li.button a:hover,
.brown-skin #primary-menu .sub-menu:before,
.brown-skin .box:hover .box-link:hover { color: #822a27; }
 /*color: #ED7A0A; */

.brown-skin #header-extra a.button, 
.brown-skin #footer a.button, 
.brown-skin a.more-link, 
.brown-skin a.follow-me, 
.brown-skin .content-slider a.visit, 
.brown-skin a.button-arrow, 
.brown-skin a.button-arrow:hover, 
.brown-skin .submit, 
.brown-skin .submit:hover { 
	background-color: #04bfbf !important; 
	text-shadow: 0px 1px 1px #279898; 
}

.brown-skin #site-description { 
	color: #EFEFEF;
	text-shadow: 0px 1px 1px #222;
}
.brown-skin #contact-sticker { background: url('images/contact_postit.png') top left no-repeat; float: right; width: 303px; height: 357px; position: relative; left: -20px; z-index: 2; margin-bottom: -201px; }

.brown-skin #contact-sticker a.link.contactme { font-family: "JournalRegular"; height: 48px; font-size: 32px; color: #000; text-shadow: none; position: relative; display: block; height: 55px; }
.brown-skin #contact-sticker a.link.contactme:hover, .brown-skin #contact-sticker a.link.contactme:active { color: #04BFBF; }

.brown-skin #contact-sticker a.link.contactme.linkedin, .brown-skin #contact-sticker a.link.contactme.linkedin:visited { left: 20px; top: 87px; background: url('images/badge-linkedin.png') 5% 60% no-repeat; padding-left: 60px; }
.brown-skin #contact-sticker a.link.contactme.twitter, .brown-skin #contact-sticker a.link.contactme.twitter:visited { left: 22px; top: 80px; background: url('images/badge-twitter.png') 5% 60% no-repeat; padding-left: 60px; }
.brown-skin #contact-sticker a.link.contactme.skype, .brown-skin #contact-sticker a.link.contactme.skype:visited { left: 26px; top: 70px; background: url('images/badge-skype.png') 5% 60% no-repeat; padding-left: 60px; }
#header { margin: 20px auto; }
.brown-skin #contact-sticker a.link.contactme.phone, .brown-skin #contact-sticker a.link.contactme.phone:visited { left: 28px; top: 61px; background: url('images/badge-phone.png') 5% 60% no-repeat; padding-left: 60px; }
#header { margin: 20px auto; }
.brown-skin #contact-sticker a.link.contactme.email, .brown-skin #contact-sticker a.link.contactme.email:visited { left: 32px; top: 50px; background: url('images/badge-email.png') 5% 60% no-repeat; padding-left: 60px; }
#header { margin: 20px auto; }

#sub-title-banner.custom-banner {
	background: #3D3B37 url('images/bg_footer.jpg');
	height: 80px;
	width: 100%;
	position: absolute;
	top: 120px;
	z-index: 1;
}

h2#site-description, div#site-description {
	position: relative; z-index: 2; }

#header-title-wrap { margin: 0px; }

/* Custom Nav Menu by Adrian Robertson */
#primary-menu { padding-bottom: 200px; }

#primary-menu .menu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

#primary-menu .menu:after,
#primary-menu .menu:before {
	content: '';
    display: table;
}

#primary-menu .menu:after {
	clear: both;
}

#primary-menu .menu li {
	width: 120px;
	height: 140px;
	display: inline-block;
}

#primary-menu ul li.menu-1 { position: absolute; top: 0px; left: -20px; }
#primary-menu ul li.menu-2 { position: absolute; top: 0px; left: 130px; }
#primary-menu ul li.menu-3 { position: absolute; top: 0px; left: 290px; }
#primary-menu ul li.menu-4 { position: absolute; top: 0px; left: 450px; }


#primary-menu .menu {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-o-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;
	z-index: 999;
}
#primary-menu .ch-info{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#primary-menu .ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

#primary-menu .ch-info .ch-info-front {
	box-shadow: inset 0 0 5px 2px rgba(255,255,255,0.7);
}

#primary-menu .ch-info .ch-info-back {
	-webkit-transform: translate3d(0,0,-140px) rotate3d(1,0,0,90deg);
	-moz-transform: translate3d(0,0,-140px) rotate3d(1,0,0,90deg);
	-o-transform: translate3d(0,0,-140px) rotate3d(1,0,0,90deg);
	-ms-transform: translate3d(0,0,-140px) rotate3d(1,0,0,90deg);
	transform: translate3d(0,0,-140px) rotate3d(1,0,0,90deg);
	background: #000;
	opacity: 0;
}

#primary-menu li.menu-1 .ch-info-front { 
	background-image: url(images/menu_home.png);
	background-repeat: no-repeat;
}

#primary-menu li.menu-2 .ch-info-front { 
	background-image: url(images/menu_services.png);
	background-repeat: no-repeat;
}

#primary-menu li.menu-3 .ch-info-front { 
	background-image: url(images/menu_about.png);
	background-repeat: no-repeat;
}

#primary-menu li.menu-4 .ch-info-front { 
	background-image: url(images/menu_contact.png);
	background-repeat: no-repeat;
}

/*
.ch-img-2 { 
	background-image: url(../images/20.jpg);
}

.ch-img-3 { 
	background-image: url(../images/21.jpg);
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 24px;
	margin: 0 15px;
	padding: 60px 0 0 0;
	height: 110px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}
*/
#primary-menu ul.menu .ch-info a span {
	display: block;
	color: #FFF;
	padding: 20px 5px 5px 5px;
	font-style: italic;
	margin: 4px 5px 0px;
	font-size: 10px;
	line-height: 11px;
	font-weight: 300;
	text-transform: none;

}

#primary-menu ul.menu .ch-info a {
	display: block;
	color: #FFF;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
	margin: 0 15px;
	padding: 40px 0 0 0;
	height: 25px;
	letter-spacing: 1px;
	font-family: "MuseoSans-500", "Droid Serif", "Georgia", serif;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	text-shadow: 
		0 0 1px #FFF, 
		0 1px 2px rgba(0,0,0,0.3);

}

#primary-menu ul.menu .ch-info a:hover {
	color: #04bfbf;
}

#primary-menu .ch-item:hover .ch-info-front {
	-webkit-transform: translate3d(0,200px,0) rotate3d(1,0,0,-90deg);
	-moz-transform: translate3d(0,200px,0) rotate3d(1,0,0,-90deg);
	-o-transform: translate3d(0,200px,0) rotate3d(1,0,0,-90deg);
	-ms-transform: translate3d(0,200px,0) rotate3d(1,0,0,-90deg);
	transform: translate3d(0,200px,0) rotate3d(1,0,0,-90deg);
	opacity: 0;
}

#primary-menu .ch-item:hover .ch-info-back {
	-webkit-transform: rotate3d(1,0,0,0deg);
	-moz-transform: rotate3d(1,0,0,0deg);
	-o-transform: rotate3d(1,0,0,0deg);
	-ms-transform: rotate3d(1,0,0,0deg);
	transform: rotate3d(1,0,0,0deg);
	opacity: 1;
	z-index: 999;
}

#main { position: relative; }

/* BLOG POSTS CUSTOMISATIONS */
.brown-skin #content .type-post .post-title, .brown-skin .page-title, .brown-skin.page-template-template-home-php .widget-title {
	background: transparent; padding: 1.25em 0px 0.25em;
}

.brown-skin #content {
	background: transparent url('http://www.pipwick.com.au/wp-content/uploads/bg_blog1.png') repeat-y;
}

.brown-skin #content .type-post .post-meta,
.brown-skin #header .post-meta { background: transparent; padding: 2px 20px 0 82px; }
.brown-skin #content .type-post .post-title a { color: #04bfbf; display: block; padding: 0 0.5em 0px 1.8em; }
.brown-skin #content .post-date { position: absolute; background: #04bfbf; width: 8em; height: 8em; border-radius: 4em; top: -2em; left: 500px; }
.brown-skin #content .post-date .post-day { font-size: 3em; display: block; float: right; margin-right: 0.1em; margin-top: 0.6em; }
.brown-skin #content .post-date .post-month { text-transform: uppercase; display: block; float: right; text-align: center; width: 40px; margin-left: -0.8em; padding-right: 1.1em; padding-top: 2.8em; }
.brown-skin #content .post-date .post-year { width: 40px; display: block; margin-top: -4px; }

.brown-skin #content .post-date span { color: #FFF; text-shadow: none; }
.brown-skin #content .type-post p, .brown-skin #content .type-page p {	font-family: "MuseoSans-300", "Droid Serif", "Georgia", serif; padding: 0 20px 0 85px; }

#hometext_col.widget-area { padding: 10px 20px; }
#hometext_col.widget-area h3.widget-title { padding: 0px 22px 0px 62px; font-family: "ScratchRegular", "MuseoSans-500", "Droid Serif", "Georgia", serif; font-size: 48px; color: #04BFBF; text-transform: none; text-shadow: 0 1px 1px #1F1E1C; line-height: 44px; }
.brown-skin .page-title { padding: 10px 22px 0px 84px; font-family: "ScratchRegular", "MuseoSans-500", "Droid Serif", "Georgia", serif; font-size: 48px; color: #04BFBF; text-transform: none; text-shadow: 0 1px 1px #1F1E1C; line-height: 44px; }
#hometext_col.widget-area .textwidget { font-family: "MuseoSans-300", "Droid Serif", "Georgia", serif; padding: 0px 20px 0px 65px; }

#hometext_col.widget-area .textwidget p {font-size: 13px; }

.post-title { font-family: "ScratchRegular", "MuseoSans-500", "Droid Serif", "Georgia", serif; font-size: 48px; line-height: 1em; } 

.post-content li { 
	margin-bottom: 2.25em;
	padding-right: 20px; 
}

/* PAGE CUSTOMISATIONS */
.page h1.page-title { padding-bottom: 20px; }
/* .page ul.list { padding-left: 75px; font-family: "MuseoSans-300", "Droid Serif", "Georgia", serif; } */

.page h2 { font-family: "ScratchRegular", "MuseoSans-500", "Droid Serif", "Georgia", serif; font-size: 28px; margin: 0 20px 0 85px; padding-left: 5px; }

.aboutSummary { display: block; margin-top:50px; }

.hentry ul { margin-left: 95px; font-family: "MuseoSans-300", "Droid Serif", "Georgia", serif; }

/* FOOTER CUSTOMISATIONS */
.brown-skin #footer-widgets a:hover { color: #04BFBF; }

.brown-skin #footer li a::before, .brown-skin #sidebar li a::before { content: 'R'; font-family: 'WebSymbolsRegular'; color: #FFF; padding-right: 10px;	opacity: 0.3; }

.brown-skin #footer-widgets .widget-title { opacity: 0.8; background: #333; padding: 4px 6px; font-size: 14px; }

.more-link { position: relative;	top: 10px; }

/* MAILCHIMP WIDGET */
div.mc_merge_var input.mc_input {
display: block;
width: 85%;
height: 20px;}

#mc-indicates-required { width: 85% !important; }

.mc_signup_submit { float: left; }

/* CONTACT FORM 7 */
.wpcf7 form { width: 550px; }
.wpcf7 form p { height: 50px; }
.wpcf7 form p textarea, .wpcf7 form p input[type="text"], .wpcf7 form p input[type="email"] { text-align: left; }
.wpcf7 form p textarea, .wpcf7 form p input[type="email"], .wpcf7 form p input[type="text"] { padding: 9px 10px 8px; border-radius: 4px; margin: 0 5px 0 0;  border: 1px solid #FFF; width: 70%; color: #888; font-size: 13px; line-height: 1; float: left;outline: none; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); }
.wpcf7 form p textarea:focus, .wpcf7 form p input:focus { border: 1px solid #04BFBF; }
.wpcf7 form p input[type="button"], .wpcf7 form p input[type="submit"], .wpcf7 form p input[type="image"], .wpcf7 form p button, .wpcf7 form p .button, .wpcf7 form p label { border-radius: 4px; background: #666; color: #FFF; border: 1px solid #666; }
.wpcf7 form p input.wpcf7-submit:hover { background: #FFF; color: #666; }

/* SHAREAHOLIC */
.shareaholic-share-buttons-container .shareaholic-share-buttons-wrapper {
	margin: 50px 0px 0px 6em;
}

.shareaholic-recommendations-container.shareaholic-ui.default.large, .shareaholic-recommendations-container.shareaholic-ui.default.xl, .shareaholic-recommendations-container.shareaholic-ui.default.medium, .shareaholic-recommendations-container {
	margin-left: 7.625em; margin-right: 1.4em;
}

/* FONT-FACE FONTS */

@font-face {
	font-family: 'MuseoSans-300';
	src: url('museo/24B7B2_1_0.eot');
	src: url('museo/24B7B2_1_0.eot?#iefix') format('embedded-opentype'),url('museo/24B7B2_1_0.woff') format('woff'),url('museo/24B7B2_1_0.ttf') format('truetype');
}

@font-face {
	font-family: 'MuseoSans-300Italic';
	src: url('museo/24B7B2_3_0.eot');
	src: url('museo/24B7B2_3_0.eot?#iefix') format('embedded-opentype'),url('museo/24B7B2_3_0.woff') format('woff'),url('museo/24B7B2_3_0.ttf') format('truetype');
}

@font-face {
	font-family: 'MuseoSans-500';
	src: url('museo/24B7B2_2_0.eot');
	src: url('museo/24B7B2_2_0.eot?#iefix') format('embedded-opentype'),url('museo/24B7B2_2_0.woff') format('woff'),url('museo/24B7B2_2_0.ttf') format('truetype');
}

@font-face {
	font-family: 'MuseoSans-500Italic';
	src: url('museo/24B7B2_4_0.eot');
	src: url('museo/24B7B2_4_0.eot?#iefix') format('embedded-opentype'),url('museo/24B7B2_4_0.woff') format('woff'),url('museo/24B7B2_4_0.ttf') format('truetype');
}

@font-face {
	font-family: 'MuseoSans-700';
	src: url('museo/24B7B2_0_0.eot');
	src: url('museo/24B7B2_0_0.eot?#iefix') format('embedded-opentype'),url('museo/24B7B2_0_0.woff') format('woff'),url('museo/24B7B2_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'ScratchRegular';
    src: url('scratch/Scratch_-webfont.eot');
    src: url('scratch/Scratch_-webfont.eot?#iefix') format('embedded-opentype'),
         url('scratch/Scratch_-webfont.woff') format('woff'),
         url('scratch/Scratch_-webfont.ttf') format('truetype'),
         url('scratch/Scratch_-webfont.svg#ScratchRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JournalRegular';
    src: url('journal/journal-webfont.eot');
    src: url('journal/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('journal/journal-webfont.woff') format('woff'),
         url('journal/journal-webfont.ttf') format('truetype'),
         url('journal/journal-webfont.svg#JournalRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}