/* $Rev: 740 $
Theme Name: Rookie
Description: Rookie Magazine theme by Rumors
Version: 1.0
Author: Rumors
Author URI: http://www.rumors-studio.com
*/

/* Eric Meyer CSS Reset */
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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
em em { font-style: italic; }
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
div{clear:both;display:block;position:relative;}
header,footer{clear:both;display:block;position:relative;}
em{font-style:italic;}
strong{font-weight:bold;}
input[type=submit]{cursor:pointer;}
a:focus { outline: none; }
code { font-family: monospace; font-size: 13px; }
.alignleft { float:left; margin: 0 12px 0 0; }
.alignright { float: right; margin: 0 0 0 12px; }

/* Global typography */
a { color: #000; text-decoration: none; }
.post a { text-decoration: underline; }
.post a:hover { color: #404040; }
.post-meta a:hover { color: #6c6c6c; }
h1,h2,h3,h4 { color: #000; font-family: Georgia, Times, serif !important; }
h2 { font-size: 30px; font-style: italic; line-height: 1; margin: 24px 0 12px; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, .post h2 a { text-decoration: none; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { text-decoration: underline; }
.post h2 a:hover { color: #000; text-decoration: none; }
h3 { border-top: solid 1px #ececec; font-size: 20px; font-weight: bold; margin: 0 0 36px; padding: 9px 0 0; }
h4 { font-size: 20px; font-style: italic; font-weight: normal; line-height: 22px; }
h5 { color: #000; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; }
#house-rules ol li,
.post ol li,
.post ul li,
p { color: #000; line-height: 1.375; margin-bottom: 1em; }
blockquote { margin: 0 2em; }

#staging { display: none; }
body.staging #staging { background-color: rgba(255,0,0,.85); color: #fff; display: block; font-family:Verdana,sans-serif; font-size:10px; font-weight: bold; height: 20px; left: 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 99999; }

/* Rookie layout */
body { background-color:#ccc; color:#999; font-family: Georgia, Times, serif; font-size:16px; line-height:1.25em; }
hr { background-color: #ccc; border: none; height: 1px; margin: 18px 0 30px;}

#page { margin: 20px auto; width: 980px; }
#content { background-color: #fff; float: left; padding: 16px; width: 948px; }

/* Header */
#header { background-color:#fff; border-bottom: solid 1px #d8d8d8; float:left; padding: 10px 0 15px; width: 100%; }
#header h1 { background: url('./images/logo-rookie-new.png') 0 0 no-repeat; float: left; height: 70px; margin: 10px 15px; width: 202px; background-size: 100%; }
#header h1 a { display: block; height: 100%; text-indent: -9999999px; width: 100%; }

#navigation {background-color:#ececec; border-bottom: solid 1px #d8d8d8; color:#000; float:left; font-family:Verdana,sans-serif; font-size:11px; line-height:1;width: 100%; }
#navigation li {display: block; float: left; }
#navigation li { margin-right: 1px; }
#navigation li.today { margin-left: 10px; }
#navigation li.share,
#navigation li.search { float: right; }
#navigation li.search { background: url('./images/ico-search.png') 6px 14px no-repeat; border-left: solid 1px #ccc; margin-left: 12px; padding: 0 0 0 15px; width: 160px; }
#navigation li.search .s { height: 25px; }
#navigation li.share a { background-image: url('./images/sprite.png'); background-repeat: no-repeat; border: solid 9px #eee; border-left-width: 6px; border-right-width: 6px; display: block; height: 16px; padding: 0; text-indent: -99999px;  }
#navigation li.facebook a { background-position: 0 -14px; width: 9px; }
#navigation li.tumblr a { background-position: -10px -14px; width: 16px; }
#navigation li.twitter a { background-position: -27px -14px; width: 11px; }
#navigation li a:hover { background-color: #dedede !important; }
#navigation li.active a { background-color: #ccc; }
#navigation li.active.shop .count { background: #aaa; border-radius: 2px; color: #333; padding: 1px 2px; }
#navigation li.shop .count { background: #ccc; border-radius: 2px; color: #666; padding: 1px 2px; }
#navigation li.share a:hover { background-color: #ececec; }
#navigation li a {display: block; padding: 12px 10px;}
#navigation .searchform { margin: 0 0 0 5px; }
#navigation .searchform label { cursor: text; margin: 0; }
#navigation .searchform label span { padding: 12px 6px; position: absolute; }
#navigation .s { background-color: #ececec; border: none; border-collapse: collapse; padding: 5px; width: 145px; }

/* Footer */
#footer { background-color: #ececec; border-bottom: solid 1px #d8d8d8; border-top: solid 1px #d8d8d8; color:#000; float:left; font-family: Verdana,sans-serif; font-size:11px; line-height:1; margin-bottom: 12px; width: 100%; }
#footer ul { float: left; }
#footer li {display: block; float: left; }
#footer li { margin-right: 1px; }
#footer li a {display: block; padding: 12px 10px;}
#footer li a:hover { background-color: #dedede !important; }
#footer li.current-menu-item a { background-color: #ccc; }
#footer li.menu-item-524 a { padding-left: 20px; }
#footer li.say-media a { background: url('./images/say-style-transparent-white.png'); overflow: hidden; text-indent: -999px; width: 107px;}
#footer-ad { background-color: #fff; overflow: hidden; text-align: center; width: 100%; }

#alert { background-color: #ffffce; padding: 12px 0; }
#alert a { text-decoration: underline; }
#alert p { color:#000; font-size: 14px; font-style: italic; line-height: 19px; margin: 0; text-align: center; }

#search-results { background:url('./images/ico-search-big.png') 10px center no-repeat; border: solid 2px #ececec; border-collapse: separate; margin: 20px 20px 40px 0; padding: 10px 0 10px 45px; }
#search-results input.s { background-color: #fff; border: none; font-family: Arial, Verdana, sans-serif; font-size: 20px; width: 470px;  }

.error { color: red; }
img.category.small { height: 25px; }


/* Sidebar */
#sidebar { border-left: 1px solid #ececec; clear: none; float: left; left: -1px; padding: 0 0 0 20px; width: 300px; }
#sidebar h4 { font-size: 16px; line-height: 20px; }
#sidebar h4.sidebar { clear:both; font-style: normal; font-weight: bold; margin-bottom: 12px; }
#news-alert { background-color: #93EBCE; margin-bottom: 36px; padding: 10px 10px 1px; }
#news-alert a { text-decoration: underline; }
#categories { float: left; margin-bottom: 36px; }
#categories li { display: block; float: left; width: 150px; }
#categories li a { display: block; }
#popular-posts { float: left; margin-bottom: 36px; }
#popular-posts li { clear: both; float: left; margin-bottom: 12px; width: 100%; }
#popular-posts img { float: left; }
#popular-posts .post-content { clear: none;  margin-left: 152px; }
#popular-posts .teaser { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
#whats-rookie { font-family: Verdana, Arial, sans-serif; font-size: 12px; margin: 0 0 40px 0; }
#whats-rookie a { text-decoration: underline; }
#tags { color: #666; line-height: 1.5; margin-bottom: 36px; position: relative; }
#tags .tag { margin-right: 3px; }
#tags a { color: #000; }
#tags a:hover { text-decoration: underline; }
#note { background-color: #fff; padding-top: 12px; }
#note a#banner { clear: both; color: #000; display: block; font-family: Georgia, Times, serif; font-size: 13px; font-style: italic; font-weight: bold; height: auto; line-height: 1; margin: auto; padding: 9px; position: relative; text-align: center; width: 80%; }
#note .arrow { border-style: solid; border-width: 15px; height: 0; position: absolute; top: 0; width: 0; }
#note .arrow.left { border-color: transparent transparent transparent #fff; left: 0; }
#note .arrow.right { right: -30px; }

/* Footer */
.copyright { color: #999; padding: 12px; position: absolute; right: 0px; }

/* Sans-serif classes */
/* Arial stack */
.the-bell,
.the-date,
.theme-links,
.day-links { font-family: Arial, Verdana, sans-serif; font-size: 11px; }

/* Homepage & archives */
.the-bell { color:#333; font-weight: bold; position: relative; }
.the-date { color:#666; font-weight: normal; padding-left: 6px; }
.future .the-date { display: none; }
.future p { color: #999; font-size: 11px; font-style: italic; line-height: 1.25; }
.the-bell .icon { background-image: url('./images/sprite.png'); background-repeat: no-repeat; display: block; height: 13px; left: -20px; position: absolute; top: 0; width: 13px; }
.afternoon-delight .the-bell .icon { background-position:  0 0; }
.after-school-special .the-bell .icon { background-position: -14px 0; }
.dinner-time .the-bell .icon { background-position: -28px 0; }
.sweet-dreams .the-bell .icon { background-position: -42px 0; }
ul.today { border-bottom: solid 1px #ececec; float: left; font-family: Verdana, sans-serif; left: -16px; margin-bottom: 24px; padding: 0 16px 60px 16px; position: relative; width: 948px; }
body.archive ul.today { border-bottom: 0; padding-bottom: 60px; }
ul.today li { float: left; margin-right: 20px; text-align: center; width: 300px; }
ul.today li a { display: block; text-decoration: none; }
ul.today li a:hover h2 { text-decoration: underline; }
ul.today li h2 { font-size: 26px; margin: 6px 0; }
ul.today li img.wp-post-image { display: block; margin: 6px auto; }
ul.today li.sweet-dreams { margin-right: 0; }
ul.today li:nth-child(2){ margin-right: 20px; }
ul.today li:nth-child(3){ margin-right: 0; }
ul.today li.future img { filter: alpha(opacity=50); opacity: 0.5; zoom: 1; }
ul.today .teaser { font-size: 12px; line-height: 1.25; padding: 0 30px; }
ul.today .teaser p { display: inline; font-family: Verdana, sans-serif; font-size: 12px; }
div.teaser { clear: none; }

ul.today.saturday li,
ul.today.sunday li { width: 460px; }
ul.today.saturday li:nth-child(2),
ul.today.sunday li:nth-child(2) { margin-right: 0; }
ul.today.saturday li img.wp-post-image,
ul.today.sunday li img.wp-post-image  { height: auto; width: 460px; }

/* Archives */

body.archive ul.today.saturday li,
body.archive ul.today.sunday li { float: none; margin: 0 auto; }

.post-content h4 a:hover { text-decoration: underline; }

#theme { color: #666; margin-bottom: 35px; text-align: center; }
#theme .date { border-right: solid 1px #ccc; margin-right: 6px; padding-right: 6px; }
#theme .theme { display: block; margin: 12px 0; }

h4.toc { clear: both; margin-bottom: 12px; text-align: center; }

#toc { background: url('./images/bg-toc.png') 0 0 repeat; border-top: solid 1px #ccc; float: left; font-family: Georgia, Times, serif !important; font-size: 12px; left: -16px; line-height: 1.25; padding: 0 16px; width: 100%; }
#toc h5 { font-family: Georgia, Times, serif !important; font-size: 12px; line-height: 1.25; }
#toc ul { border-bottom: solid 1px #ccc; margin-bottom: 12px; padding: 12px 0 36px; }
#toc ul.last { border-bottom: 0; }
#toc ul li { margin-bottom: 12px; }
#toc img.category { display: block; height: 35px; margin: 0 auto; }
#toc .column { background: url('./images/bg-toc-mask.png') 0 0 repeat-x; clear: none; float: left; padding: 12px; width: 219px; word-wrap: break-word; }
#toc .column.first { padding-left: 0; }
#toc .column.last { padding-right: 0; }
#toc .column .author { display: block; font-size: 11px; margin-top: 3px; }
#toc .column .author a { font-size: 11px; font-style: italic; }

h4.archive-header { font-size: 32px; font-style: normal; line-height: 1; margin: 24px 0 0; }
div.archive-header { margin-top: 9px; }
#results { float: left; width: 627px;}
#author-bio { border-color: #ececec; border-style: solid; border-width: 1px 0; color: #999 !important; font-family: Arial, Verdana, sans-serif; font-size: 13px; margin: 24px 0 0; padding: 10px 0 0; }
p.no-posts { float: left; margin-top: 40px; width: 600px; }
body.archive #archive,
body.page-id-528 #archive { margin-top: 40px; }
#archive { border-right: solid 1px #ececec; float: left; margin: 0 0 60px; padding: 0 20px 0 0; width: 606px; }
#archive li { clear: both; float: left; margin-top: 15px; padding-top: 15px; width: 100%; }
#archive li.header { margin: 0 0 20px; padding: 0; }
#archive li.more { border-top: solid 1px #ececec; margin: 60px 0 0; padding-top: 12px; }
#archive li:first-child { border-top: 0; margin-top: 0; padding-top: 0; }
#archive li .all-posts { font-family: Verdana, Arial, sans-serif; font-size: 11px; text-decoration: underline; }
#archive .attachment-thumbnail { float: left; }
#archive .post-content { clear: none; font-family: Verdana, sans-serif; margin-left: 160px; width: 380px; }
#archive li.type-page .post-content { margin-left: 0; }
#archive .teaser p { font-size: 12px; line-height: 1.45; margin: 0; }
#archive .new-day { border-top: solid 1px #ececec; margin-top: 30px; padding-top: 30px;}
#archive .author { display:block;font-size: 10px; line-height: 1.5; margin-top: 6px;}

#pagination { margin-bottom: 24px; overflow: hidden; padding: 6px 0; width: 600px; }
#pagination a {font-family: Verdana, Arial, sans-serif; font-size: 11px; text-decoration: underline; }
#pagination .dir { clear: none; float: left; min-height: 1px; width: 50%; }
#pagination .next { text-align: right; }

/* News and events */
.no-events,
.no-news { border: dashed 1px #ccc !important; box-sizing: border-box; padding: 40px; width: 100%; margin: 0; }
.event-header span,
.news-header span,
.no-news span,
.no-events span { visibility: hidden; }
.no-news h1 { background: url('./events/no-news.png') center center no-repeat; height: 100px; width: 230px; background-size: 60%; }
.no-events h1 { background: url('./events/no-upcoming-events.png') center center no-repeat; height: 100px; width: 550px; background-size: 60%; }
.event-header { background: url('./events/event.png') center center no-repeat; height: 35px; width: 43px; background-size: 100% 100%; }
.news-header { background: url('./events/news.png') center center no-repeat; height: 35px; width: 43px; background-size: 100% 100%; }

#news { float: left; width: 297px; padding-right: 20px; border-right: solid 1px #ccc; }
#news h5 { background: url('./events/news.png') center center no-repeat; height: 35px; width: 43px; background-size: 100% 100%; }
#news h5 span { visibility: hidden; }
.news-article { margin: 20px 0; border-bottom: dashed 1px #ccc; padding-bottom: 20px; }
.news-article:last-child { border: none; }
.news-article img { width: 100%; height: auto; }
.news-article img + p { margin-top: .5em; }
.news-title { margin: 0 0 12px; }
.news-date { font-family: Verdana, sans-serif; font-size: 10px; margin: 0 0 12px; display: none; }

#upcoming-events { left: -1px; width: 610px; float: left; clear: none; padding-left: 19px; border-left: solid 1px #ccc;}
#all-upcoming-events h1 { background: url('./events/all-upcoming-events.png') center center no-repeat; height: 53px; width: 270px; background-size: 100% 100%; }
#sidebar.events h5,
#upcoming-events h5 { background: url('./events/all-upcoming-events.png') center center no-repeat; height: 35px; width: 178px; background-size: 100% 100%; }
#all-upcoming-events h1 span,
#sidebar.events h5 span,
#upcoming-events h5 span { visibility: hidden; }
#passed-events { margin-top: 60px; float: left;}
#passed-events * { color: #666; }
#passed-events h5 { background: url('./events/previous-events.png') center center no-repeat; height: 35px; width: 119px; background-size: 100% 100%; }
#passed-events h5 span { display: none; }
.event { float: left; list-style: none; margin: 20px 0; border-bottom: dashed 1px #ccc; padding-bottom: 20px; width: 100%; }
.event:last-child { border: none; }
.event small { display: none; }
.event-date-time { float: left; width: 200px; margin-right: 20px; }
.event-date-time h6 { font-family: Verdana, sans-serif; font-size: 11px; color: #000; }
.event-map { position: absolute; right: 0; width: 320px; height: 150px; }
.post-meta.event-date-time h6 { font-size: 14px; display: block; float: none; }
.event-date { margin: 0 0 24px; border: 0; padding: 0; }
.event-time.start::before { background: url('./images/sprite.png') -14px 0 no-repeat; display: inline-block; width: 13px; height: 13px; content: ""; position: relative; top: 2px; margin-right: 6px; }
.event-time.end::before { content: "\2013"; }
.event-location::before { background: url('./images/sprite.png') -56px 0 no-repeat; content: ""; display: inline-block; height: 13px; margin-right: 6px; position: relative; top: 2px; width: 13px;}
.event-link::before { background: url('./images/sprite.png') -70px 0 no-repeat;content: "";display: inline-block;height: 13px; margin-left: 3px;margin-right: 9px;position: relative;top: 2px;width: 7px; }
.event-title-description { float: left; width: 390px; }
.event-title { margin: 0 0 12px; }
.event-description { line-height: inherit; margin-bottom: 0; margin-top: 1.5em; }
.event iframe { width: 100%; max-height: 100%; }
.event.sidebar.current::before { color: #000; content: "•"; display: block; left: 8px; position: absolute; }
.event.sidebar { padding: 0 0 12px; margin: 12px 0 0 0; }
.event.sidebar .event-title-description { width: 100%; }
.event.sidebar .event-title { margin: 0; }
.event.sidebar .event-date { margin: 0; }

/* Single post */
.post { border-right: solid 1px #ececec; float: left;  margin: 0; padding: 0 20px 0 0; width: 606px; }
#house-rules ol,
.post ol,
.post ul { margin-left: 1.75em; }
.post ul li { list-style: disc; }
#house-rules ol li,
.post ol li { list-style: decimal; }
.post h4 { font-style: normal; font-weight: normal; line-height: 26px; margin: 6px 0; }
.post.format-gallery { border: 0; padding: 0; width: 940px; }
.post.format-gallery .entry-body { border-right: solid 1px #ececec; padding: 0 20px 0 0; width: 520px; }
.post.no-teaser .teaser { display: none; }
.post-meta { border: solid 1px #ececec; border-width: 1px 0; color: #000; font-family:Arial, Verdana, sans-serif; font-size: 12px; line-height: 1.5; margin: 24px 0; padding: 6px 0; overflow: hidden; width: 100%; float: left; }
.post-meta .date a{text-decoration: none;}
.post-meta .author { border-left: solid 1px #ccc; border-right: solid 1px #ccc; margin: 0 3px; padding: 0 6px; }
.post-meta .author a { font-weight: bold; }
.post-meta .tags { font-size: 11px; }
.post .post-content { width: 584px; }
.post-paging { border-bottom: solid 1px #ccc; float:left; margin: 0 0 30px; padding: 12px 0; width: 600px; }
.post-paging p { color:#999; float: left; font-family: Arial, Verdana, sans-serif; font-size: 12px; padding: 5px 5px 0 0; }
.post-paging span,
.post-paging a { font-family: Arial, Verdana, sans-serif; font-size: 14px; padding: 3px;  }
.post-paging.next { padding: 15px 0 22px; position: absolute; right: 50px; text-align: right; width: 140px; }
.post-paging.nums span,
.post-paging.nums a { display: block; float: left; height:20px; padding: 3px; text-align:center; width: 20px; }
.post-paging.nums span { color: #DB4039; }
.post-paging.nums a span { color: #000; padding: 0; }
.teaser p { color: #666; }
.post.format-standard .wp-caption { min-width: 584px; max-width: 600px !important; }
.wp-caption { border-bottom: solid 1px #ececec; margin: 24px 0; }
.wp-caption-text { color: #999 !important; font-family:Verdana,sans-serif; font-size: 11px; font-style: italic; margin: 9px 0; ; }
.wp-caption-text a { color: #999; }
.wp-caption.alignnone { margin: 24px 0; width: 100% !important; }
.wp-caption.alignnone img { height: auto !important; width: 100% !important; }
img.aligncenter { display: block; margin: 12px auto; }
#related-posts { float: left; width: 100%; }
#related-posts a { display:block; }
#related-posts img { display: block; }
#related-posts h4 a { font-size: 16px; font-style: italic; line-height: 20px; text-decoration: none; }
#related-posts ul { clear: both; float: left; margin: 0; padding: 0; }
#related-posts li { float: left; list-style: none; margin: 0 0 12px 12px; padding: 0; width: 140px; }
#related-posts li.clear { clear: both; margin-left: 0; }
#popular-posts li:hover h4 a,
#related-posts li:hover h4 a { text-decoration: underline; }
#fb-root { left: -1000px; }
.social-media {float: left; font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1; list-style: none; list-style-type: none; margin: 60px 0 0; width: 100%; }
.social-media li { float: left; list-style: none !important; margin-right: 10px; }
.social-media li .pinterest { border: 0; padding: 0; }
.social-media h6 { margin-top: 2px; }
.social-media .share { border: solid 1px #ccc; color: #000; display: inline-block; float: left; line-height: 1; padding: 4px 6px; text-decoration: none; }
.social-media .share:hover { border: solid 1px #999; color:#000; }
.social-media { margin: 0 0 40px !important; }
.hide.audio { display: none; }

/* Mood board */
#mood-board { background: url('./images/mood-board-bg.png') 0 26px repeat; border-left: solid 1px #ececec; float: left; margin: 0 auto 60px; position: relative; width: 938px; }
.cal { background-color: #fff; display: block; float: left; height: 133px; margin: 0 1px 1px 0; overflow: hidden; position: relative; width: 133px; }
.cal a { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1;}
.cal.has-posts a { cursor: pointer; }
.cal.future a,
.cal.no-posts a { cursor: default; }
.cal.sun:hover .date,
.cal.sat:hover .date,
.cal.sun .date,
.cal.sat .date { background-color: #eee; color: #999; }

.cal .date { background-color: #000;  color: #fff; height: 20px; left: 0; padding: 6px; position: absolute; text-align: center; top: 0; width: 20px; z-index: 2; }
.cal.has-posts .date { background-color: #000;  color: #fff; }

.cal.future.sun:hover .date,
.cal.future.sat:hover .date { background-color: #eee; color: #999; }
.cal.publish:hover .date { background-color: #DB4039; color: #fff; }

.cal.day { background-color:#fff; border-bottom: solid 1px #ececec; font-family: Arial, Verdana, sans-serif; font-size: 11px; height: 25px; margin: 0; text-align: center; width: 134px; z-index: 2; }
.cal.day.sun { left: -1px; width: 135px; }
.cal.day.mon { width: 133px; }
.cal.mon.day-1 { margin-left: 134px; }
.cal.tue.day-1 { margin-left: 268px; }
.cal.wed.day-1 { margin-left: 402px; }
.cal.thu.day-1 { margin-left: 536px; }
.cal.fri.day-1 { margin-left: 670px; }
.cal.sat.day-1 { margin-left: 804px; }
.cal.future img { filter: alpha(opacity=50); opacity: 0.5; zoom: 1; }
.cal.publish.has-posts a { cursor: pointer; }

.mask { left: 0; position: absolute; top: 26px; }
.sun,
.sat { background-color: #f8f8f8; }
.sat { margin-right: 0; }


/* Gallery */
.format-gallery .teaser { width: 700px; }
.gallery { margin: 24px 0 36px; overflow: hidden; padding-bottom: 24px; width: 100%; }
#gallery-container { margin: 48px 0 0; width: 99999em; }
.gallery li { float: left; list-style: none !important; margin-right: 20px; position: relative; text-align: center; width: 940px; }
.gallery-caption,
.gallery-description { margin: 20px auto 0; text-align: left; width: 700px;}
.gallery-caption { font-family: Verdana, sans-serif; font-size: 11px; margin-bottom: 6px; }
.carousel-button { cursor:pointer; display: block; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; position: absolute; top: 0; z-index: 100; }
#counter-container { display: block; font-family: Arial, Verdana, sans-serif; font-size: 12px; left: 50%; margin-left: -42px; position: absolute; text-align:center; top: 0; width: 83px; z-index: 100; }
#previous-button { left: 50%; margin-left: -115px; }
#next-button { margin-right: -88px; right: 50%; text-align: right;}

/* Aside gallery */
.format-aside  #gallery-container { margin: 36px 0 0; }
.format-aside .gallery { border-bottom: solid 1px #efefef; }
.format-aside .gallery li { float: left; list-style: none; margin-right: 20px; position: relative; text-align: center; width: 600px; }
.format-aside .gallery-caption,
.format-aside .gallery-description { margin: 20px auto 0; text-align: left; width: 700px;}
.format-aside .gallery-caption { font-family: Verdana, sans-serif; font-size: 11px; margin-bottom: 6px; }
.format-aside .carousel-button { cursor:pointer; display: block; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; position: absolute; top: 0; z-index: 100; }


/* Comments */
#comments { float: left; margin-top: 48px; width: 100%; }
#comments .comment p a { text-decoration: underline; }
#after-post { clear: none; float: left; padding-top: 48px; width: 100%; }
#after-post.slideshow { border-right: solid 1px #ececec; margin-right: 0; padding-right: 20px; width: 606px; }
#leave-comment { float: left; padding-top: 48px; width: 100%; }
.comment-list { margin: 0 !important; }
.moderation { color: red; font-style: normal; margin: 0 !important; }
#respond { float: left; margin-bottom: 120px; width: 100%; }
#respond a { text-decoration: underline; }
#respond .form { border: solid 1px #ececec; clear:left; float: left; padding: 12px; top: -1px; width: 55%; }
#respond textarea { border-style: inset; font-family: Verdana, Arial, sans-serif; font-size: 12px; height: 220px; margin: 12px 0 0; padding: 6px; width: 96%;  }
#existing-user textarea { height: 300px; }
#respond input.text { font-family: Verdana, Arial, sans-serif; font-size: 12px; height: 20px; margin-bottom: 6px; width: 220px; }
#respond input[type=submit] { background-color: #000; border: 0; color:#fff; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin: 9px 0 0; padding: 5px 6px;}
#respond input.disabled { color: #333; }
#respond label { clear: both; color: #999; float: left; font: 11px Verdana, sans-serif; margin: 3px 0;}
#respond label span { padding: 6px; position: absolute; }
#respond .birth-date label { display: block; width: 100%; }
#user-meta { color: black; font-size: 12px !important; font-weight: bold; }
#user-meta .logout { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; position: absolute; right: 0; }
#house-rules { clear: none; float:right; font-family: Verdana, Arial, sans-serif; font-size: 12px; width: 35%; }
#house-rules h6 { color: black; display: block; font-size: 10px; font-weight: bold; margin: 6px 0; text-transform: uppercase; }
#house-rules ol { }
#house-rules ol li { border: 0; list-style: decimal !important; margin: 0 0 12px !important; }
.countdown-limit { bottom: 12px; font-family: Verdana, sans-serif; font-size: 9px; position: absolute; right: 10px; text-align: right;width: 150px; }
#new-user { display: none; }
#comment-links { border-bottom: solid 1px #ddd; float: left; margin: 0; width:315px; }
#comment-links li { float: left; list-style: none; margin: 0; }
#comment-links a { background-color:#ececec; border-left: solid 1px #ececec; border-right: solid 1px #ddd; border-top: solid 1px #ddd; color: #666; display: block; font-size: 13px; font-weight: bold; padding: 5px; position: relative; text-decoration: none; top: 1px; }
#comment-links a.selected { color: #000; }

.comment-list li { border-top: solid 1px #ccc; list-style: none !important; margin-bottom: 2em !important; padding: 6px 0 0; width: 100%; word-wrap: break-word; }
.comment-list li.comment-0 { border: 0; }
.comment-list ul.children { margin: 0 0 5em 2em; }
.comment-list ul.children li { border-top: dashed 1px #ccc; }
.comment-list ul.children ul.children li { background-color: #fff; }
.contributor .comment-meta { background-color: #FFDB3B; }
.comment-meta { color: #000; }
.comment-author { font-weight: bold; }
.comment-list p { font-size: 14px; line-height: 20px; margin: .25em 0 1em; }
a.comment-login-link { color: #ccc; font-family: Verdana, Arial, sans-serif; font-size: 10px; text-decoration: none; }
a.comment-login-link:hover { color:#ccc; text-decoration: underline;}
a.comment-reply-login,
a.comment-reply-link { background: url('./images/ico-respond.png') left -7px no-repeat; color: #666; font-family: Verdana, Arial, sans-serif; font-size: 10px; line-height: 1; padding-left: 15px; text-decoration: none; }
a.comment-reply-link:hover { background: url('./images/ico-respond.png') left 3px no-repeat; color: #000; }
a.comment-reply-login { background: none; padding: 0; }
a.login { }
a.register { left: -1px; }
a.selected { background-color: #fff !important; border-bottom: solid 1px #fff; z-index: 2; }
.avatar { display: none; }
.comment-meta { font-family: Verdana,sans-serif; font-size: 11px; }
p.comment-author,
p.comment-date,
p.comment-time { display: inline;}

/* Archive */
.theme-links,
.day-links { z-index: 999; }
.theme-links .last-month,
.day-links .yesterday { background: url('./images/btn-previous.png') center left no-repeat; left: 0; line-height: 1; padding: 0 10px; }
.theme-links .next-month,
.day-links .tomorrow { background: url('./images/btn-next.png') center right no-repeat; line-height: 1; padding: 0 10px; right: 0; }
.theme-links a,
.day-links a { position: absolute; }

/* Pages */
h2.page { font-style: normal; margin: 0 0 30px; }
.page-content { margin-bottom: 120px; }
#error404 p { font-size: 32px; margin: 12px 0; }
#error404 img { display: block; margin: 0 auto; }

/* Log-in */
#login-register { margin: 0 auto; width: 645px; }
#zip { display: none; }
#login_zip { display: none; }
.form { clear: none; float: left; padding: 0 36px; width: 250px; }
.form p { float: left; width: 100%; }
.form input.text { font-family: Verdana, Arial, sans-serif; font-size: 12px; height: 20px; margin-bottom: 6px; width: 220px; }
.form input[type=submit] { background-color: #000; border: 0; color:#fff; font-family: Verdana, Arial, sans-serif; font-size: 11px; margin: 9px 0 0; padding: 5px 6px;}
.form input.disabled { color: #333; }
.form label { clear: both; color: #999; float: left; font: 11px Verdana, sans-serif; margin: 3px 0;}
.form label[for=zip] { display: none; }
.form label span { padding: 6px; position: absolute; }
.form .birth-date label { display: block; width: 100%; }

#errors { margin: 0 0 36px; padding: 0; }
#errors li { color: red; font-family: Verdana, Arial, sans-serif; font-size: 12px; list-style: none; }
#errors li a { color: red; }

#not-of-age { border-top: solid 1px #CCC; float: left; font-weight: bold; padding-top: 12px; }

/*SVN Revision */
.svn_rev{color:#999; display: none;font-family:Courier,sans-serif;font-size:10px; }

/* Advertising */
.ad { clear: none; display: block; float: left; }
.ad { background-color: #fff; clear: none; }
.ad.leaderboard { float: left; height: 90px; width: 728px; }
#sidebar .ad { float: left; margin: 0 0 36px; }
.format-gallery #sidebar .advertisement { display: none; }
#footer-ad .ad { margin: 10px auto; width: 728px; }
.below-the-fold { float: left; width: 612px; margin: }
.below-the-fold .ad { float: left; }
.below-the-fold .say-medRec-unit { width: 300px !important;}
.ad .say-tile-unit { clear: none; }

/* Admin */
.admin-edit { background-color: #fdd68a; position: absolute; right: 0; top: 0; z-index: 9999; }
.admin-edit a { display: block; padding: 10px; }

.ie6 #header h1,
.ie7 #header h1,
.ie8 #header h1 { background: url('./images/logo-rookie-ie.png'); }
