/*

6of3.com by Block Interactive
VERSION 1.0
-------------------

CONTENTS ----------

1.RESET
2.DEFAULT STYLES
3.LAYOUT
4.PAGE FURNITURE
  4.1 Masthead
  4.2 Logo
  4.3 Menu
  4.4 Crumbtrail
  4.5 Subscribe
  4.6 Footer
5.GLOBAL CLASSES
  5.1 Accessibility
  5.2 Content-level modules
  5.3 Meta
  5.4 Article navigation
  5.5 Sub-navigation
  5.6 Tabbed module headings
  5.7 Custom link styles
  5.9 Thumbnail galleries
  5.9 Misc
  5.10 Carousel
  5.11 Inline Thickbox
  5.12 sIFR
6.PAGE TYPES
  6.1 List pages
  6.2 Article pages
  6.3 Split pages
  6.4 Book pages
7.GLOBAL MODULES
  7.1 Trilogy
  7.2 Timeline
  7.3 Countdown
  7.4 Community
  7.5 Flickr
  7.6 Ringtones
  7.7 Signup
  7.8 Tweet The Galaxy
  7.9 Game
  7.10 Extracts
  7.11 Latest comment
  7.12 Anniversary
  7.13 Videos  
  7.14 Song
8.LOCALISED
  8.1 Home page
  8.2 Authors section
  8.3 Story So Far section
  8.4 Events section
  8.5 Competitions section
  8.6 Community section
  8.7 Vogontraining (game) section


-------------------

COLOURS ----------

aqua #4fcad0
yellow #fff045
-------------------

*/

/* ------------------------------------------------------------------------------- */
/*  =[1] RESET
    http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
/* ------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ------------------------------------------------------------------------------- */
/*  =[2] DEFAULT STYLES */
/* ------------------------------------------------------------------------------- */

body {
  font-family: "Helvetica Neue", Arial, "Free Sans", Helvetica, "Microsoft Sans Serif", sans-serif;
  font-size : 62.5%;
  line-height: 1.4;
  color: #a5a5a5;
  background: #1c1c1c url(/inc/img/bgnd/mesh.gif) left top repeat;
}
p {
  font-size: 1.4em;
  line-height: 1.3;
  margin: 0 0 1.4em 0;
}
blockquote {
  font-style: normal;
}
cite {
  font-style: normal;
}
acronym,
abbr {
  cursor: help;
  border: 0;
}
a,
a:link
a:visited,
a:focus,
a:active {
  text-decoration: none;
  color: #4fcad0;
}
a:hover {
  text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  letter-spacing: 0.02em;
}
h1 {
  font-size: 3.2em;
  font-style: italic;
  letter-spacing: -0.02em;
  color: #fff;
  margin: 0 0 .25em 0;
}
h2 {
  font-size: 1.8em;
  font-weight: bold;
  font-style: italic;
}
h3 {
  font-size: 1.7em;
}
h4 {
  font-size: 1.6em;
}
h5 {
  font-size: 1.5em;
}
h6 {
  font-size: 1.4em;
}
ul {
  font-size: 1.4em;
  margin: 0 0 1.4em 0;
  padding: 0;
  list-style: none;
}
img {

}
form,fieldset{
  margin:0;
  padding:0;
  overflow: hidden;
}
:focus {
  outline:none;
}
fieldset {
  border-style:none;
}
object {
  display: block;
  margin: 0 0 14px 0;
}
caption {
  position: absolute;
  left: -999em;
}
th form span /* for smd_calendar, which doesn't output caption */ {
  padding: 0 0 1em 0;
  font-size: 1.4em;
  letter-spacing: 0.02em;
  color: #fff;
}
thead th {
  padding: .4em 0 1.2em 0;
  font-size: 1.2em;
  font-weight: normal;
  text-align: left;
}
thead th a {
  color: #4fcad0;
  padding: 0 12px 0 0;
  background: url(/inc/img/bgnd/arrow_down.png) right center no-repeat;
}
tbody tr td {
  padding: .6em 8px .9em 0;
  border-top: 1px #525252 solid;
  font-size: 1.1em
}
tbody tr td a  {
  color: #fff045;
}
/* http://stackoverflow.com/questions/501671/superscript-in-css-only */
sup {
  font-size: 50%;
  vertical-align: top;
}

/* ------------------------------------------------------------------------------- */
/*  =[3] LAYOUT */
/* ------------------------------------------------------------------------------- */

#container {
  background: url(/inc/img/bgnd/container.gif) center top repeat-x;
}
#wrapper {
  position: relative;
  width: 1000px;
  margin: 0px auto;
  background: url(/inc/img/bgnd/masthead.jpg) center top no-repeat;
  overflow: hidden;
}
#masthead {
  margin: 0px auto;
  width: 980px;
  height: 37em;
  overflow: hidden;
  position:relative;
}
.js #masthead {
  height: 24.8em;
}
body.home.js #masthead {
  height: 24em;
}
#content {
  position: relative;
  margin: 0 auto 20px auto;
  width: 980px;
  overflow: hidden;
}
#primary {
  float: left;
  width: 580px;
  overflow: hidden;
  margin: 0 0 20px 0;
}
#secondary {
  float: right;
  margin: 0;
  overflow: hidden;
}
#site-info {
  clear: both;
  overflow: hidden;
  position: relative;
  width: 980px;
  margin: 0px auto;
}

/* ------------------------------------------------------------------------------- */
/*  =[3] PAGE FURNITURE */
/* ------------------------------------------------------------------------------- */


/* =[4.1] Masthead
--------------------------------- */

#masthead h1,
#masthead span,
#masthead p {
  float: left;
  text-indent: -999em;
}

/* =[4.2] Logo
--------------------------------- */

#logo {
  position:absolute;
  left: -999em;
}

/* =[4.3] Menu
--------------------------------- */

#menu {
  position:absolute;
  left: 0px;
  top: 178px;
  border: 0;
  padding: 13px 0 11px;
  overflow: hidden;
  font-size: 1em;
  line-height: 1;
}
#menu li,
#menu li a {
  float: left;
  height: 19px;
  margin: 0;
  padding: 0;
}
#menu li {
  margin: 0 0 0 20px;
  font-weight: normal;
  font-style: italic;
  font-size: 1.7em;
  text-transform: lowercase;
  letter-spacing: -0.02em;
}
#menu li a {
  background-image: url(/inc/img/bgnd/menu.png);
  background-repeat: no-repeat;
  text-indent: -999em;
}
li#home_btn a {
  width: 48px;
}
body.home li#home_btn a,
li#home_btn a:hover {
  background-color: #000;
  background-position: -19px -19px;
}
li#authors_btn a {
  width: 57px;
}
body.authors li#authors_btn a,
li#authors_btn a:hover {
  background-color: #000;
  background-position: -87px -19px;
}
li#story-so-far_btn a {
  width: 83px;
}
body.story-so-far li#story-so-far_btn a,
li#story-so-far_btn a:hover {
  background-color: #000;
  background-position: -164px -19px;
}
li#and-another-thing_btn a {
  width: 135px;
}
body.and-another-thing li#and-another-thing_btn a,
li#and-another-thing_btn a:hover {
  background-color: #000;
  background-position: -267px -19px;
}
li#events_btn a {
  width: 49px;
}
body.events li#events_btn a,
li#events_btn a:hover {
  background-color: #000;
  background-position: -422px -19px;
}
li#competitions_btn a {
  width: 97px;
}
body.competitions li#competitions_btn a,
li#competitions_btn a:hover {
  background-color: #000;
  background-position: -491px -19px;
}
li#game_btn a {
  width: 44px;
}
body.game li#game_btn a,
li#game_btn a:hover {
  background-color: #000;
  background-position: -608px -19px;
}
li#community_btn a {
  width: 86px;
}
body.community li#community_btn a,
li#community_btn a:hover {
  background-color: #000;
  background-position: -672px -19px;
}

/* =[4.4] Crumbtrail
--------------------------------- */

#crumbtrail {
  position: absolute;
  left: 0;
  top: 230px;
  width:780px;
  margin: 0;
  font-size: 1em;
  color: #4fcad0;
}
#crumbtrail li {
  display: inline;
  opacity: .9;
  margin: 0 3px 0 0;
  padding: 0 1em 0 0;
  font-size: 1.1em;
  background: url(/inc/img/bgnd/crumbtrail_divider.png) right 55% no-repeat;
}
#crumbtrail li.last {
  font-style: normal;
  background: none;
}
#crumbtrail li a {
  color: #fff045;
}

/* =[4.5] Subscribe
--------------------------------- */

#subscribe {
  position: absolute;
  right: 0;
  top: 230px;
  margin: 0;
  font-size: 1em;
  text-align: right;
  width: 380px;
}
.js #subscribe {
  width:200px;
}
#subscribe p {
  float: none;
  display: inline;
  font-size: 1.2em;
}
#subscribe ul {
  font-size: 1em;
}
#subscribe li {
  display: inline;
  padding: 0 .4em 0 0;
  margin: 0 .2em 0 0;
  opacity: .9;
  font-size: 1.1em;
  border-right: 1px #626262 solid;
}
#subscribe li.last {
  margin-right: 0;
  padding-right: 0;
  border: none;
}
#subscribe li.last a.thickbox {
  display: none;
}
.js #subscribe li.last a.thickbox {
  display: inline;
}
#subscribe li a {
  color: #a5a5a5;
}
#subscribe li.last a {
  color: #a5a5a5;
  padding-right: 15px;
  background: url(/inc/img/bgnd/rss.png) right -2px no-repeat;
}
#rss {
  text-align: left;
  padding: 5px;
  background: #000;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
body.home #rss {
  margin: 240px 0 0 0;
}
.js #rss {
  position: absolute;
  left: -999em;
}

/* =[4.6] Footer
--------------------------------- */

