/*
Theme Name: Samuel Mockbee Site
Theme URI: http://sammockbee.com/
Description: Customized WordPress theme for the Samuel Mockbee site
Version: 1.0
Author: Tiffany B. Brown - Armchair Media
Author URI: http://www.armchairmedia.com/
Tags: mockbee

*/

/* Begin Typography & Colors */
/* Red / link color: F6393F */

body{font: 80% / 1.5 'Georgia','Constantia','Times New Roman',serif;margin: 0; padding: 10px 0}

h1,h2,h3,h4,h5,h6{margin: 0 20px 1em 0; font-size: 1em}
p{margin: 0 60px 30px 0}
img{display:block;}

object, embed{margin: 0 0 0 0; padding: 0; width: 620px; } 

a img{border:0;}
a.standalone{display:block; clear:both; white-space: nowrap;}

.switch{
	background: url(images/up-down.gif) 100% 0 no-repeat;
	bottom: 8px;
	cursor: pointer;
	display:block;
	height: 8px;
	position:absolute;	
	text-indent: -9999px;	
	right: 0;
	width: 12px;
	padding:0;
	z-index: 99;
}

#tertiary .switch{clear:both;} /* for IE 6's benefit. - tbb 2010.02.16 */

/* a.switch.close{background: url(images/downarrow.gif) no-repeat;} */


abbr, acronym{font-style:normal; border:0; cursor: help;}
cite{font-style:normal;}

#wrap{margin:auto; padding:0; position:relative; width:940px;}

#mockbeeis{border-width: 1px 0; border-style: solid; padding: 5px 0; position: relative; width:940px;}
#mockbeeis h1{font-size: 1em; display: inline; margin:0 0 0 .5em}
#mockbeeis span {font-weight:normal;}
#mockbeeis a, #mockbeeis a:link{
	color: #000; 
	display:block; 
	line-height: 2em; 
	text-decoration:none; 
	position:absolute; 
	top:0; 
	right: 0px; 
	white-space:nowrap
}
#mockbeeis a:hover{color:#F6393F; }
#mockbeeis, #navigation, #footer{clear:both; width: 940px}

#primary, #secondary{float: left; position: relative;}
#primary{width: 640px; padding-bottom: 2em}

/*---- template-specific sizing ----*/
body.t_primary640 #primary, 
body.page-template-two-cols-640primary-php #primary{width: 640px}

#content h1{font-size: 1em; margin: 0 0 35px 0; width: 620px;}

#primary p{margin: 15px 60px 15px 0}
#primary p a, dl a, ul a{color: #F6393F; text-decoration: none}
#primary p a:hover, dl a:hover, ul a:hover{text-decoration: underline}

#primary dl{ margin-right: 40px; }

.intro, .excerpt, #section_description{font-style: italic; color: #333;}

#primary h2,#primary h3,#primary h4,#primary h5,#primary h6{margin-bottom: 15px;}

#secondary{width: 300px}

#tertiary{
	border-top: 1px solid #333; 
	float: left;
	width: 100%;
	clear: both;
	position: relative;
	padding-top: 55px;
}
#tertiary .shutter-wrap{
	float:left;
	width:100%;
}

#footer{border-top: 1px solid #333; border-bottom: 1px solid #333; color:#666; font-size: .85em; padding: 1.5em 0;margin-bottom:0px;position:relative;}
#footer p {margin:0;padding:0;}
#footer a:link, #footer a:visited{color:#666; text-decoration:underline;}
#footer a:hover, #footer a:active{color:#F6393F; text-decoration:underline;}
#footerlogos {position:absolute;top:15px;right:0;}
#footer-yellawood {height:37px;width:110px;background:url(/assets/footer-logos.gif) 0 0;display:block;text-indent:-9000em;float:left;}
#footer-gswp {height:37px;width:89px;background:url(/assets/footer-logos.gif) 100% 0;display:block;text-indent:-9000em;float:left;}
a#footer-yellawood:hover {background-position:0 -37px;}
a#footer-gswp:hover {background-position:100% -37px;}

