/*   
Theme Name: News21 v2011
Theme URI: http://journalism.berkeley.edu
Description: News21 WordPress childtheme built of the boilerplate HTML5 theme.
Author: Jeremy Rue
Author URI: http://jeremyrue.com/
Template: boilerplate
Version: 0.5
Tags: News21, Carnegie-Knight, media, newspapers
.
News21 is © New21 - www.news21.com
.
*/

@import url("css/960_12_col.css");
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/* @group index page */

/* @group page-wide */

#container{
	font-family: 'Quattrocento', serif;
	color: #000000;
	margin: 0px;
	margin-top:-10px;
	font-size:  1em;
	border:1px solid #e1e1e1;
}

.home #container{
	background:url('images/lines_top_angled_940_198.png') no-repeat 2px 125px; 
}

.category #container{
	background:url('images/lines_top_angled_220_198.png') no-repeat 2px 125px;
}

.single #container{ 
	background:url('images/lines_top_angled_220_198.png') no-repeat 2px 125px;
}

.search #container{
	background:url('images/lines_top_angled_220_198.png') no-repeat 2px 125px;
}

.author #container{ 
	background:url('images/lines_top_angled_220_198.png') no-repeat 2px 125px;	 
}


.page-template-template-story-index-php #container{ 
	background:url('images/lines_top_angled_220_198.png') no-repeat 2px 125px;
}

.page-template-template-published_stories-php #container{ 
	background:url('images/lines_top_angled_220_198.png') no-repeat 2px 125px;	 
}

ul{ 
	list-style-type:none; 
}

img{
	border:none;
}

.italic, 
.front-story-section-link-text{
	font-style: italic;
}

.align-left{ 
	float:left; 
}

nav, 
#social-media, 
.special-features-section-name, 
.special-features-story-title, 
#separator-text, 
.front-story-section h4,
#section-related-stories h3,
#section-related-stories h4,
.section-story-description h4,
#story-related-stories h3,
#story-related-stories h4,
#story-title {
	text-transform: uppercase;
	font-size:  1em;
	
} 


#tagline, 
#separator-text, 
.front-story-section h4,
#section-related-stories h3,
#section-related-stories h4,
.section-story-description h4,
#story-related-stories h3,
#story-related-stories h4,
#story-title{
	font-weight:normal;
}


a, a:link, a:active, a:visited {
	text-decoration: none;
	color:#5785b0;
}

a:hover, 
#social-media a:hover, 
.front-story-section a:hover,  
#section-story-thumbs-and-description a:hover {
	color: #ccc;
}

/* @end */



/* @group news21-header */

#news21-header{
	height:36px;
	padding-top:0px;
	padding-bottom: 4px;
}

/* @end */





/* @group main nav */

nav {
	background-color: #000000;
	margin:  0px;
	padding: 0px 0px 5px 0px;
}

nav ul{ 
	margin:0px; 
	padding:0px;
}

nav ul li {
	display:  inline;
	color:  #ffffff;
	border-right-style: solid;
	border-right-color: #696969;
	border-right-width: 1px;
	margin: 0px;
	padding:0px 10px 5px 10px;
	text-align: center;
}

nav a:link,
nav a:active,
nav a:visited{
	color:  #ffffff;
	font-size: 0.6em;
	margin:0px;
}

nav a:hover{ 
	color: #4299ea; 
}

/* @end */


/* @group header */

header{ 

}

header img {
	margin:20px 0px 0px 20px;
}

#site-hed{
	
}

#logo{
	margin: 20px auto 0px auto;
}

#tagline{
	text-align: center;
	width:80%;
	margin: 20px auto 0px auto;
	font-size:0.7em;
	line-height:1.5em;
}



/* @end */

/* @group search-bar and social-media */

#top-bar{
	height: 18px;
	float: right;
	margin: 30px 0 0 0;
}

#search-bar{
	background-color: #000000;
	color: #ffffff;
	margin-top:30px;
	height:20px;
}

#search-bar p{
	float:  right;
	margin:  0px 10px 0px 0px;
	padding: 3px;
	font-size: 0.8em;
}

#search-bar form {
	padding:0px;
	margin:0px; 
	height:20px;
	border:none;
}

