/*   
Theme Name: I Fly Nonstop
Theme URI: http://iflynonstop.com/
Description: Custom theme for the I Fly Nonstop Blog for the Port of Portland
Author: Darin Richardson and Tim Trautmann
Author URI: http://goseetell.com/
Version: 1.0
.
Copyright 2009 GoSeeTell Network, Inc.
Copyright 2009 Port of Portland
.
*/

/* RESETS */
html, body, div, span, applet, object, iframe, 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, b, u, i, center, 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; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* SITE WIDE */
html,
body {height: 100%;}
body {padding: 0; background: #0b4882; font: 12px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333;}

a {font-style: inherit; line-height: inherit;}
a:link,
a:visited {color: #004777; text-decoration: none;}
a:hover,
a:active {text-decoration: underline;}

#container {width: 940px; min-height: 100%; _height: 100%; margin: 0 auto; padding: 20px 20px 7em; position: relative; background: #0c0d0e url(images/bg_container.jpg) no-repeat;}

#skippers {display: none;} /* for visitors using screen readers */

#header {height: 268px; padding: 0; position: relative; background: url(images/bg_header.png) no-repeat;}
#header h1,
#header h5 {width: 338px; height: 48px; margin: 0 0 8px; float: left;}
#header h1 span,
#header h5 a {width: 338px; height: 48px; display: block; overflow: hidden; text-indent: -999em; background: url(images/logo.png) no-repeat;}
#header h5 a {}
#header h6 {width: 313px; height: 9px; margin: 0 0 0 10px; overflow: hidden; clear: both; text-indent: -999em; background: url(images/title_presented_by.png) no-repeat;}
#header ul {position: absolute; top: 9px; right: 4px; font-size: 13px; line-height: 31px;}
#header ul li {padding: 0 5px; float: left;}
#header ul li a {padding: 0 10px; display: block; float: left; background: #783135; color: #FFF; text-decoration: none;}
#header ul li.current a,
#header ul li a:hover {background-color: #913436; -webkit-transition: background-color .2s linear;}

#content-top {width: 624px; min-height: 10px; float: left; background: rgba(83, 156, 182, 0.7); border-top: 1px solid rgb(83, 156, 182);}
#content-top h1,
#content-top h2 {padding: 5px 18px; font-size: 16px; text-transform: uppercase; letter-spacing: .1em; color: #FFF;}
#content-top a {color: #FFF;}

#content {width: 624px; padding: 10px 0 0; float: left; background: #f1f1f1;}

#content h1 {margin: 0 18px 20px; padding: 10px 0 20px; font-size: 24px; line-height: 24px; font-weight: bold; border-bottom: 1px solid #d1e0e5;}
#content h2 {margin: 15px 0 10px; padding: 0 0 10px; background: url(images/dots.png) repeat-x bottom left; font-size: 18px; line-height: 24px; font-weight: normal;}
#content h2:first-child {margin-top: 0;}
#content h3 {margin: 0; font-size: 14px; line-height: 20px; color: #111;}
#content h3.date {font-size: 14px; font-weight: normal; color: #888;}

#content p.subtitle {margin: -13px 2px 15px;}
#content p.subtitle a {color: #888; text-decoration: none;}

#content p,
#content ul,
#content ol,
#content dl {margin-bottom: 10px;}

#content ul,
#content ol {margin-left: 2em;}
#content ul {list-style: disc;}
#content ol {list-style: decimal;}

#content strong {font-weight: bold; font-style: inherit;}
#content em {font-weight: inherit; font-style: italic;}

#content embed,
#content object {display: block;}

#content img.aligncenter {margin: 0 auto 10px; display: block;}
#content img.alignleft {padding: 0 10px 10px 0; display: block; float: left; background: #FFF;}
#content img.alignright {padding: 0 0 10px 10px; display: block; float: right; background: #FFF;}
#content div.aligncenter {margin: 0 auto 10px;}
#content div.alignleft {margin: 0 10px 10px 0; float: left;}
#content div.alignright {margin: 0 0 10px 10px; float: right;}

#content .more-link {white-space: nowrap;}

#content .post .wp-caption {padding: 5px 0; border: 1px solid #CCC; background: #FFF; font-size: 11px; line-height: 15px;}
#content .post .wp-caption img {margin: 0 auto 5px; padding: 0; border: 0; display: block;}
#content .post .wp-caption p {margin: 0; padding: 0 5px;}

#content .post {padding: 10px 18px 20px; font-size: 13px; line-height: 20px; color: #333;}
#content .post h1 {margin: 0 0 15px; padding: 0; font-size: 36px; line-height: 38px; border: none; font-weight: normal; color: #222;}
#content .post h3.date {color: #8ba9c1;}
#content .post img {padding: 1px; border: 1px solid #d1d3d5;}
#content .post .more {font-size: 10px; text-transform: uppercase; white-space: nowrap; letter-spacing: .1em;}
#content .post #extras {margin: 20px 0 12px; padding: 20px 0 0; border-top: 1px solid #d1e0e5; font-size: 12px; clear: both;}
#content .post #extras p {margin: 0 0 5px;}
#content .post #spreading {width: 48%; float: left;}
#content .post #spreading ul {margin: 0; list-style: none;}
#content .post #spreading li {padding-right: 4px; float: left;}
#content .post #spreading li img {padding: 0; border: none;}
#content .post #tags {width: 48%; float: right;}

#content .featured {margin: 5px 0 0; padding: 0 18px 10px 18px; border-bottom: 10px solid #0c0d0e;}
#content .featured .post_image {margin: 0 0 10px 10px; float: right;}
#content .featured h2 {margin: 0 0 15px; padding: 0; font-size: 36px; line-height: 38px;}

#content .listing {margin: 15px 0 0; padding: 0 18px; list-style: none;}
#content .listing .post {width: 182px; padding: 20px 0 20px 20px; float: left; font-size: 12px; line-height: 18px; color: #777; border-top: 1px solid #d1e0e5;}
#content .listing .post h2 {margin: 0 0 4px; padding: 0; font-size: 14px; line-height: 18px; font-weight: bold;}
#content .listing .post h3.date {font-size: 12px;}
#content .listing .post img {margin: 0; display: block;}
#content .listing .post_image {float: none; margin: 0 0 10px;}
#content .listing .first {padding-left: 0; clear: left;}
#content .listing .first-row {padding-top: 0; border: none;}
#content .listing .metadata {margin: 20px 0 0;}

#content #gallery {margin: 0; padding: 10px 0 0; list-style: none; background: #e5e5e5;}
#content #gallery li {width: 182px; padding: 0 0 20px 10px; float: left;}
#content #gallery p {margin: 0; line-height: 15px;}
#content #gallery a.source {margin: 5px 0 0; font-size: 11px; font-style: italic;}

#content .metadata {margin: -10px 0 20px; font-style: italic; font-size: 12px; color: #888;}
#content .metadata .comment-count {padding-left: 20px; background: url(images/icon_comments.png) no-repeat 0 50%;}
#content .metadata .add-comments {}

#content #description {margin: 0 0 20px; padding: 5px 18px 10px; border-bottom: 10px solid #0c0d0e; font-style: italic; color: #666; font-size: 11px;}
#content #bio {margin: 0 0 20px; padding: 5px 18px 10px 80px; border-bottom: 10px solid #0c0d0e; color: #666; font-size: 11px;}
#content #bio img {padding: 1px; float: left; margin-left: -62px; border: 1px solid #CCC;}

#content #comments {margin: 20px 0 0; padding: 20px 18px 15px; background: url(images/bg_section_top.png) no-repeat top left;}
#content #comments h2 {margin-bottom: 5px;}
#content #comments ol {margin: -10px -18px 20px; padding: 0 18px 10px; list-style: none; border-bottom: 10px solid #0c0d0e;}
#content #comments ol li {padding: 12px 0 5px 68px; min-height: 48px; border-top: 1px dotted #CCC;}
#content #comments ol li:first-child {border-top: none;}
#content #comments ol li div.avatar {width: 48px; margin: -2px 0 0 -68px; padding: 5px 0 15px; float: left; background: url(images/bg_metadata_author.png) no-repeat top left;}
#content #comments ol li div.avatar img {display: block;}
#content #comments ol li p.attribution {margin: 0; font-weight: bold;}
#content #comments ol li p.attribution span {font-weight: normal; font-style: italic; color: #888;}

#content #respond {padding: 0; background: url(images/bg_metadata_top.png) no-repeat top left;}
#content #respond label {display: block;}
#content #respond label.required {font-weight: bold;}
#content #respond input[type="text"] {width: 182px; margin: 0; padding: 2px; display: block; border: 1px solid #CCC; line-height: 15px; -webkit-box-sizing: border-box;}
#content #respond textarea {width: 584px; margin: 0; padding: 2px; display: block; border: 1px solid #CCC; line-height: 15px; -webkit-box-sizing: border-box;}
#content #respond span {display: block; float: left; padding: 1px; border: 1px solid #CCC;}
#content #respond p.info {width: 186px; padding-left: 15px; float: left;}
#content #respond p.first {padding-left: 0;}
#content #respond p.message {clear: both;}

#content #page_navigation {margin: 0 18px; padding: 9px 0 20px; border-top: 1px solid #d1e0e5; font-weight: bold; font-style: italic;}
#content #page_navigation ul {margin: 0; list-style: none;}
#content #page_navigation ul li.older {float: left;}
#content #page_navigation ul li.older a {}
#content #page_navigation ul li.newer {float: right;}
#content #page_navigation ul li.newer a {}

#content #bio dl dt {font-weight: bold;}

#sidebars {width: 306px; margin: -11px 0 0; padding: 0; float: right; border-top: 1px solid rgb(93, 133, 117);}
#sidebars .sidebar {margin: 0 0 10px; padding: 10px 18px 24px; color: #9e9f9f; background: rgba(255, 255, 255, 0.2);}
#sidebars .sidebar h2 {padding: 10px 0 0; font-size: 13px; line-height: 18px; color: #CCC;}
#sidebars .sidebar h2.divider {margin-top: 25px; padding-top: 20px; border-top: 1px solid rgba(93, 133, 117, 0.2);}
#sidebars .sidebar a {color: #53879b;}
#sidebars .top {border-top: 10px solid rgba(93, 133, 117, 0.7);}

#sidebars #search-and-about form p {margin: 4px 0; position: relative;}
#sidebars #search-and-about #search-text {width: 270px; padding: 4px; margin: 0; border: 0; background-color: #f1f1f1; font-size: 12px; line-height: 20px; -webkit-box-sizing: border-box;}
#sidebars #search-and-about #search-submit {position: absolute; bottom: 4px; right: 4px;}

#sidebars #facebook {padding-left: 70px; background-image: url(images/icon_facebook.png); background-repeat: no-repeat; background-position: 18px 18px;}

#sidebars #events {min-height: 42px; padding-left: 70px; position: relative;}
#sidebars #events p.date {width: 36px; padding: 1px; position: absolute; top: 18px; left: 18px; border: 1px solid #CCC;}
#sidebars #events span.month {display: block; background-color: #aa342c; font-size: 9px; line-height: 15px; text-transform: uppercase; text-align: center; letter-spacing: .2em; color: #FFF;}
#sidebars #events span.day {display: block; background-color: #FFF; font-size: 20px; line-height: 24px; font-weight: bold; text-align: center; color: #222;}
#sidebars #events h2 {margin-bottom: 5px;}
#sidebars #events li.ec3_list_day {margin-top: 5px; font-size: 12px;}
#sidebars #events li ul li {font-size: 13px;}

#sidebars #rss {padding: 14px 18px;}
#sidebars #rss p {margin: 0;}
#sidebars #rss a {padding: 0 0 0 50px; display: block; color: #dd8700; background: url(images/icon_rss.png) no-repeat; line-height: 24px;}

#footer {width: 980px; _height: 1%; padding: 12px 0 20px; position: absolute; bottom: 0; left: 0; background: #092c49 url(images/bg_footer.png) repeat-x; font-size: 12px; color: #3f566a;}
#footer p {margin: 0; padding: 0 20px; line-height: 19px;}
#footer a {color: #3f566a;}
/* #footer a#port {width: 214px; height: 17px; display: block; overflow: hidden; float: left; text-indent: -999em; background: url(images/logo_port.png) no-repeat;} */

/* PAGE SPECIFICS */
.single .post {border-bottom: 10px solid #0c0d0e;}

.page #content {width: 588px; padding: 15px 18px 20px; font-size: 13px;}
.page #content h1 {margin: 0 0 15px; padding: 0; font-size: 36px; line-height: 38px; border: none; font-weight: normal; color: #222;}
.page #content h2 {margin-bottom: 5px; padding-bottom: 0;}

#wp-calendar {width: 244px; margin: 0 0 20px 18px; padding: 10px 0; position: relative; float: right; background: #FFF;}
#wp-calendar table {width: 210px; margin: 0 auto 15px;}
#wp-calendar #prev {text-align: left;}
#wp-calendar #next {text-align: right;}
#wp-calendar #calendar-icons {position: absolute; bottom: 10px; right: 10px;}
#wp-calendar table caption {width: 70%; margin: 0 15%; padding-bottom: 8px; font-size: 18px;}
#wp-calendar table thead th {padding: 4px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
#wp-calendar table tbody td {width: 30px;}
#wp-calendar table td,
#wp-calendar table th {padding: 4px 0; text-align: center;}
#wp-calendar table #today {color: #4d4d43; font-weight: bold;}
#wp-calendar table.nav {margin: 0 auto -28px;}
#wp-calendar table.nav td {text-transform: uppercase;}
#wp-calendar .ec3_eventday a {margin: 0 3px; padding: 0; display: block; background: #AAA; color: #FFF; font-weight: bold;}
#wp-calendar .requested_date a,
#wp-calendar .ec3_eventday a:hover {background: #888; text-decoration: none;}
#content .ec3_events {margin: 0; list-style: none;}
#content .ec3_list {margin: 0 0 4px;}
#content .ec3_list span {width: 8em; display: block; float: left; line-height: 18px;}
#content .ec3_list ul {margin: 0; display: block; list-style: none; float: left; line-height: 18px;}
#content .ec3_list ul li {margin: 0}
#content li.ec3_list_day {clear: left;}
#content .events {padding: 0 18px;}
#content .event-times {margin: 0 0 15px; list-style: none; font-weight: bold;}

.error404 #content .column {width: 186px; margin: 0 0 20px 15px; float: left;}
.error404 #content .column h2 {border-bottom: 1px solid #CCC;}
.error404 #content .column ul {margin: 0; list-style: none;}
.error404 #content .column ul li {margin: 0 0 5px; padding: 0 0 5px; border-bottom: 1px solid #DDD; line-height: 16px;}
.error404 #content .column#error404_posts {margin-left: 0;}


/* TOOLS */
#container:after,
#content .listing:after,
#page_navigation ul:after,
#sidebars #flickr ul:after,
#content #comments ol li:after,
#sidebars .sidebar:after,
#content .post #extras:after,
#content .post #spreading ul:after,
#content #respond p:after,
#content #gallery:after,
#content .featured:after {content: "."; height: 0; display: block; clear: both; visibility: hidden; overflow: hidden;}