@import	url(cake.generic.css);


/* Main elements
------------------*/
* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

body	{
	/*font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:62.5%;
	background:url(../img/background.jpg) repeat top center #FFF;
}

/* SBMH to correct font-size difference */
* html body {
	font-size:x-small; /* for IE5/Win */
	f\ont-size:62.5%; /* for other IE versions */
}

h1,h2,h3,h4,h5	{
	font-weight:normal;
}

h1 {
	opacity:.8;
	color:#FFF;	
	font-size:2em;
	padding-bottom:.7em;
	position:relative;
	top:-10px;
}

h2 {
	opacity:.8;
	color:#FFF;	
	font-size:1.4em;
	padding-bottom:1.2em;
}

h3 {
	font-size:1.6em;
}

h4 {
	font-size:1.4em;
	color:#FFF;
}

h5 {
	font-size:1em;	
}

p {
	color:#FFF;
	opacity:.8;
	font-size:1.2em;
	padding-bottom:1.2em;
}

a {
	text-decoration:underline;
	color:#e4dfc4;
	font-size:12px;
}


a:hover	{
	color:#FFF;
	text-decoration:none;
}

a img {
	border:0;
}

li {
	list-style:none;
}

fieldset {
	border:none;
}

/*
============================
main divs
============================
*/

img#logo {
	width:900px;
	height:125px;
}

h1.home {
	background:url(../img/h1_home.png) no-repeat top left transparent;
	display:block; text-indent:-99999px;
	outline:none;
}

h1.listen {
	background:url(../img/h1_listen.png) no-repeat top left transparent;
	display:block; text-indent:-99999px;
	outline:none;
}

h1.songwriting {
	background:url(../img/h1_songwriting.png) no-repeat top left transparent;
	display:block; text-indent:-99999px;
	outline:none;
}

h1.bio {
	background:url(../img/h1_bio.png) no-repeat top left transparent;
	display:block; text-indent:-99999px;
	outline:none;
}

h1.joincontact {
	background:url(../img/h1_joincontact.png) no-repeat top left transparent;
	display:block; text-indent:-99999px;
	outline:none;
}

h1.join {
	background:url(../img/h1_join.png) no-repeat top left transparent;
	display:block; text-indent:-99999px;
	outline:none;
}

h1.contact {
	background:url(../img/h1_contact.png) no-repeat top left transparent;
	display:block; text-indent:-99999px;
	outline:none;
}

h1.newsreviews {
	background:url(../img/h1_newsreviews.png) no-repeat top left transparent;
	display:block; text-indent:-99999px;
	outline:none;
}

h1.links {
	background:url(../img/h1_links.png) no-repeat top left transparent;
	display:block; text-indent:-99999px;
	outline:none;
}

h1.buy {
	background:url(../img/h1_buy.png) no-repeat top left transparent;
	display:block; text-indent:-99999px;
	outline:none;
}

#wrapper {
	margin:0 auto 0 auto;
	width:900px;
	border:0px solid red;
	/*background:url(../img/bg.jpg) repeat top left transparent;*/
	height:100%;
}

.bghome {
	background:url(../img/bg-home2.jpg) no-repeat top left transparent;
}

.bglisten {
	background:url(../img/bg-listen2.jpg) no-repeat top left transparent;
}

.bgsongwriting {
	background:url(../img/bg-songwriting.jpg) no-repeat top left transparent;
}

.bgbio {
	background:url(../img/bg-bio.jpg) no-repeat top left transparent;
}

.bgnewsreviews {
	background:url(../img/bg-news.jpg) no-repeat top left transparent;
}

.bglinks {
	background:url(../img/bg-links.jpg) no-repeat top left transparent;
}

.bgbuy {
	background:url(../img/bg-buy.jpg) no-repeat top left transparent;
}

.bgcontact {
	background:url(../img/bg-contact.jpg) no-repeat top left transparent;
}

#bg {
	
	height:100%;
}	

ul#nav {
	
}

ul#nav li {
	float:left;
	margin-right:0px;
	position:relative;
	z-index:2;
}

ul#nav li a {
	display:block; text-indent:-99999px;
	outline:none;
	height:40px;
	border:0px solid red;
}


#nav.bghome a.home,
#nav.bglisten a.listen,
#nav.bgsongwriting a.songwriting,
#nav.bgbio a.bio,
#nav.bgcontact a.join,
#nav.bgnewsreviews a.news,
#nav.bglinks a.links,
#nav.bgbuy a.buy	{
	border-bottom:2px solid #FFF;
}

a.home {
	background:url(../img/nav.png) 0px 0px transparent;
	width:73px;
}

