/*

QUANTIC.ORG by Block Interactive
VERSION 3.0
-------------------

CONTENTS ----------

1.RESET
2.DEFAULT STYLES
3.LAYOUT
  3.1 Containers
  3.2 Column configurations
4.PAGE FURNITURE
  4.1 Logo
  4.2 Menu
  4.3 Crumbtrail
  4.4 Footer
5.GLOBAL CLASSES
  5.1 Content-level modules
  5.2 Meta
  5.3 Local navigation
  5.4 Archive navigation
  5.5 Tag navigation
  5.6 Images
  5.7 Custom link styles
  5.8 Listen/download panels
  5.9 jQuery magic
  5.10 Related content
6.TEMPLATE TYPES
  6.1 List pages
  6.2 Article pages
7.SUBJECTIVE VARIATIONS
  7.1 Releases
  7.2 Galleries
  7.3 Events
  7.4 Signup
  7.5 Podcast
  7.6 RSS
  7.7 Journal
  7.8 Video
  7.9 Contact

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

*/

/* ------------------------------------------------------------------------------- */
/*  =[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 {
  min-width:1000px;
  margin:0;
  font:12px/14px Arial, "Helvetica Neue", "Bitstream Vera Sans", Helvetica, sans-serif;
  color:#888;
  background:#242925 url(http://www.quantic.org/inc/img/bgnd/bg_body_32.jpg) center top fixed;
}
a,
a:link 
a:visited,
a:focus,
a:active {
  color: #fff;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.image,
a:hover.image { 
  border: 0; 
}
h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, "Times New Roman", Times,serif;
  font-weight: normal;
  letter-spacing: -0.01em;
  opacity: 0.9;
  margin:0 0 20px;
}
h1 {
  font-size: 30px;
  line-height: 30px;
  margin: 0 0 3px 0;
  color: #fff;
}
h2 {
  font-family: Arial,"Helvetica Neue","Bitstream Vera Sans",Helvetica,sans-serif;
  font-size: 24px;
  line-height: 26px;
  letter-spacing: -0.01em;
  opacity: 1;
  color: #fff;
}
h2 a:hover {
  text-decoration: none;
}
h3 {
  margin:0 0 6px 0;
  font-size:21px;
  line-height: 21px;
  font-weight:normal;
}
h4 {
  margin:0 0 6px;
  font-weight:normal;
  font-size: 17px;
  line-height: 21px;
}
h5 {
  margin:0 0 9px;
  font-size:15px;
}
p, #content li {
  opacity: 0.9; 
}
img {
  float: left;
  background: #5f5f5f;
  background: rgba(180,180,180,0.18);
  border:none;
}
form,fieldset{
  margin:0;
  padding:0;
  overflow: hidden;
}
:focus {
  outline:none;
}
fieldset {
  border-style:none;
}
object {
  display: block;
  margin: 0 0 14px 0;
}

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

/* =[3.1] Containers
--------------------------------- */

#skiplinks {
  float: left;
  margin-left: -999em; 
}
#wrapper {
  position:relative;
  width:1000px;
  margin:0 auto 50px auto;
  padding:100px 0 0;
  background: rgba(0,0,0,.65) url(http://www.quantic.org/inc/img/bgnd/bg-header.png) repeat;
}
#header {
  position:absolute;
  left:0;
  top:0;
  width:1000px;
  height:100px;
  background: url(http://www.quantic.org/inc/img/bgnd/grid_markers.gif) center top no-repeat;
  z-index:1;
}
#content {
  overflow:hidden;
  width:980px;
  padding:10px;
  background:#393939;
  background: rgba(39,39,39,.66);
}
#inner {
  padding: 12px 0 0 0;
  margin: 10px 0 0 0;
  border-top: 1px #fff solid;
  overflow:hidden;
}
#primary {
  float:left;
  margin:0 0 0;
  width:380px;
  overflow:hidden;
}
#secondary {
  float:right;
  width:380px;
  overflow:hidden;
}
#tertiary {
  float: left;
  margin: 0 0 0 20px;
  width: 180px;
  overflow: hidden;
}
#related,
#archives {
  clear: both;
  overflow: hidden;
  width: 980px;
  padding: 12px 0 0 0;
  margin: 20px 0 0 0;
  border-top: 1px #fff solid;
  border-bottom: 0;
}
#related {
  border-top: 1px rgba(255,255,255,0.5) solid;
}
#footer {
  overflow:hidden;
  padding:11px 20px 14px 20px;
}

/* =[3.2] Column configurations
--------------------------------- */

