/*
Theme Name: Thinkbrick Climate Design
Theme URI: http://tangocomms.co.nz
Description: Custom theme for Thinkbrick Climate Design.
Author: Peepshow
Author URI: http://peepshow.co.nz
version: 1.0
Tags: two-column, widget-ready
*/



body {
	background:#242B31;
	color: #333;
	font: 67% 'Verdana', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	padding:0 0 40px;
	margin:0;
}

a, a:link, a:visited, a:active {
	color: #EB008B;
	text-decoration: none;
	border:none;
	outline:none;
}

a:hover {
	color:#5D2880;
	border:none;
	outline:none;
}

img 
{
	border:none;
}

h1 {
	background:url(images/masterclass_logo.png) no-repeat;
	margin:7px 0 0 20px;	
}

.logo
{
	display:block;
	width:437px;
	height:65px;
	text-indent:-9999px;
}

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

a:focus {
	outline: none;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 30px;
	font-weight:normal;
}

h2 {
	font-size: 28px;
	font-weight:normal;
}

h3 {
	font-size: 18px;
	font-weight:normal;
}

h4 {
	font-size: 15px;
	font-weight:normal;
}

h5 {
	font-size: 15px;
	font-weight:normal;
	color: #E80B8C;
}

h6 {
	font-size: 13px;
	font-weight:normal;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: none;
}

li {
	margin-left: 0px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 16px;
}
p {
	line-height:1.3em;
}

.pink
{
	color: #EB008B;
}
.purple
{
	color: #5D2880;
}


.main {
	background:#FFF;
}


a.white:link, a.white:active, a.white:visited
{
	color:#FFF;
}
a.white:hover
{
	color:#000;
}

.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.8;

  /* Safari 1.x */
  -khtml-opacity: 0.8;

  /* Good browsers */
  opacity: 0.8;
}

.continue
{
	background:url(images/continue_arrow.png) no-repeat right 2px;
	padding:0 12px 0 0;
	display:block;
	width:288px; 
	height:18px;
	float:right;
	text-align:right;
}
.continue:hover
{
	background:url(images/continue_arrow.png) no-repeat right -13px;
}

.floatleft
{
	float:left;
	margin:0 8px 0 0;
}
.floatright
{
	float:right;
	margin:0 0 0 8px;
}

.alignleft
{
	float:left;
}
.alignright
{
	float:right;
}

.dropshadow
{
	-webkit-box-shadow: 0 1px 7px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 7px rgba(0,0,0,.2);
	box-shadow: 0 1px 7px rgba(0,0,0,.2); 
}

.borderclass
{
	border:6px solid #fff;
}

/* ==============================================================================
	TEMPLATE
--------------------------------------------------------------------------------*/
.main 
{
	padding:0;
}

#tophead
{
	height:55px;
	background:url(images/tophead_bg.png)
}
	.toptext
	{
		padding:8px 0 0 20px;
		color:#FFF;
		width:600px;
		float:left;
	}
	.topright
	{
		padding:8px 0 0 20px;
		width:320px;
		float:right;
	}
	.topright .toplinks
	{
		color:#FFFFFF;
		font-size:0.9em;
		padding-right:80px;
		text-align:right;	
	}
	.topright .topsearch
	{
		float:right;
		margin:7px 10px 0 0;
	}
		.topsearch input
		{
			background:none;
			border:none;
			padding:3px 0 0 0;
			margin-right:15px;
			width:160px;
			font-size:10px;
		}
		#searchsubmit
		{
			border:none;
			width:80px;
		}


#header
{
	height:325px;
	background:url(images/header_bg.jpg);
	z-index:1;
}
	h1#logo
	{
		padding:0;
		margin:0;
	}
		h1#logo a
		{
			background:url(images/thinkbrick_logo.png) no-repeat top left;
			display:block;
			padding:0;
			margin:0;
			height:180px;
			text-indent:-9999px;
		}

#main-content
{
	margin-top:-212px;
	position:relative;
}
	#left-content
	{
		z-index:2;
		position:relative;
		width:640px;
		padding-top:100px;
		overflow:hidden;
	}
	

