/*
Theme Name:Onward!
Theme URI:http://blog.arlooviatt.com/
Description: This theme was built by [BR], for [BR]. Onward!! <a href="http://bernstein-rein.com/">Bernstein-Rein.com</a>
Version:1.05
Author:BR Interactive (Chris Riebschlager and Sean Berger)
Author URI:http://br-interactive.com/
; 
/******
  ERIC MEYER RESET | learn more @ http://meyerweb.com */
html,body,div,span,
applet,object,iframe,embed,object,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; font-family: inherit; font-size: 100%; }
/* remember to define focus styles! */
:focus { outline: 0; }
table { /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate; border-spacing: 0; }
caption,th,td { text-align: left; font-weight: normal; }
blockquote:before,blockquote:after,
q:before,q:after { content: ""; }
blockquote,q { quotes: "" ""; }
/* end reset */
/******
  PRESENTATIONAL LAYOUT ***/
.clear-both { clear: both; }
#wrapper { margin: 0 auto; 
  width: 1000px; }
#header { width: 1000px; }
img#logo { position: relative; top: 35px; left: 45px; }
#header-title { width: 1000px; height: 177px; border-top: 6px solid #888; background: #cbc5c3 url("images/ui/sprites.gif") 0 0 no-repeat; }
  .defacto { border-top: 6px solid #8cae8b !important; } /* default is green */
  .tues {    border-top: 6px solid #ffb85b !important; } /* orange */
  .wed {     border-top: 6px solid #50a5b4 !important; } /* teal */
  .thurs {   border-top: 6px solid #8b65a5 !important; } /* purple */
  .fri {     border-top: 6px solid #fffe80 !important; } /* yellow */
#header-main-nav { margin: 5px 0 0 0; background: #eceae9; /* light cream */
  width: 955px; padding: 0 45px 0 0; height: 80px; }
#header-sub-nav { position: relative; top: -250px; left: 785px; width: 200px; }
.main-content { /* wrapper div for columns */
  clear: both; width: 940px; padding: 0 30px 40px 30px; }
#lead-column { float: left; width: 575px; padding: 0 0 40px 0; }
#secondary-column { float: right; width: 325px; padding: 0 0 40px 40px; }
#advert { margin: 15px auto 0 auto; width: 300px; }
embed#skyscraper, object#skyscraper { position: relative; z-index: 40; margin: 15px 0 0 0; }
div.post { clear: both; display: block; min-height: 270px; margin: 25px 0 0 0; }
div.body-of-post { margin: 10px 0 0 0; }
#footer-wrapper { clear: both; background: #d6d1d0; padding: 25px 0 40px 0; }
#footer { clear: both; width: 940px; margin: 0 auto; padding: 0; }

/******
  ROOT STYLES FOR FAHRNER IMAGE REPLACEMENT ***/
.fir,.img-replace { /****** FAHRNER IMAGE REPLACEMENT - core styles ***/
  display: block; overflow: hidden; height: 0 !important; background-position: 0 0; background-repeat: no-repeat; }
#header-main-nav ul { /** main categories and navigation for the blog **/
  position: relative; top: 25px; left: 45px; }
#header-main-nav li { list-style-type: none; padding-right: 15px; }
#header-main-nav li a,
#header-sub-nav li a,
#footer ul#logos li a { display: block; float: left; padding-top: 25px; overflow: hidden; height /**/: 25px; height: 0 !important; background: url("images/ui/sprites.gif") no-repeat; }
li#creative a {          background-position:      0 -200px; width: 150px; }
  li#creative a:hover {  background-position:      0 -250px; }
li#culture a {           background-position: -200px -200px; width: 140px; }
  li#culture a:hover {   background-position: -200px -250px; }
li#craft a {             background-position: -400px -200px; width: 70px; }
  li#craft a:hover {     background-position: -400px -250px; }
#header-sub-nav li { list-style-type: none; } /** smaller nav elements **/
#header-sub-nav li a { padding-top: 14px; height /**/: 14px; }
li#about a {             background-position:      0 -300px; width: 55px; }
  li#about a:hover {     background-position:      0 -350px; }
li#contact a {           background-position: -200px -300px; width: 63px; }
  li#contact a:hover {   background-position: -200px -350px; }
li#subscribe a {         background-position: -400px -300px; width: 70px; }
  li#subscribe a:hover { background-position: -400px -350px; }
#footer li { list-style-type: none; }
#footer ul#logos li a { padding-top: 55px; height /**/: 55px; }
#footer ul#logos { margin-top: 20px; padding-bottom: 50px; }
#footer ul#logos li.br a {          background-position: -600px -200px; width: 110px; }
  #footer ul#logos li.br a:hover {  background-position: -600px -300px; }
#footer ul#logos li.bri a {         background-position: -800px -200px; }
  #footer ul#logos li.bri a:hover { background-position: -800px -300px; }

/******
  TYPOGRAPHY ***/
h1,h2,h3,h4,h5,h6,strong { font-weight: 600; }
h1,h2,h3,h4,h5,h6,
dd,dt,td,li,p { font-family: Georgia, Garamond, "Adobe Garamond", "ITC Garamond", Times, "Times New Roman", serif; color: #575757; }
a,a:link,a:visited,a:hover { color: #333; }
a,a:link,a:visited,a:hover { font-size: 1.00em !important; text-decoration: none; }
a:hover { text-decoration: underline; }
span.timestamp { color: #999; font-style: italic; }

/** 11 things **/
#things { width: 875px; display: block; float: left; position: relative; left: -10px; }
#things p, #things a, #things strong { vertical-align: baseline; }
#things a, #things strong { color: #000; }
.thing { float: left; padding: 9px; border: 1px dashed #d7d7d7; background: #f7f7f7; /* light cream */
  -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.thing:hover { border: 1px dashed #b7b7b7; }
.thing-img { overflow: hidden; width: 365px; height: 220px; }
#things p { margin: 8px 2px 0 0; color: #555; font-size: 0.75em; line-height: 1.65em; font-style: italic; }
#biography-wrapper { clear: both; width: 875px; }
#bio-connect { width: 370px; float: left; clear: both; }
#bio-photo { width: 360px; overflow: hidden; margin: 25px 0 0 0; }
#bio-writeup { position: relative; top: 15px; left: 15px; float: left; display: block; width: 465px; }
#bio-writeup h4 { font-weight: 600; font-size: 0.90em;  
  font-style: italic; line-height: 1.80em; }
#bio-writeup p { margin: 10px 0 0 0; font-size: 0.83em; line-height: 1.40em; 
}
#bio-writeup p:first-line { font-size: 1.40em; line-height: 1.40em; color: #222; }

/** 11 things :: lead column **/
#lead-column #eleven-things-intro { margin: 0 15px 0 0; width: 880px; }
#lead-column #eleven-things-intro img,
#lead-column #about-eleven { float: left; }
#lead-column #about-eleven { width: 650px; position: relative; top: 4px; left: 20px; }
#lead-column #things { clear: left; }
#lead-column .thing { clear: both; width: 97%; }
#lead-column .thing-img { float: left; position: relative; margin: 0 0 0 240px; background-color: #c7c7c7; }
#lead-column #things .thing p { clear: both; margin: 4px 15px 0 15px; text-align: center; width: 96%; vertical-align: middle; height: auto; }
#lead-column .thing-img img { margin: 0 auto; }
#lead-column #things .tab { clear: both; display: block; padding: 14px 0 0 0; }
#lead-column #things .tab h5 { float: right; width: 15px; font-weight: normal; background: #888; color: #e7e7e7 !important; text-align: center; padding: 1px 18px 5px 18px; margin-right: 10px; font-size: 1.10em; font-style: normal; }
#lead-column .eleven h6 { font-family: Arial, Verdana, Helvetica, sans-serif;
  font-style: italic; font-size: 0.84em; line-height: 1.40em; font-weight: 400; color: #999; }

/** 2nd column :: 11 things **/
#secondary-column #eleven-things-intro p { position: relative; z-index: 10; top: -85px; padding: 0 20px; font-size: 0.80em; line-height: 1.40em; color: #555; }
#secondary-column .eleven h6 { font-style: italic; font-size: 0.75em; line-height: 1.40em; font-weight: 400; color: #999; }
#secondary-column .eleven h2 { font-size: 0.78em; line-height: 1.40em; margin-top: -68px; padding: 0 10px; }
#secondary-column .eleven h6 { padding: 0 10px; color: #777; margin-bottom: 16px; }
#secondary-column p#biography-link { margin: 0; width: 300px; padding: 10px 12px; }
#secondary-column #eleven-things-intro { margin-top: -85px; width: 324px; }
#eleven-things-intro p { font-style: italic; }
#secondary-column #biography-wrapper { width: 325px; }
#secondary-column #bio-photo { width: 325px; }
#secondary-column #bio-connect { padding-bottom: 15px; }
#secondary-column #bio-photo { width: 324px; height: 110px !important; margin: 0; }
#secondary-column #things { left: 0; position: relative; top: -15px; width: 330px; padding-bottom: 25px; }
#secondary-column #things .tab { visibility: hidden; display: none; }
#secondary-column .thing { padding: 3px; margin: 7px 1px 0 0; }
#secondary-column .thing-img { width: 316px; height: 130px; }
#secondary-column #things p { width: 308px; margin: 0; padding: 2px 4px; font-size: 0.70em; text-align: left; background: #fff; }

/** 2nd column: misc **/
#secondary-column p { font-size: 0.72em; line-height: 1.60em; margin: 10px 0 0 0; }
#secondary-column p#ad-about { font-size: 0.65em; color: #ccc; font-style: italic; text-align: center; margin-left: -15px; }
#secondary-column p#ad-about a { color: #aaa; }
#secondary-column ul { clear: both; margin: 0; text-transform: uppercase; }
#secondary-column li { font-size: 0.70em; line-height: 1.45em; letter-spacing: -0.0075em;  
  font-family: Arial, Verdana, Helvetica, sans-serif; margin: 8px 0 0 0; color: #777; list-style-type: none; }
#secondary-column h5 { clear: both; margin: 20px 0 0 0; text-transform: uppercase; font-size: 0.75em; font-weight: 400; letter-spacing: 0.30em; border-bottom: 1px solid #bbb; }
#secondary-column h5 span { color: #ccc; }
#secondary-column #bio-connect p { clear: both; margin-top: 0; padding: 10px 12px; width: 300px; font-size: 0.78em; font-style: italic; color: #4e4e4e; background: #edebeb; }
#secondary-column #bio-connect p a { color: #9f9f9f; }

/******
  VIDEO EMBEDS ***/
#lead-column .thing embed, #lead-column .thing object { margin-left: 0; }
#lead-column #things .thing p embed,
#lead-column #things .thing p object {
  clear: both;
}
#secondary-column .thing embed,
#secondary-column .thing object { width: 308px !important; height: 256px !important; }

/** lead column: posts **/
#index-page #lead-column .post { margin: 45px 0 0 0; }
.post h2, .post h2 a { /* headline */
  color: #000; margin: 2px 0 0 0; font-size: 1.60em; line-height: 1.35em; font-style: italic; font-weight: 400; letter-spacing: 0.035em; }
.post hr { border: 0; color: #c7c7c7; background-color: #c7c7c7; height: 1px; width: 90%; text-align: left; margin: 5px 0 0 0; }
.body-of-post h1,
.body-of-post h2 { font-style: italic; margin: 15px 0 0 0; color: #333; font-weight: 200; }
.body-of-post h3,
.body-of-post h4,
.body-of-post h5,
.body-of-post h6 { margin: 15px 0 0 0;  
  color: #111; font-weight: 600; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 1.80em; }
  .body-of-post h1 { font-size: 1.40em; line-height: 1.30em; }
  .body-of-post h2 { font-size: 1.20em; line-height: 1.35em; }
  .body-of-post h3 { font-size: 0.95em; line-height: 1.20em; }
  .body-of-post h4,
  .body-of-post h5,
  .body-of-post h6 { font-size: 0.90em; line-height: 1.40em; }
.body-of-post dd,
.body-of-post dt,
.body-of-post td,
.body-of-post li,
.body-of-post p { margin: 12px 0 0 0;   
  font-size: 0.92em; line-height: 1.60em; }
.body-of-post li { margin-left: 25px; }
.body-of-post a { text-decoration: underline; padding: 2px 3px; background: #eceae9 !important; /* light cream */
}
  .body-of-post a:hover { text-decoration: none; }
.body-of-post address { font-style: normal; font-weight: 600; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.80em; line-height: 1.60em; color: #333; }
.body-of-post img { margin: 15px 15px 0 15px; padding: 8px; background: #eceae9; /* light cream */
  border: 1px solid #bbb; }
.body-of-post .aligncenter img,
.body-of-post .alignnone img,
.body-of-post img.aligncenter,
.body-of-post img.alignnone { clear: both; float: none; width: auto; margin-left: 0; }
.body-of-post .aligncenter .wp-caption-text,
.body-of-post .alignnone .wp-caption-text { margin-left: 0; }
.alignleft, img.alignleft {  float: left; }
.alignright, img.alignright { float: right; }
.body-of-post p.wp-caption-text { /* photo captions */
  font-size: 0.75em; line-height: 1.30em; text-align: left; padding: 0 0 15px 0; margin: 3px 0 0 15px; }
.body-of-post p.wp-caption-text a { color: #111; }
h4.post-metadata { /* date and byline (author) */
  font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 400; font-size: 0.75em; letter-spacing: 0.035em; text-transform: uppercase; }
h4.author { margin: 2px 0 5px 0; }
p.category-here { clear: both; margin: 20px 0 0 0; font-size: 0.75em; line-height: 1.20em; }
p.category-here span { color: #222; font-weight: 600; }
#follow-post { margin: 10px 0; }
#follow-post img { float: left; margin: 0 5px 0 0; }
#follow-post p { font-size: 0.75em; margin: 1px 0 0 0; }

/** posts: comments **/
p#add-a-comment,
p#index-add-a-comment { display: block; clear: both; font-size: 0.79em; margin: 5px 0 0 0; }
.comments { position: relative; top: 0; left: 0; width: 560px; clear: both; }
#comment-total { font-size: 0.75em; margin: 5px 0 0 0; }
form#add-comment { clear: both; position: relative; top: 20px; left: 20px; width: 400px; }
form#add-comment div.clear-both { display: block; padding: 8px 0 0 0; }
form#add-comment label.userinfo { float: left; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 0.70em; line-height: 1.50em; width: 225px; margin: 7px 15px 0 0; vertical-align: baseline; }
form#add-comment label.userinfo span { color: #bbb; font-size: 0.80em; text-transform: uppercase; vertical-align: baseline; }
form#add-comment input.text-field { float: right; font-family: Helvetica, Arial, Verdana, sans-serif; border: 1px solid #eceae9; /* light cream */
  background: url("images/ui/gradient.gif") 0 0 repeat-x; color: #000; padding: 5px 7px 4px 7px; margin: 0 0 0 15px; line-height: 1.50em; font-size: 0.82em; width: 230px;
/*
  position: relative; top: -25px; left: 230px; */
}
.comments h3.closed { font-family: Georgia, Garamond, "Adobe Garamond", "ITC Garamond", Times, "Times New Roman", serif; font-weight: 200; font-size: 1.40em; color: #111; text-align: center; padding: 5px 15px 20px 15px; }
.comments h3.closed span { display: block;  
  font-size: 0.74em; line-height: 1.80em; }
.comments ol {}
.comments li { font-size: 0.75em; line-height: 1.40em; padding: 5px 8px; background: #eceae9; /* light cream */
  list-style-type: none; margin: 5px 0 0 0; }
.comments li span p,
.comments li p.comment-author { width: 500px; }
.comments li span p { margin-top: 15px; }
.comments li.alt { background: none; text-align: right; }
.comment-count { float: right;  
  position: relative; top: -36px; left: 5px; width: 35px; height: 35px; background-color: #fffffe; border: 1px solid #c7c7c7; }
.comment-count p { text-align: center; font-size: 1.40em; line-height: 1.80em; }
li p.comment-author {     color: #000; }
li.alt p.comment-author { color: #222; }
p.comment-author strong {}
p.comment-author em {}
div.pending { /* comment is under review by administrators */
  background: #fdffd5; /* canary yellow */
  padding: 15px; margin-top: 3px; width: 470px; }
div.pending em { line-height: 1.40em; }
p.comment-author span { color: #999; }
#logged-in-as p { text-align: center; margin: 20px 0 0 0; font-size: 0.82em; line-height: 1.20em; }
label#label-comment { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.82em; line-height: 1.40em; text-align: center !important; clear: both; margin: 15px 0 0 1px; line-height: 1.60em; }
textarea#user-comment { border: 1px solid #c7c7c7; width: 500px; height: 220px; margin: 5px 0 0 0; padding: 8px 10px; overflow: auto; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.82em; line-height: 1.40em; }
input#make-comment { margin: 15px 0 0 400px; }

/** lead column: page numbers **/
#wp_page_numbers { margin-top: 40px; }
#wp_page_numbers ul,
#wp_page_numbers li,
#wp_page_numbers a { background: #fff; padding: 0; margin: 0; border: none; list-style: none; text-transform: none; text-indent: 0px; font-variant: normal; text-align: left; line-height: 1.05em; letter-spacing: 0px; word-spacing: 0px; }
#wp_page_numbers { clear: both; display: block; margin-top: 35px; width: 100%; background: #fff; }
#wp_page_numbers ul { width: 516px; }
#wp_page_numbers li { float: left; display: block; }
#wp_page_numbers a { padding: 10px 14px 8px 14px; display: block; color: #aaa; font-size: 0.95em; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
#wp_page_numbers li a:hover { color: #444; border-top: 2px solid #444; border-bottom: 2px solid #fff; }
#wp_page_numbers li.space { font-size: 0.95em; font-family: Helvetica, Arial, Verdana, sans-serif; color: #aaa; padding: 10px 14px 8px 14px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
#wp_page_numbers li.first_last_page { font-style: italic; }
#wp_page_numbers li.active_page a { color: #fff; background: #444; border-top: 2px solid #fff; border-bottom: 2px solid #fff; 
}
#wp_page_numbers li.active_page a:hover  { color: #fff; /* IE fix */
  border-top: 2px solid #444; }
#wp_page_numbers li.page_info { float: left; font-size: 12px; color: #aaa; display: block; padding: 12px 14px 10px 14px; vertical-align: baseline; }
/** buttons **/
#make-comment { margin: 0 1em 0 10px; }
.submit input,
.button,
.button-primary,
.button-secondary,
.button-highlighted { text-decoration: none; font-size: 11px !important; line-height: 16px; padding: 2px 8px; cursor: pointer; border-width: 1px; border-style: solid; -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; box-sizing: content-box; }
a.button,
a.button-primary,
a.button-secondary { line-height: 1.2em; -webkit-border-radius: 10px; padding: 4px 10px; white-space: nowrap; }
.button,
.button-secondary,
.submit input,
input[type=button],
input[type=submit] { border-color: #bbb; color: #464646; }
.button:hover,
.button-secondary:hover,
.submit input:hover,
input[type=button]:hover,
input[type=submit]:hover {
  color: #000;
  border-color: #777; }
.button-primary:hover,
#login form .submit input:hover { border-color: #13455b !important; color: #EAF2FA !important; }
.submit input,
.button,
.button-primary,
.button-secondary,
.button-highlighted,
#postcustomstuff .submit input { text-shadow: rgba(255,255,255,1) 0 1px 0; }
.button-primary,
.submit .button-primary { text-shadow: rgba(0,0,0,0.3) 0 -1px 0; }
.button,
.submit input,
.button-secondary { background: #f2f2f2 url(images/ui/white-grad.png) repeat-x scroll left top; }
.button:active,
.submit input:active,
.button-secondary:active { background: #eee url(images/ui/white-grad-active.png) repeat-x scroll left top; }

/** pages **/
.contact-logo { float: left; margin: 0; }
.contact-logo h3 a { cursor: pointer; margin: 0; padding: 0; display: block; padding-top: 160px; overflow: hidden; height /**/: 160px; height: 0 !important; background: url("images/ui/logos.jpg") no-repeat !important; }
  .contact-logo h3.br a {  background-position: 0 0 !important; width: 90px; margin: 0 40px 0 125px; }
  .contact-logo h3.bri a { background-position: -180px 0 !important; width: 270px; }
#contact-page h4 { clear: both; display: block; padding: 25px 0 0 0; }
#admin-driven-page #lead-column ul,
#admin-driven-page #lead-column ol { padding-top: 5px; }
#admin-driven-page #lead-column li a { background: none !important; line-height: 1.70em; }

/** category pages **/
p.read-more { margin-top: 5px; }
#category-page h1 { font-size: 1.80em; font-weight: 400; }

/** search functions **/
#error404 #lead-column { margin: 40px 0 0 0; }
#error404 h1 { font-size: 1.80em; font-weight: 200; }
#error404 p { font-size: 0.84em;  
  line-height: 1.90em; }
input#search-field { font-family: Georgia, Garamond, "Adobe Garamond", "ITC Garamond", Times, "Times New Roman", serif; padding: 5px 8px; margin: 10px 0 0 0; line-height: 1.40em; font-size: 1.60em; width: 210px; color: #222; font-weight: 300; border: 1px solid #eceae9; /* light cream */
}
  #header #search-box {   position: relative;   top: 15px; left: 360px; }
  #header input#search-field {   width: 200px;   color: #444;   background: #fffffe;   border: 1px solid #c7c7c7;   line-height: 0.90em; font-size: 0.95em; }

/** footer **/
#footer ul#plaintext li { float: left; font-size: 0.70em; font-weight: 600; list-style-type: none; margin: 0 25px 0 0; font-family: Arial, Verdana, Helvetica, sans-serif; }
#footer h5 { clear: both; display: block; padding: 7px 0 0 0; text-transform: uppercase; font-style: italic; font-weight: 400; font-size: 0.76em; line-height: 1.50em; }
#footer p { width: 785px; font-size: 0.74em; line-height: 1.55em; }