@charset "utf-8";
html body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,pre,form,input,select,textarea,fieldset,p,blockquote,th,td{margin:0; padding:0;}
* {margin:0;padding:0;} 


html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 20px;}  

#footer {position: relative;
	margin-top: -20px; 
	height: 20px;
	clear:both;} 


.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}


@font-face {
  font-family: "Miss Claude";
	src: url('MissClaude.eot');
	src: local('MissClaude'), local('Miss_Clo'), url('MissClaude.woff') format('woff'), url('MissClaude.ttf') format('truetype');


  font-weight: 100;
  font-style: normal;
  font-variant: normal;
  font-stretch: normal;
}


body {
	text-align: center;
	font-family:serif;
	background-color:#F2EBC9;
	}
	


.floatleft{float:left; margin-right:10px; width:auto;}
.floatright{float:right; margin-top:0px;}
.floatleft2{float:left;}



p {
font-family:Georgia;
font-size:16px;
}

h1{ /*Newsitem Style*/
font-family: Georgia,serif, Times;
color:#A4A680;
font-style:italic;
font-size:18px;
padding:0;
}

h2{ /*Lyrics Style*/
font-family:'Miss Claude';
color:#404040;
font-size: 35px;
font-weight:normal;
text-decoration:none;
}

h3{ /*Miss Claude style*/
font-family:'Miss Claude';
color:#A66B38;
font-size: 32px;
font-weight:normal;
text-decoration:none;

}

h4{ /*Footer style*/
font-family:Georgia, sans-serif, Times;
color:#A4A680;
font-size:8px;
padding-top:20px;
}

h5{
font-family:'Miss Claude';
color:#404040;
font-size: 28px;
font-weight:normal;
}

 img{
 border:0;}

p a{
text-decoration: none;
color: black;
}

p a:hover{
color: #3A0000;
}
 
a {text-decoration:none;}
#centrebox{
background-image:url(./images/bg2.jpg);
background-color:#F2EBC9;
background-position:top center;
background-repeat:no-repeat;
width: 900px;
text-align:left;
margin: 0 auto;
padding-top:159px;
height:auto;

}

#container{
width:900px;
height:2em;
white-space:nowrap;
background-color:#A69E79;
    border: 1px solid #A69E79;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; 
}

#container ul{
font-family: serif;
margin:0 auto;
text-align: center;
}

#container ul li{ /*Makes list horizontal */
display:inline;
list-style:none;
}

#container li a{
margin:0 auto;
color:#271F2E;
text-decoration:none;
outline: none;
font-size:25px;
padding:15px;
font-family:times, serif;
}

#container li a:hover{
color:#FFFFFF;
}

#homephoto{
width: 500px;
height: 333px;
float:left;
padding-top:30px;
}


#hometext{
width: 350px;
clear:both;
padding-left:470px;
padding-top:79px;
position:absolute;
min-width:0;
}


#recentbox{
clear:both;
padding:0px 0px 0px 219px;
}

#newsphotos{
background-color:#FFFFFF;
width: 680px;
float:right;
margin:1px auto;
}

#newsphoto1{
background-color:white;
border: solid;
border-color: #FFFFFF;
border-width:6px;
width:135px;
height: 108px;
}

#newsphoto2{
background-color:white;
border: solid;
border-color: #FFFFFF;
border-width:6px;
width:135px;
height: 108px;
margin:-120px auto auto 175px;
}

#newsphoto3{
background-color:white;
border: solid;
border-color: #FFFFFF;
border-width:6px;
width:135px;
height: 108px;
margin:-120px auto auto 350px;
}

#newsphoto4{
background-color:white;
border: solid;
border-color: #FFFFFF;
border-width:6px;
width:135px;
height: 108px;
margin:-120px auto auto 525px;
}

#newsbox{
margin:20px auto auto 180px ;
background-image:url(./images/bok.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#newspic{
padding-top:20px;
float:left;
}
#newsbox ul{
list-style-type:none;

}

#newsbox ul li div{
padding:9px 0px 9px 0px;

}

.newsitem{
border-bottom:solid;
border-width:1px;
border-bottom-color:#9C986E;
width: 570px;
}

#aboutbox{

border: solid;
border-width: 1px;
border-color:#808080;
width: 795px;
height: auto;
margin: 22px auto;
padding: 5px;
min-width:0; /*peekaboo bug*/
position:relative; /*peekaboo bug*/
overflow: auto;
}


#vimeobox{
width: 521px;
height: 293px;
float:left;
border: solid;
border-color: #808080;
border-width: 2px;
margin-top:20px;
}

