/*
Theme Name: Omanu
Theme URI: http://dalesattler.net
Author: Dale Sattler
Author URI: http://dalesattler.net
Description: A semantic, HTML5 theme for artists, designers, illustrators.
Version: 1
License: GNU General Public License
License URI: license.txt
Tags: html5, ajax, custom post formats, grid, artist, mobile, responsive, portfolio, news, minimal, webfonts, theme options, masonry
*/


/* =RESET
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
nav ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle }
label, input[type=button], input[type=submit], button { cursor: pointer }

/* =ROOT
-------------------------------------------------------------- */

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

}


body {
	margin: 0;
	color: #777;
	padding: 0;
	font: 100%/1.1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Myriad Pro", Myriad, Geneva, Arial, "Lucida Grande", sans-serif;
}

a {
	color:#777;
	font-size: inherit;
}

a:hover {
	color:#000;
	text-decoration: none;
	-o-transition-duration: 1s;
	-o-transition-property: color;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: color;
	transition-duration: 1s;
	transition-property: color;
}

::selection {
	background: #00FFFF;
	color: white;
	text-shadow: none;
}

/*ROOT
-------------------------------------------------------------- */

#wrapper {
	width: 100%;
	margin: 0;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#wrapper-inside {
	width: 97%;
	padding: 0 1.5% 0 1.5%;
	margin: 0;
	position: relative;
}

#content {
	margin-top: 20px;
	text-align: left;
}

.content-single#content  {
	margin-top: 30px;
}

#scroll-to-top {
	height:25px;
	margin: 0;
	position: relative;
	display: none;
	float: right;
}

#scroll-to-top a{
	display:block;
	text-indent:-9999em;
	background:url(images/scroll-top.gif) 0 0; 
	width:25px; 
	height:25px;
	background-repeat:no-repeat;
	overflow: hidden;
}

#scroll-to-top a:hover { 
	background-position: 0 -25px; 
}

.comments-top {
	margin: 0;
	position: absolute;
	text-indent:-9999em;
	background:url(images/scroll-top.gif) 0 0; 
	width:25px; height:25px;
	cursor: pointer;
	top:0;
    right:0;
    display: block;
    overflow: hidden;
}

.comments-top:hover { 
	background-position: 0 -25px;
}

video {
    max-width: 100%;
}

.video video img {
	max-width: 100%;
	height: auto;
}

.bg {
	background:url(images/bg.gif) repeat;
	background-color: #fafafa;
}

.ajaxloading {
	height: 200px;
	background: url(images/loader.gif) no-repeat center center;
	-o-transition-duration: 1s;
	-o-transition-property: height;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: height;
	-moz-transition-duration: 1s;
	-moz-transition-property: height;
	transition-duration: 1s;
	transition-property: height;
}

/*HEADER
-------------------------------------------------------------- */
#header{
	position: relative;
	padding-top: 20px;
	z-index: 30000;
}

#logo {
	width: 100%;	
	margin: 0;
}

#logo img{
	max-height: 120px;
	margin:0 0 15px 0;
	display: block;
	image-rendering: optimizeQuality; 
    -ms-interpolation-mode: bicubic;
}

#navBox {
	position: relative;
	margin-top: 0;
	top:0;
	width: 100%;
	margin-bottom: 10px;
	z-index: 1000;
	display: block;
	padding: 0;
}

#navBox ul {
	margin:9px 0 0 0;
	padding:0;
	list-style: none;
	position: relative;
}
	
#navBox ul li {
	display:block;
	margin:4px 0 0 0;
	text-transform: uppercase;
	font-size: 0.90em;
	position: relative;
	padding: 9px 5px 10px 8px;
	height: auto;
	font-family:'FabricaRegular', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Myriad Pro", Myriad, Geneva, Arial, "Lucida Grande", sans-serif;
	border-bottom: 1px solid #ccc;
}

#navBox ul li:first-child {
	border-top: 1px solid #ccc;
}

#navBox a.page-level-top, #navBox .page-level-sub {
	padding: 0;
	display: inline;
	float: none;
}

#navBox ul li ul.sub-menu {
	position: inherit;
	padding:0px;
	margin: 0px;
	display: none;
	top:auto;
	z-index: 10000;
	zoom: 1;
}

#navBox ul li ul.sub-menu li {
	margin:3px 0 0 0;
	padding: 10px 5px 0px 8px;
	float: none;
	border: none;
}

#navBox ul .no-bg {
	display: none;
}