.column {
  float: left;
  overflow: hidden;
}
.odd {
  clear: both;
}
#primary .double {
  padding: 16px 0 0 0;
  border-top: 1px rgba(255,255,255,0.5) solid;
  border-bottom: 0;
}
#primary .double {
  padding: 16px 0 0 0;
  border-top: 1px rgba(255,255,255,0.5) solid;
  border-bottom: 0;
}
.single {
  margin: 0 20px 0 0;
  width: 180px;
}
.double {
  clear: both;
  margin: 0 20px 0 0;
  width: 380px;
}
.double.last {
  border: 0;
}
.double .column.last {
  margin: 0;
}
.quintuple .single {
  float: left;
  width: 180px;
  margin: 0 20px 0 0;
}
.quintuple .last {
  margin: 0;
}

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

/* =[4.1] Logo
--------------------------------- */

a#logo {
  position:absolute;
  left:40px;
  top:25px;
  z-index:2;
  width:188px;
  height:44px;
  text-indent:-9999px;
  overflow:hidden;
  background:url(http://www.quantic.org/inc/img/bgnd/q_logo.png) no-repeat;
}

/* =[4.2] Menu
--------------------------------- */

#menu {
  position:absolute;
  left:390px;
  top:20px;
  margin:0;
  padding:0;
  list-style:none;
}
#menu li {
  float:left;
  display:inline;
  margin:0 0 10px 20px;
  width:180px;
  height:26px;
  z-index: 3;
  opacity: 1; 
  text-indent:-9999px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#menu li#bt_projects {
  background: #b45425 url(http://www.quantic.org/inc/img/bgnd/menu_projects.png) 9px 9px no-repeat;
}
#menu li#bt_releases {
  background: #9c9b45 url(http://www.quantic.org/inc/img/bgnd/menu_releases.png) 9px 9px no-repeat;
}
#menu li#bt_styles {
  background: #dec059 url(http://www.quantic.org/inc/img/bgnd/menu_styles.png) 9px 9px no-repeat;
}
#menu li#bt_video {
  background: #b8b781 url(http://www.quantic.org/inc/img/bgnd/menu_video.png) 9px 9px no-repeat;
}
#menu li#bt_audio {
  background: #99c4c0 url(http://www.quantic.org/inc/img/bgnd/menu_audio.png) 9px 9px no-repeat;
}
#menu li#bt_galleries {
  background: #cabb9e url(http://www.quantic.org/inc/img/bgnd/menu_galleries.png) 9px 9px no-repeat;
}
#menu li a {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  float:left;
  width:180px;
  height:26px;
  background: url(http://www.quantic.org/inc/img/bgnd/menu_arrow.png) 155px 0px no-repeat;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#menu > li:hover > a {
  background: url(http://www.quantic.org/inc/img/bgnd/menu_arrow.png) 155px -26px no-repeat;
}
#menu .drop {
  display:none;
}
#menu li:hover,
#menu li.hover {
  position:relative;
}
#menu li:hover .drop,
#menu li.hover .drop {
  display:block;
}
#menu .drop {
  position:absolute;
  top:26px;
  left: 0px;
  width: 180px;
}
#menu .drop ul {
  width:238px;
  overflow:hidden;
  padding: 2px 12px 4px;
  margin:0;
  list-style:none;
  width: 166px;
  background: rgba(255,255,255,.95);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#menu .drop ul li {
  opacity: 1; 
  margin:0;
  width:auto;
  height:1%;
  float:none !important;
  display:block;
  border-top: 1px #ccc solid;
}
#menu .drop ul li:first-child {
  border:none;
}
#menu li ul a {
  position:relative;
  float:none;
  width:auto;
  display:block;
  height:1%;
  padding: 8px 0 8px 21px;
  text-indent:1px;
  color:#393939;
  font:11px/18px Georgia, "Times New Roman", Times, serif;
  text-transform: none;
  font-weight: normal;
  text-decoration:none;
  background: url(http://www.quantic.org/inc/img/bgnd/menu_arrow.gif) 3px 14px no-repeat;  
}
#menu li ul a:hover {
  text-decoration:underline;
}

/* =[4.3] Crumbtrail
--------------------------------- */

#crumbtrail {
  padding:0 10px 0 15px;
  width:955px;
  height:41px;
  overflow:hidden;
  background: rgba(239,239,239,.1);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  font: italic 20px/42px Georgia, "Times New Roman", Times, serif;
}
#crumbtrail dt,
#crumbtrail dd,
#crumbtrail ul,
#crumbtrail ul li,
#crumbtrail p {
  display: inline;
  opacity: .9;
  margin: 0 5px 0 0;
}
#crumbtrail dd {
  color:#fff;
}
#crumbtrail li.last {
  font-style: normal;
}
#crumbtrail li:after {
  padding: 0 0 0 5px;
  content: ">";
}
#crumbtrail li.last:after {
  padding: 0;
  content: "";
}