#site-info .group {
  margin: 0 0 1.4em 0;
  padding-top: 20px;
  border-top: 2px #525252 solid;
}
#site-info h3 {
  font-size: 1.4em;
  line-height: 1.15;
  font-weight: bold;
  color: #fff;
}
#site-info h3 a {
  color: #fff;
}
#site-info ul {
  font-size: 1em;
}
#site-info p {
  opacity: .9;
  font-size: 1.2em;
  line-height: 1.3;
  font-weight: normal;
}
#site-info .group p {
  padding-right: 10px;
}
#site-info li {
  opacity: .9;
  font-size: 1.2em;
  line-height: 1.3;
}
#site-info li a {
  color: #a5a5a5;
  font-weight: bold;
}
#site-info p.copyright {
  clear: both;
  font-size: 1.1em;
  border-top: 1px #525252 solid;
  padding: 1.4em 0 0 0;
}
#site-info p span {
  float: right;
}

#site-info p a {
  color: #ccc;
}

/* ------------------------------------------------------------------------------- */
/*  =[5] GLOBAL CLASSES */
/* ------------------------------------------------------------------------------- */


/* =[5.1] Accessibility
--------------------------------- */

.accessibility {
  position: absolute;
  left: -999em;
}

/* =[5.2] Content-level modules
--------------------------------- */

.single {
  float: left;
  margin: 0 20px 0 0;
  width: 180px;
}
.double {
  margin: 0 20px 0 0;
  width: 380px;
}
.last {
  border: 0;
  margin: 0;
}
.group {
  /* for rows of modules */
  clear: both;
  float: left;
  width: 980px;
  margin: 0 0 20px 0;
  overflow: hidden;
}
.module {
  float: left;
  margin: 0 20px 0 0;
  position:relative;
}
.module.last {
  border: 0;
  margin: 0;
}
.single .module {
  margin: 0 0 20px 0;
}
.double .module {
  margin-right: 0;
}
.double .single {
  margin: 0 20px 0 0;
}
.double .last {
  margin-right: 0;
}
#secondary .module,
#tertiary .module {
  margin-bottom: 20px;
}
.inner {
  clear: both;
  overflow: hidden;
  padding: 10px 20px;
  background: #000;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.double .inner {
  padding: 20px 20px;
}
.single .inner ,
.double .single .inner {
  padding: 10px 10px;
}
.module p {
  color: #a5a5a5;
  line-height: 1.15;
  margin: 0 0 .7em 0;
  opacity: .9;
}
.module p a {
  font-weight: bold;
}
.module p strong {
  color: #fff;
}

/* =[5.3] meta
--------------------------------- */

.meta {
  overflow: hidden;
  margin: 0 0 2em 0;
  font-size: 1.1em;
  line-height: 1.2;
  opacity: .9;
}
.meta li {
  display: inline;
  padding: 0 0 0 .4em;
  margin: 0 0 0 .2em;
  border-left: 1px #626262 solid;
}
.meta li.first {
  clear: both;
  margin-left: 0;
  padding-left: 0;
  border: none;
}

/* =[5.4] Article navigation
--------------------------------- */

.nav {
  clear: both;
  overflow: hidden;
  margin: 0 0 2.2em 0;
  padding: 1em 0 .5em 0;
  border-top: 1px #545454 solid;
  border-bottom: 1px #545454 solid;
}
#primary .nav {
  width: 540px;
}
.nav div {
  float: left;
  width: 270px;
}
.nav .more {
  float: left;
  margin: .3em 0
}
.article #primary .inner .nav div h2 {
  float: left;
  height: 33px;
  width: 270px;
  text-indent: -999em;
  margin: 0;
}
.nav div.blog h2 {
  background: url(/inc/img/bgnd/h_from_the_blog.png) left top no-repeat;
}
.nav div.video h2 {
  background: url(/inc/img/bgnd/h_video.png) left top no-repeat;
}
.nav div.events h2 {
  background: url(/inc/img/bgnd/h_related_events.png) left top no-repeat;
}
/* generic nav list styles */
.article_list {
  font-size: 1em;
  margin:0 0 1.4em;
  overflow: hidden;
}
.nav div .article_list  {
  padding-right: 10px;
  float: left;
  width: 260px;
}
.module .article_list li,
.list .article_list li,
.nav .article_list li {
  clear:both;
  margin:0.9em 0 0;
  padding:0.9em 0 0;
  border-top:1px solid #545454;
  overflow:hidden;
}
#secondary .article_list li  {
  margin: 0 0 .9em 0;
}
.article_list li.first {
  border:medium none;
  margin:0;
  padding:0;
}
.article_list img,
#primary .nav .article_list img  {
  float: left;
  margin: 0 10px 0 0;
  background: #111;
}
.article_list .summary {
  float: left;
  width: 300px;
}
#primary .article_list .summary  {
   width: 200px;
}
.article_list li h3,
#primary .article_list li h3  {
  font-size:1.4em;
  line-height:1.15;
  margin:0 0 0.3em;
}
.article_list li h3 a {
  color:#FFF045;
}
.article_list li.selected h3 a {
  color:#fff;
}
.article_list .meta {
  margin: 0;
}
.article_list .meta li {
  border-top: 0;
  border-left: 1px solid #626262;
  margin:0 0 0 .2em ;
  padding:0 0 0 .4em;
}
.article_list .meta li.first {
  border: 0;
  margin: 0;
  padding: 0;
}

/* =[5.5] Sub-navigation
--------------------------------- */

#subnav ul {
  font-size: 1em;
}
#subnav li {
  font-size: 1em;
  margin: 0 0 0.5em;
  padding: 0 0 .5em 0;
  border-bottom: 1px #545454 solid;
}
#subnav li.last {
  margin: 0;
  padding: 0;
  border: none;
}
#subnav li a {
  font-size: 1.4em;
  color: #fff045;
}
#subnav li.selected a {
  color: #fff;
}

#subnav .article_list  {
  font-size: 1em;
}
#subnav .article_list li {
  margin: .5em 0 0 0;
  padding: 0;
  border: 0;
  line-height: 1.3;
}
#subnav .article_list li a {
  font-size: 1.2em;
  color: #4fcad0;
}
#subnav .article_list li.selected a {
  color: #9cfaff;
}

/* =[5.6] Tabbed module headings
--------------------------------- */

h2.tab {
  height: 32px;
  padding: 0 20px 0 10px;
  text-indent: -999em;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
}
.module h2 {
  margin: 0;
  padding: 0;
  letter-spacing: -0.02em;
  line-height: 1.8;
  float: none;
  color: #000;
}
.module h2 a {
  color: #000;
  float: left;
  height: 32px;
  line-height: 1.8;
  padding: 0 20px 0 10px;
  text-indent: -999em;
  overflow: hidden;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
}
.module h2 a:hover {
/*  text-decoration: none; */
}

/* =[5.7] Custom link styles
--------------------------------- */

.more {
  float: right;
  font-size: 1.1em;
  color: #626262;
}
.button {
  overflow: hidden;
  margin: 0 0 1.4em 0;
}
.button a {
  float: left;
  text-indent: -999em;
}
.button a:hover {
  text-decoration: none;
}

/* =[5.9] Thumbnail galleries
--------------------------------- */

#gallery {
  left:380px;
  position:absolute;
  top:20px;
  width:180px;
  overflow: hidden;
}
.article #primary #gallery h2 {
  float: left;
  height: 28px;
  width: 180px;
  text-indent: -999em;
  margin: 0;
  background: url(/inc/img/bgnd/h_more_photos.png) right top no-repeat;
}
#gallery .thumbnails li {
  float: right;
  margin:0 0 10px 10px;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
}
#gallery .thumbnails li img {
  float: left;
  margin: 0;
}

/* .gallery-panel (/story-so-far/gallery/) */

.gallery-panel {

overflow:hidden;
height: 100%;
padding-top: 10px;
}

.gallery-panel a {

margin: 0 18px 18px 0;
float: left;
display: inline;
}

.gallery-panel a img {

display: block;
margin: 0 !important;
}


/* =[5.9] Misc
--------------------------------- */

.first {
  clear: both;
}
p.disclaimer {
  margin: 0 0 .7em 0;
  font-size: 1.1em;
  font-weight: normal;
  color: #626262;
}

/* =[5.10] Carousel
--------------------------------- */

.carousel  {
  overflow: hidden;
}
.single .carousel  {
  width:160px;
}
.double .carousel  {
  width:340px;
}
.carousel ul {
  font-size: 1em;
}
.carousel .slides {
  width:99999px;
  padding:0;
  margin:0;
  list-style:none;
}
.carousel .slides li {
  float:left;
}
.single .carousel .slides li {
  width:160px;
}
.double .carousel .slides li {
  width:340px;
}
.carousel ul.meta li {
  width: auto;
}
/* carousel buttons */
a.paginate {
  position:absolute;
  top: 212px;
  width:17px;
  height:17px;
  text-indent:-9999px;
  overflow:hidden;
  background-position:0 0;
  background-repeat: no-repeat;
}
a.prev,
a.smd_cal_navprev {
  left:20px;
  background-image: url(/inc/img/bgnd/bt_prev.png);
}
a.next,
a.smd_cal_navnext {
  left:45px;
  background-image: url(/inc/img/bgnd/bt_next.png);
}
a:hover.paginate {
  background-color: #343434;
}
a.inactive,
a.next-inactive,
a.prev-inactive {
  background-position:0 -17px;
}
a:hover.paginate.inactive,
a:hover.next-inactive,
a:hover.prev-inactive {
  background-color: #000;
  cursor: default;
}

/* =[5.11] Inline Thickbox
--------------------------------- */

#TB_window h3,
#TB_window h4 {
  float: left;
  width: 162px;
  height: 2.4em;
  text-indent: -999em;
  margin: 0px 0 0 0;
  overflow: hidden;
}

#TB_window #rss_feeds {
  background: url(/inc/img/bgnd/h_rss_feeds.gif) left top no-repeat;
}
#TB_window #terms_and_conditions {
  background: url(/inc/img/bgnd/h_terms_and_conditions.gif) left top no-repeat;
}
#TB_window h3,
#TB_window h4 {
  background: url(/inc/img/bgnd/h_select-your-location.gif) left top no-repeat;
}
#TB_window  l {
  font-size: 1em;
}
#TB_window p {
  clear: both;
  color: #7a7a7a;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 .7em 0;
}
#TB_window p {
  font-weight: normal;
}
#TB_window p strong {
  color: #555;
}
#TB_window ul {
  font-size: 1em;
  line-height: 1;
  margin: 0;
  padding: 0 0 2em 0;
}

