/* New StyleSheet */

/* New Styles */
td {
vertical-align: top;
}

.maininner { /* Inner table (contains everything in right td) used to control max width for high rezs */
	width: 97%;
	/*width: 820px;*/
	/*width: expression(document.body.clientWidth > 822? "820px" : "auto");   Max width for Inept Explorer */
	margin-left: auto; margin-right: auto;
}



form { margin: 0px; } /* Get rid of extra IE spacing around forms */


.loggedinas a, .pad5 { /* .loggedinas = "Logged In As Username" link, .pad5 class reused on several elements */
padding-top: 5px; 
padding-bottom: 5px; 
}

.googleads1 { /* Lefthand googleads */ 
width: 150px;
margin-top: 25px;
} 



/* Right Side */
.main_td { /* The entire righthand td (everything but leftnav and left googleads) */
width: 100%;
//padding-left: 15px;
//padding-right: 15px;
}


/* Username And Online Status */
.profiletop { /* Username[at]VF.com / currently online bit */
width: 100%;
margin-top: 10px;
border-bottom: 1px solid #333333; 
}
.profiletop td { vertical-align: bottom; }

.profilename { 
margin: 0px; /* Heading tags create margin by default */
font-family: Times New Roman, Times, serif;
font-weight: normal;
font-size: 15pt;
font-variant: small-caps;
position: relative; /* Drop it down onto the line */
margin-bottom: -5px;
float: left;
}
.ptopbracket { font-size: 19pt; } /* Brackets around the [at] in profile name */

.onlinestatus { /* Currently online bit in top right */
text-align: right;
font-weight: bold; 
}


/* Defaultpic / User Information */
.topinfo { /* Table contains defaultpic / tagline / userinfo / actionbuttons */
width: 98%;
margin-left: auto; margin-right: auto;
margin-top: 30px;
}

.defaultpic { border: 2px solid #555555; }

.galvidlinks { /* Div containing gallery / video links */
margin-top: 10px; 
margin-bottom: 5px; 
text-align: center;
}

.tagline { /* New feature- users fav quote / status info */
border: 1px solid #222222; 
padding: 5px;
font-style: italic;
}

.userinfo { /* Contains asl bit and action buttons */
width: 100%; 
margin-top: 20px;
}

.asl { padding-top: 10px; } /* Age / sex / location / status bit */

.actionbuttons { /* Top grey box, contains all add friend / fav / block etc buttons */
width: 140px;
background: #222222;
border: 2px solid #444444;
}

.notice {
display: block;
width: 140px;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: bold;
text-decoration: none;
margin-left: auto; margin-right: auto;
}

.actionbuttons a {
display: block;
width: 130px;
height: 20px;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: bold;
text-decoration: none;
margin-left: auto; margin-right: auto;
}


.actionbuttons a:hover {
	COLOR: black;         TEXT-DECORATION: none;
        background: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;
}

.actionbuttons img { 
border: none; 
margin-right: 3px;
}

.journal_entry { 
width: 98%;
text-align: right; 
}


/* Section Boxes */
.sectiontitle { /* All section titles (contactinfo, rateinfo, profile, likes, etc) */
width: 98%;
margin-left: auto; margin-right: auto;
font-variant: small-caps;
font-size: 12pt;
position: relative; /* Drop title down into line */
margin-bottom: -8px;
}

.sectionbox { /* All bordered section boxes (contactinfo, rateinfo, profile, likes, etc) */
width: 98%;
margin-left: auto; margin-right: auto;
border: 1px solid #222222; 
margin-bottom: 20px;
}


/* LeaveComment Bit */
.leavecomment { width: 350px;
} /* Table containing commentbox textarea, private checkbox, and buttons */
.leavecomment td { 
vertical-align: middle;
} 

.commentbox { /* The leave a message textarea */
width: 100%;
/*height: 70px;*/
border: 1px solid #555555;
background: #222222;
color: #ffffff;
}

.topfriends {
border: 0px solid #000000;
}

.submitcomment, .ratecomment, .addcomment, .submitrating { /* Submit comment / rate and comment / add comment / submit rating buttons */
font-size: 7pt;
font-weight: bold;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
height: 20px;
color: #ffffff;
background-image: url(http://e.vampirefreaks.com/images/profile_graphics/button_background.gif);
background-repeat: repeat-x; 
background-color: black; 
}


.messengers { /* Righthand cell of .contactinfo containing messenger addys */
padding-left: 5px; 
padding-right: 10px;
text-align: left; 
} 

.statusicon { /* Messenger online status icons */
border: 1px solid #333333;
vertical-align: middle;
margin-bottom: 6px; 
}


/* Rating Bit */
.rateinfo td { text-align: center; } 

.rateinfo_cell1 { /* Lefthand cell of rateinfo table */
width: 40%;
padding-left: 10px;
padding-right: 5px;
}
.rateinfo_cell2 { /* Righthand cell of rateinfo table */
padding-left: 0px; 
padding-right: 10px;
}

.currentrating { /* Current rating information */
width: 200px;
margin-left: auto; margin-right: auto;
padding-top: 10px;
padding-bottom: 10px;
color: #aaaaaa;
background: #222222;
border: 2px solid #444444;
text-align: center;
}

.bigtext { /* Big rate number */
color: #333333;
font-size: 30pt; 
font-weight: bold;
}

.rate { /* Bordered table containing rate bar & submit button */
margin-left: auto; margin-right: auto;
border: 1px solid #444444; 
background: #666666 url('http://e.vampirefreaks.com/images/profile_graphics/ratebg.gif') repeat-x;
height: 90px;
}
.rate td { 
vertical-align: middle;
text-align: center;
font-weight: bold;
font-size: 8pt; 
}

.submitrating { /* The submit rating button */
cursor: pointer; 
float: none; 
height: 20px;
margin-top: 5px;
}
	

/* More Pictures Bit (+ some duplicate styles for friends bit) */
.morepics td, .friends td { text-align: center; }


.morepicslink, .morefriends { text-align: right; } /* View more thumbs / more friends links */
.morepicslink { margin-top: 5px; }


/* Music Bit */
#vfplayer {
width: 370px;
float: right;
margin-left: 15px;
}



.arrow { font-size: 12pt; } /* &raquos beside links */



/* Friend Pics Bit */
/* (nb, some duplicated friends styles in morepics bit above) */
.friendpics { /* table containing friends pictures */
margin-left: auto; margin-right: auto; 
}
.friendpics img { 
margin-top: 12px;
margin-bottom: 3px; 
}

.offline { color: #333333; } /* Text color for offline text in friendpics */


/* Comments Bit */
.comments_title { margin-bottom: -12px; } /* Position comments title */

.comments { /* User comments table */
width: 98%;
margin-left: auto; margin-right: auto;
margin-bottom: 5px;
}
.comments td { border: 1px solid #222222; } /* Border on cells rather than table */

.comments_top, .commentdate { text-align: right; } /* Commentstop = bar with add comment button in */

a.commentfrom:hover { background: transparent; } /* Kill hover background on comment images */
.commenticon { border: 2px solid #333333; } /* User icons of people commenting */

.commentdate { /* Add slight space between date and start of comment */
margin-bottom: 5px; 
font-style: italic;
} 
.commentmsg { /* Format the comment text */

word-wrap: break-word;
}

.morecomments { /* View more comments link */
width: 98%;
margin-bottom: 20px;
}


.botrule { /* Bottom grey line */
border-top: 1px solid #333333;
margin-bottom: 25px;
}

.googleads2 { /* Bottom googleads */
width: 728px;
margin-left: auto; margin-right: auto;  
}