/********************************************************
*                                                       *
*   ElectricStorm's Cult Template Styles                *
*   nb, shared ajax pane styles are now set on          *
*   ajaxpanes.css so remember to include that too!      *
*                                                       *
********************************************************/


html, body {
	margin: 0px;
	height: 100%; /* (body height is essential for the ajax popup bg in IE6) */
	background: #000;
}


/* text styles */

body, a, input, select, textarea, table {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}




input, select, textarea { 
	color: #777!important; 
	background: #0e0e0e!important; /* override the google toolbars yucky yellow */
	border: 1px solid #000;
}

form { margin: 0px; }

a img { border: none; }




/* JS dropdown menu */

#menu0 { 
	margin: 6px 0px 10px 0px;
}
.menu2 { 
	background: #000; 	
} 
.menu2 table { line-height: 21px; }
.menu2 img { display: none; }

.menu2, #menu0 table { border: none!important; }
.menu2 table, #menu0 { border: 1px solid #161616!important; } 

.menu2, .menu2 a:link, .menu2 a:visited, .menu, .menu a:link, .menu a:visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 7pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}
.menu, .menu a:link, .menu a:visited {
	background: #111;
} 


/* noscript version of the dropdown */

#noscriptmenu0 { /* div: outer- creates border */
	margin: 6px 0px 10px 0px;
	background: #000;
	border: 1px solid #161616;
}

#noscriptmenu0inner { /* table: inner- positions the links */
	margin: 0px auto;
}
#noscriptmenu0 a {
	display: block;
	padding: 3px 6px;
	line-height: 21px;
	font-size: 7pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
}
#noscriptmenu0 a:hover {
	background: #111;
}




/* classes & ids for the new shit */


/* re-used classes */

.thumb { /* img: thumbnail images */
	border: 3px solid #222;
}

.tinypic { /* img: tiny (50 x 50px) thumbs */
	margin: 2px;
	border: 1px solid #282828;
}

.righticon { /* img: icons that appear on the right of some popup panes */
	float: right;
}


.subheading { /* (various elements): capitalized spaced small subheadings */
	font-size: 8pt;
	letter-spacing: 1px;
}

.subtitle { /* (various elements): dark purple subtitles */
	color: #765d7a;
	font-weight: bold;
}

.whitetext { /* (various elements): white text */
	color: #fff;
}
.greytext1 { /* (various elements): grey text style 1- very light */
	color: #bbb;
}
.greytext2 { /* (various elements): grey text style 2- mid grey */
	color: #555;
}

.divider { /* span: ::s & //s between links */
	padding: 0px 4px;
}

.raquo { /* span: &raquos within links etc */
	padding-right: 4px;
	font-size: 11pt;
}


.greyhoverlink { /* a: links with grey hover bg */
	display: block;
	padding-bottom: 1px;
}
.greyhoverlink:hover { 
	background: #222;
}

.morelink, .lesslink { /* a: more / less links below expandable righthand bits */
	display: block;
	padding-right: 13px;
	text-align: right;
	background: url('http://e.vampirefreaks.com/cultgraphix/darr.png') right 4px no-repeat;
}
.lesslink {	background: url('http://e.vampirefreaks.com/cultgraphix/uarr.png') right 4px no-repeat; }
.morelink:hover { background: url('http://e.vampirefreaks.com/cultgraphix/darr_on.png') right 4px no-repeat; }
.lesslink:hover { background: url('http://e.vampirefreaks.com/cultgraphix/uarr_on.png') right 4px no-repeat; }


.spacer { /* div: used with inline width / height to force cross browser minimum */
	font-size: 0px;
	width: 0px;
	height: 0px;
	line-height: 0px;
}

.slideoutsection { /* div: hidden sections that slide out */
	height: 0px; 
	overflow: hidden; 
}

.spacedsection { /* (various elements): spaced out sections on various panes */
	margin-bottom: 35px;
}


.greypane1 { /* (various elements): dark grey pane with a dark thick border */
	background: #040404;
	border: 2px solid #090909;
}

.greypane2 { /* (various elements): lighter grey panes with a 1px border */
	background: #0e0e0e;
	border: 1px solid #191919;
}

.grey0border { /* (various elements): all round or single side borders (very dark) */
	border-color: #050505;
}

.grey1border { /* (various elements): all round or single side borders (dark) */
	border-color: #151515;
}

.grey2border { /* (various elements): all round or single side borders (lighter) */
	border-color: #333;
}


