/*  
Theme Name: The Sunday Drivers 4.0
Theme URI: http://thesundaydrivers.com/
Description: The Sunday Drivers theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1
Author: Alberto Romero
Author URI: http://denegro.com/
*/

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* http://www.tantek.com/log/2004/undohtml.css */
/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words 
:link,:visited { text-decoration:none }*/

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code,cite { font-size:1em; font-weight: normal;font-style: normal; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
fieldset {border: none}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* thing starts */
body {
	font: normal 12px/1.33 Georgia, serif;
	background: url(/images/bg.jpg);
	color: #7b7b72
}
/* sprites */
.shows h2, .news h2, div.blog h2, body.blog h1, .discography h2, .contact h2, .related-sites li a, .see-more, .contact:hover .december, .infiniteCarousel h1, .contact .press, .infiniteCarousel .arrow, p.back {
	background-color: transparent;
	background-image: url(/images/sprites.png);
	background-repeat: no-repeat;
}
.shows h2, .news h2, div.blog h2, .discography h2, .contact h2, body.blog h1 a {
	height: 27px;
	text-indent: -1000em;
	margin: 16px 0 12px 0;
	display: block;
	border: none
}
body.blog h1 {height: 24px!important;}
.news h2 { background-position: 0 -30px }
div.blog h2, body.blog h1 { background-position: 0 -60px }
.discography h2 { background-position: 0 -90px }
.contact h2 { background-position: 0 -120px }
.related-sites li.facebook a { background-position: 0 -150px }
.related-sites li.flickr a { background-position: 0 -200px }
.related-sites li.myspace a { background-position: 0 -250px }
.related-sites li.twitter a { background-position: 0 -300px }
.related-sites li.unvlog a { background-position: 0 -350px }
.related-sites li.tuenti a { background-position: 0 -400px }
.related-sites li.facebook a:hover { background-position: -140px -150px }
.related-sites li.flickr a:hover { background-position: -140px -200px }
.related-sites li.myspace a:hover { background-position: -140px -250px }
.related-sites li.twitter a:hover { background-position: -140px -300px }
.related-sites li.unvlog a:hover { background-position: -140px -350px }
.related-sites li.tuenti a:hover { background-position: -140px -400px }
.see-more { background-position: right -442px; padding-right: 25px!important}
.contact:hover .december { background-position: 100px -515px }
.infiniteCarousel h1 { background-position: 0 -775px }
.contact .press { background-position: 0 -820px;  }
p.back { background-position: 0 -946px; }

a {
	color: #7b7b72;
	text-decoration: none;
	border-bottom: 1px solid #d7d4cf;
}
a:hover {
	border-bottom-color: #898A76;
}
#highlight {
	background:  url(/images/head/01.jpg) no-repeat top center;
	height: 360px;
}
.song #highlight, .blog #highlight {
	height: 160px;
}
#wrap {
	width: 990px;
	margin: auto;
}
p.see-more {
	clear: both;
	text-align: right;
	font-family: 'Lucida Sans', 'Lucida Grande', sans-serif;
	font-style: italic;
	padding: 4px 0;
	border-top: 1px solid #d7d4cf;
}
p.see-more a {
	border-bottom: none;
}

/* shows */
.shows {
	margin-top: 24px;
	padding-left: 12px;
}
.shows table {
	border-spacing: 0;
	border-collapse: collapse;
}
.shows td {
	border-top: 1px solid #d7d4cf;
	padding: 10px 0;
	width: 247px;
}
.shows td.info {
	width: 237px;
}

/* news */
.news {
	margin-top: 12px;
	padding-left: 12px;
	width: 741px;
	float: left;
	overflow: hidden;
}
.news .item { 
	float: left;
	width: 237px;
	padding: 0 0 12px 0;
	margin-right: 10px;
}
.news h3, div.blog h3, .discography h3, .discography h1 {
	font-size: 10px;
	font-weight: normal;
	padding-bottom: 12px;
}
.news h3 a, div.blog h3 a, .discography h3 a, .news h3 span, div.blog h3 span, .discography h3 span, .discography h1 span, .commentlist h4 {
	color: #615239;
	text-decoration: none;
	font-size: 14px;
	border-bottom: none
}

