/* @override 
	http://localhost:8888/wp-content/themes/btr/style.css
	http://dev.bloodtyperagu.com/wp-content/themes/btr/style.css
	http://bloodtyperagu.com/wp-content/themes/btr/style.css
*/

/*******************************************************************/
/* css by justintalbott.com ****************************************/
/*******************************************************************/

/* reset & restore ****************************************/
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%; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
li { display: inline; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
img { -ms-interpolation-mode:bicubic; }
a { cursor: pointer; text-decoration: none; }
em { font-style: italic; }
strong { font-weight: bold; }

/* general classes & element restore ****************************************/
.wrap { width: 960px; margin:0 auto; position:relative; }
.clear { clear: both; }
.hide { display: none; }
.left { clear: left; }
.right { clear: right; }
.textbox { padding: .3em; }
.rounded, #menu a { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* image layout ****************************************/
.one { width: 100px; }
.two { width: 210px; }
.three { width: 320px; }
.four { width: 430px; }
.five { width: 540px; }
.six { width: 650px; }
.seven { width: 760px; }
div.alignleft, div.alignnone { position: absolute; left: 0; padding-top: 3px; }
div.alignright { float: right; display: inline; padding: 1em 0 .5em 20px; }
.alignleft p, .alignright p, .alignnone p { font-size: .7em; text-align: center; }

/* font family ****************************************/
p, li, dd, dt { font-family: Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, #footer p, #single .date, .alignleft p, .alignright p, .alignnone p, p.quote, #side-col a, .comment-author, .comment-meta, p .title, #photo-video #side-col p, #tickets #side-col .boxoffice, blockquote, table, #ecard-about, label, #partners #main-col li .title { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
code { font-family: Monaco, "Andale Mono", "Courier New", monospace; }

/* colors ****************************************/
p, li { color: #333; }
a { color: #000; border-bottom: 1px dotted #9d1c20; }
a:hover { color: #9d1c20; border-bottom: 1px solid #333; }
input:focus, textarea:focus, select:focus { background: #fffdee; }
h1, h4, p .title, .red, .underline, #wp-calendar table.actual-calendar td a , .date, .comments-number, .req, #single .date, .alignleft p, .alignright p, .alignnone p, h3, a .read { color: #5d1916; }
.yellow { color: #ebe934; }
.green, #menu a, p.quote-by, h2, .comment-author a { color: #38653a; }
#footer p { color: #fff; }

/* font styles ****************************************/
p, li { padding: .8em 0; /* 7px */line-height: 1.4em; /* 21px */ }
p, li { font-size: .875em; /* 14px */ }
li p { font-size: 1em; }
#content p { margin: 0 100px 0 200px; } 
.smaller { font-size: 0.8em; }
.larger { font-size: 1.25em; }
h1, h4 { font-size: 2em; font-style: italic; margin-bottom: .3em; }
h3 { font-size: 1.4em; font-style: italic; }
#side-col a { font-size: 1.1em; font-style: italic; }
p.quote { font-size: 1.4em; font-style: italic; padding: 1em 30px; }
p.quote-by { font-size: .9em; text-align: right; padding: 0 40px; margin-bottom: 40px; }
.underline { text-decoration: underline; }

/* here we go ****************************************/
body { margin: 20px 0; background: url(/imgs/top-bg.jpg) #284727 repeat-x top center; }
#header { height: 160px; position: relative; border-bottom: 1px solid #222; z-index: 2; }
#header .wrap { z-index: 1; }
#logo { display: block; width: 317px; height: 171px; border: 0; position: absolute; top: 20px; z-index: 10; }
html>body #logo { background: url(/imgs/logo-trans.png) no-repeat; }
* html #logo { background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://dev.bloodtyperagu.com/imgs/logo-trans.png", sizingMethod="crop"); }
#menu-bg { background: url(/imgs/menu-bg.png) repeat-x; height: 112px; position: absolute; top: 48px; left: 0; width: 100%; z-index: 0; }
#footer { text-align: right; padding: 10px 0; height: 90px; border-top: 1px solid #222; }
.whitewrap { width: 100%; background: #fff; }
.whitewrap .wrap { padding-bottom: 30px; }
#main-col { float: left; width: 545px; }
#side-col { float: right; width: 382px; }

.pic-wrap { position: relative; }
.pic-bottom { width: 100%; display: block; background: url(/imgs/pic-bottom.jpg) no-repeat top center; height: 16px; }
* html #partners .pic-bottom { width: 240px; }
* html .pic-bottom { width: 170px; }

#br-buttons { position: absolute; bottom: -1px; right: 0; z-index: 1px; }
#br-buttons a { display: block; float: left; padding: 5px 12px; background: #284727; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border: 0; margin: 0 10px; color: #fff; font-size: 1.1em; }
#br-buttons a:hover { color: #fcfbdb; }
#br-buttons a .arrow { color: #062206; }
#br-buttons a:hover .arrow { color: #fcfbdb; }

/* menu ****************************************/
#menu { width: 672px; height: 66px; position: absolute; right: -45px; top: 62px; background: url(/imgs/menu.gif) no-repeat 0 0; }
#menu a { float: left; width: 168px; height: 33px; text-indent: -9999px; border: 0; }
#menu a.cast { background: url(/imgs/menu.gif) no-repeat 0 0; }
#menu a.cast:hover, #menu .current a.cast { background-position: 0 -66px; }
#menu a.news { background: url(/imgs/menu.gif) no-repeat -168px 0; }
#menu a.news:hover, #menu .current a.news { background-position: -168px -66px; }
#menu a.dates { background: url(/imgs/menu.gif) no-repeat -336px 0; }
#menu a.dates:hover, #menu .current a.dates { background-position: -336px -66px; }
#menu a.photos { background: url(/imgs/menu.gif) no-repeat -504px 0; }
#menu a.photos:hover, #menu .current a.photos { background-position: -504px -66px; }
#menu a.about { background: url(/imgs/menu.gif) no-repeat 0 -132px; }
#menu a.about:hover, #menu .current a.about { background-position: 0 -99px; }
#menu a.share { background: url(/imgs/menu.gif) no-repeat -168px -132px; }
#menu a.share:hover, #menu .current a.share { background-position: -168px -99px; }
#menu a.partners { background: url(/imgs/menu.gif) no-repeat -336px -132px; }
#menu a.partners:hover, #menu .current a.partners { background-position: -336px -99px; }
#menu a.ecard { background: url(/imgs/menu.gif) no-repeat -504px -132px; }
#menu a.ecard:hover, #menu .current a.ecard { background-position: -504px -99px; }

/* home page ****************************************/
#ragu-wall { width: 100%; background: url(/imgs/wall-bg.jpg) #fff repeat-x; height: 420px; background-position: center; position: relative; }
#frank-jar { height: 400px; width: 201px; position: absolute; z-index: 2; left: 50%; margin-left: -100px; top:13px; background: url(/imgs/frank.gif) no-repeat; }
/* #frank-jar p { position: absolute; bottom: 15px; text-align: center; } */
#home-content-right { width: 390px; height: 210px; float: right; position: relative; margin-top: 125px;  }
#home-content-right .home-block { width: 330px; height: 150px; padding: 40px; background: #fefce3; position: absolute; top:0; left: 0; border: 1px solid #cbc9b0; }
#home-content-left { width: 390px; height: 210px; float: left; position: relative; margin-top: 125px; }
#home-content-left .home-block { width: 330px; height: 150px; padding: 40px; background: #fefce3; position: absolute; top:0; right: 0; border: 1px solid #cbc9b0; }
.quote blockquote { font-size: 1.2em; line-height: 1.55; font-style: italic; padding: 0; margin: 0; }
.quote p.quote-by { margin-bottom: 0; }

#home-wrap { height: 420px; }


/* about page ****************************************/
#about { background: url(/imgs/empty-jar-bg.jpg) no-repeat top right; right: -20px; padding-right: 20px; position: relative; }
#about h1 { border-top: 40px solid #fcfbdb; padding: 10px 0; border-bottom: 1px solid #fcfbdb; z-index: -1; }
#about #side-col { padding-top: 170px; }
#about div.alignleft, #about div.alignnone { position: relative; float: left; padding: 20px 2em 13px 0; }


/* cast & creative / news ****************************************/
#cast-creative #main-col li { display: block; padding: 0; position: relative; width: 100%; }
#cast-creative #side-col li.smaller a { float: left; font-size: .8em; border: 0; padding: 10px; }
#cast-creative #main-col li p { margin-left: 190px; padding: 5px 0; }
#cast-creative #main-col li h3 { margin-left: 190px; padding:1.5em 0 0 0;  }
#cast-creative #back-to-top { position: absolute; bottom: 40px; right: 0; display: block; width: 300px; padding: 10px; border: 0; }
#cast-creative #main-col { padding-top: 40px; }
#cast-creative h1 { border-top: 40px solid #fcfbdb; padding: 10px 0; border-bottom: 1px solid #fcfbdb; background: #fff; }
#cast-creative #side-col { background: #fcfbdb; padding-bottom: 40px; margin-left: 0; }
#cast-creative #side-col li { padding: 15px 5% 0 5%; display: block; width: 90%; position: relative; }
#cast-creative #side-col a { padding: 5px 10px; display: block; width: 95%; position: relative; }
#cast-creative #side-col a .right { position: absolute; right: 10px; font-size: .7em; }
#cast-creative #side-col a .newspaper { font-size: .82em; }
#cast-creative #side-col a .date { position: absolute; left: 210px; bottom: 5px; font-size: .7em; }
#cast-creative #side-col a .read { position: absolute; right: 0; bottom: 5px; font-size: .8em; }
.news-press #main-col li h2 {  padding:1.5em 3em .5em 3em; font-size: 1.5em; line-height: 1.3em; text-align: center; }
.news-press #press-inquiry { background: #fff; position: absolute; bottom: -90px; }
.news-press #press-kit { background: #fff; position: absolute; bottom: -55px; }
.news-press #side-col #press-inquiry a,
.news-press #side-col #press-kit a { border: 0; display: block; width: 382px; margin: 0; text-align: center; }
.news-press #side-col #press-kit a { background: url(pdf.png) no-repeat 85px 5px; line-height: 16px; }
.news-press #main-col li .comments-link .comments-number { position: absolute; right: 380px; font-size: .8em; width: 130px; text-align: right; }
.news-press #main-col li span.date { position: absolute; left: -80px; top: 12px; float: left; font-size: .8em; }
.news-press #main-col li p.left { padding: 0; position: relative; }
#cast-creative.news-press #side-col { position: relative; margin: 0; }

/* single ****************************************/
#single { background: url(/imgs/sauce-jar-bg.jpg) no-repeat top right; right: -20px; padding-right: 20px; position: relative; }
#single #main-col {  position: relative; }
#single #main-col .back { position: absolute; top: 12px; right: 20px; }
#single #main-col h1 { border-top: 40px solid #fcfbdb; padding: 10px 0; border-bottom: 1px solid #fcfbdb; }
#single #main-col .date {  font-style: italic; font-size: .8em; margin: -5px 0 20px; display: block; }
#single #main-col .author {  font-style: italic; font-size: 1.2em; position: absolute; right: 0; top: 100px; display: block; }
#single #main-col h3 { margin: 20px 0; }

#single #commentform { background: #fcfbdb; padding: 20px; margin: 0 0 20px 40px; }
#single #commentform p { position: relative; }
#single #commentform label { position: absolute; top: 16px; right: 355px; text-align: right; }
#single #commentform label small { font-size: .8em; }
#single #commentform input, #single #commentform textarea { margin-left: 130px; }
#single #commentform .comment-text { padding: 3px; width: 315px; }
#single #commentform textarea { height: 80px; }

#single ol.commentlist .avatar, #single ol.commentlist .says { display: none; }
#single ol.commentlist .comment-meta, #single ol.commentlist .comment-author { clear: left; float: left; width: 170px; text-align: right; }
#single ol.commentlist .comment-author { font-size: 1.3em; }
#single ol.commentlist .comment-meta a { border: 0; }
#single ol.commentlist li { padding: 10px 0; display: block; }
#single ol.commentlist li p { margin-left: 190px; }

/* tickets ****************************************/
#tickets #main-col h1 { border-top: 40px solid #fcfbdb; padding: 10px 0; border-bottom: 1px solid #fcfbdb; }
/*#wp-calendar { position: relative; margin-top: -25px; }
#wp-calendar table { width: 100%; }
#wp-calendar table a, #wp-calendar table a:hover { border: 0; }
#wp-calendar #ec3_publish { position: absolute; top: -42px; right: 0; border: 0; font-size: .8em; }
* html #wp-calendar #ec3_publish { width: 190px; }
#wp-calendar #ec3_publish span { display: inline; float: right; padding-left: 6px; }
#wp-calendar #prev { text-align: left; }
#wp-calendar #ec3_next, #wp-calendar #ec3_prev { padding: 5px 15px; background: #fcfbdb; }
#wp-calendar #next { text-align: right; }
#wp-calendar caption { padding-bottom: 20px; font-size: 1.3em; }
#wp-calendar table.actual-calendar { border-bottom: 1px solid #ddd; }
#wp-calendar table.actual-calendar tbody tr { border-right: 1px solid #ddd; }
#wp-calendar table.actual-calendar tbody tr.alt { background: #f8f8f8; }
#wp-calendar table.actual-calendar td { padding: 8px; border-left: 1px solid #ddd; width: 60px; border-top: 1px solid #ddd; width: 60px; vertical-align: top; height: 57px; text-align: left; }
#wp-calendar table.actual-calendar td#today { background: #ddd; padding: 8px; }
#wp-calendar table.actual-calendar td.pad { border-color: #fff; }
#wp-calendar table.actual-calendar td:hover { border-color: #ddd; }
#wp-calendar table.actual-calendar td a { display: block; padding: 8px; margin: -8px; background: #fcfbdb; }
#wp-calendar table.actual-calendar td a:hover { text-decoration: underline; }
#wp-calendar table.actual-calendar th { padding: 4px 0; font-weight: normal; font-size: .7em; }
#wp-calendar table.actual-calendar td a .showtime { font-size: .76em; color: #000; display: block; padding-top: 6px; }

#wp-calendar table.actual-calendar td a .showtime { font-size: .76em; color: #000; display: block; padding-top: 6px; }
#wp-calendar table.actual-calendar td a { text-decoration: none; }*/

#tickets #performances { width: 100%; margin: 20px 0; }
#tickets #performances th { text-align: left; padding: 20px 10px; }
#tickets #performances td { padding: 10px; border: 1px solid #ddd; }
#tickets #performances tr.alt td { background: #fafafa; }
#tickets #main-col p { padding: .3em 0; }

#tickets #side-col h4 { border-top: 40px solid #fcfbdb; padding: 10px 0; border-bottom: 1px solid #fcfbdb; margin-bottom: 0; }
#tickets #side-col a span { float: left; position: absolute; left: -30px; top: 20px; }
#tickets #side-col .location { margin-left: 112px; position: relative; }

#tickets #side-col a.map { border: 0; }
#tickets #side-col a.map strong { font-size: 1.4em; }
#tickets #side-col .boxoffice {  margin: 0; font-size: .8em; padding: 1em 0; }
#tickets #side-col .boxoffice a { display: block; float: left; width: 120px; margin-right: 20px; text-align: right; }
#tickets #buy-tickets-link { font-size: 1.4em; display: block; padding: 10px; margin-top: 8px; background: #fcfbdb; border: 0; text-align: center; border: 1px solid #ddd; }

/* share ****************************************/
#share { min-height: 600px; height: auto !important; height: 600px; }
#share #side-col h1 { border-top: 40px solid #fcfbdb; padding: 10px 0; border-bottom: 1px solid #fcfbdb; margin-bottom: 0; }
#share #side-col #explanation { background: #fcfbdb; padding: 30px 30px; }

#share #main-col { padding-top: 40px; }
#share #main-col li { padding: 0; position: relative; display: block; }
#share #main-col p { margin-left: 190px; padding: 5px 0; }
#share #main-col li span.author { position: absolute; right: 380px; padding-top: 35px; float: left; font-size: 1em; text-align: right; width: 180px; }
#share #main-col li span.author strong { font-size: 1.2em;; }
#share #main-col li p.left { padding: 0; position: relative; }

#share #main-col li h2 {  padding:1.5em 3em .5em 3em; font-size: 1.5em; line-height: 1.3em; text-align: center; }
#share #main-col li .comments-link .comments-number { position: absolute; right: 380px; font-size: .8em; }
#share #main-col li span.date { position: absolute; left: -80px; top: 12px; float: left; font-size: .8em; }
#share #main-col li p.left { padding: 0; position: relative; }
#share #side-col { position: relative; }
#share #share-submission { background: #fff; position: absolute; bottom: -55px; }
#share #share-submission a { border: 0; display: block; width: 382px; margin: 0; padding: 0; text-align: center; }

/* partners ****************************************/
#partners { min-height: 600px; height: auto !important; height: 600px; }
#partners #main-col { padding-top: 40px; }
#partners #main-col li  { display: block; float: left; width: 242px; padding: 0 0 30px 30px; }
#partners #main-col li p { padding: 8px 0; }
#partners #main-col li .title { font-size: 1.3em; display: block; padding: 10px 0; }
#partners #side-col h1 { border-top: 40px solid #fcfbdb; padding: 10px 0; border-bottom: 1px solid #fcfbdb; margin-bottom: 0; }
#partners #side-col #explanation { background: #fcfbdb; padding: 30px 30px; }

/* ecard ****************************************/
#ecard { background: url(/imgs/sauce-jar-bg.jpg) no-repeat top right; right: -20px; padding-right: 20px; position: relative; min-height: 600px; height: auto !important; height: 600px; position: relative; z-index: 1; }
#ecard #ecard-about { margin-top: 30px; line-height: 1.7em; font-size: 1em; font-style: italic; }
#ecard #animation { position: absolute; height: 630px; width: 100%; background: url(/imgs/frank-large-jar-bg.jpg) no-repeat top right; right: 0; z-index: -1; }
#ecard #ecard-description p#ecard-intro { padding: 20px 8em 20px 0; font-size: 1em; }
#ecard #main-col { z-index: 2; }
#ecard #main-col h1 { border-top: 40px solid #fcfbdb; padding: 10px 0; border-bottom: 1px solid #fcfbdb; margin-bottom: 0; }
#ecard #ecard-description p { padding-top: 20px; }
#ecard #ecard-description form { background: #fcfbdb; padding: 5px; }
#ecard #main-col input, #ecard #main-col a { z-index: 3; }

#ecard #ft_wpecards_sender_recipient_info ul { width:240px; float: left; position: relative; margin-top: 10px; }
#ecard #ft_wpecards_sender_recipient_info li { padding: 0 15px; display: block; }
#ecard #ft_wpecards_sender_recipient_info input { padding: .3em; width: 200px; }
#ecard #ft_wpecards_message_group { margin: 0; padding: 15px; width: 450px; }
#ecard #ft_wpecards_message_group textarea { width: 98%; padding: .3em; float: left; }
#ecard #ft_wpecards_message_group input { float: left; margin: 1em 5px; }
#ecard #ft_wpecards_error_list { font-size: .8em; padding-top: 20px; }

#ecard #ft_wpecards_body { padding: 40px 25px; border: 0; }

/* submission ****************************************/
#submission { background: url(/imgs/sauce-jar-bg.jpg) no-repeat top right; right: -20px; padding-right: 20px; position: relative; min-height: 600px; height: auto !important; height: 600px; position: relative; z-index: 1; }
#submission label { display: block; padding: 10px 0 5px 0; }
#submission h1 { border-top: 40px solid #fcfbdb; padding: 10px 0; border-bottom: 1px solid #fcfbdb; }
#submission #form { margin: 20px 0; padding: 30px; background: #fcfbdb; }
#submission #form input { margin-left: 10px; width: 60%; padding: .3em; }
#submission #form textarea { margin: 10px; width: 90%; padding: .3em; height: 100px; }
#submission #form input.submit { width: auto; margin-top: 20px; }
#submission #main-col { position: relative; }
#submission .back { position: absolute; top: 12px; right: 20px; }

/* photos & video ****************************************/
#photo-video #main-col {  position: relative; }
#photo-video #main-col .hide-this { position: absolute; top: 12px; right: 20px; }

#photo-video { background: url(/imgs/empty-jar-bg.jpg) no-repeat top right; right: -20px; padding-right: 20px; position: relative; min-height: 600px; height: auto !important; height: 600px; }
#photo-video #main-col h1 { border-top: 40px solid #fcfbdb; padding: 10px 0; border-bottom: 1px solid #fcfbdb; margin-bottom: 0; }
#photo-video #main-col h1.no-border { border: 0; padding: 40px 0 10px; }

#photo-video #side-col p { font-size: 1.4em; font-style: italic; padding: 1em 10px; text-align: center; margin-top: 200px; }

#photo-video #main-col ul { margin-right: -16px; }
#photo-video #main-col li a { height: 96px; width: 96px; overflow: hidden; border: 0; display: block; float: left; margin: 16px 16px 0 0; }
#photo-video #main-col .video-gallery li a { height: 120px; width: 120px; overflow: visible; font-size: .9em; text-align: center; border: 1px solid #ccc; background: #f4f4f4; padding: 10px; }
#photo-video #main-col li p { margin: 0; padding: 0; }
#photo-video #main-col li a img { width: 96px; height: 110px; }
#photo-video #main-col .video-gallery li a img { width: 120px; height: 120px; margin-bottom: 12px; }
#zoom { z-index: 10; }
#zoom a { border: 0; }

/* promotions ****************************************/

#promotion #single { min-height: 600px; height: auto !important; height: 600px; background: url(/imgs/frank-jar-bg.jpg) no-repeat top right; right: -20px; }
#promotion #commentform, #promotion #main-col .date, #promotion h3 { display: none; }

#promotion #single #main-col li { display: block; padding: 20px 0; position: relative; width: 100%; }
#promotion #single #main-col li p { margin-left: 190px; padding: 5px 0; }
#promotion #single #main-col li h3 { margin-left: 190px; padding:1.5em 0 0 0;  }