body {
	background-color:#ffffff;
	background-image:url('images/header_bg.jpg');
	background-repeat:repeat-x;
	background-position:top;
	margin:0;
	padding:0;
	padding-left:2px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}


#logo
{
  width:300px;
  height:50px;
  margin:0;
  font-size:200%;
  font-weight:bold;
  color:#fff;
  float:left;
}

#logo a
{
 color:#fff;
 text-decoration:none;
}

#logo a:hover
{
  text-decoration:none;
}

  
#adv_config
{
  color:#666666;
  border:0px solid #666666;
  width:728px;
  height:90px;
  margin:auto;
}

#adv_right
{
  color:#666666;
  border:1px solid #666666;
  width:110px;
  height:728px;
  float:right;
  position:absolute;
  right:1px;
}


#subheader
{
  width:980px;
  margin:auto;
}


#browse
{
  font-size:100%;
  width:380px;
  height:24px;
  float:right;
  margin:0 0 20px 0;
}


#browse ul
{
  list-style-type: none;
  margin:0;
  padding:0;
  width:380px;
  height:23px;
}

#browse ul li
{
  width:90px;
  height:23px;
  text-align:center;
  float:left;
  margin:2px 0 0 4px;
  padding:0;
}

#browse ul li a 
{
width:90px;
height:18px;
padding:0;
color:#CCCCCC;
font-size:120%;
font-weight:bold;
display:block;
text-decoration:none;
}

#browse ul li a:hover 
{
color:#fff;
}

#header_title
{
  width:960px;
  height:28px;
  color:#000;
  padding:2px 0 6px 5px;
  margin:0 0 10px 0;
  float:left;
}  


#header_title h1
{
  width:100%;
  height:24px;
  padding:5px 0 0 10px;
  color:#000;
  font-size:120%;
  border-bottom:0px solid #999;
}

#header_title span
{
  font-size:80%;
  font-weight:normal;
  color:#333;
  padding:1px;
}


#byletter
{
  padding:0 0 0 5px;
  margin:10px 0 0 0;
  float:left;
}

#byletter p
{
  margin:0 0 10px 0;
}   

#byletter a
{
  padding:4px;
  margin:0 3px 0 0;
  color:#666;
  text-decoration:none;
  border:1px dashed lightgrey;
}

#byletter a:hover
{
  text-decoration:none;
  border:1px solid grey; 
}


.right_ul
{
 width:90%;
 height:auto;
 float:left;
 margin:0 0 30px 4px;
 padding:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 -webkit-border-radius:5px;
}

.right_ul ul
{
 margin:0;
 padding:0;
}

.li_main
{
  list-style-type: none;
  width:225px;
  height:20px;
  margin:0;
  padding:1px;
  background-color:#fff;
}

.main_li
{
 width:225px;
 height:20px;
 color:#000;
 font-size:11px;
 margin:0 0 0 18px;
 padding:0;
 border-bottom:0px solid #333333; 
}

.main_li a
{
 color:#666633;
 display:block;
 padding:5px 0 0 0;
 text-decoration:none;
}

.main_li a:hover
{
 text-decoration:underline;
} 

.right_ul h3
{
 font-size:90%;
 color:#354B2E;
 margin:0;
} 


#header_login
{
  width:400px;
  height:30px;
  background:transparent;
  float:right;
  margin:0 5px 0 0;
}  
 

#login
{
  width:400px;
  color:#fff;
  font-size:11px;
  text-align:right;
  background:transparent;
  margin:auto;
  padding:5px 0 0 0;
} 

#login a
{
  color:#fff;
  text-decoration:none;
}

#login a:hover
{
  text-decoration:underline;
}

#avatar
{
  width:100%;
  margin-bottom:15px;
  background:#D3E3CE;
  border:1px solid #666633;
  float:left;
}

#user_settings
{
 width:100%;
 color:#000;
 text-align:center;
}

#user_settings a
{
 color:#000;
 text-decoration:underline;
} 

#user_settings a:hover
{
 text-decoration:none;
}

#avat
{
 width:100%;
 text-align:center;
}

#img_avatar
{
 margin:4px;
}

