/* STYLES FOR THE NEW VF MAIN PAGE */

/* element styles (just for main page) */

html, body { margin: 1px; }

body, table, a, input { /* set text styles for whole page */
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt;
}

td { vertical-align: top; }

form { margin: 0px; } /* kill extra form spacing in IE */

a { text-decoration: none; }
a img { border: none; }



/* the js dropdown & script free version */
/*******************
.menu2 table { line-height: 20px; }

#menu0 td { padding-right: 15px!important; }


.menu, .menu2, .menu2 a:link, .menu2 a:visited {
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
****************/

.scriptfree_menu0 { /* noscript version of the main menu links in case js disabled */
height: 18px;
padding: 4px;
text-align: center;
font-weight: bold;
}
.scriptfree_menu0 a:link, .scriptfree_menu0 a:visited {
font-size: 8pt;
font-weight: normal;
}



/* repeated classes */

.raquo { /* raquo spans */
display: block;
width: 10px; 
height: 11px;
float: left; 
margin: 2px 4px 0px 0px;
}

.hr3, .hr4 { /* fake horizontal rule (opera fix) */ 
margin: 0px; 
padding: 0px;
font-size: 0pt; /* IE fix */
height: 1px; 
}

.sidemenu_header { /* title boxes on left and right */
margin: 15px 0px 2px 0px;
padding: 6px 0px 6px 10px;
font-size: 7.5pt;
font-weight: bold;
}
.sidemenu_box { /* content boxes on left and right */
text-align: center; 
}
.ads { /* ad sidemenu_boxs at either side of page */
padding: 15px 10px;
}

.thickgreyheader { /* thick grey header bars above various sections */
height: 21px;
padding: 7px 0px 0px 5px;
font-size: 8pt;
font-weight: bold;
}

.roundedstripebox { /* all boxes with rounded-look dark grey stripes */
height: 17px;
padding: 4px 5px 0px 5px;
}

.darkcontentbox { /* dark content divs (eg forum posts / interviews etc) */
padding: 10px;
overflow: auto;
}

.morelink { /* more news / forum posts etc boxes */ 
text-align: right;
}
.morelink a {
font-size: 7.5pt;
font-weight: bold;
}

.ninept { font-size: 9pt; }

.small_space { line-height: 5px; } /* mini brs */



/* banner bit */

.banner { /* banner image */
margin: 5px 0px 5px 19px; /* top right bottom left */
}

.loginbox { /* loginbox td on top right */
width: 292px;
text-align: right;
padding: 8px 12px 0px 0px;
}

.lockbox { /* span containing "remember me" checkbox */
padding: 8px 0px 0px 4px;
}
.loginbox .rememberme { /* remember me checkbox */
width: 16px; height: 16px; /* kill the extra space around it in IE */
margin: 5px 0px 0px 0px; /* fix spacing in FF */
}

.joinus { /* join us text & link in top right */
margin-top: 4px;
padding-right: 24px;
}
.joinus a { 
font-weight: bold; 
font-size: 7.5pt;
}

.welcomediv { /* welcome username (logged in version) */
text-align: left;
padding: 6px 0px 0px 25px;
}
.welcomeunderlinks { /* status and log out links in welcome */
text-align: right;
margin-top: 3px;
padding-right: 30px;
padding-bottom:6px;
}
.welcomeunderlinks a {
font-size: 7.5pt;
font-weight: bold;
}

.leftlinks a { /* all links in leftlinks div, inc. membersonline */
display: block;
width: 160px;
margin-left:5px;
height: 16px;
padding-top: 4px;
margin-bottom: 1px;
text-align: center;
font-family: arial, sans-serif;
font-size:9pt;
font-weight: bold;
overflow: hidden; text-overflow: ellipsis; 
white-space:nowrap;
}
.leftlinks a:hover{
font-family: arial, sans-serif;
font-size:9pt;
font-weight: bold;
}
.leftlinks .membersonline { /* members online link, top of leftlinks */
height: 47px;
padding-top: 18px;
margin-top: 3px;
text-align:center;
}

/* left side */


.membersonline:hover .usersonline { /* underline users online bit on hover */
text-decoration: underline; 
}



/* friendslinks bit in logged in leftnav */

.friendslinks_header { /* friendslinks title bar */
text-align: center;
}

#friendslinks { /* whole friendslinks content block */ 
position: relative; /* relatively position to contain popout links */
}

.friendsmenu { display: none; } /* hide popout menus initially */

#friendslinks .friendsmenu_on { /* visible popout menus */
width: 150px;
height: 62px;
position: absolute;
left: 148px;
z-index: 2;
}
#friendslinks .friendsmenu_on a, #friendslinks .friendsmenu_on a:hover {
margin: 0px;
}



/* middle bit */

.midtd { /* main middle cell on the page */
padding-right: 0px; /* kill right padding so borders meet up */
}

