/*
Theme Name: Present Tense
Theme URI: http://www.presenttensejournal.org
Description: Theme for Present Tense Journal
Author: C.S.
Author URI:
Tags: fixed width, two columns, widgets
*/


/* Color Reference
Dark Turquoise: #147286;
*/

/* Base Styles */

/* Bold on headings, b, and strong */
h1,h2,h3,h4,h5,h6,b,strong { font-weight: bold; }
/* Italic on i, em, and cite: */
i,em,cite { font-style: italic; }
/* Dotted border and help cursor to abbr and acronym: */
abbr,acronym { border-bottom: 1px dotted; cursor: help; }

body {
   font-size: 62.5%; /* Resets 1em to 10px */
   font-family: verdana, sans-serif;
   color: #333;
   text-align: center;
   background-color: #fff;
   }
#page { /* container that keeps everything centered and 900px wide */
   background: #fff;
   text-align: left;
   margin: 0 auto;
   width: 900px;
}

/* Header */
#header {
   color: #333;
   margin: 20px 0 10px 0;
   width: 716px; /*716 + 184 px padding = 900 px */
   height: 126px; /* logo height */
   background: url('images/logo.gif') no-repeat bottom left;
   padding-left: 184px; /* push text to left past the logo */
   position: relative;
}
#headertext { /* this div is used to keep both the site name and description
on the baseline with the logo */
	position: absolute;
	bottom: -9px;
}
h1.site_title { 
	font-weight: normal;
	font-size: 4em;
	display: inline;
	margin-right: 8px;
}
h1.site_title a { /*setting these attributes in just h1.site_title doesn't work because of selector specificity */
	color: #000;
	text-decoration: none;
}
p.site_description {
	font-size: 2.2em;
	display: inline;
}

/* Breadcrumbs */
#breadcrumbs {
	font-size: 1.2em;
	margin-top: 5px;
}

/* Navigation and Search Bar*/
ul#navigation {
	background-color: #147286;
	width: 900px;
	text-align: right;
	padding: 7px 0;
}
#navigation li {
	display: inline;
	font-size: 1.8em;
	padding: 7px 0;
}
#navigation li a {
	color: #fff;
	text-decoration: none;
	padding: 7px;
}
#navigation li a:hover {
   background-color: #000;
}
.current_page_item { /* This class is used to highlight which page users are on in the navigation */
   background-color: #000;
}
#searchform {
	display: inline;
	float: left;
	padding: 7px 0 7px 7px;
}
#page #searchform  #s {
   width: 130px;
   padding: 2px;
   display: inline;
   font-size: 1.2em;
}
#searchsubmit {
   padding: 2px;
   display: inline;
}

/* Main Content */
#content { /* Main content area, not including sidebar */
	margin: 10px auto 20px;
}
h2.article_header {
	font-size: 2.5em;
	font-weight: normal;
	color: #fff;
	background-color: #147286;
	padding: 7px 0 7px 12px;
	margin-bottom: 10px;
}
	/* Narrowcolumn is for main page because there are two columns. Widecolumn is for article pages 
	and information pages because there is only one column */
.narrowcolumn {
	width: 600px;
	float: left;
	padding-right: 35px;
	border-right: solid 1px #000;
	font-size: 1.2em;
}
.narrowcolumn .post {
	margin-bottom: 15px;
	clear: both;
}
.narrowcolumn .post p {
	line-height: 1.5em;
	font-size: 1.2em;
}
h3.title_main  a, h3.title_main a:visited { /* class for article titles on main page */
	color: #000;
	font-size: 1.6em;
	font-weight: normal;
}
.author { /* class for author names on front page */
	color: #666;
	margin-bottom: 5px;
}
/* column for article pages and about pages */
.widecolumn, .widecolumn_page   { /* article pages have class widecolumn, pages have class widecolumn_page */
   width: 600px;
   margin: 0 auto;
   font-size: 1.2em;
}
h2.page_title  {
	font-size: 2em;
	font-weight: normal;
	color: #333;
	margin-bottom: 10px;
	}
.widecolumn_page  h3 {
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 1em;
	text-decoration: underline;
}
h3.title_article { /* class for article titles on article pages */
	color: #333;
	font-size: 2em;
	font-weight: normal;
	margin: 20px 0;
}
 .widecolumn_page p  + h3 { /* set proper spacing before h3s on about pages */
	margin-top: 1em;

}
.widecolumn_page h4 { 
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: .8em;
	color: #666;
}
.widecolumn h4{
	font-size: 1.4em;
	margin: 1.2em 0 1.2em; /* widecolum p's have some margin bottom, so the space above these
	will appear larger than space below */
	text-align: left;
}
h4.endnotes, h4.works-cited{
	text-align: center;
	margin-top: 2em;
}
.widecolumn p, .widecolumn .post p, .widecolumn_page p, .widecolumn_page .post p {
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 10px;
}
.widecolumn p.authordate { /*class for author name and date on article pages */
	margin-bottom: .8em;
	font-size: 1.4em;
	color: #666;
}
.widecolumn .post .bio {
	margin-top: 2em;
	line-height: 1em;
}
.postmetadata {
   color: #666;
   clear: both;
}

