body { 
  margin:0;
  background:#000 url('../img/site/bkg-body.jpg') repeat-x 0 250px fixed;
}

body,h1,h2,h3,h4,h5,h6,a,p.info { 
  color:#e3e3c3;
  font-family: "Georgia", "Times New Roman", Times, serif; 
}

p,li {
  font-size: 1.1em;
}

h3 {
  font-size:2em;
}

a {
  color:#669999;
  text-decoration:none;
}

a:hover,
a:active {
  color:#669999;
  text-decoration:underline;
}

a.btn-itunes {
  display:block;
  margin-top:7px;
  width:61px;
  height:15px;
  background:url('../img/site/btn-itunes.gif') no-repeat;
}

a.btn-itunes span {
  display:none;
}

em {
  background:none;
}

#container {
  width:690px;
  margin:0 auto;
}

.left, .right {
  width:48%;
}

.left {
  float:left;
}

.right {
  float:right;
  text-align:right;
}

.post p img {
  float:none;
}


/**
* SPLASH
*/

body#splash {
  background-image:none;
  text-align:center;
}

#splash #container {
  position:absolute;
  top:50%;
  left:50%;
  width:780px;
  height:360px;
  margin:-180px -390px;
}

#splash #flash {
  margin-bottom:50px;
}

#splash a {
  color:#3a3a34;
}


/**
* HEADER
*/

#header {
  height:370px;
  background-position:35px bottom;
  background-repeat:no-repeat;
  background-image:url('../img/site/bkg-header-news.jpg')
}

#header h1 {
  margin:0;
  height:115px;
  background-repeat:no-repeat;
  background-image:url('../img/site/h1-sparkadia-news.jpg')
}

#header h1 span {
  display:none;
}

#tours #header,
#media #header,
#photos #header,
#videos #header  { background-image:url('../img/site/bkg-header-tours.jpg') }
#tours #header h1,
#media #header h1,
#photos #header h1,
#videos #header h1 { background-image:url('../img/site/h1-sparkadia-tours.jpg') }

#about #header,
#lyrics #header    { background-image:url('../img/site/bkg-header-about.jpg') }
#about #header h1,
#lyrics #header h1 { background-image:url('../img/site/h1-sparkadia-about.jpg') }

#discography #header,
#contact #header    { background-image:url('../img/site/bkg-header-discography.jpg') }
#discography #header h1,
#contact #header h1 { background-image:url('../img/site/h1-sparkadia-discography.jpg') }


/**
* NAVIGATION
*/

.navigation {
  width:570px;
  margin:0 auto;
  list-style:none;
  height:35px;
}

.navigation li {
  display:inline;
}

.navigation li a {
  float:left;
  display:block;
  height:35px;
  background:url('../img/site/bkg-navigation.gif') no-repeat 0 0; 
}

.navigation li a span {
  display:none;
}


li.news a { background-position:0 0; width:45px; }
li.news a:hover,
li.news a.active { background-position:0 -35px; }

li.tours a { background-position:-45px 0; width:55px; }
li.tours a:hover,
li.tours a.active { background-position:-45px -35px; }

li.about a { background-position:-100px 0; width:60px; }
li.about a:hover,
li.about a.active { background-position:-100px -35px; }

li.discography a { background-position:-160px 0; width:110px; }
li.discography a:hover,
li.discography a.active { background-position:-160px -35px; }

li.media a { background-position:-270px 0; width:55px; }
li.media a:hover,
li.media a.active { background-position:-270px -35px; }

li.lyrics a { background-position:-325px 0; width:55px; }
li.lyrics a:hover,
li.lyrics a.active { background-position:-325px -35px; }

li.shop a { background-position:-380px 0; width:50px; }
li.shop a:hover,
li.shop a.active { background-position:-380px -35px; }

li.tickets a { background-position:-430px 0; width:65px; }
li.tickets a:hover,
li.tickets a.active { background-position:-430px -35px; }

li.contact a { background-position:-495px 0; width:75px; }
li.contact a:hover,
li.contact a.active { background-position:-495px -35px; }


/**
* CONTENT TOP
*/

#content-top,
#content-top #audioplayer,
#content-top h2,
#content-top form {
  float:left;
}

#content-top {
  width:570px;
  height:55px;
  margin:10px 0 0;
  padding-bottom:5px;
  border-bottom:solid 1px #e3e3c3;
}

#content-top h2 {
  width:280px;
  height:55px;
  margin:0;
}

#news #content-top h2 { background:url('../img/site/h2-latest-news.gif') no-repeat; }
#tours #content-top h2 { background:url('../img/site/h2-tours.gif') no-repeat; }
#about #content-top h2 { background:url('../img/site/h2-about.gif') no-repeat; }
#discography #content-top h2 { background:url('../img/site/h2-discography.gif') no-repeat; }
#competitions #content-top h2 { background:url('../img/site/h2-competitions.gif') no-repeat; }
#lyrics #content-top h2 { background:url('../img/site/h2-lyrics.gif') no-repeat; }
#contact #content-top h2 { background:url('../img/site/h2-contact.gif') no-repeat; }
#media #content-top h2,
#videos #content-top h2,
#photos #content-top h2 { background:url('../img/site/h2-media.gif') no-repeat; }

#content-top h2 span,
#content-top #audioplayer h3 span,
#content-top form label {
  display:none;
}

#content-top #audioplayer,
#content-top form {
  width:145px;
  height:55px;
  text-align:center;
  line-height:1em;
}

#content-top h3,
#content-top form label {
  font-weight:normal;
  text-transform:uppercase;
}

#content-top #audioplayer h3 {
  width:145px;
  height:34px;
  margin:0 0 2px;
  background:url('../img/site/h3-audioplayer.gif') no-repeat;
}

