/*===============================================
Layout by Lee. 
All artowrk copyright of their respective owners. 
This design is NOT A TEMPLATE. Do not reproduce. 
Copyright of Britneyspearsmedia.com All rights reserved. 
================================================*/

*{margin:0; padding:0;}
body{
background:#1e1e1e;
margin:0;
padding:0;
line-height:22px;
text-align:center;
font:11px Tahoma, Arial, Verdana, sans-serif, "Trebuchet MS";
color:#FFFFFF;
}
a.tooltip{
position:relative;
}
a.tooltip span{
display:none;
}
a.tooltip:hover span{
display:block;
position:absolute;
top:1.5em;
left:2em;
padding:0.2em 0.6em;
border:1px solid #FF0099;
background:#000000;
color:#FFFFFF;
text-transform:lowercase;
}
a.tooltip:hover{
font-size:100%; /* fix for IE 5 */
}
a, a:link, a:visited {
text-decoration:none;
color:#FF0099;
font-weight:bold;
}
a:hover{
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}
a:active {
text-decoration:none;
color:#FF0099;
font-weight:bold;
}
b {
font:bold 11px Tahoma, Arial, Verdana, sans-serif, "Trebuchet MS";
color:#FF0099;
}
#top{
background:transparent url(images/headerbg.png) repeat-x top center;
height:295px; 
margin:0 auto;
}

#navbg{
background:url(images/nav.png) repeat-x top left;
height:36px;
}

ul#nav {
margin:0 auto;
padding:0;
list-style:none;
width:800px;

}

ul#nav li{
float:left;
text-align:center;
}
ul#nav a{
display:block;
padding:2px 2em;
line-height:2.1em;
text-decoration:none;
font:bold 11px Tahoma, Arial, Verdana, sans-serif, "Trebuchet MS";
color:#FF0099;
margin-top:8px;
text-transform:uppercase;
}

ul#nav a:hover{
color:#FFFFFF;
}


#header{
background:url(images/newheader.png) no-repeat top center;
height:341px;
width:800px;
margin:auto;
}
#container{
width:800px; 
margin:0 auto;
text-align:left;
background:url(images/contentbg.png) repeat-y 23% 0 #252525;
}
/*---------------------------
Main Content
----------------------------*/
#content{
width:406px;
float:left;
}
#content .post{
padding:4px;
}
#content .post .heading{
	width:100%;
	background-color:#999999;
	color:#FFFFFF;
	margin-bottom:1px;
	border-bottom:1px solid #FFFFFF;
	height:20px;
	font:bold 11px Tahoma, Arial, Verdana, sans-serif, "Trebuchet MS";
	text-transform:uppercase;
}
#content .post .heading p{
padding:4px;
}
#content .post .content{
background:url(images/postgrd.png) repeat-x top left #252525;
width:100%;
}

#content .post .content p{
padding:4px;
}
.blog{
margin-bottom:30px;
}
/*--------------------------
Middle Content
---------------------------*/
#middle{
width:220px;
float:left;
}
#middle .content{
padding:4px 2px 4px 4px;
margin-left:6px;
}
#middle .content .info{
background:url(images/postgrd.png) repeat-x top left #252525;
width:100%;
margin-bottom:12px;
}
#middle .content .info p{
padding:4px;
}
/*------------------------
Last Content
-------------------------*/
#last {
width:168px;
float:right;
}
#last .content{
padding:4px;
}
#last .content .info{
background:url(images/postgrd.png) repeat-x top left #252525;
width:100%;
margin-bottom:12px;
}
 ul#aff{
margin:0; 
padding:0;
list-style:none;
width:100%;

}
ul#aff li {
float:left;
}

ul#aff a{
display:block;
padding:0 3px 3px;
line-height:2.1em;
text-decoration:none;
color:#FFFFFF;
border:none;
}
ul#fam{
margin:0; 
padding:0;
list-style:none;
width:100%;

}
ul#fam li {
float:left;
}
ul#fam a{
display:block;
padding:0 2px 3px;
line-height:2.1em;
text-decoration:none;
color:#FFFFFF;
border:none;
}
ul#aff a img{
border:2px solid #FFFFFF;
}
#last .content p{
padding:4px;
font:10px Tahoma, Arial, Verdana, sans-serif, "Trebuchet MS";
color:#FFFFFF;
}
#last .content .legal{
font:9px Tahoma, Arial, Verdana, sans-serif, "Trebuchet MS";
color:#FFFFFF;
}
/*---------------------
End Main Elements
----------------------*/
.clear{
clear:both;
}