/* book purchasing */
#TB_window .buy_now {
  background: url(/inc/img/bgnd/h_buy_now.gif) left top no-repeat;
}
#TB_window .purchase_links p {
  margin: 0;
  padding-bottom: 0;
}
#TB_window .purchase_links h5 {
  margin: 1em 0 0 0;
}
#TB_window .purchase_links ul.digital_books {
  margin: 0;
  padding: 0 0 1em 0;
  border-bottom: 1px #bbb solid;
}
#trilogy.module .scroll-elements {
  font-size: 1em;
}
#trilogy.module .scroll-elements li .outlets li,
#TB_window li {
  clear: both;
  overflow: hidden;
  margin: 1.3em 0 0 0;
  padding: 1em 0 0 0;
  border-top: 1px #bbb solid;
  font-size: 1em;
  line-height: 1;
}
#trilogy.module .scroll-elements li .outlets li  {
  border-top: 1px #ddd solid;
  margin: .3em 0 0 0;
  padding: .6em 0 0 0;
}
#trilogy.module .scroll-elements li .outlets p {
  color: #A5A5A5;
  font-weight: normal;
}
#trilogy.module .scroll-elements li .outlets strong {
  color: #7a7a7a;
  font-weight: normal;
}
#trilogy.module .scroll-elements li .outlets li ul {
  margin: 0;
  font-size: 1em;
}
#trilogy.module .scroll-elements li .outlets li ul,
#trilogy.module .scroll-elements li .outlets li ul li,
#TB_window li ul,
#TB_window li ul li {
  clear: none;
  float: left;
  border: none;
  padding: 0;
}
#TB_window li a,
#TB_window li a:link,
#TB_window #TB_ajaxContent a:visited {
  font-weight: bold;
  color: #4fcad0;
}
#TB_window li ul li a:link {
  text-decoration: underline;
}
#TB_window ul.purchase li a {
  background: url(/inc/img/bgnd/trolley.gif) right center no-repeat;
}
#TB_window li a:hover,
#TB_window li a:active {
  color: #7a7a7a;
  text-decoration: none;
}
#TB_window .feeds li {
  margin: 0;
  padding: 0;
}
#TB_window .feeds li a {
  display: block;
  line-height: 4;
  background: url(/inc/img/bgnd/rss_large.jpg) right center no-repeat;
}



/* =[5.12] sIFR
--------------------------------- */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}
.sIFR-replaced {
  visibility: visible !important;
}
span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
.sIFR-replaced {
  margin-bottom: 0;
}
h1.sIFR-replaced {
  margin-top: -10px; /* only way to offset sifr ppadding? */
}

/* ------------------------------------------------------------------------------- */
/*  =[6] PAGE TYPES */
/* ------------------------------------------------------------------------------- */


/* =[6.1] List pages
--------------------------------- */

.list #primary .article_list   {
  margin-top: 10px;
}
.list #primary .article_list .summary  {
  width: 300px;
}
.list #primary .article_list .summary p {
  font-size: 1.1em;
}
.list #primary .article_list .meta  {
  float: right;
  text-align: right;
  width: 175px;
}

/* =[6.2] Article pages
--------------------------------- */

.article #primary .inner {
  position: relative;
}
.article #primary img {
  margin-top: 10px;
}
.article #primary h2 {
  font-size: 2em;
  line-height: 1.2;
  font-weight: normal;
  font-style: normal;
  margin: .8em 0 .2em 0;
  color: #fff;
}
.article #primary h2 a {
  line-height: 1.2;
}
.article #primary .description h2 {
  font-size: 1.8em;
  line-height: 1.1;
  margin: 0 0 .9em 0;
  color: #e2e2e2;
}
.article #primary h3 {
  font-size: 1.8em;
  line-height: 1.1;
  margin: 0 0 .4em 0;
  padding-right: 20px;
}
.article #primary .description {
  clear: both;
  padding: 20px 0 0 0;
  width: 340px;
  line-height: 1.3;
  position: relative;
}
.article #primary .description p {
  opacity: .9;
}
.article #primary .description  blockquote p {
  color: #fff;
}
.article #primary .description  blockquote p cite {
  color: #626262;
}
.article #primary #pullquote {
  position: absolute;
  top: 20px;
  left: 360px;
  width: 180px;
}
.article #primary #pullquote blockquote {
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  margin: 0;
  padding: 5px 10px;
  background: #4fcad0;
}
.article #primary #pullquote blockquote p {
  margin: 0 0 0px 0;
  font-size: 1.6em;
  font-style: italic;
  font-weight: bold;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: #000;
}
.article #primary #pullquote cite {
  display: block;
  font-size: 1.1em;
  color: #484848;
  padding: 10px 0 0 0;
  background: url(/inc/img/bgnd/pullquote_pointer.png) 15px 0 no-repeat;
}
.article #primary p.footnote {
  font-size: 1.1em;
  color:#626262;
}


/* =[6.3] 'Split' pages
---------------------------------
   double-header #primary  */

#primary.split {
  width: 800px;
}
#primary.split .module {
  width: 380px;
  margin-bottom: 20px;
}
#primary.split .module.odd {
  clear: both;
}
#primary.split .module h2 {
  margin: .3em 0 .5em 0;
  letter-spacing: 0;
}
#primary.split .module h2 a {
  float: none;
  width: 380px;
  padding: 0;
  text-indent: 0;
  color: #fff;
}
#primary.split .module p {
  line-height: 1.3;
}
#primary.split .nav {
  width: 340px;
  padding-top: .6em;
  margin: 3em 0 1em 0;
  border-bottom: 0;
  height: 2em;
}

/* =[6.4] Book (article) pages
--------------------------------- */

.book #primary img {
  border: 0;
  margin: 0 0px 10px 0;
  float: left;
}
.book #primary img {
  margin: 0 30px 10px 0;
}
.article #primary .button a {
  width: 180px;
  height: 39px;
}
.buy a {
  background: url(/inc/img/bgnd/bt_buy.png) left center no-repeat;
}
#outlets {
  position: absolute;
  left: -999em;
}




/* ------------------------------------------------------------------------------- */
/*  =[7] GLOBAL MODULES */
/* ------------------------------------------------------------------------------- */


/* =[7.1] Trilogy
--------------------------------- */

#trilogy.module .inner {
  background: #fff url(/inc/img/bgnd/books_panel.gif) left 36px no-repeat;
  padding: 6px 10px 10px;
}
.js #trilogy.module .inner {
  height: 31.1em;
  position:relative;
}
#trilogy.module h2 {
  width: 137px;
  text-indent: -999em;
  background: url(/inc/img/bgnd/h_double_trilogy.png) 0px center no-repeat;
}
.scroll-view {
  overflow:auto;
}
.js .scroll-view {
  overflow:hidden;
  position:relative;
  height: 100%;
}
.js .scroll-elements {
  position:relative;
}
.js #trilogy.module .scroll-view {
  clear:both;
  width: 360px;
  height: 24.1em;
}
.js #trilogy.module .scroll-elements {
  width: 2160px;
  height: 24.1em;
  font-size: 1em;
}
.js #trilogy.module .scroll-elements li {
  width: 360px;
  height: 24.1em;
  float: left;
}
#trilogy.module .books-paginator {
  position: absolute;
  top: 10px;
  right: 65px;
  overflow:hidden; /* simple clearing */
  height:20px;
  font-size: 1em;
}
#trilogy.module .books-paginator li {
  float: left;
  margin-right: 3px;
  width: 17px;
  height: 17px;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  font-style: italic;
  line-height: 1.3;
}
#trilogy.module .books-paginator li a {
  display: block;
  width: 17px;
  height: 17px;
  color: #fff;
  background: #4fcad0 url(/inc/img/bgnd/trilogy_pagination.png) 0px center no-repeat;
}
#trilogy.module .books-paginator li.selected a,
#trilogy.module .books-paginator li a:hover {
  background-color: #3fa2a7;
  text-decoration: none;
}
#trilogy.module .books-paginator li a span {
  display: block;
  width: 17px;
  height: 17px;
  text-indent: -999em;
  background-position: center center;
  background-repeat: no-repeat;
}
li#book_number_6 a span {
   background-image: url(/inc/img/bgnd/trilogy_6.png);
}
li#book_number_5 a span {
   background-image: url(/inc/img/bgnd/trilogy_5.png);
}
li#book_number_4 a span {
   background-image: url(/inc/img/bgnd/trilogy_4.png);
}
li#book_number_3 a span {
   background-image: url(/inc/img/bgnd/trilogy_3.png);
}
li#book_number_2 a span {
   background-image: url(/inc/img/bgnd/trilogy_2.png);
}
li#book_number_1 a span {
   background-image: url(/inc/img/bgnd/trilogy_1.png);
}
#trilogy.module a.paginate {
  background-color: #fff;
  top: 9999em;
}
.js #trilogy.module a.paginate {
  top: 10px;
}
#trilogy.module a.prev {
  left: 328px;
  background-image: url(/inc/img/bgnd/bt_prev_light.png);
}
#trilogy.module a.next {
  left: 353px;
  background-image: url(/inc/img/bgnd/bt_next_light.png);
}

#trilogy.module a:hover.paginate {
  background-color: #fff045;
  text-decoration: none;
}
#trilogy.module img {
  float: left;
  margin: 26px 0 0 10px;
}
#trilogy.module .summary {
  float: right;
  margin: 32px 0 0 0;
  width: 180px;
}
#trilogy.module h3 {
  font-size: 1.6em;
  line-height: 1;
  margin: 0 0 .6em 0;
  font-weight: bold;
}
#trilogy.module h3 a {
  color: #1c1c1c;
}
#trilogy.module p {
  font-weight: bold;
  color: #7a7a7a;
  opacity: 1;
}
#trilogy.module .summary span a {
  font-size: 1.1em;
  color: #3fa2a7;
}
#trilogy.module .button {
  clear: both;
  margin: 14px 0 0 0;
  display: none;
}
.js #trilogy.module .button {
  display: block;
}
#trilogy.module .button {
  margin: 14px 0 0 0;
}
#trilogy.module .button a {
  width: 127px;
  height: 28px;
}
.order a {
  background: url(/inc/img/bgnd/bt_order.png) left center no-repeat;
}
.pre-order a {
  background: url(/inc/img/bgnd/bt_pre-order.png) left center no-repeat;
}
#trilogy.module .inner {
  height: auto;
}
#trilogy.module .outlets  {
  clear: both;
  display: block;
  padding-top: 3em;
  overflow: hidden;
}
body.js #trilogy.module .outlets  {
  position: absolute;
  left: -999em;
}
#trilogy.module .more {
  margin: 2em 0 0 0;
  font-size: 1.2em;
  color: #8e8e8e;
}
.js #trilogy.module .more {
  float: none;
  position: absolute;
  top: 25.3em;
  right: 10px;
  margin: 0;
  font-size: 1.2em;
  color: #8e8e8e;
}

