/*
Theme Name: Nick
Theme URI: http://nicksoper.com
Author: Nick Soper
Author URI: http://nicksoper.com
Description: A responsive theme for me
Version: 0.99

*/


/*-------------------------------------------------------------------------------------------*/
/* RESET - http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 */
/*-------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, 
header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button {
  cursor: pointer;
}
/* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
textarea {
  overflow: auto;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0;
}
/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  background: #f1f1f1;
  border: 1px solid #f0f0f0;
  padding: 10px;
  margin-bottom: 20px;
}
/* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre,code,kbd,samp { font-family: monospace, sans-serif;}

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none;}
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Floating & Alignment  */
.fl {
  float: left;
}
.fr {
  float: right;
}
.ac {
  text-align: center;
}
.ar {
  text-align: right;
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.fix:before, .fix:after, .col-full:before, .col-full:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.fix:after, .col-full:after {
  clear: both;
}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.fix, .col-full {
  zoom: 1;
}


/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */



html {
  font-size: 62.5%;
}
body {
  font-size: 1.2em;
  line-height: 1.618;
  font-family: "Open Sans", Arial;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;

}
img {
  vertical-align: bottom;
  max-width: 100%;
}
hr {
  background-color: #f0f0f0;
  border: 0;
  height: 1px;
  margin-bottom: 1.618em;
}
/* 1.2 Hyperlinks */
a { text-decoration:none; -webkit-transition:color .1s linear; -moz-transition:color .1s linear; -o-transition:color .1s linear; -ms-transition:color .1s linear; transition:color .1s linear }

a:hover {
  text-decoration: underline; 
}

.portfolio-content .mosaic .entry-hover,
.navigation-posts a:hover,
.more-link:hover,
.button:hover,
.flex-direction-nav li .next:hover,
.flex-direction-nav li .prev:hover { -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; -ms-transition:background-color .1s linear; transition:background-color .1s linear }

a img {
  -webkit-transition: opacity ease-out 0.1s;
  -moz-transition: opacity ease-out 0.1s;
  -ms-transition: opacity ease-out 0.1s;
  -o-transition: opacity ease-out 0.1s;
  transition: opacity ease-out 0.1s;
}
a img:hover {
  opacity: 0.75;
}
/* 1.3 Typography */
/*
	All typography (and layout) based on a modular scale using 12 & 14 px values scaled in accordance the golden ratio (1.618)
	http://modularscale.com/scale/?px1=14&px2=12&ra1=1.618&ra2=0
	Remember to keep margins consistent and try to avoid margin-top. If everything has an appropriate margin-bottom we don't need one and vertical rhythm will be kept consistent
*/
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 .618em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration: underline;
}
h1 {
  font-size: 1.618em;
  line-height: 1.387em;
}
h2 {
  font-size: 1.387em;
  line-height: 1.387em;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: .857em;
}
h5 {
  font-size: .857em;
}
h6 {
  font-size: .618em;
}
p {
  -webkit-hyphens: auto;
  -webkit-hyphenate-character: "\2010";
  -webkit-hyphenate-limit-after: 1;
  -webkit-hyphenate-limit-before: 3;
  -moz-hyphens: auto;
  orphans: 3;
  widows: 3;
}
ul, ol, dl, p, table, form, pre, hr {
  margin: 0 0 1.618em 0;
}
li > ul, li > ol {
  margin: 0 0 0 1.618em;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin-bottom: 1.618em;
}
/* 1.4 Tables */
table {
  width: 100%;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}
table th, table td {
  vertical-align: top;
  padding: .618em 1em;
  border-bottom: 1px solid #f0f0f0;
  text-align: left;
  border-collapse: separate;
}
table thead th {
  border-bottom-width: 2px;
}
table tbody tr:last-child th, table tbody tr:last-child td {
  border-bottom: 0;
}

/* ---------------------------------------- */
/* Common Classes
/* ---------------------------------------- */

#logo,
#sidebar ul,
.portfolio-content .display, .filters,
.contactform,
#sidebar .widget ul,
.widget-area .widget ul,
.single-portfolio .images { list-style:none; margin:0; padding:0 }



.clear { clear:both; display:block; font-size:0; height:0; line-height:0; width:100% }
.clearfix:before, .clearfix:after { content:""; display:block; height:0; overflow:hidden }
.clearfix:after { clear:both }
.clearfix { zoom:1 }

.aligncenter { margin-left:auto; margin-right:auto; display:block; clear:both }
.alignleft,
.left { float:left }
.alignright,
.right { float:right }

.left { margin:0 20px 20px 0 }
.right { margin:0 0 20px 20px }