/* =[4.4] Footer
--------------------------------- */

#footer .logo {
  float:left;
  width:57px;
  height:26px;
  text-indent:-9999px;
  overflow:hidden;
  background:url(http://www.quantic.org/inc/img/bgnd/sonido.png) no-repeat;
}
#footer ul {
  text-align: right;
  margin:0;
  padding:3px 0 0;
  list-style:none;
}
#footer ul li {
  display: inline;
  color:#666;
  font-size:11px;
  font-weight: bold;
  line-height:18px;
  padding:0 0 0 6px;
  margin:0 0 0 4px;
  border-left: 1px #444 solid;
}
#footer ul li:first-child {
  border:none;
}
#footer a {
  color:#9b9b9b;
}
#footer p {
  text-align: right;
}

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


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


.nav,
.aside {
  overflow: hidden;
  margin: 0 0 13px 0;
  padding: 0 0 10px;
  border-bottom: 1px rgba(255,255,255,0.5) solid;
}
.aside.last,
.teaser.last {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.aside h3,
.aside h4,
.aside h5 {
  clear: both;
}
.aside h2 {
  margin: 0px 0 10px;
}
.aside p{
  font: 14px/16px Georgia, "Times New Roman", Times,serif;
}
.aside ul li {
  overflow: hidden;
}
.aside .summary {
  float: right:
  width: 270px;
  overflow: hidden;
}
.aside p.meta {
  font: 11px/13px Arial,"Helvetica Neue","Bitstream Vera Sans",Helvetica,sans-serif;
  font-weight: bold;
}
/* Q. how do teasers differ from asides?
   A. no direct relationship to content in detail page */
.teaser{
  position: relative;
  overflow: hidden;
  margin: 0 0 13px 0;
  padding: 0 0 10px;
  font: 11px Georgia, "Times New Roman", Times,serif;
  border-bottom: 1px rgba(255,255,255,0.5) solid;
}
.teaser .summary {
  float: right:
  width: 270px;
  overflow: hidden;
}
.teaser p{
  margin: 0;
  font-size: 14px;
  line-height: 16px;
}
.teaser h2 {
  margin: 0px 0 14px;
  opacity: 1;
}
.teaser h3 {
  color:#fffefe;
}
.teaser h3 a {
  font-size:17px;
  color:#bbb;
}
.teaser h4,
.teaser h4 a {
  color: #bbb;
}
.teaser img.thumb {
  margin-bottom: 0;
}

/* variations */
body.home .featured { 
  border-color: rgba(255,255,255,0.2);
}
.featured h3 {
  margin: 0;
}
.featured .summary {
  float: right;
  width: 180px;
}
.featured h3 a {
  margin:0 0 6px 0;
  font-size:19px;
  color:#fffefe;
  font-weight:normal;
}
.featured .audio_links {
  float: left;
  width: 180px;
}
.hero {
  float: right;
  padding: 15px;
  width:540px;
  background: #373737;
  margin: 0 0 10px 0;
  border: 5px #222 solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.hero h2 {
  margin:7px 0 0;
  color:#fff;
  font-size:24px;
  line-height:26px;
  letter-spacing:-1px;
}
.hero p {
  margin:10px 0 0;
  color:#bbb;
  font:18px/22px Georgia, "Times New Roman", Times, serif;
}
.hero img {
  margin-bottom: 0;
}

/* =[5.2] meta
--------------------------------- */

.meta,
.teaser .meta {
  padding:0;
  margin:0 0 12px;
  font:bold 11px/13px Arial, Helvetica, sans-serif;
  color:#666;
  list-style:none;
  overflow: hidden;
  opacity: .9;
}
.meta li {
  float: left;
  margin: 0 4px 0 0px;
  padding: 0 4px 0 0px;
  border-right: 1px #333 solid;
}
.meta li:last-child {
  border:none;
  padding:0;
}
.meta a {
  color:#9c9999;
}
dl.meta dt,
dl.meta dd {
  margin: 0 0 3px 0;
}
dl.meta dt {
  float: left;
  width: 90px;
}
dl.meta dd {
  color: #9c9999;
}

/* =[5.3] Local navigation
--------------------------------- */

.article_list,
.article_list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.article_list {
  margin: 0 0 20px 0;
}
.article_list li a {
  color:#cecece;
}
.aside .article_list li h3,
.aside .article_list li h3 a,
.nav .article_list li h3,
.nav .article_list li h3 a {
  background: none transparent;
  color:#cecece;
  font-weight: normal;
  padding: 0;
  font-size: 13px;
  line-height: 16px;
  margin: 0;
}
.article_list li h4,
.article_list li h4 a {
  font: 11px/18px Arial,"Helvetica Neue","Bitstream Vera Sans",Helvetica,sans-serif;
  font-weight: bold;
  margin:0 0;
  cursor: pointer;
}
.aside .article_list li.selected h3 a,
.nav .article_list li.selected h3 a,
.article_list li.selected h4 a {
  color: #fff;
}
.article_list li span {
  border-right: 1px #444 solid;
  margin: 0 3px 0 0;
  padding: 0 5px 0 0;
}
.article_list .meta li {
  float: left;
  margin: 0 4px 0 0px;
  padding: 0 4px 0 0px;
  border-right: 1px #333 solid;
}
.article_list .meta li:last-child {
  margin: 0px;
  padding: 0px;
  border-right: none;
}
.article_list .meta a {
  color:#9c9999;
}

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

.archive_list,
.archive_list li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.archive_list li a {
  color: #333;
  background:#777;
  padding: 1px 2px;
  font-weight: bold;
  opacity: .9;
  font-size:11px;
  line-height: 19px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
}
.archive_list li.selected a,
.archive_list li a:hover {
  background:#fff;
  text-decoration: none;
}

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

#tags li {
  border: none;
  float: left;
  margin: 0 4px 0 0;
  padding: 0;
}
#tags li a {
  background:#BAB952;
  color: #333;
  padding: 1px 2px;
  font-weight: bold;
  opacity: .9;
  font-size:11px;
  line-height: 19px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
}
#tags li a:hover,
#tags li a.selected {
  background:#fff;
  text-decoration: none;
}