/* =[7.2] Timeline
--------------------------------- */



#timeline {
  width: 980px;
  margin: 0 0 20px 0;
  overflow: hidden;
}
.js #timeline.module .inner {
  padding: 3px 5px 3px 10px;
  height: 8.6em;
}
.js #timeline.module div.summary {
  float: left;
  width: 150px;
}
#timeline.module h2 a {
  width: 150px;
  background: url(/inc/img/bgnd/h_timeline.png) 0px center no-repeat;
}
#timeline.module div.summary p {
  clear: both;
}
.js #timeline.module .summary p {
  width: 150px;
  font-size: 1.1em;
  line-height: 1.2;
  padding-top: 0.6em;
}
.js #timeline.module ol {
  clear: none;
  float: right;
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 10px 0;
  width: 810px;
  height: 66px;
  background: url(/inc/img/bgnd/timeline.gif) 12px 66px no-repeat;
}
.js #timeline.module ol li {
  position: absolute;
  z-index: 2;
  top: 45px;
  margin: 0;
  padding: 0;
  height: 18px;
  width: 24px;
  font-size: 1em;
  text-align: center;
  letter-spacing: -0.03em;
  line-height: 1.4;
  background: url(/inc/img/bgnd/bubble_small.gif) center center no-repeat;
}
.js #timeline.module ol li.teaser {
  top: 25px;
  height: 25px;
  width: 38px;
  background: url(/inc/img/bgnd/bubble_large.gif) center center no-repeat;
  font-size: 1.6em;
  line-height: 1.1;
}
.js #timeline.module ol li.alt {
  top: 5px;
}
#timeline.module ol li a {
  font-size: 1.6em;
}
.js #timeline.module ol li a {
  font-size: 1em;
}
.js #timeline.module ol li a {
  display: block;
  font-weight: bold;
  font-style: italic;
  color: #fff;
  text-indent: -999em;
  background-position: left top;
  background-repeat: no-repeat;
}
.js #timeline.module ol li a {
  background-position:  center top;
}
.js #timeline.module ol li.teaser a {
  color: #000;
  height: 18px;
  width: 38px;
}
.js #timeline.module ol li a:hover {
  text-decoration: none;
}
li#date_1978 { left: 0;}
/* li#date_1978 { left: -6px;} */
.js li#date_1978 a { background-image: url(/inc/img/bgnd/1978_small.gif); }
.js li#date_1978.teaser a { background-image: url(/inc/img/bgnd/1978_large.gif); }
li#date_1979 { left: 25px; }
li#date_1979.teaser { left: 19px; }
.js li#date_1979 a { background-image: url(/inc/img/bgnd/1979_small.gif); }
.js li#date_1979.teaser a { background-image: url(/inc/img/bgnd/1979_large.gif); }
li#date_1980 { left: 50px;}
li#date_1980.teaser { left: 44px;}
.js li#date_1980 a { background-image: url(/inc/img/bgnd/1980_small.gif);}
.js li#date_1980.teaser a { background-image: url(/inc/img/bgnd/1980_large.gif); }
li#date_1981 { left: 75px;}
li#date_1981.teaser { left: 69px;}
.js li#date_1981 a { background-image: url(/inc/img/bgnd/1981_small.gif);}
.js li#date_1981.teaser a { background-image: url(/inc/img/bgnd/1981_large.gif); }
li#date_1982 { left: 100px;}
li#date_1982.teaser { left: 94px;}
.js li#date_1982 a { background-image: url(/inc/img/bgnd/1982_small.gif);}
.js li#date_1982.teaser a { background-image: url(/inc/img/bgnd/1982_large.gif); }
li#date_1983 { left: 125px;}
li#date_1983.teaser { left: 119px;}
.js li#date_1983 a { background-image: url(/inc/img/bgnd/1983_small.gif);}
.js li#date_1983.teaser a { background-image: url(/inc/img/bgnd/1983_large.gif); }
li#date_1984 { left: 150px;}
li#date_1984.teaser { left: 144px;}
.js li#date_1984 a { background-image: url(/inc/img/bgnd/1984_small.gif);}
.js li#date_1984.teaser a { background-image: url(/inc/img/bgnd/1984_large.gif); }
li#date_1985 { left: 175px;}
li#date_1985.teaser { left: 169px;}
.js li#date_1985 a { background-image: url(/inc/img/bgnd/1985_small.gif);}
.js li#date_1985.teaser a { background-image: url(/inc/img/bgnd/1985_large.gif); }
li#date_1986 { left: 200px;}
li#date_1986.teaser { left: 194px;}
.js li#date_1986 a { background-image: url(/inc/img/bgnd/1986_small.gif);}
.js li#date_1986.teaser a { background-image: url(/inc/img/bgnd/1986_large.gif); }
li#date_1987 { left: 225px;}
li#date_1987.teaser { left: 219px;}
.js li#date_1987 a { background-image: url(/inc/img/bgnd/1987_small.gif);}
.js li#date_1987.teaser a { background-image: url(/inc/img/bgnd/1987_large.gif); }
li#date_1988 { left: 250px;}
li#date_1988.teaser { left: 244px;}
.js li#date_1988 a { background-image: url(/inc/img/bgnd/1988_small.gif);}
.js li#date_1988.teaser a { background-image: url(/inc/img/bgnd/1988_large.gif); }
li#date_1989 { left: 275px;}
li#date_1989.teaser { left: 269px;}
.js li#date_1989 a { background-image: url(/inc/img/bgnd/1989_small.gif);}
.js li#date_1989.teaser a { background-image: url(/inc/img/bgnd/1989_large.gif); }
li#date_1990 { left: 300px;}
li#date_1990.teaser { left: 294px;}
.js li#date_1990 a { background-image: url(/inc/img/bgnd/1990_small.gif);}
.js li#date_1990.teaser a { background-image: url(/inc/img/bgnd/1990_large.gif); }
li#date_1991 { left: 325px;}
li#date_1991.teaser { left: 319px;}
.js li#date_1991 a { background-image: url(/inc/img/bgnd/1991_small.gif);}
.js li#date_1991.teaser a { background-image: url(/inc/img/bgnd/1991_large.gif); }
li#date_1992 { left: 350px;}
li#date_1992.teaser { left: 344px;}
.js li#date_1992 a { background-image: url(/inc/img/bgnd/1992_small.gif);}
.js li#date_1992.teaser a { background-image: url(/inc/img/bgnd/1992_large.gif); }
li#date_1993 { left: 375px;}
li#date_1993.teaser { left: 369px;}
.js li#date_1993 a { background-image: url(/inc/img/bgnd/1993_small.gif);}
.js li#date_1993.teaser a { background-image: url(/inc/img/bgnd/1993_large.gif); }
li#date_1994 { left: 400px;}
li#date_1994.teaser { left: 394px;}
.js li#date_1994 a { background-image: url(/inc/img/bgnd/1994_small.gif);}
.js li#date_1994.teaser a { background-image: url(/inc/img/bgnd/1994_large.gif); }
li#date_1995 { left: 425px;}
li#date_1995.teaser { left: 419px;}
.js li#date_1995 a { background-image: url(/inc/img/bgnd/1995_small.gif);}
.js li#date_1994.teaser a { background-image: url(/inc/img/bgnd/1995_large.gif); }
li#date_1996 { left: 450px;}
li#date_1996.teaser { left: 444px;}
.js li#date_1996 a { background-image: url(/inc/img/bgnd/1996_small.gif);}
.js li#date_1996.teaser a { background-image: url(/inc/img/bgnd/1996_large.gif); }
li#date_1997 { left: 475px;}
li#date_1997.teaser { left: 469px;}
.js li#date_1997 a { background-image: url(/inc/img/bgnd/1997_small.gif);}
.js li#date_1997.teaser a { background-image: url(/inc/img/bgnd/1997_large.gif); }
li#date_1998 { left: 500px;}
li#date_1998.teaser { left: 494px;}
.js li#date_1998 a { background-image: url(/inc/img/bgnd/1998_small.gif);}
.js li#date_1998.teaser a { background-image: url(/inc/img/bgnd/1998_large.gif); }
li#date_1999 { left: 525px;}
li#date_1999.teaser { left: 519px;}
.js li#date_1999 a { background-image: url(/inc/img/bgnd/1999_small.gif);}
.js li#date_1999.teaser a { background-image: url(/inc/img/bgnd/1999_large.gif); }
li#date_2000 { left: 550px;}
li#date_2000.teaser { left: 544px;}
.js li#date_2000 a { background-image: url(/inc/img/bgnd/2000_small.gif);}
.js li#date_2000.teaser a { background-image: url(/inc/img/bgnd/2000_large.gif); }
li#date_2001 { left: 575px;}
li#date_2001.teaser { left: 569px;}
.js li#date_2001 a { background-image: url(/inc/img/bgnd/2001_small.gif);}
.js li#date_2001.teaser a { background-image: url(/inc/img/bgnd/2001_large.gif); }
li#date_2002 { left: 600px;}
li#date_2002.teaser { left: 594px;}
.js li#date_2002 a { background-image: url(/inc/img/bgnd/2002_small.gif);}
.js li#date_2002.teaser a { background-image: url(/inc/img/bgnd/2002_large.gif); }
li#date_2003 { left: 625px;}
li#date_2003.teaser { left: 619px;}
.js li#date_2003 a { background-image: url(/inc/img/bgnd/2003_small.gif);}
.js li#date_2003.teaser a { background-image: url(/inc/img/bgnd/2003_large.gif); }
li#date_2004 { left: 650px;}
li#date_2004.teaser { left: 644px;}
.js li#date_2004 a { background-image: url(/inc/img/bgnd/2004_small.gif);}
.js li#date_2004.teaser a { background-image: url(/inc/img/bgnd/2004_large.gif); }
li#date_2005 { left: 675px;}
li#date_2005.teaser { left: 669px;}
.js li#date_2005 a { background-image: url(/inc/img/bgnd/2005_small.gif);}
.js li#date_2005.teaser a { background-image: url(/inc/img/bgnd/2005_large.gif); }
li#date_2006 { left: 700px;}
li#date_2006.teaser { left: 694px;}
.js li#date_2006 a { background-image: url(/inc/img/bgnd/2006_small.gif);}
.js li#date_2006.teaser a { background-image: url(/inc/img/bgnd/2006_large.gif); }
li#date_2007 { left: 725px;}
li#date_2007.teaser { left: 719px;}
.js li#date_2007 a { background-image: url(/inc/img/bgnd/2007_small.gif);}
.js li#date_2007.teaser a { background-image: url(/inc/img/bgnd/2007_large.gif); }
li#date_2008 { left: 750px;}
li#date_2008.teaser { left: 744px;}
.js li#date_2008 a { background-image: url(/inc/img/bgnd/2008_small.gif);}
.js li#date_2008.teaser a { background-image: url(/inc/img/bgnd/2008_large.gif); }
li#date_2009 { left: 775px;}
li#date_2009.teaser { left: 769px;}
.js li#date_2009 a { background-image: url(/inc/img/bgnd/2008_2009.gif);}
.js li#date_2009.teaser a { background-image: url(/inc/img/bgnd/2009_large.gif); }

