/* 
Theme Name: Pilot Fish 
Theme URI: http://wordpress.danielatwork.com/project/pilot-fish/
Description: Pilot Fish is an elegant portfolio theme with minimal design: featuring a custom post type to highlight projects and work, and parallax scrolling on the front page to display a featured image. Responsive layout makes it adaptive to mobile devices. Also Pilot Fish supports custom menus, post formats and is available in Japanese, Spanish and Russian. In this release, version 0.3.3,  new features include a dropdown menu for mobile devices, a theme option to include Google Analytics and is now compatible with IE8. Disclaimer: if you modified code in the original theme then an update will erase all your changes. So please either ignore this release or back up your changes.

Author: Daniel Zhao
Author URI: http://danielatwork.com/
Version: 0.3.3 
Tags: white, blue, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, right-sidebar, featured-images, flexible-width, full-width-template, post-formats, translation-ready, theme-options
	
License: GNU General Public License (GPL)
License URI: license.txt
 
 
  Table of Contents
==================================================
	01 - Reset & Basics
	02 - Global Styles
	03 - Site Layout
	04 - Margins & Paddings
	05 - Header
	06 - Content
	07 - Sidebar
	08 - Widgets
	09 - Comments
	10 - Pagination
	11 - Footer
	12 - Misc
	13 - Media Queries
	14 - Fixes for IE8
*/

/* 01 - Reset & Basics (Inspired by E. Meyers)
================================================== */
	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; }
	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; }
	a img { border: none; }
	img { display: block; }

	input[type="submit"]::-moz-focus-inner {border:0;}
	input[type="submit"]::-webkit-focus-inner {border:0;}

	.wp-caption {
		max-width: auto !important;
		background-color: #F3F3F3;
    		border: 1px solid #DDDDDD;
    		border-radius: 3px 3px 3px 3px;
    		margin: 10px 0;
    		padding-top: 4px;
    		text-align: center;	
}
	.wp-caption img {
		margin: auto;
}
	.wp-caption-text {
		padding: 5px 0 0 0;
		font-style: italic;
}
	caption, th, td {
		font-weight: normal;
}

/* 02 - Global Styles
================================================== */	
	html {
		height:100%;
		overflow-y: scroll;
		-webkit-overflow-y: scroll;
		-moz-overflow-y: scroll;
		-o-overflow-y: scroll;
		overflow-x: hidden;
		-webkit-overflow-x: hidden;
		-moz-overflow-x: hidden;
		-o-overflow-x: hidden;
}		
	body {
		color: #41434A; 
		font-family: "Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size:  14px;
		line-height:1.5em;
		text-rendering:optimizeLegibility;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }
	h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		font-weight:700;
		word-wrap:break-word;
		font-family: "Droid Serif","Georgia",serif;
}
	h1 { 
		color: #593e37;
		font-size: 2em;
}
	h2 {
		color: #8ca1a1;
		font-size: 1.6em;
}
	h3 {
		font-size: 1.5em;
}
	h4 {
		font-size: 1.3em;
}
	h5 {
		font-size: 1.2em;
}
	h6 {
		font-size: 1em;
		text-transform:uppercase;
}
	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }
	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }
/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; font-family: "Droid Serif","Georgia",serif; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
	code {
	    	font-family: "Courier New", Courier, serif;
		overflow: auto;
		padding: 2px;
		background: #fff;
}

	pre code {
		background: none;
}

	pre {
	    	font-family: "Courier New", Courier, serif;
	    	margin: 0 0 20px;
		padding: 10px;
		background: #fff;
		overflow: auto;	
		border: 1px solid #e4e4e4;
}
/*	Horizontal Rule   */	
	hr {
		background:#ddd;
		border:none;
		clear:both;
		color:#ddd;
		float:none;
		height: 1px;
		margin:0 0 1.45em;
		width:100%;
}
/*	Links	*/
	a {
		color: #664e44;
		text-decoration:none;
}
	a:hover {
		color: #664e44;
		text-decoration:underline;
}
/*	Lists	*/
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
	ul, ol {
	margin: 0 0 1.625em 2.5em;
}
	ul {
		list-style: square outside;
}
	ol {
		list-style-type: decimal;
}
	ol ol {
		list-style: upper-alpha;
}
	ol ol ol {
		list-style: lower-roman;
}
	ol ol ol ol {
		list-style: lower-alpha;
}
	dl {
		margin: 0 1.625em;
}
	dt {
		font-weight: bold;
}
	dd {
		margin-bottom: 1.625em;
}
/*	Images	*/
	img {
		max-width: 100%;
		height: auto; }