#search-bar input{ 
	margin:0px 10px;
	height:20px;
	padding:0px;
	float:right;
	border:none;
	font-size:0.8em;
	font-family:'Quattrocento', serif;
	background-color:#000;
	color:#fff;
	width:32%
}

/* @group social-media */

#social-media{
	margin: 30px 0px 0px 0px;
	font-size: 0.75em;
	text-align:center;
	height:19px;
}

#social-media ul{ 
	padding:0px;
	margin:0px; 
}

#social-media ul li{ 
	display:inline;
	height:19px;
}

#social-media img{
	vertical-align:middle;
	height:19px;
	width:19px;
	margin-bottom:5px;
}

#social-media span{ 
	padding:10px 10px 0px 5px;
	line-height:19px;
}

#social-media a{
	color: #000000;
}

#facebook-icon{

}

#tweet-icon{

}

#tweet{

}



/* @end */



/* @end */

/* @group main-slider */

#slider-wrapper{ 
	margin-top:5px;
	text-align:center;
	position:relative;
}

#main-slider{
	height: 686px; /* temporary */
	background-color: #999999;
	margin-top:10px;
	position:relative;
}

.home .slider-navigation { 
	position:absolute;
	left:50%;
	top:650px;
	margin-left:-40px;
}

.home .slider-navigation a{ 
	text-align:center;
	background:url('images/navigation_dot_off.png') no-repeat;
	margin:0px auto;
	padding:0px 2px;
}

.home .slider-navigation .activeSlide{ 
	background:url('images/navigation_dot_on.png') no-repeat;
}


/* @end */

/* @group front columns */

/* @group front-right-column */

#front-product-column,
#front-right-column{
	text-align: center;
	list-style-type:none; 
	padding:0px;
}

#front-right-column{ 
	margin-top:240px; 
}

#front-product-column,
#front-right-column li{ 
	margin-top:15px; 
}

#front-product-column,
#front-right-column p{
	width:65%;
	margin-left:auto;
	margin-right:auto;
	font-size:0.8em;
}



/* @end */

/* @group front-left-column, section left column */

#front-left-column {
	list-style-type: none;
	list-style-position:inside;
	padding:0px;
	text-align:center;
}

#front-left-column ul{ 
	padding:0px;
	list-style-type:none;
	list-style-position:inside; 
}

/* IE 6/7 lists bug */
.lte7 #front-left-column ul li{ 
	display:inline-block;
	display:block;
}

.lte7 #front-left-column ul{
	margin-left:0px;
}


.special-features{
	text-align: center;
	border-top: 1px solid #969696;
	padding:0px 0px 20px 0px;
}

.special-features a,
.special-featrues a:link,
.special-features a:active,
.special-features a:visited{ 
	color:#000;
	text-decoration:none;
	font-weight:normal; 
}

.special-features-section-name{
	font-size: 0.8em;
	margin:0px auto;
	width:85%;
}

.special-features-story-title{
	font-size: 1.2em;
	margin: 0px auto 5px auto;
	width: 85%;
}

.special-features-section-category { 
	font-size:0.8em;
	margin-top:20px;	 
}

.special-features-highlight-selected{
	background-color: #dedede;
}

.activeLI{
	background-color: #efefef;
}


/* @end */



/* @end */

/* @group separator */

#separator-border- {
	float:  left;
	width: 98%;
	height: 2px;
	border-top-style: dotted;
	border-color: #696969;
	border-width: 3px;
	margin:  20px 0 10px 10px;
}

#separator{
	border-top:2px dotted #696969;
	padding:10px 0px;
	width:98%;
	margin:10px auto 10px auto;
}

#separator img{
	margin: 0px auto;
	display: block;
}

#separator-text{
	text-align: center;
	margin: 10px 0px 0px 0px;
}

#top-separator{ 
	border-top:1px dotted #000; 
	width:90%;
	margin:0px auto;
}

/* @end */

/* @group front-story-section */

.front-story-section{
	text-align:center;
	padding:0px 10px;
}


.front-story-section h4{
	font-size: 1.2em;
	margin-bottom: 5px;
	white-space:nowrap;
}

