/*
Theme Name: craigwashburn.com
Theme URI: http://wordpress.org/
Description: Wordpress theme for craigwashburn.com
Version: 3.0
Author: Craig Washburn
Tags: 

*/

/* from craigwashburn-centered.css */

/* leadin is the top portion of the page above the blog */
/* .leadin { margin-left: auto; margin-right: auto; margin-top: 0px; height: 800px; width: 1200px; padding-left:10px;} */ /* padding needed for ios */
/*.leadin { margin-left: auto; margin-right: auto; margin-top: 0px; height: 860px; width: 1200px; padding-left:10px;}*/ /* padding needed for ios; adjust height to alter start of blog content */
.leadin { margin-left: auto; margin-right: auto; margin-top: 0px; height: 860px; padding-left:10px;}

.single-leadin { margin-left: auto; margin-right: auto; margin-top: 0px; height: 100px; text-align: center; width: 1200px; padding-left:10px;}  /* single blog post page */

/* apply element zero-ing out to only the leadin DIVs, otherwise the blog content's formatting gets out of whack */
/*DIV.leadin * {margin:0; padding:0; border:none;text-indent:0;text-decoration: none;outline:none;} 
DIV.single-leadin * {margin:0; padding:0; border:none;text-indent:0;text-decoration: none;outline:none;} */

/* 	GENERAL PAGE ITEMS
------------------------------------*/
/* mobile adjustments in mobilemenu.css */

body {
    background:#FFF;
	font-family:"merriweather", verdana, helvetica, arial, sans-serif;	/* blog font */
	font-weight: 400; /* regular */	
	font-size:13px;
	word-spacing:.10em;			
	color: rgb(0,0,0);
	text-rendering: 'optimizeLegibility';	
	text-align: left;
	margin: 0px;
	padding: 0px;    
	min-width:1200px;  /* necessary to center blog posts in ios, also sets minimum width of cycler image */
	}
a:link { text-decoration: none; }
a:visited {  text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
.emaillink { text-decoration: underline; }
h1 {
	font-family:"p22-underground-sc", verdana, helvetica, arial, sans-serif;	
	font-weight: 500; /* MED */
	font-size:13px;
	word-spacing:.10em;			
	text-rendering: 'optimizeLegibility';
	line-height: 20px;
	color: rgb(60,60,60);
}


/* page structure */
/* 
wrapper{ 
		left-nav {
			nav-home
			top-nav-section
			divider
		}	
	cycle-slideshow
	below-text
}
wordpress content
 */
#wrapper {
  /*position: relative;*/   /* setting this to absolute broke links, z-index problem maybe */
  margin: 0 auto 0 auto;  
  width: 100%; 
  /* max-width: 1500px; */  /* keeps thumb layout reasonably compact on wide displays */  
  /*height: 100%;*/
  /*border: 1px solid red;*/  /* uncomment to show true width for testing */
}
img {
	max-width: 100%;
	height: auto;
}
a img {border:none;}
a, a:link, a:visited {color:#6e6e63;}
a:hover {color:#000000;}

/* remove underline from ShareThis button */
.stbutton { text-decoration: none; }

/* 	HOME
------------------------------------*/

  #left-nav {
  	width: 175px;   
  	margin: 0;
  	margin-left: 3%;  	
  	height: 600px;  	
  	padding: 0;  	
  	/*background-color: #ccc !important;*/
  	float: left;
  }  
  #below-text {
  	clear: both;
    /*width: 800px;*/
    width: 100%;
    max-width: 800px;
    /*height: 200px;*/
    margin: auto;
    padding-top: 10px;
    /*background-color: #eee !important;*/
  }
  #nav-divider-div {
  	position: absolute;  	
  	top:66px;
	left: 3%;
	/*left:185px;*/
	margin-left: 180px;
	height: 550px;
    width: 1px;	
	/*background-color:#abcdef;	*/
	background-color: #ccc;
	z-index: -99;
  }

.cycle-slideshow { 					
	                width: 80%;			
					left: 25px;					
					overflow: hidden;
					/*background-color: #ddd;*/
}
.cycle-slideshow img { 
	width: 100%; 
	height: auto; 
}
/* scale down the image for slightly wider displays */
@media (min-aspect-ratio: 16/8) {
	.cycle-slideshow { 					
	                width: 70%;
	      			}
}


/* STILL-MOTION blog entries
-----------------------*/
  /* progress indicator container */  
.fm-progress {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index:1;
} 

/* background while stillmotion loads */
.fm-bg {
  position:absolute; 
  width:100%;
  height:auto;
  top:0;
  left: 0;
  z-index: -1; 
}

/* necessary for clickable still-motion images */
.fm-link {
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1; 
  /* fixes overlap error in IE prior to 11, 
     make sure you have an empty gif */
  background-image: url('js/fm-empty.gif'); 
}