#nav.bghome a.home,
a.home:hover{
	background-position:0px 40px;
}

a.listen {
	background:url(../img/nav.png) -73px 0px transparent;
	width:79px;
}

#nav.bglisten a.listen,
a.listen:hover {
	background-position:-73px 40px;
}

a.songwriting {
	background:url(../img/nav.png) -152px 0px transparent;
	width:139px;
}

#nav.bgsongwriting a.songwriting,
a.songwriting:hover {
	background-position:-152px 40px;
}

a.bio {
	background:url(../img/nav.png) -291px 0px transparent;
	width:54px;
}

#nav.bgbio a.bio,
a.bio:hover {
	background-position:-291px 40px;
}

a.join {
	background:url(../img/nav.png) -345px 0px transparent;
	width:156px;
}

#nav.bgcontact a.join,
a.join:hover {
	background-position:-345px 40px;
}

a.news {
	background:url(../img/nav.png) -501px 0px transparent;
	width:161px;
}

#nav.bgnewsreviews a.news,
a.news:hover {
	background-position:-501px 40px;
}

a.links {
	background:url(../img/nav.png) -662px 0px transparent;
	width:70px;
}

#nav.bglinks a.links,
a.links:hover {
	background-position:-662px 40px;
}


a.buy {
	background:url(../img/nav.png) -732px 0px transparent;
	width:155px;
}

#nav.bgbuy a.buy,
a.buy:hover {
	background-position:-732px 40px;
}

#content{
	clear:both;
	padding: 0;
	padding-top:20px;
}

#leftColumn {
	width:715px;
	border:0px solid red;
	float:left;
	height:100px;
	padding:0 10px 0 10px;
}

#rightColumn {
	width:160px;
	border:0px solid red;
	float:left;
}

#rightColumn img {
	margin-bottom:10px;
}

ul#icons li {
	float:left;
	padding-right:20px;
	padding-bottom:5px;
}
ul#icons li.endOfLine {
	padding-right:0;
}
blockquote {
	padding: 20px;
	margin: 5px;
	background-image: url(../img/left-quote.png);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: 37px;
	font-size:12px;
	color:#FFF;
	font-style:italic;
}

blockquote span {
	display: block;
	background-image: url(../img/right-quote.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom:30px;
}

/* blockquote {
	display:block;
	clear:both;
	padding:10px;
	margin-bottom:10px;
}

blockquote p {
	font-size:12px;
	font-style:italic;
}

blockquote span {
	font-size:11px;
	font-weight:bold;
	display:block;
	padding:2px 2px 2px 25px;
}

blockquote p:before {
    background:url(../img/left-quote.png) no-repeat 100% 30%;
    content:"\00A0";
	padding:30px 47px 30px 0;
}
blockquote p:after {
    background:url(../img/right-quote.png) no-repeat 10% 70%;
    content:"\00A0";
    padding:2em; 
} */


/* blockquote > *:first-child {
    text-indent:-14px;
}

blockquote > *:first-child:before {
    background:url(../img/left-quote.png) no-repeat 100% 30%;
    content:"\00A0";
    padding:2em;
    padding-left:0;
}

blockquote > *:last-child:after {
    background:url(../img/right-quote.png) no-repeat 10% 70%;
    content:"\00A0";
    padding:2em;
}
 */
* html blockquote * {text-indent:-6px;} /* fix IE6 */

#mp3player {
	width:400px;
	outline:none;
	float:left;
}

#statement {
	width:700px;
	padding:10px 0 10px 0;
}

#albums {
	float:right;
	/*clear:left;*/
	width:255px;
	margin-top:10px;
	padding-left:0px;
}

#albums img {
	margin-right:20px;
}

#statement p {
	font-size:11px;
}

ul.listen_lyrics {
	padding-bottom:15px;
	width:350px;
	border:0px solid red;
	float:left;
}

ul.listen_lyrics li {
	margin-bottom:5px;
	color:#FFF;
	font-style:italic;
}
ul.listen_lyrics li a {
	font-style:normal;
}

ul.listen_lyrics li div{
	/*display:none;*/
	padding:10px;
}

ul.links {
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	opacity:.8;
}

ul.links ul {
	margin-left:10px;
	font-weight:normal;
	padding-bottom:10px;
}

ul.links li {
	
}

#mailinglist {
	border-right:0px solid #fff;
	width:450px;
	float:left;
}

ul#contactlinks {
	width:200px;
	border-left:1px solid #fff;
	float:left;
	padding-left:20px;
	margin-top:20px;
}