.js #timeline.module ol li .summary {
  position: absolute;
  left: -999em;
}
.js #timeline.module ol li.simple a {
  cursor: default;
  width: 24px;
  height: 14px;
}
.js #timeline.module ol li.gallery-teaser a {
  cursor: pointer;
}
#tooltip {
  position: absolute;
  background: url(/inc/img/bgnd/tooltip_bottom.png) center bottom no-repeat;
  padding: 0 0 10px 0;
  width: 184px;
  z-index: 100;
}
#tooltip .body {
  background: url(/inc/img/bgnd/tooltip_top.png) center top no-repeat;
  padding: 12px 12px 12px 12px;
  width: 160px;
}
#tooltip .body div {
  position: relative;
  height:100%;
}
#tooltip .body div.image,
#tooltip .body div.audio,
#tooltip .body div.video {
  padding: 0px 0px 0px 55px;
}
#tooltip .body div.audio {
  background: url(/inc/img/bgnd/tooltip_audio.gif) 0px 0px no-repeat;
}
#tooltip .body div.video {
  background: url(/inc/img/bgnd/tooltip_video.gif) 0px 0px no-repeat;
}
#tooltip .body div img {
  position: absolute;
  left: 0;
}
#tooltip h3 {
  margin: 0 0 .2em 0;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2;
  color: #1c1c1c;
}
#tooltip p {
  margin: 0;
  font-size: 1.1em;
  line-height: 1.3;
  color: #828282;
}

/* =[7.3] Countdown
--------------------------------- */

#countdown p  {
  margin: 0 0 1em;
  color:#a5a5a5;
  font-size: 1.2em;
  font-weight: normal;
  position: absolute;
  left: -9999em;
}
#countdown .inner {
  padding-top: 5px;
  width: 180px;
  height: 219px;
  background: url(/inc/img/bgnd/countdown.jpg) left top no-repeat;
}
#countdown h2 {
  margin: 0 0 .3em 0;
  color:#a5a5a5;
  position: absolute;
  left: -9999em;
}
#countdown.module .button  {
  position: absolute;
  top: 174px;
  left: 26px;
}
#countdown.module .button a {
  height:28px;
  width:127px;
}

/* =[7.4] Community
--------------------------------- */

#community.module .inner,
#blog_latest.module .inner,
#latest_fan_feeds.module .inner {
  padding: 10px 11px;
}
body.home #community.module .inner {
  height: 20.7em;
}
#community.module h2 a {
  width: 99px;
  background: #4fcad0 url(/inc/img/bgnd/h_community.png) 10px 8px no-repeat;
}
li.comments a {
  padding: 0 0 0 14px;
  background: url(/inc/img/bgnd/comments.png) left center no-repeat;
}
#community.module .more {
  opacity: .9;
}

#community.module a.image {
  float: left;
margin-right: 10px;
}
#community.module a.image img {
  float: none;
margin-right: 0;
}
#community .article_list .summary {
  float: none;
  width: auto;
}

/* =[7.5] Flickr
--------------------------------- */

#flickr {
  margin: 0 0 10px 0;
}
#flickr h2 a {
  width: 127px;
  background: #fff045 url(/inc/img/bgnd/h_flickr.png) 10px 8px no-repeat;
}

/* = Gallery widget
--------------------------------- */

#gallery_widget {
  margin: 0 0 10px 0;
}
#gallery_widget h2 a {
  width: 77px;
  background: #fff045 url(/inc/img/bgnd/h_galleries.png) 10px 8px no-repeat;
}

/* =[7.6] Ringtones
--------------------------------- */

#ringtones .inner {
  padding: 5px 11px 10px 11px;
  height: 11.1em;
}
#ringtones h2 {
  height:29px;
  overflow:hidden;
}
#ringtones h2 a {
  text-indent: -999em;
  width: 56px;
  background: url(/inc/img/bgnd/h_ringtones.png) 0px 8px no-repeat;
}
#ringtones p {
  color: #fff;
  padding-top: .3em;
  font-weight: bold;
}

/* =[7.7] Signup
--------------------------------- */

#signup .inner {
  height: 19.9em;
}
#signup h2 {
  text-indent: -999em;
  width: 138px;
  background: #fff045 url(/inc/img/bgnd/h_signup.png) 10px 8px no-repeat;
}
#signup p {
  color: #fff;
  font-weight: bold;
/*
@Chris: bold & clipped opacity, or
  font-weight: normal;
  opacity: 1;
  letter-spacing: 0.03em;

*/
}
#signup p.disclaimer {
  color:#626262;
  font-weight:normal;
}
#signup .button {
  width: 127px;
  margin: 0 auto 1.2em auto;
}
#signup .button a {
  width: 127px;
  height: 28px;
  background: url(/inc/img/bgnd/bt_signup.png) left center no-repeat;
}

/* =[7.8] Tweet The Galaxy
--------------------------------- */

#tweet-the-galaxy.module .inner {
  height: 23.1em;
}
#tweet-the-galaxy.module h2#ttg {
  width: 156px;
  height: 95px;
  background: url(/inc/img/bgnd/ttg.jpg) left top no-repeat;
  margin: 0 0 16px 0;
}
#tweet-the-galaxy.module h2 a  {
  width: 156px;
  height: 95px;
  padding: 0;
}
#tweet-the-galaxy.module p {
  font-weight: bold;
  color: #fff;
}

/* =[7.9] Game
--------------------------------- */

#game.module {
  height: 25em;
}

/* =[7.10] Extracts
--------------------------------- */

#extracts h2 {
  text-indent: -999em;
  width: 113px;
  background: #4fcad0 url(/inc/img/bgnd/h_extracts.png) 10px 8px no-repeat;
}
body.authors #extracts h2 {
  width: 250px;
  background: #4fcad0 url(/inc/img/bgnd/h_extracts_eoin.png) 10px 8px no-repeat;
}
#extracts .inner {
  padding: 6px 10px 0;
}
.radio-extracts .list #primary ul,
#extracts .inner ul {
  font-size: 1em;
  margin: 0;
  padding: .3em 0 0 0;
}
.radio-extracts .list #primary ul li,
#extracts .inner ul li {
  clear:both;
  margin:0em 0 0;
  padding:0.6em 0 0;
  border-top:1px solid #545454;
  overflow:hidden;
}
.radio-extracts .list #primary ul li {
  padding-top: .9em;
}
.radio-extracts .list #primary ul li.first,
#extracts .inner ul li.first {
  border:medium none;
  margin:0;
  padding:0;
}
.radio-extracts .list #primary ul li.first {
  padding: 5px 0 0 0;
}
.radio-extracts .list #primary h3,
#extracts h3 {
  float: left;
  width: 260px;
  margin: 0 0 .6em 0;
  font-size: 1.4em;
  color: #fff;
}
.radio-extracts .list #primary h3,
.radio-extracts .list #primary p {
  width: 358px;
}
#extracts p {
  clear:both;
}
.radio-extracts .list #primary p {
  font-size: 1.2em;
  color: #fff;
}
.radio-extracts .list #primary h3 a,
#extracts h3 a {
  color: #fff045;
}
#extracts .selected h3 a {
  color: #fff;
}
.radio-extracts .list #primary .date {
  float: right;
  margin: 0 .6em 0 0;
  padding: 0 .6em 0 0;
  border-right: 1px #333 solid;
  font-size: 1.1em;
  line-height: 1.4;
  opacity: .9;
}
.radio-extracts .list #primary a.more,
#extracts a.more {
  opacity: .9;
  color: #4fcad0;
  line-height: 1.4;
}
#extracts  {
  z-index:0;
  position:relative;
}
#extracts object {
  clear: both;
  margin: 0 0 1em 0;
}
.radio-extracts #primary object {
  margin: 20px 0 1em 0;
}
#radio_extracts h2 a {
  text-indent: -999em;
  padding: 0;
  width: 163px;
  background: url(/inc/img/bgnd/h_radio_extracts_blue.png) left 4px no-repeat;
}
.radio-extracts .article .nav h2 {
  text-indent: -999em;
  padding: 0;
  width: 163px;
  background: url(/inc/img/bgnd/h_radio_extracts.png) left 4px no-repeat;
}

/* =[7.11] Latest comment
--------------------------------- */