#footer-foot {margin-bottom:100px;font-size:0.9em;color:#666;padding:0.5em 0;}
#footer-foot a {color:#666;text-decoration:underline;}

#navigation{
	background-position:bottom left;
	background-repeat:no-repeat;
	line-height: 1.5em;
	margin-bottom: 50px;
	position:relative;
	border-bottom: 1px solid #000;
}


#navigation .shutter-wrap{
	height: 345px;
	position:relative;
	margin: 0; 
	padding:0;
}

#navigation p {
	margin:0;
	padding:0;
}
#navigation #bg{
	display:block;
	bottom:0;
	left:0;
	margin:0;
	position:absolute;	
}
#navigation ul{
	margin: 0 0 0 -35px;
	padding-top:20px;
	list-style-type: none;
	width: 935px;
}
#navigation li{list-style-type: none; width: 920px;}

#navigation .submenu{	
	padding: 0 .5em 1px 0;
	margin-left: 25px;
	display: none;
}
#navigation .submenu li:last-child, #navigation .submenu li.last{border-right: 0;} 

#navigation a:link, #navigation a:visited{color: #444; text-decoration:none;}
#navigation a:hover, #navigation a:active{color: #F6393F; text-decoration:underline;}

#navigation a.current{color: #F6393F;}

#content{
	position:relative;
	float: left;
	padding-bottom: 35px;
	margin: 0;
}

/*------- Home page ----------
#home #news {border-top:1px solid #000;}
#home #news h2{font-weight: normal;}
#home #news li{margin-bottom: 2em;}
#home #news ul{margin-bottom: 110px;}
*/

#home #primary .item p a{font-style:italic;}

/*------- individual items ----------*/

.item, .quote, .ogsource, .transcript, .dogood-item{
	font-size: 1.1em;
	float:left;
	height: 270px;
	position:relative;
	width: 300px;
}

.rightmargin20{margin-right: 20px;}
.leftmargin20{margin-left: 20px;}

.item b.number{
	background: #F6393F;
	color: #fff;
	display:block;
	/* height: 40px;
	 line-height: 3;  to vertically center */
	position:absolute;
	/* text-align:center; */
	padding:14px 17px 19px 17px;
	height:1em;
	/* width: 40px; */
	text-decoration:none;
	z-index: 2;
}
.item em i{font-style:normal;}

.item a em{color:#fff;position:absolute;z-index:2;left:45px;top:15px;visibility:hidden;}

.item a:hover em {visibility:visible;}

#primary .item img{
	display:block;
	left: 0;
	height: 200px;
	position:absolute;
	top:0;
	width: 300px;
	z-index: 1;
}

p a:link, p a:visited, #tertiary a:link, #tertiary a:visited{
	color: #F6393F; 
	text-decoration: none;
}

.item p{
	border-top: 1px solid #333;
	top:195px;
	font-style:italic;
	left: 0;
	position:absolute;
	margin-top: 15px;
	padding-top: 5px;
	width: 100%;
	color: #444;
}

.item.category-description p{
	color: #444; 
	font-size: .95em; 
	position: relative; 
	top:-15px; 
	padding: 0;
	margin: 35px 0 0 0;
	border-top: 0;
}