/* =[5.6] Images
--------------------------------- */

img.full {
  margin:0 20px 10px 0;
  padding:9px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
img.thumb {
  padding: 0;
  margin-bottom: 0;
  background: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
a:hover.image img {
  background: rgba(180,180,180,0.14);
}
ul.thumbnails {
  clear: both;
  padding: 0;
  width:385px;
  overflow:hidden;
  margin:0 0;
}
ul.thumbnails li,
.carousel ul.slides ul.thumbnails li {
  width:91px;
  margin: 0 5px 5px 0;
  float: left;
  display:inline;
}
#related li a.image,
#related li a:hover.image,
ul.slides li a.image,
ul.slides li a:hover.image,
ul.thumbnails li a,
ul.thumbnails li a:hover  {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background: #333;
  border: 5px #333 solid;
  width: 81px;
  height: 81px;
  float: left;
  overflow: hidden;
}
#related li a:hover.image,
ul.slides li a:hover.image,
ul.thumbnails li a:hover  {
  background: #373737;
  border: 5px #373737 solid;
}
.aside a.image,
.teaser a.image {
  margin-right: 10px;
}

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

.buy,
.meta .buy,
a.more {
  font-family: Arial,"Helvetica Neue","Bitstream Vera Sans",Helvetica,sans-serif;
  color:#BAB952;
  font-weight: bold;
  opacity: .9;
  font-size:11px;
}

/* =[5.8] Listen/download panels
--------------------------------- */

.audio_links {
  background: rgba(0,0,0,0.3);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 0px 0px 0 0;
  width: 380px;
  text-align: left;
  padding: 1.0em 0 1.0em 0;
  overflow: hidden;
}
.audio_links a {
  float: left;
  padding: 0 0 0 33px;
  color: #fff;
  opacity: 0.9;
} 
.audio_links span {
  padding: 0 0 0 8px;
  font-weight: normal;
}
.audio_links p {
  margin: 0;
  padding: 10px 22px 28px 22px;
  font: bold 12px/20px Arial,"Helvetica Neue","Bitstream Vera Sans",Helvetica,sans-serif;
}
.audio_links h3 {
  margin: 0;
  padding: 10px 22px 10px 22px;
}
.article .audio_links p {
  padding: 10px 22px 10px 22px;
}
a.listen {
  background: url(http://www.quantic.org/inc/img/bgnd/bg-play-btn.gif) no-repeat left center;
}
a.download {
  background: url(http://www.quantic.org/inc/img/bgnd/bg-download-btn.gif) no-repeat left center;
}



/* =[5.9] jQuery magic
--------------------------------- */

.carousel  ul.slides {
  position:relative;
  width:99999px;
  padding:0;
  margin:0;
  list-style:none;
}
.carousel ul.slides li {
  float:left;
  width:380px;
}
.carousel ul.slides li.release {
  clear:none;
  margin: 0;
  padding: 0;
  border: 0;
}
.carousel ul.meta li {
  width: auto;
}

/* generic scroll button styles */
a.button {
  width:25px;
  height:26px;
  text-indent:-9999px;
  overflow:hidden;
  background-color: #373737;
  background-position:0 1px;
  background-repeat: no-repeat;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
a:hover.button {
  background-color: #343434;
}
a.inactive,
a.next-inactive,
a.prev-inactive {
  background-position:0 -25px;
}
a:hover.button.inactive,
a:hover.next-inactive,
a:hover.prev-inactive {
  background-color: #373737;
  cursor: default;
}

/* button usage  */
.carousel a.button,
.vert_list a.button {
  position:absolute;
  top: 2px;
}
.carousel a.prev {
  right:36px;
  background-image: url(http://www.quantic.org/inc/img/bgnd/btn-prev.png);
}
.carousel a.next {
  right:0;
  background-image: url(http://www.quantic.org/inc/img/bgnd/btn-next.png);
}
.vert_list a.up {
  right:0px;
  background-image: url(http://www.quantic.org/inc/img/bgnd/btn-up.png);
}
.vert_list a.down {
  right:36px;
  background-image: url(http://www.quantic.org/inc/img/bgnd/btn-down.png);
}

/* =[5.10] Related content
--------------------------------- */


#related .article_list .summary {
  width: 75px;
}
#related h4 {
  margin-top: 10px;
}
#related .article_list {
  margin: 0 0 10px 0;
}
#related .article_list .summary p.meta {
  width: 75px;
  font: bold 11px/13px Arial,"Helvetica Neue","Bitstream Vera Sans",Helvetica,sans-serif;
}
#related h5 {
  margin: 0;
  font-size:13px;
  line-height:16px;
}
#related h5 a {
  color:#cecece;
  font-size:13px;
}

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

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

.list.type #primary {
  float:left;
  margin:0 0 0;
  width: 800px;
  overflow:hidden;
}
.list.type #tertiary {
  float: right;
  margin: 0;
}
.list.type #primary > ul {
  clear: both;
  overflow:hidden;
  margin:0 0;
  padding:0 0;
}
.list.type #primary h2 {
  clear: both;
  overflow:hidden;
  border-top:1px solid rgba(255, 255, 255, 0.2);
  border-bottom:1px solid rgba(255, 255, 255, 0.5);
  margin: 0 20px 13px 0;
  padding: 30px 20px 10px 0;
}
.list.type #primary h2.first {
  border-top: 0;
  padding-top: 0;
}
.list ul li.teaser  {
  float:left;
  margin:0 20px 20px 0;
  padding:0 0 10px;
  width: 380px;
  overflow:hidden;
  border-bottom:1px solid rgba(255, 255, 255, 0.2);
}
.list #primary li.teaser {
  opacity: 1;
}
body.projects .list ul li.teaser,
body.journal .list ul li.teaser,
body.recommended .list ul li.teaser  {
  margin: 20px 20px 0 0;
  padding: 10px 0 0 0;
  border-bottom: none;
  border-top:1px solid rgba(255, 255, 255, 0.2);
}
body.projects .list ul li.teaser.first,
body.journal .list ul li.teaser.first,
body.recommended .list ul li.teaser.first {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.list ul li.teaser.odd  {
  clear: both;
}
body.journal .list #primary ul li.odd,
body.recommended .list #primary ul li.odd {
  clear: both;
}
.list ul li.teaser.last  {
  border: none;
  margin-bottom: 10px;
}
.list .audio_links  {
  margin: 20px 0 0 0;
}
.list .audio_links p,
.journal .audio_links p {
  padding: 0px 22px 0px 22px;
  float: left;
  width: 136px;
}
.list .audio_links span,
.journal .audio_links span {
  float: left;
  padding-left: 33px;
}