/*	Buttons	*/
	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  position: relative;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

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

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -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: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
		    border: 0;
		    padding: 0;
} 
/*	Forms	*/
	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 50%;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* 03 - Site Layout
================================================== */
	#container {
		margin:0 auto;
		padding:0px 25px;
}	
	#wrapper {
		background-color:transparent;
		clear:both;
		margin: 20px auto;
		padding: 0 20px 20px 20px;
		position:relative;
}
	#header {
		margin: 0;
}
	#footer {
  		margin: 45px auto;
  		padding: 35px 0 36px;
  		border-top: 1px solid #e5e5e5;
}
	#footer p small { font-size: 13px; }


/* 04 - Margins & Paddings
================================================== */
	blockquote:first-child {
		margin:.8em 0;
}
	p, ul, ol, dl, pre, blockquote, address, table, form {
		margin-bottom:1.6em;
}
	h1 {
		margin:1em 0 .5em;
}
	h2 {
		margin:1.07em 0 .535em;
}
	h3 {
		margin:1.14em 0 .57em;
}
	h4 {
		margin:1.23em 0 .615em;
}
	h5 {
		margin:1.33em 0 .67em;
}
	h6 {
		margin:1.6em 0 .8em;
}
	th, td {
		padding:.5em;
}
	caption {
		padding-bottom:.8em;
}
	blockquote {
		margin:1.6em 0;
		padding:0 1em;
}
	fieldset {
		margin:1.6em 0;
		padding:0 1em 1em;
}
	legend {
		padding-left:.8em;
		padding-right:.8em;
}
	legend+* {
		margin-top:1em;
}
	textarea, input {
		padding:.3em .4em .15em;
}
	select {
		padding:.1em .2em 0;
}
	option {
		padding:0 .4em;
}
	a {
		padding:.3em 0 .1em;
		position:relative;
}
	dt {
		margin-bottom:.4em;
		margin-top:.8em;
}
	ul {
		margin-left:1.5em;
}
	ol {
		margin-left:2.35em;
}
	ol ol, ul ol {
		margin-left:2.5em;
}
	form div {
		margin-bottom:.8em;
}

/* 05 - Header
================================================== */
	#header #logo {
		float:left;
		margin-bottom: 20px;
		padding-left: 10px;
}
	#header #logo .site-name {
		display:block;
		padding-top:20px;
}
	.site-name a {
		font-family: 'Fredericka the Great', cursive;
		font-size: 3.5em;
		color: #377687;
		line-height: 1.1em;
} 
	.site-name a:hover {
		text-decoration: none;
		color: #377687;
}
	#header #logo .site-description {
		display:block;
		font-size:14px;
		margin:10px 33px 0 0;
		*text-align: right;
		color: #8CA1A1;
		*border-bottom: solid 3px #aba;
}
/* Primary Navigation */
	#access .menu {
		clear:both;
		margin:0 20px;
}
	#access .menu, 
	#access .menu ul {
		display:block;
		list-style-type:none;
		padding:0;
}
	#access .menu li {
		border:0;
