Main CSS Stylesheet

body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
body { margin: 0; background: url(/images/tlcback.jpg); font-family: “Trebuchet MS”, Arial, Helvetica; }

a { text-decoration: none; color: #a50000; }
a:hover { text-decoration: underline; background-color: transparent; }
a.more { font-style: italic; text-align: center; display: block; color: #000; }
a.more.browse { font-style: normal; }
img { border: 0; }

.success { background: #CFC; border: 1px solid #051; color: #051; padding: 10px; margin: 10px 0; }
.pnf { background: url(/images/404.jpg) no-repeat; min-height: 208px; padding: 0 0 0 275px; }

.wrap { margin: 0 auto; background: url(/images/bg.gif) repeat-y; width: 992px; }

/*Header and Navigation*/

.header { position: relative; width: 100%; height: 177px; background: url(/images/cw-head.jpg) no-repeat; }
.header #flash-header { position: absolute; top: 1px; margin-left: -1px; width: 957px; height: 195px; }
.header .navigation { position: absolute; top: 105px; margin-left: 290px; font-size: 95%; }
.header .navigation a { text-decoration: none; color: #d1c7a2; border-right: 1px solid #d1c7a2; }
.header .navigation a.menu-link { display: inline; padding: 0 7px 0 5px; }
.header .navigation div.sub-menu { position: absolute; left: 5px; top: 22px; }
.header .navigation div.sub-menu a { padding: 0 7px 0 4px; }
.header .navigation .last { border: 0; }

.header .my-leaky { color: #fff; position: absolute; top: 0; right: 10px; height: 54px; width: 400px; background: url(/images/myleaky/h-lbg.gif) repeat-x; }
.header .my-leaky h4 { float: left; width: 96px; height: 33px; background: url(/images/myleaky/h-lr.jpg) no-repeat; text-indent: -3000px; }
.header .my-leaky form { text-align: right; padding: 6px 5px 0 0; }
.header .my-leaky input.text { text-align: right; border: 0; background: url(/images/myleaky/h-libg.jpg) no-repeat; width: 110px; color: #fff; padding: 2px 2px 0 0; min-height: 19px; }
.header .my-leaky input.submit { border: 0; background: url(/images/myleaky/h-ls.jpg) no-repeat; width: 62px; height: 22px; text-indent: -3000px; }
.header .my-leaky span { padding-right: 15px; clear: left; height: 21px; display: block; text-align: right; background: url(/images/myleaky/h-lr2.jpg) no-repeat; }
.header .my-leaky span a { color: #fff; text-decoration: underline; }
.header .my-leaky .welcome { padding: 6px 5px 0 0; text-align: right; font-weight: bold; }
.header .my-leaky .welcome a { color: #fff; text-decoration: underline; }

/*Advertisements*/

.ad-top { width: 100%; height: 125px; background: #312114 url(/images/advert.jpg) top right no-repeat; position: relative; }
.ad-top a.advertise { position: absolute; bottom: -1px; right: 2px; color: #573b22; text-decoration: none; }
.ad-top-banner { position: absolute; top: 195px; margin-left: 214px; width: 728px; height: 90px; }
.ad-left { background: url(/images/ad-left-bg.jpg) repeat-y; width: 160px; }
.ad-left .top { width: 16px; height: 70px; background: url(/images/ad-left-top.jpg) no-repeat; }
.ad-left .bottom { width: 16px; height: 70px; background: url(/images/ad-left-bot.jpg) no-repeat; }
.ad-left .headlines { width: 135px; }
.ad-left ul { list-style: none; }
.ad-left li { }
.ad-left a { color: #000; }

/*Left-Most Column*/

.left-well { float: left; width: 165px; background: url(/images/lc-pic.jpg) no-repeat; padding-top: 40px; }
.left-well a { color: #000; font-weight: bold; text-decoration: underline; }
.left-well input.text { background-color: #b89f66; border: 1px solid #977e48; width: 120px; margin: 0; text-align: right; padding: 2px; color: #ffeab9; font:99% arial,helvetica,clean,sans-serif; }
.left-well input.submit { margin-top: 5px; }
.left-well .h { margin-top: 10px; padding: 75px 20px 0 20px; }
.left-well .search { padding-top: 0; }
.left-well .whats-new { background: url(/images/lc-whatsnew.jpg) no-repeat; }
.left-well .whats-new a { padding: 3px 2px 3px 4px; font-weight: normal; text-decoration: none; display: block; line-height: 1.1em; letter-spacing: -.05em; height: 24px; border-top: 2px solid #9e855b; overflow: hidden; }
.left-well .whats-new a.image { background: url(/images/wn-imgs.jpg) no-repeat; padding-left: 34px; }
.left-well .whats-new a.pics { background-position: 0 -28px; }
.left-well .whats-new a.vids { background-position: 0 -55px; }
.left-well .whats-new a.books { background-position: 0 -82px; }
.left-well .whats-new a.cast { background-position: 0 -110px; }
.left-well .whats-new a.shop { background-position: 0 -136px; }
.left-well .whats-new .extra { background-color: #E2C790; padding: 2px; border: 0; line-height: 1.1em; letter-spacing: -.05em; font-style: italic; }
.left-well a.myleaky { margin-left: 16px; background: url(/images/myleaky.jpg); display: block; width: 145px; height: 195px; text-indent: -3000px; text-decoration: none; }
.left-well a.idologic { margin: 10px 0 0 14px; background: url(/images/idologic.gif); display: block; width: 146px; height: 48px; text-indent: -3000px; text-decoration: none; }
.left-well a.redesign { margin: 10px 0 0 25px; background: url(/images/redesign.gif); display: block; width: 122px; height: 75px; text-indent: -3000px; text-decoration: none; }

/*Content Wrapper*/

.content { float: right; width: 825px; background: url(/images/c-bg.gif) repeat-y; margin-right: 0px; }
.content .tb { background: url(/images/c-tb.jpg) no-repeat; width: 100%; }
.content .tb.top { height: 28px; }
.content .tb.bottom { height: 14px; background-position: 0 -28px; }
.content .inner { margin: 0 16px 0 6px; }
.content .footer { color: #D4BB82; padding: 5px 75px; text-align: center; margin: 0 auto; background-color: #312114; }
.content .footer a { color: #D4BB82; }
.content .report-bug { color: #fff; display: block; font-style: italic; margin-bottom: 10px; font-weight: bold; text-align: center; }
.content .footer #leaky-song { margin: 4px 0; }

/*Main Content Well*/

.well { margin: 5px 0 5px 3px; }
.well h1, .well h2, .well h3, .well h4, .well h5, .well h6 { color: #000; font-weight: normal; margin: 0; }
.well h1 { font-size: 24px; }
.well h2 { font-size: 22px; }
.well h3 { }
.well h4 { }
.well h5 { }
.well h6 { }
.well p { margin: 10px 0; }
.well blockquote { margin: 10px; padding: 5px; border: 1px solid #CFB67D; background-color: #F6E5BC; }
.well .rss { float: right; margin-top: -5px; }
.well.page { background: url(/images/cw-bg.gif) repeat-y; position: relative; }
.well.page .tb { background: url(/images/cw-tb.jpg) no-repeat; }
.well.home { background: url(/images/cw-bg-h.gif) repeat-y; }
.well.home .tb { background: url(/images/cw-tb-h.jpg) no-repeat; }
.well .tb { width: 100%; }
.well .tb.top { height: 20px; }
.well .tb.bottom { height: 11px; background-position: 0 -20px; }
.well .inner { margin: 0 15px 5px 15px; }

/*Full Content Well*/

.well.full { width: 740px; position: relative; }

/*Left Content Column*/

.well.left { width: 495px; float: left; position: relative; }

/*Right-most Column*/

.well.right { width: 300px; float: right; background: url(/images/hs-bg.gif) repeat-y; position: relative; padding-top: 1px; }
.well.right .rinner { margin-left: 0px; }
.well.right .h-item { margin: 10px 0; width: 300px; text-indent: -3000px; display: block; }
.well.right .h-item.first { margin-top: 0; }
.well.right .h-item.myleaky { height: 150px; background: url(/images/right-myleaky.jpg) no-repeat; }
.well.right .h-item.tour { height: 150px; background: url(/images/right-pc2008tour.jpg) no-repeat; }
.well.right .h-item.trial { height: 102px; background: url(/images/right-trial.jpg) no-repeat; }
.well.right .h-item.hah { height: 107px; background: url(/images/right-hahbutton.jpg) no-repeat; }
.well.right .h-item.hbpla { height: 150px; background: url(/images/right-hbpla.jpg) no-repeat; }
.well.right .h-item.wwdd { height: 130px; background: url(/images/right-wwdd.gif) no-repeat; }
.well.right .h-item.jo { height: 150px; background: url(/images/right-jo.jpg) no-repeat; }
.well.right .h-item.sweepstakes { height: 302px; background: url(/images/right-sweepstakes.jpg) no-repeat; }
.well.right .h-item.jinglespells { height: 112px; background: url(/images/right-jinglespells.png) no-repeat; }
.well.right .h-item.appsidebar { height: 275px; background: url(/images/right-appstore.jpg) no-repeat; }
.well.right .h-item.leakycon2011 { height: 163px; background: url(/images/right-leakycon2011.jpg) no-repeat; }
.well.right .h-item.leakycon { height: 125px; background: url(/images/right-leakycon-register.jpg) no-repeat; }
.well.right .h-item.leakycon-live { height: 200px; background: url(/images/right-leakycon-live-new.jpg) no-repeat; }
.well.right .h-item.books { height: 140px; background: url(/images/right-books.jpg) no-repeat; }
.well.right .h-item.films { height: 150px; background: url(/images/right-films.jpg) no-repeat; }
.well.right .h-item.crafts { height: 125px; background: url(/images/right-crafts.jpg) no-repeat; }
.well.right .h-item.chat { height: 125px; background: url(/images/right-chat.jpg) no-repeat; }
.well.right .pcvlogs { background: url(/images/right-pcvlogs.jpg) no-repeat; height: 38px; width: 202px; }
.well.right .flash { margin: 10px 0; width: 100%; }
.well.right .house-cup { letter-spacing: -0.05em; display: block; color: #000; margin-bottom: 10px; text-align: center; padding: 11px 15px 45px 78px; background: url(/images/myleaky/house-cup.png) no-repeat; }
.well.right .house-cup.user { padding-bottom: 37px; background: url(/images/myleaky/house-cup-2.png) no-repeat; }

/***********************
Titles
************************/

h2.title { position: absolute; text-indent: -3000px; }

/*Main Page*/

h2.title.in-the-news { background: url(/images/titles/in-the-news.jpg) no-repeat; width: 102px; height: 25px; top: -30px; left: 5px; }
h2.title.in-the-news-2 { background: url(/images/titles/in-the-news-2.jpg) no-repeat; width: 102px; height: 24px; top: -10px; left: 15px; }
h2.title.more-leaky-news { background:url(/images/titles/more-leaky-news.jpg) no-repeat; width: 149px; height: 28px; top: -10px; left: 10px; }
h2.title.leaky-galleries { background:url(/images/titles/galleries.jpg) no-repeat; width: 136px; height: 29px; top: -10px; left: 4px; }
h2.title.poll { background: url(/images/titles/poll.jpg) no-repeat; width: 90px; height: 28px; top: -15px; }
h2.title.guess-that-book { background: url(/images/titles/guess-that-book.jpg) no-repeat; width: 142px; height: 24px; top: -14px; left: 2px; }
h2.title.image-gals { background: url(/images/titles/image-gals.jpg) no-repeat; width: 133px; height: 28px; top: -14px; }
h2.title.video-gals { background: url(/images/titles/video-gals.jpg) no-repeat; width: 131px; height: 24px; top: -14px; }
h2.title.scribbulus-essays { background: url(/images/titles/scribbulus.jpg) no-repeat; width: 200px; height: 28px; top: -14px; }
h2.title.lounge { background: url(/images/titles/lounge.jpg) no-repeat; width: 208px; height: 66px; top: -5px; left: -4px; }

/*Books*/

h2.title.books { background: url(/images/titles/books/books.jpg) no-repeat; width: 55px; height: 25px; margin-top: -30px; left: 15px; }
h2.title.book-discussion { background: url(/images/titles/books/discussion.jpg) no-repeat; width: 198px; height: 24px; top: -5px; left: 5px; }
h2.title.book-news { background: url(/images/titles/books/news.jpg) no-repeat; width: 151px; height: 24px; top: -5px; left: 5px; }
h2.title.book-stats { background: url(/images/titles/books/stats.jpg) no-repeat; width: 92px; height: 24px; top: -5px; left: 5px; }
h2.title.additional-info { background: url(/images/titles/additional-info.jpg) no-repeat; width: 128px; height: 24px; top: -5px; left: 5px; }

/*Films*/

h2.title.films { background: url(/images/titles/films/films.jpg) no-repeat; width: 51px; height: 25px; top: -30px; left: 15px; }
h2.title.film-stats { background: url(/images/titles/films/stats.jpg) no-repeat; width: 89px; height: 24px; top: -5px; left: 5px; }
h2.title.film-cast { background: url(/images/titles/films/cast.jpg) no-repeat; width: 89px; height: 24px; top: -5px; left: 5px; }
h2.title.film-discussion { background: url(/images/titles/films/discussion.jpg) no-repeat; width: 194px; height: 24px; top: -5px; left: 5px; }
h2.title.film-news { background: url(/images/titles/films/news.jpg) no-repeat; width: 154px; height: 28px; top: -5px; left: 5px; }

/*Bloggers*/

h2.title.bloggers { background: url(/images/titles/blogs/bloggers.jpg) no-repeat; width: 163px; height: 28px; top: -5px; left: 5px; }
h2.title.bloggers-recent { background: url(/images/titles/blogs/recent.jpg) no-repeat; width: 292px; height: 28px; top: -8px; left: 5px; }
h2.title.blogger-bio { background: url(/images/titles/blogs/bio.jpg) no-repeat; width: 98px; height: 28px; top: -5px; left: 5px; }
h2.title.blogger-previous { background: url(/images/titles/blogs/previous-entries.jpg) no-repeat; width: 136px; height: 24px; top: -5px; left: 5px; }

/*Landing Page – Leaky Info*/

h2.title.leaky-info { background: url(/images/titles/landing/info/leaky-info.jpg) no-repeat; width: 92px; height: 28px; margin-top: -30px; left: 15px; }
h2.title.about-us { background: url(/images/titles/landing/info/about-us.jpg) no-repeat; width: 82px; height: 23px; top: -5px; left: 5px; }
h2.title.site-info { background: url(/images/titles/landing/info/site-info.jpg) no-repeat; width: 76px; height: 23px; top: -5px; left: 5px; }
h2.title.faq { background: url(/images/titles/landing/info/faq.jpg) no-repeat; width: 44px; height: 27px; top: -5px; left: 5px; }
h2.title.job-openings { background: url(/images/titles/landing/info/job-openings.jpg) no-repeat; width: 116px; height: 28px; top: -5px; left: 5px; }
h2.title.links-affiliates { background: url(/images/titles/landing/info/links-affiliates.jpg) no-repeat; width: 160px; height: 24px; top: -5px; left: 5px; }
h2.title.site-awards { background: url(/images/titles/landing/info/site-awards.jpg) no-repeat; width: 103px; height: 24px; top: -5px; left: 5px; }
h2.title.write-leaky { background: url(/images/titles/landing/info/write-leaky.jpg) no-repeat; width: 132px; height: 29px; top: -5px; left: 5px; }

/*Landing Page – Leaky Features*/

h2.title.leaky-features { background: url(/images/titles/landing/features/leaky-features.jpg) no-repeat; width: 131px; height: 29px; margin-top: -30px; left: 15px; }
h2.title.interviews { background: url(/images/titles/landing/features/interviews.jpg) no-repeat; width: 92px; height: 23px; top: -5px; left: 5px; }
h2.title.pottercast { background: url(/images/titles/landing/features/pottercast.jpg) no-repeat; width: 94px; height: 23px; top: -5px; left: 5px; }
h2.title.scribbulus { background: url(/images/titles/landing/features/scribbulus.jpg) no-repeat; width: 90px; height: 23px; top: -5px; left: 5px; }
h2.title.crafts { background: url(/images/titles/landing/features/crafts.jpg) no-repeat; width: 58px; height: 23px; top: -5px; left: 5px; }
h2.title.reports { background: url(/images/titles/landing/features/reports.jpg) no-repeat; width: 224px; height: 27px; top: -5px; left: 5px; }
h2.title.dvd-commentaries { background: url(/images/titles/landing/features/dvd-commentaries.jpg) no-repeat; width: 165px; height: 23px; top: -5px; left: 5px; }
h2.title.charity { background: url(/images/titles/landing/features/charity.jpg) no-repeat; width: 126px; height: 27px; top: -5px; left: 5px; }

/*MyLeaky*/

h2.title.myleaky { background: url(/images/titles/myleaky/myleaky.jpg) no-repeat; width: 149px; height: 29px; top: -30px; left: 10px; }
h2.title.ml-contact-info { background: url(/images/titles/myleaky/contact-info.jpg) no-repeat; width: 109px; height: 24px; top: -5px; left: 5px; }
h2.title.ml-lounge-info { background: url(/images/titles/myleaky/lounge-info.jpg) no-repeat; width: 155px; height: 28px; top: -5px; left: 5px; }
h2.title.ml-favorites { background: url(/images/titles/myleaky/favorites.jpg) no-repeat; width: 134px; height: 28px; top: -5px; left: 5px; }
h2.title.ml-groups { background: url(/images/titles/myleaky/groups.jpg) no-repeat; width: 145px; height: 28px; top: -5px; left: 5px; }
h2.title.ml-group-members { background: url(/images/titles/myleaky/group-members.jpg) no-repeat; width: 137px; height: 28px; top: -5px; left: 5px; }
h2.title.ml-group-actions { background: url(/images/titles/myleaky/group-actions.jpg) no-repeat; width: 122px; height: 28px; top: -5px; left: 5px; }
h2.title.ml-event-members { background: url(/images/titles/myleaky/event-members.jpg) no-repeat; width: 132px; height: 25px; top: -5px; left: 5px; }
h2.title.ml-event-actions { background: url(/images/titles/myleaky/event-actions.jpg) no-repeat; width: 118px; height: 25px; top: -5px; left: 5px; }
h2.title.ml-upcoming-events { background: url(/images/titles/myleaky/upcoming-events.jpg) no-repeat; width: 147px; height: 28px; top: -5px; left: 5px; }
h2.title.ml-upcoming-shows { background: url(/images/titles/myleaky/upcoming-shows.jpg) no-repeat; width: 144px; height: 28px; top: -5px; left: 5px; }

/*Boxes*/

.h-box { position: relative; margin: 22px 0 0 22px; padding: 13px 0 7px 0; width: 300px; background-color: #F3D8A1; text-align: center; }
.h-box h3 { border: 1px solid #af9762; background-color: #ffe; color: #322213; font-size: 110%; text-align: center; font-weight: bold; letter-spacing: -.05em; position: relative; left: -1px; width: 305px; }
.h-box a.extra { background-color: #e7e7c3; border-width: 1px 0; border-style: solid; border-color: #c2ac7c; display: block; font-style: italic; font-size: 83%; text-align: center; letter-spacing: -.08em; color: #000; font-weight: bold; padding: 1px 0; margin-top: 4px; }
.h-box .box-content a { display: block; color: #000; margin: 5px 10px 5px 10px; padding: 3px 5px; text-align: left; border: 1px solid #ab935e; background-color: #ffffe2; }
.h-box .box-content a:hover { text-decoration: none; background-color: #fff; }
.h-box .box-content a b { color: #9f0000; }
.h-box .title { font-size: 100%; font-weight: bold; }
.h-box .dc { font-size: 90%; }

/*Image Galleries*/

.h-box.galleries { margin-left: 5px; }
.h-box.galleries .stats { border: 1px solid #af9762; background-color: #ffe; color: #322213; margin: 0 10px; font-size: 95%; text-align: left; }
.h-box.galleries .stats a { display: block; padding: 3px; color: #000; }
.h-box.galleries img { background: #bbb9b7; border: 2px solid #714f2f; padding: 1px; margin: 3px 0; }

/*Poll*/

.h-box.poll { margin-left: 0px; }
.h-box.poll .choices a { display: block; }
.h-box.poll .choices a:hover { background-color: #fff; text-decoration: none; }
.h-box.poll .choices .choice { background-color: #faf1ca; border: 1px solid #c7af78; font-weight: bold; margin: 5px 10px; text-align: center; color: #000; padding: 3px 5px; }
.h-box.poll .result { float: right; text-align: right; margin-right: 10px; }
.h-box.poll .bar { margin: 0 10px; height: 12px; background: #614424 url(/images/poll-bar.gif) repeat-x; }
.h-box.poll h3.total { margin-top: 5px; }
.h-box.poll .incorrect { margin: 10px; background-color: #FFEEEE; border: 1px solid #DD4444; padding: 10px; }
.h-box.poll .success { margin: 10px; }

/*Scribbulus*/

.h-box.scribbulus { margin-left: 5px; }
.h-box.scribbulus h3 { text-align: left; padding-left: 5px; width: 205px; background: #ffe url(/images/titles/scribbulus-bg.jpg) 160px 0 no-repeat; }
.h-box.scribbulus .info { text-align: left; width: auto; padding: 3px 5px; margin: 5px; border: 1px solid #c1a972; background: #fbf3ce url(/images/titles/scribbulus-info.jpg) top right no-repeat; }

/*Leaky Lounge*/

.h-box.lounge { margin: 15px 0 10px 0; padding-top: 56px; }

/*Galleries Box*/

.galleries-box { position: relative; margin: 5px 0 5px 3px; background: #f2d9a0 url(/images/galleries-box-bg.gif) repeat-x; width: 521px; }
.galleries-box .tabs { position: absolute; top: -3px; right: 0; }
.galleries-box .tabs a { outline-style: none; margin-right: 5px; padding: 3px 9px; color: #000; border: 1px solid #947649; border-bottom: 0; background-color: #d4bb82; }
.galleries-box .tabs a:hover { background-color: #f2d9a0; text-decoration: none; }
.galleries-box .tabs a.active { padding-bottom: 7px; }
.galleries-box .tabs a.active:hover { background-color: #d4bb82; }
.galleries-box .text-line { text-align: left; padding: 20px 0 0 7px; }
.gals-items a { display: block; border: 1px solid #ab935e; background-color: #faf1ca; color: #000; font-weight: bold; padding: 3px 5px; }
.gals-items a:hover { background-color: #fff; text-decoration: none; }
.gals-items .meta { font-weight: normal; }
.galleries-pictures .album-item { float: left; width: 165px; margin: 10px 0 0 7px; text-align: center; }
.galleries-pictures .album-item a { margin: 5px 0 10px 0; text-align: left; }
.galleries-pictures .album-item img { border: 2px solid #714f2f; padding: 1px; }
.galleries-video .main-thumb { float: left; background: #bbb9b7; border: 2px solid #714f2f; padding: 1px; width: 160px; height: 120px; margin: 10px 0 10px 10px; }
.galleries-video .link-list { float: right; width: 345px; margin-top: 5px; }
.galleries-video .link-list a { margin: 5px 10px 5px 10px; }
.galleries-video .link-list a img { float: left; height: 25px; margin: 3px 5px 0 0; }
.galleries-fanart { text-align: center; }
.galleries-fanart a { display: inline; border: 0; background: none; padding: 0; }
.galleries-fanart a:hover { background: none; }
.galleries-fanart a img { border: 2px solid #714f2f; padding: 1px; margin: 10px 0 5px 0; }

#video-gals { width: 524px; background-color: #f2d9a0; padding: 5px 8px; }
#video-gals .player { font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif; border: 1px solid #fbefd4; height: 243px; background: url(http://www2.the-leaky-cauldron.org/l6images/vg-player.jpg) no-repeat; }
#video-gals .player .left { background-color: #000; float: left; width: 299px; height: 243px; }
#video-gals .player .right { padding: 15px 7px 10px 0; float: right; width: 182px; color: #ffeec7; }
#video-gals .player .right h2 { font-weight: bold; line-height: 0.9em; }
#video-gals .player .right p { line-height: 0.9em; margin: 13px 0; }
#video-gals .player .right a { padding: 5px; display: block; line-height: 0.9em; color: #ffeec7; }
#video-gals .player .right a:hover { text-decoration: none; background-color: #4C3621; }
#video-gals .player .right .odd { background-color: #8b744b; }
#video-gals .player .right .even { background-color: #86673d; }
#video-gals .player .right .vid { border: 1px solid #ab935e; border-bottom: 0; }
#video-gals .player .right .last { border-bottom: 1px solid #ab935e; }

/*News Category Images*/

.news-cat { line-height: 35px; background: url(/images/news-icons.png) no-repeat; padding: 3px 0 3px 30px; }
.news-cat.films { background-position: 0 -25px; color: #A50000; }
.news-cat.books { background-position: 0 -50px; color: #26299E; }
.news-cat.fans { background-position: 0 -75px; color: #E5D259; }
.news-cat.leaky { background-position: 0 -100px; color: #0B400F; }
.news-cat.favs { background-position: 0 -125px; color: #A50000; }
.news-cat.ni { background: none; padding: 0; line-height: auto; }

/*More Leaky News*/
.more-news { float: left; background-color: #fefae4; border: 1px solid #f2d9a0; width: 150px; min-height: 257px; color: #5e0101; }
.more-news h2 { margin: 5px 5px 0 5px; }
.more-news h3 { margin: 0 5px 20px 5px; }
.more-news a { margin: 20px 5px; display: block; }
.more-news-ad { float: right; width: 310px; height: 250px; }
.more-news-ad .mn-ad { width: 100%; height: 100%; background: #707070 url(/images/mn-ad-bg.gif) repeat-y; }
.more-news-ad .mn-ad .ad { position: relative; text-align: center; left: 5px; width: 300px; height: 250px; color: #fff; }
.more-news-ad .mn-tb { background: #707070 url(/images/mn-ad-tb.gif) no-repeat; width: 100%; height: 5px; }
.more-news-ad .mn-tb.bottom { background-position: 0 -5px; }

/*Article Pages*/

.article { border-bottom: 1px solid #d0d0d0; padding-bottom: 10px; margin-bottom: 10px; }

.article img.news-img { border: 2px solid #714f2f; padding: 1px; margin: 0 15px 15px 0; float: left; }
.article h2 a { color: #000; }
.article p { text-align: justify; line-height: 140%; }
.article a.continued { font-weight: bold; float: left; }
.article .info { font-weight: bold; }
.article .info.comment { text-align: right; }

.article.single { border: 0; }

.article .subscribe { margin: 0 10px 15px 15px; float: right; text-align: right; }
.article .subscribe img.rhs { border: 2px solid #714f2f; padding: 1px; }

.article .subscribe form { border-width: 0 1px; border-style: solid; border-color: #e1c65b; margin-top: 15px; }
.article .subscribe h2 { font-weight: bold; letter-spacing: -.08em; padding: 2px 5px; background-color: #f5e9bf; border-top: 1px solid #e1c65b; border-bottom: 1px solid #e1c65b; }
.article .subscribe h3 { color: #9c0011; font-weight: bold; letter-spacing: -.06em; padding: 4px; background-color: #f9f9f9; border-bottom: 1px solid #cecece; }
.article .subscribe h4 { text-align: left; padding: 5px; border-bottom: 1px solid #CECECE; padding: 8px; }
.article .subscribe .grey { background-color: #F9F9F9; }
.article .subscribe .email { text-align: center; color: #B3B3B3; }
.article .subscribe .activate { background: url(/images/article-rate.gif) repeat-x bottom left; padding: 3px; text-align: center; border-bottom: 1px solid #cecece; }

/*Article Share Links*/

.article-links { clear: both; line-height: 1.5em; padding: 8px 0; border: 1px solid #e0e0e0; background: url(/images/article-comment.gif) repeat-x bottom left; font-weight: bold; text-align: center; color: #000; }
.article-links .share { margin-top: 5px; letter-spacing: -.05em; }
.article-links .share a { padding-left: 30px; margin-left: 15px; color: #000; background: url(/images/article-share.gif) no-repeat; height: 21px; line-height: 1.6em; }
.article-links .share .first { margin-left: 0; }
.article-links .share .friend { background-position: 0 -81px; }
.article-links .share .digg { background-position: 0 -41px; }
.article-links .share .delicious { background-position: 0 -60px; }
.article-links .share .facebook { background-position: 0 -20px; }
.article-links .more { display: block; color: #000; margin-top: 8px; }
.article-links .grey { color: #999; }

/*Pagination*/

.article .pagination { padding-top: 10px; }
.pagination { text-align: center; }
.pagination a { padding: 2px 5px; }
.pagination a:hover { background-color: #a50000; color: #fff; text-decoration: none; }
.pagination span.disabled { color: #999; font-weight: bold; padding: 2px 0; }
.pagination span.current { font-weight: bold; padding: 2px 5px; }
.pagination a.prev_page { font-weight: bold; }
.pagination a.next_page { font-weight: bold; }
.pagination.info { margin-top: 5px; }

/*Article Comments*/

.article-comment-spacer { border-bottom: 1px solid #d0d0d0; padding-bottom: 10px; margin-bottom: 10px; clear: both; }
.article-comment { position: relative; }
.article-comment .gravatar { float: left; padding: 0 10px 5px 0; }
.article-comment .info { padding-top: 10px; color: #999; position: relative; }
.article-comment .info .report { position: absolute; right: 0; color: #999; }
.article-comment .info .report:hover { color: #a50000; }
.comment-form input, .comment-form textarea { padding: 4px; border: 1px solid #999; font-family: Arial; }
.comment-form .errorExplanation p { font-size: 120%; }
.comment-form .errorExplanation ul { list-style: inside; padding: 0 0 10px 10px; }
.comment-form .fieldWithErrors input { border: 1px solid #DD4444; background-color: #fcc; }
.comment-form .fieldWithErrors textarea { border: 1px solid #DD4444; background-color: #fcc; }
.comment-form label { display: block; }
.comment-form .name { float: left; padding-right: 20px; }
.comment-form .body { padding: 10px 0; }
.comment-form .body textarea { width: 98%; }
.report_comment { border: 1px solid #a50000; padding: 10px 20px; }
.logged-in-to-comment { text-align: center; margin-top: 10px; border: 1px solid #a1a1a1; background-color: #eee; padding: 10px; }
.skin-ad { margin: 5px 0 0 -5px; width: 478px; height: 150px; background: url(/images/skin-ad.jpg) no-repeat; }
.skin-ad a { display: block; text-indent: -3000px; width: 100%; height: 100%; }
.twitter-ad { margin: 10px 0 0 -5px; width: 475px; height: 60px; background: url(/images/twitter.jpg) no-repeat; }
.twitter-ad a { display: block; text-indent: -3000px; width: 100%; height: 100%; }

.ahp { position: absolute; top: 55px; width: 50px; text-align: center; font-weight: bold; }
.ahp.gryffindor { color: #860000; }
.ahp.slytherin { color: #266000; }
.ahp.ravenclaw { color: #000564; }
.ahp.hufflepuff { color: #000; }

/*Archives*/

.archives { margin-top: 3px; text-align: center; font-size: 97%; font-weight: bold; }
.archives a { padding: 0 1px; color: #999; }
.archives a:hover { color: #a50000; }
.archives .sel { color: #a50000; }
.archives-dates .p { padding-right: 8px; }
.archives.dates .n { padding-left: 8px; }

/*Polls*/

.polls th { font-weight: bold; text-align: left; }
.polls td { padding: 3px 0; }
.polls .date { width: 150px; }
.polls .votes { width: 70px; }
.polls .c { text-align: center; }
.polls .bg { background-color: #eee; }

.poll_results { margin: 10px 0 20px 0; width: 100%; }
.poll_results th { text-align: left; }
.poll_results .answer { border: 1px solid #977E48; background-color: #B89F66; height: 20px; position: relative;}
.poll_results .votes { position: absolute; z-index: 10; left: 5px; top: 2px; white-space: nowrap; }
.poll_results .votes span { font-size: 80%; }
.poll_links { text-align: center; font-size: 120%; position: relative; padding-bottom: 10px; }
.poll_links .next { position: absolute; right: 15px; }
.poll_links .prev { position: absolute; left: 15px; }

/*Feature Sub-Headers*/

.feature-head { padding-top: 10px; font-weight: bold; margin-bottom: 10px; }
.feature-head h2 { padding-top: 25px; font-size: 24px; }
.feature-head.essays { background: url(/images/scribbulus.jpg) top right no-repeat; height: 166px; }
.feature-head.crafts { background: url(/images/crafts.jpg) top right no-repeat; height: 182px; padding-right: 15px; }
.feature-head.hp101 { background: url(/images/hp101.jpg) top right no-repeat; padding-top: 200px; text-align: center; }
.feature-head.hp7 { background: url(/images/hp7.jpg) top center no-repeat; padding-top: 110px; text-align: center; }

/***********************
Films and Books
************************/

/*Selection Box*/

.fb-select { list-style: none; height: 61px; background-color: #cfb67d; border-right: 1px solid #4c3520; border-top: 2px solid #e0c587; text-align: center; }
.fb-select a { float: left; display: block; text-indent: -3000px; height: 61px; outline-style: none; }
.fb-select .f { background: url(/images/films/film-select.jpg) no-repeat; }
.fb-select .f1 { width: 70px; }
.fb-select .f2 { width: 76px; background-position: 0 -61px; }
.fb-select .f3 { width: 75px; background-position: 0 -122px; }
.fb-select .f4 { width: 72px; background-position: 0 -183px; }
.fb-select .f5 { width: 69px; background-position: 0 -244px; }
.fb-select .f6 { width: 77px; background-position: 0 -305px; }
.fb-select .f7 { width: 75px; background-position: 0 -366px; }
.fb-select .b { background: url(/images/books/book-select.jpg) no-repeat; }
.fb-select .b1 { width: 73px; }
.fb-select .b2 { width: 73px; background-position: 0 -61px; }
.fb-select .b3 { width: 74px; background-position: 0 -122px; }
.fb-select .b4 { width: 73px; background-position: 0 -183px; }
.fb-select .b5 { width: 69px; background-position: 0 -244px; }
.fb-select .b6 { width: 77px; background-position: 0 -305px; }
.fb-select .b7 { width: 75px; background-position: 0 -366px; }

/*Main Box*/

.fb-main { background: #bca571 url(/images/fb/fb-bg.gif) repeat-x; height: 182px; border-right: 1px solid #4c3520; margin-top: 10px; }
.fb-main h1 { position: relative; top: -5px; height: 40px; width: 350px; display: block; text-indent: -3000px; }
.fb-main span { display: block; text-align: center; }
.fb-main .image { margin: -5px 0 0 4px; text-indent: -3000px; width: 505px; height: 122px; }

/*Boxes*/

.fb-box { text-align: left; margin-top: 0; background: #cfb67d url(/images/box-bg.gif) repeat-x; }
.fb-box h4 { margin: 6px 0 0 10px; letter-spacing: -.1em; color: #322213; }

/*Left Boxes*/

.fb-box.fb-left { float: left; margin: 10px 0 0 0; border-right: 1px solid #4c3520; width: 254px; }
.fb-box.fb-left .post { font-style: italic; border: 1px solid #ac945f; border-bottom: 0; background-color: #fdf7da; width: 238px; margin-left: 4px; padding: 3px; height: 53px; letter-spacing: -.05em; }
.fb-box.fb-left .post img { float: left; border: 1px solid #7e684a; padding: 1px; background-color: #fff; width: 50px; height: 50px; margin-right: 3px; }
.fb-box.fb-left .post h2 { font-weight: bold; line-height: 1.1em; }
.fb-box.fb-left .post h2 a { color: #000; }
.fb-box.fb-left .post span { display: block; }
.fb-box.fb-left .forum { height: 1%; }
.fb-box.fb-left .forum h2 { font-style: normal; text-decoration: underline; }
.fb-box.fb-left .forum span { margin-top: 3px; text-align: right; }

.fb-box.fb-right h4 { margin: 6px 0 0 10px; letter-spacing: -.1em; color: #322213; }
.fb-box.fb-right .item { border: 1px solid #ae9661; background-color: #f9e5b5; width: 170px; padding: 5px 5px 0 5px; margin-left: 10px; font-weight: bold; }
.fb-box.fb-right .item span { font-weight: normal; display: block; padding-bottom: 5px; }
.fb-box.fb-right .item a { color: #322213; }
.fb-box.fb-right .item a:hover { color: #000; }

.fb-box.fb-left.a-info { width: 100%; }
.fb-box.fb-left.a-info a { min-height: 33px; margin: 3px 0 0 11px; width: 45%; color: #000; display: block; float: left; padding: 5px 4px; border: 1px solid #ae9661; background-color: #f9e5b5; }
.fb-box.fb-left.a-info a:hover { background-color: #FDF7DA; text-decoration: none; }

.fb-box a.cast { display: block; color: #000; outline-style: none; border: 1px solid #ab935e; border-bottom: 0; padding: 0; font-weight: bold; background-color: #f0d79e; }
.fb-box a.cast:hover { text-decoration: none; background-color: #FDF7DA; }
.fb-box .cast img { width: 25px; height: 25px; margin-right: 5px; }
.fb-box .cast span { padding: 0; font-weight: normal; }

.fb-box.actor { width: 100%; margin-top: 0; }
.actor-box { margin: 10px 11px 0 11px; padding: 0 10px 10px 10px; background-color: #fdf7da; border: 1px solid #ae9661; }
.actor-box img { padding: 1px; margin: 0 10px 50px 0; border: 2px solid #714f2f; background-color: #fff; width: 150px; height: 150px; }
.actor-box .actor-big { display: block; font-size: 35px; color: #5f4329; }
.actor-box .actor-small { display: block; font-size: 25px; color: #714f2f; font-style: italic; }
.actor-box .actor-bio { clear: left; letter-spacing: -.05em; line-height: 1.2em; }

.actor-list { padding: 10px; border-top: 1px solid #ae9661; min-height: 100px; color: #555; }
.actor-list a { color: #555; text-decoration: none; }
.actor-list b a { color: #000; }
.actor-list b a:hover { text-decoration: underline; }
.actor-list img { width: 100px; height: 100px; margin-right: 10px; }

/*Blogs*/

.fb-main h1.blog { background: url(/images/blogs/title.jpg) no-repeat; }
.fb-main h1.blog a { display: block; height: 40px; width: 225px; }
.blog-main { display: block; width: 505px; height: 122px; }
.blog-main img { border: 0; }

.fb-box.blog { float: left; margin: 10px 0 0 0; border-right: 1px solid #4c3520; background-color: #f2d9a0; width: 100%; }
.fb-box.blog-inner { width: 500px; height: 298px; margin: 10px 0 0 6px; border: 1px solid #ae9661; background-color: #fdf7da; overflow: auto; }
.fb-box.blog .post { padding: 10px; letter-spacing: -.04em; line-height: 1.1em; border-bottom: 1px solid #ae9661; }
.fb-box.blog .post h2 { font-weight: normal; color: #000; }
.fb-box.blog .post .small { display: block; }
.fb-box.blog .post p { margin: 17px 0; }

.blog-inner { width: 500px; margin: 10px 0 0 6px; border: 1px solid #ae9661; background-color: #fdf8da; }
.blog-inner .post { border-bottom-width: 2px; }
.blog-inner .post h2 { }
.blog-inner .post h2 a { color: #000; }
.blog-inner .post .small { }
.blog-inner .post p { }
.blog-inner.bhp { background-color: #fff; }
.blog-item { border: 1px solid #ae9661; border-bottom: 0; background-color: #f9e5b5; width: 170px; min-height: 57px; margin-left: 10px; }
.blog-item a { color: #000; text-decoration: underline; }
.blog-item a img { float: left; margin-right: 5px; border: 0; }

.blog-archive { border: 1px solid #ae9661; background-color: #f9e5b5; margin: 10px; }
.blog-archive p { font-weight: normal; }
.blog-archive .excerpt { }

.blog-previous { font-weight: bold; }
.blog-previous .date { text-align: right; font-style: italic; font-weight: normal; }
.blog-previous a { display: block; color: #000; text-decoration: none; padding: 5px; }
.blog-previous a:hover { background-color: #FDF7DA; text-decoration: none; }
.blog-archive-link { font-weight: bold; display: block; text-align: center; margin-top: 5px; color: #000; }

.blog-title { text-align: center; font-weight: bold; margin-top: -12px; }
.blog-advert .headlines { padding-left: 5px; width: 135px; }
.blog-advert .privacy { padding-right: 5px; }
.blog-advert ul { list-style: none; }
.blog-advert li { }
.blog-advert a { color: #000; }

/***********************
Landing Pages
************************/

.lp-box { float: left; width: 242px; margin: 0; padding-top: 23px; background: #cfb67d url(/images/box-bg.gif) repeat-x; }
.lp-box a { display: block; margin: 0 5px; border: 1px solid #ae9661; background-color: #fdf7da; padding: 0 20px; color: #000; font-weight: bold; }
.lp-box a:hover { background-color: #fff; text-decoration: none; }
.lp-box a td { vertical-align: middle; height: 70px; }
.lp-box.tm { margin-top: 10px; }
.lp-box.full { width: 100%; }
.lp-box h4 { margin-bottom: 2px; }

.feature-box { position: relative; background: #cfb67d url(/images/feature-box-bg.gif) bottom left repeat-x; border-right: 1px solid #4c3520; margin-top: 10px; padding: 1px 0 6px 0; }
.feature-box span { display: block; text-align: center; }
.feature-box a.text { color: #000; }
.feature-box a.feature { border: 1px solid #a88f5b; display: block; margin: 5px auto; text-indent: -3000px; width: 505px; }
.feature-box a.features { background: url(/images/feature-box-features.jpg) no-repeat; height: 175px; }
.feature-box a.books { background: url(/images/feature-box-books.jpg) no-repeat; height: 215px; border-width: 0 1px 1px 0; }
.feature-box a.films { background: url(/images/feature-box-films.jpg) no-repeat; height: 214px; border-width: 0 0 1px 0; }
.feature-box .top { background: url(/images/feature-box-tl.gif) no-repeat; width: 11px; height: 15px; position: absolute; top: 0; left: -2px; }

/*Leaky Info*/

.li-c { font-weight: bold; float: left; border: 1px solid #ae9661; background-color: #fdf7da; width: 46%; padding: 10px; margin: 10px 0 0 5px; }
.li-c.r { margin-right: 0; }
.li-c form { text-align: left; }
.li-c label { font-weight: normal; display: block; margin: 10px 0 2px 0; }

/*Leaky Features*/

.lp-box.feature a { height: 165px; padding: 5px 7px; font-style: italic; font-weight: normal; text-align: left; }
.lp-box.feature h5 { font-size: 95%; }
.lp-box.feature .note { }
.lp-box.feature .note-ni { font-style: normal; }
.lp-box.feature h5.click { font-style: normal; text-align: center; margin-top: 3px; }

/* Retweet Button */
.retweet {float: right; margin:12px;}

.well.right .house-cup {
padding-top: 20px;
margin-right: 100px;
height: 70px;
font-size: 90%;
}

/* hide stupid email subscription box */
.article .subscribe form {
display: none;
}

.fb_edge_widget_with_comment {
padding-bottom: 5px;
padding-top: 5px;
position: relative; }

class=”cssRule cssEditableRule insertInto ” role=”presentation”>class=”cssHead focusRow ” role=”listitem”>#linkbar {role=”group”>class=”cssPropertyListBox ” role=”listbox”>class=”cssProp focusRow editGroup ” role=”option”> background: url(“/images/toplinks.png”) repeat-x scroll 0 0 transparent;class=”cssProp focusRow editGroup ” role=”option”> height: 40px;class=”cssProp focusRow editGroup ” role=”option”> opacity: 0.9;class=”cssProp focusRow editGroup ” role=”option”> position: fixed;class=”cssProp focusRow editGroup ” role=”option”> top: 0;class=”cssProp focusRow editGroup ” role=”option”> width: 100%;class=”cssProp focusRow editGroup ” role=”option”> z-index: 12;class=” editable insertBefore ” role=”presentation”>}