ul#contactlinks li {
	padding:5px;
}

#biopic {
	float:left;
	margin:0 20px 0 0;
}
#contactpic	{
	float:right;
	margin-top:-245px;
	position:relative;
	left:-80px;
}
#songpic	{
	float:right;
	margin:0 0 15px 15px;
}

/*
============================
classes
============================
*/

.clear	{
	clear:both;
}

.flash_good { 
	clear:both;
	background: #e5f2be; 
	border:2px solid #bedf5d; 
	padding:10px; 
	font-weight:bold;
	margin:0 20px 0 20px;
	font-size:12px;
}
.flash_bad { 
	clear:both;
	background: #eccecf;
	border:2px solid #9e0b0f;
	padding:10px;
	font-weight:bold;
	margin:0 20px 0 20px;
	font-size:12px;
}
.flash_good img, .flash_bad img {
	float:right;
}

.icon_facebook, .icon_myspace, .icon_twitter, .icon_lastfm, .icon_itunes, .icon_cdbaby  {
	width:39px; height:43px;
	display:block; text-indent:-99999px;
	outline:none;
}

.icon_facebook {
	background:url(../img/icons.png) 0px 0px transparent;
}

.icon_facebook:hover {
	background-position:0px 44px;
}

.icon_myspace {
	background:url(../img/icons.png) -78px 0px transparent;
}

.icon_myspace:hover {
	background-position:-78px 44px;
}

.icon_twitter {
	background:url(../img/icons.png) -117px 0px transparent;
}

.icon_twitter:hover {
	background-position:-117px 44px;
}

.icon_lastfm {
	background:url(../img/icons.png) -39px 0px transparent;
}

.icon_lastfm:hover {
	background-position:-39px 44px;
}

.icon_itunes {
	background:url(../img/icons.png) -156px 0px transparent;
}

.icon_itunes:hover {
	background-position:-156px 44px;
}

.icon_cdbaby {
	background:url(../img/icons.png) -195px 0px transparent;
}

.icon_cdbaby:hover {
	background-position:-195px 44px;
}
.icon_buyitunes {
	background:url(../img/iTunesIcon.png) no-repeat;
}
#buyIcons a {
	height:35px;
	display:block;
	float:left;
	padding:8px 20px 0 45px;
	font-weight:bold;
}
.icon_buyitunes:hover {
	background-position:0px -43px;
}

.icon_buycdbaby {
	background:url(../img/cdBabyIcon.png) no-repeat;
}

.icon_buycdbaby:hover {
	background-position:0 -43px;
}

.textbox_top {
	background:url(../img/box_top.png) no-repeat transparent;
	width:868px;
	height:114px;
	margin-top:-50px;
}

.textbox_middle {
	width:868px; 
	background:url(../img/box_middle.png) repeat-y transparent;
}

.textbox_btm {
	width:868px;
	height:98px;
	background:url(../img/box_btm.png) no-repeat transparent;
}

.smtextbox_top {
	background:url(../img/smbox_top.png) no-repeat transparent;
	width:650px;
	height:85px;
	margin-top:-40px;
}

.smtextbox_middle {
	width:650px; 
	background:url(../img/smbox_middle.png) repeat-y transparent;
}

.smtextbox_btm {
	width:650px;
	height:76px;
	background:url(../img/smbox_btm.png) no-repeat transparent;
}

.buyitem {
	float:left;
	width:230px;
	border:0px solid red;
}

.buyitem h2 {
	font-size:12px;
	font-weight:bold;
}

.buyitem p {
	padding:5px;
}

.buyitem span {
	font-size:11px;
}

.buyitem input[type="submit"] {
	background-color:#322f20;
	color:#cccbc7;
	border:none;
	padding:5px;
}


.link_facebook {
	background:url(../img/link_facebook.jpg) no-repeat;
	display:block;
	padding-left:30px;
	height:18px;
}
.link_lastfm {
	background:url(../img/link_lastfm.jpg) no-repeat;
	display:block;
	padding-left:30px;
	height:18px;
}
.link_myspace {
	background:url(../img/link_myspace.jpg) no-repeat;
	display:block;
	padding-left:30px;
	height:18px;
}
.link_twitter {
	background:url(../img/link_twitter.jpg) no-repeat;
	display:block;
	padding-left:30px;
	height:18px;
}
/**Added by BOS 25/06/2010 **/

.albumTitle {
	color:#fff;
	float:left;
	width:350px;
	font-size:1.4em;
	padding:15px 0;
}
.floatClear {
	clear:both;
	float:none;
	height:1px;
	margin-bottom:-1px;
}