.news .see-more {
	margin-right: 10px;
}
/* blog */
div.blog {
	margin-top: 12px;
	width: 237px;
	float: left;
	overflow: hidden;
}
div.blog .item { 
	float: left;
	width: 240px;
	padding: 0 0 12px 0;
}
body.blog h1 {
	width: 240px;
	margin: 32px 0 0 12px;
	height: 20px
}
body.blog h1 a {
	display: block;
	margin: 0;
}
.blog .post {
	margin-top: 32px;
	padding-left: 12px;
	width: 720px;
	float: left;
}
.blog .post h2, .blog .post h2 a {
	color: #615239;
	text-decoration: none;
	font-size: 14px;
	border-bottom: none	
}
.blog .post small {
	font-size: 10px;
	font-weight: normal;
	padding-bottom: 12px;
}
.blog .post p {
	margin: 12px 0;
}
.blog .navigation {
	float: right;
	margin-top: 32px;
	padding-left: 12px;
	width: 240px
}
.navigation .alignleft {
	float: left;
	width: 50%;
}
.navigation .alignright {
	float: right;
	width: 50%;
	text-align: right;
}
.blog #searchform {
	clear: both;
	padding-top: 12px;
}
.blog .results {
	overflow: hidden;
	padding-bottom: 100px;
}
.blog .results {
	height: 1%;
}
#comments {
	border-top: 1px solid #d7d4cf;
	padding-top: 12px;
}
.commentlist, #commentform, #commentform textarea {
	width: 500px;
}
.commentlist h4 a {
	color: #615239;
	text-decoration: none;
	font-size: 14px;
}
#respond {
	margin-top: 12px;
}
.commentlist li {
	margin-top: 12px;
	border-bottom: 1px solid #d7d4cf;
}

/* discography */
.discography {
	clear: both;
	overflow: hidden;
	margin-top: 12px;
	padding-left: 12px;
}
.song .discography {
	margin-top: 32px;
	padding-left: 260px;
}
.song .discography .lyrics {
	margin-left: 50px;
	width: 300px;
}
.discography .item { 
	float: left;
	width: 188px;
	margin-right: 9px;
}
.discography .last {
	margin-right: 0;
	width: 190px;
}
.discography img {
	display: block;
}
.discography ol {
	margin: 12px 0;
}
.discography p {
	padding-bottom: 12px;
}

p.back {
	clear: both;
	padding: 42px 0 0 24px;
	margin-left: 12px;
}

/* contact */
.contact {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #d7d4cf;
	margin-top: 24px;
	padding-left: 12px;
}
.contact .item { 
	float: left;
	width: 237px;
	margin-right: 10px;
}
.contact .last { 
	margin-right: 0px;
}
.contact h3 {
	color: #615239;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
}
.contact p {
	margin-top: 15px;
}
.contact .press p {
	margin-top: 72px;

}
.contact dl {
	margin: 0;
}
.contact dt {
	visibility: hidden;	
}
.contact dd {
	margin: 0;
}
.contact form {
	margin-top: 13px;
}
.contact label {
	float: left;
	width: 60px;
	margin: 2px 0;
}
#userName, #userMail, #userMessage {
	float: left;
	width: 160px;
	margin: 2px 0;
}
/* related sites */
.related-sites {
	margin-top: 24px;
	background: url(/images/footer.jpg) no-repeat center bottom;
	padding: 12px 0 496px 12px;
	clear: both;
	overflow: hidden;
}
.related-sites li { 
	float: left;
	width: 188px;
	margin-right: 9px;
	font-size: 10px;
}
.related-sites li.unvlog {
	margin-right: 0;
	width: 190px;
}
.related-sites li a {
	display: block;
	padding-top: 30px;
	width: 140px;
	border-bottom: none;
}
.related-sites li a:hover {
	color: #dcdcd0
}

/* carousel */
.infiniteCarousel {
	top: 60px;
	margin: 0 auto 0 auto;
	position: relative;
  width: 590px;
/*border: 1px solid red;*/
bottom:0;
height: 300px;
color: #FFF;
}

.infiniteCarousel .wrapper {
  width: 510px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 300px;
  margin: 0 40px;
  position: absolute;
	top: 0;
	background: url(/images/bg-60.png);
	
}
.infiniteCarousel h1 {
	height: 25px;
	text-indent: -10000em;
	width: 430px;
	margin:0;
	left: 80px;
	  padding:0;
	  position: absolute;
	top: 10px;
	z-index: 1;
	}

/*div.transp {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='/full/path/to/70percent.png');
}*/

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 35px;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 20px;
  height: 230px;
  width: 490px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
	display: block;
	height: 32px;
	width: 24px;
	text-indent: -999px;
	position: absolute;
	top: 240px;
	cursor: pointer;
	background-position: -270px -854px;
	border-bottom: none;
}

.infiniteCarousel .forward {
	right: 260px;
	background-position: -300px -854px;
}

.infiniteCarousel .back {
   left: 240px;
}
.infiniteCarousel .arrow:active {
	margin-top:2px;
}
/*
.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}
*/