#navBox ul li a.touch-link {
	white-space: nowrap;
	
	height: 30px;
	width: 21px;
	display: block;
	float: right;
	padding: 0;
	margin: -7px 0 0 6px;
	background:url(images/nav-arrow.png) 0 0!important;
}

.ie7 #navBox {
	position: relative;
	left: 0!important;
}

.ie7 #navBox ul li {
   zoom: 1;  
   height: auto;  
   padding-bottom: 8px;
}

.ie7 #navBox ul li a.touch-link {
	margin: -26px 0 0 6px;
	height: 26px;
}

.ie9 #navBox ul li a.touch-link {
	position: absolute;
	height: 30px;
	width: 21px;
	display: block;
	padding: 0;
	padding-right: 5px;
	margin: -8px  0 6px;
	background:url(images/nav-arrow.png) 0 0 no-repeat;
	left: 95%;
}

#navBox ul li a.touch-link.active {
	background:url(images/nav-arrow-active.png) 0 0 no-repeat!important;
}

#navBox ul li a {
	color: #c1c1c1;
	text-decoration: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#navBox ul li.current_page_item a{
	color:#000;
}

#navBox ul li a:hover {
	color: #000;
}


/*SEARCH
-------------------------------------------------------------- */

#search-wrapper {
	margin-bottom: 10px;
}
	
.search-field{
	height: 25px;
	margin: 0;
	width: 150px;
	border-color: #DFDFDF;
	background-color: white;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

#search-wrapper .search-submit {
	height: 25px;
	padding: 2px 12px;
	font-size: 12px;
	margin-bottom: 0;
	line-height: 12px;
}

.search-title {
	text-transform: uppercase;
}

/*TWITTER
-------------------------------------------------------------- */

#twitter-wrapper h6{
	margin: 0 0 2px 0;
	font-size: 95%;
}

#header-tweet {
	font-size: 90%;
}

#header-tweet .thumb-title,
#header-tweet time,
#header-tweet .twitterdatelink {
	display: none;
}

#header-tweet .twitterbody {
	margin: 0;
}

.tweet-meta {
	margin-top: 5px;
	font-size: 100%;
}

.tweet_avatar {
	float: left;
	padding-right: 5px;
}

/*CONTENT BOX GROUPING
-------------------------------------------------------------- */
.postthumb-box {
	margin-bottom: 20px;
}

.postthumb-box:last-child {
	margin-bottom: 10px;
}

.loading {
	min-height: 300px;
	background: url(images/loader.gif) center center no-repeat;
}

.bodyloading {
	cursor: wait;
}

.clearfix {
	height: 1px;
	line-height: 0;
	font-size: 0;
	display: block;
}

.ie7 .clearfix {
	height: auto;
}

/* PAGE SLIDESHOW
-------------------------------------------------------------- */
#slide-container{
	width: 100%;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-bottom: 10px;
	display: block;
}

.featured-item img {
	vertical-align: middle;
	width: 100%;
	top: 0;
	left: 0;
	image-rendering: optimizeQuality;
}

.featured-item:nth-child(n+2) {
	display: none;
}

.featured-item p {
    width: 97%;
    padding: 10px;
    margin: 0;
}

#slide-container figcaption {
	position: absolute;
	width: 100%;
    left: 0;
    bottom: 0;
    background: url(images/80-percent.png);
   	background: rgba(255, 255, 255, 0.8);
}

/*THUMBNAIL GRID
-------------------------------------------------------------- */
.postthumb{
	vertical-align:top;
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #888;
	margin: 20px 0 2% 0;
	z-index: 2;
}

.postthumb header {
	display: block;
	margin:0 0 10px 0;
}

.postthumb .thumb-img-container {
	margin-bottom: 15px;
}
	
.index-thumb {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

.animatedBg {
	background: url(images/animated-bg.gif);
}

.index-thumb img{
	position: absolute;
	display: block;
	image-rendering: optimizeQuality; 
	-ms-interpolation-mode:bicubic;
	vertical-align: middle;
	width: 100%;
	height: auto;
}

.index-thumb img[src$=".gif"], .index-thumb img[src$=".png"] {
	image-rendering: -moz-crisp-edges;         /* Firefox */
	-ms-interpolation-mode: nearest-neighbor;  /* IE */
	image-rendering: -webkit-optimize-contrast;
}
                 
.postthumb .read-more {
	text-decoration: none;
}
	
.postthumb:last-child {
	margin-bottom: 0;
}

.postthumb .thumb-title {
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 0px;
	line-height: 1.2em;
	font-size: 150%;
}

/*ie cleartype hacks*/
.ie7 .postthumb .thumb-title, 
.ie7 .postthumb time,
.ie8 .postthumb .thumb-title, 
.ie8 .postthumb time {
	background:url(images/bg.gif) repeat;
	background-color: #fafafa;
}

.postthumb .thumb-title a{
	text-decoration: none;
}

.highlight,
.highlight a{
	color:#000;
	text-decoration: none;
	-o-transition-duration: 1s;
	-o-transition-property: color;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: color;
	transition-duration: 1s;
	transition-property: color;
	background: url(images/animated-bg.gif);
}

.active-postthumb .index-thumb img{
	margin-top: -100%!important;
}

/*ie margin adjustments*/
.ie7 .active-postthumb .index-thumb img, 
.ie8 .active-postthumb .index-thumb img{
	margin-top: -50%!important;
}

#closeWidget {
	height:45px;
	margin: 0 0 20px 0;
	position: relative;
	display: none;
}