/*		border-bottom:solid 3px #aba;  */
		display:block;
		float:left;
		margin:0;
		padding:0;
		position:relative;
		z-index:5;
}
	#access .menu li:hover {
		white-space:normal;
		z-index:10000;
		background-image: url(images/menu-bg-beige.png);
}
	#access .menu a {
		font-family: "Droid Serif","Georgia",serif;
		border-left:1px solid #DEDCC3; 
		color: #377687; 
		display:block;
		font-size:13px;
		font-weight:700;
		height:45px;
		line-height:45px;
		margin:0;
		padding:0 0.9em;
		position:relative;
		text-decoration:none;
}
	#access .menu a:hover {
		text-decoration:none;
		color: #377687;
}
	#access .menu .current_page_item a,
	#access .menu .current-menu-item a {
		background-image: url(images/menu-bg-beige.png);
}
	#access .menu li li {
		float:none;
}
	#access .menu:after, 
	#access .menu ul:after {
		clear:both;
		content:".";
		display: block;
		height:0;
		overflow:hidden;
		visibility:hidden;
}
	#access .menu, 
	#access .menu ul {
		min-height:0;
}
	#access .menu ul.sub-menu,
	#access .menu ul.children {
		left:0;
		position:absolute;
		top:0;
		visibility:hidden;
		z-index:10;
}
	#access .menu li:hover > ul {
		top:100%;
		visibility:visible;
}
	#access .menu li li:hover > ul {
		left:100%;
		top:0;
}
	#access .menu ul {
		margin:-10px 0 0 -30px;
		padding:10px 30px 30px;
}
	#access .menu ul ul {
		margin:-30px 0 0 -10px;
		padding:30px 30px 30px 10px;
}
	#access .menu ul li a:hover {
		background-image: url(images/menu-bg-beige.png);
}
	#access .menu ul {
		min-width:12em;
		width:auto;
}
	#access .menu li li {
		background:#fff;
		background-image:none;
		border:1px solid #b2b2b2;
		border-top:none;
		color:#444;
		filter:none;
		width:auto;
}
	#access .menu li li a {
		border:none;
		color:#444;
		font-size:12px;
		font-weight:400;
		height:auto;
		height:20px;
		line-height:20px;
		padding:5px 10px;
		text-shadow:none;
		white-space:nowrap;
}
	#access .menu li li a:hover {
		background:#f5f5f5;
		background-image:none;
		border:none;
		color:#444;
		filter:none;
}
	#access .menu ul > li + li {
		border-top:0;
}
	#access .menu li li:hover > ul {
		left:100%;
		top:0;
}
	#access .menu > li:first-child > a, 
	#access .menu ul > li:first-child > a {
		border-left:none;
}
	#access .menu > li:first-child > a, 
	#access .menu-container li + li + li li:first-child > a {
}
	#access .menu ul.children a, 
	#access .menu .current_page_ancestor, 
	#access .menu .current_page_ancestor ul a {
		background:none;
		background-image:none;
		filter:none;
}
	#access  ul.sub-menu .current_page_item a {
		background:transparent !important;
}

/* 06 - Content
================================================== */
	#content, 
	#content-full,  
	#post, 
	#post-images, 
	#project,
	#project-archive,
	#search-results  {
		margin-bottom:20px;
}
	#content .sticky {
		clear:both;
}
	#content .sticky p {
}
	#content .bypostauthor {
}
	#content article {
		padding-bottom: 37px;
		border-bottom: 1px solid whiteSmoke;
		margin-bottom: 30px;
}
/*	Post	*/
	.hentry header { line-height: 1.5; }
	.hentry h1 a { text-decoration: none; line-height: 1.5; }
	.hentry time { display: block; }
	.hentry p.byline { }
	.hentry footer { clear: both; }
	.comments-link { }
	#cancel-comment-reply-link {
		color:#900;
}
	.post-data {
		clear:both;
		font-size:11px;
		margin-top:30px;
		color:#9f9f9f;
}
	.post-entry {
		clear:both;
		margin-top: 30px;
		margin-bottom: 50px;
}
	.post-entry .attachment-post-thumbnail {
		float: left;
		background: none repeat scroll 0 0 #EEEDEE;
    		border: 1px solid #E5E5E5;
    		border-radius: 3px 3px 3px 3px;
    		margin-right: 20px;
    		padding: 5px;
}
	.post-meta {
/*	.logged-in-as,
	.pagination { */
                display:none;
/*		clear:both;
		color:#9f9f9f; */
}
/*	.post-edit,
	.read-more {
		clear:both;
		display:block;
		font-size:12px;
		margin:1.5em 0;
} */
/*	.post-search-terms {
		clear:both;
}
	.attachment-entry {
		clear:both;
		text-align:center;
}
	.post-entry table,
	.comment table {
		border-bottom: 1px solid #ddd;
		margin: 0 0 1.625em;
		width: 100%;}
	.post-entry th,
	.comment th {
		font-weight: 500;
		letter-spacing: 0.1em;
		line-height: 2.6em;
		text-transform: uppercase;
}
	.post-entry td,
	.comment td {
		border-top: 1px solid #ddd;
		padding: 6px 10px 6px 0;
}*/
	.page-hierarchy {
		padding-top: 30px;
}
	embed,
	iframe {
		max-width: 600px;
		max-height: 338px;
}

