/*
Theme Name:		QuarterlyConversation
Theme URI:		http://sorodesign.com
Description:	  Designed for The Quarterly Conversation
Version:		1.1 
Author:			Jeff Barry & Cecilia Sorochin
Author URI:		http://sorodesign.com/
Based on modifications of Blueprint CSS Framework 0.7.1
*/

/* MEYER RESET - do NOT edit */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.8;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* BASIC TYPOGRAPHY */

html { font-size: 65.5%; font-family: verdana, sans-serif; background: #f8f6e0;}
body {border-top: 1.2em solid !important; margin-bottom: 15px;}
h2, h3, h5, h6 { font-family: Arial Narrow, Arial, sans-serif; text-transform: uppercase; }

#textAboveMenu {
padding-left: 1.6em !important;
padding-bottom: 0.3em;
}



#textBelowMenu {
padding-left: 0em !important;
}

.pastIssue h2 {background: #e9e1c7; padding: 1em 0 1em 1em !important; margin-top: 2.5em !important;}
.pastIssue h2 a:link {text-decoration: none !important; }
.pastIssue h3 {font-size: 1.6em !important; font-weight: bold; letter-spacing: 0.1em; color: #706126; margin-top: 0 !important;}
.pastIssue h4 {  margin-top: 1.5em !important;}

.PastIssueContents {background: #f3f0d8; padding: 2em 1em;}
 
.contributorBox p {  }

#related-posts li {    
    font-size: 1.15em;
    line-height: 1.6em;}

h2.four04  {margin-bottom: 4em !important;}

h3.excerpt { font-family: Trebuchet MS, sans-serif; font-weight: bolder; text-transform: uppercase; letter-spacing: 0.08em; }

h3.excerpt a { text-decoration: none !important; }

p.excerptText { margin-bottom: 0.75em !important; }

a.more { text-decoration: none !important; color: #000;  }

.byline {  font-family: Georgia, Times, serif; font-style: italic; font-size: 0.9em; margin-top: -0.7em; line-height:1.3em; margin-bottom:-0.5em;}
.bylineAuthor { font-weight: bold; }


#logo { background: url("http://quarterlyconversation.com/images/QC-header-logo-web.jpg") no-repeat !important; 
width: 150px;
margin-top: 0.1em;
margin-bottom: 1em;
}

.issueDate { font-family: Impact, sans-serif;  font-size: 1em;   }

.redlinks a {color: #990000 !important; text-decoration: underline !important;} 
.redlinks a:visited {color: #990000 !important; text-decoration: underline !important;} 
.redlinks a:hover {color: #FF0000 !important; text-decoration: underline !important;}
.readmore {border-style:solid; border-width:2px; padding:15px 5px 5px 7px; border-color:#EFB412;}
.readmoreheader {color:#EFB412; font-size: 2.2em; font-variant:small-caps; font-family: Georgia, serif;}
.issueNumber { font-weight: bold; font-size: 3em; font-family: Georgia, serif; color: #EFB412;  }
.bonusbox {border-style:solid; border-width:2px; padding:15px 5px 5px 7px; font-size:1.05em;}
.bonuscontent { font-weight: bold; font-size: 2.2em; font-variant:small-caps; font-family: Georgia, serif; color: #EFB412; border-style:solid; border-bottom-width:1px; border-color:#000000; }
.bonuscontent2 { font-weight: bold; font-size: 2.2em; font-variant:small-caps; font-family: Georgia, serif; color: #EFB412;  border-style:solid; border-bottom-width:1px; border-color:#000000; }
.issueNumberPast { font-weight: bold; font-size: 2em; font-family: Georgia, serif; color: #EFB412;  letter-spacing: 0;}

.issueSeason {  font-family: verdana, sans-serif; font-size: smaller;  }

.issueDate p {margin-top: 0.6em; font-family: verdana, sans-serif;}

.sidebarTagCloud { }


/* BASE SIZES */

.container { font-size: 1.2em; line-height: 1.6em; }
.container h1 { font-size: 1.6em; }
.container h2 { font-size: 1.55em; letter-spacing: 0.05em; border-bottom: 1px solid #000; padding-bottom: 0.3em !important; font-weight: bolder; }
.container h3 { font-size: 1.3em; }

.container h4 { 
font-size: 1.1em; 
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-variant: small-caps;
font-weight: bold;
line-height: 1.15em;
padding-bottom:2px;
 }

.quotes {
font-family: Georgia, Verdana, Tahoma, Geneva, sans-serif;
font-size: 1.2em;
}

.bonusboxhead { 
font-size: 1.1em; 
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-variant: small-caps;
font-weight: bold;
line-height: 1.15em;
padding-bottom:2px;
 }

.featuresTOC { 
font-size: 1.2em; 
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-variant: small-caps;
font-weight: bold;
line-height: 1.15em;
padding-bottom:2px;
 }

.poetry { 
font-size: 1em; 
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-weight: bold;
color:#FF3399;
}

.authorDisplayName { font-weight: normal; font-size: 0.9em; }


.container h5 { font-size: 1.2em; }
.container h6 { font-size: 1em; }

.span-7 ul li {  list-style: none !important; padding-bottom: 0.8em !important; font-size: 0.9em; line-height: 1.15em; }

.span-16 h1 { font-family: Trebuchet MS, sans-serif; color: #6d6328; border-bottom: none; letter-spacing: 0.05em; font-weight: bold; text-transform: uppercase; }
.span-12 h2 { border-bottom: none; }
.span-16 h2 { border-bottom: none; }
.span-16 a:link { text-decoration: underline !important; }
.span-16 a:visited { text-decoration: underline !important; }
.span-16 img {padding-right: 0em; }

img.centeredImage { margin: 0 auto 0; display: block; }
img.alignright {float:right; margin:2px 0px 2px 10px;}
img.alignleft {float:left; margin:2px 0px 2px 10px;}
img.top {border: 1px; padding: 4px; float:left; height: 150px;}
strong  { font-weight: bold; }

em{ font-style: italic; }
small, sup, sub { font-size: 75%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

p.foot { border-top: 0.1em solid; font-size: 0.8em; line-height: 1.5em; }
p.text { font-size: 0.9em; line-height: 1.5em; }
p.courier {font-family: courier; font-size: 1.2em;}
p.indent { text-indent: 20px;}
p.leftmargin { margin-left: 30px; border-style: solid; border-width: 1px; padding: 5px;}

.bio {font-size: 1em; color: #fff; background: #948c5d; padding: 1em; border: 1px solid;}

.bio a {text-decoration: underline !important; color: #fff !important;  }
.bio a:hover { text-decoration: underline; color: #4c461e !important; }
.overunder {font-size: 1.2em; color: #735e25; background: #e9e1c7; padding: 0.7em; border: 1px solid #9b968f; margin-bottom: 0.5em !important; margin-top: 0.5em !important;}
.int {font-weight: bold; }

.sidebarFeatures {margin-bottom: 0.1em !important; }

/* QUOTES */

blockquote {
border: 1px dashed #666; 
padding: 10 20 10 20px; 
background-color: #eee;
line-height:1.8;}
blockquote *:first-child:before { container: "\201C"; }
blockquote *:first-child:after { container: "\201D"; }


/* FORMS */

fieldset { padding:0.5em; margin: 0 0 1.5em 0; border: 1px solid #000; }
legend { font-weight: bold; font-size:1.2em; }
label { font-weight: bold; }
textarea, input[type='text'], select { border: 1px solid #000; background: #A99e73; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #000; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #000; outline: 2px solid #000; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }

/* LISTS */

.container ul li {  list-style-type: square; }
.span-4 ul li {  list-style: none; padding-bottom: 0.8em !important; font-size: 0.9em; line-height: 1.45em;}

.container ul li:before { container: "\2022\00a0\00a0"; }
.container ol { list-style-position: outside; list-style-type: decimal; }
.container dt { font-weight: bold; }



/* MARGINS & PADDINGS */

.container blockquote *:first-child { margin-top: .8em; }
.container hr, .container p, .container ul, .container ol, .container dl, .container pre, .container blockquote, .container address, .container table, .container form { margin-bottom: 1.6em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.container h1 { margin: 1em 0 .5em;  }
.container h2 { margin: 1.07em 0 .535em; }
.container h3 { margin: 1.14em 0 .57em; }
.container h4 { margin: 1em 0 .4em; }
.container h5 { margin: 1.33em 0 .67em; }
.container h6 { margin: 1.6em 0 .8em; }
.container th, .container td { padding: .8em; }
.container caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.container blockquote { padding: 0 1em; margin: 1.6em; }
.container fieldset { padding: 0 0.5em 1em 1em; margin: 0.5em 0; } /* padding-top is margin-top for fieldsets in Opera */
.container textarea { padding: .3em .4em .15em .4em; }
.container a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.container dt { margin-top: .8em; margin-bottom: .4em; }
.container ul { margin-left: 1.5em; }
.span-4 ul { margin-left: 0; }
.container ol { margin-left: 2.35em; }
.container ol ol, .container ul ol { margin-left: 2.5em; }
.container form div { margin-bottom: .8em; }
.searchbox input {width: 125px !important;  }


/* COLORS */

.container a:link { text-decoration: none; color: #000000; }
.container a:visited { text-decoration: none; color: #000000; }
.container a:hover { text-decoration: none; color: #706126;; }
.container a:active, .container a:focus { text-decoration: none; color: #706126; }


/* 24 COLUMN GRID */
.container {width:950px;margin:0 auto;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:30px;}
div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:110px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:490px;}
.span-12 {width:370px;}
.span-13 {width:510px;}
.span-14 {width:590px;}
.span-15 {width:590px;}
.span-16 {width:590px;}
.span-16 p {text-align: justify;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-19 h2 { color: #6d6328; border-bottom: none; }
.span-19 a:link {text-decoration: underline !important; }


.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}



div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}



hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}

* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}



/* TEXT CLASSES */

.container .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
 
#nav_main {
    /* (en) containing floats in IE */
    width: 100%;
    overflow: hidden;
    /* (en) containing floats in all other browsers */
    display: inline;
    float: left;
    /* (en) Repeat the main color from the image */
    background: #EBE7D3;
    line-height: 0;
font-family: Arial Narrow, Arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 1em !important;
  }

  #nav_main ul {
    
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    margin: 0;

    /* (en) Left margin of the first button  */
    margin-left: 0px;
    padding: 0;

  }


  #nav_main ul li {

    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    font-size: .95em;
    line-height: 1.6em;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  #nav_main ul li a
  {
    background: transparent;
    color: #000;
    display: block;
    font-size: 1em;
    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;
    text-decoration: none;
    width: auto;
letter-spacing: 0.1em;


  }

  #nav_main ul li a:focus,
  #nav_main ul li a:hover { background: #ebe7d3 url("images/menu-circle.jpg") no-repeat center; color:#716126; }
  #nav_main ul li a:active  { background: #ebe7d3 url("images/menu-circle.jpg") no-repeat center; color:#716126; }

  #nav_main ul li#current {
    /* (en) Repeat the main color from the image */
   background: #ebe7d3 url("images/menu-circle.jpg") no-repeat center; color:#716126;
  }

  #nav_main ul li#current ,
  #nav_main ul li#current a,
  #nav_main ul li#current a:focus,
  #nav_main ul li#current a:hover,
  #nav_main ul li#current a:active {background: #ebe7d3 url("images/menu-circle.jpg") no-repeat center; color:#716126; }

#nav_main2 {
    /* (en) containing floats in IE */
    width: 100%;
    overflow: hidden;
    /* (en) containing floats in all other browsers */
    float: left;
    display: inline;
    /* (en) Repeat the main color from the image */
    background: #f8f6e0;
    line-height: 0;
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-variant: small-caps;
margin-bottom: 1em !important;
  }

  #nav_main2 ul {
    
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    margin: 0;

    /* (en) Left margin of the first button  */
    margin-left: 0px;
    padding: 0;

  }


  #nav_main2 ul li {

    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    font-size: 1em;
    line-height: 1.6em;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  #nav_main2 ul li a
  {
    background: transparent;
    color: #000;
    display: block;
    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;
    text-decoration: none;
    width: auto;
letter-spacing: 0.1em;


  }

  #nav_main2 ul li a:focus,
  #nav_main2 ul li a:hover { background: #ebe7d3 }
  #nav_main2 ul li a:active  { background: #ebe7d3 }

  #nav_main2 ul li#current {
    /* (en) Repeat the main color from the image */
   background: #ebe7d3 url("images/menu-circle.jpg") no-repeat center; color:#716126;
  }

  #nav_main2 ul li#current ,
  #nav_main2 ul li#current a,
  #nav_main2 ul li#current a:focus,
  #nav_main2 ul li#current a:hover,
  #nav_main2 ul li#current a:active {background: #ebe7d3 }


ol.snap_nav {
	display: inline;
	float: left;
	clear: both;
	list-style: none;
margin: 1.5em 2.5em 2.5em 1.5em;
width: 100%;
font-size: 1.5em;
}

ol.snap_nav li {
	display: block;
	float: left;
	padding: 0 0.3em 10px 0.3em;
}

ol.snap_nav li a {
	font-weight: bold
}


ol.snap_nav li.snap_selected a {
	cursor: text;
}

ol.snap_titles {
	clear: both;
	display: block;
	border: 0;
	list-style: none;
}


.tagcloud {
line-height:1.1;
text-align:center;

}
.tagcloud a {
color: #444444;
text-decoration: none !important;
}





#footer {
background: #E4E0CD;
border-top: 1px solid;
margin-top: 2em;
}

#upperLine {
font-size: 1em;
margin-top: 1em;
margin-left: 30em;
font-weight: bold;
font-family: Arial Narrow, Arial, sans-serif;
letter-spacing: 0.08em;
}

#upperLinemid {
margin-left: 5em;
margin-right: 5em;
}

#lowerLine {
font-size: 1.3em;
margin-top: 1.5em;
margin-left: 5em;
font-size: smaller;
}

#lowerLinemid {
margin-left: 2em;
margin-right: 2em;
}


.artImageSmallright {
float:right;
border-width:1px;
border-color:#000000;
padding:2px;
}

.artImageDesc {
 font-style: normal; font-size: 0.9em; 
}

.new-review
{
color:#FF0000;
}

h2.red
{
color:#FF0000;
}

.image {
float: right;
border-style: solid;
border-color: #000000;
border-width: 1px;
margin-left: 8px;
font-family: Verdana, Arial, sans-serif;
text-align: right; }

.image2 {
border-style: solid;
border-color: #000000;
border-width: 1px;
margin-right: 5px;
margin-bottom: 5px;
font-family: Verdana, Arial, sans-serif;
text-align: left; }

.imageleft {
border-style: solid;
border-color: #000000;
border-width: 1px;
margin-right: 10px;
margin-bottom: 10px;
font-family: Verdana, Arial, sans-serif;
text-align: left; }

.imageright {
border-style: solid;
border-color: #000000;
border-width: 1px;
margin-left: 10px;
margin-bottom: 10px;
font-family: Verdana, Arial, sans-serif;
text-align: left; }


.image-no-border {
float: right;
padding: 3px;
margin-left: 8px;
font-family: Verdana, Arial, sans-serif;
text-align: right; }

.caption {
font-size: 80%;
font-family: Verdana, Arial, sans-serif;
text-align: right; }

a.reTweetPost {  
   display: block;  
   width: 100px;  
   height: 21px;  
   background: url(http://www.quarterlyconversation.com/images/retweet--image.jpg) no-repeat 0 0;  
   overflow: hidden;  
   text-indent: -10000px;  
   font-size: 0px;  
   line-height: 0px;   
}  
  
/** Declaration for the additional states of the a.singleRollover selector **/  
  
a:visited.reTweetPost {  
    background-position: 0 -21px;  
}  
  
a:hover.reTweetPost {  
    background-position: 0 -42px;  
}  
  
a:active.reTweetPost {  
    background-position: 0 -63px;  
}  

p.discussed {
   border-left: 1px solid;
   margin-left: 25px;
   padding-left: 5px;
   font-size: 1.25em;
   line-height:1.5;
}

.topboxcontainer {
float:left;
}

.topbox {
width: 275px;
height: 190px;
padding: 5px;
border-left: 1px dotted;
border-bottom: 1px dotted;
margin: 5px;
}

a.topboxlink {color: #990000 !important; text-decoration: none !important; font-size: 1.2em; font-family: Verdana, Tahoma, Geneva, sans-serif; font-variant: small-caps; font-weight: 900 !important;} 
a:visited.topboxlink {color: #990000 !important; text-decoration: none !important; font-size: 1.2em; font-family: Verdana, Tahoma, Geneva, sans-serif; font-variant: small-caps; font-weight: 900 !important;}
a:hover.topboxlink {color: #FF0000 !important; text-decoration: underline !important; font-size: 1.2em; font-family: Verdana, Tahoma, Geneva, sans-serif; font-variant: small-caps; font-weight: 900 !important;}

.home_recent_thumb { padding: 0 10px 0 0; margin: 0 0 0.25em 0; float: left; }
.home_recent_thumb img { float: left; margin: 0; }
.home_recent_thumb a img { background: #999; padding: 2px; margin: 0; border: 0; }
.home_recent_thumb a:hover img { background: #333; padding: 2px; margin: 0; border: 0; }
   
.constantconv { background: #FFFFFF; padding: 4px; font-size:12px; border-radius: 5px; border: 1px solid #000; }

.FN {
color:#736F6E;}

]