.front-story-section h4 a,
.front-story-section h4 a:link,
.front-story-section h4 a:active,
.front-story-section h4 a:visited{ 
	color:#000; 
}

.front-story-section h4 a:hover{ 
	color:#ccc; 
}

.front-story-section p{
	font-size: 0.75em;
	margin-bottom: 25px;
	height:40px;
}

.front-story-section p.front-story-section-link-text{
	font-size:0.7em;
	height:25px;
}

.front-story-section-link-text{
	margin-bottom: 25px;
	height:35px;
}


.front-story-link{
	display: block;
	border:1px solid #000;
}

.front-story-box{ 
	margin:0px auto 30px auto;
	position:relative;
	padding:0px;
	width:150px;
	height:150px;
}

.front-story-box span{
	margin:0px;
	padding:0px;
}

.front-story-inside{
	margin:0px;
	padding:0px;
	width:150px;
	height:150px;
}

.front-story-box img{ 
	border:1px solid #000;
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
}

/* IE 6/7 fix */
.lte7 .front-story-box h3{ 
	color:#000000 !important;
	padding-top:10px;
}

.lte7 .front-story-box a:link,
.lte7 .front-story-box a:active,
.lte7 .front-story-box a:visited,
.lte7 .front-story-box a:hover,{ 
	color:#000000;
	text-decoration:none;
}

.front-story-box a{
	display:table;
	height:150px;
}

/* @end */



/* @end */

/* @group category page */

.category-listing{ 
	text-align:left;
	font-size:1em; 
}

.category-listing section{ 
	margin-top:20px;
}

.category-listing h2{ 
	margin:0px 0px 0px 0px;
	text-transform:uppercase; 
	font-weight:normal;
	font-size:1.2em;
}

.category-listing a,
.category-listing a:link,
.category-listing a:active,
.category-listing a:visited{ 
	text-decoration:none;
	color:#000000; 
}

.category-listing a:hover{ 
	color:#0033ff; 
}

.category-listing h3{ 
	font-size:0.9em;
	line-height:1.2em;
	font-weight:normal;
	margin:0px; 
}

.category-listing p{ 
	font-size:0.8em;
	line-height:1.4em; 
}

.category-listing p a:link{
	font-style:italic;
	text-decoration:underline; 
}

.category-listing .category-byline{ 
	margin:5px 0px 0px 0px; 
}



.category-image { 
	margin-right:20px;
	border:1px solid #000;
}

#category-banner{ 
	margin-top:5px; 
}

.published-story-listing{ 
	margin-top:10px; 
}

.published-story-listing h2{ 
	font-size:1em;
	color:#333;
	margin-bottom:0px;
	font-weight:normal;
}


.published-story-listing p{ 
	margin-top:0px;
	font-size:0.9em;
	color:#333;
}

/* @end */

/* @group left col for section & story pages */

/* @group section-left-column */

#section-left-column-and-section-related-stories, #story-left-column-and-story-related-stories{
	float: left;
	margin-top: 15px;
	border-bottom-style: solid;
	border-bottom-color: #696969;
	border-bottom-width: 2px;
	height: 910px;
}


#section-left-column, #story-left-column {
	margin-top: 0px;
	height: 470px;
	text-align: center;
	padding: 5px 0 5px 0px;
	border-bottom-style: solid;
	border-width: 28px;
	border-color: #000000;
}



#section-left-column p, #story-left-column p{
	margin: 10px auto 35px auto;
	
}

#section-column-link-to-tumblr p, #story-column-link-to-tumbr p{
	width: 65%;
	
}

#section-column-link-to-ipad p, #story-column-link-to-ipad p{
	width: 45%;
	
}

#section-column-link-to-food-label p, #story-column-link-to-food-label p{
	width: 65%;
	
}

/* @end */

/* @group related stories for section and story pages */

#section-related-stories, #story-related-stories{
	height: 500px;
}

#section-related-stories p, #section-related-stories h4, #section-related-stories h3, #story-related-stories p, #story-related-stories h4, #story-related-stories h3{
	margin: 0 0 0 10px;
}


#section-related-stories h3, #story-related-stories h3{
	margin-top: 25px;
	font-size: 1.5em;
}


#section-related-stories h4, #story-related-stories h4{
	margin-top: 20px;
	font-size: 1em;
}


