@import url('https://fonts.googleapis.com/css?family=Lobster|Playfair+Display:400i|Roboto|Fjalla+One');

/***********************************
	   Tabbed Lore
************************************/
#fstcw { width:400px; height:460px; position:relative; border-bottom:10px solid #999;}
.ftmwt {width:350px; height:130px; line-height:100%; text-align: center; padding:0 50px 0 0;}
.fscw { position:absolute; top:45px; width:360px; height:300px; left: 0; background:transparent; border-top:8px solid #ccc; padding:20px; z-index:6;} 
.fslt { position: relative; left:-50px; text-align: right; width:290px; border-bottom:1px solid #999; font-size:12px; font-family:'Fjalla One', sans-serif; color:#111; font-style: italic; line-height:100%; margin-bottom:3px; font-weight:bold; margin-top:5px;}
.ftmwt img {float:left; margin:10px; width:100px; height:100px; border:5px solid #999;}
.ftcn {margin-left:120px; width:270px; padding-top:60px; color:#111; font-family:'Fjalla One', sans-serif; font-style: italic; font-size:18px; text-align:left; border-bottom:5px solid #999; line-height:100%;}   
.fsmic {position:absolute; top:0px; right:0; width:300px; height:300px; padding:10px 50px 10px 50px; color:#000; font-family:tahoma, calibri,sans-serif; font-size:11px; background:#bcbcbc; overflow:auto; text-align:justify; line-height:130%;} 
    
.tabs { position:absolute; width:190px; padding-left:205px; top:85px; clear:both;}
#fstcw .tabs { position:absolute; padding-left:205px; top:85px; clear:both; color:#555 !important;}
#fstcw .tab { float:left;} 
#fstcw .tab label { display:inline-block; position:relative; width:30px; height:30px; padding:5px; margin-right:5px; color:#555; font-size:16px;}
#fstcw .tab label:hover {color:#5f6b6d;}

#fstcw .tab [type=radio] { display: none; }
#fstcw [type=radio]:checked ~ label .tab {color:#000; z-index:6; }
#fstcw [type=radio]:checked ~ label:after { z-index: 6; }
#fstcw [type=radio]:checked ~ label ~ .fscw {z-index:7; } 
#fstcw [type=radio]:checked ~ label { border-bottom:0px solid #111;}

mortal .ftmwt img {border:5px solid #992f2f !important;}
mortal .ftcn {border-bottom:5px solid #992f2f;}
mortal .fslt {color:#992f2f;}
mortal #fstcw .tab label:hover {color:#992f2f;}

sempi .ftmwt img {border:5px solid #5c992f !important;}
sempi .ftcn {border-bottom:5px solid #5c992f;}
sempi .fslt {color:#5c992f;}
sempi #fstcw .tab label:hover {color:#5c992f;}

eternal .ftmwt img {border:5px solid #714b84 !important;}
eternal .ftcn {border-bottom:5px solid #714b84;}
eternal .fslt {color:#714b84;}
eternal #fstcw .tab label:hover {color:#714b84;}

immortal .ftmwt img {border:5px solid #2f7799 !important;}
immortal .ftcn {border-bottom:5px solid #2f7799;}
immortal .fslt {color:#2f7799;}
immortal #fstcw .tab label:hover {color:#2f7799;}

/***********************************
	   Tabbed Info
************************************/
.tabstitle {position:relative; width:510px; border-bottom:5px solid #ccc; text-align:left; padding:18px 0 0 40px; line-height:100%; font-family:'Fjalla One', sans-serif; font-size:22px; margin-bottom:10px; font-weight:bold; text-transform:capitalize; background:#5f6b6d; color:#eee;}
.idTabs {position:relative; margin:0; width:550px; min-height:500px; border:1px solid #ccc; outline-color:#ddd; outline-width:5px; outline-style: solid;}
.idTabs ul {position:absolute; right:-7px; top:-12px; width:250px; z-index:5;}
.idTabs li { text-align:center; display: inline-block; list-style:none; width:45px; -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out; } 
.idTabs li a { padding:5px; display:block; color:#bbb !important; font-size: 10px; font-weight: normal; font-family:tahoma, calibri, sans-serif; text-transform: uppercase; text-decoration:none;}
.idTabs li a.selected { border-bottom:5px solid #ddd; background-color:rgba(255,255,255,0.2); color:#fff !important; }
.items>div {position:absolute; top:45px; width:550px; height:455px; left:0; display:none; float:left; padding:5px; overflow:auto; text-align: justify; background:#eee; box-sizing: border-box; font-family:arial; font-size:12px; z-index:2; overflow-x: hidden;}

    
.orlw { width:200px; float: left; background:#ddd; padding:0 3px 0 3px;  font-family:tahoma, calibri, sans-serif; font-size:10px; color:#111; font-weight:bold; border-bottom:1px solid #999; font-style:none; text-align:center; position:relative;}
.orl { width:115px; float: left; background:#ddd; padding:0 3px 0 3px;  font-family:tahoma, calibri, sans-serif; font-size:10px; color:#111; font-weight:bold; text-transform:capitalize; font-style:none; text-align: right; position:relative; margin-top:3px; border-right:1px solid #999;} 
.orst { float:left; width:80px; display:inline-block; background:#ddd; padding:0 3px 0 3px;  font-family:tahoma, calibri, sans-serif; font-size:10px; color:#111; font-weight:bold; text-transform:capitalize; font-style: none; text-align:right; position:relative; margin-top:3px; border-right:1px solid #999;} 
.ori {width:210px; margin:0 0 10px 20px; font-family:arial; text-align: left; font-size:11px; text-align:left;}
    
.items li {width:470px; padding:5px; background-color:transparent;}
.items p {color:#000;}
.items a {color:#2d0f10 !important;}
.items b {color:#790000;}
.items li:before {content: "●"; color:#fff; margin-right:5px; font-size: 100%;}   
.ocw {display:inline-block; width:255px; margin-top:20px; padding:0;}

.bizt {position:relative; width:490px; left:0px; text-align:right; font-family:calibri; font-size:10px; font-weight:bold; text-transform:uppercase; color:#000; line-height:8px; margin-bottom:5px;}
.bizs {position:relative; width:235px; left:0px; text-align:right; font-family:calibri; font-size:10px; font-weight:bold; text-transform:uppercase; color:#000; line-height:8px; margin-bottom:5px;}
.occ {position:relative; width: 270px; float:left;}
.octl { border-bottom:2px solid #111; font-family:'Fjalla One', sans-serif !important; font-size:22px; font-style: italic; line-height:19px;  letter-spacing: -1px; color:#5f6b6d; font-weight:600; text-align:left;} 
      
    
.orlp {width:100px; padding:0 3px 0 3px; font-family:tahoma; font-size:11px; text-align:left; text-align:left; text-transform:capitalize; position:relative; margin-top:3px; left:2px; float:left;} 
.orln { width:130px; display:inline-block; padding:0 3px 0 3px;  font-family: tahoma; text-align: left; font-size: 11px; text-align: left; position:relative; margin-top:3px; left:2px; float:left;}
    
    
.ocwrapr {display:table-cell; width:50%; padding:5px; vertical-align: top; font-family:arial; text-align: left; font-size:12px; line-height:110%; text-align:justify;} 
.ocwrapl {display:table-cell; width:50%; padding:5px; vertical-align: top;}

/***********************************
	   JOB Info
************************************/
.ocw2 {position:relative; display:inline-block; width:250px; margin:10px 5px 10px 5px; padding:0; vertical-align:top;}
.occ {position:relative; width:250px; display:inline-block;}
.octsm { width:250px;border-bottom:2px solid #111; font-family:'Fjalla One', sans-serif; font-size:22px; font-style: italic; line-height:19px; letter-spacing: -1px; color:#5f6b6d; font-weight:600;} 
.ocj { position:relative; float:left; display:table-cell; width:115px; float: left; background:#ddd; padding:3px; font-family:tahoma, calibri, sans-serif; font-size:10px; color:#000; font-weight:bold; text-transform:capitalize; font-style:none; text-align:right; margin-top:3px; border-right:1px solid #aaa;}   
.oce { position:relative; float:left; width:125px; padding:3px 0 3px 0; font-family:tahoma, calibri, sans-serif; text-align:left; font-size:10px; text-align:left; margin-top:3px; left:2px;} 
.ocbd { position:relative; float:left; margin:20px 10px;}
.octl2 { width:480px; border-bottom:2px solid #111; font-family:'Fjalla One', sans-serif; font-size:22px; font-style: italic; line-height:19px; letter-spacing: -1px; color:#5f6b6d; font-weight:600; text-align:left;} 
.ocmw {width:490px;}
.ocem {display:inline-block; padding:3px; font-family:tahoma, calibri, sans-serif; text-align: left; font-size:10px; text-align: left; position:relative; margin-top:3px;}
.ocmj { min-width:150px; display:inline-block; background:#ddd; padding:3px 3px 3px 20px;  font-family:tahoma, calibri, sans-serif; font-size:10px; color:#000; font-weight:bold; text-transform:capitalize; font-style:none; text-align:right; position:relative; margin-top:3px; border-right:1px solid #aaa;}
.occmisc { width: 500px; float:left;}


/***********************************
	member directory
************************************/

.icpostlight {position:relative; top:-36px; left:-150px; width:500px; padding-bottom:15px;}
.memdirrow {width:500px; padding:0px; }
.memdirplay { width:220px; display:table-cell; font-size:20px; letter-spacing:px; font-family:'Playfair Display', serif; color:#111; text-align:right; padding-right:5px; vertical-align: middle;}
.memdirplay staff {color:#497e81;}
.memdirlist {width:250px; display:table-cell; font-size:10px; letter-spacing:1px; line-height:13px; text-align:left; border-left:1px solid #999; font-family: helvetica; font-weight:bold; text-transform:uppercase; padding:15px 10px 15px 10px; }
.charmd a {color:#111; }
.charmd mortal a {color:#992f2f;}
.charmd sempi a {color:#548134;}
.charmd immortal a {color:#527a9f;}
.charmd Eternal a {color:#7e5d8f;}
.charmd a:hover {font-style: italic;}
.memdirwrap {width:300px; margin-top:30px; }
.memdirname {width:270px; font-size:32px; letter-spacing:-1px; font-family: 'Playfair Display', serif; color:#bc1413; border-bottom:1px solid #ccc; line-height:30px; text-shadow:1px 1px 1px #000, 1px 1px -1px #000; text-align:left; padding-left:30px; font-style: italic;}
.meminfo {font-size:11px; font-style:italic; line-height:11px; font-family: georgia; color:#111;}

#fsmemwf {width:350px; margin-top:0px; border:1px solid #999; background:#ddd; box-shadow:1px 1px 1px #ddd;}
.fsmemw {position:relative; display:inline-block; width:340px; padding:5px 5px 0 5px; margin-top:5px;}

.fsmemh {position:relative; top:0; left:-20px; width:342px;  background:#a79e55; padding:10px 0 9px 25px; text-align:left; font-family:'Squada One', cursive; font-size:28px; font-style:italic; color:#fff;}
.fsmemhs {position:relative; top:0; left:-20px; width:342px; background:#497e81; padding:10px 0 9px 25px; text-align:left; font-family:'Squada One', cursive; font-size:28px; font-style:italic; color:#fff;}
.fsmemh i, .fsmemhs i {position:relative; float:right; top:-2px; right:-70px; font-size:22px;}

.fsmemm {border-right:1px solid #999; border-left:1px solid #999; padding:10px 5px 10px 5px; font:11px arial; letter-spacing:1px; background:#eee; text-align: center;}
.fsmemm img {position:relative; display:inline-block; width:50px; height:50px; border:1px solid #999;}
.fsmemm img:hover {opacity:0.7;}

.fsmemi {padding:3px; background:#bbb; font:11px calibri; color:#000; font-weight:bold; letter-spacing:0px; text-align: center; margin-bottom:7px; border-right:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #999;} 
.fsmemtri {height:0; width:0; position:relative; float:left; top:0px; left:-20px; border-top:6px solid #666; border-left:14px solid transparent;}


.fsmemtri2 {height:0; width:0; position:relative; float:right; top:0px; left:30px; border-top:16px solid #a79e55; border-right:24px solid transparent;}  
.fsmemtri3 {height:0; width:0; position:relative; float:right; top:17px; left:53px; border-bottom:16px solid #a79e55; border-right:24px solid transparent;} 
.fsmemtri2s {height:0; width:0; position:relative; float:right; top:0px; left:30px; border-top:16px solid #497e81; border-right:24px solid transparent;}  
.fsmemtri3s {height:0; width:0; position:relative; float:right; top:17px; left:53px; border-bottom:16px solid #497e81; border-right:24px solid transparent;}  

#fsmemwf .mortal {position:relative; display:inline-block; height:52px; width:52px; top:0px; left:0; background:#992f2f;}
#fsmemwf .sempi {position:relative; display:inline-block; height:52px; width:52px; top:0px; left:0; background:#548134;}
#fsmemwf .immortal {position:relative; display:inline-block; height:52px; width:52px; top:0px; left:0; background:#527a9f;}
#fsmemwf .eternal {position:relative; display:inline-block; height:52px; width:52px; top:0px; left:0; background:#7e5d8f;} 

/***********************************
	power directory
************************************/
.wpcl { width:230px; display:table-cell; font-size:20px; font-family:'Squada One', cursive; color:#111; text-align:right; padding-right:5px; vertical-align: middle;}
.pdirlist {width:230px; display:table-cell; font-size:10px; line-height:13px; text-align:left; border-left:1px solid #999; font-family: helvetica; font-weight:bold; text-transform:capitalize; padding:15px 10px 15px 10px; }


/***********************************
	face claim
************************************/

.fc-hd {position:relative; background:#ccc; width:240px; height:20px; padding:10px 5px 5px 5px; color:#111; font-family:'Playfair Display', sans-serif; font-style:italic; text-align:center; border-bottom:1px solid #999; font-size:22px;}   
.fc-hdl {position:relative; background:#ccc; width:100%; height:20px; padding:10px 5px 5px 5px; color:#111; font-family:'Playfair Display', sans-serif; font-style:italic; text-align:center; border-bottom:1px solid #999; font-size:22px;}  
#fc-dw {position:relative; left:-80px; width:500px;}
.fc-fl {display: inline-block; left:0; width:246px;}
.fc-fr {display: inline-block; right:0; width:225px;}

#fc-dw a { text-decoration: none; color:#000 !important;}
.fc-feml a::after {content:" ●"; color:#000 !important;} 
.fc-maler a::before {content:"● "; color:#000 !important;}
#fc-dw a:hover {color:#790000; font-style:italic;} 

.fc-feml { float:left; width:225px; text-align:right; padding:10px 25px 5px 0px; vertical-align: middle; color:#000; text-transform:uppercase; font-size:11px; letter-spacing:0px; font-family:arial, sans-serif; line-height:140%; margin-bottom:20px;}

.fc-maler {float:left; width:225px; text-align:left; padding:10px 25px 5px 30px; vertical-align: middle; color:#000; text-transform:uppercase; font-size:11px; letter-spacing:0px; font-family:arial, sans-serif; line-height:140%; margin-bottom:20px; border-left:1px solid #999;}
    
.fc-res {float:left; width:100%; font-size:20px; text-align:center; padding:10px 0 5px 15px; vertical-align: middle; color:#000; font-family:tahoma, calibri, sans-serif; line-height:120%; font-size:12px; letter-spacing:1px; margin-bottom:20px; }

#fc-dw .mortal {color:#992f2f !important; background:none;}
#fc-dw .sempiternal {color:#548134 !important; background:none;}
#fc-dw .immortal {color:#527a9f !important; background:none;}
#fc-dw .eternal {color:#7e5d8f !important; background:none;} 


/***********************************
            Witch spells
************************************/
.spelln { position:relative; width:510px; padding:3px; font-weight:bold; text-transform:capitalize; text-align:right; margin-top:3px; border-bottom:1px solid #aaa; vertical-align:top; background:rgba(95,107,109,0.2);}
.spellsi { position:relative; display: inline-block; width:100px;  padding:3px; font-weight:bold; text-transform:capitalize; text-align:right; margin-top:3px; vertical-align:top;} 
.spelli { position:relative; display: inline-block; width:450px; padding:3px 30px 3px 30px; margin-top:3px; left:2px;} 
.spellis { position:relative; display:inline-block; width:300px; padding:3px 0 3px 0; margin-top:3px; left:2px;} 
.spellw {position:relative; width:530px; padding:3px; margin-bottom:10px;}
.spells {padding:10px !important; font-family:tahoma,calibri,sans-serif !important; font-size:11px !important; color:#000; line-height:120% !important;}

/***********************************
            FAQ
************************************/
.faqn { position:relative; width:510px; padding:3px 3px 0 3px; font-weight:bold; text-transform:capitalize; text-align:right; margin-top:3px; border-bottom:1px solid #999; vertical-align:top;}

.faqQ { position:relative; display: inline-block; padding:3px; font-weight:bold; color:#5f6b6d; text-transform:capitalize; text-align:justify; margin-top:3px; vertical-align:top; font-size:11px;  background:rgba(95,107,109,0.1);}

.faqA { position:relative; display:inline-block; width:500px; padding:3px 0 3px 10px; margin-top:3px; left:2px;} 

/***********************************
            AWARDS
************************************/
.tawardname {border-bottom:1px solid #999; width:130px; padding:5px; background:#ccc; font-family:calibri; font-weight:bold; color:#111; font-size:12px; text-align:justify;}
.tawarddescrip {border-bottom:1px solid #999; width:340px; padding:5px; background:#ccc; font-family:calibri; font-weight:bold; color:#111; font-size:12px; text-align:justify;}
.awardimg {border-bottom:1px solid #999; border-right:1px solid #999; width:33px; padding:5px; background:#ccc; margin:0;}
.awardimg img {width:50px;}
.awardname {border-bottom:1px solid #ccc; width:130px; padding:5px; background:#eee; font-family:calibri; font-weight:bold; color:#111; min-height:20px; font-size:12px; text-align:justify;}
.awarddescrip {border-bottom:1px solid #ccc; border-left:0px solid #ccc; width:340px; padding:5px; background:#eee; font-family:arial; font-weight: normal; color:#111; font-size:11px; text-align:left;}

/***********************************
            Wiki - businesses
************************************/
.buswrap { width:100%; height:170px; font-family:arial,sans-serif; font-weight:normal; color:#111; font-size:11px; text-align:justify; margin-bottom:15px;}
.bushw {position:relative; width:397px; height:40px; top:-155px; left:115px; border:2px solid #ddd; background:#ccc;}
.biz { display:inline-block; background:#aaa; color:#eee; padding:10px 10px 0 5px; text-align:center; width:15px; height:30px;z-index:2;} 
.busname {display:inline-block; position:relative; top:-4px; width:353px; border-bottom:2px solid #555; font-family:'Squada One', cursive; font-size:28px; line-height:20px; padding:5px 5px 0 5px; text-align:left !important; z-index:15;}
.bustype {position:relative; display:inline-block; width:358px; margin-left:32px; margin-top:-14px; text-align:right; font-family:calibri; font-size:11px; text-transform:uppercase; color:#000; line-height:9px; padding:3px 10px 2px 0;}
.busimg img { width:150px; height:150px; border:1px solid #111;}
.busimg { width:150px; height:150px; margin:10px; display:inline-block;}
.busdescrip {display:inline-block; border:1px solid #999; width:320px; height:85px; padding:5px 10px 5px 10px; line-height:110%; overflow:auto;}

/***********************************
            Wiki - GROUP AFF
************************************/
.FSGAw {position:relative; width:650px; height:235px; border:1px solid #999; margin:3px 0 4px 5px;}
    
    .FSGA1 {position:absolute; left:0; width:350px; height:210px;}
    .FSGA2 {position:absolute; right:0; width:350px; height:210px;}
    
    .FSGAhr {width:620px; margin-left:5px; border-bottom:2px solid #111; font-family: 'Squada One', cursive; font-style:italic; font-size:28px; line-height:80%; text-align:right; padding-right:20px;}
    .FSGAhl {width:620px; margin-left:5px; border-bottom:2px solid #111; font-family: 'Squada One', cursive; font-style:italic; font-size:28px; line-height:80%; text-align:left; padding-left:20px;}
    
    .FSGA2w {position:absolute; top:10px; left:0px; width:325px; height:180px; padding:10px; font-size:12px; font-family:arial,sans-serif; line-height:120%; overflow:auto; color:#000; text-align:left;}
    .FSGA2w img {float:left; height:100px; width:100px; border:1px solid black; margin:0 5px 5px 0;}


/***********************************
	      baby making
************************************/

.fsbabw {position:relative; width:650px; padding:0; margin:0; font-size:11px; font-family:arial,sans-serif; color:#000; text-align:center; text-transform: capitalize;}
.fsbabw2 {width:650px; font-size:11px; font-family:Tahoma,calibri,sans-serif; color:#222; text-align:center; text-transform: capitalize; margin-bottom:20px;}
.fsbabw3 {width:650px;}
.radtw {width:650px; padding:5px 0 5px 0; font-weight:bold; font-size:16px;}
.fsbabw td {padding:8px 0 8px 0; color:#000;}
.fsbabf1 {border-right:1px solid #999; border-bottom:1px solid #999;}
.fsbabf {font-weight:bold; border-right:1px solid #999; border-bottom:1px solid #999; border-top:1px solid #999;}
.fsbabfs {font-weight:bold; border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #999;}
.fsbabf2 {border-right:1px solid #999; border-bottom:1px solid #999; background:#fff;}
.na {background:#eee !important; color:#555 !important;}
.fsbabf3 {border-bottom:1px solid #999; background:#fff;}
.fsbabft3 {font-weight: bold; border-bottom:1px solid #999; border-top:1px solid #999; }
    
    .mortal {background-color:rgba(153,47,47,0.2);}
    .sempi {background-color:rgba(84,129,52,0.2);}
    .immortal {background-color:rgba(82,122,159,0.2);}    
    .eternal {background-color:rgba(126,93,143,0.2);}