.list #primary {
  width: 800px;
}
.list #tertiary  {
  float: right;
  margin: 0;
}
.list #primary li.teaser {
  clear: none;
  float: left;
  margin: 0 20px 10px 0;
  width: 380px;
}



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

.shop#success #primary,
.shop#home #primary,
.shop#products #primary {
  width:780px;
}

.shop #secondary,
.journal #secondary,
.contact #secondary,
.style #secondary,
.releases #secondary,
.article #secondary {
  float:left;
  margin: 0 0 0 20px;
  width:380px;
  overflow:hidden;
}
.journal #tertiary,
.contact #tertiary,
.style #tertiary,
.releases #tertiary,
.article #tertiary {
  float:right;
}
.article .description h2,
.article .description h3,
.article .description h4,
.article .description h5 {
  font-family: Georgia, "Times New Roman", Times,serif;
  color: #cecece;
  margin:0 0 6px;
}
.article .summary p {
  font: 14px/17px Georgia, "Times New Roman", Times,serif;
  color:#A6A6A6;
  padding: 4px 0 0 0;
  margin: 0;
}
.article .description {
  clear: both;
  padding-top: 16px;
  font-family: Georgia, "Times New Roman", Times,serif;
  font-size: 14px;
  line-height: 17px;
}
.article .description p {
  color:#a6a6a6;
  margin:0 0 16px;
}
.article .description li {
  font-size: 14px;
  line-height: 16px;
  padding: 0 0 5px 0;
  color: #cecece;
}
.article .description ul {
  margin:0 0 16px;
  padding:0;
}
.article .description ul li {
  padding-left: 20px;
  color:#cecece;
  background:url(http://www.quantic.org/inc/img/bgnd/bg-content-list.gif) no-repeat 2px 6px;
}
.article .description ol {
  list-style: decimal;
  margin:0 0 16px;
  padding:0 0 0 20px;
}
.article .description blockquote {
  float: right;
  width: 180px;
  margin:0 0 20px 20px;
}
.article .description blockquote p {
  font-size:16px;
  line-height: 22px;
  font-style:italic;
  text-align: right;
  color: #fff;
  margin-bottom: 0;
}
.article .description blockquote cite {
  display:block;
  margin: 7px 0 0;
  color: #777;
  font-size:11px;
  text-align: right;
  font: 11px/13px Arial, Helvetica, sans-serif;
}
.article .description a {
  color:#bfbe47;
}
.article .aside h3,
.article .aside h3 a,
.article .nav h3,
.article .nav h3 a {
  color:#bbb;
  font-size:17px;
}

/* ------------------------------------------------------------------------------- */
/*  =[7] SUBJECTIVE VARIATIONS */
/* ------------------------------------------------------------------------------- */

/* =[7.1] Releases
--------------------------------- */

.slides .release h3,
.slides .release p {
  width: 210px;
}
.release h3 {
  margin: 0 0 3px 0;
}
.release p,
.release .summary p {
  padding: 0 0 5px;
}
.release p a {
  color: #888;
}
#listen {
  padding:0 0 11px;
}
#listen .meta {
  font-family:Arial,"Helvetica Neue","Bitstream Vera Sans",Helvetica,sans-serif;
  font-size: 10px;
  font-weight: normal;
}
#listen .player {
  background: #222;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 22px 19px 19px;
  overflow: hidden;
  position:relative;
}
#listen a.prev-arrow {
  position:absolute;
  right:72px;
  top:14px;
  background:url(http://www.quantic.org/inc/img/bgnd/bg-prev-arrow.png) no-repeat;
  width:25px;
  height:19px;
  cursor:pointer;
  text-indent:-9999px;
  overflow:hidden;
}
#listen a.next-arrow {
  position:absolute;
  right: 18px;
  top:14px;
  background:url(http://www.quantic.org/inc/img/bgnd/bg-next-arrow.png) no-repeat;
  width:25px;
  height:19px;
  cursor:pointer;
  text-indent:-9999px;
  overflow:hidden;
}
#listen a.play-arrow {
  position:absolute;
  right:48px;
  top:14px;
  background:url(http://www.quantic.org/inc/img/bgnd/bg-play-arrow.png) no-repeat;
  width:19px;
  height:19px;
  cursor:pointer;
  text-indent:-9999px;
  overflow:hidden;
}
#listen ul.playlist {
  padding:0;
  margin:0;
  list-style:none;
  overflow:hidden;
}
#listen ul.playlist li {
  border-top:1px solid #616161;
  padding:2px 0;
  clear: both;
  float:left;
  overflow:hidden;
}
#listen ul.playlist li a {
  float: left;
  padding: 5px 6px;
  width: 330px;
  font-weight: bold;
  color:#fff;
  text-decoration:none;
}
#listen ul.playlist li.active a,
#listen ul.playlist li a:hover {
  background:#3b3b3b;
  text-decoration:none;
  position:relative;
}
#listen ul.playlist li a em {
  padding:0 16px 0 0;
  color:#828282;
  font-style:normal;
  font-weight: normal;
}
body.releases .article #primary h2,
body.releases .article #primary h2 a {
  margin: 0px 0 14px;
  color:#666;
  font-family: Georgia, "Times New Roman", Times,serif;
  margin:0 0 6px;
}
body.releases .article #primary h2 a {
  color: #cecece;
}
body.releases .article .audio_links  {
  margin: 20px 0 0 0;
}