/* @end */



/* @end */

/* @group story page */

.single-post .post img.attachment-medium{ 
	border:1px solid #000; 
}

.single-post img.attachment-post-full{ 
	margin:0px auto 0px auto;
}

.type-post img.alignright{ 
	float:right;
	margin: 10px 0px 10px 10px; 
}

.type-post .alignleft{ 
	float:left;
	margin: 10px 10px 10px 0px; 
}

article.type-post{ 
	text-align:center; 
}

.type-post h1{
	text-align:left;
	font-size: 1.7em;
	text-transform:uppercase;
	margin:25px 0px 0px 0px; 
	font-weight:normal;
}

.type-post h2{
	text-align:left;
	font-size: 1em;
	margin:0px 10px 10px 0px;
	font-weight:normal; 
}

.type-post .entry-meta{
	text-align:left;
	font-size:0.9em;
	margin:5px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #000;
}

.type-post .lead-embed{ 
	width:700px;
	text-align:center;
	margin-top:10px; 
}

.type-post .image-title{ 
	margin:0px 5px 0px 0px;
	float:right;
	font-size:0.8em;
	font-style:italic;
	color:#333; 
}

.type-post p{ 
	text-align:left; 
}

.type-post .first-published,
.type-post .republish{ 
	float:right; 
}

.type-post .republish{ 
	background:url('images/republish_button.png') no-repeat;
	padding-left: 20px; 
	margin:0px 0px 0px 10px;
}

.type-post .entry-meta p{ 
	margin:0px 0px 5px 0px; 
}

.type-post .entry-content{
	text-align:left; 
	font-size:0.9em; 
	padding:0px 10px 0px 0px;
}

.type-post blockquote{
	text-align:left;
	font-family:'Gill Sans', Verdana, sans-serif;
	font-weight:lighter;
	text-transform:uppercase;
	width:250px;
	margin:10px -10px 10px 15px;
	float:right; 
	color:#fff;
	background-color:#000;
	padding:0px 10px;
}

.type-post blockquote p{
	text-align:left;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:5px 25px 5px 25px;
}

.type-post blockquote.block-left{ 
	float:left;
	margin:10px 15px 10px 0px; 
}

.type-post blockquote.block-right{ 
	margin:10px -10px 10px 15px;
	float:right; 
}

.type-post .wp-caption-text{ 
	font-size:0.8em;
	font-style:italic;
	margin:0px 0px;
	width:98%;
	color:#777;
}

#nav-below{ 
	float:right; 
}
#nav-below .nav-previous{ 
	float:left;
	margin-left:10px;
}
#nav-below .nav-next{ 
	float:right;
	margin-right:10px;
}

#related-stories{ 
	border-top:20px solid #000;
	text-align:left; 
}

#related-stories h2 {
	 font-size:1.2em;
	 text-transform:uppercase;
	 font-weight:normal;
	 margin:10px 0px 20px 10px;
}

#related-stories ul{ 
	 list-style-type:none;
	 list-style-position:inside;
}

#related-stories li{
	font-size:0.9em;
	margin:0px 0px 5px 15px;
	text-transform:uppercase;
}

#related-stories a:link,
#related-stories a:active,
#related-stories a:visited{ 
	color:#000000; 
}

#related-stories a:hover{ 
	 color:#ccc;
}


#related-stories li p{
	margin:1px 0px 15px 0px;
	font-size:0.8em;
	font-style:italic;
	text-transform:none;
}

/* @end */

/* @group About Page */

#author-thumb0,
#author-thumb1,
#author-thumb2{ 
	margin-top:35px; 
}

.page-template-template-about-php .mugshot{ 
	margin-bottom:15px; 
}

.avatar{ 
	margin-top:20px; 
}

#about-logo{ 
	float:right; 
}

.page-template-template-about-php p{ 
	width:90%;
	margin:20px auto 20px auto;
	font-size:1em;
	line-height:1.5em;
}

.page-template-template-about-php #separator{ 
	border:none; 
}

.about-page-advisors h2{ 
	text-align:center;
	padding:0px 0px 5px 0px;
	margin:20px 0px 10px 0px;
	border-bottom:1px solid #000; 
}