.imgtable { /* table: contains thumbnail images (e.g. gallery / members panes) */
	margin: 20px auto 0px auto;
}
.imgtable td {
	width: 100px;
	padding: 5px 5px 15px 4px;
	vertical-align: top;
	text-align: center;
}
.imgtable img { /* img: all thumbnail images in table */
	display: block; /* (force break after images without <br /> tag (keeps spacing the same cross browser)) */
	margin-bottom: 8px; /* (allow space between image and text) */
}


.greytable1 { /* table: subtables in some ajax popups- contain stuff like threads posted in */
	width: 580px; /* (use absolute width instead of 100% to avoid side scrolling) */
	margin: 8px 0px 35px 0px;
	background: #111;
}
.greytable1 td {
	padding: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;	
}
.greytable1right { /* td: contains links / dates in righthand tds of .greytable1s */
	text-align: right;
}


.borderedtable1 { /* table: subtables in some ajax popups- contain stuff like posting stats */
	width: 580px; /* (use absolute width instead of 100% to avoid side scrolling) */
	margin: 8px 0px 35px 0px;
	border-width: 2px;
	border-style: solid;
}
.borderedtable1 td {
	vertical-align: top;
	padding: 8px;
}

.bordereddiv1 { /* div: (matches bordered table except with the padding correct for div boxes) */
	padding: 15px;
	margin: 0px auto;
	border-width: 2px;
	border-style: solid;
}




/* individual stuff */

/* top bit (banner and top navs) */

#topbit a {  /* div: welcome bar, banner and top navs */
	font-size: 8.5pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}


#banner { /* div: cult name & #topbar */
	background: url('http://e.vampirefreaks.com/cultgraphix/bannerbg.png') 0px 0px repeat; /* (striped bg) */
	text-align: left;
}


#topbar { /* div: welcome message and vf cults logo */
	height: 26px;
	padding: 10px 0px 0px 10px;
	background: url('http://e.vampirefreaks.com/cultgraphix/topbarbg.png') 0px 0px repeat-x; 
	position: relative; /* (contain abs. positioned #vfcultslogo) */
}

#vfcultslogo { /* div: vf cults logo image */
	position: absolute; /* (prevent logo over expanding #topbar height in IE6) */
	right: 0px;
	width: 201px;
	height: 39px;
	background: url('http://e.vampirefreaks.com/cultgraphix/vfcultslogo.png') 0px 0px no-repeat;
	margin: -12px 10px 0px 0px;
}

#welcome { padding-right: 10px; } /* span: "welcome username" in #topbar */
#status { padding-right: 13px; } /* span: "status: whatever" in #topbar */


#cultname { /* div: cult name & "@vf.com" & vf logo in banner */	
	margin: 10px 0px 0px 15px;
	padding: 16px 0px 15px 54px;
	background: url('http://e.vampirefreaks.com/cultgraphix/bannerlogo.png') 0px 0px no-repeat; /* (the vf face on the left) */
}
#cultname h2 { /* h2: the cult name */
	margin: 0px;
	font-size: 12pt;
	font-weight: normal;
	letter-spacing: 4px;
}

#cultnamesubtext { /* div: "@vf.com" under the cult name */
	padding: 4px 0px 0px 20px;
	font-size: 8pt;
	letter-spacing: 1px;
}


#topnavs { /* table: contains links under the banner */
	width: 100%;
	background: url('http://e.vampirefreaks.com/cultgraphix/topnavsbg.png') 0px 0px repeat-x;
}

.topnavlink { /* a: topnav links (the big ones on the left) */
	display: block; 
	width: 105px;
	height: 22px;
	padding-top: 11px;
	text-align: center;
	background: url('http://e.vampirefreaks.com/cultgraphix/topnavborder.png') top right no-repeat;
}


#search { /* div: contains search form */
	text-align: right;
	position: relative; /* (contain abs. positioned advanced search) */
}
#search input { 
	width: 112px;
	vertical-align: middle;
}

#topbit #searchplus { /* a: + link that expands the advanced search */
	font-size: 12pt;
	font-weight: bold;
}

.searchgo { /* input: search "go" buttons (both initial and advanced search bits) */
	height: 23px;
	margin: 2px 8px 0px 5px;
	background: url('http://e.vampirefreaks.com/cultgraphix/searchgo.png') 0px 0px no-repeat!important; /* (override google toolbar) */
	border: none;
}
#search .searchgo { 
	width: 32px; /* (override the default search text field width) */
}

#advsearchcontainer { /* div: contains slide-out advanced search */
	position: absolute; /* (contained within relative positioned #search div) */
	top: 31px;
	left: 100%; /* (position from the left, rather than the right, so it expands right) */
	margin-left: -219px;
	width: 0px;
	height: 0px; /* (hide initially so we can slide out) */
	overflow: hidden;
}