.item p a:link, .item p a:visited{font-style: normal; color: #444; text-decoration: none}
.item p a:hover, .item p a:active{color: #F6393F; text-decoration: none}
.item a:hover b.number {width:266px;}
.item a.standalone{text-decoration:none; padding: 4px 0; float:right;}

/*-- used for item boxes that are also major section links --*/
.item.sectionLink a{text-decoration: none; font-style: italic}
.item.sectionLink a:link{color: #000; text-decoration:none;}
.item.sectionLink:hover a, .item.sectionLink.onHover a{color: #F6393F}
.item.sectionLink a:visited{color: #222; text-decoration:none;}

#secondary .item h2{
	font-size: 1em;	
	font-weight: normal;
	border-top: 1px solid #333;
	margin:0;
	padding: 10px 0;
}


#flickr.item .thumb75{
	float:left;
	position:none;
	width: 75px;
	height: 75px;
	margin: 0;
	clear: none;
}
#people.item .thumb52{
	float:left;
	margin-right: 6px;
	position:static;
	width: 52px;
	height: 52px;
	clear: none;
}


#secondary a {color:#F6393F; text-decoration:none;}
#secondary .item a:link, #secondary .item a:visited, #primary .item a:link, #primary .item a:visited {color:#444;}
#secondary a:hover {text-decoration:underline;}

#secondary .item a:hover, #secondary .item a:active, #primary .item a:hover, #primary .item a:active {color:#F6393F;}


#secondary #imageblock{clear:both}
#secondary img{display: block; clear: both; margin: 0 0 20px 0}

.thumbnail_wrap{
	float: left;
	margin: 0 0 6px 0;
	width: 100%;
	clear: both;
}

/*-- Quote boxes --*/

.quote{
	background: #F6393F;
	color: #fff;
	height: 200px; /* change to ems? */
	margin-bottom: 20px;
	display: block;
}

.quote div{	margin: 60px auto; width: 265px; }
.quote cite{display: block; margin-top: 10px; text-align: right;}
.quote a{
	display: block; 
	font-size: .9em; 
	height: 135px; 
	padding: 65px 0 0 13px;
 	text-decoration: none; 
 	width: 285px; 
 	cursor: pointer;
 }
.quote a:link,  #secondary .quote a:link{color: #fff; cursor: pointer;}
.quote a:visited,  #secondary .quote a:visited{color: #fff; cursor: pointer;}
.quote p{ margin:0; padding: 0}
.quote a cite{ display: block; margin-right: 30px; }

 #secondary .quote a:hover{text-decoration: none;}
 
/*-- Original source box --*/

.ogsource{ color: #444; font-size: 1em; border-top: 1px solid #333; padding-top: 15px}

#secondary .ogsource a:link,
#secondary .ogsource a:visited, 
#secondary .ogsource a:hover{color: #444;}

dl,ul,ol{margin: 0;}
dt{font-weight: bold;}
dd{margin: 0 0 2em 0;}
dd i{display: block; clear: both; font-style: normal}

#content ul{list-style: none;}
#content li{margin: 0 0 1em -40px}

.title, .category-description{font-style: italic; font-weight: normal}


#next-prev{position:absolute; right:0px; top:0; width: 380px; margin: 0;}

#next-prev a{display: block;}
#next-prev a:link, #next-prev a:visited{
	background-image: url(images/next-previous.gif); 
	background-repeat: no-repeat;
	color: #444;
	white-space: nowrap;
}
#next-prev a:hover{color: #F6393F}
#next-prev	#previous{float: right; margin: 0;}
#next-prev	#previous a{ padding-right: 15px; background-position: right center;}
#next-prev  #next{float: left; text-align: right; margin-left: 100px; }
#next-prev  #next a{ padding-left: 15px; background-position: 0; }


/*---------- Home page template -----------------------*/

#home #nav_home a{color: #F6393F;}

/*----------- Active sub menus ------------*/

body.about #nav_about .submenu,
body.interviews #nav_about .submenu,
body.category-about #nav_about .submenu, 
body.single-quote-page #nav_about .submenu,
body.work #nav_work .submenu,
body.impact #nav_impact .submenu,
body.ruralstudio #nav_ruralstudio .submenu,
body.contactpage #nav_film .submenu,
body.snakebit #nav_snakebit .submenu,
body#more-info-resources #nav_ruralstudio .submenu,
body.press #nav_snakebit .submenu, body#additional-scenes-index #nav_snakebit .submenu{display: block; color: #333;}


/* Highlights link in active section in red */
body.category-about a#nav_about_about:link, body.category-about a#nav_about_about:visited,
body.about a#nav_about_about:link, body.about a#nav_about_about:visited,
body#biography a#nav_about_biography:link, body#biography a#nav_about_biography:visited,
body#philosophy a#nav_about_philosophy:link, body#philosophy a#nav_about_philosophy:visited,
body.category-interviews a#nav_about_interviews:link,body.category-interviews a#nav_about_interviews:visited,
body.interviews a#nav_about_interviews:link,body.interviews a#nav_about_interviews:visited,
body#articles-film-books a#nav_about_articles:link, body#articles-film-books a#nav_about_articles:visited,
body#awards a#nav_about_awards:link, body#awards a#nav_about_awards:visited,
body.category-quotes a#nav_about_quotes:link, body.category-quotes a#nav_about_quotes:visited,
body.single-quote-page a#nav_about_quotes:link, body.single-quote-page a#nav_about_quotes:visited,
body.work a#nav_work_work:link, body.work a#nav_work_work:visited,
body.architecture a#nav_work_architecture:link, body.architecture a#nav_work_architecture:visited,
body.sketches a#nav_work_sketches:link, body.sketches a#nav_work_sketches:visited,
body.art a#nav_work_art:link, body.art a#nav_work_art:visited,
body.writing a#nav_work_writing:link, body.writing a#nav_work_writing:visited,
body.ruralstudio a#nav_ruralstudio_rs:link, body.ruralstudio a#nav_ruralstudio_rs:visited,
body#about-the-rural-studio a#nav_ruralstudio_about:link, body#about-the-rural-studio a#nav_ruralstudio_about:visited,
body.snakebit a#nav_snakebit_snakebit:link, body.snakebit a#nav_snakebit_snakebit:visited,
body#more-info-resources #nav_ruralstudio, 
body.category-alumni-stories a#nav_ruralstudio_alumni:link, 
body.category-alumni-stories a#nav_ruralstudio_alumni:visited,
body#additional-scenes-index a#nav_snakebit_scenes:link, 
body#additional-scenes-index a#nav_snakebit_scenes:visited,
body.impact a#nav_impact_impact:link, body.impact a#nav_impact_impact:visited,
body.press a#nav_snakebit_reviews:link, body.press a#nav_snakebit_reviews:visited,
body.cast a#nav_snakebit_cast:link, body.cast a#nav_snakebit_cast:visited,
body#question-answer-with-filmmaker-sam-douglas a#nav_snakebit_qa:link,
body#question-answer-with-filmmaker-sam-douglas a#nav_snakebit_qa:visited,
body#architecture.impact a#nav_impact_architecture:link, body#architecture.impact a#nav_impact_architecture:visited,
body#teaching.impact a#nav_impact_teaching:link, body#teaching.impact a#nav_impact_teaching:visited,
body.projects a#nav_ruralstudio_projects:link, body.projects a#nav_ruralstudio_projects:visited,
body#do-good-index #nav_buygood a:link, body#do-good-index #nav_buygood a:visited,
body#more-info-resources a#nav_ruralstudio_rs:link, body#more-info-resources a#nav_ruralstudio_rs:visited,
body#more-info-resources a#nav_ruralstudio_more:link, body#more-info-resources a#nav_ruralstudio_more:visited{color: #F6393F;}



/*---------- Template page-template-t-sectioned-vertical-text-php ------------*/

body.page-template-t-sectioned-vertical-text-php #content h2{
	border-top: 1px solid #333;
	/* clear: right; */
	font-weight: normal;
	font-style: italic;
	float: left;
	padding-top: 30px;
	width: 300px;
}

.transcript{height: 300px;}
.transcript p{color: #444; font-style: normal; font-size: .95em}
.section_wrap, #postid-537 .section_wrap{float: left; clear: both;}
#articles-film-books .section_wrap, #awards .section_wrap{	min-height: 200px; }
.item_wrap620{width: 620px; padding-top: 30px; margin-left: 320px;}
.transcript div{background: #D0EAED; height: 200px;}
.transcript .pullquote a{
	display:block; 
	font-size: .9em; 
	padding: 65px 55px 0 13px; 
	height: 135px; 
}

.transcript a:link, .transcript a:visited{color: #444; text-decoration: none}
.transcript a:hover{color: #F6393F;}

.transcript .pullquote a:link, .transcript .pullquote a:visited{text-decoration: none}
.transcript .pullquote a:hover{color: #000;}


/*---------- Template page-template-t-sectioned-vertical-text-php_index ------------*/

#section_description{width:320px; float: left; font-style: italic;}

#section_description p{margin: 0 40px 0 0;}

#section_description a{color: #F6393F;text-decoration: none}
#section_description a:hover{text-decoration: underline}


/*---------- Template category-quotes ------------*/
body#quotes_index #content{	width: 960px; } /* making it a little wider just on this page */
body#quotes_index .quote{margin-right: 20px;}


/*--- single quote entry page ---*/
body.single-quote-page #navigation{margin-bottom: 25px;}
body.single-quote-page #content{margin-top:0;}
body.single-quote-page #sing_quote{font-size: 38px; margin-top: 75px; line-height: 1.3}
body.single-quote-page #sing_quote p{ width: 900px}
body.single-quote-page #sing_quote cite{display: block; text-align: right; width: 100%}
body.single-quote-page #next-prev #previous a{margin-right:20px; }
/*---------- Template t_wide_display ------------*/
.t_wide_display #content, .press #content{width: 960px;}
.t_wide_display #content img{margin-bottom: 20px;}
.wide_img{margin: 0 0 60px 0; clear: both; width: 620px;}
.wide_img img{display: block; margin-bottom: 40px}
.widest_img{margin: 0 0 20px 0; clear: both; }


/*---------- Template t_top_wide_content ------------*/

#spotlighted{margin: 1em 0 42px 0; width: 640px;}
#spotlighted p{width: 620px; margin: 35px 0}
.t_top_wide_content #content h1{margin-bottom: -35px;}
.t_top_wide_content #primary p{margin-top: 0}

/*---------- Template contact ------------*/
#contact dt{font-weight: normal}


/*---------- Work, Impact and rural studio indexes ------------*/

#work-index #primary, .category-rural-studio #primary, #impact-index #primary, #additional-scenes-index #primary{width: 320px;}
#work-index #secondary, .category-rural-studio #secondary, #impact-index #secondary, #additional-scenes-index #secondary{width: 620px;}
#work-index #secondary .item, #impact-index #secondary .item{font-style: normal}

#work-index #secondary .item p a, #impact-index #secondary .item p a,
.ruralstudio #secondary .item p a,
#home #primary .item p a{color: #444}

/*---------- Work pages ------------*/
.writing-item a.title:link, .writing-item a.title:visited{font-style: italic; color: #f6393F}
#writing-index .category-description{border-top: 1px solid #333;}

/*---------- Sketches pages ------------*/
.sketches #content{width: 940px;}

/*---------- Architecture index ------------*/
.category-architecture #content, .category-sketches #content,
#projects-index #content{width: 960px; }


/*--------- Architecture Single pages -----------*/
.work.architecture #content h1, 
.projects #content h1, 
.interviews #content h1{margin: 0; width: 620px;}

.art #content{width: 940px;}

.work  #project-location, 
.projects #project-location, 
.interviews #project-location{margin: 0 0 1em 0; width: 620px;}

/* .work #next-prev, .projects #next-prev{margin: -20px} */

/*--------- Interviews index -----------*/
.interviews .item_wrap620{width: 640px; margin-top: -66px;} /* see ie.lte7.css */


/*--------- Snakebit Index -----------*/

div#viewing-schedule h2{
	background: #f6393F;
	color: #fff;
	margin: 0;
	line-height: 3;
	height: 40px;
	padding: 0 0 0 1em;
}
div#viewing-schedule p{margin: .5em 0; text-align: right}
div#viewing-schedule a{background: url(images/redarr.jpg) right center no-repeat; padding-right: 12px}
div#viewing-schedule div{padding: .5em 20px}


/*--------- Citizen Architect Additional Scenes ---------*/
#additional-scenes-index #primary h2{
	border-top: 1px solid #333;
	font-weight:normal;
	font-size: 1em;
	padding-top:25px;
}
b.playicon{position:absolute; top: 11px; left: 11px;}

/*--------- About Index -----------*/
.category-about #secondary{width: 620px;}
.category-about #primary{width: 320px;}


/*--------- Cast member pages -----------*/
.cast #postcopy{width: 620px;}
.cast #postcopy a:link, .cast #postcopy a:visited{color: #f6393F}
.cast #content{width: 100%;}

#cast-member-affiliation{ margin-top: -35px; }
.cast .item{ margin-bottom: 20px}

/*--------- Additional Scenes -----------*/
.category-scenes #secondary{width: 620px; }
.category-scenes #primary{width: 320px;}



/*---------- 404 page ------------*/
.error404 form{padding-bottom: 20em;}
.error404 #content h1{font-size: 1.5em;}
.error404 label{font-weight: bold; display: block;}
.error404 #searchsubmit{
	font: inherit;
	font-size: 1.5em;
	background: #F6393F;
	border: 1px solid #F6393F;
	color: #fff;
	padding: 3px;
}
.error404 #s{
	font:inherit;
	font-size: 1.5em;
	border: 1px solid #444;
	padding: 3px;
}

/*--------- Do Good Index -----------*/

.dogood-item{height: 440px;}

.itemgraf{
	border-top: 1px solid #333;
	top:195px;
	left: 0;
	position:absolute;
	margin-top: 15px;
	padding-top: 5px;
	width: 100%;
}
.itemgraf h2 a{font-style: italic; font-weight: normal;}

.dogood-item h2 a:link,
.dogood-item h2 a:visited{font-style: italic; color: #000; text-decoration: none}
.dogood-item h2 a:hover{color: #F6393F; text-decoration: none}
.dogood-item p{color: #444; font-size: .94em; width: 100%;}
.dogood-item p a:visited{font-style: normal; text-decoration: none}
.dogood-item p a:hover{text-decoration: underline}


/*------- Comments --------*/

#comments{width: 640px; float: left; position:relative;}
#comments h2{font-size: 1em; margin-top: 1em;}
#respond{width:600px;}

ul.next-prev-comments{
	list-style-type:none;
	clear:both;
	float:left;
	width: 600px;
}

#comments .next-prev-comments a{display: block;}

#comments .next-prev-comments a:link, #comments .next-prev-comments a:visited{
	background-image: url(images/next-previous.gif); 
	background-repeat: no-repeat;
	color: #444;
	white-space: nowrap;
}
#comments .next-prev-comments a:hover{color: #F6393F}
.next-prev-comments	.previous-comments{float: right; margin: 0;}
.next-prev-comments	.previous-comments a{ padding-right: 15px; background-position: right center;}
.next-prev-comments .next-comments{float: left; text-align: right; margin-left: 350px;}
.next-prev-comments .next-comments a{ padding-left: 15px; background-position: 0; }

ol.commentlist{list-style-type:none; clear:both;}
ol.commentlist li{margin: 0 0 20px -40px; padding: 10px 0; position:relative; clear:both; min-height: 60px;}
ol.commentlist li p{margin: 0 0 1em 0;}
* html ol.commentlist li{height: 60px;}

.comment-gravatar{
	position:absolute;
	top:0;
	width: 58px;
}

.comment-content{width: 570px; margin: -15px 0 0 65px;}
.comment-gravatar img{margin-right: 10px;}
.comment-author{font-weight:bold;}
.comment-author{font-weight:bold;}