.navigation
{
	margin:20px 0;
	background-color:#E91490;
	padding:8px;
	font-size:1.4em;
	text-transform:uppercase;
}
	.navigation a:link,
	.navigation a:visited,
	.navigation a:active
	{
		color:#fff;
	}
	.navigation a:hover
	{
		color:#242B31;
	}
	.navigation span
	{
		font-size:1.6em;
		line-height:15px;
	}
	.navigation .alignleft
	{
		float:left;
	}
		
	.navigation .alignright
	{
		float:right;
	}

/* ==============================================================================
	FEATURE POSTS
--------------------------------------------------------------------------------*/

.feature-post
{
	background:#E2D9E8;
	position:relative;
	height:288px;
	width:640px;
	margin:0 0 2px;
}

	.feat-title
	{
		background:url(images/feat_title.png) no-repeat top left;
		height:112px;
		text-align:right;
		position:absolute;
		top:0;
		left:0;
		width:640px;
	}

	.feat-title h2
	{
		padding:17px 16px 10px 30px;
		margin:0;
		line-height:30px;		
	}
	.feat-title span
	{
		margin:0;
		font-size:0.7em;
	}

	.feat-img
	{
		position:absolute;
		top:0;
		left:0;
	}
		
	.feat-intro
	{
		padding:24px 20px 20px;
		background:url(images/feat_bg.png) top right no-repeat;
		text-align:right;
		overflow:hidden;
		position:absolute;
		left:320px;
		top:112px;
		width:280px;
	}
		.feat-intro p
		{
			margin:0;
			padding:0 0 10px 0;
		}
		
	.feat-foot
	{
		background:#4A4A4A;
		padding:6px 10px;
		font-size:10px;
		color:#FFF;
		position:absolute;
		bottom:0px;
		width:620px;
		left: 0px;
	}
	.feat-foot .foot-left
	{
		float:left;
	}
		
	.feat-foot .foot-right
	{
		float:right;
	}
		
.cat-feat		
{
	margin:4px 0 0;
	width:642px;
}

	.cat-feat-foot
	{
		background:#4A4A4A;
		padding:6px 10px;
		font-size:10px;
		color:#FFF;
		position:absolute;
		bottom:0px;
		width:299px;
	}
	.cat-feat-foot .foot-left
	{
		float:left;
	}
		
	.cat-feat-foot .foot-right
	{
		float:right;
	}

	.boxgrid{ 
		width: 319px; 
		height: 288px; 
		float:left; 
		background:#161613; 
		overflow: hidden; 
		position: relative; 
		margin:0 2px 6px 0;
	}
		.boxgrid .cat-feat-title 
		{
			background:url(images/cat_feat_title.png) no-repeat top left;
			height:120px;
			width:319px;
			position:absolute;
			top:0px;
			z-index:3;
		}
	
			.boxgrid .cat-feat-title h2
			{
				text-align:right;
				font-size:1.8em;
				padding:0;
				margin:10px 16px 0;
			}
				.cat-feat-title h2 span
				{
					margin:0;
					font-size:1.2em;
					padding:0;
					display:block;
					height:30px;
				}
			.title-links
			{
				width:287px;
				padding:0 16px;
				position:absolute;
				bottom:16px;
			}
			.cat-link 
			{
				float:left;
				text-transform:uppercase;
			}
			.more-link
			{
				float:right;
			}
		.boxgrid img{ 
			position: absolute; 
			top: 0; 
			left: 0; 
			border: 0; 
			z-index:0;
		}
		.boxgrid p{ 
			padding: 0; 
			color:#fff; 
			font-weight:normal;
			font-size:1.0em;
			text-align:right;
		}
		
	.boxcaption{
		float: left;
		position: absolute;
		background: #000;
		height: 200px;
		width: 291px;
		opacity: .8;
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		padding:10px 15px 0;
		top: 288px;
		color:#FFF;
	}
		
	.boxcaption h3
	{
		font-size:1.4em;
		font-weight:bold;
		color:#B1D47D;
		text-align:center;
	}

	
