/*
   ___             _                        ______ __
  / _ \ ___  ___  (_)___ _ ___  ___  ____  /_  __// /  ___  __ _  ___  ___
 / // // -_)(_-< / // _ `// _ \/ -_)/ __/   / /  / _ \/ -_)/  ' \/ -_)(_-<
/____/ \__//___//_/ \_, //_//_/\__//_/     /_/  /_//_/\__//_/_/_/\__//___/
                   /___/

==  WARNING! DO NOT EDIT THIS FILE! (PLEASE)  =================================

	If you wish to make CSS changes to this theme, DO NOT EDIT THIS FILE.
	Instead, use the custom-style.css file to define custom styles. Adding your
	custom CSS there will make it much easier to upgrade to a newer version
	of this theme without losing any of your customizations.

===============================================================================
*/


/*---------------------------------------------------------------------------*/
/*  BASE  */
/*---------------------------------------------------------------------------*/

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, hr { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* general */
html { height: 100%; overflow-y: scroll; }
body { height: 100%; background-color: #fff; color: #333; font: 75%/1.5 sans-serif; }
body:before { content: ""; height: 100%; float: left; width: 0; margin-top: -9999em; }
.ie6 body, .ie7 body { font-size: small; }

/* links */
a { color: #c30; text-decoration: none; outline: none; -moz-transition: color 0.5s linear; -webkit-transition: color 0.5s linear; -o-transition: color 0.5s linear; transition: color 0.5s linear; }
a:hover { color: #333; text-decoration: underline; }
a:visited { opacity: .8; filter: alpha(opacity=80); }
a:link { -webkit-tap-highlight-color: #c30; }
::selection { background: #c30; color: #fff; text-shadow: none; }

/* headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; letter-spacing: -.025em }
h1 { font-size: 24px; margin-bottom: 10px; }
h2 { font-size: 18px; margin-bottom: 8px; }
h3 { font-size: 14px; margin-bottom: 6px; }
h4, h5, h6 { font-weight: normal; font-size: 12px; margin-bottom: 4px; }

/* images */
img { max-width: 100% !important; font-style: italic; }
a img, img { color: #999; }

p { margin-bottom: 20px; }

/*form*/
fieldset { margin: 0; padding: 0; }

/* lists */
ul { list-style-position: outside; margin: 0 0 0 20px; }
ul ul { list-style: disc; }
ol { list-style-type: decimal; }
li { list-style-position: inside; }

/* tables */
table { width: 100%; margin-bottom: 20px; border: 1px solid #333; border-width: 3px 0 1px 0; border-spacing: 0; border-collapse: collapse; }
th, td { padding: 10px 20px; position: relative; border: 1px solid #ddd; border-width: 0 0 1px 1px; }
th { text-align: left; font-weight: bold; font-size: 110%; padding: 20px; }
td { vertical-align: top; }
th:first-child, td:first-child { border-left: 0; }
tr:nth-child(odd) td { background-color: #f4f4f4; }
tfoot { font-style: italic; font-weight: bold; }
caption { text-align: center; font-family: serif; padding-bottom: 10px; }

/* blockquotes */
blockquote { quotes: none; padding-left: 20px; margin: 20px; border-left: 3px solid #ccc; font-style: italic; color: #666; }
blockquote.left { float: left; margin-left: 0; margin-right: 20px; text-align: right; width: 33%; }
blockquote.right { float: right; margin-left: 20px; margin-right: 0; text-align: left; width: 33%; }
blockquote p:before, blockquote p:after, q:before, q:after { content: ""; content: none; }
blockquote > p { padding: 0; }

/* misc */
q, em, cite, dfn, i, cite, var, address { font-style: italic; }
big { font-size: 125%; }
small { font-size: 85%; }
strong, dt, b { font-weight: bold; }
del, s, strike { text-decoration: line-through; }
fieldset { border: 0; }
pre, tt, code, kbd, samp, var  { font-family: monospace, sans-serif; font-size: small; background-color: #eee; padding: 0 2px; }
pre { padding: 20px; margin: 20px 0; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
legend { color: #333; padding-bottom: 5px; }
ins { text-decoration: none; border-bottom: 3px double #333; }
abbr, acronym { border-bottom: 1px dotted #333; font-variant: normal; }
dd { padding-left: 20px; margin: 5px 0 20px; }
hr { border: 0; height: 1px; background-color: #eee; margin-bottom: 20px; }
select, input, textarea, button { font: 99%/1.5 sans-serif; margin: 0; padding: 5px; }
input, textarea { border: 1px solid #eee; }
textarea { overflow: auto; }
button { width: auto; overflow: visible; }
input[type="button"], input[type="submit"], input[type="image"], button, .button, label { cursor: pointer; }
input[type="radio"], input[type="checkbox"], input.radio, input.checkbox { margin: 0 5px 0 0; }
input[type="radio"], input.radio { vertical-align: text-bottom; }
input[type="checkbox"], input.checkbox { vertical-align: bottom; }
.ie7 input[type="checkbox"], .ie7 input.checkbox { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.ie6 legend, .ie7 legend { margin-left: -7px; }


/*---------------------------------------------------------------------------*/
/*  BASIC WP STYLES  */
/*---------------------------------------------------------------------------*/

.entry-content img { margin: 0 0 20px 0; }
.alignleft, img.alignleft { float: left; margin-right: 20px; }
.alignright, img.alignright { display: block; float: right; margin-left: 20px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.wp-caption { text-align: center; margin-bottom: 20px; max-width: 100% !important; }
.wp-caption img { border: 0 none; margin: 0; padding: 0; }
.wp-caption p.wp-caption-text { margin: 0; padding: 5px; }
.wp-smiley { max-height: 12px; margin: 0 !important; }
.gallery img, .gallery dl { margin: 0; }
.gallery-caption { margin: -20px 0 0 0; }
.hentry ul, .hentry ol, .hentry p { margin-bottom: 20px; }


/*---------------------------------------------------------------------------*/
/*  HELPERS  */
/*---------------------------------------------------------------------------*/

.left { float: left; }
.right { float: right; }
.hide { display: none; }
.ir { display: block; text-indent: -9999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:before, .clearfix:after, .cf:before, .cf:after { content: ""; display: block; overflow: hidden; }
.clearfix:after, .cf:after { clear: both; }
.clearfix, .cf { zoom: 1; }


/*---------------------------------------------------------------------------*/
/*  PRINT  */
/*---------------------------------------------------------------------------*/

@media print {
	* { background: transparent !important; color: #000 !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
	a, a:visited { color: #333 !important; text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	h1, h2, h3, h4 { line-height: 1.5; }
	#top, #bottom, #breadcrumbs, #comments, .comments-link { display: none !important; }
	body, #wrapper, #page, #content, .hentry, .entry-content { font-size: 12pt; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: visible !important; float: none !important; }
	.entry-title { background: none !important; line-height: 2; }
}



/*---------------------------------------------------------------------------*/
/*  TABBERS  */
/*---------------------------------------------------------------------------*/

.tabber { margin-bottom: 20px; }
.tabber ul.tabs { 
	list-style: none; 
	margin: 0 !important; 
	padding: 0;
	height: 38px;
	border: 1px solid #ddd;
	border-width: 0 0 1px 1px;
}
.tabber .tabs li { 
	float: left;	 
	text-indent: 0;
	padding: 0;
	margin: 0 !important;
	list-style-image: none !important;
}
.ie7 .tabber .tabs li { line-height: 0; }
.tabber .tabs a { 
	background-color: #eee;
	display: block;
	height: 36px;  
	line-height: 36px;
	padding: 1px 20px 0;
	border: 1px solid #ddd;
	border-left: 0;
	color: #999;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}
.tabber .tabs a:hover { color: #333; }
.tabber .tabs .current,
.tabber .tabs .current:hover,
.tabber .tabs li.current a {
	color: #333;
	background-color: #fff;
	border-bottom-color: #fff;
	cursor: default !important;
}
.tabber .panes {
	border: 1px solid #ddd;
	border-top: 0;
	background-color: #fff;
}
.tabber .panes p { margin-bottom: 0; }
.tabber .panes .pane p { margin-bottom: 20px; }
.tabber .pane { padding: 20px; }
.ie8 .tabber .pane { display: block; }


/* sidebar-tabs */
#sidebar-tabs {
    padding: 10px;
    background-color: #eee;
    margin-bottom: 30px;
}
#sidebar-tabs .widget {
    display: none;
    clear: none;
    margin-bottom: 0;
}
#sidebar-tabs .widget-title { display: none }
#sidebar-tabs .tabs li a:hover,
#sidebar-tabs .tabs li a.current {
    background-color: #fff;
    text-decoration: none;
}


/*---------------------------------------------------------------------------*/
/*  TOGGLES  */
/*---------------------------------------------------------------------------*/

.toggle {
	margin-bottom: 20px;
	border: 1px solid #ddd;
	background-color: #fff;
}
.toggle .trigger {
	display: block;
	background: #eee url(//pipwick.com.au/wp-content/themes/method/engine/images/icons/toggle-plus.png) center right no-repeat;
	font-weight: bold;
	color: #333;
	line-height: 36px;
	text-decoration: none;
	padding: 0 20px;
}
.toggle .trigger.open { background: #eee url(//pipwick.com.au/wp-content/themes/method/engine/images/icons/toggle-minus.png) center right no-repeat; }
.toggle .trigger:hover { background-color: #f4f4f4; }
.toggle .pane { padding: 20px; display: none; }
.toggle p { margin: 0; }
.toggle .pane p { margin-bottom: 20px; }


/*---------------------------------------------------------------------------*/
/*  ACCORDIONS  */
/*---------------------------------------------------------------------------*/

.accordion {
	background-color: #fff;
	border: 1px solid #ddd;
	border-top: 0;
	margin-bottom: 20px;
}
.accordion .trigger {
	background-color: #f4f4f4;
	font-weight: bold;
	display: block;
	padding: 0 20px;
	border-top: 1px solid #ddd;
	line-height: 36px;
	color: #999;
}
.accordion .trigger:hover,
.accordion .trigger.current {
	cursor: pointer;
	color: #333;
	background-color: #eee;
}
.accordion .trigger.current { cursor: default; }
.accordion .pane {
	display: none;
	padding: 10px 20px;
}
.accordion .pane.current { display: block; }
.accordion p { margin: 0; }
.accordion .pane p { margin-bottom: 20px; }


/*---------------------------------------------------------------------------*/
/*  COLUMNS  */
/*---------------------------------------------------------------------------*/

.one-half { width: 48%; }
.one-third { width: 30.66%; }
.two-third { width: 65.33%; }
.one-fourth { width: 22%; }
.three-fourth { width: 74%; }
.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth {
	position: relative;
	margin-right: 3.33%;
	margin-bottom: 20px;
	float: left;
}
.column-last {
	margin-right: 0 !important;
	clear: right;
}
.column-last:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
}


/*---------------------------------------------------------------------------*/
/*  BUTTONS  */
/*---------------------------------------------------------------------------*/

.button {
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    padding: 8px 11px;
    color: #555 !important;
    border: 1px solid #dedede;
    border-radius: 3px;
}
.button.white {
    background: #f9f9f9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); /*  WebKit */
    background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
    border-color: #dedede #d8d8d8 #d3d3d3;
    text-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
}
.button.white:hover {
    background: #efefef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#f8f8f8)); /*  WebKit */
    background: -moz-linear-gradient(top, #efefef, #f8f8f8);
    border-color: #c7c7c7 #c3c3c3 #bebebe;
    text-shadow: 0 1px 0 #fdfdfd;
    box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
}
.button.grey {
    background: #cacaca;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae)); /*  WebKit */
    background: -moz-linear-gradient(top, #cacaca, #aeaeae);
    border-color: #b5b5b5 #a1a1a1 #8f8f8f;
    text-shadow: 0 1px 0 #d4d4d4;
    box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;    
}
.button.grey:hover {
    background: #bcbcbc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2)); /*  WebKit */
    background: -moz-linear-gradient(top, #bcbcbc, #c2c2c2);
    border-color: #989898 #8e8e8e #878787;
    text-shadow: 0 1px 0 #dadada;
    box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;    
}
.button.yellow {
    background: #feda71;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda71', endColorstr='#febb4a'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb4a)); /*  WebKit */
    background: -moz-linear-gradient(top, #feda71, #febb4a);
    border-color: #f5b74e #e5a73e #d6982f;
    color: #963 !important;
    text-shadow: 0 1px 0 #fedd9b;
    box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;    
}
.button.yellow:hover {
    background: #fec354;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec354', endColorstr='#fecd61'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fec354), to(#fecd61)); /*  WebKit */
    background: -moz-linear-gradient(top, #fec354, #fecd61);
    border-color: #d29a3a #cc9436 #c89133;
    text-shadow: 0 1px 0 #fee1a0;
    box-shadow: 0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;    
}
.button.green {
    background: #cae285;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9fcb57)); /*  WebKit */
    background: -moz-linear-gradient(top, #cae285, #9fcb57);
    border-color: #adc671 #98b65b #87aa4a;
    color: #5d7731 !important;
    text-shadow: 0 1px 0 #cfe5a4;
    box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #d7e9a4;    
}
.button.green:hover {
    background: #b8d872;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d872', endColorstr='#b9d972'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#b8d872), to(#b9d972)); /*  WebKit */
    background: -moz-linear-gradient(top, #b8d872, #b9d972);
    border-color: #8bb14d #83a648 #7d9e45;
    text-shadow: 0 1px 0 #d5e8aa;
    box-shadow: 0 1px 1px #d5d5d5, inset 0 1px 0 #cae295;    
}
.button.blue {
    background: #abe4f8;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#abe4f8', endColorstr='#6fcef3'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3)); /*  WebKit */
    background: -moz-linear-gradient(top, #abe4f8, #6fcef3);
    border-color: #8dc5da #76b7cf #63abc7;
    color: #42788e !important;
    text-shadow: 0 1px 0 #b6e6f9;
    box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #c0ebfa;    
}
.button.blue:hover {
    background: #91DBF6;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91DBF6', endColorstr='#94DBF7'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#91DBF6), to(#94DBF7)); /*  WebKit */
    background: -moz-linear-gradient(top, #91DBF6, #94DBF7);
    border-color: #7caec0 #68a3ba #5a9cb5;
    text-shadow: 0 1px 0 #bee9fa;
    box-shadow: 0 1px 1px #d6d6d6, inset 0 1px 0 #ade4f8;    
}
.button.black {
    background: #5e5e5e;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#434343'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)); /*  WebKit */
    background: -moz-linear-gradient(top, #5e5e5e, #434343);
    border-color: #4c4c4c #313131 #1f1f1f;
    color: #fff !important;
    text-shadow: 0 1px 0 #2e2e2e;
    box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;    
}
.button.black:hover {
    background: #5A5A5A;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#5B5B5B'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#5A5A5A), to(#5B5B5B)); /*  WebKit */
    background: -moz-linear-gradient(top, #5A5A5A, #5B5B5B);
    border-color: #2c2c2c #1c1c1c #101010;
    text-shadow: 0 1px 0 #363636;
    box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;    
}


/*---------------------------------------------------------------------------*/
/*  ALERTS  */
/*---------------------------------------------------------------------------*/

.alert {
    padding: 12px 5% 12px 5%;
    font-family: serif;
    font-style: italic;
    text-align: center;
    margin: 0 0 20px 0;
}
.alert.white {
    background: #fff;
    border: 1px solid #d8d8d8;
    color: #555;
}
.alert.yellow {
    background: #fec354;
    border: 1px solid #e5a73e;
    color: #963;
}
.alert.green {
    background: #cae285;
    border: 1px solid #98b65b;
    color: #5d7731;
}
.alert,
.alert.red {
    background: #f67c90;
    border: 1px solid #da5f75;
    color: #913944;
}


/*---------------------------------------------------------------------------*/
/*  MISC CUSTOM STYLES  */
/*---------------------------------------------------------------------------*/

/* image frames */
.frame {
    margin: 0 0 20px;
    padding: 10px 10px 8px;
    text-align: center;
    display: inline-block;
    border: 1px solid #111;
    background: #111;
    box-shadow: inset 0 2px 0 -1px hsla(0,0%,100%,.2), inset 0 50px 50px -30px hsla(0,0%,0%,.6), inset 0 150px 150px -30px hsla(0,0%,100%,.3), inset 0 0 5px hsla(0,0%,0%,.6), inset 0 0 0 9px #111;
}
.frame img {
    vertical-align: text-bottom;
    background: #111;
    margin: 0;
    box-shadow: 0 1px 0 hsla(0,0%,100%,.2), 0 0 1px 1px hsla(0,0%,0%,.6);
}

/* code snippets */
pre.code {
    padding: 20px;
    margin: 20px 0;
    overflow: auto;
    font: normal 12px/20px monospace, sans-serif;
    background: #eee url(//pipwick.com.au/wp-content/themes/method/engine/images/pre-bg.png);
}

/* drop caps */
.drop-cap {
	float: left;
	color: #111;
	font: normal 36px/38px serif;
	padding-right: 8px;
}

/* divider */
hr {
	border: 0;
	height: 1px;
	text-align: center;
	font-size: 14px;
	color: #c4c4c4;
	display: block;
	margin: 20px 0;
	background: #c4c4c4;
	background-image: -webkit-linear-gradient(left, #f4f4f4, #c4c4c4, #f4f4f4);
	background-image: -moz-linear-gradient(left, #f4f4f4, #c4c4c4, #f4f4f4);
	background-image: -ms-linear-gradient(left, #f4f4f4, #c4c4c4, #f4f4f4);
	background-image: -o-linear-gradient(left, #f4f4f4, #c4c4c4, #f4f4f4);
}

/* text highlight */
.highlight {
    background-color: #ffffe0;
    padding: 1px;
}

/* post editor tweaks */
.mceContentBody .toggle .pane { display: block !important; }
.mceContentBody p { margin-bottom: 20px; }


@import url("http://fonts.googleapis.com/css?family=Droid+Sans:400,700");
@import url("http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic");
@font-face { 
font-family: 'WebSymbolsRegular';
src: url(//pipwick.com.au/wp-content/themes/method/websymbols-regular-webfont.eot);
src: url(//pipwick.com.au/wp-content/themes/method/websymbols-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//pipwick.com.au/wp-content/themes/method/websymbols-regular-webfont.woff) format('woff'),
url(//pipwick.com.au/wp-content/themes/method/websymbols-regular-webfont.ttf) format('truetype'),
url(//pipwick.com.au/wp-content/themes/method/websymbols-regular-webfont.svg#WebSymbolsRegular) format('svg');
}
.icon-font { font-family: 'WebSymbolsRegular'; }   html {
overflow-x: hidden;
overflow-y: scroll;
}
body {
font-family: "MuseoSans-500", "Droid Sans", Helvetica, Arial, sans-serif;
line-height: 1.6;
color: #333;
}
select, input, textarea, button,
h1, h2, h3, h4, h5, h6 { font-family: "MuseoSans-500", "Droid Sans", Helvetica, Arial, sans-serif; } a { color: #39c; }
a:hover { text-decoration: none; color: #000; }
a:link { -webkit-tap-highlight-color: #39c; }
::selection { background: #39c; color: #fff; }
.page-template-template-home-php .handle,
.page-template-template-portfolio-php .handle,
.tax-group .handle,
.page-template-template-fullwidth-php .handle,
.single-portfolio .handle,
.handle { display: none; }
.post-title { font-family: "Droid Serif", Georgia, serif; }   #wrapper { min-height: 100%; }
.ie6 #wrapper,
.ie8 #wrapper {
display: table;
height: 100%;
width: 100%;
}
#main { width: auto; }
#container {
width: 980px;
margin: 0 auto;
padding: 10px 0 0;
}
.page-template-template-fullwidth-php #content,
.single-portfolio #content {
float: none;
width: auto;
}
#content {
float: right;
width: 642px;
}
#sidebar {
float: left;
width: 306px;
}
.sidebar-left #sidebar { float: left; }
.sidebar-left #content { float: right; }
.sidebar-none #content { width: 100%; }
#bottom {
margin: 20px 0 0 0;
position: relative;
clear: both;
background: #39c;
}
pre { overflow-x: scroll; }   #header-extra {
background: #39c;
padding: 5px 0;
color: #fff;
text-align: center;
font: normal 16px/1.6 "Droid Serif", Georgia, serif;
}
#header-extra a.open,
#header-extra a.close { display: none; }
#header-extra.opened { position: relative; }
#header-extra.active a.btn {
font: normal 24px/8px 'WebSymbolsRegular';
text-align: center;
width: 100%;
cursor: pointer;
position: absolute;
}
#header-extra.active a.open {
display: block;
color: #39c;
top: auto;
margin-top: 3px;
}
.gecko #header-extra.active a.open { margin-top: 4px; }
#header-extra.opened a.open { display: none; }
#header-extra.opened a.close {
color: #fff;
bottom: -1px;
display: block;
}
#header-extra .widget {
margin: 0 auto;
width: 980px;
display: none;
}
#header-extra .widget-inside { padding: 20px 30px 30px; }
#header-extra a {
color: #fff;
font-weight: bold;
}
#header-extra a:hover { color: #333; }
#header-extra .button {
display: inline-block;
font: bold 12px/1 "Droid Sans", Helvetica, Arial, serif;
border-radius: 4px;
color: #39c !important;
padding: 9px 15px 10px;
background: #fff;
box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);
}
#header-extra .button:hover { box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1); }
#header {
width: 980px;
margin: 50px auto 20px;
position: relative;
}
.ie7 #header { overflow-x: hidden; }
#header-title-wrap { margin: 60px 0 0; }
.page-title {
padding: 4px 0;
margin: 0;
border-top: 2px solid #39C;
border-bottom: 1px solid #eee;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
}
.single-post .page-title {
padding-bottom: 0;
border-bottom: 0;
}
#logo {  background: url(//pipwick.com.au/wp-content/themes/method/images/initials.png) 20px -6px no-repeat; float: left; height: 148px; margin-top: -20px; padding-top: 0px; }
#site-title,
#site-description {
float: left;
line-height: 30px;
margin: 0;
margin-top: 20px;
}
#site-description {
clear: both;
color: #bbb;
font: normal 20px "MuseoSans-500","Droid Serif", Georgia, serif;
margin: 48px 0px 0px;
text-transform: lowercase;
}
#site-title,
#site-title a {
font: normal 56px "MuseoSans-700","Droid Serif", Georgia, serif;
color: #333;
}
.ie7 #primary-menu {
position: absolute;
top: 0;
right: 0;
}
a#menu-button { display: none; }
#primary-menu {
clear: both;
float: left;
font-size: 12px;
z-index: 30;
}
#primary-menu select { display: none; }
#primary-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#primary-menu ul a {
display: block;
position: relative;
}
#primary-menu ul li {
float: left;
position: relative;
z-index: 40;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
margin-right: 21px; 
padding-left: 20px; 
border-left: none;
}
#primary-menu ul li:first-child { border: 0; }
#primary-menu ul li:last-child { margin-right: 0; }
#primary-menu ul li:hover { visibility: inherit; }
#primary-menu ul ul {
position: absolute;
top: -9999em;
width: 180px;
}
#primary-menu .sub-menu:before {
content: '}';
font-family: 'WebSymbolsRegular';
font-size: 24px;
color: #39c;
position: absolute;
left: 46%;
top: -26px;
}
#primary-menu ul ul li { width: 100%; }
#primary-menu ul li:hover ul,
#primary-menu ul li.sfHover ul {
left: -1px;
top: 30px;
z-index: 99;
}
#primary-menu ul li:hover li ul,
#primary-menu ul li.sfHover li ul,
#primary-menu ul li li:hover li ul,
#primary-menu ul li li.sfHover li ul,
#primary-menu ul li li li:hover li ul,
#primary-menu ul li li li.sfHover li ul { top: -9999em; }
#primary-menu ul li li:hover ul,
#primary-menu ul li li.sfHover ul,
#primary-menu ul li li li:hover ul,
#primary-menu ul li li li.sfHover ul,
#primary-menu ul li li li li:hover ul,
#primary-menu ul li li li li.sfHover ul {
left: -81px;
top: -1px;
} #primary-menu ul a {
color: #333;
line-height: 8px;
}
#primary-menu ul a.active,
#primary-menu ul li.current-cat a,
#primary-menu ul li.current_page_item a,
#primary-menu ul li.current-menu-item a { text-decoration: none; }
#primary-menu ul a.active,
#primary-menu ul a:hover { color: #39c; } #primary-menu ul ul {
padding: 0;
border-top: 5px solid #39c;
background: #fff;
}
#primary-menu ul ul li {
margin: 0;
padding: 0;
border: 0;
float: none;
text-align: center;
font-weight: normal;
width: auto;
text-transform: none;
}
.ie7 #primary-menu ul ul li {
float: left;
width: 100%;
}
.ie7 #primary-menu ul ul li a {
float: left;
width: 160px;
}
#primary-menu ul li.current-menu-item li a,
#primary-menu ul li li.current-menu-item a,
#primary-menu ul ul li a {
font-size: 12px;
padding: 0;
color: #39c;
line-height: 40px;
}
#primary-menu ul.sub-menu a {
border: 1px solid #ccc;
border-width: 0 1px;
}
#primary-menu ul.sub-menu li:last-child a { border-bottom: 1px solid #ccc; }
#primary-menu ul ul li a:hover,
#primary-menu ul.sub-menu a.active {
color: #fff !important;
background: #39c;
border-color: #39c !important;
} #primary-menu ul ul ul {
left: -101px !important;
border-top: 1px solid #ccc;
}
#primary-menu ul ul ul.sub-menu:before { content: ''; }
#primary-menu ul li.button {
border: 0;
text-transform: none;
display: inline;
font-weight: normal;
font-size: 12px;
padding: 0;
}
#primary-menu .button a {
background: #39c;
margin: -12px 0 0 0;
display: block;
line-height: 12px;
padding: 9px 15px 10px;
border-radius: 4px;
box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);
color: #fff;
font-weight: bold;
}
#primary-menu .button a:hover {
background: #39c;
color: #fff;
box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1);
}   @-webkit-keyframes sliderMoveFromBottom {
from {
bottom: -900px;
}
to {
bottom: 0;
}
}
@-webkit-keyframes sliderMoveFromLeft {
from {
left: -900px;
}
to {
left: 0;
}
}
.home-slider {
margin: 50px 0 30px;
position: relative;
background: #fff url(//pipwick.com.au/wp-content/themes/method/images/ajax-loader.gif) center 40% no-repeat;
}
.home-slider .slides_container { display: none; }
.home-slider .slide { background: #fff; }
.home-slider .slide:first-child { display: block; }
.home-slider .post-wrap {
width: 430px;
float: left;
position: relative;
padding: 60px 30px 30px;
-webkit-animation: sliderMoveFromLeft 1s;
}
.home-slider .post-wrap.fullwidth {
width: auto;
float: none;
padding: 30px 60px;
}
.home-slider .post-wrap.align-right { text-align: right; }
.home-slider .post-wrap.align-center { text-align: center; }
.home-slider .post-content {
font-size: 14px;
margin: 0;
}
.home-slider .video,
.home-slider .featured-image {
position: relative;
-webkit-animation: sliderMoveFromBottom 0.6s;
}
.home-slider .featured-image {
width: 430px;
float: right;
margin: 30px;
border: 0;
}
.home-slider .featured-image.fullwidth {
width: auto;
float: none;
margin: 0 0 -6px;
text-align: center;
}
.home-slider .featured-image.fullwidth img { display: inline; }
.home-slider .hentry {
padding: 0;
margin: 0;
border: 0;
width: 980px;
}
.home-slider .post-title { font-size: 24px; }
.home-slider .pagination {
list-style: none;
margin: 0;
padding: 24px 30px 0;
height: 36px;
background: #39C;
}
.home-slider .pagination li {
display: inline;
position: relative;
float: left;
text-indent: -9999px;
margin: 0 4px 0 0;
}
.home-slider .pagination li a {
display: block;
width: 12px;
height: 12px;
background: #fff;
margin: 0;
padding: 0;
border-radius: 20px;
opacity: .6;
}
.home-slider .pagination li a:hover,
.home-slider .pagination li.current a { opacity: 1; }
.home-slider .slider-nav {
display: block !important;
position: absolute;
bottom: 20px;
right: 30px;
}
.home-slider .slider-nav a {
font-family: 'WebSymbolsRegular';
font-size: 24px;
line-height: 1;
color: #fff;
opacity: .6;
}
.home-slider .slider-nav a:hover { opacity: 1; }
.home-slider .slider-nav a.prev:after { content: '<'; }
.home-slider .slider-nav a.next:before { content: '>'; }   .hentry { position: relative; }
.post-content {
margin: 0 0 60px;
padding: 0;
font-size: 13px;
}
.single .post-content { margin: 0 0 30px; }
#header-title-wrap div.meta-published {
top: auto;
bottom: -35px;
right: 0;
left: auto;
background: #ddd;
width: 70px;
height: 70px;
}
.single .hentry {
padding: 0;
border: 0;
}
.post-title {
font-size: 22px;
margin-bottom: 4px;
}
div.meta-published {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
background: #eee;
text-align: center;
}
div.meta-published span {
display: block;
color: #555;
font-weight: 300;
}
div.meta-published span.month {
font-size: 11px;
line-height: 11px;
text-transform: uppercase;
margin: 9px 0 0 0;
}
div.meta-published span.day {
font-size: 22px;
line-height: 22px;
color: #777;
}
#header-title-wrap div.meta-published span.month {
font-size: 15px;
line-height: 15px;
}
#header-title-wrap div.meta-published span.day {
font-size: 36px;
line-height: 36px;
}
.post-meta span {
padding: 6px 18px 6px 0;
display: inline-block;
}
.post-meta span a {
color: #888;
border-bottom: 1px solid #eee;
font-size: 10px;
text-transform: uppercase;
}
.meta-categories a:hover,
.meta-comment a:hover,
.meta-author a:hover { color: #000; }
.post-meta span:before {
font-family: 'WebSymbolsRegular';
color: #ccc;
padding-right: 3px;
text-transform: none;
}
.meta-published:before { content: 'P '; }
.meta-author:before { content: 'U '; }
.meta-categories:before { content: ', '; }
.meta-comment:before { content: 'c '; }
#header .post-header { margin: 8px 0 0; }
.post-header { 
margin: 0 0 20px;
text-transform: uppercase;
font-size: 10px;
color: #888;
border: 1px solid #eee;
border-width: 1px 0;
padding: 3px 0 2px;
}
.featured-image {
margin: 0 0 20px 0;
border-bottom: 5px solid #39c;
}
.featured-image a,
.featured-image img { display: block; }
.gallery-item img {
padding: 4px;
border: 1px solid #ddd !important;
} .post-navigation .pagination a,
.post-navigation .pagination span {
display: block;
float: left;
margin: 0 3px 0 0;
padding: 3px 8px 1px;
border-radius: 4px;
background: #f5f5f5;
}
.post-navigation .pagination .current,
.post-navigation .pagination a:hover {
background: #444;
color: #fff;
-webkit-transition: background-color .1s linear, color .1s linear;
-moz-transition: background-color .1s linear, color .1s linear;
-o-transition: background-color .1s linear, color .1s linear;
-ms-transition: background-color .1s linear, color .1s linear;
transition: background-color .1s linear, color .1s linear;
}
.post-navigation .pagination .current { color: #ddd; } .breadcrumbs { margin-bottom: 20px; } .comment-wrap,
#respond { 
padding: 20px 20px 25px; 
background: #eee;
margin: 0 0 30px;
}
#comments h3 {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 30px;
}
.textarea-wrap {
width: 60%;
float: left;
}
.input-wrap {
width: 32%;
float: right;
}
#comments p { clear: both; }
#comments ol,
#comments ul,
#comments li {
list-style: none;
padding: 0;
}
.comment-author {
font-size: 18px;
margin: 0 10px 0 0;
}
.comment-reply a,
.comment-time a {
font-size: 11px;
color: #aaa;
text-transform: uppercase;
margin: 0 10px 0 0;
}
.commentlist .comment-meta a:hover { color: #555; }
.commentlist .comment-author cite { font-style: normal; }
.commentlist .comment-meta {
padding: 0 0 0 80px;
margin: 0 0 10px 0;
}
.ie7 .commentlist .comment-meta { margin: -23px 0 10px 0; }
.commentlist .comment-body { 
margin: 0 0 30px 80px; 
}
.commentlist .reply { padding-left: 50px; }
#comments .commentlist #respond { margin: 0 0 0 70px; }
#comments .commentlist #commentform { margin-top: 20px; }
#comments .commentlist .comment:first-child {
border: 0;
padding: 0;
}
#comments .commentlist li.comment { clear: both; }
#comments .commentlist ul.children {
padding: 0 0 20px 80px;
margin: 0 0 -20px 0;
}
#comments input,
#comments textarea,
#comments select {
margin: 0 0 26px;
width: 90%;
text-align: left;
}
.comment { position: relative; }
#respond form { margin-bottom: -26px; }
#comments .form-section {
width: 33%;
float: right;
}
#comments #form-section-comment {
width: 65%;
float: left;
}
#comments textarea { 
height: 200px; 
resize: vertical; 
width: 100%;
}
#comments .submit {
float: none;
width: 100%;
text-align: center;
}
#comments .avatar {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
float: left;
} .dt-contactform label {
display: block;
margin: 0 0 10px 0;
}
.dt-contactform input {
width: 45%;
margin: 0 0 20px 0;
float: none !important;
text-align: left !important;
margin: 0 0 20px 0 !important;
}
.dt-contactform select { margin: 0 0 20px 0; }
.dt-contactform textarea {
width: 98%;
margin: 0 0 20px 0;
float: none !important;
text-align: left !important;
}
.dt-contactform .submit {
width: auto;
float: right;
margin: 0;
}
.contact .alert { display: none; }   #portfolio-wrap { width: 1011px; }
#filter {
width: 150px;
padding: 16px 30px;
margin: 0 45px 0 0;
background: #39c;
float: left;
}
#filter ul {
margin: 0;
padding: 0;
}
.ie7 #filter li { float: left; }
#filter li {
display: block;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
list-style: none;
}
#filter li.current li a,
#filter a {
display: block;
color: #fff;
position: relative;
line-height: 40px;
opacity: .6;
}
#filter li a:hover,
#filter li.current a,
#filter li.current a:hover { opacity: 1; }
#filter li a:before {
content: ', ';
font: normal 12px 'WebSymbolsRegular';
padding-right: 5px;
}
#filter li#all.current > a:after,
#filter ul.drop li.current a:after {
content: ']';
font-family: 'WebSymbolsRegular';
font-size: 18px;
float: right;
color: #39c;
margin-right: -40px;
}
#masonry {
list-style: none;
margin: 0;
padding: 0;
width: 756px;
float: left;
position: relative;
z-index: 10;
}
#masonry li {
width: 222px;
margin: 0 30px 40px 0;
float: left;
}
#masonry li .hentry {
border: none;
margin: 0;
padding: 0;
}
#masonry .post-title {
font-size: 16px;
font-weight: bold;
}
#masonry .post-header {
float: left;
width: 40px;
height: 40px;
background: #eee;
text-align: center;
}
#masonry .meta-published span {
display: block;
color: #555;
}
#masonry .post-wrap {
float: right;
width: 168px;
margin: -5px 0 0 0;
}
#masonry .featured-image { margin: 0 0 10px 0; }
#masonry .featured-image img,
#masonry .featured-image a { display: block; }
#masonry .post-content { margin: 0 0 -10px 0; } .isotope-item { z-index: 2; }
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
transition-property:         transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;
} .isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}   .single-portfolio #header-title-wrap { position: relative; }
.portfolio-nav {
position: absolute;
top: 14px;
right: 0;
}
.portfolio-nav div {
display: block !important;
color: #ddd;
float: left;
line-height: 1;
}
.portfolio-nav div:hover { color: #ccc; }
.portfolio-nav .next {
margin-left: 15px;
padding-left: 15px;
border-left: 2px solid #ddd;
}
.portfolio-nav .prev:before {
content: '< ';
font-family: 'WebSymbolsRegular';
padding-right: 5px;
}
.portfolio-nav .next:after {
content: ' >';
font-family: 'WebSymbolsRegular';
padding-left: 5px;
}
#portfolio-slides {
margin-bottom: 120px;
position: relative;
height: 0;
overflow: hidden;
}
#portfolio-slides .slides_container {
width: 980px;
height: auto;
position: relative;
}
#portfolio-slides .slide {
width: 980px;
display: block;
text-align: center;
}
#portfolio-slides .slide-title {
background: #39c;
color: #fff;
padding: 20px 0 25px;
width: 100%;
position: absolute;
display: none;
}
#portfolio-slides:hover .slide-title { display: block; }
#portfolio-slides .slide-title p {
display: block;
padding: 10px 0 0;
margin: 0;
font: normal 12px/1.6 "Droid Serif", Georgia, serif;
opacity: .6;
}
#portfolio-slides .prevnext {
width: 100%;
position: absolute;
top: 50%;
margin-top: -44px;
z-index: 101;
}
#portfolio-slides .prevnext a {
font: normal 36px/1 'WebSymbolsRegular';
float: left;
padding: 25px 30px;
cursor: pointer;
color: #fff;
background: #000;
display: block !important;
opacity: .4;
}
#portfolio-slides:hover .prevnext a,
#portfolio-slides .prevnext a:hover {
opacity: 1;
background: #39c;
}
#portfolio-slides a.next { float: right; }
.single-portfolio .dt-video { margin: 0 0 130px; }
.dt-video { margin: 0 0 20px; }
#portfolio-tabs { position: relative; }
#portfolio-tabs .pagination {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: -80px;
left: 0;
background: #39c;
width: 100%;
}
#portfolio-tabs .pagination li {
float: left;
margin: 0;
background: none;
}
#portfolio-tabs .pagination li a {
margin: 0;
padding: 0 20px 2px;	
font-size: 14px;
font-weight: bold;
color: #fff;
border: 1px solid transparent;
border-bottom: 0;
height: 40px;
line-height: 40px;
background: none;
display: block;
opacity: .6;
}
#portfolio-tabs .pagination li.current a {
background: #fff;
color: #39c;
border-color: #39c;
padding-top: 5px;
margin-top: -5px;
opacity: 1;
}
#portfolio-tabs .pagination li a:hover { opacity: 1 !important; }
#portfolio-tabs .post-content { width: 980px; }
#related { margin: 60px 0 0 0; }
#related ul {
list-style: none;
margin: 0 0 30px 0;
padding: 0;
width: 1008px;
position: relative;
z-index: 10;
}
#related li {
width: 222px;
margin: 0 30px 30px 0;
float: left;
}
#related li .hentry {
border: none;
margin: 0;
padding: 0;
}
#related .post-title {
font-size: 14px;
font-weight: bold;
}
#related .post-header {
float: left;
width: 40px;
height: 40px;
border-radius: 20px; 
background: #eee;
text-align: center;
}
#related .meta-published span {
display: block;
color: #555;
}
#related .meta-published span.month {
font-size: 10px;
line-height: 10px;
text-transform: uppercase;
margin: 5px 0 0 0;
}
#related .meta-published span.day {
font-size: 18px;
line-height: 18px;
font-weight: bold;
}
#related .post-wrap {
float: right;
width: 168px;
margin: -5px 0 0 0;
}
#related .featured-image { margin: 0 0 10px 0; }
#related .post-content { margin: 0 0 -10px 0; }   .widget { margin: 0 0 30px; }
#sidebar {
background: #eee;
border-top: 2px solid #39c;
}
#sidebar .widget { padding: 0px 20px 0; }
#home-widgets .widget { 
margin: 0;
padding: 0 0 50px;
background: none;
}
#home-widgets .widget_text { font-family: "Droid Serif", Georgia, serif; }
.widget-title {
font-size: 14px;
font-weight: 300;
padding: 0 0 3px 0;
margin: 0 0 20px 0;
text-transform: uppercase;
}
#sidebar .widget-title {
background: url(//pipwick.com.au/wp-content/themes/method/images/tag.png) top left no-repeat;
height: 43px;
width: 200px;
font-size: 12px;
padding: 18px 0px 0px 10px;
margin: 15px 0 0 0;
text-shadow: 0px 1px 1px #353535;
}
.widget-title .rsswidget img { margin-top: 2px; margin-bottom: -3px;}
#sidebar .widget-title a.rsswidget {
color: #FFF;
text-shadow: 0px 1px 1px #353535;
}
#related .widget-title,
.page-template-template-home-php .widget-title {
padding: 5px 0;
margin: 0 0 30px;
border-top: 2px solid #39C;
border-bottom: 1px solid #eee;
}
.widget ul { 
margin: 0;
list-style: none;
}
.widget li { margin-bottom: 10px; }
.widget ul li:last-child { margin-bottom: 0; }
.widget ul ul { margin: 0 0 0 20px; } .boxes {
list-style: none;
margin: 0;
}
#sidebar .box {
width: auto;
background: #fff;
margin: 0 0 20px;
}
.box {
position: relative;
width: 244px;
float: left;
margin: 0 1px 0 0;
overflow: hidden;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
#box4 { margin-right: 0; }
.box-inner {
padding: 25px 25px 30px;
text-align: center;
}
.box-icon {
margin: 0 0 10px 0;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.box-icon img {
border-radius: 100px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}
.box-title {
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
margin: 0 0 10px 0;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.box-excerpt {
line-height: 20px;
color: #777;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.enews-excerpt {
color: #777;
}
.enews-excerpt p {
text-shadow: 0px 1px 1px #FFFFF;
}
.box-excerpt p, .enews-excerpt p {
margin: 0 0 20px 0;
font-family: "MuseoSans-300", "Droid Serif", "Georgia", serif;
}
.box a {
font-weight: bold;
display: inline-block;
}
.box .box-link {
font-size: 13px;
line-height: 1;
border-radius: 4px;
color: #fff;
padding: 9px 15px 10px;
background: #39c;
box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);
}
.box a:hover { color: #fff; }
#sidebar .box:hover,
.box:hover { background: #39c; }
.box:hover .box-icon {
position: relative;
-webkit-animation: moveFromTop 400ms ease;
-moz-animation: moveFromTop 400ms ease;
-ms-animation: moveFromTop 400ms ease;
}
.box:hover .box-title {
position: relative;
color: #fff;
-webkit-animation: moveFromTop 300ms ease;
-moz-animation: moveFromTop 300ms ease;
-ms-animation: moveFromTop 300ms ease;
}
.box:hover .box-excerpt {
position: relative;
color: #fff;
-webkit-animation: moveFromBottom 500ms ease;
-moz-animation: moveFromBottom 500ms ease;
-ms-animation: moveFromBottom 500ms ease;
}
.box:hover .box-excerpt p {
color: #fff;
opacity: .8;
}
.box:hover .box-link {
color: #39c;
background: #fff;
}
.box:hover .box-link:hover { color: #000; }
@-webkit-keyframes moveFromTop {
from {
top: -600px;
}
to {
top: auto;
}
}
@-moz-keyframes moveFromTop {
from {
-moz-transform: translateY(-600%);
}
to {
-moz-transform: translateY(0%);
}
}
@-ms-keyframes moveFromTop {
from {
-ms-transform: translateY(-600%);
}
to {
-ms-transform: translateY(0%);
}
}
@-webkit-keyframes moveFromBottom {
from {
bottom: -400px;
}
to {
bottom: auto;
}
}
@-moz-keyframes moveFromBottom {
from {
-moz-transform: translateY(400%);
}
to {
-moz-transform: translateY(0%);
}
}
@-ms-keyframes moveFromBottom {
from {
-ms-transform: translateY(400%);
}
to {
-ms-transform: translateY(0%);
}
} .testimonial-slider { 
position: relative;
margin: -20px 0 0;
}
#sidebar .testimonial-slider { margin: 0; }
.testimonial-slider .slides_container { display: none; }
#sidebar .testimonial-slider .slide {
font-size: 12px;
padding: 0 20px;
width: 226px;
}
.testimonial-slider .slide {
text-align: center;
padding: 20px 130px;
width: 720px;
min-height: 80px;
overflow: visible;
}
.testimonial-slider .slide p {
position: relative;
z-index: 20;
color: #555;
background: #eee;
border-radius: 4px;
padding: 20px 30px;
margin: 0;
font: italic 16px/28px "Droid Serif", Georgia, serif;
}
.testimonial-slider .meta {
margin: 10px 0 0 0;
color: #888;
position: relative;
z-index: 20;
}
#sidebar .testimonial-slider .meta { font-size: 12px; }
.testimonial-slider .meta a {
color: #888;
border-bottom: 1px solid #eee;
}
.testimonial-slider .meta a:hover { color: #39c; }
.testimonial-arrows {
position: absolute;
width: 100%;
top: 50%;
margin-top: -40px;
}
.testimonial-arrows a {
font-family: 'WebSymbolsRegular';
font-size: 36px;
color: #eee;
}
.testimonial-arrows a:hover { color: #39c; }
.testimonial-arrows .prev {
float: left;
margin-left: 30px;
}
.testimonial-arrows .next {
float: right;
margin-right: 30px;
}
.testimonial-arrows a.prev:after { content: '<'; }
.testimonial-arrows a.next:before { content: '>'; } .content-slider {
position: relative;
margin: 0 0 10px 0;
}
.content-slider .slides_container {
width: 725px;
float: right;
display: none;
padding-bottom: 20px;
}
.content-slider .pagination {
width: 140px;
padding: 16px 30px;
float: left;
background: #39c;
}
.content-slider .pagination li {
display: block;
margin: 0;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
list-style: none;
}
.content-slider .pagination a {
display: block;
color: #fff;
position: relative;
line-height: 40px;
opacity: .6;
}
.content-slider .pagination li a:hover,
.content-slider .pagination li.current a { opacity: 1; }
.content-slider .pagination li a:before {
font-family: 'WebSymbolsRegular';
font-size: 12px;
padding-right: 5px;
text-transform: none;
}
.content-slider .pagination li.icon-projects a:before { content: 'D '; }
.content-slider .pagination li.icon-blog a:before { content: 'B '; font-size: 11px; }
.content-slider .pagination li.icon-twitter a:before { content: 't '; font-size: 14px; }
.content-slider .pagination li.current a:after {
content: ']';
font-family: 'WebSymbolsRegular';
font-size: 18px;
float: right;
color: #39c;
margin-right: -40px;
}
.content-slider .slide ul {
list-style: none;
margin: 0 0 25px 0;
padding: 0;
width: 756px;
position: relative;
z-index: 10;
}
.content-slider .slide li {
width: 222px;
height: auto;
margin: 0 30px 0 0;
float: left;
}
.content-slider .slide li .hentry {
border: none;
margin: 0;
padding: 0;
}
.content-slider .slide .post-title {
font-size: 16px;
font-weight: bold;
}
.content-slider .slide .featured-image { margin: 0 0 10px 0; }
.content-slider .slide .post-content { margin: 0 0 -10px 0; }
.content-slider .visit-wrap {
position: absolute;
bottom: -20px;
right: 0;
z-index: 20;
}
.more-link {
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
float: left;
}
.ie7 .follow-me,
.ie7 .content-slider .visit,
.ie7 .more-link {
float: right;
position: relative;
padding-right: 15px;
}
a.more-link,
a.follow-me,
.content-slider a.visit {
display: inline-block;
margin: 0 33px 0 0;
padding: 2px 8px 0;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
line-height: 18px;
color: white;
background: #39C;
border-radius: 4px;
}
.visit-wrap a:hover { box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1); } .callout-box {
background: #eee;
padding: 30px;
}
.callout-box.no-link .callout-excerpt {
width: auto;
background: none;
float: none;
}
.callout-box.no-link .callout-excerpt p { padding: 0; }
#sidebar .DT_Callout {
padding: 0;
background: none;
color: #444;
}
#sidebar .callout-excerpt {
width: auto;
float: none;
background: none;
}
.callout-excerpt {
width: 80%;
float: left;
}
.callout-excerpt p { 
margin: 0;
padding-right: 20px;
}
#sidebar .callout-link {
width: auto;
float: none;
margin: 20px 0 0 0;
}
.callout-link {
float: right;
width: 20%;
margin: 5px 0;
}
.callout-link a { margin: 0 0 0 30px; }
#sidebar .callout-link a { margin: 0; }
a.button-arrow {
display: inline-block;
font-size: 13px;
font-weight: bold;
line-height: 1;
background: #39c;
padding: 9px 15px 10px;
border-radius: 4px;
box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);
color: #fff;
}
a.button-arrow:hover {
background: #39c;
color: #fff;
box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1);
}
.callout-box a.button-arrow { float: right; }
a.button-arrow:after {
content: ' >';
font-family: 'WebSymbolsRegular';
color: #fff;
padding-left: 5px;
opacity: .6;
} #sidebar .enews { background: none; }
.enews { background: #eee; }
.enews-excerpt {
float: left;
width: 48%;
}
#sidebar .enews-excerpt p,
#sidebar .enews-excerpt {
width: auto;
float: none;
padding: 0;
}
.enews-excerpt p {
padding: 30px;
padding-right: 0;
}
.enews-excerpt p:last-child { margin: 0; }
.enews-form {
float: right;
width: 48%;
text-align: right;
}
#sidebar .enews-form {
width: auto;
float: none;
margin-top: 20px;
}
.enews-form form { padding: 30px; }
#sidebar .enews-form form { padding: 0; }
.ie7 input[type="text"] {
padding-bottom: 15px;
margin-top: -2px;
}
.ie8 input[type="text"] {
padding-bottom: 15px;
margin-top: -3px;
}
#sidebar .enews-form input[type="text"] { width: 160px; }
textarea,
input[type="text"] {
padding: 9px 10px 8px;
border-radius: 4px;
margin: 0 5px 0 0;
border: none;
width: 70%;
color: #888;
font-size: 13px;
line-height: 1;
text-align: center;
float: left;
outline: none;
box-shadow: 0 0 1px rgba(0, 0, 0, .5), inset 0 5px 5px rgba(0, 0, 0, .05);
}
.search-form input[type="text"] {
width: 246px;
text-align: left;
}
.search-form .submit { display: none; }
.ie7 .submit {
height: 33px;
width: 75px;
font-size: 11px;
}
.submit {
display: block;
border: 0;
font-size: 13px;
font-weight: bold;
line-height: 1;
margin: 0 !important;
position: relative;
float: right;
background: #39c;
padding: 9px 15px 10px;
border-radius: 4px;
box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);
color: #fff;
}
.submit:hover {
background: #39c;
color: #fff;
box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1);
}
.center { text-align: center; } #wp-calendar,
#wp-calendar th { text-align: center; } .widget .s { width: 308px; } .tagcloud a { font-size: 12px !important; } .DT_Search .submit {
width: 58px;
float: right;
background: #fff;
}
.DT_Search input { width: 240px } .DT_Flickr { padding-bottom: 10px; }
.DT_Flickr .flickr_badge_image {
float: left;
margin: 0 20px 15px 0;
}
#sidebar .DT_Flickr .flickr_badge_image:nth-child(3n) { margin-right: 0; } .about-me-image {
float: left;
margin: 0 15px 0 0;
}
.about-me-link { display: block } .DT_Recent_Comments li {
list-style: none;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #eee;
}
.DT_Recent_Comments li:last-child {
border: none;
margin: 0;
padding: 0;
}
.DT_Recent_Comments img {
float: left;
margin: 0 15px 0 0;
}
.DT_Recent_Comments .author { font-weight: bold; }
.DT_Recent_Comments .entry-byline {
display: block;
font-size: 11px;
margin: 13px 0 0 0;
} .DT_Get_Posts li,
.DT_Related_Posts li {
list-style: none;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #eee;
}
.DT_Get_Posts img,
.DT_Related_Posts img {
float: left;
margin: 0 15px 0 0;
}
.DT_Get_Posts .post-title,
.DT_Related_Posts .post-title {
font-size: 13px;
margin: 0;
} .DT_Twitter li {
list-style: none;
margin: 0 30px 20px 0;
}
.DT_Twitter li:last-child {
margin: 0;
padding: 0;
border: none;
}
.DT_Twitter span a { display: inline; } .DT_Subscribe_Follow li,
.DT_Social li { list-style: none }
.widget li.delicious a { background: url(//pipwick.com.au/wp-content/themes/method/engine/images/icons/delicious-24.png) no-repeat }
.widget li.digg a { background: url(//pipwick.com.au/wp-content/themes/method/engine/images/icons/digg-24.png) no-repeat }
.widget li.email a { background: url(//pipwick.com.au/wp-content/themes/method/engine/images/icons/email-24.png) no-repeat }
.widget li.facebook a { background: url(//pipwick.com.au/wp-content/themes/method/engine/images/icons/facebook-24.png) no-repeat }
.widget li.google-buzz a { background: url(//pipwick.com.au/wp-content/themes/method/engine/images/icons/google-buzz-24.png) no-repeat }
.widget li.rss a { background: url(//pipwick.com.au/wp-content/themes/method/engine/images/icons/rss-24.png) no-repeat }
.widget li.stumbleupon a { background: url(//pipwick.com.au/wp-content/themes/method/engine/images/icons/stumbleupon-24.png) no-repeat }
.widget li.twitter a { background: url(//pipwick.com.au/wp-content/themes/method/engine/images/icons/twitter-24.png) no-repeat }
.DT_Social li,
.DT_Subscribe_Follow li { margin-bottom: 10px; }
.DT_Social li a,
.DT_Subscribe_Follow li a {
display: inline-block;
line-height: 24px;
font-size: 16px;
}
ul.icons-text li a { padding-left: 34px; }
ul.text-only li a { background: none !important; }
ul.icons-only li {
width: 24px;
float: left;
margin-right: 10px;
}
ul.icons-only li a {
width: 24px;
height: 24px;
}
ul.icons-only li a:hover { text-decoration: none; }
ul.icons-only .text { visibility: hidden }
ul.checks {
list-style: none;
line-height: 2;
}
ul.checks li:before {
content: '. ';
font-family: 'WebSymbolsRegular';
padding-right: 5px;
opacity: .6;
}   #footer-widgets { padding: 20px 0; }
#footer-widgets .widget { background: none; }
#footer-widgets ul {
list-style: none;
padding-bottom: 3px;
}
#footer-widgets ul ul {
margin: 0;
padding: 10px 0 0 0;
}
#footer-widgets li { margin-bottom: 10px; }
#footer-widgets .button {
display: block;
text-decoration: none;
font-weight: normal;
line-height: inherit;
padding: 0;
border: none;
}
#footer-widgets .col.first .widget-inside { 
background: none; 
margin: 0;
padding: 0;
}
#footer-widgets .widget-inside { margin-left: 30px; }
#footer-widgets .widget-title {
margin: 0 0 20px 0;
padding: 0;
font-weight: bold;
font-size: 12px;
color: #fff;
text-transform: uppercase;
background: none;
opacity: .6;
border: 0;
}
#footer-widgets .col.first { width: 474px; }
#footer-widgets .col {
float: left;
width: 168px;
}
#footer {
padding: 30px 0;
margin: 0 auto;
width: 980px;
color: #fff;
}
#footer a {
color: #fff;
font-weight: bold;
}
#footer a:hover { color: #333; }
#footer .button {
font-weight: bold;
display: inline-block;
line-height: 1;
border-radius: 4px;
color: #39c !important;
padding: 9px 15px 10px;
background: #fff;
box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1);
}
#footer .button:hover { box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1); }
#site-info {
text-align: center;
text-transform: uppercase;
opacity: .6;
font-size: 11px;
}   a.button {
display: inline-block;
text-decoration: none;
font-weight: bold;
line-height: 1;
padding: 9px 15px 10px !important;
border-radius: 4px !important;
box-shadow: inset 0 -5px 10px rgba(0, 0, 0, .1) !important;
color: #333;
border: 0 !important;
text-shadow: none !important;
}
a.button:hover {
background: #39c;
color: #fff;
box-shadow: inset 0 5px 10px rgba(0, 0, 0, .1) !important;
}
a.button.white { background: #f9f9f9 }
a.button.white:hover { background: #efefef }
a.button.grey { background: #cacaca }
a.button.grey:hover { background: #bcbcbc }
a.button.yellow {
background: #feda71;
color: #963 !important;
}
a.button.yellow:hover { background: #fec354 }
a.button.green {
background: #cae285;
color: #5d7731 !important;
}
a.button.green:hover { background: #b8d872 }
a.button.blue {
background: #39c;
color: #fff !important;
}
a.button.blue:hover { background: #39c }
a.button.black {
background: #5e5e5e;
color: #fff !important;
}
a.button.black:hover { background: #5A5A5A }
.tabber ul.tabs { border-left: 0 }
.tabber .tabs a {
border-radius: 4px 4px 0 0;
border: 0;
margin-right: 1px;
background: transparent;
}
.tabber .tabs a.current {
border: 1px solid #ddd;
border-bottom-color: #fff;
}
.tabber .panes { border-radius: 0 0 4px 4px }
.accordion { border-radius: 0 0 4px 4px }
.accordion .trigger:first-child,
.accordion .pane:first-child { border-radius: 4px 4px 0 0 }
.accordion .trigger:last-child,
.accordion .pane:last-child { border-radius: 0 0 4px 4px }
.accordion .trigger.current:last-child { border-radius: 0 }
.toggle { border-radius: 4px }
.toggle .trigger { border-radius: 4px 4px 0 0 }