body{
margin:0;
padding:0;
background: #1E1C17;
color: #B3AB7C;
font: 9px verdana;
line-height: 13px;}

/* Hyperlinks */

a {
color:#B0B9C5;
text-decoration: none;
font: 13px 'garamond', serif;}
	
 a:hover {
color: #DDC2F3;}

/* Layout Images */
	
#bg{
	background: url("images/bg.jpg")  repeat-y top left;
	width: 600px;
	margin: 0 auto;}

#karaokesoul1 {
	width:600px;
	height:134px;
	background: url("images/karaokesoul_01.jpg") no-repeat;}

#karaokesoul2 {
	width:600px;
	height:134px;
	background: url("images/karaokesoul_02.jpg") no-repeat;}

#karaokesoul3 {
	width:600px;
	height:134px;
	background: url("images/karaokesoul_03.jpg") no-repeat;}

#karaokesoul4 {
	width:600px;
	height:134px;
	background: url("images/karaokesoul_04.jpg") no-repeat;}
	
#karaokesoul5 {
	width:600px;
    height:134px;
	background: url("images/karaokesoul_05.jpg") no-repeat top;}

#foot {
	background: url("images/foot.jpg" ) no-repeat ;
	width: 600px;
	height: 160px;
	clear: both;}
	
/* Content */

#content {
	margin: 0px 70px 0px 10px;
	float:right;
	display:inline;
	width:320px;
	text-align: justify;}
	
 h1 {
	background: url("images/head.gif") no-repeat;
	height: 40px;
	margin: 14px 0px 0px 20px;
	text-align: center;
	color: #7B9452;
	font: 24px century gothic, sans-serif;}

h1:first-letter	{
	color: #f4e094;
	font-family: georgia, serif;
	font-size: 50px;
	font-style: italic;}

/* Navigation*/

#navigation	{
	width: 127px;
	float:left;
	display:inline;
	margin: -10px 0 0 58px;}

h2 {
font: bold 12px garamond, serif;
text-align: center;
letter-spacing: .4em;
background: #1B2210 url(images/boxbg.jpg) no-repeat;
margin: 8px 0 2px 0;
color: #DCB6A1;}

h2:first-letter	{
	color: #f4e094;
	font-family: georgia;
	font-size: 16px;
	font-style: italic;}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;}

#navigation li {
	margin: 0;
	font-family: "century gothic", "avant garde", sans-serif;
	border-bottom: 1px solid #492728;
	border-top: 1px solid #492728;
	border-left: 1px solid #492728;
	border-right: 1px solid #492728;
	background: #1B2210 url(images/nav.jpg) no-repeat;
    list-style-type:none;}

#navigation li a {
	display: block;
	color: #bb4587;
	text-align: center;
	border-bottom: 1px dotted #7ea355;
    cursor: crosshair;}

#navigation li a:hover {
	background: #7EA355 url(images/hover.jpg) no-repeat;
    display: block;
	color:#F4E094;
    text-transform: lowercase;}

/* Style */
	
s{
color: #9F709C;}
i{
color: #2E2418;
background: #8E8945;}
b{
color: #7DAA89;}
u{
color: #B15F5E;}

.avi { 
    border: 3px dotted #CABEA6; 
    margin: 5px;}
		
ul {
   margin:  10px 10px 0px 3px;
   padding: 0;}
   
li {
   margin: 7px 0 0px 15px;
   list-style-type:circle;}
	
/* The Multimedia Box*/
	
.cbox {
    color: #FDE6DE;
    background: #1B2210 url(images/boxbg.jpg) no-repeat;
	border:1px solid #6C4B38; 
	font: 10px verdana, sans-serif;
	text-align: justify;
	margin:7px 2px 7px 2px;
	padding: 3px 4px 1px 3px;}
	
h3 {
letter-spacing: 3px;
font: small-caps 13px garamond, serif;
border-top: 1px solid #CA8B3F;
text-align: right;
margin: 10px;
padding: 0 20px 5px 0;
color: #A47E67;}
   

/* Comment Form*/
	
input,textarea{
    background: #1B2210 url(images/boxbg.jpg) no-repeat;
    color: #705446;
    font-family: verdana, serif; 
    font-size: 11px;
    border:1px solid #365F3A; 
    width: 297px; 
    margin: 5px 0px 3px 5px;}

label {
   display: block; 
   margin-left: 10px}

.button {
width: 70px; 
border:1px solid #365F3A;}


/* Title */

#title { 
font: 40px georgia, serif;
text-align: left;
padding: 80px 0px 0px 270px;
color: #461C20;
float: left;}