#closeWidget a {
	display:block;
	text-indent:-9999em;
	background:url(images/close-btn-sprite.gif) 0 0; 
	width:45px; 
	height:45px;
	background-repeat:no-repeat;
	overflow: hidden;
	float: right;
}

#closeWidget a:hover { 
	background-position: 0 -45px; 
}

time {
 	font-family:'FabricaRegular', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Myriad Pro", Myriad, Geneva, Arial, "Lucida Grande", sans-serif;
}

section article p {
	line-height: 1.6em;
	margin-bottom: 20px;
}

#load-more-wrapper {
	margin: 20px auto 20px auto;
	display: block;
    width: 300px;
}

.loadMore {
	height:45px;
	width: 45px;
	margin: 2px auto 0 auto;
	position: relative;
	display: none;
}

.loadMore a {
	display:block;
	text-indent:-9999em;
	background:url(images/load-more.gif) 0 0; 
	width:45px; 
	height:45px;
	background-repeat:no-repeat;
	overflow: hidden;
}

.loadMore a:hover { 
	background-position: 0 -45px; 
}

/*SINGLE POST
-------------------------------------------------------------- */
#post {
	width: 100%;
	position: relative;
	left: 0;
	top: 0;
	margin: 0;
}

#post-wrapper {
	position:relative;
	left: 0;
	top:0;
	margin-bottom: 20px;
	display: block;
}

#post-inside {
	display: inline;
	margin: 15px 0 15px 0;
}

#post-inside img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

.post-title {
	margin-top: 1px;
	line-height: 1.2em;
	text-transform: uppercase;
}

#post-meta-container{
	margin-top: 30px;
	width: 100%;		
}

.post-meta {
	margin-bottom: 5px;
}

.post-meta p {
	margin-bottom: 10px;
}

.postTags {
	margin-top: 10px;
}

.post-controls {
	float: right;
	display: none;
}

.post-controls a {
	display:block;
	text-indent:-9999em;
	height:45px;
	width: 45px;
	background-repeat:no-repeat;
	overflow: hidden;
	float: left;
}
.addThis {
	margin: 5px 0;
}

#loader{
	width: 100%;
	overflow-x: hidden;
	position: relative;
	overflow-y: hidden;
}

.ajax-content {
	margin-bottom: 10px;
}

.loaderLoading {
	background:url(images/animated-bg.gif) 0 0 repeat;
}

.media-error {
	font-size: 85%;
}

/* Image Alignment Classes
-------------------------------------------------------------- */

.alignright {
	float: right;
	margin: 0 0 10px 15px;
}

.alignleft {
	float: left;
	margin: 0 15px 10px 0;
}
.aligncenter {
	display:block;
	margin:0 auto;
}

.wp-caption {
	text-align: center;
	padding: 5px;
	margin: 10px auto;
	background:white;
	position: relative;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 12px;
	line-height: 17px;
	padding: 5px 0 0 0;
	margin: 0;
}

.wp-caption.alignleft {
	margin: 0 10px 0 0;
}
.wp-caption.alignright {
	margin: 0 0 0 10px;
}


/*COMMENTS
-------------------------------------------------------------- */
#comments-wrapper {
	background-color: white;
	padding: 10px 20px 0 20px;
	overflow: hidden;
	position: relative;
}

#comments-title {
	text-transform: uppercase;
	
}
.comment {
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline; 
	width: 100%;
	padding: 27px 0 10px 0;
	border-bottom: 1px solid #E2E2E2;
}

.comment-meta {
	font-size: 90%;
}

.comment-author{
	float: left;
	margin-right: 20px;
}

.comment-meta .author {
	font-weight: bold;
	font-size: 90%;
}

