/*
Theme Name: Hemingway for olp org
*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
       padding:0;
       margin:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
       margin:1px 0;
}

li, dd {
       margin-left:5%;
}

fieldset {
       padding: .5em;
}

select option {
       padding:0 5px;
}

.hide, .print-logo, .close-button {
       display:none;
}

.left {
       float:left;
}

.right {
       float:right;
}

.c1 {
       width:47%;
       float: left;
       padding-right: 0em;
       display: inline;
}

.c1front {
       width:35%;
       float: left;
       padding-right: 0em;
       display: inline;
}


.c2 {
       width:47%;
       float: right;
       padding-right: 0px;
}

.c2front {
       width:59%;
       float: right;
       padding-right: 0px;
       padding-top: 2em;}
      
.frontquote_right p{
       margin: 5px 10px 5px 15px;
       font-size: 1.4em;
       text-align: left;
       font-style: italic;
       line-height: 1.5em;
       padding: 1em;}

.c3 {
       clear: both;
}

.c4 {
       visibility:hidden
}

.pullquote_right{
       width: 47%;
       margin: 5px 15px 5px 15px;
       font-family: Verdana, Helvetica, Arial, sans-serif;
       font-size: 1.4em;
       text-align: left;
       float: right;
       font-style: italic;
       line-height: 1.5em;
       border-left: 1px #D6E2B2 inset;
       padding: 1em;}

.pullquote_left{
       width: 47%;
       margin: 5px 15px 5px 15px;
       font-family: Verdana, Helvetica, Arial, sans-serif;
       font-size: 1.4em;
       text-align: left;
       float: left;
       font-style: italic;
       line-height: 1.5em;
       border-right: 1px #D6E2B2 inset;
       padding: 1em;}

.clear {
       clear:both;
       height:1px;
       font-size:1px;
       line-height:1px;
}

a img {
       border:none;
       }

a:hover img {
       filter:alpha(opacity=70);    
       opacity: .7;
}

.sbtext1 {      
       padding-bottom: 1em;
       padding-top: 1em;
}
.sbissuebio {      
       padding-bottom: 1em;
       padding-top: 1em;
}
       
.sbissuebio p {
        line-height: 1.2em;
        padding-bottom: 1em;
        font-style: italic;
}

.sbforumlink {
       border-bottom: 1px solid #CCCCCC
       }

.sbforumlink a img {
       margin-top: 1em;
       margin-left: 2em;
       margin-bottom: 1em;}

.sbopenloopslink a img {
       margin-top: 1em;
       margin-left: 2em;
       margin-bottom: 1em;}

.excerpt {      
       padding-bottom: 1em;
       padding-top: 1em;
}
       
.excerpt p {
       padding-bottom: 1em;
        font-style: italic;
}

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body {
       background:#272727;
       color:#444444;
       font-size: 11px;
       font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}

/* This class sets the width and position for all rows */

.inside {
       width:80%;
       min-width:65em;
       max-width:85em;
       margin:0 auto;
}

.openloops_container {
       float: left;
       margin: 2em;
       padding: 1em;}

.loops {
       }

.pgs {
       line-height:1.75em;
       text-align: right;
}

.carousel {
       height: 80px;
   /*    padding-left: 55px; add this back w/4 gallery labels - ajw*/
}

/*
.carousel .next {
      background: url(../images/carouselnext.png)
}
      
.carousel .prev {
      background: url(../images/carouselprev.png)
}
*/

a {
       color:#FFF;
}

h1 {
       color:#CCC;
       font-size:1.5em;
       font-weight:normal;
       margin:1.5em 0;
}

h1.pagetitle {
       padding-bottom:1em;}
       
h2, h3 {
       font-size:1.15em;
       color:#FFF;
       font-weight:normal;
}

#primary h2 {
       color:#CCC;
}

p {
       line-height:1.75em;
}