li.release {
  clear: both;
  overflow:hidden;
  margin: 13px 0 0 0;
  padding: 10px 0 0 0;
  list-style:none;
  border-top:1px solid rgba(255, 255, 255, 0.25);
}
#related li.release {
  margin: 0;
  padding: 0;
  border-top: 0;
}

/* replicated declarations - tidy these into a class */
li.release a.image,
li.release a:hover.image {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background: #333;
  border: 5px #333 solid;
  width: 81px;
  height: 81px;
  float: left;
  overflow: hidden;
}
li.release a:hover.image  {
  background: #373737;
  border: 5px #373737 solid;
}


/* =[7.2] Galleries
--------------------------------- */

#galleries ul.meta li {
  width:auto;
}

/* =[7.3] events
--------------------------------- */

#events p.meta {
  font: bold 11px/13px Arial,Helvetica,sans-serif;
  margin:0 0 12px;
  padding:0;
}
#events ul {
  margin:0;
  padding:0;
  list-style:none;
}
#events .vertical-scrolling {
  height:255px;
  overflow:hidden;
  margin:0 0 10px;
}
.vevent,
.vevent li,
body.events #secondary #future li,
#events ul li {
  overflow:hidden;
  margin:0 0 9px;
  vertical-align:top;
}
body.events #secondary #future .archive_list li  {
  margin:0;
}
.date {
  float:left;
  margin:0 10px 0 0;
  width:44px;
  height:37px;
  padding:5px 0 0;
  color:#444;
  color: rgba(0,0,0,0.7);
  font-family:Arial,"Helvetica Neue","Bitstream Vera Sans",Helvetica,sans-serif;
  font-size:12px;
  line-height:10px;
  font-weight:bold;
  text-align:center;
  text-transform:uppercase;
  background:url(http://www.quantic.org/inc/img/bgnd/date.gif) no-repeat;
  background: rgba(239,239,239,1.0);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.date,
a:hover.date {
  background: rgba(239,239,239,.9);
  text-decoration: none;
}
.date span {
  display: block;
  font-size:22px;
  line-height:21px;
}
body.events #secondary #events{
  border: 0;
  margin: 0;
  padding: 0;
}
ul .vevent .summary,
body.events #secondary #future .summary,
#events .summary {
  width:125px;
  height: 42px;
  overflow: hidden;
}
.vevent li span.meta
#events span.meta {
  float:left;
  width:125px;
  margin: 0;
}
#events .summary span:after {
  content: ",";
}
#events .summary span:last-child:after {
  content: "";
}
#events p {
  font:11px/14px Georgia, "Times New Roman", Times, serif;
}
#events > p {
  margin-top: 10px;
}
body.events #secondary {
  float:left;
  margin:0 0 0 20px;
  overflow:hidden;
  width:380px;
}
body.events #secondary #past {
  border-bottom: 0;
}
body.events h1 {
  margin:0 0 20px 0 ;
}
h2.split {
  clear: both;
  margin-top: 30px;
}