.comment-meta .author a{
	text-decoration: none;
}

.comment-author img{
	max-width: none;
}

.comment-meta .date a{
	font-size: 85%;
	text-decoration: none;
}

.comment-body {
	float: left;
	width: 90%;
}

#respond {
	padding: 20px 0 0 0;
}

#respond .form-submit {
	margin-bottom: 0;
}

.closed-comments {
	margin: 20px 0;
	font-size: 80%;
	text-transform: uppercase;
}

.unapproved-comment,
.unapproved-comment a {
	color: red;
}

/*FOOTER 
-------------------------------------------------------------- */

#footer{
	font-size: .9em;
	margin:10px 0 10px 0;
	overflow: hidden;
}

#footer-line {
	width: 200px;
	border-top:solid 1px #E2E2E2;
}

#footer a {
	text-decoration: none;
}

.postPad {
	padding-bottom: 30px;
}

#footer ul {
	margin:0;
	padding:0;
	list-style: none;
	float: none;
}

#footer ul li {
	padding-top:5px;
}

/*TYPE
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	margin: 1em 0 1em 0;
	font-family:'FabricaRegular', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Myriad Pro", Myriad, Geneva, Arial, "Lucida Grande", sans-serif;
}

h1 {
	font-size: 200%;
	line-height: 1.3em;
}

h2 {
	font-size: 180%;
	line-height: 1.2em;
}

h3 {
	font-size: 160%;
	line-height: 1.1em;
}

h4 {
	font-size: 140%;
	line-height: 1.1em;
}

h5 {
	font-size: 130%;
	line-height: 1.1em;
}

h6 {
	font-size: 120%;
	line-height: 1.1em;
}

p {
	font-size: 90%;
	line-height: 1.4em;
	margin-top: 12px;
	margin-bottom: 14px;
}

code {
	font-family: monospace;
}

pre code {
	line-height: 1.3em;
}

del, del * {
	text-decoration: line-through;
}

.small {
	font-size: 0.8em;
}

ol, ul {
	line-height: 1.1em;
	margin: 1.2em 0 1.2em 2em;
}

ul li,
ol li {
	font-size: 0.9em;
	margin-bottom: 0.2em;
}

img{
	max-width: 100%;
}

img, a img {
	border: 0px;
}

/*MEDIA QUERIES 
-------------------------------------------------------------- */
/* 480px */
@media screen and (min-width: 240px) and (max-width: 480px) {
	body {
		color: #666;
		font-size: 110%;
	}
	
	#navBox ul li a {
		color: #a7a7a7;
	}
	
	#logo-twitter-container {
		clear: both;
		height: auto;
		display: inline-block;
	}
	
	#logo{
		display: inline-block;
		clear: both;
		float: left;
	}
	
	#logo img{
		max-height: 120px;
		margin:0 0 15px 0;
		display: block;
	}
	
	#search-twitter-wrapper {
		left: 0;
		display: inline-block;
		position: relative;
		width: 100%;
		float: left;
		top: 0;
		padding-bottom: 10px;
	}
	
	#search-wrapper {
		float: none;
	}
	
	#search-wrapper input {
		width: 70%;
		font-size: 95%;
	}

	#twitter-wrapper {
		position: relative;
		float: left;
		left: 0;
		display: inline-block;
	}
	
	#navBox {
		float: left;
		display: inline-block;
		padding-bottom: 10px;
	}
	
	.tweet-follow {
		display: none;
	}
		
	article { 
		display: inline;
	}

	.postthumb{
		display: block;
		width: 100%;
		height: auto;
		margin-right: 0!important;
	}
	

	.cols-1 {
		width: 100%;
	}

	.cols-2 {
		width: 100%;
	}
	
	.cols-3 {
		width: 100%;
	}
	
	#post {
		float: left;
	}
	.index-thumb {
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	
	.index-thumb img{
		position: absolute;
		display: block;
	}
	
	.post-title {
		font-size: 180%;
	}
	.post-item {
		margin-bottom: 15px;
		margin-top:15px;
	}
	
	.post-item-text {
		margin-bottom: 30px;
	}
	
	.addThis {
		margin-top: 15px;
	}
	
	#contactUsForm .textinput, #respond .textinput, #contactUsForm .input, #respond .input{ 
		width: 95%!important;
	}
	
	#footer{
		position: relative;
	}
	
	#scroll-to-top {
		top:0;
		position: absolute;
		right: 0;
	}
}