.postpodcastpdf {
       padding-top: .6em;
       padding-bottom: .6em;
       border-top: 1px #c2c2c2 solid;
       border-bottom: 1px #c2c2c2 solid;}

.intro {
       font-style: italic;
       border-bottom: 1px #c2c2c2 solid;}
       
.mm {
       color: #A19551;
       font-weight: 700;
       font-variant: small-caps;
       }
       
a.hsweb {
       color: #A19551;
       font-weight: 700;
       font-variant: small-caps;
       }

ul li {
       margin:0.5em 0 0.5em 2em;
}

blockquote {
       margin-left:1em;
       padding-left:1em;
       border-left:2px solid #CCC;
       color:#CCC;
}

pre {
       width:100%;
       padding:1em 0;
       overflow:auto;
       border-top:1px dotted #333;
       border-bottom:1px dotted #333;
}

table {
       width:100%;
       border-spacing:2px;
       margin: .5em 0em .5em 0em
}

table th, table td {
       padding:0.3em 0.75em
}

table th {
       background:#CCC;
       color:#000;
       text-align:left;
}

table td {
       background:#333;
       color:#FFF;
}

table caption {
       text-align:left;
       color:#FFF;
       margin-bottom:-1em;
       margin-top:1em;
}

.rule {
       border-top:1px solid #CCC;
       height:1px;
       font-size:1px;
       line-height:1px;
       margin:1.5em 0;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/

#header {
       background:#FFF;
       height: 225px;
}

#header .inside {
       padding: 1em 0em 1em 0em;
       margin-top: 0em;
}

#header h1 {
}

#header .logo a {
       margin: 0em 0.5em 0em 0em;
       padding: .5em 1em .5em 0em;
       float:left;
       background-repeat: no-repeat;
       background-position: +0em;
       width: 216px;
       height: 144px;
       background-image: url(../../../images/logos/olplogo216x144.png);
}

#header h1 a {
       text-decoration:none;
}

#header p {
       padding: 4em 0em 1em 0em;
       line-height:1em;
       font-style: italic;
       font-size: 1.5em;
}

#header .subheader {
       display:table;
       float:right;
       clear:both;
       padding:1px 0;
       margin:0;
       line-height:1px;
}

#header .subheader .item {
       display:table-cell;
       text-align:right;
       padding: 4px;
}

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary {
       background:#000;
       padding:1px 0 2em 0;
       color:#444444;
}

#primary.onecol-stories .primary {
       float:left;
       width:50%;
}

#primary.onecol-stories .secondary {
       float:right;
       width:40%;
       margin:0 0 0 10%;
}

#primary.twocol-stories .story {
       float:left;
       width:48%;
       margin:0 0 0 4%;
       display:inline;
}

* html #primary.twocol-stories .story {
       margin-left:2%;
}

#primary.twocol-stories .first, * html #primary.twocol-stories .first {
       clear:both;
       margin:0 0 0 0;
}
.c2front h3 {
       font-size:1.15em;
       margin:0 0 1.5em 0;
       font-weight:normal;
       color:#CCC;
}

.c2front h3 a {
       color:#CCC;
       text-decoration:none;
       border-bottom:1px dotted #666;
}

.c2front .details {
       margin:1em 0;
       text-align:right;
       border-top:1px solid #333;
       padding:0.5em 0;
       font-size:0.95em;
       color:#666;
}

.c2front .details .read-on {
       background:url(images/arrowr.png) 100% 60% no-repeat;
       padding-right:20px;
       display:block;
       margin-top: 1em;
       padding-bottom: 3px;
}

.c2front .details a {
       color: #666666;
}

.c2front .details a:hover {
       color: #666666;
       cursor: pointer;}
       
.story h3 {
       font-size:1.15em;
       margin:0 0 1.5em 0;
       font-weight:normal;
       color:#CCC;
}

.story h3 a {
       color:#CCC;
       text-decoration:none;
       border-bottom:1px dotted #666;
}

.story .details {
       margin:1em 0;
       text-align:right;
       border-top:1px solid #333;
       padding:0.5em 0;
       font-size:0.95em;
       color:#666;
}