#content-top form {
  background:url('../img/site/label-mailing-list.gif') no-repeat;  
}

#content-top form input {
  font-family: "Georgia", "Times New Roman", Times, serif; 
  background:transparent;
  border:0;
}

#content-top form .input {
  margin:0;
}

#content-top form .text input {
  color:#e3e3c3;
  width:130px;
  padding:1px;
  margin:18px 0 0 8px;
}

#content-top #audioplayer a,
#content-top form .submit input {
  font-size:1em;
  line-height:1em;  
  color:#669999;
}

#content-top #audioplayer a {
  margin-right:5px;
}

#content-top form .submit input {
  margin-left:5px;
}

#content-top form .submit input:hover {
  text-decoration:underline;
  cursor:pointer;
}


/**
* CONTENT / FOOTER
*/

#content,
#footer {
  clear:both;
  width:570px;
  padding:0 25px;
  margin:0 auto;
  background:#000;
}

#content {
  text-align:left;
}

#footer {
  font-size:90%;
  text-align:center;
  padding:5px 0;
  border-top:solid 1px #e3e3c3;
}

#content-bottom {
  clear:both;
} 

#content .item {
  clear:both;
  padding:25px 0 10px;
  border-bottom:solid 1px #3a3a34;
}

#content .last {
  border-bottom:0;
}

#content .item h5 {
  margin:0;
  text-transform:uppercase;
  font-weight:normal;
}

#paging.item {
  padding:10px 0;
  border-top:solid 1px #e3e3c3;
}

#paging span {
  padding:0 3px;
}

#paging .current {
  font-weight:bold;
  text-decoration:underline;
}

#subscriber {
  float:left;
  padding:10px 0;
  width:570px;
  border-bottom:solid 1px #e3e3c3;
}

#subscriber a {
  padding:0 0 0 10px;
}


/**
* COMMENTS
*/

#content .comment {
  padding:10px 0 15px;
}

#content .comment span,
#content .add-comment {
  padding:0 10px 0 15px;
  background:url('../img/site/icon-comment.gif') no-repeat 0 3px;
}

#content .item .comment a {
  padding:0 10px;
}

#comments h3 {
  float:left;
  width:50%;
  margin:0 0 10px;
}

#comments .add-comment {
  float:right;
  text-align:right;
  margin-top:7px;
}

#comments .comment {
  padding:15px 0 0;
}

#comments .comment .post {
  margin:15px 0 0;
}


/**
* TOURS
*/

#tours table .date {
  width:100px;
  text-transform:uppercase;
}

#tours table .venue {
  width:200px;
}

#tours h3.left {
  padding:0 0 5px;
}

#tours a.right {
  padding-top:8px;
}


/**
* DISCOGRAPHY
*/

#discography .item {
  clear:both;
  float:left;
  width:100%;
}

#discography .item img {
  float:left;
  padding:0 0 15px;
}

#discography .item .post {
  width:290px;
  float:right;
}

#discography .item .post h3 {
  margin:0 0 .6em;
}


/**
* LYRICS
*/

#lyrics .item {
  clear:both;
  float:left;
  width:100%;
}

#lyrics .item  .left {
  width:145px;
}

#lyrics .item .right {
  width:420px;
  text-align:left;
  float:right;
}

#lyrics .item .right h3 {
  margin:0 0 .6em;
}

#lyrics .left li {
  font-size: 1em;
}


/**
* MEDIA
*/

#media .item {
  float:left;
  width:100%;
}

#media #content h3 {
  text-align:center;
}

#media #content ul {
  float:left;
  list-style:none;
  margin:0;
}

#media #content ul li {
  float:left;
  display:inline;
  margin:10px;
  text-align:center;
}

#media #content ul li span {
  display:block;
  width:120px;
}

#media #content ul li span.image {
  height:120px;
  overflow:hidden;
  border:solid 1px #3a3a34;
}

#media #content .videos ul li span.image {
  height:100px;
}

#media #content ul li span.title {
  margin-top:5px;
}

#media #content .photos h3 {
  margin-bottom:5px;
}

#media #content .photos h4 {
  font-size:1.4em;
  margin-bottom:10px;
}

#media #content .photos .intro {
  margin-left:10px;
}


/**
* CONTACT
*/

#contact .title {
  width:195px;
  text-transform:uppercase;
}


/**
* FORMS
*/

#content-bottom table {
  clear:both;
  margin:0;
  padding:20px 0 10px;
  width:100%;
}

#content-bottom table th,
#content-bottom table td {
  padding-top:10px;
  border-color:#3a3a34;
}

#content-bottom table tr.last td {
  border:0;
}

#content-bottom table p {
  margin-bottom:10px;
}


/**
* FORMS
*/

#content-bottom form {
  clear:both;
  padding:0 0 25px;
}

#content-bottom form fieldset {
  border-bottom:solid 1px #3a3a34;
  padding:0 0 10px;
}

#content-bottom form fieldset.last {
  margin:0;
  padding:0;
}

#content-bottom form legend {
  font-size:2em;
  text-transform: capitalize;
  padding:25px 0 20px;
}

#content-bottom form .input {
  margin:0 0 25px;
}

#content-bottom form input {
  margin-bottom:0;
}


/**
* FLASH
*/

#flashMessage {
  clear:both;
  margin:0;
  padding:15px 0;
  border-color:#e3e3c3;
  border-width:0 0 1px 0;
  background:none;
  text-align:center;
}

.error {
  color:#900;
}

.message {
  color:#669999;
	border:solid 1px #9C9;
}



/**
* CAKE DEBUG
*/

.cake-sql-log {
  clear:both;
  border-bottom:solid 1px #DDD;
}