.single-post
{
	background:#fff;
	position:relative;
	width:640px;
	margin:0 0 2px;
}
	
	.single-title
	{
		background:url(images/feat_title.png) no-repeat top left;
		min-height:60px;
		text-align:right;
		position:absolute;
		top:0;
		left:0;
		width:640px;
		padding-bottom:46px;
	}

	.single-title h2
	{
		padding:20px 36px 0 30px;
		margin:0;
		line-height:30px;		
	}
	.single-meta
	{
		background:#4A4A4A;
		padding:6px 10px;
		font-size:10px;
		color:#FFF;
		position:absolute;
		bottom:0px;
		width:620px;
		left: 0px;
	}
	.single-meta-left
	{
		float:left;
	}
		
	.single-meta-right
	{
		float:right;
	}
		
	.single-img
	{
		margin:0 0 40px 0;
		min-height:20px;
		padding:100px 0 0 0;
	}
	.single-content
	{
		margin:0 40px 40px 80px;
	}
	
	.single-post ul
	{
		list-style-type:square;
		padding:0 30px 10px;
	}
		.single-post ul li
		{
			margin:0 0 8px;
		}

	.single-post ol
	{
		list-style-type:decimal;
		padding:0 30px 10px;
	}
		.single-post ol li
		{
			margin:0 0 8px;
		}

.post
	{
		margin:25px 25px 45px;
	}
	
		.post-head
		{
			margin:0 0 10px 0;
			padding:0 0 4px 0;
			border-bottom:1px solid #666;
		}
		.post-feat
		{
			margin:0 0 20px 0;
		}
		.post h2
		{
			font-family:"helvetica", arial, sans-serif;
			font-size:2.2em;
			font-weight:normal;
			text-align:left;
			color:#424242;
			padding:0;
			margin:0;
			line-height:1.2em;
			display:block;
		}
		.post .date
		{
			color:#E80B8C;
			padding:0;
			margin:0;
		}
		.post-foot
		{
			padding:2px 0 4px 6px;
			margin:0;
			border-top:1px solid #666;
			border-bottom:1px solid #666;
			background:url(images/post_foot.jpg) repeat-x;
			clear:both;
		}
			.post-foot a:link, .post-foot a:visited, .post-foot a:active
			{
				text-decoration:none;
				color:#424242;
			}
			.post-foot a:hover
			{
				text-decoration:none;
				color:#E80B8C;
			}


		
/* ==============================================================================
	PAGE 	SEARCH
--------------------------------------------------------------------------------*/

.search-post
{
	background:#fff;
	position:relative;
	width:640px;
	margin:0 0 2px;
	float:left;
	display:inline;
}
	
	.search-post #searchform
	{
		margin:0 0 30px 0;
		padding:8px;
		text-align:right;
		background:#4A4A4A;
		font-size:1.2em;
	}

	.search-post #searchform input
	{
		width:220px;
		padding:4px;
		margin:0 2px 0 0;
		border:none;
		background:#CCC;
		height:19px;
		font-size:1.2em;
	}
	.search-post #searchform #searchsubmit
	{
		background:#FFF;
		border:medium none;
		cursor:pointer;
		margin:0 2px 0 0;
		padding:4px;
		color:#EB008B;
		width:80px;
		height:27px;
	}
	.search-post #searchform label
	{
		font-size:1.4em;
		color:#fff;
	}
	.search-title
	{
		text-align:right;
		top:0;
		left:0;
	}

	.search-title h2
	{
		padding:20px 36px 20px 30px;
		margin:0;
		line-height:30px;		
	}
	
	.search-head
	{
		margin:0 0 10px 0;
		padding:0 0 4px 0;
	}
	.search-meta
	{
		background:#4A4A4A;
		padding:6px 10px;
		font-size:10px;
		color:#FFF;
		width:100%;
	}
	.search_result
	{
		margin:0 40px 40px 80px;
		_margin-right:40px;
		_margin-left:80px;
	}
		


/* ==============================================================================
	SIDEBAR
--------------------------------------------------------------------------------*/