.wp-caption { margin-top:10px 0 20px 0; max-width:500px; padding:10px }
.wp-caption img { display:block; margin:0 auto }
.wp-caption .wp-caption-text, .gallery-caption { font-size:12px; }
.wp-caption .wp-caption-text { margin-bottom:10em; padding:10px 0 5px 40px; position:relative; }

.blog .sticky .entry-header .entry-meta { clip:rect(1px 1px 1px 1px); /* IE6, IE7 */ clip:rect(1px, 1px, 1px, 1px); position:absolute !important }
.gallery-caption { font-size: 12px }
.bypostauthor { }

p { margin:0 0 10px 0 }

blockquote { color:#999; margin:0 0 10px 0; padding:5px 20px 5px 40px; line-height:1.6em !important; font-size:1.4em !important; font-style:italic;  }

blockquote em{font-style:normal !important; font-weight:bold;}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
cite { font-weight:bold; color:#666; display:block; padding:10px 0 0 0 }

img, object, embed { max-width:100% }
img { height:auto; border:0 }

span.icon { display:inline-block }


#respond,
#comments .comment-body { background:#FFF; /*-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;*/ -webkit-box-shadow:0px 10px 20px rgba(0,0,0,0.2); -moz-box-shadow:0px 10px 20px rgba(0,0,0,0.2); box-shadow:0px 10px 20px rgba(0,0,0,0.2) }

p.nocomments{padding:15px 10px 10px 10px; text-align:center;}

.nav-top .expand-button .icon,
.expand-button .icon { width:20px; height:20px; margin:0 10px 0 0 }
.nav-top .expand-button .icon { background-position:-75px -33px }
.expand-button .icon { background-position:-100px -33px }
.nav-top .expand-button:hover .icon { background-position:-75px -58px }
.expand-button .icon:hover { background-position:-100px -58px }

.backtop-button .icon { background-position:0 -33px }
.backtop-button:hover .icon { background-position:0 -58px }

.close-box { display:inline-block; overflow:hidden; margin:0 5px 0 0; width:10px; height:0; padding:10px 0 0 0; background:url(images/alert-close.png) no-repeat }

#logo .description,
#sidebar .menu .sub-menu a,
.entry-utility div,
.portfolio-content .entry-title,
.single-portfolio .entry-title,
.filters li,
.more-link,
.navigation-posts a,
.page-title,
.respond-wrap .title,
#comments .title,
blockquote,
#comments .comment-meta { font-style:italic!important }

/*-------------------------------------------------------------------------------------------*/
/* SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* Containers & Columns */
#wrapper {
 
}
#content {
 
}
#content-top {
  
}

/* ---------------------------------------- */
/* Global Styles
/* ---------------------------------------- */

body{
font-family:Georgia, serif;
background-color:#fff;
}

body a{color:#0255ee; }
	
#content{
float:left;
padding:30px;
}

.post, .page_content{ 
width:97%; 
margin:0 auto 25px auto;
float:left; 
padding:15px 10px 10px 10px; 
border-bottom:solid 1px #f3f3f3;
display:block; /* for testing purposes */
}
.post{margin-right:3em;}

.archiveimage {border:solid 1px #dbdbdb; margin:0 1.2em 4px 0; padding:2px; background:#f6f6f6; border-radius:3px; height:150px;}


#disqus_thread{
	width:97%; 
	max-width:858px; 
	margin:0 auto 25px auto;
	float:left; 
	padding:15px 10px 10px 10px; 
	background:#fff; 
	border-radius: 4px;
	border:solid 1px #e8e8e8;
	display:block;
}


.pagenavi{text-align:center; margin:40px 0 20px 0; width:100%;}

.pagenavi a, .pagenavi .on{font-family:'Crete Round', serif; color:#000;  font-weight:normal; font-size:1.5em; border-radius:5px; -moz-border-radius:5px; padding:15px 25px; background:#dadada; }
.pagenavi .on{background:#f5f5f5;}
.pagenavi a:hover{text-decoration:none;background:#e7e7e7;}
.pagenavi a.last, .pagenavi a.first{display:none;}

.pagenavi .on{background:#ededed; color:#000;}



/* ---------------------------------------- */
/* Retina Screen Image Swaps
/* ---------------------------------------- */

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
  	p.meta{background:url(images/calendar@2x.png)}
	.categories{background:url(images/categories@2x.png)}
}


/* My Face */
#logo{width:100%;float:left; text-align:center}

#logo a img{margin:0 auto;display:block;}

/* Social Links */

#social{width:100%;display:block; float:left; margin-top:20px;}

#social ul{width:136px; margin:0 auto;}

#social ul li a{
background-image: url(images/sprite-social.png);
background-size: 177px 30px;
height: 30px;
width: 30px;
text-indent:-9999px;
overflow:hidden;
float:left;
opacity: 0.75;
margin-right:4px;

}

#social ul li a:hover{opacity: 1;}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
  #social ul li a {
    background-image: url(images/sprite-social@2x.png);
  }
}