#advancedsearch { /* table: contains content for advanced search bit */
	width: 219px; /* (match container divs final width) */
}
#advancedsearch td {
	padding: 4px 4px 4px 8px;
	text-align: left;
}
#advancedsearch #advsearchclose, #advancedsearch #advsearchsubmit { /* tds: close link / submit button */
	text-align: right;
}
#advancedsearch #advsearchtitle { /* td: title on advanced search pane */
	padding-bottom: 12px;	
}




/* main content (description and right bit) */

#contentbit { /* table: contains description and #rightbit */
	width: 100%;
}
#contentbit td {
	vertical-align: top;
}
#contentbitleft { /* td: lefthand td of #contentbit table */ 
	width: 100%;
}


#extrapages { /* div: contains links to extra pages */
	padding: 12px 15px 10px 0px;
	text-align: right;
}
#extrapages a {
	font-size: 8pt;
}


#description { /* div: cult description text */
	padding: 10px 15px;
}




/* the forum */

#forumbit { /* div: contains forums / threads & buttons */
	margin: 35px 12px 10px 12px;
}
#forumbit td { /* td: all cells in forum / threads tables */
	vertical-align: middle;
}

#staffandnewlinks { /* table: contains staff / new forum / thread links */
	width: 100%;
	margin-bottom: 2px;
}
#cultstafflink { /* td: contains cult staff link */
	text-align: left;
}
#newforumlinks { /* td: contains new forum / thread links */
	text-align: right;
}


.forum { /* table: contains each forum (heading and threads) */
	width: 100%;
}
.forum, .forum a, .forum select, .forum input {
	font-size: 8.5pt;
}

.forumheader { /* td: contains forum name / description / basic info */
	height: 40px;
	padding: 0px 10px;
	background: url('http://e.vampirefreaks.com/cultgraphix/fheaderbg.png') 0px 0px repeat-x;
	border-width: 1px;
	border-style: solid;
}

.forumopen, .forumclose { /* a: forum expand / collapse links */
	display: block;
	float: right;
	width: 16px;
	height: 15px;
	background: url('http://e.vampirefreaks.com/cultgraphix/open.png') 0px 0px no-repeat;
}
.forumclose {
	background: url('http://e.vampirefreaks.com/cultgraphix/close.png') 0px 0px no-repeat;
}

.forumtitle { /* div: contains forum title link and new / private etc icons if needed */
	height: 20px;
	margin-top: 10px;
}
.forumtitle a { /* a: forum title link */
	font-size: 10pt;
	letter-spacing: 2px;
}

.forumdescription { /* div: descriptions under forum titles */
	font-style: italic;
	margin-bottom: 10px;
}


.forumnew, .forumprivate, .forumsticky, .forumlocked, .forumpoll {
	display: block;
	margin-right: 3px;
	float: left;
	height: 15px;
}
.forumnew { /* a: "new" icon */
	width: 25px;
	height: 20px;
	background: url('http://e.vampirefreaks.com/cultgraphix/new.png') 0px 0px no-repeat;
} 
.forumnew2 { /* a: (the "new" icons in the threads tables) */
	display: block;
	width: 25px;
	height: 20px;
	background: url('http://e.vampirefreaks.com/cultgraphix/new.png') 0px 0px no-repeat;
}
.forumprivate { /* span: private icon (key) */
	width: 18px;
	background: url('http://e.vampirefreaks.com/cultgraphix/private.png') 0px 0px no-repeat;
}
.forumsticky { /* span: sticky icon (pin) */
	width: 17px;
	background: url('http://e.vampirefreaks.com/cultgraphix/sticky.png') 0px 0px no-repeat;
}
.forumlocked { /* span: locked icon (padlock) */
	width: 14px;
	background: url('http://e.vampirefreaks.com/cultgraphix/locked.png') 0px 0px no-repeat;
}
.forumpoll { /* span: poll icon */
	width: 17px;
	background: url('http://e.vampirefreaks.com/cultgraphix/poll.png') 0px 0px no-repeat;
}


.group_subforum th { /* th: subject etc headings in table that contains forum threads */
	padding: 4px;
	text-align: left;
}
.group_subforum td { 
	padding: 4px;
	text-align: left;
}
.group_subforum .newtopic_td {
	padding: 0px 0px 2px 0px;
	text-align: right;
}
.group_subforum .view_more {
	padding-top: 15px;
	text-align: center;
}