#footer{
width:100%;
background:url(images/footer2.png) repeat-x top left;
color:#FFFFFF;
margin:0;
padding:0;
padding-top:0px;
padding-bottom:6px;

}
#footer p{
padding:14px 0px 8px 0px;
text-align:center;
}
ul{
margin:0;
padding:0;
list-style-type:none;
}


ul#archive li a{
background: transparent url(images/folder_open.png) no-repeat 0 50%;
color:#FF0099;
padding-left:20px;
}

ul#archive li a:hover{
background: transparent url(images/grayfolder_open.png) no-repeat 0 50%;
color:#FFFFFF;
padding-left:20px;
}
ul#recent-entries{
margin-top:4px;
}
ul#recent-entries li a{
background:url(images/post.png) no-repeat 0 50%;
padding-left:20px;
}
ul#recent-entries li a:hover{
background:url(images/post.png) no-repeat 0 50%;
padding-left:20px;
}
#content input{
background-color:#333333;
padding:3px; 
font:11px Tahoma, Arial, Verdana, sans-serif, "Trebuchet MS";
color:#FF0099;
border:1px solid #666666;
margin-bottom:2px;
}

#content input[type=submit]{
background-color:#333333;
padding:3px;
font:11px Tahoma, Arial, Verdana, sans-serif, "Trebuchet MS";
color:#FF0099;
border:1px solid #666666;
margin-bottom:2px;
}

#content textarea {
background-color:#333333;
padding:3px;
font:11px Tahoma, Arial, Verdana, sans-serif, "Trebuchet MS";
color:#FF0099;
border:1px solid #666666;
margin-bottom:2px;
}
.blog{
font:11px Tahoma, Arial, Verdana, sans-serif, "Trebuchet MS";
color:#FFFFFF;
}
.commentlist {
margin:0;
list-style-type:none;
padding:0;
}
.commentlist li {
margin:10px 2px;
padding:4px;
border:1px solid #333333;
background-color:#333333;
}
ul#commentlist li a {
overflow: hidden;
color: #7A7A7A;
background:none;
}
ul#commentlist li a:hover {
background:none;
}
.commentlist .commbox{
background-color:#999999;
border:1px solid #FFFFFF;
}

.commentlist li:hover{
border:1px solid #FF0099;
}

.commentlist .commbox:hover{
border:1px solid #FF0099;
}
.date{
float:left;
background:url(images/calendar.png) no-repeat;
height:63px;
width:56px;
padding-left:16px;
margin:0;
}

.day{
font-size:10px;
display:block;
color:#FF3399;
margin:0;
width:21px;
text-align:center;
font-weight:bold;
}

.month{
font-size:9px;
color:#FF3399;
display:block;
margin:0;
margin-top:23px;
text-transform:uppercase;
font-weight:bold;
}
ul#comments li{
overflow:hidden;
margin-top:4px;
}

ul#editor li{
overflow:hidden;
margin-top:4px;
background:url(images/user.png) no-repeat 0 50%;
padding-left:20px;
}
ul#comments li a{
background:url(images/comment.png) no-repeat 0 50%;
padding-left:20px;
}

ul#comments li a:hover{
background:url(images/comment.png) no-repeat 0 50%;
padding-left:20px;
} 

.projects{
display:block;
font:10px Tahoma, Arial, Verdana, sans-serif, "Trebuchet MS";
}
.projects b{
font:bold 10px Tahoma, Arial, Verdana, sans-serif, "Trebuchet MS";
color:#FF0099;
}
ul#projects li {
background:url(images/musiclist.png) no-repeat 0 50%;
padding-left:20px;
padding-bottom:2px;
} 



.projects img{
padding-right:3px;
float:left;
}

table#playlist{
border-collapse:collapse;
width:395px;
border:1px solid #FFFFFF;
margin:0 auto;
}

th#playlist, td#playlist{
padding:0.1em 1em;
font:11px Tahoma, Arial, Verdana, sans-serif, "Trebuchet MS";
color:#666666;
}

caption{
font:bold 10px Tahoma, Arial, Verdana, sans-serif, "Trebuchet MS";
margin:1em 0;
text-align:center;
}

col#playlist{
border-right:1px solid #FFFFFF;
}

col#albumcol{
border:none;
}

.odd{
background:#FF99CC;
}

tr:hover#playlist,tr:hover.odd{
background-color:#999999;
color:#FF0099;
}

thead#playlist, tr:hover#playlist{
	background-color:#999999;
	color:#ffffff;
}

#playlistposhead{
text-indent:-1000em;
}
tr#playlist{
background-color:#FFFFFF;
}

img#bio{
/*border-bottom:1px solid #FFFFFF;*/
}

.title{
font:14px Tahoma, Arial, Verdana, sans-serif, "Trebuchet MS";
}