/*   
Theme Name: Pixelhandler - A Thematic Child Theme
Theme URI: 
Description: professional and clean with theme options for logo and welcome text
Author: Bill Heaton
Author URI: http: //pixelhandler.com/
Template: thematic
Version: 3.0
Tags: Overhaul, Thematic, Brochure
.
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('../thematic/library/layouts/2c-r-fixed.css'); 

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

/* Apply default theme styles and colors */
@import url('../thematic/library/styles/default.css'); 

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


/* Overhaul theme */
@font-face {
	font-family: 'JunctionRegular';
	src: url('/fonts/junction_02-webfont.eot');
	src: local('☺'), url('/fonts/junction_02-webfont.woff') format('woff'), url('/fonts/junction_02-webfont.ttf') format('truetype'), url('/fonts/junction_02-webfont.svg#webfontnsBGxkzy') format('svg');
	font-weight: normal;
	font-style: normal;
}

body, input, textarea, h1, h2, h3, h4, h5, h6, #blog-title, .entry-title, .entry-content h1, .entry-content h2 { 
	font: normal normal normal .833em/1.5em 'JunctionRegular', 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; 
	}
.Junction {
	font-family: 'JunctionRegular';
}
blockquote { 
	color: #000; 
	}
#wrapper { 
	margin: 0 auto; 
	/*background: #000 url(./images/BalanceStones091206.jpg) fixed no-repeat 50% 0%; */
	background: #000 url(./images/crowd-photo-jakekrohn.jpg) fixed no-repeat 50% 0%;
	}
/* header */ 
#header { 
	color: #fff; 
	z-index: 80; 
	background-color: #111; 
	background: transparent url(./images/black-screen-top.png) repeat-x 0 0;
	}
#branding { 
	padding: 24px 0 0px 14px; 
	height: 70px; 
	}
#logo-image {
	float:left;
	margin:0 12px 12px 0;
	}
#blog-title, #blog-description {
	margin-left:54px;
	width:50%;
	}
#header h1 {
	clear:none;
	}
#blog-title { 
	font-size: 18pt; 
	line-height: 1em; 
	color: #fff; 
	float: none; 
	text-align: left; 
	}
#blog-title a:active, #blog-title a:hover { 
	color: #f26211; 
	}
#blog-title a { 
	color: #fff; 
	text-decoration: none; 
	}

#date { 
	clear: left; 
	color: #FFFFFF; 
	padding: 0.3em 0; 
	}
/* widgets */
#header-widget { 
	float: right; 
	margin-right: 10px; 
	padding: 0; 
	text-align: left; 
	width: 290px; 
	margin-top: 0px; 
	color: #fff;
	}
#header-widget p { 
	margin: 0; 
	}
#header-widget a {
	color: #fff;
}
#header-widget .header-widget { 
	margin: 0; 
	padding: 0; 
	}
/*
#header-widget form { 
	margin: 0; 
	padding: 0; 
	font-family: sans-serif; 
	}
#header-widget input { 
	opacity: .6; 
	}
#header-widget label { 
	color: #fff; 
	margin: .4em; 
	text-shadow: #000 0px 1px 2px; 
	}
*/
/* nav */
#access { 
	border-bottom: none; 
	font-size: 13px; 
	height: 33px; 
	overflow: visible; 
	z-index: 100; 
	background: #1255e0 url(./images/btn-grad.png) repeat-x 0 0; 
	}
.menu { 
	width: 920px; 
	z-index: 105; 
	}
.sf-menu { 
	border-right: none; /*1px solid #000; */
	float: left; 
	z-index: 110; 
	}
.sf-menu li { 
	background: transparent; 
	z-index: 115; 
	}
a, a:link { 
	color: #1255e0;
	}	
a:hover { 
	color: #f26211; 
	}
a:visited { 
	color: #1255e0; 
	}
a:active, a:focus { 
	color: #f26211; 
	}
a:visited:hover { 
	color: #1255e0; 
	}
.sf-menu a { 
	border-bottom: none; 
	border-left: none; 
	border-top: none; 
	padding: 10px 18px; 
	text-decoration: none; 
	}
.sf-menu a, .sf-menu a:link { 
	color: #fff; 
	}
.sf-menu a:hover { 
	color: #fff; 
	}
.sf-menu a:visited { 
	color: #fff; 
	}
.sf-menu a:visited:hover { 
	color: #fff; 
	}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { 
	background: transparent url(./images/btn-grad.png) repeat-x 0 0;
	}
.sf-menu li a + ul, .sf-menu ul { 
	}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { 
	left: 0; 
	top: 2.5em; 
	z-index: 120; 
	}
.sf-menu li li {
	background: #1255e0 url(./images/btn-grad.png) repeat-x 0 0; 
	border:none;
}
.sf-menu ul a {
	background-color: transparent;
}
/* leader on home page, set up with theme options */
#leader {
	background: transparent url(./images/blue-screen-tall.png) repeat-x 0 0;
	margin:0;
	padding:18px 0;
	z-index:90;
	}