.mainmid { /* div to create borders the center of the page */
margin-top: 3px;
}
.mainmidcorner { /* inner div to create diagonal corner in top right */
margin-top: -1px;
}


.featuredstuff { /* featured member / cult / etc in top left of middle bit */
width: 224px;
margin: 16px 15px 0px 8px;
}
.featuredstuff td { 
height: 90px;
padding: 0px 3px;
}
.featimg_left, .featimg_right { /* all featured stuff links containing images */
display: block;
width: 90px;
height: 82px;
padding-top: 8px;
text-align: center;
}
.featimg_left { 
float: left; 
margin-right: 5px;
}
.featimg_right { 
float: right; 
}

.featimg_left img, .featimg_right img { /* all featured stuff images */
width: 75px;
height: 75px;
}

.featimg_left:hover, .featimg_right:hover { /* on hover kill the top padding... */
padding-top: 0px;
}

.featimg_left:hover img, .featimg_right:hover img { /* ... and enlarge the image */
width: 88px; /* (allow for borders) */
height: 88px;
}

.feattext { /* text in each featured stuff box */
padding-left: 3px;
width: 117px;
overflow: hidden;
}
.feattext a {
font-size: 8pt; 
font-weight: bold;
}
.feattitle { /* plain text titles in featured stuff boxes */
margin: 25px 0px 3px 0px;
font-size: 8pt;
}


.newsheader { /* grey header above the news (top right of middle section) */
margin: 15px 10px 0px 0px;
}
.newsheadercorner { /* news header inner div (creates diaganol news header corner) */
position: relative;
top: -1px;
right: -1px;
height: 21px;
padding: 11px 0px 0px 5px;
font-size: 8pt;
font-weight: bold;
}

.newsbox, .morenews {
margin: 1px 10px 0px 0px;
}

.newstitle { /* entry title on news box (top right of middle section) */
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold;
margin: 1px;
}
.newsdate { 
float: right; 
}
.newscontent { 
padding: 6px 2px 2px 2px; 
}

.newsbox { /* content box for news (top right of middle section) */
height: 352px;
font-family: Arial, Helvetica, sans-serif;
overflow: auto;
}


.lateststuffheader { /* latest-forum-posts-etc box header */
margin: 20px 0px 0px 10px;
}

.lateststufflinks, .lateststuff, #morelateststuff {
margin: 1px 0px 0px 10px;
}
.lateststufflinks, .lateststufflinks a { /* latest-forum-posts-etc links to change content */
font-size: 7.5pt;
font-weight: bold;
}
.lateststuff { /* latest-forum-posts-etc content box */
height: 280px;
}
.lateststuff, .lateststuff a {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
}

.threadtitle { /* thread titles in latest forum posts box */
font-weight: bold;
}
.fposts_hr { /* hr3s between forum posts */
margin: 10px 0px 10px 0px;
}

a.newestmemberlink, a.newestpicslink { /* links in newest members / pics sections of lateststuff */
display: block;
width: 102px;
height: 125px;
padding: 5px;

text-align: center;
float: left;
font-weight: bold;
font-size: 8pt;
}
.newestmemberlink img, .newestpicslink img { /* images inside newest member / pic links */
clear: both;
margin-bottom: 3px;
}
.newestmemberltxt { 
display: block;
width: 132px;
margin-left: -15px;
}

.newestvid { /* newest vid divs in vids section of lateststuff */
width: 280px;
height: 102px;
float: left;
margin: 8px;
}
.newestvid img { /* thumbs of newest vids */
margin-right: 8px;
float: left;
}
.newestvidlink { font-weight: bold; }


.musicstorebox { /* music store box in middle right */
width: 270px; 
height: 355px; 
margin: 20px 10px 0px 15px;
}

.musicstorehead { /* top section of music store box */
height: 71px;
}
.musicicon { /* music store icon (headphone vf guy) */
width: 87px;
height: 71px;
float: left;
position: relative;
top: -5px;
left: -8px;
z-index: 2;
}
.musicstoretitle { /* digital music store title div beside icon */
padding-top: 30px;
font-size: 7.5pt;
font-weight: bold;
}

.musicstoremenubar { /* music store top links - albums / songs / releases */
position: relative; 
top: -8px; /* place slightly under headphone guy */
text-align: center;
padding-top: 6px; /* make bar bit higher + links bit lower */
}
.musicstoremenubar, .musicstoremenubar a {
font-size: 7.5pt;
font-weight: bold;
}

.musicstorecontent { /* music store main content box */
height: 266px;
margin-top: -7px; /* pull up right under menubar links */
overflow: auto;
}

.mstoreitem { /* divs containing individual music store items */
height: 52px;
padding: 10px;
font-size: 8pt;
overflow: hidden; /* hide last bit of really long song names */
}
.mstoreitem a {
text-transform: uppercase;
font-size: 7.5pt;
font-weight: bold;
}
.mstoreitem img { /* album images in music store box */
width: 50px;
height: 50px;
float: left; 
margin-right: 8px;
}
.mstorenumber { /* white numbers in music store (#2 #3 #4 etc) */
float: left;
padding: 15px 8px 0px 0px;
font-size: 10.5pt;
font-weight: bold;
}