#img_avatar img
{
 width:80px;
 height:80px;
 padding:1px;
}   
  

#checkValidUser a
{
 color:#000;
 text-decoration:underline;
}

#checkValidUser a:hover
{
 text-decoration:none;
}

#main
{
 width:980px;
 height:auto;
 margin:auto;
 color:#666666;
} 

#main_left
{
  width:600px;
  height:auto;
  float:left;
}

#main_right
{
  float:right;
  width:330px;
  height:auto;
  margin-right:2px;
  border:0px solid #000;
}

.vote_t
{
  height:auto;
  color:#000;
  font-weight:bold;
  font-size:90%;
  background:#d6d6d6;
  padding:1px 0 0 3px;
  margin:1px;
}
 
.content
{
  width:95%;
  height:auto;
  color:#666633;
  background:#fff;
  margin:0 0 0 10px;
  padding:10px;
  border-bottom:1px dashed #abab58;
  font-size:100%;
}

.content span
{
  font-size:100%;
  color:#666633;
}

.content a
{
  color:#3E4F33;
  font-weight:normal;
  font-size:120%;
  text-decoration:none;
}

.content a:hover
{
  text-decoration:underline;
}


.content_lyrics
{
  width:95%;
  height:auto;
  color:#000;
  background:#fff;
  margin:0 0 0 10px;
  padding:10px;
  border-bottom:1px solid #666;
  float:left;
}

#lyrics
{
  font-size:120%;
  background:#D3E3CE;
  border:1px solid #666633;
  padding:10px;
}

#clip a
{
  text-decoration:underline;  
}

#clip a:hover
{
  text-decoration:none;
}

.content_lyrics span
{
  font-size:80%;
  color:#ACACAC;
}

.content_lyrics a
{
  color:#000;
  text-decoration:none;
}

.content_lyrics a:hover
{
  text-decoration:underline;
}

.arrow
{
  clear:both;
  float:left;
  margin:20px 0 10px 0;
  padding:0 0 3px 10px;
  width:95%;
  border-bottom:1px solid #666666;
}


.arrow a
{
  color:#c0c0c0;
  text-decoration:none;
}

.arrow_a
{
  clear:both;
  float:left;
  margin:10px 0 0 0;
  padding:0 0 3px 10px;
  width:30%;
  border:none;
}


.arrow_a a
{
  color:#c0c0c0;
  text-decoration:none;
}

.arrow_a a:hover
{
  text-decoration:underline;
}

.all_spinners
{
  padding:5px 0 0 5px;
  color:#c0c0c0;
  float:left;
  width:95%;
  display:none;
}


.comments
{
  font-size:11px;
  color:#000;
  background-color:#fff;
  padding:4px;
}

.comments a
{
  color:#8da50d;
  text-decoration:none;
}


.content_comment
{
  width:95%;
  margin:0 0 5px 3px;
  padding:7px;
  float:left;
  font-size:11px;
  color:#000;
  background-color:#fff;
}

.content_comment a
{
  color:#0066cc;
  text-decoration:none;
}

.content_comment img
{
 padding:1px;
 border:none;
} 

.content_comment_ajax
{
  width:100%;
  margin:0 0 20px 20px;
  padding:7px;
  font-size:11px;
  color:#666;
  border:1px dashed #666666;
  background:#fff;
}

#no_post
{
  width:100%;
  margin:0 0 20px 20px;
  padding:7px;
  font-size:11px;
  color:#ff7575;
  border:1px dashed #ff7575;
  background:#fff;
}   
        
.reply
{
 width:88%;
 float:left;
 margin:0 0 5px 3px;
 padding:7px;
 float:right;
 font-size:11px;
 color:#000;
}

.reply img
{
 padding:1px;
 border:none;
} 

.reply a
{
  color:#0066cc;
  text-decoration:none;
}

#wait img
{
  border:none;
}  
    
.pagination 
{
width:100%;
margin:20px 0 0 10px;
float:left;
}

.pagination ul 
{
list-style-type: none;
margin:0;
padding:0;
}

.pagination ul li 
{
color:#000;
float:left;
font: Eras Bold ITC;
font-size: 12px;
letter-spacing: .01em;
}