/* 	NAVIGATION 
-----------------------*/

/* create and position the craig washburn pictures logo */
ul#nav-home {
	list-style:none;	
	padding-top:5px;
	left: 3%;
	margin: auto;	
	}
ul#nav-home li a {
	/*text-indent:-9999px;*/ /* disabled for retina */
	width:80px;
	height:81px;
	display:block;
	/*background:transparent url(red-logo.png) no-repeat 0 0;*/ /* disabled for retina */
	}	

/* create and position the link navigation bar */
ul#top-nav-section {		
	padding-left: 0px;
	margin-top: 0;
	margin-bottom: 0;	
	margin-left: 3%;	
	font-family:"p22-underground-sc", verdana, helvetica, arial, sans-serif;
	color: rgb(85,85,85);
	font-weight:500;
	font-size: 16px;	
	list-style:none;
	position:absolute;
	top:125px;
	left:0px;
	/*z-index:4;*/
	line-height: 1.5em;
	}
ul#top-nav-section a:link {color: rgb(85,85,85) !important;}
ul#top-nav-section a:visited {color: rgb(85,85,85) !important;}
/*ul#top-nav-section a:hover {color: rgb(239,46,36) !important;}*/
ul#top-nav-section a:hover {color: rgb(150,150,150) !important;}

#top-nav-section li {  
  margin-bottom: 10px;
  width: 175px;
}


/* if changed, change dropdown-entries */
ul#top-nav-section li.nav-projects {
	margin-bottom: 7px;
	font-size: 12px;
	line-height: 1em;
}


ul#top-nav-section li.nav-projects-title {	
	font-size: 14px;
	margin-bottom: 3px;	
}



ul#top-nav-section li#nav-arch-int {
	font-size: 14px;
	line-height: 1.3em;
}


#nav-functions {
	font-size: 14px;
	line-height: 1.8em;
}

#nav-dots {
   position:relative;
   left:-20px;   
   margin-bottom: 10px;
}
	
ul#nav-divider {
	list-style:none;    
	position:fixed;
	
	top:66px;
	left:3%;	
	z-index:3;  /* allow nav links to layer ontop of this bar */
}
#nav-divider li {
   height: 600px;
   width: 1px;
   background-color:#ccc;
   margin-left: 180px;
}

/* initial dropdown state */
#top-nav-section .dropdown-sub-menu {
    list-style: none;
    display: none;
    padding: 0;
}

/* dropdown state when clicked */
#top-nav-section .dropdown-visible {
    display: block;
}

/* same as nav-projects */
#top-nav-section li.dropdown-entries {
	margin-bottom: 7px;
	font-size: 12px;
	line-height: 1em;
}

/* FOR SINGLE POSTS ======================   */
ul#single-intro-text {
     list-style:none;
	left:240px;
	width:560px;
	z-index:3; 	
	margin-left: auto ;
    margin-right: auto ;
	text-align:center;
}


#single-navigation {
  width: 875px ;
  margin-left: auto ;
  margin-right: auto ;
  padding-bottom: 20px;
}

/* outer level of slide navigator */
ul.single-navigator a:link {color: rgb(60,60,60) !important;}
ul.single-navigator a:visited {color: rgb(60,60,60) !important;}
ul.single-navigator a:hover {color: rgb(150,150,150) !important;}
ul.single-navigator,
.single-navigator ul{
	font-family:"p22-underground-sc", verdana, helvetica, arial, sans-serif;
	color: rgb(60,60,60);
	font-weight:500;
	font-size: 16px;	
	/* list-style:none;
	position:absolute;
	top:125px;
	left:0px;
	z-index:4; */
	line-height: 1.5em;
	/* original css */
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline; 
	/* end of original css */
}

ul.single-navigator{
	display: table;
}
/* govern the series cells */
ul.single-navigator>li#single-stories{
	display: table-cell;
	position: relative;
	width:175px; 
	padding-left: 25px;
	padding-top: 7px;
	/* line-height: 22px; */
	height:20px;
	vertical-align: top;
}

ul.single-navigator>li#single-foodlife{
	display: table-cell;
	position: relative;
	width:175px; 
	padding-left: 8px;
	padding-top: 7px;
	/* line-height: 22px; */
	height:20px;
	vertical-align: top;
}

ul.single-navigator>li#single-architecture{
	display: table-cell;
	position: relative;
	width:175px; 
	padding-left: 30px; 
	padding-top: 7px;
	padding-bottom: 17px;
	/* line-height: 22px; */
	height:40px;
	vertical-align: top;
}

ul.single-navigator>li#single-portrait{
	display: table-cell;
	position: relative;
	width:175px; 
	/* padding-left: 19px;  */
	padding-top: 7px;
	/* line-height: 22px; */
	height:20px;
	vertical-align: top;
}