/* 600px */
@media  screen and (min-width: 481px) and (max-width: 640px) {

	body {
		color: #666;
	}
	
	#navBox ul li a {
		color: #a7a7a7;
	}
	
	#logo img{
		max-height: 120px;
		margin:0 0 15px 0;
		display: block;
	}
	
	#search-twitter-wrapper {
		left: 0;
		display: inline-block;
		position: relative;
		width: 100%;
		top: 0;
		padding-bottom: 10px;
	}
	
	#search-wrapper {
		float: right;
	}
	
	#twitter-wrapper {
		position: relative;
		float: left;
		left: 0;
		width: 50%;
		display: inline-block;
	}
	
	#search-wrapper input {
		width: 160px;
		font-size: 90%;
	}

	
	.tweet-follow {
		display: none;
	}
	
	.index-tweet {
		margin: 0;
		padding: 0;
	}
	
	#navBox{
		display: block;
		width: 100%;
		position: relative;
	}
	
	
	#navBox ul {
		margin:9px 0px 0px 0px;
		padding:0px;
		list-style: none;
		position: relative;
	}
	
	#navBox ul li {
		margin:4px 0 0 3px;
		padding: 8px 5px 5px 5px;
		height: 20px;
		display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        border-top: 1px solid #ccc;
	}
	
		
	a.page-level-top, .page-level-sub {
		display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
	}
		
	#navBox ul li ul {
		position:relative;
		left:0;
		padding:0;
		margin: 0;
		display: none;
		width: 100%;
	}
	
	#navBox ul li ul.sub-menu {
		position: absolute;
		left: 0;
		padding:0px;
		margin: 0px;
		display: none;
		top:30px;
		background:url(images/bg.gif) repeat;
		-webkit-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .3);
		box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .3);
		-ms-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .3);
		border-bottom: 1px solid #dfdfdf;
	}

	 #navBox ul li ul.sub-menu li {
		margin:0;
		padding: 10px 5px 0 6px;
		width: auto;
		display: block;
		white-space:nowrap;
		background:url(images/bg.gif) repeat;
	}
	
	#navBox ul li ul.sub-menu li:last-child {
		background: none;
	}
	
	 #navBox ul li ul.sub-menu li:last-child a{
		margin-left:-6px;
		padding:0 4px 0 5px;
		background:url(images/bg.gif) repeat;
	}


	#navBox ul .no-bg {
		margin: 0;
		padding: 0;
		background: none;
		width: 2px;
		border: none;
	}
	
	#navBox ul li a.touch-link {
		position: relative;
		display: inline-block;
		float: none;
		padding: 0;
		margin: -20px 0 0 6px;
		top: 7px!important;
		left: 0;
	}
	
	/*nav bar fixes*/
	.ie7 #navBox {
		display: block;
		width: 100%;
		position: relative;
		left: 0!important;
		z-index: 30000;
	}

	.ie7 #navBox ul {
		margin:9px 0px 0px 0px;
		padding:0px;
		list-style: none;
		position: relative;
	}
	
	.ie7 #navBox ul li {
	   display: inline-block;
	   vertical-align: top;
	   zoom: 1;
	   *display: inline;   
	   white-space: nowrap;
	}
	
	.ie7 #navBox ul li a.touch-link {
		display: inline-block;
	   	vertical-align: top;
	   	zoom: 1;
	   	*display: inline;    
		float: none;
		margin-top: -8px;	
	}

	.ie7 #navBox ul li ul.sub-menu {
		top:30px;
		padding-bottom: 7px;
	}

	
	/*//end ie*/
	
	article { 
		display: inline;
	}
	
	.postthumb{
		display: block;
		width: 49%;
		height: auto;
		margin-right: 0!important;
	}
	
	.postthumb p{
		font-size: 105%;
	}
	
	.cols-1 {
		width: 49%;
	}

	.cols-2 {
		width: 100%;
	}
	
	.cols-3 {
		width: 100%;
	}
	
	.index-thumb {
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	
	.index-thumb img{
		position: absolute;
		display: block;
	}
	
	.post-item {
		margin-bottom: 15px;
		margin-top:15px;
	}
	
	.post-item-text {
		margin-bottom: 30px;
	}

	.addThis {
		margin-top: 15px;
	}
	#footer {
		padding-bottom: 25px;
	}
	
	#footer ul{
		float: left;
	}	
	
	#footer ul li{
		display:block;
		margin:4px 0px 0px 0px;
		padding:0px;
		float:left;
	}
		
	#footer ul li {
		padding:0 10px 0 0;
	}
	
	.alignleft {
		display: inline;
		float: left;
	}
	
	#scroll-to-top {
		float: right;
	}


}