.pagination ul li a 
{
color:#666633;
display: block;
margin: 0 0.1em;
padding: 2px;
padding-left: 4px;
padding-right: 4px;
text-decoration: none;
}

li#f
{
background:#fff;
display:block;
margin:0 0.1em;
padding:2px;
padding-left:4px;
padding-right:4px;
text-decoration:none;
color:#000;
}

.pagination ul li a:hover 
{
  text-decoration:underline;
}

/*Search Cloud
*/
#main_index
{
  width:90%;
  height:auto;
  float:left;
  border:1px solid #666633;
  -moz-border-radius:5px;
  border-radius:5px;
 -webkit-border-radius:5px;
  margin:10px 0 10px 4px;
  padding:5px;
}

#tagcloud {
width:96%;
height:auto;
margin:0 0 0 7px;
background:#fff;
color:#0066FF;
padding:10px 0 10px 0;
border:0px solid #d6d6d6;
text-align:center;
float:left;
}

#tagcloud a:link, #tagcloud a:visited 
{
padding-left:1em;
text-decoration:none;
}

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

#tagcloud span {
padding:4px;
}

.smallest a{
font-size:10px;
color:#000;
}

.small a{
font-size:11px;
color:#D6D6D6;
}

.medium a{
font-size:12;
color:#D6D6D6;
}

.large a{
font-size:14px;
color:#ACACAC;
}

.largest a{
font-size:12px;
color:green;
}
       
#search
{
  width:100%;
  background-color:#fff;
  float:left;
  margin:0 0 10px 0;
}  

#text
{
  width:165px;
  height:18px;
  background-color:#D5D5D5;
  padding:0;
  margin-right:4px;
}

#selct
{
  border:1px solid #cccccc;
}  

#text_input
{
  float:left;
  padding:7px;
  margin-right:2px;
}

#mustlogin
{
 color:#000;
 font-size:11px;
}

#mustlogin a
{
 color:#3E4F33;
 text-decoration:underline;
}

#mustlogin a:hover
{
  text-decoration:none;
}


.mainparagraph
{ 
  width:98%;
  height:auto;
  text-align:left;
  margin:0;
  padding:10px;
  float:left;
}

#submainparagraph
{ 
  padding-left:0;
}

.mainparagraph h1
{
 width:97%; 
 color:#a8a8a8;
 font-size:110%;
 margin:0;
 padding:0;
} 

.mainparagraph p
{
 width:97%; 
 color:#a8a8a8;
 font-size:110%;
 font-family:Arial, sans-serif;
 margin:0;
 padding:0;
} 


.mainparagraph a
{ 
 color:#3E4F33;
 text-decoration:underline;
}

.mainparagraph a:hover
{ 
 text-decoration:none;
} 
  

#footer
{
  width:100%;
  color:#666;
  font-size:100%;
  padding:10px 0 0 0;
  margin:50px 0 10px 0;
  float:left;
  text-align:center;
}

#footer a
{
 color:#3E4F33;
 text-decoration:none;
}

#footer hr
{
 width:100%;
 height:1px;
 border:none;
 background:#c0c0c0;
 margin:2px 0 2px 0;
}

  
.content_admin
{
  width:100%;
  height:30px;
  color:#000;
  background-color:#fff;
  margin-bottom:20px;
  border-bottom:1px dashed #333333;
} 

.content_admin a
{
  color:#000;
  text-decoration:none;
} 

.insert_admin 
{
  color:#000
} 

#browse_admin
{
  font-size:100%;
  width:460px;
  height:58px;
  margin-right:50px;
  float:right;
}


#browse_admin ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  width:460px;
  height:58px
}

#browse_admin ul li
{
  width:60px;
  height:58px;
  text-align:center;
  float: left;
  margin-top:0px;
  margin-left:4px;
  border:0px solid #666666;
  padding:0px;
  border-right:0px solid #666666
}

#browse_admin ul li a 
{
width:60px;
height:58px;
padding-top:30px;
color:#fff;
display:block;
text-decoration:none;
background-color:#000;
}

#browse_admin ul li a:hover 
{
color:#00366C; 
background-color:#fff;
}