ul.single-navigator>li#single-contact{
	display: table-cell;
	position: relative;
	width:175px; 
	/* padding-left: 19px; */
	padding-top: 7px;
	/* line-height: 22px; */
	height:20px;
	vertical-align: top;
}

/* ============ END OF SINGLE POST CSS ============ */



/*  ==== BEGIN WORDPRESS THEME CSS ===== */

/* formatting of the Older posts / Newer posts link */
#nav-links {
	font-family: "Verdana", sans-serif;
	font-size: small;
	font-weight: normal;
}

#nav-links-single {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 2.5em;
	font-family: "Verdana", sans-serif;
	font-size: small;
	font-weight: normal;
}

/*  sets up an area where date, headline, body text of post to reside */
#posttext {
  border-top: 1px dotted #ccc;
  padding-top: 5px;
  margin-top: 5px;
  /* border-left: 1px solid #ccc; */
}

/* sets up area for the credit text in the footer */
#credittext {
  border-top: 1px dotted #ccc;
  padding-top: 5px;
  margin-top: 5px;
}

a img {
	border: none;
}

acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {
	cursor: help;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}


cite {
	font-size: 90%;
	font-style: normal;
}

/* permalink line */
h3 {
	color: rgb(60,60,60);
	font-family: "p22-underground-sc", "Verdana", sans-serif;
	font-size: small;
	font-weight: normal;
	padding-bottom: 2px;
	margin: 5px 10px 0 0;
	text-align: right;
}

h3 a {text-decoration: none;}

/* post title line */
h2 {
	color: rgb(60,60,60);
	font-family: "p22-underground-sc", "Verdana", sans-serif;
	margin: 2px 0 2px 0;
	padding-bottom: 4px;
	padding-left: 10px;
	text-align: left;
}

ol#comments li p {
	font-size: 100%;
}



/* classes used by the_meta() */

ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
	background: #90a090;
	border-top: 3px double #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}

.meta {
	font-size: .75em;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}

.storytitle {
	margin: 0;
	/* same as h2 to single posts can match the main page and use h1 */
	/* border-bottom: 1px dotted #eee; */	
	color: rgb(60,60,60);
	font-family: "p22-underground-sc", "Verdana", sans-serif;
	margin: 2px 0 2px 0;
	padding-bottom: 4px;
	padding-left: 10px;
	text-align: left;
	font-size: 18px;
}

.storytitle a {
	text-decoration: none;
	color: rgb(60,60,60);
	font-weight: normal;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentlist li .avatar {
	float: right;
	margin-right: 25px;
	border: 1px dotted #ccc;
	padding: 2px;
}

#content {
	 margin: 45px auto 5px auto;
	 width: 990px;	 
}

#header {
	background: #90a090;
	border-bottom: 3px double #aba;
	border-left: 1px solid #9a9;
	border-right: 1px solid #565;
	border-top: 1px solid #9a9;
	font: italic normal 230% 'Times New Roman', Times, serif;
	letter-spacing: 0.2em;
	margin: 0;
	padding: 15px 10px 15px 60px;
}

#header a {
	color: #fff;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
}

#menu {
	background: #fff;
	border-left: 1px dotted #ccc;
	border-top: 3px solid #e0e6e0;
	padding: 20px 0 10px 30px;
	position: absolute;
	right: 2px;
	top: 0;
	width: 11em;
}

#menu form {
	margin: 0 0 0 13px;
}

#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}

#menu ul {
	color: #ccc;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	text-transform: lowercase;
}

#menu ul li {
	font: italic normal 110% 'Times New Roman', Times, serif;
	letter-spacing: 0.1em;
	margin-top: 10px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}



#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	font: normal normal 12px/115% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}

#menu ul ul li a {
	color: #000;
	text-decoration: none;
}

#menu ul ul li a:hover {
	border-bottom: 1px solid #809080;
}

#menu ul ul ul.children {
	font-size: 142%;
	padding-left: 4px;
}

#wp-calendar {
	border: 1px solid #ddd;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #999;
	font-size: 16px;
	text-align: left;
}

#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #eee;
	color: #bbb;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

/* Captions & aligment */



.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	padding-top: 0px;
	padding-left: 0 px;
	padding-right: 0 px;
	margin: 10px;
}

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

.wp-caption p.wp-caption-text {
	display: block;
    margin-left: auto;
    margin-right: auto;
	font-size: 12px;
	line-height: 18px;
	padding: 2px 4px 5px;
	margin: 0;
	color: #fff;
	background-color: #999999;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	/* -khtml-border-radius: 3px; */
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	font-family: Verdana, sans-serif;
	
}
/* End captions & aligment */

/* .storycontent is the contents of the post */

/* how to format the post text body */
.storycontent p {
	text-indent: 20px;   /* indent paragraphs */
	line-height: 22.5px;
}

/* center images */
.storycontent img {
	display: block;
}