/* 	Aside Format 	*/
	#content .format-aside header {
		display: none;
}
/* 	Gallery Format 	*/

/* 	Quote Format 	*/
	#content .format-quote header {
		display: none;
}
	.format-quote .post-entry {
		background: url(images/quote.jpg) repeat 0 0;
}
	.format-quote blockquote {
		background: url(images/quote-bg.png) no-repeat 15px 15px;
		opacity: 0.8;
		padding: 12px 15px 12px 80px;
}
	.format-quote blockquote p {
		color: #fff;
		font: italic 1.8em/1.3 "Hoefler Text",Constantia,"Adobe Garamond Pro","Garamond",Georgia,"Times New Roman",Times,serif;
}
	.format-quote blockquote a {
		color: #fff;
		opacity: 0.8;
		border-color: #fff;
}
	.format-quote blockquote cite,
	.format-quote blockquote cite a {
		color: #fff;
		margin-top: 20px;
		text-align: right;
		font-size: 1em;
}
	.format-quote blockquote cite a:hover,
	.format-quote blockquote cite a:focus,
	.format-quote blockquote cite a:active {
		color: #fff;
		opacity: .95;
}

/* 	Status Format	*/
	#content .format-status header {
		display: none;
}
	#status-avatar {
		display: block;
		float: left;
}
	#status-text {
		margin-left: 70px;
		padding: 15px 10px 0 15px;
		border-width: 1px;
		border-style: solid;
		border-color: rgba(8, 22, 37, 0.12) rgba(8, 22, 37, 0.14) rgba(8, 22, 37, 0.16);
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		-o-border-radius: 1px;
		border-radius: 1px;
}		

/*	Image Format	*/
	#content .format-image header {
		display: none;
}
	.format-image .post-entry img {
/*		max-width: 600px;*/
}
	.format-image .post-entry p {
		color:#777;
		font-size:13px;
}
	.format-image .post-entry p img {
		display:none;
}

/*	Link Format	*/
	.format-link header h1:after {
		content:"\2192";
		padding-left:10px;
		text-decoration:none;
}

/*	Thumbnails	*/
	#thumbnail {
		width: 100%;
}
	#thumbnail:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
}
	#thumbnail a {
}
	#thumbnail div div {
		background-color: #a68076;
		overflow: hidden;
		width: 300px !important;
		min-height: 175px;
		height: auto !important;
		display:inline-block;
		vertical-align:top;	
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-o-border-radius: 6px;
		border-radius: 6px;
		_display:inline; /* IE6 and below */
		_zoom:1; /* IE6 and below */
}
	#thumbnail div a:hover {
		text-decoration: none;
}
	#thumbnail div div a img {
		border: none;
		opacity: 1;
		width: 300px; 
		height: 175px;
		display: block;
}
	#thumbnail .row div .title-overlay {
		text-align: center;
		position: absolute;
		width: 300px;
		margin-top: 80px;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
}
	#thumbnail .row div .title-overlay span {
		color: white;
		background-color: rgba(0, 0, 0, .2);
		padding: 7px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
}
	#thumbnail {
		margin-left: 0;
}
	#thumbnail div a:hover > img {
		opacity: .1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; /* IE 8 */
		transition:opacity 0.8s;
		-moz-transition:opacity 0.8s; /* Firefox 4 */
		-webkit-transition:opacity 0.8s; /* Safari and Chrome */
		-o-transition:opacity 0.8s; /* Opera */
}
	#thumbnail div a:hover > span.title-overlay {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
}
/*	Post Images	*/
	#post-images .pager { margin-top: 30px; }
	.stack { position: relative; z-index: 10; }
 
/* Image styles */
/*	.stack img { max-width: 100%; height: auto; vertical-align: bottom; border: 10px solid #fff; border-radius: 3px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}*/