.story .details .read-on {
       background:url(images/arrowr.png) 100% 60% no-repeat;
       padding-right:20px;
       display:block;
       margin-top: 1em;
       padding-bottom: 3px;
}

.story .details a {
       color:#666;
       text-decoration:none;
}

.story .details a:hover {
       color:#FFF;
       text-decoration: underline;
}

/* Single Post Styles */

#primary .primary {
       float: right;
       width:80%;
}

#primary .inside .primary .sfforumlink {
       padding-bottom: 10px;
       border-bottom: 1px #cccccc solid;
       padding-top: 10px;
       border-top: 1px #cccccc solid;
}

#primary .secondary {
       float:left;
       width:15%;
       margin-right:1%;
       padding-top:0.65em;
       display:inline;
}

#primary .secondary .sbpostimage {
       float:left;
       display: inline;
       padding: 2px;
       margin-top: 20px;
       margin-left: 5px;
       margin-right: 5px;
       margin-bottom: 20px;}

* html #primary .secondary {
       margin-right:3%;
}

.secondary .featured {
       border-top: 1px #CCCCCC solid;
       padding:0.5em 0 0.6em 0;
       line-height:1.5em;
       margin:1em 0 0 0;
}

/*.secondary .featured .excerpt p{
        line-height: 1.2em;
        font-style: italic;
       padding-bottom: 1em;}*/

.secondary .featured .secondaryimage {
       margin: 2px;
       padding: 2px;
}

.secondary .featured dl {
       margin:0 0;
       border-bottom:1px solid #333333;
       padding:0.5em 0 0.6em 0;
}

.secondary dt {
       display:inline;
       margin:0;
       padding:0;
       color: #ffffff
}

.secondary dd {
       display:inline;
       margin:0;
       padding:0;
}

.secondary dd a {
       color: #ffffff
}

.secondary dd a:hover {
       color:#FFF;
       text-decoration: underline;
}

.single-post h1, .single-post h2 {
       margin-top:0;
       margin-bottom: .75em;}

/*-----------------------------------------------------------------------------------------------
	Secondary Items
-----------------------------------------------------------------------------------------------*/

#secondary {
       background: #B9C59A;
       padding:1px 2em;
       border-top: 1px #c2c2c2 solid;
       height: 130px;
	   color: #000000;
}

#secondarynarrow{
       background: #B9C59A;
       padding:1px 2em;
       border-top: 1px #c2c2c2 solid;
       height: 10px;
}
#commentspace {
       background: #d6e2b2;
       border-top: 1px #c2c2c2 solid;
       font-style: italic;
       padding-top: 1px;}
       
.comment-head {
       padding: 1em 2em 1.0em 0em;
       height: 100px;
}

.comment-head h2 {
       font-size:1.5em;
       margin:0;
       color: #ffffff;
}

.comment-head a {
       text-decoration:none;
       color: #ffffff
}

.comment-head .details {
       font-size:0.95em;
}

.galleryspace {
       padding: 1em 2em 1.0em 0em;
       height: 100px;
}

.galleryspace h2 {
       font-size:1.5em;
       margin:0;
       color: #ffffff;
}

.galleryspace a {
       text-decoration:none;
       color: #ffffff
}

.galleryspace .details {
       font-size:0.95em;
}
ol#comments {
       list-style-type:none;
       margin:2em 0;
}

ol#comments li {
       list-style-type:none;
       margin:2em 0;
}

#comments cite {
       float:left;
       width:31%;
       font-style:normal;
       text-align:right;
}

* html #comments cite {
       width:30.6%;
}

#comments cite span {
       display:block;
}

#comments cite .author {
       font-size:1.2em;
}

#comments cite .author a {
       text-decoration:none;
}

#comments cite .admin-tools {
       margin:5px 0;
}

#comments cite .admin-tools a {
       float:right;
       margin:0 5px;
       padding:0px 3px 3px;
       background:#666;
       border:1px solid #999;
       text-decoration:none;
}

#primary .secondary .admin-tools {
       margin:1em 0;
}