#vimeotext{
float:right;
width: 340px;
background-image:url(./images/bok.jpg);
background-position:bottom;
padding-right:17px;
}


#flickrbox{
border: solid;
border-color: #808080;
border-width:2px;
width: 550px;
height: 370px;
float:right;
background-color:black;
overflow-x:hidden;
margin-top:20px;
}

#flickrbox2{
border: solid;
border-color: #808080;
border-width:2px;
width: 550px;
height: 370px;
float:left;
background-color:black;
overflow:scroll;
overflow-x:hidden;
margin-top:20px;
}

#flickrtext2{
float:right;
padding-top:140px;
padding-right:57px;
width: 270px;
background-image:url(./images/bok.jpg);
background-position:bottom;
}
#flickrtext{
float:left;
width: 270px;
padding-top:135px;
padding-left:69px;
background-image:url(./images/bok.jpg);
background-position:bottom;
}

#flickrbox  a img{
border-color: #FFFFFF;
border:solid;
border-width: 2px;
float: left;
margin: 10px 10px 10px 10px;
border-style:none;
}

#flickrbox2  a img{
border-color: #FFFFFF;
border:solid;
border-width: 2px;
float: left;
margin: 10px 10px 10px 10px;
border-style:none;
}


#playerbox{
height: 170px;
width: 360px;
margin: 24px 60px auto auto;
outline: none;
overflow: hidden;
}

#buybox{
height: 65px;
width: 380px;
outline: none;
margin: -15px auto auto 473px;
padding:5px 5px 5px 5px;
}

#cdcover{
margin: -225px auto auto 60px;
border:none;
}

#looktext{
height: 148px;
width: 430px;
margin: -20px -100px auto 440px;
padding: 5px;
}


#lyricstext{

margin:30px auto;
width:570px;
height:30px;
}

#lyrics{
margin: -52px auto auto 60px;
width:300px;
height:300px;
}

#scanstext{
min-width:0; /*peekaboo bug*/
position:relative; /*peekaboo bug*/
margin:-350px 40px auto auto;  
width:370px;
height:100px;
}

#scans{
margin:-35px 320px auto auto;
width: 80px;
height: 100px;
}

#other{
margin: -100px 80px auto auto;
width: 100px;
height: 100px;
}
#lyrics  a img{
border-color: #FFFFFF;
border:solid;
border-width: 2px;
float: left;
margin: 10px 10px 10px 10px;
border-style:none;
}

#wordspic{
margin:8px 50px auto auto;
width:400px;
height:365px;
*height:465px;
background-image:url(./photos/wordspic.jpg);
background-repeat:no-repeat;
}

.friendname{
height:30px;
margin:23px auto -1px 49px;
}

.friendbio{
margin:5px auto;
width:500px;
height:100px;
}

.friendsep{
background-image:url(./images/lines9.jpg);
margin:0 auto;
width:400px;
height:14px;
}



#friendspic{
height:700px;
background-image:url(./images/flower2.jpg);
margin:25px auto auto auto;
background-repeat:no-repeat;

}


#spacer{
height:1300px;
width:600px;
margin:-720px 140px auto auto;
background-image:url(./images/bok.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#connectfb{
height: 70px;
margin: -5px auto auto 45px;
}

#connectms{
height: 70px;
margin: 12px auto auto 58px;
}

#connectrn{
height: 70px;
margin: 15px auto auto 67px;
}

#connecttw{
margin: -14px auto auto 67px;
height: 70px;
}

#conntext{
height: 200px;
margin: -255px auto auto 300px;
width: 400px;
}

#butterfly{
margin:-80px auto auto 720px;
}

#peacock1{
height: 275px;
width:240px;
margin: 50px auto auto 70px;
border: solid;
border-color: #E0E0E0;
border-width:5px;
background-image:url(./photos/peacock1.jpg);
}

#peacock2{
height: 275px;
width:240px;
margin: -285px auto auto 355px;
border: solid;
border-color: #E0E0E0;
border-width:5px;
background-image:url(./photos/peacock2.jpg);
}

#peacock3{
height: 275px;
width:240px;
margin: -285px auto auto 640px;
border: solid;
border-color: #E0E0E0;
border-width:5px;
background-image:url(./photos/peacock3.jpg);
}

.accordion{
margin:13px auto auto 100px;
float:left;
height:auto;
width:340px;
text-decoration:none;
overflow:hidden;
background-image:url(./images/bok.jpg);
}


.lyricstyle{
font-family:Georgia;
font-size:14px;
}