/*	Featured Content	*/
	#featured {
		background-attachment: fixed;
		background-image: url(images/home_banner.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		height: 380px;
		display: block;
		text-align: center;
}
	#featured p {
		font-size: 18px;
		font-weight: 200;
		line-height: 27px;
		padding: 0 40px 0 40px;
		text-align:center;
}
	#banner-text {
    		position: fixed;
    		text-align: center;
    		top: 380px;
}
	.featured-title {
		font-size: 60px;
		color: #ffffff;
		letter-spacing: -1px;
		line-height: 1;
		margin: 0;
		text-shadow: 0 0 1px #3F544E;
}
	.featured-subtitle {
		text-align:center;
}

/* 07 - Sidebar
================================================== */
	#widgets {
		margin-top:40px;
}
	#widgets a,
	#widgets-footer a {
		display:inline-block;
		margin:0;
		padding:3px;
		text-decoration:none;
		width: 100%;
}
	#widgets ul, #widgets-footer ul, #widgets .textwidget, #widgets-footer .textwidget, #widgets .tagcloud, #widgets-footer .tagcloud, #widgets #searchform, #widgets-footer #searchform, #widgets #calendar_wrap, #widgets-footer #calendar_wrap, #widgets-footer .vcard, #widgets .vcard {
		font-size:13px;
		margin:0 0 20px;
		padding:20px;
		list-style: none;
}
	#widgets #s {
		width:95%;
}
	#widgets ul li,
	#widgets-footer ul li {
		margin-left:15px;
}
	#widgets ul li a,
	#widgets-footer ul li a {
		display:inline;
		color: #4fa1ab; 
		text-decoration:none;
}
	#widgets ul li a:hover {
}
	#widgets ul ul a,
	#widgets-footer ul ul a {
		padding:3px 0 3px 18px;
}
	#widgets ul ul ul a,
	#widgets-footer ul ul ul a {
		padding:3px 0 3px 18px;
}
	#widgets ul ul ul ul a,
	#widgets-footer ul ul ul ul a {
		border:none;
		padding:3px 0 3px 18px;
}
	#widgets .widget-title img,
	#widgets-footer .widget-title img {
		float:right;
		height:11px;
		position:relative;
		top:4px;
		width:11px;
}
	#widgets-footer {
		margin-left: 2.083%;
}

/*	Titles */
	.widget-inner h3 {  
		color: #377687;
		display:block;
		line-height:23px;
		margin:0;
		padding:20px 20px 0 20px;
}
	.widget-title a {
		border-bottom:none;
		padding:0!important;
}
	.title-404 {
		color:#6e9489;
		font-size: 2em;
		line-height: 1.5;
}

/* 08 - Widgets
================================================== */
	#widgets .rss-date {
		line-height:18px;
		padding:6px 12px;
}
	#widgets .rssSummary {
		padding:10px;
}
	#widgets cite {
		font-style:normal;
		line-height:18px;
		padding:6px 12px;
}
	#widgets .textwidget, 
	#widgets .tagcloud {
		display:block;
		line-height:1.5em;
		margin:0 0 20px;
		word-wrap:break-word;
}
	#widgets .textwidget a {
		display:inline;
}
	#widgets ul .children,
	#widgets ul.sub-menu,
	#widgets-footer ul.sub-menu,
	#widgets-footer ul .children {
		border:none;
		margin:0;
		padding:0;
}
	#widgets .author {
		font-weight:700;
		padding-top:4px;
}
	.widget_archive select, #cat {
		display:block;
		margin:20px 15px 0;
}
	
/* 09 - Comments
================================================== */	
	#comments, 
	#submit { 
		clear: both; 
		display: block; 
}
	.comment ul.children { list-style: none; }
	.comment-body {
		clear:both;
		font-size:13px;
		margin-bottom:10px;
}
	.commentlist .avatar { 
		margin-right: 10px;
		float: left;
}
	ol.commentlist {
		list-style: none;
}
	ol.commentlist li.comment {
		padding-top: 30px;
}


/* Comment Form */
	h6 #reply-title {
		margin-top: 30px;
		font-size: 1em;
}
	#commentform {
		position: relative;
		margin: 10px 0 30px 0px;
}
	#comments #respond {
		position: relative;
		padding: 0 0 0;
		margin: 0;
}
	.comment-notes {
		display: none;
}
	#respond .form-allowed-tags {
		display: none;
}
	#respond form {
		margin: none;
		padding: none;
		position: relative;
}
	.cancel-comment-reply {
		float: right;
		margin: 5px 90px 0 0;
}
	#comments textarea {
		width: 90%;
}
	#comments input[type="text"] {
		margin-right: 20px;
}
	