#social ul li#facebook a{background-position:0px 0px;}
#social ul li#instagram a{background-position:-147px 0px;}
#social ul li#twitter a{background-position:-37px 0px;}	
#social ul li#linkedin a{background-position:-74px 0px;}
#social ul li#gplus a{background-position:-110px 0px; margin-right:0px;}


#logo .description { color:#666; display:block; }

#primary-menu-container {width:150px; }
	#primary-menu{width:100%;float:left;}

		#primary-menu ul{width:100% !important; float:left}
		
		#primary-menu ul li{width:100% !important;float:left; line-height:2em;}
		#primary-menu ul li a{
			color:#313131; 
			font-size:1.2em;
			width:100% !important; 
			border-right:solid 1px #e8e8e8; 
			border-bottom:solid 2px #e8e8e8;
			float:left; 
			margin:2px 0px;
			border-radius:4px;
			padding:4px 8px 4px 8px;			
			background:#f1f1f1;
			text-transform:uppercase;
			text-align:center;
			font-family:'Crete Round', serif;
			}
			
		#primary-menu ul li a:hover{background-color:#e7e7e7; text-decoration:none;	
			border-right:solid 1px #dedede; 
			border-bottom:solid 2px #dedede;}
		
		#primary-menu ul li.current_page_item a, #primary-menu ul li.current-menu-item a{background-color:#e7e7e7;	
			border-right:solid 1px #dedede; 
			border-bottom:solid 2px #dedede;}
		
		/* ---------------------------------------- */
		/* Posts and Shit
		/* ---------------------------------------- */		
		
		.post, .page_content, .entry{color:#313131;}
		.entry p{font-family:Georgia, serif; font-size:1.4em; color:#313131;}
		
		
		.post em, .page_content em, .entry em{font-style:italic;}
		
		.entry strong{font-weight:bold;}
		.entry a{text-decoration:underline;}
			.entry a:hover{text-decoration:none;}
			
			.entry h1{font-size:3em;}
			.entry h2{font-size:2.8em;}
			.entry h3{font-size:2.4em;}
			.entry h4{font-size:2.2em;}
			.entry h5{font-size:2em;}
			.entry h6, .entry dt{font-size:1.8em;}
			
			.entry li, .entry dd{font-size:1.4em;}
			
			.entry li li, .entry li li li, .entry li li li li{font-size:100%;}
			
			.entry ul{}
				.entry ul li{}
			.entry ol{}	
				.entry ol li{}
					
				.entry table{font-size:1.4em;}
					.entry table th{font-size:1.8em;}
			
		h1.welcome{color:#161616; font-size:4em; font-family:'Crete Round', serif; line-height:1.2em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
		#post-1529{padding-bottom:;}
					
		h1.entry-title a{color:#161616; font-size:2em; font-family:'Crete Round', serif; line-height:1.2em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
			h1.entry-title a:hover{background:#f1f1f1; color:#313131; text-decoration:none;border-right:solid 1px #e8e8e8; 
			border-bottom:solid 2px #e8e8e8;}

				
		
		h2.entry-title a{color:#161616; font-size:2em; font-family:'Crete Round', serif; line-height:1.2em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
			h2.entry-title a:hover{background:#f1f1f1; color:#313131; text-decoration:none;border-right:solid 1px #e8e8e8; 
			border-bottom:solid 2px #e8e8e8;}
			
			
			.about-author {float:left; border-top:solid 2px #efefef;}
			.about-author .author-image{width:20%; min-width:120px; float:left;}
				.about-author .author-bio{width:79%; float:left; padding-top:1em;}
		.about-author .author-bio h3{font-size:2em;}
			.about-author .author-bio p{font-size:1.3em; color:#313131;}
		
		.post ul, .page_content ul, .post ol, .page_content ol{margin-left:24px;}
		.post ul li, .page_content ul li{list-style-type:disc;}	
		.post ol li, .page_content ol li{list-style-type:decimal}	
		
		
		
		
		.post a.downloadbutton, a.download-link, a.portfoliolink{border-bottom: solid 2px #026cc6; background-color: #0181ed; color:#fff; padding:0.7em 1em; border-radius:4px; text-decoration:none; font-size:1.4em; margin-bottom:2em;}
		
			.post a.downloadbutton:hover, a.download-link:hover, a.portfoliolink:hover{background:#026cc6;}
		
		.post_meta_deets{width:100%;float:left;}
		.post_meta_deets p.meta{float:left; margin-right:20px;}
		
		.post_meta_deets .categories{float:left;}
		
		p.meta{font-family:'Crete Round', serif; font-style:italic; background:url(images/calendar.png) left center no-repeat;padding:0 0 0 15px; color:#4f4f4f;}
		
		.categories{background:url(images/categories.png) left center no-repeat; margin:0 0 10px 0; padding:0 0 0 15px;}
		.categories a{
			font-family:'Crete Round', serif; 
			padding:1px 3px;
			background:#8a8a8a;
			color:#fff;
			-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
		
		.categories a:hover {
			opacity: 0.7;
			filter: alpha(opacity=@opacity * 100);
			text-decoration:none;
			}
			
		
		.tags{ padding:6px 12px; width:97%; float:left; margin-top:3em;}
	
		
		.tags a {
		  position: relative;
		  float: left;
		  height: 22px;
		  line-height: 21px;
		  font-size: 0.9em;
		  background: #8a8a8a;
		  padding: 0 9px 0 9px;
		  margin: 0 1.618em 4px 0;
		  -webkit-border-top-right-radius: 5px;
		  -webkit-border-bottom-right-radius: 5px;
		  border-top-right-radius: 5px;
		  border-bottom-right-radius: 5px;
		  -moz-background-clip: padding;
		  -webkit-background-clip: padding-box;
		  background-clip: padding-box;
		  font-weight: normal;
		  color: #fff;
		  text-decoration: none;
		
		}
		.tags a:hover {
		  opacity: 0.7;
		  filter: alpha(opacity=@opacity * 100);
		
		}
		.tags a:before {
		  content: "";
		  float: left;
		  position: absolute;
		  top: 0;
		  left: -11px;
		  width: 0;
		  height: 0;
		  border-color: transparent #8a8a8a transparent transparent;
		  border-style: solid;
		  border-width: 11px 11px 11px 0;
		
		}
		.tags a:after {
		  content: "";
		  position: absolute;
		  top: 10px;
		  left: 0;
		  float: left;
		  width: 4px;
		  height: 4px;
		  -webkit-border-radius: 2px;
		  border-radius: 2px;
		  -moz-background-clip: padding;
		  -webkit-background-clip: padding-box;
		  background-clip: padding-box;
		  background: #fff;
		  box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.4);
		  -webkit-box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.4);
		
		}
		
		/*Captions*/
	
		.wp-caption p.wp-caption-text {
			margin:3px !important; background:#efefef; border-radius:3px; padding:3px; text-align:center;
		}
		
		body.postid-895 .wp-caption{min-height:360px; }
		
		.entry a.button{border-radius:5px; background:#4a4a4a; color:#fff; padding:8px 15px; border-bottom:solid 2px #000; font-size:2em;}
			.entry a.button:hover{text-decoration:none; background:#1d1d1d}
		
		.entry a#linkedin{background:url(images/bg_button_linkedin.gif) no-repeat center left #1787c5;  border-bottom:solid 2px #12699a; padding-left:65px; text-shadow:0px -1px 1px #000;}
			.entry a#linkedin:hover{background-color:#0067a0 !important; border-bottom:#004870 solid 2px;}
		/* ---------------------------------------- */
		/* Projects Archive
		/* ---------------------------------------- */

		#projects{
		width:100%; float:left;
		}
		
		.project_thumb{ 
		width:300px;
		
		margin:0 10px 20px 0;
		padding:0px;
		overflow:hidden;
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
		border-bottom:solid 2px #e8e8e8;

		}
		
	
		.project_thumb div.project_image{height:150px; overflow:hidden; }
		
		.project_thumb h4{
		
		font-family:'Crete Round', serif; 
		background:#f1f1f1;
		padding:0px;
		font-size:1em; 
		margin:0px; 
		padding:0.6em 0.5em 0.4em 0.5em; 
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		white-space: nowrap;
		
		}

		.project_thumb h4 a.project_name {
		color:#000 !important;
		}

		.project_thumb a:hover{text-decoration:none !important;}
		
		/* ---------------------------------------- */
		/* Comments bitches
		/* ---------------------------------------- */
		
		
		h3#comments{color:#161616; font-size:1.6em; font-family:'Crete Round', serif; line-height:1.2em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
		#nickcomments .navigation{}
			
		.commentslist{width:97%; border:solid 1px blue !important;}
			
			
		.comment{
				
				background:none transparent !important;
				
				margin:0 auto 25px auto;
				float:left; 
				padding:15px 10px 10px 10px; 
				border-radius: 4px;
			}
		.comment-body{	background:none transparent !important;}
		
		#respond{float:left; width:97%; }

	/*-------------------------------------------------------------------------------------------*/
	/* MEDIA QUERIES GO BELOW HERE */
	/*-------------------------------------------------------------------------------------------*/


	/* ---------------------------------------- */
	/* Big Screen Layout styles
	/* ---------------------------------------- */
	
	
	@media only screen and (min-width: 681px) {


		/* Logo (Main & Small) */

		#logo { margin-bottom:10px }
		#logo .description { width:170px; margin:0px 0; }

		/* Sidebar */

		#header { top:0; position:absolute; padding:0 20px; width:170px; -webkit-user-select:none }
		#header.fixed { position:fixed; height:100% }
		#sidebar { width:170px; top:0; line-height:18px; position:absolute ;}
		
		#primary-menu-container { }
		

		#content { 
			margin-left:210px; 
			max-height:100%; 
			height:100%; 
			width:auto; 
			position:relative; 
			border-left:solid 1px #f3f3f3;
			text-shadow:0 1px 1px rgba(255,255,255,0.3);
			-webkit-border-bottom-right-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomright: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;

			}
			
			#mobile-menu-viewer{display:none;}
			
			.project_thumb_container{float:left; }

			
			.post, .page_content{max-width:860px;}
		
			.pagenavi{display:block; float:left;}
			.pagenavi .Nav {float:left;}
	}
	


	/* ---------------------------------------- */
	/* Mobile Layout styles
	/* ---------------------------------------- */

	@media only screen and (max-width: 680px) {
		
		body{}
		#content {padding:30px 0px 30px 0px; width:100%; overflow:hidden;}
		#header {float:left; width:100%; border-bottom:solid 2px #f3f3f3;}
		span.description{padding:5px 20px 15px 20px; max-width:230px; margin:0 auto;}
		#primary-menu-container {width:70%; margin:0 auto; }
		#primary-menu-container ul li a{width:92% !important;}
		#social{margin-bottom:30px;}
		
		.post, .page_content{width:90%; margin:10px auto; float:none;}
		
		#content .entry img{max-width:100% !important; margin:0 auto 2em auto;}
		
		.archiveimage {margin:0 1.2em 4px 0 !important;}
		
		#content .tags{ width:93%; float:none; display:inline-block; }
		
	
		.tags a { height: 19px; line-height: 18px; font-size: 0.7em; padding: 0 6px 0 7px;}
		.tags a:before {border-width: 9px 10px 9px 0; left: -10px; }
		body.safari .tags a:before{border-width: 9px 10px 10px 0;}
		.tags a:after {width: 4px; height: 4px; -webkit-border-radius: 2px; border-radius: 2px; top: 7px;}
		
		.project_thumb_container{ margin:0 auto; width:300px;}
		
		
		#disqus_thread{width:90%; margin:10px auto; float:none; border:solid 1px #e8e8e8; }
		
		.about-author{float:none; display:inline-block;}
		.about-author .author-image{width:100%; text-align:center;}
			.about-author .author-bio{width:100%; text-align:center; float:left; padding-top:1em;}
			
		.project_thumb h4  {text-align:center;}
		
	}
	
	
	/* ---------------------------------------- */
	/* One Simple Font
	/* ---------------------------------------- */
	
	



	/* Special CSS for recaptcha */

	li.Contact-Refferal-Field{ height:90px !important;}
		
	li.Fontera-reCaptcha .recaptchatable,
	li.Fontera-reCaptcha #recaptcha_area tr,
	li.Fontera-reCaptcha #recaptcha_area td,
	li.Fontera-reCaptcha #recaptcha_area th {
	line-height:0 !important;
	}

	li.Fontera-reCaptcha .recaptcha_input_area{
	height: 30px !important;
	}


	form input, form textarea{border-radius:4px; padding:8px 2px !important; border:solid 1px #c4c4c4; font-size:1em !important;}
	form {color:#313131;}
	form input[type=submit]{font-family:'Crete Round', serif; color:#313131; margin:0 auto; padding:20px 50px !important; font-weight:bold; font-size:2em !important; background:#f3f3f3;}
		form input[type=submit]:hover{background-color:#e7e7e7;}
	
		form input, form textarea{
			font-family:'Crete Round', serif !important;
			font-size: 1.2em !important;
			padding: 1em !important;
		}