#preview {
       margin:1em 0;
       padding:0.5em;
       border:1px solid #333;
}

#preview p {
       margin:1em 0 0 0;
}

#errors {
       color:#FF0000;
       font-weight:bold;
}

#comments .pingback cite .author {
       display:block;
       padding-top:68px;
       background:url(images/trackback_pingback.gif) 100% 0 no-repeat;
}

#comments .content {
       float:left;
       width:60%;
       margin-left:1.9%;
       border-left:1px solid #868686;
       padding: 0 0 0 2%;
}

#comments .content p {
       margin:0 0 1em 0;
}

#comments .content h3 {
       margin:0;
       font-size:1em;
}

#comment-form {
       margin:5em 0 5em 35.4%;
       width:36em;
}

input.textfield {
       width: 15em;
       margin:5px 0;
}

textarea.commentbox {
       width:28em;
       height:10em;
       padding:0.25em;
       margin:5px 0;
       font-size:1.25em;
       font-family:Arial, Helvetica, sans-serif;
}

label.text {
       position:relative;
       left:0.5em;
       top:-0.5em;
}

.formactions input.submit {
       float:right;
       margin:-1em 0 0 0;
       padding:0 0.5em;
}

.formactions .spinner {
       float:right;
       margin:-8px -20px 0 0;
}

.navigation {
       display: block;
       text-align: center;
}

.navigation div {
       margin-bottom: 2%;
}

.alignright {
       float: right;
}

.alignleft {
       float: left
}

/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/

#ancillary {
       padding:2em 0 0 0;
}

#ancillary .inside {
       color: #ffffff;
       background-color: #949e7c;
}

#ancillary .block {
       float:left;
       width: 30%;
       margin:0 0 0 5%;
}

* html #ancillary .block {
       margin-left:3.9%;
}

#ancillary .twice-length {
       width:65%;
}

#ancillary .thrice-length {
       width:100%;
}

#ancillary .first, * html #ancillary .first {
       clear:both;
       margin:0;
}

#ancillary .block-separator {
       clear:both;
       height:2.5em;
}

#ancillary .block h2, #ancillary .block h3 {
       margin:0 0 2em 0;
       color: #ffffff;
}

div.block ul, ul.dates, ul.counts, ul.blogroll ul, ul.pages {
       list-style-type:none;
/*       margin:1.5em 0 2em 0;*/
       border-top: 1px #c2c2c2 solid
}

div.block ul li, ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li {
       list-style-type:none;
       margin:0;
       padding:0.5em 0;
       border-bottom: 1px #c2c2c2 solid
}

ul.dates .date {
       color: #ffffff;
       padding:0 1.5em 0 0;
}

ul.counts .count {
       float:right;
       color: #ffffff
}

div.block ul a, ul.dates a, ul.counts a, ul.blogroll a, ul.pages a {
       text-decoration:none;
}

div.block ul a:hover, ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover {
       color:#FFF;
       text-decoration: underline;
       cursor: pointer;}

ul.blogroll {
       margin-top:0;
}

ul.blogroll li {
       list-style-type:none;
       margin:0;
}

ul.pages ul {
       margin:0;
}

ul.pages ul li {
       border:none;
       margin-left:2em;
       list-style-type:square;
}

/**
 *  Buttons
*/

/*-----------------------------------------------------------------------------------------------
     Interviews Page Grid   
-----------------------------------------------------------------------------------------------*/

#prog_container1 {
       margin:0px auto;
       padding-top: 2px;
       line-height: 1.3em;}

.clearflow {
       overflow:hidden;
}