/* =[7.4] Signup
--------------------------------- */

#signup label {
  display:none;
}
#signup .input {
  float:left;
  width:122px;
  height:16px;
  padding: 6px 5px 5px;
  background:url(http://www.quantic.org/inc/img/bgnd/bg-input.gif) no-repeat;
}
#signup .input .text {
  width:122px;
  height:16px;
  margin:0;
  padding:0;
  background:none;
  border:none;
  color:#777;
  font:bold 11px/14px Arial, Helvetica, sans-serif;
}
#signup .button {
  float:right;
}

/* =[7.5] Podcast
--------------------------------- */

#podcast {
  overflow: visible;
  padding-bottom: 55px;
  border-bottom: 0;
}
#podcast ul {
  margin:0;
  padding:0;
  list-style:none;
}
#podcast ul li {
  overflow:hidden;
  margin: 0 0 0px 0;
}
#podcast > p {
  margin-bottom: 0;
}
#podcast ul p {
  margin:5px 0 7px 0;
  padding: 4px 0px 0px 30px;
  overflow: hidden;
  font:13px/16px Georgia, "Times New Roman", Times, serif;
  color:#bbb;
  background:transparent url(http://www.quantic.org/inc/img/bgnd/bg-download-btn.gif) no-repeat scroll left center;
}
#podcast ul p a {
  color:#bbb;
}
#podcast ul span {
  float:left;
  margin:0 0px 0 0;
  color:#777;
  font-size:11px;
  line-height:16px;
  font-weight:bold;
}
#podcast ul a:hover {
  text-decoration:underline;
}
#podcast ul .download {
  background: none;
  color:#bbb;
}
#podcast .subscribe {
  margin:15px 0 0;
  position:relative;
  width:180px;
  height:26px;
  cursor:pointer;
  background:url(http://www.quantic.org/inc/img/bgnd/btn-subscribe.gif) no-repeat;
}
#podcast .subscribe,
#podcast .subscribe a.select {
  width:180px;
  height:26px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#podcast .subscribe {
  background:#4a4a4a url(http://www.quantic.org/inc/img/bgnd/btn-subscribe.png) 9px no-repeat;
}
#podcast .subscribe a.select {
  float:left;
  text-indent: -999em;
  color: #fff;
  font-family:Arial,"Helvetica Neue","Bitstream Vera Sans",Helvetica,sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  background: url(http://www.quantic.org/inc/img/bgnd/menu_arrow.png) 155px 0px no-repeat;
}
#podcast .subscribe:hover a.select,
#podcast .subscribe a:hover.select {
  background: url(http://www.quantic.org/inc/img/bgnd/menu_arrow.png) 155px -26px no-repeat;
}
#podcast .subscribe .drop {
  display:none;
}
#podcast .subscribe:hover .drop,
#podcast .subscribe.hover .drop {
  display:block;
}
#podcast .subscribe .drop {
  position:absolute;
  left:0;
  top:26px;
  width: 180px;
  background: rgba(255,255,255,.97);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#podcast .subscribe .drop ul {
  margin:0;
  padding:0 8px;
  list-style:none;
  z-index:3;
}
#podcast .subscribe .drop ul li {
  opacity: 1; 
  border-top: 1px #ccc solid;
}
#podcast .subscribe .drop ul li:first-child {
  border:none;
}
#podcast .subscribe .drop ul a {
  color:#393939;
  font:11px/30px Georgia, "Times New Roman", Times, serif;
  padding:0 0 0 21px;
  background:url(http://www.quantic.org/inc/img/bgnd/menu_arrow.gif) no-repeat 3px 50%;
}