/* 768px*/
@media  screen and (min-width: 641px) and (max-width: 959px) {
	
	#logo img{
		max-height: 120px;
		margin:0 0 15px 0;
		display: block;
	}
	
	#search-twitter-wrapper {
		position: absolute;
		top:20px;
		display: inline;
		margin-left: auto;
		right: 0;
		width: 45%;
		font-size: 97%;
		overflow: hidden;
	}
	
	#search-wrapper {
		float: right;
	}
	
	#twitter-wrapper {
		display: block;
		width:80%;
		float: right;
	}


	.tweet-follow {
		display: none;
	}
	
	#navBox{
		display: block;
		width: 100%;
		position: relative;
	}
	
	
	#navBox ul {
		margin:9px 0px 0px 0px;
		padding:0px;
		list-style: none;
		position: relative;
	}
	
	#navBox ul li {
		margin:4px 0 0 3px;
		padding: 8px 5px 5px 5px;
		height: 20px;
		display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        border-top: 1px solid #ccc;
	}
			
	a.page-level-top, .page-level-sub {
		display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
	}
		
		#navBox ul li ul {
		position:relative;
		left:0;
		padding:0;
		margin: 0;
		display: none;
		width: 100%;
	}
	
	#navBox ul li ul.sub-menu {
		position: absolute;
		left: 0;
		padding:0px;
		margin: 0px;
		display: none;
		top:30px;
		background:url(images/bg.gif) repeat;
		-webkit-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .3);
		box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .3);
		-ms-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .3);
		border-bottom: 1px solid #dfdfdf;
	}

	 #navBox ul li ul.sub-menu li {
		margin:0;
		padding: 10px 5px 0 6px;
		width: auto;
		display: block;
		white-space:nowrap;
		background:url(images/bg.gif) repeat;
	}
	
	#navBox ul li ul.sub-menu li:last-child {
		background: none;
	}
	 #navBox ul li ul.sub-menu li:last-child a{
		margin-left:-6px;
		padding:0 4px 0 5px;
		background:url(images/bg.gif) repeat;
	}

	#navBox ul .no-bg {
		margin: 0;
		padding: 0;
		background: none;
		width: 2px;
		border:none;
	}
	
	#navBox ul li a.touch-link {
		position: relative;
		display: inline-block;
		float: none;
		padding: 0;
		margin: -20px 0 0 6px;
		top: 7px!important;
		left: 0;
	}
	
	/*nav bar fixes*/
	.ie7 #navBox {
		display: block;
		width: 100%;
		position: relative;
		left: 0!important;
		z-index: 30000;
	}

	.ie7 #navBox ul {
		margin:9px 0 0 0;
		padding:0px;
		list-style: none;
		position: relative;
	}
	
	.ie7 #navBox ul li {
	   display: inline-block;
	   vertical-align: top;
	   zoom: 1;
	   *display: inline;   
	   white-space: nowrap;
	}
	
	.ie7 #navBox ul li a.touch-link {
		display: inline-block;
	   	vertical-align: top;
	   	zoom: 1;
	   	*display: inline;    
		float: none;
		margin-top: -8px;	
	}

	.ie7 #navBox ul li ul.sub-menu {
		top:30px;
		padding-bottom: 7px;
	}

	.ie7 #navBox ul li ul.sub-menu,
	.ie8 #navBox ul li ul.sub-menu {
		filter: progid:DXImageTransform.Microsoft.Shadow(Color='#aaaaaa', Strength=5, Direction=180,positive=true)!important;
	}

	/*//end ie*/
	
	article { 
		display: inline;
	}

	.postthumb{
		display: block;
		width: 32%;
		height: auto;
	}
	
	.cols-1 {
		width: 32%;
	}

	.cols-2 {
		width: 65.8%;
	}
	
	.cols-3 {
		width: 100%;
	}
	
	.index-thumb {
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	
	.index-thumb img{
		position: absolute;
		display: block;
	}
	
	.post-item {
		margin-bottom: 15px;
		margin-top:15px;
	}
	
	.post-item-text {
		margin-bottom: 30px;
	}

	.addThis {
		margin-top: 15px;
	}
	#footer {
		padding-bottom: 25px;
	}
	
	#footer ul{
		float: left;
	}	
	
	#footer ul li{
		display:block;
		margin:4px 0px 0px 0px;
		padding:0px;
		float:left;
	}
		
	#footer ul li {
		padding:0 10px 0 0;
	}
	
	.alignleft {
		display: inline;
		float: left;
	}
	
	#scroll-to-top {
		float: right;
	}

}