#latest_comment h2 {
  text-indent: -999em;
  padding: 0;
  width: 163px;
  background: url(/inc/img/bgnd/h_latest_comment.png) left 4px no-repeat;
}
#latest_comment blockquote {
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  padding: 5px;
  background: #1f1f1f;
}
#latest_comment blockquote p {
  font-size: 1.1em;
}
#latest_comment .meta {
  font-size: 1.1em;
  margin: 0 0 10px 0;
  padding: 14px 0 0 8px;
  background: url(/inc/img/bgnd/pullquote_pointer_small.png) 8px 0 no-repeat;
}

/* =[7.12] Anniversary
--------------------------------- */

body.home #anniversary.module .inner {
  height: 27.6em;
  position: relative;
}
#anniversary.module .more {
  top: 24.7em;
  right: 10px;
  position: absolute;
}
#anniversary.module h2 a {
  width: 106px;
  background: #fff045 url(/inc/img/bgnd/h_anniversary.png) 10px 8px no-repeat;
}
#anniversary.module .more {
  opacity: .9;
}
#anniversary.module p a {
  font-weight: normal;
}

/* =[7.13] Videos
--------------------------------- */

#videos.module .inner {
  height:180px;
  position:relative;
}
#videos.module a.image {
  float:left;
  margin-right:20px;
  display:inline;
}
#videos.module img {
  margin-top:0;
}
#videos.module h2 a {
  width: 120px;
  background: #fff045 url(/inc/img/bgnd/h_videos.png) 10px 8px no-repeat;
}
#videos.module a.more {
  position:absolute;
  bottom:10px;
  right:10px;
  text-align:right;
  opacity: .9;
}
#videos.module h3 {
  margin-top: 0;
  margin-bottom:8px;
}
#videos.module h3 a {
  color: #fff045;
  font-weight:normal;
}
#videos.module h3 {
  font-size: 1.4em;
  margin: 0 0 .3em;
}
#videos.module p {
  float: left;
  color:#fff;
  width: 170px;
  height: 126px;
  border-bottom: 1px solid #545454;
}
#videos.module p {
  font-size: 1.2em;
}
#videos_widget { /* single widget */
  margin: 0 0 10px 0;
}
.story-so-far #videos_widget { /* single widget */
  margin-right: 20px;
}
#videos_widget h2 a {
  width: 77px;
  background: #fff045 url(/inc/img/bgnd/h_videos.png) 10px 8px no-repeat;
}
/* =[7.14] Song
--------------------------------- */

#song.module .inner {
  height: 200px;
}
#song.module .inner img {
  margin-bottom: .3em;
}
#song.module h2 a {
  width: 99px;
  background: #4fcad0 url(/inc/img/bgnd/h_song.png) 10px 8px no-repeat;
}

/* ------------------------------------------------------------------------------- */
/*  =[8] LOCALISED */
/* ------------------------------------------------------------------------------- */


/* =[8.1] Homepage
--------------------------------- */

/*-- Introduction module -- */

#introduction h2 {
  text-indent:-999em;
  width: 167px;
  background: #fff url(/inc/img/bgnd/h_introduction.png) 10px center no-repeat;
}
#introduction.module .inner {
  height: 25.5em;
}
#introduction #transcript {
  background: #1c1c1c;
	width:340px;
	height:255px;
}
/*-- Authors module -- */

#authors.module .inner {
  padding: 5px 11px 10px 11px;
  height: 24.4em;
}
#authors.module h2 {
  overflow: hidden;
  height: 29px;
}
#authors.module h2 a {
  width: 99px;
  background: url(/inc/img/bgnd/h_authors.png) 0px 8px no-repeat;
}
#authors.module ul  {
  font-size: 1em;
  margin: 0;
}
#authors.module .vcard  {
  clear: both;
  overflow: hidden;
  margin: .9em 0 0 0;
  font-size: 1em;
}
#authors.module .vcard img.thumb {
  float: left;
  margin: 0;
}
#authors.module .vcard .summary {
  float: right;
  width: 102px;
}
#authors.module .vcard .summary h3 {
  margin: 0 0 .2em;
  font-size: 1.2em;
  line-height: 1.3;
}
#authors.module .vcard .summary p {
  margin: 0 0 .3em;
  font-size: 1.1em;
  line-height: 1.25;
  color: #dadada;
}
/*-- Events module -- */

#events.module h2 a {
  width: 145px;
  background: #fff045 url(/inc/img/bgnd/h_upcoming_events.png) 10px 8px no-repeat;
}
#events.module .inner {
  height: 20.7em;
  padding: 10px;
}

#events.module h3 {
  margin-left: 55px;
	width: 100px;
	font-size:12px;
  display: inline; /* IE6 double margin bug fix */
}
#events.module h3 a {
  color:#fff;
}
#events.module ol  {
  margin: 0 0 .5em;
}
#events.module ol li.vevent {
  position: relative;
  min-height: 45px;
}
#events.module ol li.vevent li.dtstart {
  position: absolute;
  left: 0;
  top: .9em;
  margin: 0;
  padding: 0;
  width:45px;
  height:4.2em;
  border: 0;
  z-index: 999;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: #A5A5A5;
}
#events.module ol li.first li.dtstart {
  top: 0;
}
#events.module ol li.vevent li.dtstart a {
  display:block;
  width:45px;
  height:4.2em;
  background: url(/inc/img/bgnd/calendar_cell.gif) 0 -126px no-repeat;
  color: #A5A5A5;
}
#events.module ol li.vevent li.dtstart a:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
#events.module ol li.vevent li.dtstart a span {
  display: block;
  font-size: 2em;
  padding-top: .20em;
  letter-spacing: -0.04em;
  font-weight: bold;
}
#events.module ol li.vevent .meta  {
  clear: both;
  overflow: visible;
  margin-left: 55px;
}
#events.module ol li.vevent .meta a {
  color: #4FCAD0;
}
#events.module ol li.vevent .meta li.category {
  border: 0;
}
#events.module .more {
  opacity: .9;
}
#webchat {
  width: 980px;
  height: 92px;
  margin: 0 0 20px;
  background: url(/inc/img/bgnd/webchat2.jpg) left top no-repeat;
  position: relative;
}
#webchat h2,
#webchat p,
#webchat div {
  position: absolute;
}
#webchat h2,
#webchat p {
  left: -9999px;
}
#webchat p a {
  position: absolute;
  left: 10665px;
  top: 37px;
  width: 88px;
  height: 16px;
  text-indent: -999em;
}
#webchat div.button {
  left: 862px;
  top: 53px;
  width: 106px;
  height: 28px;
}
#webchat div.button a {
  width: 102px;
  height: 30px;
}


/* =[8.2] Authors section
--------------------------------- */

.nav div.related_videos {
  clear: both;
  width: 540px;
}
.nav div.related_videos h2 {
  background: url(/inc/img/bgnd/h_related_videos.png) left top no-repeat;
}
.nav div.related_videos ul.article_list {
  clear: both;
  width: 540px;
}
.nav div.related_videos ul.article_list li {
  clear:none;
  float: left;
  width: 260px;
  margin: 0;
  margin-right: 20px;
  border: 0;
}
.nav div.related_videos ul.article_list li.odd {
  clear:both;
}
.nav div.related_videos ul.article_list li.even {
  float: right;
  margin-right: 0;
}
body.authors .section #eoin-colfer .nav a {
  color: #fff045
}

/* =[8.3] Story So Far section
--------------------------------- */
body.story-so-far .section #secondary {
	width:380px;
}
body.story-so-far .section #anniversary.module h2 a {
  background-color: #4FCAD0;
}
body.story-so-far #anniversary.module img {
  margin: 0 0 20px;
}
body.story-so-far #anniversary.module .more {
  position: relative;
  left: 0;
  top: 0;
  float: left;
}
body.story-so-far .article #primary a.prev,
body.timeline .article #primary a.prev {
  top: 21px;
  left: 495px;
}
body.story-so-far .article #primary a.next,
body.timeline .article #primary a.next {
  top: 21px;
  left: 520px;
}


/* -- Anniversary page -- */

.anniversary #primary #pullquote blockquote {
  background: #fff045;
}
.anniversary #primary #pullquote cite {
  background: url(/inc/img/bgnd/pullquote_pointer_yellow.png) 15px 0 no-repeat;
}
.anniversary .article_list li {
  margin: 0;
  padding: 0;
  border: none;
}
.anniversary .article_list li a  {
  font-size: 1.4em;
  color: #fff045;
}
.anniversary .article_list li.selected a  {
  color: #fff;
}
.anniversary #primary .nav h2 {
  text-indent: -999em;
  background: url(/inc/img/bgnd/h_the_books.png) left top no-repeat;
}

/* -- Timeline page -- */

.timeline #primary .description h2 {
  margin: 0em 0 0.4em;
  font-size: 2em;
  color: #fff;
}

/* -- Radio extracts page (see [7.10] Extracts module ) -- */

/* -- Hitchhiker Books page -- */


.hitchhiker-books #primary .button  {
  margin: 14px 0 0 0;
}
.hitchhiker-books .list #primary .button a  {
  width: 127px;
  height: 28px;
}
.order a {
  background: url(/inc/img/bgnd/bt_order.png) left center no-repeat;
}
.pre-order a {
  background: url(/inc/img/bgnd/bt_pre-order.png) left center no-repeat;
}
.hitchhiker-books #primary .outlets {
  position: absolute;
  left: -999em;
}
.hitchhiker-books .list #primary ul {
  font-size: 1em;
}
.hitchhiker-books .list #primary li {
  clear:both;
  margin:0.9em 0 0;
  padding:0.9em 0 0;
  border-top:1px solid #545454;
  overflow:hidden;
}
.hitchhiker-books .list #primary li.first {
  margin: 0;
  padding: .6em 0 0 0;
  border-top: 0;
}
.hitchhiker-books .list #primary li h2 {
  font-size:2em;
  font-style:normal;
  font-weight:normal;
  line-height: 1.2;
  margin:0.8em 0 0.3em;
}
.hitchhiker-books .list #primary li h2 a {
  color:#fff;
}
/* restore overwritten meta styles
 avoid this by adding a classname to the book list(!)
 */
.hitchhiker-books .list #primary .meta  {
  font-size:1.1em;
  line-height:1.2;
  margin:0 0 1.4em;
}
.hitchhiker-books .list #primary .meta li {
  border-left:1px solid #626262;
  margin:0 0 0 .2em;
  padding:0 0 0 .4em;
  border-top: none;
}
.hitchhiker-books .list #primary .meta li.first {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}