/* =[7.6] RSS
--------------------------------- */

.home #rss {

}
#rss p a {
  color:#bbb;
}

/* =[7.7] Journal
--------------------------------- */

#journal h2 {
 margin:0 0 12px;
}

/* =[7.8] Video
--------------------------------- */

#video a.more {
  float:right;
  margin:10px 0 0;
  text-decoration:none;
}
#video p {
  color:#666;
}
#video p  a{
  color:#bbb;
}

/* =[7.9] Contact
--------------------------------- */

body.contact #secondary .aside {
  border: 0;
}
form fieldset {
  border: 0; 
  margin: 0; 
  padding: 0;
  overflow: hidden;
}
label {
  display: block;
  margin: 0;
  padding: 0 0 4px 0;
  width: 380px;
  font-weight: normal;
  font-size: 12px;
}
label:hover {
  cursor: pointer;
}
input.zemText, textarea {
  width: 368px;
  border: 0;
  margin: 0.3em 0 1.2em 0;
  padding: 6px;
  color:#777;
  font:bold 11px/14px Arial, Helvetica, sans-serif;
}

#spam-filter  {
  float: left;
  width: 150px;
}
#spam-filter label,
#spam-filter input {
  float: left;
  width: auto;
  margin: 0 .5em 0 0;
}
fieldset#submit {
  margin: 0;
  padding: 0;
  clear:none;
  float: right;
  width: 39px;
  height: 26px;
  background: #ccc url(http://www.quantic.org/inc/img/bgnd/btn-go.gif) left top no-repeat;
}
fieldset#submit input {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  float: right;
  width: 39px;
  height: 26px;
  text-indent: -999em;
}
fieldset#submit input:hover {
  cursor: pointer;
}
#phone, #mail{
  display:none;
}
#primary .error,
#primary .zemError {
  list-style: none;
  padding: 0;
  margin: 0 0 2.4em 0;
}
#primary ul.error li strong,
#primary ul.zemError li strong {
  display: inline;
}
#primary .error li,
#primary .zemError li {
  padding: 4px 0 4px 24px;
  background: url(http://www.quantic.org/inc/img/bgnd/error.png) left center no-repeat;
}
.success  {
  padding: 1.2em 0 0px 30px;
  border-top: 1px #d9d9d9 solid;
  background: url(http://www.quantic.org/inc/img/bgnd/accept.png) left 1.4em no-repeat;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}