#home-text {
	margin:0 auto;
	width:920px;
	font-size:2em;
	line-height:2.5em;
	color:#fff;
	}
/* main */
#main { 
	z-index: 70; 
	padding: 24px 0 0 0; 
	background-color: transparent; 
	}
#content { 
	margin: 0 0 0 18px; 
	width: 580px; 
	}
#content .aside { 
	border: none; 
}
#container { 
	color: #000; 
	margin-left: 10px; 
	width: 610px; 
	background: transparent url(./images/white-screen-75.png) repeat-y top left;
	}
/* sidebar */
#primary { 
	color: #000; 
	background: transparent url(./images/white-screen-75.png) repeat-y top left;
	}
#secondary { 
	color: #000; 
	background: transparent url(./images/white-screen-75.png) repeat-y top left;
	}
#primary, #container, #secondary { 
	-moz-background-clip: border; 
	-moz-background-inline-policy: continuous; 
	-moz-background-origin: padding; 
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px; 
	border-radius: 7px; 
	margin-bottom: 22px; 
	padding: 18px 0; 
	border: none; 
	}
#primary .socialmedialinks p,
#secondary .socialmedialinks p,
#footer .socialmedialinks p { 
	float: left; 
	width: 64px; 
	margin: 10px; 
	text-align: center; 
	}
#container h3, #primary h3, #secondary h3 { 
	margin: 0px 0px 0.5em 0px; 
	color: #000; 
	font-weight: bold;
	}
/* footer */
#footer { 
	border-top: 7px solid #1255e0; 
	background-color: #111; 
	background: transparent url(./images/black-screen.png) repeat-x 0 0; 
	margin-top: 0; 
	}
#footer, #footer .aside { 
	color: #f26211;; 
	}
#subsidiary #second { 
	padding-left: 70px; 
	width: 230px; 
	}
#footer form p { 
	margin: 0; 
	padding: 0; 
	}
#footer .widgetcontainer { 
	margin: 0 0 1em 0; 
	}
#footer .widgettitle { 
	margin: 0 0 .5em 0; 
	}
#footer .socialmedialinks a, #footer .socialmedialinks a img { 
	border: none; 
	text-decoration: none; 
	}
#footer h3, #footer a { 
	color: #fff; 
}
#respond {
	background: transparent;
}
/* classes */
.aside { 
    color: #111; 
	}
.aside h3 {
	font-style: normal;
}
.aside a, .aside a:link { 
	color: #000; 
	}
.aside a:active,
.aside a:hover { 
	color: #f26211; 
	}
.aside table, table, .aside th, .aside td, .aside tbody, .aside tr, tr, td { 
	border: none; 
	}
.entry-content { 
	padding: 0; 
	}
.entry-content h4 { 
    text-transform: none; 
	margin: .5em 0 .75em 0; 
	}
.entry-utility {  
	margin: 8px 0 16px 0; 
	}
.entry-title, .entry-title a, .entry-title a:link { 
	color: #000; 
	font-size: 21px; 
	line-height: 21px; 
	}
.entry-title a:active,
.entry-title a:hover { 
	color: #f26211; 
	}
.entry-title a:visited { 
	color: #000; 
	}
.entry-meta, .entry-meta a { 
	color: #f26211; 
	}
.entry-meta, .entry-utility, #nav-below, #nav-above { 
	display: none; 
	}
.home #content .sticky { 
	border: 1px solid #CCC; 
	margin: 0 0 24px; 
	padding: 22px 20px 0; 
	background-color: #E6EFC2; 
	}
.entry-content h3 {
	font-style: normal;
}
.entry-content img.attachment-post-thumbnail { 
	float: left; 
	margin: .5em 1em .5em 0; 
	}
.more { 
	text-decoration: none; 
	font-size: .75em; 
	}
/* elements 
-------------------------------------------------------------- */
p { 
	margin-bottom: 18px; 
	}
h3 {
	font-size: 18px;
}
/* colors 
-------------------------------------------------------------- */
.orange { color: #fc6401; }
.red { color: #f26211; }
.gray { color: #333; }
/* Success,notice and error boxes
-------------------------------------------------------------- */
.error,
.notice,
.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error { background: #FBE3E4; color: #8a1f11; border-color: #fc6401; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #f26211; }
.error a { color: #fc6401; }
.notice a { color: #514721; }
.success a { color: #f26211; }


/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
/* http: //sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
/* http: //www.positioniseverything.net/easyclearing.html */
.clearfix: after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
pre { font-size: 12px)


/* CUSTOM Body content Styles 
-------------------------------------------------------------------------------- */
#headerExtra { 
	height: 1px; 
	margin-left: 85px; 
	margin-top: -5px; 
	position: relative; 
	width: 211px; 
	z-index: 199; 
}