a.sortlink { /* a: sort by links in the threadstable ths */
	padding-right: 14px;
	background: url('http://e.vampirefreaks.com/cultgraphix/darr.png') right 4px no-repeat;
	font-size: 7.5pt;
}

.sorttext { /* span: currently sorted by text in threadstable th */
	padding-right: 14px;
	background: url('http://e.vampirefreaks.com/cultgraphix/greyarr.png') right 4px no-repeat;
}

.threadtitle { /* div: contains thread title */
	margin-bottom: 4px;
}
.threadtitle a {
	font-size: 10pt;
}

.threadscounttd { /* td: contains post / viewing counts */
	text-align: center;
}

.biggreytext { /* div: big grey numbers (viewing / posts etc) */
	font-size: 15pt;
}

.threadstable .threadstaffcontrols, .threadstable .threadpages { /* td: staff controls and page numbers at bottom of each threads table */
	border: none;
}
.threadpages {
	text-align: right;
}
.threadpages a {
	font-size: 10pt;
}

.stickytime { /* span: contains stick for... select box */
	display: none;
}

#forum3threads { /* div: contains threads table & page numbering for the general forum (initially open one) */
	overflow: hidden;
}




/* right bit (all boxes on the right) */

#rightbit { /* div: contains all the expanding boxes etc on the right */
	width: 160px;
	margin-top: 2px;
}
#rightbit a {
	font-size: 7.5pt;
}


.rightbox { /* div: each expanding box */
	margin-bottom: 2px;
	padding: 8px 2px 7px 4px;
	text-align: left;
}

.rightboxtitle { /* div: titles on rightboxes */
	margin-bottom: 10px;
	padding: 10px 0px 8px 0px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background: transparent;
}

.rightboxbotlinks { /* div: small links at the bottom of rightboxes */
	padding-top: 6px;
	text-align: right;
}



/* members viewing pane */

#membersviewing { /* div: contains all members viewing images (also has class slideoutsection) */
}


/* affiliates pane */

#rightaffiliates { /* div: contains all affiliates links in righthand affiliates box */
	padding-bottom: 11px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#rightaffiliates a {
	font-size: 9pt;
}


/* bite us pane */

#averagerating { /* div: contains 5 little vf faces and the hidden popup */
	float: right;
	position: relative; /* (contain the absolutely positioned #averageratingpopup) */
}

#averageratingpopup { /* div: (hidden) displays the average rating as a fraction onmouseover */
	position: absolute;
	right: 0px;
	padding: 6px;
	margin-top: -76px;		
	font-size: 7pt;
	text-align: center;
	display: none; /* (hide initially) */
}
#averageratingbigtext { /* div: the fraction in #averageratingpopup */
	margin-top: 4px;
	font-size: 15pt;
}


#cultrank { /* div: contains cult rank info in the bite us box */
	padding-bottom: 10px;
	line-height: 14pt;
}

#rateus { /* div: slide out rate bit */
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#selectrating { /* select: select a rating box */
	display: block; /* (force new line after) */
	width: 175px;
	margin: 15px 0px 10px 0px;
}

/* options: (in the select a rating box) */
#rateopt1 { color: #cc0000; }
#rateopt2 { color: #ff3300; }
#rateopt3 { color: #ff6600; }
#rateopt4 { color: #ff9900; }
#rateopt5 { color: #ffcc00; }
#rateopt6 { color: #ffff00; }
#rateopt7 { color: #ccff00; }
#rateopt8 { color: #99ff00; }
#rateopt9 { color: #66ff00; }
#rateopt10 { color: #33ff00; }

#ratingwhy { /* input: reason for rating text box */
	width: 132px;
	margin-left: 4px;
}

#ratepubprivtitle { /* div: "make my rating" title */
	margin: 13px 0px 3px 0px;
}

#ratego { /* input: go button for ratings stuff */
	float: right;
	margin-right: 13px;
}

.ratepubpriv { /* input: public / private radios */
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	background: transparent;
	border: none;
}

#rateexpandlink { /* a: rate us link */
	float: right;
	padding-top: 2px;
}




/* google ads */

#googlead1container { /* div: contains google ad on the lower right */
	margin-top: 35px;
	text-align: center;
}




/*********************************************************/
/*  Popup Ajax Panes                                     */
/* (welcome bar / topnav links appear in ajax windows)   */
/*********************************************************/


/* nb, shared ajax pane styles are now set on ajaxpanes.css */



/* user cpanel ajax pane */

#currentusertitle { /* div: current user title & change link */
	margin-bottom: 8px;
}

#editsiglink { /* div: contains edit signature link */
	float: right;
}