#sidebar
{
	width:316px;
	float:right;
}
	.head-video
	{
		margin:0 0 40px 6px;
	}
	
	#sidebar h2
	{
		height:22px;
		background:url(images/sidebar_heads.png) no-repeat top left;
		color:#FFF;
		font-size:16px;
		padding:8px 0 0 40px;
		margin:0;
	}
	
	#sidebar h2.purple
	{
		background:url(images/sidebar_heads.png) no-repeat 0 -31px;
	}

	.widget_space ul {
		list-style: none;
		margin:0;
		padding:0;
	}
	
	.widget_space ul li {
		margin: 0 0 0 0;
		padding:0;
		display:block;
	} 
	.widget_space ul li a {
		margin: 0 0 0 3px;
		padding:4px 0 4px 3px;
		display:block;
		background:#fff;
	}
	.widget_space ul li a:hover {
		margin: 0 0 0 3px;
		padding:4px 0 4px 3px;
		display:block;
		background:#F2F2F2;
	}

	ul.socical_links
	{
		margin:16px 0 0 40px;
		padding:0;
		list-style:none;
	}
	ul.socical_links li
	{
		margin:0 12px 20px 0;
		padding:0;
		list-style:none;
		display:inline;
		width:55px;
		height:60px;
		overflow:hidden;
		float:left;
	}
		ul.socical_links li a
		{
			width:55px;
			height:60px;
			background:url(images/follow_icons.png) no-repeat;
			display:block;
			text-indent:-999px;
		}

		ul.socical_links li a.facebook
		{
			background-position:0 0;
		}
	
		ul.socical_links li a.twitter
		{
			background-position:-55px 0;
		}
	
		ul.socical_links li a.youtube
		{
			background-position:-110px 0;
		}
	
		ul.socical_links li a.rss
		{
			background-position:-165px 0;
		}
		ul.socical_links li a.facebook:hover
		{
			background-position:0 -60px;
		}
	
		ul.socical_links li a.twitter:hover
		{
			background-position:-55px -60px;
		}
	
		ul.socical_links li a.youtube:hover
		{
			background-position:-110px -60px;
		}
	
		ul.socical_links li a.rss:hover
		{
			background-position:-165px -60px;
		}
	
	.widget_space
	{
		margin:0 0 10px;
	}
	
	#sidebar ul.categories
	{
		margin:1px 0 20px 2px;
		padding:0 0 0 40px;
	}
	#sidebar .cat-item a
	{
		display:block;
		padding:4px 0 4px 10px;
		background:#E2D9E8;
		margin-bottom:1px;
		font-size:1.2em;
		color:#5D2880;
	}
	#sidebar .cat-item a:hover
	{
		background:#B39BC4;
	}
	
	#sidebar .talktous
	{
		margin:10px 0 10px 42px;
		height:110px;
	}
	
/* ==============================================================================
	FOOTER
--------------------------------------------------------------------------------*/
#footer 
{
	text-align:center;
	padding:20px 0 20px;
	height:30px;
	/*background:url(images/footer_bg.png) right top no-repeat;*/
	background:#FFF;
	border-top:2px solid #242B31;
}

	#footer .copyright
	{
		font-size:1.2em;
		text-align:left;
		margin-left:40px;
	}
	
	#footer .foot-menu
	{
		list-style:none;
		display:inline;
		margin: 0 0 0 40px;
		padding:0;
		float:left;
		height:1em;
	}

	#footer .links
	{
		font-size:0.9em;
		text-align:left;
		color:#999;
		margin: 0 3px 0 0;
		padding:0 5px 0 0;
		list-style:none;
		display:inline;
		border-right: 1px solid #999;
	}

	#footer .links:last-child
	{
		border:none;
	}
	
	#footer .links a,
	#footer .links a:link,
	#footer .links a:active,
	#footer .links a:visited
	{
		color:#999;
	}
	
	#footer .links a:hover
	{
		color:#EB008B;
	}


/* COMMENTS
-----------------------------------------------------------------------------*/


ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #DDD9D9; height:1%; margin:0 0 6px; padding:8px 7px 8px 57px; position:relative; border-left:none; border-right:none;}
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#c00; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:5px solid #ddd; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.0 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { margin:0 0 1em; }
ol.commentlist li ul { list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#999; border:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#E91490; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {  }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#FDEEF7; }
ol.commentlist li.odd { background:#F2F2F2; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

.comments-template #respond {
		margin:20px 0 0 0;
}
.comments-template {
		padding:0 25px 25px;
}

.comments-template #respond #comment {
		border:1px solid #DDD9D9;
		width:100%;
}

.comments-template #respond input {
		border:1px solid #DDD9D9;
}

.comments-template .comments-head {
		font-size:1.8em;
		text-transform:none;
		margin-bottom:20px;
}