/*   
Theme Name: V Australia
Theme URI: http://vaustraliablog.com/
Description: Custom theme for the official V Australia Blog
Author: Darin Richardson and Tim Trautmann
Author URI: http://goseetell.com/
Version: 1.0
.
Copyright 2009 GoSeeTell Network, Inc.
Copyright 2009 Virgin Blue International Airlines Pty Ltd
.
*/

/* 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 */
body {padding: 48px 0 20px; background: #ca202f url(images/bg_body.png) repeat-x top left; font: 12px/1.5 Helvetica, Arial, sans-serif; color: #333;}

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

.nowrap {white-space: nowrap;}

a {font-style: inherit; line-height: inherit;}
a:link,
a:visited {text-decoration: none; color: #ed1c24;}
a:hover,
a:active {text-decoration: underline;}
/*a[href="#"] {text-decoration: line-through !important;}*/
a[onclick] {text-decoration: underline !important;}

.container {width: 960px; margin: 0 auto;}

.stbutton {float: left; clear: left; width: 101px !important; margin: 1px 0 0;}

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

#header {width: 520px; padding: 0 0 0 440px; position: relative; background: url(images/bg_header.png) no-repeat 455px 0;}
#header h1,
#header h6 {width: 332px; height: 114px; position: absolute; top: 0; left: 0; background: url(images/logo.png) no-repeat top left;}
#header h1 span,
#header h6 a {display: block; overflow: hidden; text-indent: -999em;}
#header h6 a {background: none; width: 332px; height: 114px;}
#header ul {min-height: 110px; margin: 0; padding: 10px 15px 10px 30px; width: 145px; background: url(images/bg_header_corner.png) no-repeat bottom left; font-size: 14px; line-height: 24px;}
#header ul li a {padding: 0 18px 0 0; display: block; background: url(images/icon_nav_dot.png) no-repeat 135px 50%; text-decoration: none; text-align: right; color: #888;}
#header ul li.current-cat a,
#header ul li a:hover {background-position: -40px 50%; color: #ed1c24;}
#header form {width: 310px; position: absolute; bottom: 10px; right: 0;}
#header form p {margin: 0; padding: 0; position: relative;}
#header form label {display: block; font-size: 12px; line-height: 1; color: #FFF;}
#header form input {font-size: 14px; line-height: 14px; -webkit-box-sizing: border-box;}
#header form input#search-text {padding: 4px 0; width: 310px;}
#header form input#search-submit {margin: -8px 0 0; position: absolute; top: 50%; right: 5px;} /* needs lots of testing. might need to do it another way */

#guts {padding: 0 0 58px; position: relative; background: url(images/bg_content.png) repeat-y top left;}

#content {width: 600px; padding: 0 15px; float: left;}
#content .top {height: 10px; margin: 0 -15px; overflow: hidden; background: url(images/bg_content_top.png) no-repeat;} /* someday we can get rid of this with border-radius, but not today */
#content .bottom {width: 630px; margin: 0; position: absolute; bottom: 0; left: 0; background: url(images/bg_page_navigation.png) repeat-y; border-top: 1px solid #b3b4b5;}
#content .bottom .corners {height: 58px; margin: 0; background: url(images/bg_page_navigation_bottom.png) no-repeat bottom left;}

#content h1 {margin: 0 -15px 12px; padding: 5px 15px 14px; clear: both; background: url(images/bg_metadata_top.png) repeat-x bottom left; font-size: 32px; line-height: 32px;}
#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;}
#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 h4 {font-size: 12px;}

#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 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 .wp-caption {padding: 5px 0; border: 1px solid #CCC; font-size: 11px;}
#content .wp-caption img {margin: 0 auto 5px; display: block;}
#content .wp-caption p {margin: 0; padding: 0 5px;}

#content .post {margin: 0 -15px; padding: 5px 15px 0; font-size: 13px; line-height: 18px;}
#content .post_image {margin: 0 0 10px;}
#content .post_image img {display: block;}

#content .metadata {margin: 15px -15px 0; padding: 0; position: relative; clear: both; background: url(images/bg_metadata.png) no-repeat bottom left;}
#content .metadata .top {height: 3px; margin: 0; background-image: url(images/bg_metadata_top.png);}
#content .metadata p.author {width: 450px; min-height: 72px; margin: 0; padding: 18px 0 10px 95px; position: relative; float: left; background: url(images/bg_metadata_author.png) no-repeat 15px 10px; color: #666;}
#content .metadata p.author img {position: absolute; top: 15px; left: 21px;}
#content .metadata p.author strong {width: 24px; height: 26px; display: block; background: url(images/bg_metadata_comment_count.png) no-repeat; text-align: center; line-height: 23px;}
#content .metadata p.author strong a {color: #FFF; text-decoration: none;}
#content .metadata p.button {padding-left: 32px; position: absolute; bottom: 10px; right: 15px; background: url(images/button_trans_left_discuss.png) no-repeat 0 50%; font-size: 14px;}
#content .metadata p.button a {padding-right: 12px; display: block; background: url(images/button_trans_right.png) no-repeat 100% 50%; line-height: 28px;}

#content #comments {margin: 0 -15px; padding: 20px 15px 15px; background: url(images/bg_section_top.png) no-repeat top left; clear: both;}
#content #comments h2 {margin-bottom: 5px;}
#content #comments ol {margin-bottom: 33px;}
#content #comments ol li {padding: 10px 10px 5px 85px; border-top: 1px dotted #CCC;}
#content #comments ol li:first-child {border-top: none;}
#content #comments ol li div.avatar {width: 60px; margin: 0 0 0 -85px; padding: 5px 6px 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; color: #888;}

#content #respond {margin: -13px -15px -15px; padding: 15px 15px 15px; background: url(images/bg_metadata_top.png) no-repeat top left;}
#content #respond label {width: 100px; padding: 2px 10px 0 0; display: block; float: left; text-align: right;}
#content #respond label.required {font-weight: bold;}
#content #respond input[type="text"] {width: 200px; -webkit-box-sizing: border-box;}
#content #respond textarea {width: 440px;}
#content #respond .buttons {padding-left: 110px;}

#content #bio {margin: 0 -15px; padding: 5px 0 0; position: relative; background: url(images/bg_metadata_author.png) no-repeat 15px 5px;}
#content #bio img {display: block; position: absolute; top: 10px; left: 21px;}
#content #bio dl {margin: 0; padding: 0 15px 15px 100px; background: url(images/bg_metadata_top.png) repeat-x bottom left; }
#content #bio dl dt {font-weight: bold;}
#content #bio dl dd {margin-bottom: 5px;}

#content .page_navigation {width: 630px; margin: 0; position: absolute; bottom: 0; left: 0; background: url(images/bg_page_navigation.png) repeat-y; border-top: 1px solid #b3b4b5;}
#content .page_navigation ul {height: 28px; margin: 0; padding: 15px; background: url(images/bg_page_navigation_bottom.png) no-repeat bottom left;} /* will probably need an image */
#content .page_navigation ul li.older {float: left; background: url(images/button_grey_right.png) no-repeat 100% 50%;}
#content .page_navigation ul li.older a {padding: 0 12px 0 24px; display: block; background: url(images/button_grey_left_arrow.png) no-repeat 0 50%; font-size: 14px; line-height: 28px;}
#content .page_navigation ul li.newer {float: right; background: url(images/button_grey_left.png) no-repeat 0 50%;}
#content .page_navigation ul li.newer a {padding: 0 24px 0 12px; display: block; background: url(images/button_grey_right_arrow.png) no-repeat 100% 50%; font-size: 14px; line-height: 28px;}

#sidebars {width: 310px; float: right;}
#sidebars .sidebar {margin: 0 0 10px; clear: both; background: #2d172b url(images/bg_sidebar_top.png) no-repeat top left;}
#sidebars .sidebar h2 {padding: 10px 15px; font-size: 12px; line-height: 18px;}
#sidebars .sidebar h2 strong {padding-left: 24px; display: block; background: url(images/bg_sidebar_arrow.png) no-repeat 0 50%; font-size: 18px; line-height: 20px; color: #FFF;}
#sidebars .sidebar h2 a {color: #c4b7c3; display: block; text-decoration: none;}
#sidebars .sidebar h2 a:hover {background: none;}
#sidebars .sidebar .content {padding: 15px 15px 25px; background: url(images/bg_sidebar_bottom.png) no-repeat bottom left;}

#sidebars #twitter h2 {background: url(images/bg_twitter_header.png) no-repeat top right;}
#sidebars #twitter .content ul {margin: 0; padding: 0 0 1px; background: #785175;}
#sidebars #twitter .content ul li {margin: 0 0 10px; padding: 10px 15px 0; background: #FFF; color: #77787b; font-size: 12px; line-height: 15px;}
#sidebars #twitter .content .twitter-timestamp {margin: 0 -15px; padding: 0 0 0 35px; display: block; background: #785175 url(images/bg_twitter_stem.png) no-repeat 16px 0; border-top: 10px solid #FFF; font-size: 10px; line-height: 14px; color: #FFF;}

#sidebars #events h2 {background: url(images/bg_events_header.png) no-repeat top right;}
#sidebars #events h2 strong {line-height: 34px;}
#sidebars #events dl {margin: 0; background-color: #785175; color: #c8b9c7;}
#sidebars #events dl dt {padding: 10px 15px 0;}
#sidebars #events dl dd {padding: 0 15px 10px;}
#sidebars #events dl dd ul {margin-left: 2em; padding: 0 0 5px; list-style: square;}
#sidebars #events dl a {font-weight: bold; color: #FFF;}
#sidebars #events .odd {background-color: #221121;}

#sidebars #flickr h2 {background: url(images/bg_flickr_header.png) no-repeat top right;}
#sidebars #flickr div.flickr_badge_image {padding: 0 9px 9px; float: left;}
#sidebars #flickr img {display: block;}

#sidebars #facebook {float: left;}
#sidebars #meals {float: right;}
#sidebars .promo {padding: 0 0 10px;}
#sidebars .promo img {display: block;}

#sidebars #tourism-australia .content { padding: 0 0 25px 5px; }

#footer {width: 775px; padding: 40px 185px 20px 0; position: relative; clear: both; color: #FFF; text-shadow: #FFF 0 0 -1px;}
#footer a {color: #FFF; text-decoration: underline;}
#footer img {display: block; position: absolute; right: 0; top: 30px;}
#footer .rss {padding-left: 18px; background: url(images/icon_rss.png) no-repeat 2px 50%;}

/* PAGE SPECIFICS */
.home #content #youtube {margin: 0 -15px; padding: 15px 15px 29px; background: url(images/bg_youtube_bottom.png) no-repeat bottom left;}
.home #content #youtube .top {height: 11px; margin: -15px -15px 15px; background-image: url(images/bg_section_top.png);}
.home #content #youtube h2 {margin: 0 0 20px; padding: 0 0 0 2px; background: url(images/logo_youtube.png) no-repeat 100% 50%; font-size: 14px; line-height: 16px;}
.home #content #youtube h2 strong {margin: 0 0 0 -2px; display: block; font-size: 28px; line-height: 28px;}

/* index, archives, categories */
.listing #content .post {padding-top: 15px;}
.listing #content h1 + .post {padding-top: 0;}
.listing #content .post h2 {margin-top: 5px; font-size: 24px; line-height: 24px;}
.listing #content .post div.post_image {margin: 0; padding: 0 15px 15px 0; float: left; background: #FFF;}
.listing #content .featured {padding-top: 5px;}
.listing #content .featured h2 {padding: 0 !important; clear: both; background: none !important; font-size: 32px; line-height: 32px;}
.listing #content .featured h3.date {float: left; line-height: 18px;}
.listing #content .featured h3.badge {padding-left: 12px; float: right; background: url(images/button_ow_left.png) no-repeat top left; font-size: 14px; font-weight: normal; color: #888;}
.listing #content .featured h3.badge span {padding-right: 30px; display: block; background: url(images/button_ow_right_exclaim.png) no-repeat top right; line-height: 28px;} /* might be able to toss this one if they don't miss the feature */ 
.listing #content .featured div.post_image {margin: 0 0 10px; padding: 0; float: none;}

.single #content .metadata p.author {width: auto; float: none;}

.archives #content .categories {width: 380px; float: left;}
.archives #content .other_groupings {width: 200px; float: right;}
.archives #content .categories h3 {margin: 0 0 5px; padding: 0 0 5px; border-bottom: 1px dotted #CCC;}
.archives #content .categories h4 span {font-size: 10px; font-weight: normal; color: #888;}
.archives #content .categories ul {margin: 0 0 20px;}

.error404 #content .column {width: 190px; margin: 0 0 0 15px; float: left;}
.error404 #content .column#error404_posts {margin-left: 0;}

.category-events #content .post {background: url(images/bg_metadata_top.png) repeat-x bottom left;}
#content .category-events {padding-bottom: 15px;}
#content .category-events ul.ec3_schedule li {padding: 0 0 5px 26px; float: none; background: url(images/icon_calendar.png) no-repeat 0 0; font-size: 14px; line-height: 20px;}

.listing #content .event_has_post_image {padding-bottom: 20px;}
.listing #content .event_has_post_image,
#content .event_has_post_image {padding-left: 260px;}
#content .event_has_post_image h1 {margin-left: -260px;}
.listing #content .event_has_post_image div.post_image,
#content .event_has_post_image div.post_image {margin: 0 0 0 -245px; padding: 0; float: left;}


/* TOOLS */
.container:after,
#content .post .metadata:after,
.page_navigation ul:after,
#sidebars #flickr #flickr_badge_wrapper:after,
#content #comments ol li:after,
#content .post:after {content: "."; height: 0; display: block; clear: both; visibility: hidden; overflow: hidden;}