/* 10 - Pagination
================================================== */
	.pager {
		  margin-bottom: 18px;
		  margin-left: 0;
		  text-align: center;
		  list-style: none;
		  *zoom: 1;
}
	.pager:before,
	.pager:after {
		  display: table;
		  content: "";
}
	.pager:after {
	  	clear: both;
}
	.pager li {
	  	display: inline;
}
	.pager a {
		  display: inline-block;
		  padding: 5px 14px;
}
	.pager a:hover {
		  text-decoration: none;
}
	.pager .next a {
	  	float: right;
}
	.pager .previous a {
	  	float: left;
}
	.pager .disabled a,
	.pager .disabled a:hover {
		  color: #999999;
		  cursor: default;
		  background-color: #fff;
}

/* 11 - Footer
================================================== */
	#copyright {
		padding:10px;
		position: relative;
}
	.copyright { 
		text-align:left; 
		line-height: 1; 
}
	.scroll-top { 
		text-align:right; 
}

/* 12 - Misc
================================================== */

/*	WordPress Generated Classes */		
	.aligncenter { 
		display: block; 
		margin: 0 auto; 
}
	.alignleft { 
		margin: 0 20px 20px 0; 
		float: left; 
}
	.alignright { 
		margin: 0 0 20px 20px; 
		float: right; 
}
	.left {
		float:left;
}
	.right {
		float:right;
}
	.center {
		text-align:center;
}
	.gallery-caption {
}
	.gallery-item {
		width: auto !important;
}
/*	Clearfix */
	.clearfix:after, #container:after {
		clear:both;
		content:"\0020";
		display:block;
		height:0;
		max-height:0;
		overflow:hidden;
		visibility:hidden;
}
	*html .clearfix, *html #container {
		height:1%;
}
	.clearfix, #container {
		display:block;
}
	.clear {
		clear:both;
}

/*!
 * Bootstrap Responsive v2.0.4
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 *
 * with modifications
 */
 
.row {
	float: left;
	margin-bottom: 2.083%;
	padding-top: 0;
}
.span3, .span4, .span4-fixed, .span6, .span8 {
	display: inline;
	margin-right: 2.083%;
}

.span3 {
	width: 220px;
}

.span4,
.span4-fixed {
	width: 300px;
}

.span6 {
	width: 460px;
}

.span8 {
	width: 620px;
}

.span12 {
	width: 940px;
}

/* .last to keep the last item inline */
.last {
	margin-left:0 !important;
	margin-right:0 !important;
}

.hidden {
  	display: none;
  	visibility: hidden;
}

.visible-phone {
  	display: none !important;
}

.visible-tablet {
  	display: none !important;
}

.hidden-desktop {
  	display: none !important;
}

/* Media Queries
==================================================*/

/* Landscape phones and down */
@media only screen and (max-width: 480px) {
  	html {
  		overflow-x: auto;
		-webkit-overflow-x: auto;
		-moz-overflow-x: auto;
		-o-overflow-x: auto;
  	}
  	#header #logo { max-width: 100%; padding-left:0; }
  	.page-header h1 small {
    		display: block;
    		line-height: 18px;
  	}
  	#container,
  	#footer {
    		width: 100%;
		padding: 0;
  	}
	#wrapper { padding: auto; }
  	.span12, 
  	.span8,
  	.span6,
  	.span4,
  	.span3 {
    		width: 100%;
    		clear: both;
  	}
	.post-type-archive-project #wrapper { padding-left:5px; padding-right:5px; }
  	.post-entry img {
		max-width: 260px !important;
		clear: both;	
	}
	.wp-caption,
  	.wp-caption-text {
  		max-width: 270px !important;
  	}
  	embed,
  	iframe {
  		max-width: 300px;
  		max-height: 180px;
  	}
	#access { width: 100%; float: left; }
	nav select { margin: auto; }
	#access .menu { display: none; }
  	ul,
	ul ul {
    		list-style: none;
	}
  	.menu li {
    		float:none !important;
  	}
  	#access .menu a {
		font-family: "Droid Serif","Georgia",serif;
		color: #377687; 
		font-size:13px;
		font-weight:700;
		height:30px;
		margin:0;
		padding:0 0.9em;
		position:relative;
		text-decoration:none;
	}

  	input[type="checkbox"],
  	input[type="radio"] {
    		border: 1px solid #ccc;
  	}
  	input[type="text"],
  	input[type="password"],
  	input[type="email"],
  	textarea,
  	select {
    		width: 90% !important;
  	}
  	.hidden-phone {
  		display: none !important;
  	}
}