.mstore_hr { /* set margin around music store dividers */
margin: 0px 5px 0px 5px;
}

.mstoreno1 { /* number 1 item in music store lists */
height: 82px;
padding: 15px;
}
.mstoreno1 img { /* make number 1 image larger */
width: 80px;
height: 80px;
}
.mstoreno1_title { /* this weeks #1 title */
font-weight: bold;
}

.moremusicstore { /* go-to-music-store link div */
margin: 1px 10px 0px 15px;
}


.featinterviewsheader { /* featured interviews grey title bar */
margin: 20px 10px 1px 10px;
}
.featinterviews { /* featured interviews dark box */
margin: 0px 10px 1px 10px;
}

.featnewsheader { /* featured news grey title bar */
margin: 20px 10px 1px 0px;
}
.featnews { /* featured news dark box */
margin: 0px 10px 1px 0px;
}
.featinterviews, .featnews { 
height: 296px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
}
.featinterviews a, .featnews a { 
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: bold; 
}

.featinterviewsitem, .featnewsitem { /* divs containing individual feat news / interviews items */
height: 62px;
padding: 6px;
}

.featinterviews img, .featnews img { /* featured news / interviews images */
width: 60px;
height: 60px;
float: left;
margin-right: 10px;
}

.morenews{
	line-height:28px;
	vertical-align:top;
}


.footer_hr { /* hr above footer links (bottom center) */ 
margin: 35px 10px 0px 10px;
}
.footer_links { /* terms etc links in bottom center */
text-align: center;
margin-top: 20px;
font-size: 8pt;
}
.footer_links a {
font-size: 7.5pt;
font-weight: bold;
}



/* right side */

.righttd { /* main righthand cell on the page */
padding-left: 0px; /* kill left padding so borders meet up */
}

.changetheme { /* change site theme button */
display: block;
width: 150px;
height: 26px;
}
.changethemearrow { /* changetheme links inner span (second background) */
display: block;
width: 140px;
height: 19px;
float: right;
margin-right: 5px;
padding: 7px 0px 0px 0px;
font-size: 7.5pt;
font-weight: bold;
}

#themelist { /* the div that pops out under the change theme link */
position: absolute;
width: 149px;
padding-top: 3px;
}
.closethemes { /* div containing "close [x]" link on change theme panel */
text-align: right;
}
.closethemes a { 
font-size: 8pt; 
}
.closethemestext { /* the word "close" on change theme panel */
text-decoration: underline;
}
.themelistcontent { /* table containing change theme options and thumb */
margin-top: -3px;
}
.themelistcontent td { 
line-height: 16px;
}
.themelistcontent a {
font-weight: bold;
font-size: 7.5pt;
}
.colorsquare { /* the little squares beside each color link */
display: block;
width: 5px;
height: 5px;
float: left;
margin: 6px 4px 0px 8px;
font-size: 1pt;
}

#themepreview { /* the theme preview icon in right of themes dropdown */
width: 60px;
height: 65px;
float: right; 
margin: 10px 5px 0px 0px;
}


a.rightbtn, a.rightbtn_on { /* righthand expandable links (nb, classname rightbtn used in JS, don't change) */
display: block;
width: 146px;
height: 20px;
padding: 6px 0px 0px 4px;
margin-bottom: 2px;
font-size: 7.5pt;
font-weight: bold;
}
.rightsubmenu { /* submenus that pop out when rightbtns clicked */ 
width: 144px;
margin-bottom: 2px;
padding: 6px 0px 6px 3px;
font-size: 9pt;
   overflow: hidden; text-overflow: ellipsis; white-space:nowrap;
}
.rightsubmenu, .rightsubmenu a {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.rightsubmenu a { font-size: 8pt; }

.rightsubmenu_hr { /* fake horizontal rules on right submenus (styles altered from above) */ 
margin: 5px; 
}

.assimilate_but { /* assimilate buttons on right menu */ 
display: block; 
width: 142px;
height: 28px;
margin: 2px auto;
}

.valid { /* div containing valid xhtml button */
text-align: right;
margin: 15px 0px 0px 0px;
}

.notify{
    color: #FFFFFF;
}

/* script free version only */

.boobahsex { /* info box if js disabled */
padding: 4px;
margin: 0px 30px 0px 30px;
text-align: center;
position: relative; 
top: 8px;
}


.flags { margin-top: 28px; }


#spopuptextarea {
	width: 147px;
	height: 45px;
}

.floatright { /* float to right */
float: right;
}
.floatleft { /* float to left */
float: left;
}
.blockcenter{
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.csscenter{
	margin-left:auto;
	margin-right:auto;
}
.textcenter{
	text-align:center;
}