#currentsig { /* div: contains current sig */
	margin: 10px 0px 14px 0px;
}

#editsigcontent { /* textarea: edit sig textarea */
	margin: 4px 0px;
}



/* user stats ajax pane */

#initialuserstats { /* div: hours lurking etc bit at the top */
	line-height: 16pt;
}

#mylastposts td { /* td: last posts table */
	line-height: 14pt;
}



/* cult stats pane */

#cultstatsaveragerate { /* div: 5 little vf faces in the title */
	float: right; 
	text-align: right;
}

#cultstatsbasics { /* div: basic stats at the top (genre through rating stuff) */
	line-height: 16pt;
}
#cultstatsratings { /* div: rating stuff in basic stats */
	margin-top: 10px;
}

#cultstatstoppeople { /* table: contains top poster etc */
	line-height: 14pt;
}



/* members ajax pane */

#membersnum { /* div: number of members & page on & sorted by bit (also has class subheading) */
	margin-bottom: 18px;
	line-height: 15pt;
}

#memberssortby { /* div: re-sort by links (inc invites bit) */
	margin-bottom: 10px;
	text-align: center;
}

#memberpagelinks { /* div: page number links at the bottom of the page */
	margin-top: 5px;
	text-align: center;
}



/* gallery ajax pane */

#gallinks { /* div: upload / edit links */
	text-align: right; 
}



/* cult history ajax pane */

#createdon { /* div: cult created on date */
	margin-bottom: 25px;
}



/* affiliate pane */

#affcriteriatitle { /* div: affiliate criteria title (also has class subheading) */
	padding-bottom: 5px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#affcriteria { /* div: contains affiliate criteria bit */
	padding: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#affappform { /* div: contains affiliate application form */
	width: 330px;
	text-align: center;
}

#affappfieldtitle { /* div: the "application" textarea title */
	text-align: left;
	margin: 12px 0px 2px 0px;
}
#affappfield { /* textarea: application field */
	width: 328px;
}

#affappsubmit { /* div: contains submit application button */
	margin-top: 5px;
	text-align: right;
}



/* feedback pane */

#feedbacktable { /* table: contains all feedback comments */
	width: 580px; /* (use absolute width instead of 100% to avoid side scrolling) */
}
#feedbacktable td {
	vertical-align: top;
}

.feedbacktitle { /* div: "username says" and date bit */
	margin-top: 2px;
	padding: 4px;
}

.feedbackdate { /* div: date */
	float: right;
	text-align: right;
}

.feedbackstars { /* div: rating given and little vf faces */
	margin: 6px 0px;
	text-align: right;
	font-weight: bold;
}



/* create forum pane */

#newforumcontainer { /* div: (bordered, contains whole form) */
	width: 400px;
}

#newforumtable { /* table: contains form fields */
	margin: 0px auto;
}
#newforumtable td {
	padding: 4px;
}

#newforumtitle, #newforumdesc { /* input: text fields for entering title / description */
	width: 240px; 
}

#newforumbut { /* td: contains create forum button */
	text-align: right; 
} 



/* new thread (/poll) pane */
/* (nb classes for the post gui are in that section) */

#attimagetable, #newpolltable { /* table: the attach image(s) / poll options tables */
	margin: 20px 0px 12px 0px;
	float: right;
}
#attimagetable td, #newpolltable td {
	padding: 0px 0px 6px 4px;
}
#attimagetable #attimageheading, #newpolltable #newpollheading { /* td: the attach image(s) / poll options headings */
	padding-bottom: 12px;
}

#newpolltable input { /* input: the poll option fields */
	width: 300px;
}




/*********************************************************/
/*  New Thread / Post GUI                                */
/* (appears on new thread pane and inside thread page)   */
/*********************************************************/

#emotesheading { /* div: heading above the emotes subtable */
	margin-bottom: 15px;
	text-align: center;
}

#emotestable { /* table: subtable containing clickable emotes */
	margin-right: 20px;
}
#emotestable td {
	width: 30px; 
	height: 30px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
}

#viewallemoteslink { /* div: contains view all emotes link */
	margin-top: 15px;
	text-align: center;
}


#postguitable { /* table: contains the title / message / b / u / i buttons etc */
	margin-top: 10px;
}
#postguitable td {
	padding: 0px 0px 6px 0px;
}

#postguiposttitle { /* input: the post / thread title field */
	width: 220px;
}

.switchbut { /* input: b, u, i, strike etc buts */
	width: 25px; 
	height: 22px; 
} 

#postguibuts { /* td: contains the buttons at bottom of the post gui */
	padding-top: 8px;
	text-align: right;
}