@media only screen and (min-width: 481px) {	
	nav select { display: none; }
}
/* Landscape phone to portrait tablet */
@media only screen and (max-width: 767px) {
  	body { }
  	#container,
  	#footer {
    		width: 100%;
  	}
  	.span12, 
  	.span8,
  	.span6,
  	.span4,
  	.span3 {
    		width: 96%;
    		margin-left: auto;
    		margin-right: auto;
  	}
  	#thumbnail .last {
		margin-right:2.083% !important;
  	}
  	input[type="text"],
  	input[type="password"],
  	input[type="email"],
  	textarea,
  	select {
    		width: 90% !important;
  	}
	.post-entry img {
		max-width: 500px; }
	.wp-caption,
  	.wp-caption-text {
  		max-width: 520px;
  	}
  	.visible-phone {
    		display: inherit !important;
  	}
  	.hidden-desktop {
    		display: inherit !important;
  	}
  	.visible-desktop {
    		display: none !important;
  	}
}

/* Portrait tablet to landscape and desktop */
@media only screen and (min-width: 768px) and (max-width: 979px) {
  	#container { width: 100%; padding-left:0; padding-right:0; }
  	.row {
    		*zoom: 1;
  	}
  	.row:before,
  	.row:after {
    		display: table;
    		content: "";
  	}
  	.row:after {
    		clear: both;
  	}
  	[class*="span"] {
    		float: left;
  	}
  	#thumbnail .last {
		margin-right:2.083% !important;
  	}
  	.post-entry img,
  	.wp-caption-text {
  		max-width: 470px !important;
  	}
  	embed,
  	iframe {
  		max-width: 470px;
  		max-height: 264px;
  	}
  	.span12 {
    		width: 99.9468085036383%;
  	}
  	.span8 {
    		width: 65.6926648596383%;
  	}
  	.span6 {
    		width: 48.5655930376383%;
  	}
  	.span4 {
    		width: 31.4385212156383%;
  	}
  	.span4-fixed{
    		width: 300px;
  	}
  	.span3 {
    		width: 22.874985304638297%;
  	}
  	.visible-tablet {
    		display: inherit !important;
  	}
  	.hidden-tablet {
    		display: none !important;
  	}
  	.hidden-desktop {
    		display: inherit !important;
  	}
  	.visible-desktop {
    		display: none !important ;
  	}
	.post-entry img {
		max-width: 460px; }
	.wp-caption,
  	.wp-caption-text {
  		max-width: 470px;
  	}
}

/* Large desktop */
@media only screen and (min-width: 980px) {
  	.row {
    		*zoom: 1;
  	}
  	.row:before,
  	.row:after {
    		display: table;
    		content: "";
  	}
  	.row:after {
    		clear: both;
  	}
  	[class*="span"] {
    		float: left;
  	}
  	#container,
  	#footer {
    		width:980px;
    		padding: 0;
  	}
  	.span12 {
    		width: 940px;
  	}
  	.span8 {
    		width: 620px;
  	}
  	.span6 {
    		width: 460px;
  	}
  	.span4,
  	.span4-fixed {
    		width: 300px;
  	}
  	.span3 {
    		width: 220px;
  	}
	.post-entry img {
		max-width: 590px; }
	.wp-caption,
  	.wp-caption-text {
  		max-width: 600px;
  	}
}

@media print {
	#featured { display: none; }
	#access { display: none; }
	#article { display: block; }
	.last #widgets,
	#widgets-footer {
		display: none;
	}
	.span12, .span8 {
		width: 96%;
	}
}

/* Fixes for IE8
======================================== */
	.ie8 #thumbnail div div {
		width: 300px !important;
		height: 175px !important;
}
	.ie8 #thumbnail div div a img {
		margin-top: -21px;
		width: 300px;
		height: 175px;
}