/* -- Video pages -- */

.videos .list #primary ol li {
  overflow:hidden;
  height:100%;
  padding-top:16px;
  margin-bottom:16px;
  margin-top:10px;
  border-top: 1px solid #545454;
}
.videos .list #primary ol li.first {
  padding-top: 0x;
  margin-top: 0px;
  border-top: 0px solid #545454;
}
.videos .list #primary ol li a.image {
  float:left;
  margin-right:20px;
  display:inline;
}
.videos .list #primary ol li a.image img {
  margin-top:0;
}
.videos .list #primary ol li h2 {
  font-size: 1.4em;
  margin-top: 0;
  margin-bottom:8px;
  font-style: normal;
  font-weight: normal;
}
.videos .list #primary ol li h2 a {
  color: #fff045;
}
.videos .list #primary ol li p {
  font-size: 1.2em;
  color:#fff;
}

#primary .video {
  margin-top: 10px;
  background: url(/inc/img/bgnd/video_panel.gif) right center no-repeat;
}
#primary .video object {
  position: relative;
  margin: 0 auto;
  font-size: 1.2em;
  color: #000;
}


/* =[8.4] Events section
--------------------------------- */

td.category {
  width: 100px;
}
td.category a {
  color: #dadada;
}
td.title {
  width: 300px;
  font-size: 1.4em;
}
td.date {
  width: 50px;
  font-size: 1.4em;
  color: #fff;
}
td.country {
  width: 90px;
  color: #7c7c7c;
}
#eventsTable thead th:hover {
  cursor:pointer;
}
#eventsTable thead th span {
  color: #4fcad0;
  padding: 0 12px 0 0;
}
#eventsTable thead th:hover span{
  color: #fff;
}
#eventsTable thead th.sorting_desc span {
  background: url(/inc/img/bgnd/arrow_up.png) right center no-repeat;
}
#eventsTable thead th.sorting_asc span {
  background: url(/inc/img/bgnd/arrow_down.png) right center no-repeat;
  color: #fff;
}
body.events #secondary .inner {
  position: relative;
  padding: 20px 11px;
}
body.events #secondary a.prev {
  position: absolute;
  background-image:url(/inc/img/bgnd/calendar_prev.png);
  top: 22px;
  left:12px;
  background-repeat: no-repeat;
  text-indent: -99999px;
  display:block;
  width:9px;
  height:12px;
}
body.events #secondary a.smd_cal_navprev {
display:none;
}
body.events #secondary a.next {
  position: absolute;
  background-image:url(/inc/img/bgnd/calendar_next.png);
  top: 22px;
  left: 358px;
  background-repeat: no-repeat;
  text-indent: -99999px;
  display:block;
  width:9px;
  height:12px;
}
body.events #secondary a.smd_cal_navnext {
display:none;
}
body.events #secondary a:hover.paginate {
  background-color: transparent;
}
body.events #secondary thead tr td,
body.events #secondary tbody tr td,
body.events #secondary tbody tr.smd_cal_daynames th  {
/* smd_calendar that doesn't output thead on day's names row */
  padding: 0;
  border-right: 7px #000 solid;
  border-bottom: 7px #000 solid;
  overflow: hidden;
  background: url(/inc/img/bgnd/calendar_cell.gif) 0 -126px no-repeat;
  text-align: center;
  line-height: 3.4;
  font-size: 1.4em;
  font-weight: bold;
  color: #434343;
}
body.events #secondary tbody tr.smd_cal_navrow {
  height: 3.5em;
}
body.events #secondary thead tr td,
body.events #secondary thead tr th,
body.events #secondary tbody tr.smd_cal_daynames th {
  background-position: 0 -84px;
  color: #000;
}
body.events #secondary tr td a,
body.events #secondary tr td span,
body.events #secondary tr td abbr,
body.events #secondary tr.smd_cal_daynames th abbr {
  display: block;
  width: 45px;
  height: 42px;
  overflow: hidden;
}
body.events #secondary tr td.smd_cal_empty {
  line-height: 1.4;
}
body.events #secondary tbody tr td span {
  background-image: url(/inc/img/bgnd/calendar_cell.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  color:#999;
}
body.events #secondary tr td a {
  background-image: url(/inc/img/bgnd/calendar_cell.gif);
  background-repeat: no-repeat;
  background-position: 0 -42px;
  color: #fff;
}
body.events #secondary tr td.selected a,
body.events #secondary tr td a:hover {
  text-decoration: none;
  background-position: 0 -84px;

}
.events-tooltip {
  position: absolute;
  left: -9999em;
}

#tooltip.events-tooltip li {
  font-size: 11px !important;
  color: #666;
  margin-bottom: 4px;
}

/*-- Events article pages --*/

body.events .article #primary .description {
  clear: none;
  position: relative;
}
body.events .article #primary .description .url {
  position: absolute;
  left: -999em;
}
body.events .article #primary .meta {
  overflow: hidden;
  font-size: 1.1em;
  opacity: 1;
  color:#626262;
  float: right;
  width: 180px;
  padding:20px 0 0;
}
body.events .article #primary .meta dt {
  clear: both;
  float: left;
  width: 70px;
  opacity: .9;
  margin: 0 0 .3em 0;
}
body.events .article #primary .meta dd {
  float: right;
  width: 110px;
  color: #fff;
  margin: 0 0 .3em 0;
}

/* =[8.5] Competitions section
--------------------------------- */


body.competitions .section.article #primary .meta {
  font-size: 1em;
  margin:3em 0 1em;
  padding: 1em 0 0.5em;
  border-top:1px solid #545454;
}
body.competitions .section.article #primary h2 {
  font-size: 1.8em;
  font-style: normal;
  font-weight: normal;
}
body.competitions #primary .nav h2 {
  background: url(/inc/img/bgnd/h_other_competitions.png) no-repeat scroll left top;
  text-indent:-999em;
}
body.competitions .article_list li {
  border: none;
  margin:0;
  padding:0;
}
body.competitions .article #primary .meta {
  margin: 1em 0 0 0;
  padding: 0em;
  font-size: 1em;
}
body.competitions .article #primary .description {
  padding-bottom: 1em;
}
body.competitions #primary .meta p {
  font-size: 1.2em;
  margin: 0 0 .3em 0;
  color:#7A7A7A;
}
body.competitions #primary .meta br { display: none;}

body.competitions #primary .more {
  display: none;
  float: none;
  opacity: .9;
}
body.competitions.js #primary .more {
  display: inline;
}
body.competitions #primary #terms {
  clear: both;
  border-top:1px solid #545454;
  margin: 2em 0 0 0;
  padding: 1em 0 0 0;
}
body.competitions #primary #terms p {
  opacity: .9;
}
body.competitions.js #primary #terms {
  left:-999em;
  position:absolute;
}


/* =[8.6] Community section
--------------------------------- */

body.community .section #primary,
body.community .archive #primary {
  width: 380px;
}
body.community .section #secondary,
body.community .archive #secondary {
  float: left;
  margin: 0 0 0 20px;
}
body.community .section #tertiary,
body.community .archive #tertiary {
  float: right;
  width: 380px;
  margin: 0;
}
body.community .section #primary .hentry {
  padding: 20px 20px 10px;
  margin: 0 0 20px 0;
}
#featured_post h2 {
  text-indent: -999em;
  width: 155px;
  background: #4FCAD0 url(/inc/img/bgnd/h_featured_post.png) 10px 8px no-repeat;
}
body.community .section #primary .hentry img,
#featured_post img {
  margin-bottom: .9em;
}
body.community .section #primary .hentry h3,
#featured_post h3 {
  margin: 0 0 .6em 0;
  font-size: 2em;
  line-height: 1.1;
}
body.community .section #primary .hentry h3 a,
#featured_post h3 a {
  color: #fff;
}
body.community .section #primary .hentry p,
#featured_post p {
  font-size:1.3em;
  line-height: 1.3;
  opacity: .9;
}
body.community .section .hfeed .meta img,
#featured_post .meta img {
  float: left;
  margin: 0 10px 0 0;
}
body.community .section .hfeed .meta ul,
#featured_post .meta ul {
  font-size:1em;
  float: left;
  width: 285px;
  line-height: 1.4;
}
#featured_post .meta ul {
  margin: 0;
}
body.community .section .hfeed .meta ul li,
#featured_post .meta li {
  display: block;
  border: 0;
  margin-left: 0;
  padding-left: 0;
}
body.community .section #primary .hfeed .meta,
#featured_post .meta {
  border-top:1px solid #545454;
  margin: 0;
  padding: 1em 0 0 0;
}
body.community #community.module h2 {
  text-indent: -999em;
  width: 190px;
  background: #4fcad0 url(/inc/img/bgnd/h_community_latest.png) 10px 8px no-repeat;
}
body.community #archive.module h2 {
  text-indent: -999em;
  width: 140px;
  background: #4fcad0 url(/inc/img/bgnd/h_blog_archive.png) 10px 8px no-repeat;
}
body.community #archive.module #month h3 {
  text-indent: -999em;
  width: 140px;
  background: url(/inc/img/bgnd/h_by_month.png) 0px 2px no-repeat;
}
body.community #archive.module #year h3 {
  text-indent: -999em;
  width: 140px;
  background: url(/inc/img/bgnd/h_by_year.png) 0px 2px no-repeat;
}
body.community #archive.module .inner {
  padding: 10px;
}
body.community #archive.module .inner .single {
  margin: 0;
  width: 170px;
}
body.community #archive.module .inner .last {
  float: right;
}
body.community .archive #primary .inner {
  padding: 0 10px 10px;
}
body.community .archive #primary .inner h2 {
  font-style: normal;
}
body.community .archive #primary .article_list .meta {
  float:left;
  text-align:left;
  width:300px;
}
#archive .archive_list  {
  font-size: 1em;
  margin: 0;
}
#archive .archive_list li {
  margin: .5em 0 0 0;
  padding: 0;
  border: 0;
  line-height: 1.3;
}
#archive .archive_list li a {
  font-size: 1.2em;
  color: #4fcad0;
}
#archive .archive_list li.selected a {
  color: #9cfaff;
}
body.community #contributors.module h2,
body.community #links_and_resources.module h2 {
  text-indent: 0;
}
body.community #contributors.module h2 a {
  width: 76px;
  background: url(/inc/img/bgnd/h_contributors.png) 0px 2px no-repeat;
}
body.community #links_and_resources.module h2 a {
  width: 110px;
  background: url(/inc/img/bgnd/h_links_and_resources.png) 0px 2px no-repeat;
}
body.community #contributors.module p,
body.community #links_and_resources.module p {
  clear: both;
  font-weight: bold;
  color: #fff;
}
/*-- Blog article pages -- */


