/*   
Theme Name: Folio22
Theme URI: 
Description: 
Author: Sam Perkins-Harbin, Forge 22
Author URI: http://www.forge22.com
Version: 1.0
*/

@import url("reset.css");
@import url("extras.css");



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/


/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) 
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} */

/*	j.mp/webkit-tap-highlight-color 
a:link {-webkit-tap-highlight-color: #fcd700;} */

/*ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}*/



/*** structure **/

#page-wrap {width: 100%; margin: 0 auto;  }

	#header { position: relative;  width: 100%; margin: 0 auto; padding: 30px 0 0 0;   }
		#header-content {width: 94%; max-width: 1000px; margin: 0 auto 20px auto;   display: block;   }
			.home #header {margin-bottom: 0; background-color: transparent; }
				#header #site-title { width: 40%;  float: left;  margin: 0;   }
					#header #site-title a {display: block;  width: 100%; padding-top: 50px;   }
					#site-title span {  }
				#header .description { display: none;     }
	
	#nav-wrap {}
		#nav { height: 90px; width: 50%; float: right; position: relative; display: table;     }
			#nav li {float: left; width: 20%;   text-align: center;  padding-top: 10px; position: relative;   }
				#nav a {display: block; position: absolute; top:0; left:0;   padding-top: 60px; width: 100%; padding-bottom: 10px;     }
				
				.category #nav li ul {display: block; }
				#nav li:hover ul {display: block; }
				#nav li ul {display: none; position: absolute; left:0; padding-top: 8px; padding-bottom: 10px;   }
					#nav li ul a { }
					#nav li ul li.current-menu-item a { padding-bottom: 3px;   }
		
		a#toggle {display: none; width: 40px; height: 30px; position: absolute; top: 50px; right: 0; text-align: center; padding: 5px 0; }
			a#toggle span {display: block; overflow: hidden; text-indent: -9999px; }
	
	
	
	#content-wrap {}
		#content { overflow: auto; }
			.row { z-index: 100; position: relative; padding: 50px 0;}
			.single .row, .has-sidebar .row {width: 94%; max-width: 1000px; margin: 0 auto 20px auto;   display: block;   }
			.row:after {content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;  }
				article, .post {width: 94%; max-width: 1000px; margin: auto; }
				article:after, .post:after { content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0; }
				.home .post { }
					.entry {padding: 0 0 0 0px;}
					.home .entry {/*position: relative; z-index: 10;  padding: 20px 20px 0 20px; height: 80px; margin-top: -100px;*/  background-size: cover; background-position: center center;  } 
					
	
			/* home */	
			
			.latestProjects {display: block; width: 100%;  margin: 0;  }
			.folio {clear: both; }
			.folio:after {content: "";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;  }
				.latestProjects .sub-post {width: 20%;  float: left; }
					.latestProjects .sub-post a img {border: none !important; width: 100%; height: 100%;  }
				
		
			.home .posttime { display: block; height: 50px; width: 50px; float: left; margin-right: 10px;  }
				.home .postmonth {float: left; margin-right: 5px;  }
			
		
		/* page header */
			.pageHeader { width: 100%; float: left; clear: both; }
		
			.cols {width: 100%; margin-bottom: 3em; overflow: auto; display: table; table-layout: fixed;  }
				.col_one_third { display: table-cell;  width: 27%;  margin: 0 0 0 0; padding: 1em 3%;  border-left: 1px solid #ccc; background: rgba(255,255,255,.8); }
				.col_one_third:last-child { border-right: 1px solid #ccc;} 
			
			
			
			.project-before {width: 100%;  }
			.project-after {width: 100%; }	
			/*.project-after::after {  content: ""; display: block; height: 100%; width: 100%;  background: #fff; opacity: .75;  top: 0;  left: 0;  bottom: 0;  right: 0;  position: absolute;  z-index: 1;   }*/
			.project-launch {}
				.project-launch a {display: block; clear: both; padding: 10px; background:#093; color: #fff; transition: .4s; font-size: 1.2em; }
				.project-launch a:after { content: "\25BA"; display: block; float: right; margin: 0 .5em;  }
				.project-launch a:hover {background: #060; color: #fff; }

			
			
			
			
			
			/* single */
			.single .row article, .has-sidebar .row article {width: 65%; min-width: 320px; float: left; }
				.single .meta {margin-top: -20px; margin-bottom: 20px;  }
				.category-projects .meta {display: none; }
			.single .row #sidebar {width: 30%; margin-left: 5%; max-width: 300px; min-width: 128px; float: right; }
			.single .tags { float: left; clear: both; margin: 30px 0 0 0; width: 100%; padding: 15px 0;  }
		
			/* category or archive */
			.archive .folio-item {display: block; float: left; position: relative; width: 20%; min-width: 160px;  margin: 0; }		
			.home .folio-item {width: 30%; margin-right: 3%; margin-bottom: 150px;}
			.archive .folio-item:hover { }
			
				.archive .folio-item .archive-title {position: absolute;  text-align: center; z-index: 10; margin: 20px; text-align: center;  }
				.archive .folio-item img { z-index: 5; width: 100%; height: 100%; border: 0;     }
		
			.archive .popularTags { float: left; clear: both; margin: 0 0 20px 0;  }
				.popularTags li {float: left;  padding: 0 10px 0 0; }
				.popularTags a { }
				.popularTags a:hover { }
				
		
			
			/* blog landing */
			.category-1 .row { width: 65%; float: left;    }
				.category-1 .post {width: 100% !important; border: none !important; background: transparent !important; display: block; width: auto; height: auto; min-height: 115px;  padding: 0 0 50px 0; float: none; margin: 0 0 50px 0; border-bottom: 1px solid #aaa !important;   }
				.category-1 .post:hover {background: transparent !important;  }
				.category-1 .post h2 {text-align: left; text-shadow: none !important; position: relative; }
				.category-1 .post p:first-child {margin-bottom: 0; }
			.category-1 #sidebar {width: 30%; float: right; }
					.category-1 .post .thumbnail { float: left;    }
						.category-1 .post .thumbnail img {width: 120px; height: 120px; margin: 0 15px 15px 0;  }
					.category-1 .post img { position: relative; top: auto; left: auto; z-index: auto;  }
					.category-1 .post .entry img {display: none;  }
			.category-1 .meta { font-size: 0.8em;   }
				.category-1 .updated {  font-weight: bold;  }
				.category-1 .comments-link {   }
		
		
			#sidebar {margin-top: 48px; }
				#sidebar .widget {margin-bottom: 40px; clear: both;   }
				#sidebar .widget.widget-1 {width: 92%; padding: 20px 3%; background: #f0f0f0; border: 1px solid #222;   }
					.widget ul {margin: 0 0 1em 0;}
						.widget li {margin: 0 0 .5em 0; }
			
			#respond {clear: both; margin: 50px 0 30px 0; }
		
			.navigation {display: block; float: left; width: 100%;  padding: 10px 0; }
			
			dl.gallery-item {width: 25%; }
	
	#footer-wrap { }
		/*#pre-footer {width: 90%; padding: 2em 5% 0 5%; background: rgba(0,0,0,.3);  overflow: auto;   }
		.contact #pre-footer {display: none; }
			#pre-footer .widget { max-width: 1000px; margin: 0 auto; }
				#pre-footer .alignright {width: 50%; text-align: center; }
				#pre-footer input[type="submit"] { padding: 20px; color: #fff; margin-top: 30px; box-shadow: 0px 5px 5px rgba(0,0,0,.5); border-radius: 5px;  }*/
		#footer {width: 90%; max-width: 1000px; margin: auto; padding: 30px 0 50px 0; overflow: auto;  }
			#footer .widget {width: 30%; float: left; margin-right: 3%;  }


.gallery {clear: both; margin: 20px auto 40px auto !important; }


/*** special pages ***/
.has-sidebar td {padding: 0 40px 0 0; }

.error404 .row {width: 65%; float: left; }
.has-sidebar #sidebar, .error404 #sidebar {width: 30%; float: right; }

	
	
	
	
	
	
	
/*** structure styles ***/	

body { font-family: "Open Sans", Verdana, Geneva, sans-serif; font-size: 14px;
	/*background-color: #dadada !important; background-image: none !important;*/  }


.featured-background { background-repeat: no-repeat; background-position: 100% 100%; background-attachment: fixed;  background-size: cover; }
.category .featured-background, .contact .featured-background {background-image: none !important; }

body, select, input, textarea {color: #333;}

hr {display: inline-block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 20px 0; padding: 0; clear: both; width: 100%; }

strong {font-weight: bold; }
em {font-style: italic; }

a {color: #134e8a; text-decoration: none; }
a:hover {color: #200361;}

#page-wrap { background: rgba(255,255,255,.75); /*background: rgb(255,255,255); background: rgba(255,255,255,.9);*/  }

	#header { background-color: #EAB3E9; border-bottom: none;   }
	#header::after {  content: ""; display: block; height: 100%; width: 100%;  background: rgba(255,255,255,.75);  top: 0;  left: 0;  bottom: 0;  right: 0;  position: absolute;  z-index: 1;   }
	.home #header {padding-top: 120px; }
	.category-1 #header  { }
		#header-content { position:relative;  z-index: 10; }
			#header #site-title {   font-size: 2.8em;  text-transform: none; font-family: Questrial, verdana, sans-serif;  }
			#header div#site-title {font-size: 2.4em;  }
				#site-title a {background: url(images/f22-logo-gray-200.png) left top no-repeat; color: #000;  }
				div#site-title a { color: #666;  }
				#site-title a:hover { color: #069;  }
			#header .description { color: #222; text-transform: uppercase;   }
	
	#nav-wrap {position:relative; z-index: 10; background:url(images/bg-header-glow-2.png) center bottom no-repeat; background-size: cover; }
		#nav {   }
			#nav li {    }
			#nav li:last-child {border-right: none; }
				#nav a {font-family: Questrial, verdana, sans-serif;  font-size: 18px;  color: #069;  }
				#nav a:hover {color: #09F; /*border-bottom: 3px solid #069;*/ }
				#nav li:hover {color: #09C; }
				#nav li.current-menu-item, #nav li.current-menu-ancestor, #nav li.current-category-ancestor {color: #09f; text-shadow: 0px 0px 1px #09F; }
				#nav li.current-menu-item a, #nav li.current-menu-ancestor a, #nav li.current-category-ancestor a { /*border-bottom: 3px solid #069;*/  color: #09F;  text-shadow: 0px 0px 1px #09F;  }
					#nav li.current-menu-item ul a { border-bottom: none; font-weight: normal;  }
				
		a#toggle { background: #ddd; border: 1px solid #222; }


	#content-wrap {  /*background: #fff;background:url(images/bg-stripes-3.png); background-size: contain; */ }
		#content {   }
		
			.row { background-size: cover; background-attachment: fixed; }
			.row:nth-child(odd) {background-color: #fff; }
			.row:nth-child(even) {background-color: #fafafa; }
			.row-1{ background: none !important; }
			.home .row-1 {font-size: 1.8em; min-height: 200px; padding: 100px 0;  }
				.home .row-1 h2 { color: #401;  }
				.home .row-1 h2 strong {color: #000;}
			.home .row-2 {font-size: 1.3em;  padding: 60px 0;  }
		
			.subnav {display: block; width: 100%;  height: 2em; margin: -40px 0 40px 0; clear: both;  }
				.subnav li {font-size: 1.2em; float: left; margin: 0 2em 0 0; }
				.subnav li  a {}
				.subnav li.current-menu-item a { color: #000; padding-bottom: 3px; border-bottom: 3px solid #000; }
			.filters {font-size: 1.1em; margin: 1em 0; }
				.filters li a {padding: 3px 5px; }
				.filters li.current-menu-item a {color: #fff;  border-bottom: none; background: rgba(0,0,0,.8) }
			
			/*#banner h2 a {color: #fff; text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;  text-transform: uppercase;  }
			#banner h2 a:hover {color: #06f; text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;}
			
			#banner h3 a {margin-left: 10px; color: #fff; text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;}
			#banner h3 a:hover {color: #06F; text-shadow: 1px 1px 1px #000, -1px -1px 1px #000; }
			
			.has-sidebar #banner {display: none; }	*/
			
			/* home */	
			
			.latestProjects { }
				.latestProjects .sub-post  { }
				.latestProjects:hover .sub-post  { }
				.latestProjects:hover .sub-post:hover  { }
			
			
			/* single */
			.single .row {}
				.single .meta { font-size: 0.8em; }
					.single .meta .updated {}
			.single .tags {   }
				.single a {  }
				.single a:hover { }
		
			/* category or archive */
			.archive h1 { }
			.archive .post {text-align: center; background: #fafafa; transition: opacity .2s; }		
			.archive .post:hover {/*border: 1px solid #ddd;  background: #fff; */}
				.archive .post:hover a img {opacity: 1; border: none; z-index: 100; }
			
				.archive .post .archive-title { display: none; color: #000;  
					text-shadow: #fff 1px 1px 1px, #fff 1px -1px 1px, #fff -1px 1px 1px,  #fff 2px 2px 1px, #fff 2px -2px 1px, #fff -2px 2px 1px;
					text-shadow: #fff 1px 1px 0px, #fff 0px 0px 3px; }
				.home .post .archive-title {display: block; text-shadow: none; top: 100%; font-size: 1.3em; text-align: center; width: 87%;	}
				.category-blog .post .archive-title {display: block; margin: 0; }
					.archive .post .archive-title a {color: #000;   }
				.archive .post:hover .archive-title {display: block; }
				.archive .post img { border: none;   }
				.archive .post a:hover img { border: none;   }
		
		
			
			/* blog landing */
			.category-1 .row {  }
				.category-1 .post { text-align: left; border: none;  }
				.category-1 .post p:first-child { }
				.category-1 .post:hover {     }
			.category-1 #sidebar { float: right; }
			.category-1 .comments-link { font-size: 0.8em;  }
		
		
			#sidebar {}
				#sidebar .widget {  }
					#sidebar .widget li {}
		
			.navigation {   }
			
			.editThis { }

	#footer-wrap {  background: #f4f4f4 url(images/bg-footer-shadow.jpg) center top no-repeat;   }
		#pre-footer {/*border-bottom: 1px solid #816C61;*/}
		#footer {  }
			#footer .widget {font-size: 1em;  }
				#footer .widget a {   }
			.copyright {width: 100%; clear: both;  padding: 10px 0; background: #ccc;  }
				.copyright p {width: 90%; max-width: 1000px;  text-align: left; margin: 1em auto;  }


.gallery { }
	.gallery dl {}
		.gallery dt {}
		.gallery dd.gallery-caption {font-size: 0.8em; }

	
	
	
	
	
	
	
	
	
	
	
		


/*** styles ***/

h1, h2, h3, h4, h5, h6 {font-family: Questrial, verdana, sans-serif; color: #000;  }
h1 {font-size: 2em; line-height: 1em; margin-bottom: .5em;  }
h2 {font-size: 1.8em; line-height: 1.2em; margin-bottom: .5em;  }
.home h2 a {margin-left: 1em; }
h3 {font-size: 1.6em; line-height: 1.2em;  margin-bottom: .5em; }
.widget h3 { border-bottom: 1px solid #000; margin-bottom: 10px;  }

table { clear: both;  }
	td {vertical-align: top; padding: 0 1em 1em 0; }
	.home table {background: #f0f0f0; }
		.home table td {padding: 1em; }

.alignright {float: right; margin: 0 0 10px 10px; }
.alignleft {float: left; margin: 0 10px 10px 0; }
.aligncenter {float: none; margin: 0 auto; text-align: center;  }


p {  margin-bottom: 1.2em; color: #444; font-size: 18px; line-height: 26px; }

.wp-caption {margin:0 0 1em 0;  padding: 10px 1%; background: #fff; border: 1px solid #ccc; width: 97% !important; }
	.wp-caption p {margin-bottom: 0; }
	.wp-caption a {display: block; width: 100%;  overflow: hidden; }
	.wp-caption img { width: 100%; box-shadow: none !important;    }


.single .post p:first-child, .page .post p:first-child {font-size: 1.2em; line-height: 1.4em;   }
.single .post p:first-child img, .page .post p:first-child img {margin-bottom: 20px; }
.page .post > p:first-child, .category .pageHeader > p:first-child { padding: 0 0 2em 0; margin: 0 2em 1em 0; }
/*.home .entry > p:first-child {font-size: 2em;  margin:0 0 1em 0; padding: 1em 0; background: rgba(255,255,255,.8); }
	.home .entry > p:first-child strong { color: #06C; / *text-shadow: -1px -0px 1px #f00, 1px 0px 1px #0f0, 2px 1px 1px #00f; * /}
	.home .entry > p:first-child img {margin-right: 1em;} */
.category .pageHeader p:first-child {width: 33%; float: left; margin-right: 5%;  }


img {height: auto; }
img.size-large, img.size-full { border: none; width: 100%; }

a.btn {display: inline-block; background: rgba(230,230,230,1); color: #069; margin: 10px 0; font-size: 1.1em; padding: 10px; border: none; transition: all .3s; text-transform: uppercase; }
a.btn:hover {background: rgba(210,210,210,1); color: #09f; text-shadow: 0px 0px 3px #09F; }
a.btn:after { content: "\25BA"; display: block; float: right; margin: 0 .5em;  }


.post a img {transition: all .3s; }
.post a:hover img { opacity: 1; }
#sidebar a img {border: 1px solid #666;  }
#sidebar a:hover img {border: 1px solid #222;  }
	

form {}
form div {clear: both; margin: 0 0 5px 0; }
label {float: left; margin-right: 10px; color: #666; width: 150px;  }
.contact label {width: 190px; }
input[type="text"], input[type="email"], select, textarea {background: #fafafa; border: 1px solid #333; padding: 3px; width: 300px;    }
.bigform input[type="text"], .bigform input[type="email"], .bigform select, .bigform textarea {background: #ddd; padding: 8px 2%; width: 96%;  font-size: 22px; border: none;   }
.contact input[type="text"], .contact input[type="email"], .contact select, .contact textarea { width: 300px;   }
.bigform input[type="text"]:focus, .bigform input[type="email"]:focus, .bigform select:focus, .bigform textarea:focus { background: #f7f7f7; }
textarea { height: 100px; width: 300px;  }
.contact textarea {height: 200px;    }
input[type="submit"] {background: #0C6;  padding: 5px 8px; font-size: 1.2em;    }
.bigform input[type="submit"] {background: #0C6;  padding: 10px 15px; border: none; font-size: 1.4em;    }
input[type="submit"]:hover {background: #0C3; }














.post {}


#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}















@media print {
}




@media screen and (min-width: 320px) and (max-width: 479px)  {
	body {background-image: none;   }
	#page-wrap { background: #fcfcfc;  }
	
	#header-content, #nav, #content, #footer {width: 100%; }
	
	#header #site-title { font-size: 2em; width: 100%; margin: 0 0;  }
		#header #site-title a {/*background: url(images/f22-logo-gray-100.png) left top no-repeat;*/  }
	#header .description { display: none;     }
	
	#nav { display: none; height: auto !important; width: 100%;}
		#nav li {width: 100% !important; height: auto; padding: 5px 0; float: none; border-bottom: 1px solid #ddd; text-align: left; background: rgba(255,255,255,.8);  }
		#nav li:hover { background: rgba(255,255,255,1);  }
		#nav li:last-child {border: none;   }
			#nav li a { position: relative; top:auto; left: auto; padding:5px; display: block;    }
			#nav .fa:before {content: "" !important; }
			#nav li a:hover { color: #000; border: none;   }
			#nav li ul {position: relative; display: block !important;  }
				#nav li ul li { border: none;  }
					#nav li ul li a { text-transform: none; text-indent: 1em; }
			
			#nav li.current-menu-item a, #nav li.current-menu-ancestor a, #nav li.illustration.current-post-parent a, #nav li.wordpress.current-post-parent a, #nav li.blog.current-post-parent a { border-bottom: none;   }
			
			#nav li.current-menu-ancestor ul li.current-menu-item a {border: none; }
	
	a#toggle {display: block; }
	
	.home .entry > p:first-child strong {  }
	
	.latestProjects .sub-post {width: 50%; margin: 0 0 10px 0;  }
	
	.single #sidebar {  }
		#sidebar .widget { max-width: none; float: none; margin: 0 0 2em 0; width: 100%; clear: both;   }
		
	.category-projects img.size-medium {width: 99%; max-width: 99%; }
	img {max-width:99%; }
	img.alignleft, img.alignright {max-width: 25%;  }
	
	

}


@media screen and (min-width: 320px) and (max-width: 819px)  {
body {}

	h1 {font-size: 1.4em;   }
	h2 {font-size: 1.2em;  }
	h3 {font-size: 1.1em;  }
	p {font-size: 14px; line-height: 20px; }

	#nav li a { font-size: 14px;   }
	
	.home .entry > p:first-child {font-size: 1.5em; }
	
	.cols {width: 100%; display: block; }
		.cols .col, .cols .col_one_third {clear: both; width: 94%; float: none; display: block; border: none;  }
	
	
	.row, .single .row, .category-1 .row, .has-sidebar .row { width: 100%; margin: 0 auto; }
	#sidebar, .single #sidebar, .has-sidebar #sidebar, .category-1 #sidebar {float: none; width: 100%; padding-top: 2em; margin: 0; max-width: none;  border-top: 1px solid #aaa; }
	#sidebar:after {  content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0; }
	
	#footer .widget {width: 100%; padding: 0 0 1em 0; margin: 0 0 1em 0;  border-bottom: 1px solid #ccc;}


	.category .pageHeader p:first-child {width: 100%; float: none; margin-right: 0;   }
	
	img.size-full, img.size-large {width: 100%; max-width: 100%; clear: both; float: none;  }
	
	
	.archive .post {width: 33.3%; }
	
}

@media screen and (min-width: 320px) and (max-width: 680px) {
	
	.home .post .archive-title {display: none !important;  }
	
}

@media screen and (min-width: 480px) and (max-width: 819px) {
	
	#header #site-title {   }
	
	.latestProjects .sub-post {width: 22%; padding-right: 2%; }
	.latestProjects .post-count-4 {padding-right: 0%; }
	
	#sidebar .widget { max-width: 45%; float: left; margin: 0 5% 0 0; clear: none;  }
	img.alignleft, img.alignright {max-width: 33%;  }
	
}




@media screen and (min-width: 820px) {
}








@media all and (orientation: portrait) {
}

@media all and (orientation: landscape) {
}