.about-page-advisors img{ 
	padding:0px 5px 
}

/* @end */
/* @group Story Index Page */

#story-index-product-callout{ 
	padding:0px;
}

#story-index-product-callout li{ 
	 display:inline;
	 font-size:0.8em;
	 text-align:center;
	 margin-top:30px;
}

#story-index-product-callout li p{ 
	width:90%;
	margin:0px auto; 
}

.page-template-template-story-index-php #front-column-link-to-tumblr{ 
	padding-top:30px; 
}

.page-template-template-story-index-php #front-column-link-to-food-label{ 
	 padding-top:20px;
}

.story-index-section img{ 
	margin-top:20px; 
}

.story-index-section h2{ 
	font-size: 1.2em;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
}

.story-index-section p{ 
	font-size:0.9em;
	height:60px;
	text-align:center;
}

.story-index-section ul{ 
	padding:0px 10px 0px 10px; 
	border-top:1px solid #000;
	padding-top:10px;
}

.story-index-section ul li h3{ 
	 font-size:1em;
	 text-transform:uppercase;
	 font-weight:normal;
	 margin:0px 0px 0px 0px;
}

.story-index-section ul li h3 a:link,
.story-index-section ul li h3 a:active,
.story-index-section ul li h3 a:visited{ 
	text-decoration:none;
	color:#000000; 
}

.story-index-section ul li h3 a:hover{ 
	 color:#4299ea;
}

.story-index-section ul li h4{ 
	font-size:0.75em;
	font-weight:normal;
	margin:0px;
}

.story-index-section ul li p{ 
	font-size:0.75em;
	margin:5px 0px 0px 0px;
	text-align:left;
}

/* @end */
/* @group iPad Page */

.ipad-container{
	text-align:center;
	font-family: 'Maven Pro', Arial, Helvetica;
	font-weight:900;
	text-transform:uppercase;
	color:#dd0000;
	background:url('images/ipad-frame.png') no-repeat 0px 100px;
	height:1000px;
	padding:0px 83px;
}

.ipad-container h2{ 
	width:80%;
	margin:20px auto 103px auto;
}

.ipad-container p{ 
	 
}

.ipad-container img{ 
	margin-top:0px; 
}

#ipad-page-description{ 
	margin-top:20px; 
}

#ipad-page-description h2{ 
	text-transform:uppercase;
	padding:0px;
	margin:0px;
	font-size:1.5em;
}

.ipad-gallery-container{ 
	background:url('images/ipad-bezel.png') no-repeat 0px 0px;
	height:600px;
	position:relative;
	margin-top:20px;
}

#ipad-page-gallery{
	margin:50px;
	height:500px;
}
/*
.ipad-gallery-container ul{ 
	position:absolute;
	top:500px;
	left:150px;
	z-index:1000;
}

.ipad-gallery-container ul li{ 
	display:inline;
	font-size:5em;
	line-height:.2em;
}

.ipad-gallery-container a,
.ipad-gallery-container a:link,
.ipad-gallery-container a:active,
.ipad-gallery-container a:visited{ 
	text-decoration:none; 
}

.ipad-gallery-container .activeLI{ 
	background: none;
}

.ipad-gallery-container .activeLI a{ 
	color:#999; 
}
*/

/* @end */

/* @group Author Page */

.author div.grid_9 h1{ 
	font-weight:normal;
}

.author div.grid_9 h1 .author-name{ 
	text-transform:uppercase;
}

.author .grid_9 .grid_6 p{ 
	margin:0px 20px 20px 0px; 
}

.author .author-stories{ 
	border-top:1px solid #ccc; 
	margin-top:10px;
}

.author .author-stories h2{ 
	 font-size:1em;
	 color:#000;
	 margin:20px 20px 20px 0px;
}

.author .author-stories section h2{
	font-size:1.4em;
	margin: 0px 20px 5px 0px; 
}

.author .author-stories section h2 a{ 
	text-transform: uppercase;
}

.author section{ 
	margin-bottom:20px; 
}

.author .author-stories p{ 
	 font-size:0.9em;
}

.author .author-subhead{ 
	font-size:1em; 
	font-weight:normal;
	margin-top:0px;
}

/* @end */