/* quick fix - could these styles be generic site-wide article styles? */
body.blog .article #primary .description ul,
body.blog .article #primary .description ol {
  font-size: 1em;
  list-style: disc;
  margin: 0 0 0 1em;
  padding: 0 0 0 1em;
}
body.blog .article #primary .description ol {
  list-style: decimal;
}
body.blog .article #primary .description li {
  opacity: .99;
  font-size:1.4em;
  line-height:1.3;
  margin-bottom: 1.4em;
}
/* reset meta styles */
body.blog .article #primary .description ul.meta {
  list-style: none;
  margin: 0 0 1.4em 0;
  padding: 0;
}
body.blog .article #primary .description ul.meta li {
  font-size: 1.2em;
  margin:0 0 0 0.2em;
  padding:0 0 0 0.4em;
}
body.blog .article #primary .description ul.meta li.first {
  margin:0;
  padding:0;
}

#comments {
  clear:both;
  overflow:hidden;
  padding:0.9em 0 0;
  margin: 0 0 20px 0;
  border-top:1px solid #545454;
}
#comments h2 {
  text-indent: -999em;
  width: 163px;
  background: url(/inc/img/bgnd/h_post_your_comment.png) 0 0px no-repeat;
}
#comments ol{
  overflow:hidden;
}
#comments ol li {
  overflow:hidden;
  margin: 0 0 0.9em 0;
  padding: 0 0 0.9em 0;
  border-bottom:1px solid #545454;
}
#comments blockquote {
  width: 345px;
  float:left;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  padding: 5px;
  background: #1f1f1f;
}
#comments blockquote p {
  font-size: 1.2em;
  opacity: .9;
  margin:0 0 .7em 0;
}
#comments .meta {
  float:right;
  width:170px;
  padding: .6em 0 0 15px;
  color: #636363;
  background: url(/inc/img/bgnd/comment_quote.png) 0 12px no-repeat;
}
#comments #cpreview h2 {
  width: 203px;
  background: url(/inc/img/bgnd/h_preview_your_comment.png) 0 0px no-repeat;
}
#comments #cpreview blockquote {
  background: #4fcad0;
  color: #fff;
}
#comments #cpreview blockquote p {
  opacity: 1;
}
#comments #cpreview .meta {
  background: url(/inc/img/bgnd/comment_preview_quote.png) 0 12px no-repeat;
}

#comments .meta li {
  border: none;
  display:block;
  margin: 0;
  padding: 0;
  line-height: 1.3;
}
#comments .meta li.report {
  display: block;
}
#comments .meta li a {
  color: #999;
}
#comments .meta li.report a {
  color: #ccc;
}
#comments .meta cite a {
  color: #4FCAD0;
}
#comments form {
  clear:both;
  overflow:hidden;
  padding: 20px;
  width: 315px;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  background: #fff;
}
#comments form fieldset {
  clear: both;
  overflow:hidden;
  padding: 0 0 1em 0
}
#comments form label  {
  float:left;
  width: 315px;
  font-size: 1.2em;
  padding: 0;
}
#comments form .text span input,
#comments form textarea {
  float:left;
  border: 0;
  padding: 10px 8px 0px 7px;
  width: 300px;
  background: none transparent;
  font-size: 1.2em;
  line-height: 1.4;
  font-family: "Helvetica Neue", Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
  color: #707070;
}
#comments form .text span {
  float: left;
  width: 315px;
  height: 31px;
  background: url(/inc/img/bgnd/text_input.gif) left top no-repeat;
}
#comments form .text span input {
  height: 22px;
}
#comments form .textarea span {
  float: left;
  width: 315px;
  height: 87px;
  background: url(/inc/img/bgnd/textarea.gif) left top no-repeat;
}
#comments form .textarea span textarea {
  height: 77px;
}
#comments form #spam-filter input {
  float: left;
  width: 15px;
  height: 14px;
  border: 0;
  background: none transparent;
}
#comments form #spam-filter label{
  float:left;
  margin: 0 0 0 -999em;
}
#comments form #spam-filter div label {
  margin: 0 0 0 10px;
  width: 280px;
  color: #5c5c5c;
  font-weight: bold;
}
#comments form #spam-filter .filter{
  overflow: hidden;
  padding: 0 0 1em 0;
}
#comments form submit_bt,
#comments form .preview_bt {
  float:left;
}
#comments form .submit input {
  margin: 0;
  border: 0;
  padding: 0;
  background: transparent;
}
#comments form .submit input.disabled {
  background: #fff;
}
#comments form .preview_bt {
  float: left;
  width: 127px;
  height: 28px;
  background: url(/inc/img/bgnd/bt_comment_preview.png) left top no-repeat;
}
#comments form .preview_bt input {
  width: 127px;
  height: 28px;
  text-indent: -999em;
/* as the text-indent above was triggering a bug on IE7 (submits weren't clickeable)
I've to add the following to rules, to make it clickable again */
display: block;
text-transform: capitalize; /* this one is bizarre, right? */
}
#comments form .submit_bt {
  float: right;
  width: 127px;
  height: 28px;
  background: url(/inc/img/bgnd/bt_comment_submit.png) left top no-repeat;
}
#comments form .submit_bt input {
  width: 127px;
  height: 28px;
  text-indent: -999em;
/* as the text-indent above was triggering a bug on IE7 (submits weren't clickeable)
I've to add the following to rules, to make it clickable again */
display: block;
text-transform: capitalize; /* this one is bizarre, right? => http://doctype.com/possible-fix-negative-textindent-problem-ie-hide-text-when-background-image-buttons-3 */
}
#comments form .submit input:hover {
  cursor: pointer;
}
#comments form .submit input.disabled:hover {
  cursor: default;
}

/* will preview & error styles once plugged in  */
.error li,
.zemError li {
  background:url("/inc/img/bgnd/error.gif") no-repeat left center;
  padding: .2em 0 .2em 30px;
}

/*-- Contributors / Bylines / Links and Resources pages -- */

#fan_feeds ul,
body.links #primary ul,
body.contributors #primary ul {
  font-size: 1em;
}
#fan_feeds ul li,
body.links #primary li,
body.contributors #primary li,
#byline {
  overflow: hidden;
  margin: 0 0 2em 0;
  border-top:1px solid #626262;
  padding: 1em 0 0 0;
}
#fan_feeds ul li,
body.contributors #primary li {
  position: relative;
}
body.contributors #primary li  {
  width: 540px;
}
body.links #primary li.first,
body.contributors #primary li.first {
  border-top: none;
}
body.links #primary li img,
body.contributors #primary li img,
.contributors #primary #byline img,
.article #primary #byline img {
  float:left;
  margin: 0 10px 0 0;
}
.contributors #primary #byline {
  border: none;
  border-bottom:1px solid #626262;
  padding: 1em 0 2.4em 0;
}
.contributors #primary #byline a {
  font-size: 1.2em;
  opacity: .9;
  display: none;
}
.contributors #primary #byline a.external {
  display: inline;
}
.contributors #primary li .summary {
  float: left;
  width:360px;
}
body.links #primary li .summary,
#byline .summary {
  float:left;
  width:300px;
}
#fan_feeds h3,
#byline h3 {
  font-size:1.4em;
  line-height:1.15;
  margin:0 0 0.3em;
}
body.links #primary li h3 a,
body.contributors #primary li h3 a,
#byline h3  a {
  color:#FFF045;
}
body.links #primary #resources li h3 a {
  color:#4FCAD0;
}
#fan_feeds li p,
body.links #primary li p,
body.contributors #primary li p,
#byline p {
  font-size:1.2em;
  line-height:1.3;
  margin:0 0 0.3em;
  opacity: .9;
  letter-spacing: 0.01em;
}
body.blog .contributors #primary #byline h2 {
  font-size:2em;
  font-weight: normal;
  line-height:1.1;
  margin:0 0 0.3em;
  color: #fff;
}
body.links #primary li .more,
#byline .more {
  color: #4FCAD0;
}
body.contributors #primary li .more,
#fan_feeds .more {
  position: absolute;
  top: 1em;
  right: 0;
  color: #fff;
}
body.links #primary li .more {
  float: left;
  color: #fff;
}
#primary.split .module h2.tab {
  margin: 0;
}
#fan_feeds.module h2 {
  width: 110px;
  background: #4fcad0 url(/inc/img/bgnd/h_fan_feeds.png) 10px 8px no-repeat;
}
#latest_fan_feeds.module h2 {
  width: 160px;
  background: #FFF045 url(/inc/img/bgnd/h_latest_fan_feeds.png) 10px 8px no-repeat;
}
#blog_latest.module h2 {
  width: 125px;
  background: #4FCAD0 url(/inc/img/bgnd/h_blog_latest.png) 10px 8px no-repeat;
}
#games h2 {
  width: 103px;
  background: #FFF045 url(/inc/img/bgnd/h_games.png) 10px 8px no-repeat;
}
#resources h2 {
  width: 123px;
  background: #4FCAD0 url(/inc/img/bgnd/h_resources.png) 10px 8px no-repeat;
}
#staff_writers h2 {
  width: 143px;
  background: #FFF045 url(/inc/img/bgnd/h_staff_writers.png) 10px 8px no-repeat;
}
#superfans h2 {
  margin-top: 20px;
  width: 123px;
  background: #FFF045 url(/inc/img/bgnd/h_superfans.png) 10px 8px no-repeat;
}



/* =[8.7] Vogontraining (game) section
--------------------------------- */

#networking {
  padding: 1em 0;
  text-align: center;
}