/* 960px */
@media only screen and (min-width: 960px) {
	#wrapper {
		width: 960px;
		margin: 0;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	
	#logo img{
		max-height: 172px;
		margin:0 0 15px 0;
		display: block;
	}
	
	
	#search-twitter-wrapper {
		position: absolute;
		top:20px;
		display: inline;
		margin-left: auto;
		right: 0;
		width: 40%;
		overflow: hidden;
	}

	#search-wrapper {
		float: right;
		height: 30px;
		margin-bottom: 10px;
	}
	
	#twitter-wrapper {
		display: block;
		width:100%;
		float: right;
	}
	
	#navBox{
		display: block;
		width: 100%;
		position: relative;
		z-index: 10000;
	}
	
	
	#navBox ul {
		margin:9px 0px 0px 0px;
		padding:0px;
		list-style: none;
		position: relative;
	}
	
	#navBox ul li {
		margin:4px 0 0 3px;
		padding: 8px 5px 5px 5px;
		height: 20px;
		display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        border-top: 1px solid #ccc;
	}
	
		
	a.page-level-top, .page-level-sub {
		display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
	}
		
	#navBox ul li ul {
		position:relative;
		left:0;
		padding:0;
		margin: 0;
		display: none;
		width: 100%;
	}
	
	#navBox ul li ul.sub-menu {
		position: absolute;
		left: 0;
		padding:0px;
		margin: 0px;
		display: none;
		top:30px;
		background:url(images/bg.gif) repeat;
		-webkit-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .3);
		box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .3);
		-ms-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .3);
		border-bottom: 1px solid #dfdfdf;
	}

	 #navBox ul li ul.sub-menu li {
		margin:0;
		padding: 10px 5px 0 6px;
		width: auto;
		display: block;
		white-space:nowrap;
		background:url(images/bg.gif) repeat;
	}
	
	#navBox ul li ul.sub-menu li:last-child {
		background: none;
	}
	
	#navBox ul li ul.sub-menu li:last-child a{
		margin-left:-6px;
		padding:0 4px 0 5px;
		background:url(images/bg.gif) repeat;
	}

	#navBox ul .no-bg {
		margin: 0;
		padding: 0;
		background: none;
		width: 2px;
		border:none;
	}
	
	#navBox ul li a.touch-link {
		position: relative;
		display: inline-block;
		float: none;
		padding: 0;
		margin: -20px 0 0 6px;
		top: 7px!important;
		left: 0;
	}
	
	/*nav bar fixes*/
	.ie7 #navBox {
		display: block;
		width: 100%;
		position: relative;
		left: 0!important;
		z-index: 30000;
	}

	.ie7 #navBox ul {
		margin:9px 0 0 0;
		padding:0px;
		list-style: none;
		position: relative;
	}
	
	.ie7 #navBox ul li {
	   display: inline-block;
	   vertical-align: top;
	   zoom: 1;
	   *display: inline;   
	   white-space: nowrap;
	}
	
	.ie7 #navBox ul li a.touch-link {
		display: inline-block;
	   	vertical-align: top;
	   	zoom: 1;
	   	*display: inline;    
		float: none;
		margin-top: -8px;	
	}

	.ie7 #navBox ul li ul.sub-menu {
		top:30px;
		padding-bottom: 7px;
	}

	.ie7 #navBox ul li ul.sub-menu,
	.ie8 #navBox ul li ul.sub-menu {
		filter: progid:DXImageTransform.Microsoft.Shadow(Color='#aaaaaa', Strength=5, Direction=180,positive=true)!important;
	}


	
	
	/*//end ie*/

	article { 
		display: inline;
	}

	.postthumb{
		display: block;
		height: auto;
	}
	
	.cols-1 {
		width: 32%;
	}

	.cols-2 {
		width: 65.8%;
	}
	
	.cols-3 {
		width: 100%;
	}
	
	.index-thumb {
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	
	.index-thumb img{
		position: absolute;
		display: block;
	}
	
	.post-item {
		margin-bottom: 15px;
		margin-top:15px;
	}
	
	.post-item-text {
		margin-bottom: 30px;
	}
	
	.post-item img {
		max-width: 100%;
		width: auto;
	}

	.addThis {
		margin-top: 15px;
	}
	#footer {
		padding-bottom: 25px;
	}
	
	#footer ul{
		float: left;
	}	
	
	#footer ul li{
		display:block;
		margin:4px 0 0 0;
		padding:0px;
		float:left;
	}
		
	#footer ul li {
		padding:0 10px 0 0;
	}
	
	.alignleft {
		display: inline;
		float: left;
	}
	
	#scroll-to-top {
		float: right;
	}
}


