/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { line-height:160%; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
.centre { text-align:center; }
  
a img{ border:none; }


/* Layout  Base Page Styling */

body{
  background-image: url(../images/c90logo_black_blur3.gif);
  background-repeat: no-repeat;
	background-color:#393131;
	color:#EEE;
	font-size:11px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}

h1 {font-size:22px; font-family: Tahoma; }
h2 {font-size:20px;  font-family: Tahoma; }
h3 {font-size:18px;  font-family: Tahoma; }
h4 {font-size:16px;  font-family: Tahoma; }

a { color: #999;}
a:hover { color: #FF3;}

h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none}

ul {
  list-style-type: none;
  margin: 0px;
}

li {
  font-size: 11px;
}

li a {
  text-decoration: none;
}

/* Header */

div#header{
  padding:20px;
  position:relative;
  height:130px;
}

div#header h1 {
  position:absolute;
  left:125px;
  top:50px;
  height:45px;
  width:190px;
  font-size: 36px;
}

div#header h2 {
  position:absolute;
  left:250px;
  top:20px;
  font-size: 24px;
}

/* Search */
div#search{
  position:absolute;
  right:0px;
  top:0px;
  padding:10px;
}

#search .searchimg{
  float:left;
  width:14px;
  height:13px;
  background:url(../images/mephisto/icons/search.gif) 0 0 no-repeat;
  position:relative;
  padding:4px;
}

/* Primary */

#primary {
  margin-left:240px;
  margin-right:20px;
}

#primary .primary img {
  border: 1px solid #424242;
  margin: 10px;
}

#primary .primary .column {
  float: left;
  width: 30%;
  margin:5px;
}

#primary .primary br {
  height: 15px;
}

#primary .primary .pullquote {
  background-color: #424242;
	font-size: 120%;
	line-height: 130%;
  font-variant: small-caps;
  letter-spacing: .1em;
  padding: 6px;
  margin: 8px;
  text-align: left;
}

#primary .primary .pullquote.small {width: 30%;}
#primary .primary .pullquote.medium {width: 60%;}
#primary .primary .pullquote.large {width: 95%;}

#primary .read-on a { 
   color: #FFD7FF;
   text-decoration:none;
  font-weight: bold;
}

#primary .read-on a:hover { color: #FF3; }

#primary .primary {
  border: 2px dotted #393131;
  background-color: #646464;
  padding: 10px;
  margin-left: 5px;
}

#primary .secondary {
  position: absolute;
  top: 50px;
  right: 20px;
  padding:10px;
  min-width:15em;
  background-color: #000;
  border: 2px dotted #393131;
  float:right;
}

#primary .secondary.archive {
 max-width: 80px;
 min-width: 50px;
 padding: 5px;
 background-color: #5B5353;
 border 1px dashed #000;
 right: 10px;
}

#primary .secondary.archive h1 { font-size: 14px }
#primary .secondary.archive h2 { font-size: 10px }
#primary .secondary.archive li { font-size: 10px }

#primary.archive {
  margin-right: 110px;
  border-right: 2px dotted #393131;
}

/* Secondary */

#secondary {
  margin: 20px 20px 20px 280px;
  padding:10px;
  /*float:right;*/
  background-color: #5B5353;
  border: 2px dotted #393131;
  clear: none;
}

.comment-form {
  margin: 20px 10px 10px 10px;
  background-color: #646464;
  padding: 10px;
  border: 2px dotted #000;
}

.comment-form p { margin-bottom: 10px; }

.comment-form label {
  width: 30%;
  float: left;
  text-align: right;
  margin:0px;
  padding-top: 2px;
  padding-right: 5px;
}

.comment-form input, .comment-form textarea {
  margin: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 2px;
  font-size:11px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
  border: 1px solid #5B5353;
}

.comment-form input { width: 64%; }

.comment-form input.submit {
  width: 10em;
  border: none;
  background-color: #5B5353;
  color: #FFF;
}

.comment-form textarea {
  height: 10em;
  width: 96%;
}

.comment-form br { clear:both; }

#comments ol {
  
}

#comments li {
  margin-top: 20px;
}

/* Story */

div.story {
  clear: both;
  background-color: #646464;
  border: 2px dotted  #393131;
  padding: 10px;
  min-width: 30em;
  float: left;
  margin:5px;
}

div.gig_excerpt {
  background-color: #646464;
  border: 1px solid #000;
  padding: 7px;
  padding-left: 81px;
  min-width: 34em;
  margin: 5px;
  float: left;
  position: relative;
}

div.gig_excerpt img { left:7px; top: 7px; position:absolute; }


/* Ancillary */

#ancillary {
  position:absolute;
  left:15px;
  top:260px;
  width:235px;
}

#ancillary h1 {
  font-size:18px;
  margin:5px;
}

#ancillary h2 {
  font-size:18px;
  margin:5px;
  margin-left: 10px;
}

#ancillary li {
  font-size: 10px;
  margin-left: 15px;
  text-indent: -5px;
  width:210px;
}

#ancillary p.tags {
  font-size: 10px;
  width: 190px;
  margin-left:15px;
}

/* footer */

#footer {
  clear: both;
  font-size:9px;
  line-height: 130%;
  text-align:right;
  margin: 20px;
  margin-top: 70px;
  padding:10px;
}