.intertoprow{
   width: 96%;
   left: 2%
}
.colmask{
width: 96%;
   left: 2%
}
.colmid{ right: 25% }
.colin{ right: 25% }
.colleft{ right: 25% }
.col1{
   width: 23%;
   left: 101%
}
.col2{
   width: 23%;
   left: 53%
}
.col3{
   width: 23%;
   left: 80%
}
.col4{
   width: 23%;
   left: 82%
}
.interbottomrow{
   width: 96%;
   left: 2%
}
.intertoprow{
   clear: both;
   float: left;
   position: relative;
   border-bottom: #000 1px solid;
}
.colmask{
   clear: both;
   float: left;
   overflow: hidden;
   position: relative;
}
.colmid{
   float: left;
   width: 100%;
   position: relative;
}
.colin{
   float: left;
   width: 100%;
   position: relative;
}
.colleft{
   float: left;
   width: 100%;
   position: relative;
}
.col1{
   padding: 0px 0px 3em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.col2{
   padding: 0px 0px 3em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.col3{
   padding: 0px 0px 3em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.col4{
   padding: 0px 0px 3em 0px;
   overflow: hidden;
   float: left;
   position: relative;
}
.interbottomrow{
   clear: both;
   float: left;
   position: relative;
   border-bottom: #000 1px solid;
}
.bottom{
   clear: both;
   width: 100%;
   float: left;
   position: relative;
}
/*-----------------------------------------------------------------------------------------------*/

.archive_listing {
       width:97%;
       padding-top: 1em;
       padding-bottom: 1em;}

.archive_listing .sbpostimage {
        float:left;
        padding-right: 1.5em;
}

.archive_listing .excerpt {
       float: left;
       width: 75%;
       padding-bottom: 0;}
       
.archive_listing .excerpt p{
       padding-bottom: 0;
       float:left;
       width: 98%;}

/*-----------------------------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------------------------*/

#footer {
       clear:both;
       color: #ffffff;
       margin:2em 0 3em 0;
}

#footer .inside {
       background:url(images/footer_black.gif) 50% 0 repeat-x;
       padding:1em 0;
}

#footer p {
       margin:0;
       font-size:0.95em;
}

#footer p.copyright {
       float:left;
}

#footer p.attributes {
       float:right;
}

#footer p.attributes a {
       padding:0 0 0 1em;
       text-decoration:none;
       color: #ffffff
}

#footer p.attributes a:hover {
       color:#FFF;
       text-decoration: underline;
}

/*-----------------------------------------------------------------------------------------------
  Search
-----------------------------------------------------------------------------------------------*/

#search {
       float:right;
       width:200px;
       margin:1em 0 0 0;
       text-align:right;
}

#search:hover {
       text-decoration: underline;
}

#search .searchimg {
       float:left;
       width:14px;
       height:13px;
       background:url(images/search.gif) 0 0 no-repeat;
       position:relative;
       top:4px;
}

#search input {
       width:175px;
       font-size: 0.85em;
       background: #B9C59A;
       margin-top:2px;
       color: #444444;
}

#search input:focus {
       background:#FFF;
}

#searchform {
       margin:1em 0;
}

#searchform #s {
       background: #ffffff;
       border: 1px solid;
       color:#666666;
       padding:0.25em;
       }

#searchform #searchsubmit {
       color: #666666;
       font-size:0.9em;
       text-transform:uppercase;
       letter-spacing:0.25em;
}

/* Legacy Typo CSS */

#search-results {
       width:30%;
       background:#333;
       padding:0 0 0 0;
       float:right;
       border-top:1em solid #000;
}

#search-results h3 {
       font-weight:bold;
       text-align:left;
       margin:0;
       padding:0 0 1em 0;
       background:#000;
}

#search-results small {
       display:block;
       text-align:left;
       font-size:0.9em;
       padding:0.5em 1em 0.7em 1em;
       border-top:1px solid #666;
       border-bottom:1px solid #555;
}

#search-results small a {
       color:#CCC;
}

#search-results ul li {
       list-style-type:none;
       padding:0 1em 0.5em 1em;
       margin:0.5em 0;
}

#search-results ul li:hover {
       background:#202020;
}

#search-result ul {
       margin:0;
}

#search-results ul li a {
       text-decoration:none;
       border-bottom:1px dotted #CCC;
}

#search img.archives-icon {
       margin:0 7px 0 0;
       top:1px;
}