/* Form stlying */

#contactUsForm {
	margin: 40px 0;
}

#contactUsForm label, #respond label { 
	width: 100%; 
	float: left;
	color: #656565;
	vertical-align: middle;
	padding: 3px 0 3px 0;
}

#contactUsForm .textinput, #respond .textinput { 
	width: 400px;
	height: 150px;
	margin: 0 0 2px 0;
	border-color: #BBB;
	border-style: solid;
	border-width: 1px;
	font: 95%/1.2em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Myriad Pro", Myriad, Geneva, Arial, "Lucida Grande", sans-serif;
}

#contactUsForm .input, #respond .input { 
	height: 27px;
	margin: 0 0 2px 0;
	width: 300px;
	border-color: #BBB;
	border-style: solid;
	border-width: 1px;
	font: 95%/1.2em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Myriad Pro", Myriad, Geneva, Arial, "Lucida Grande", sans-serif;
	padding-left: 3px;
}

#contactUsForm label.error, #respond label.error { 
	width: 100%;
	float: left; 
	color: red; 
	font-weight: bold;
	vertical-align: middle;
	padding: 0 0 5px 0; 
	font-size: 90%;
}


#contactUsForm input.error, #respond input.error  {
	border-color: red;
	border-style: solid;
	border-width: 1px;
}

#formMsg {
	font: 105%/1.1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Myriad Pro", Myriad, Geneva, Arial, "Lucida Grande", sans-serif;
	padding: 20px 0 0 0;
}

.contactJs {
	display: none;
}

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #fff; /* Old browsers */
	background: #fff -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
	background: #fff -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.5)), color-stop(100%,rgba(200,200,200,.5))); /* Chrome,Safari4+ */
	background: #fff -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(200,200,200,.2) 100%); /* Chrome10+,Safari5.1+ */
	background: #fff -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(200,200,200,.2) 100%); /* Opera11.10+ */
	background: #fff -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(200,200,200,.2) 100%); /* IE10+ */
	background: #fff linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(200,200,200,.2) 100%); /* W3C */
  border: 1px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 4px 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #777;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, .75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 21px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: #222;
	background: #eee; /* Old browsers */
	background: #eee -moz-linear-gradient(top, rgba(255,255,255,.9) 0%, rgba(255,255,255,.9) 100%); /* FF3.6+ */
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.9)), color-stop(100%,rgba(255,255,255,.9))); /* Chrome,Safari4+ */
	background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.9) 0%,rgba(255,255,255,.9) 100%); /* Chrome10+,Safari5.1+ */
	background: #eee -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,.9) 100%); /* Opera11.10+ */
	background: #eee -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,.9) 100%); /* IE10+ */
	background: #eee linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,.9) 100%); /* W3C */
  border: 1px solid #888;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa; }

a.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	border: 1px solid #666;
	background: #fff; /* Old browsers */
	background: #fff -moz-linear-gradient(top, rgba(255,255,255,.7) 0%, rgba(225,225,225,.8) 100%); /* FF3.6+ */
	background: #fff -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
	background: #fff -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
	background: #fff -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
	background: #fff -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
	background: #fff linear-gradient(top, rgba(255,255,255,.7) 0%,rgba(245,245,245,1) 100%); /* W3C */ }



@media print {

/* 1 ROOT ============================================================================= */

* { 
background : transparent !important; 
color : black !important; 
text-shadow : none !important; 
filter : none !important; 
-ms-filter : none !important; }

@page { 
margin : 0.5cm; }

/* 2 HEADINGS ============================================================================= */

h2, h3 { 
orphans : 3; 
widows : 3; 
page-break-after : avoid; }

/* 3 TYPOGRAPHY ============================================================================= */

p { 
orphans : 3; 
widows : 3; }

pre, blockquote { 
border : 1px solid #999; 
page-break-inside : avoid; }

abbr[title]:after { 
content : " (" attr(title) ")"; }

/* 4 LINKS ============================================================================= */

a, a:visited { 
color : #444 !important; 
text-decoration : underline; }

a[href]:after { 
content : " (" attr(href) ")"; }

a[href^="javascript:"]:after, 
a[href^="#"]:after { 
content : ""; } 

/* 5 FIGURES & IMAGES ============================================================================= */

img { 
max-width : 100% !important;
page-break-inside : avoid; }

/* 6 TABLES ============================================================================= */

thead { 
display : table-header-group; } 

tr { 
page-break-inside : avoid; }


.ir a:after { 
content : ""; } 

}