/* Sidebar */
#sidebar {
	margin-top: 10px;
	margin-left: 670px; /* 630 for main content + 35px padding left side of divider + 35 px padding right side of divider */
	margin-bottom: 20px;
	width: 230px;
	font-size: 1.2em;
}
h2.news_header {
	font-size: 2.5em;
	font-weight: normal;
	color: #fff;
	background-color: #000;
	padding: 7px 0 7px 12px;
	margin-bottom: 10px;
}
#sidebar p {
   	margin-bottom: 10px;
}

/* Footer */
#footer {
   background: #000;
   color: #fff;
   font-size: 1.1em;
   padding: 1.4em 0;
   width: 900px;
   text-align: center;
   clear: both;
}
 #footer a {
	color: #7eb2bd;
}

/*Lists */
.widecolumn .citation li {
	text-indent: -50px;
	padding-left: 50px;
	list-style-type: none;
	line-height: 1.6em;
	font-size: 1.2em;
	margin-bottom: 1em;
}
.widecolumn .citation li.sameauthor {
	text-indent: 0px;
}
.post ol li { /* this is mostly for the endnotes, but would also apply if there were a numbered list
in an article */
	font-size: 1.2em;
	line-height: 1.6em;
	list-style: decimal inside; /* wouldn't normally have to do this, but we canceled out all list markers in reset.css */
	margin-bottom: 1em;
}
.archives {
	font-size: 1.2em;
	line-height: 1.6em;
}
.archives li {
	list-style: disc inside;
}
.archives li > ul {
	padding-left: 1em;
}
.widecolumn ul li {
	font-size: 1.2em;
    line-height: 1.6em;
	list-style: disc inside;
	padding-left: 20px;
}
.widecolumn ul {
	margin-bottom: 1em;
}
/* definition lists are for list of editors and titles and for submission categories */
.widecolumn_page dl{ 
   font-size: 1.2em;
   line-height: 1.6em;
   margin-bottom: 1em;
}
.widecolumn_page  dt { 
   font-weight: bold;
   margin-top: .8em;
}
.widecolumn_page dd {
	padding: 0 0 1em;
}
.widecolumn_page ol{
	margin-bottom: 1em;
}
.widecolumn_page ol li {
	list-style: decimal inside;
	font-size: 1.2em;
	line-height: 1.6em;
}
.widecolumn_page ul {
	font-size: 1.2em;
	line-height: 1.6em;
}
 .submissions ul {
	font-size: 1.2em;
	line-height: 1.6em;
}
.submissions li {
	padding: 0 0 1em;
}
.commentlist li, #commentform input, #commentform textarea {
   font: 0.9em Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
   font-size: 1em;
}
.commentlist li {
   font-weight: bold;
}

/* Links */
a {
   color: #0c748e;
   text-decoration: underline;
   }
a:hover {
   color: #999;
   }
a:visited {
	color: #666;
}

/* Images */
.thumbnail { /* for front page images */
	border: solid 1px #000;
	margin: 4px 15px 0 0;
	float: left;
}
.post img {
	border: solid 1px #000;
}
.bio img {
	border: solid 1px #000;
	float: left;
	margin: 0 7px 0 0;
}
img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
img.alignright {
	margin: 0 0 2px 7px;
	float: right;
}
img.alignleft {
	margin: 0 7px 2px 0;
	float: left;
}
.alignright {
	float: left;
}
.alignleft {
	float: right;
}
img.alignnone { 
   margin: 4px;
}


/* Comment form */
select {
   width: 130px;
}
#commentform input {
   width: 170px;
   padding: 2px;
   margin: 5px 5px 1px 0;
}
#commentform {
   margin: 5px 10px 0 0;
}
#commentform textarea {
   width: 100%;
   padding: 2px;
}
#respond:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}
#commentform p {
   margin: 5px 0;
}

/* Comments*/
#comments {
   padding: 0;
   margin: 10px auto 10px ;
   }
#respond h3 {
	font-size: 1.6em;
	font-weight: normal;
}
.commentlist p {
   font-weight: normal;
   line-height: 1.5em;
   text-transform: none;
}
.alt {
   margin: 0;
   padding: 10px;
}
#respond h3 {
	text-decoration: none;
}
.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: #fff;
}
.commentlist {
	padding: 0;
	text-align: justify;
}
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist p {
   margin: 10px 5px 10px 0;
}
.children { 
}
.nocomments {
   text-align: center;
   margin: 0;
   padding: 0;
}
.commentmetadata {
   margin: 0;
   display: block;
}

/* Various Tags & Classes */
blockquote {
	margin:  0 30px 0 10px;
	padding-left: 20px;
}
blockquote cite {
   margin: 5px 0 0;
   display: block;
   }
small {
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 0.9em;
   }
.center {
   text-align: center;
}
.hidden {
   display: none;
}
.screen-reader-text {
	position: absolute;
    left: -1000em;
}
code {
   font: 1.1em 'Courier New', Courier, Fixed;
}
a sup {
	vertical-align: super;
}