@import url(http://fonts.googleapis.com/css?family=Bad+Script|Felipa|Quintessential|Pompiere|Italianno|PT+Sans+Narrow|Ubuntu+Condensed|Gloria+Hallelujah|Nothing+You+Could+Do|Playfair+Display:400,700,900,400italic,700italic,900italic|Shadows+Into+Light|Special+Elite|Khand|Oswald:400,700);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic|Oswald:400,700);
@import 'https://fonts.googleapis.com/css?family=Fjalla+One|Oswald|Teko';
@import 'https://fonts.googleapis.com/css?family=Rochester|Roboto|Roboto+Condensed';

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on July 16, 2016 */

@font-face {
    font-family: 'clearsans';
    src: url('/uploads/alittlewicked/WickedlyRed/clearsans_regular_webfont.eot');
    src: url('/uploads/alittlewicked/WickedlyRed/clearsans_regular_webfont.eot?#iefix') format('embedded-opentype'),
         url('/uploads/alittlewicked/WickedlyRed/clearsans_regular_webfont.woff2') format('woff2'),
         url('/uploads/alittlewicked/WickedlyRed/clearsans_regular_webfont.woff') format('woff'),
         url('/uploads/alittlewicked/WickedlyRed/clearsans_regular_webfont.ttf') format('truetype'),
         url('/uploads/alittlewicked/WickedlyRed/clearsans_regular_webfont.svg#clear_sans') format('svg');
    font-weight: normal;
    font-style: normal;

}

.FSAC {
    font-family: 'Squada One', cursive;
    font-size: 64px;
    color: rgba(153,47,47,0.9);
    text-transform: uppercase;
    letter-spacing: -2px;
    margin-bottom: 10px;
}
.FSAC span {
    font-family: sans-serif;
    font-size: 24px;
    color:#555;
}


/***********************************	
main board    
************************************/
#row-1 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc1.png);}
#row-2 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc2.png);}
#row-3 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc3.png);}
#row-4 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc4.png);}
#row-5 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc5.png);}
#row-6 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc6.png);}
#row-7 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc7.png);}
#row-8 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc8.png);}
#row-10 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc46.png);}
#row-11 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc47.png);}
#row-12 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc48.png);}
#row-13 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc50.png);}
#row-14 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc51.png);}
#row-15 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc54.png);}
#row-16 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc13.png);}
#row-17 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc14.png);}
#row-18 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc53.png);}
#row-19 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc10.png);}
#row-20 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc11.png);}
#row-21 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc12.png);}
#row-22 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc16.png);}
#row-23 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc17.png);}
#row-24 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc9.png);}
#row-25 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc19.png);}
#row-26 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc20.png);}
#row-27 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc21.png);}
#row-28 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc22.png);}
#row-29 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc23.png);}
#row-30 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc24.png);}
#row-31 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc25.png);}
#row-32 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc26.png);}
#row-37 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc31.png);}
#row-38 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc32.png);}
#row-39 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc33.png);}
#row-52 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc56.png);}
#row-53 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc53.png);}
#row-54 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc36.png);}
#row-55 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc37.png);}
#row-56 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc38.png);}
#row-57 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc57.png);}
#row-58 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc58.png);}
#row-62 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc62.png);}
#row-68 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc57.png);}
#row-66 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc66.png);}
#row-69 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc69.png);}
#row-65 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/bc65.png);}


#row-72 .idx-img {background-image: url(http://i.imgur.com/plD9rky.jpg)}
#row-83 .idx-img {background-image: url(http://i.imgur.com/tqNHD7W.jpg)}

#row-71 .idx-img {background-image: url(http://i.imgur.com/edHn5qB.gif)}
#row-79 .idx-img {background-image: url(http://i.imgur.com/LGBWfte.gif)}
#row-85 .idx-img {background-image: url(http://i.imgur.com/Xv3HZge.gif)}
#row-74 .idx-img {background-image: url(http://i.imgur.com/lBwBDe5.gif)}
#row-75 .idx-img {background-image: url(http://i.imgur.com/xHBuFTL.png)}
#row-77 .idx-img {background-image: url(http://i.imgur.com/4EpCZzI.png)}
#row-80 .idx-img {background-image: url(https://cdnw.nickpic.host/mNSDoN.jpg)}
#row-86 .idx-img {background-image: url(http://68.media.tumblr.com/b7807a5df1d434aa2909e26b241b3dac/tumblr_nxn3g3FGkX1ukldkho1_500.gif); background-size: auto 120px; background-position: center;}

#row-33 .idx-img {background-image:url(http://i.imgur.com/BYbRiXX.gif);}
#row-67 .idx-img {background-image:url(http://i.imgur.com/aWvRLZX.png);}
#row-34 .idx-img {background-image:url(http://i.imgur.com/cC0usgO.png);}
#row-35 .idx-img {background-image:url(http://i.imgur.com/yfiT3UL.png);}
#row-70 .idx-img {background-image:url(http://i.imgur.com/7s20OyY.gif);}
#row-73 .idx-img {background-image:url(http://i.imgur.com/0a9AKOo.gif);}

#row-40 .idx-img, #row-540 .idx-img, #row-44 .idx-img, #row-48 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/shop&dine.png);}

#row-41 .idx-img, #row-45 .idx-img, #row-49 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/nightlife.png);}

#row-9 .idx-img, #row-42 .idx-img, #row-46 .idx-img, #row-50 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/residential.png);}

#row-43 .idx-img, #row-47 .idx-img, #row-51 .idx-img {background-image:url(http://makeshiftheart.com/FS/imgs/everywhere.png);}


#headimg {position:relative; top:29px; width:980px; height:335px; background-image:url(http://pile.randimg.net/1/46/74044/default.png); border:10px solid #ddd;}



#row-33 .idx-ftwrap1 a {color:#9f3f0f !important;}
#row-70 .idx-ftwrap1 a {
    background-image: -webkit-linear-gradient(left, #9e0b0f, #007236);
    background-image: -moz-linear-gradient(left, #9e0b0f, #007236); 
    background-image: -ms-linear-gradient(left, #9e0b0f, #007236); 
    background-image: -o-linear-gradient(left, #9e0b0f, #007236); 
    background-image: linear-gradient(to right, #9e0b0f, #007236); 
    color:transparent !important;
    -webkit-background-clip: text;
    background-clip: text;}
#row-73 .idx-ftwrap1 a {color:#cc3c5f !important;}
#cat_8 .new-category {border-bottom: 10px solid #cc3c5f !important;}

/****************************************
BLACK TOPIC STUFF
*****************************************/
.topic-title-row { background:#bcbcbc; padding:5px 5px; text-transform: capitalize; font:22px 'Lobster Two', cursive; font-weight:bold; color: #000; text-align:right; border-bottom:1px solid #999; border-top:1px solid #999;}
.fsti {background-color:rgba(95,107,109,0.8); color:#fff; font-size:18px; text-align:center; width:85px; height:37px; padding:3px 0 0 0; margin: -6px 0px -15px -5px; float:left; border-left:20px solid #5f6b6d;}

#fsv2w {position:relative; width:940px; height:55px; padding:0px; background-color: rgba(214,214,214,0.9); border-bottom:1px solid #ccc; margin-bottom:0; }

.fsv2tbox {position:relative; display:inline-block; left:0px; top:0; width:360px; height:35px; padding:10px; background-color: rgba(214,214,214,0.9);background:#eee; border-left:20px solid #ddd;}

.fsv2tbox2 {position:relative; display:inline-block; left:0px; top:0px; width:340px; height:35px; padding:10px; background-color: rgba(214,214,214,0.9);background:#eee; border-right:20px solid #ddd;}


.fsv2td {position:absolute; bottom:0; right:0; max-width:320px; height:15px; padding:0px 20px 0px 0px; font-size:11px; font-family:calibri; color:#5f6b6d; text-transform: uppercase; text-align:right;}

.fsv2ti {position:absolute; display:inline-block; left:0px; top:0px; font:32px sans-serif; width:50px; height:35px; padding:8px 0 5px 0; color:#bbb; text-transform: lowercase; text-align:center;}

.fsv2tt {position:absolute; display:inline-block; left:48px; top:10px; width:360px; height:25px; padding:5px 0 0 0; text-align:left; text-transform:capitalize; line-height:110%; font:16px 'Source Sans Pro', sans-serif; color:#E6C229; font-style: italic;}
.fsv2tt a {color:#999; font-weight:bold}
.fsv2tt a:hover {color:#5f6b6d}

.pgtri {position:relative; display:inline-block; left:0; top:-17px; width:0; height:0; border-top:10px solid transparent; border-left:20px solid #eee; border-bottom:10px solid transparent; }
.pgtri2 {position:relative; display:inline-block; left:0; top:-17px; width:0; height:0; border-top:10px solid transparent; border-right:20px solid #eee; border-bottom:10px solid transparent; }

.fsv2count {position:relative; display:inline-block; left:0px; top:0;}

.fsv2c {line-height:100%; float:left; height:40px; width:50px; margin:5px; text-align:center; font: 9px calibri; text-transform:uppercase; color:#777; }
.fsv2c p { font:16px sans-serif; color:#5f6b6d; font-weight: bold; letter-spacing:-1px; margin:5px 0 0 0; }

.fsv2lp {margin-top:-4px; padding-right:15px; font:16px 'Lobster Two', cursive; color:#E6C229; font-style: italic; color:#777; float:left; font-weight: bold;}
.fsv2lpr {margin-top:-4px; padding-right:15px; font-family:'Lobster Two', cursive; font-size:16px; font-style: italic; color:#777; float:right; font-weight: bold;}

.fsv2lp2 {position: absolute; left:12px; float:left; text-align:left;}
.fsv2lp3 {float:right; text-transform: uppercase; text-align:right;}

.fsv2lpw {position:absolute; top:12px; width:325px; padding:0 20px 0 10px; text-align:right; font:11px calibri; color:#666;}
.fsv2lpw b {color:#666; display:inline-block; text-transform:uppercase;}
.fsv2lpw p {font:11px calibri; color:#666; margin:0; padding-bottom:1px; border-bottom:1px solid #ccc;}

.fsv2tmcb {position:relative; display: inline-block;}

.no-topics {padding:10px 0; color:#999;}



a.info{ 
	position:relative; /*this is the key*/ 
	z-index:800; 
	font-size: 11px; 
	font-weight: normal; 
	padding-top:2px; 
	color: #B67936;}
	
a.info:hover{ 
	font-size: 11px; 
	font-weight: normal; 
	padding-top:2px; 
	color: #B67936;}
	
a.info span{display: none;}
a.info:hover span{ 
	display:block; 
	position:absolute; 
	top:4px; 
	left:-133px; 
	padding:3px; 
	width:120px; 
	color: #000; 
	font-size: 11px; 
	font-weight:bold;
	font-family: calibri; 
	background:rgba(203,203,203, 0.6); 
	background-repeat:no-repeat; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius:5px;
	z-index:800;}	

.descbklink {
	float:right; 
	position: relative; 
	right:15px; 
	margin-right:5px; 
	top:-18px; 
	text-align:center; 
	width:110px; 
	padding:5px; 
	font-family:calibri; 
	font-weight:normal; 
	font-size:11px; 
	color:#b7b7b7; 
	background:#3b0d0b; 
	line-height:100%; 
	border:1px solid #4a100e; 
	box-shadow:1px 1px 2px #1f1f1f; 
	z-index:27;}
		
.descbklink:hover { 
	color:#000 !important; 
	background:#1d1d1d; 
	border:1px solid #292929; 
	-webkit-transition: all 0.7s ease-in-out; 
	-moz-transition: all 0.7s ease-in-out; 
	-o-transition: all 0.7s ease-in-out; 
	-ms-transition: all 0.7s ease-in-out; 
	transition: all 0.7s ease-in-out;}

.hovout { 
	height:110px; 
	opacity:1; 
	width: 615px;
	position: relative; 
	top:-1px;
	-webkit-transition: opacity .8s ease-in-out; 
	-moz-transition: opacity .8s ease-in-out; 
	-ms-transition: opacity .8s ease-in-out; 
	-o-transition: opacity .8s ease-in-out; 
	transition: opacity .8s ease-in-out;}
		
.hovout div { 
	position:absolute;
	top:1px; 
	left:0; 
	height:110px; 
	width:810px; 
	background-color:rgba(51,51,51,0.9);
	opacity: 0; 
	-webkit-transition: opacity .8s ease-in-out; 
	-moz-transition: opacity .8s ease-in-out; 
	-ms-transition: opacity .8s ease-in-out; 
	-o-transition: opacity .8s ease-in-out; 
	transition: opacity .8s ease-in-out;} 
    		
.hovout div div { 
    	position:relative;
    	margin:5px 0 0 5px;
	height:80px; 
	width:550px; 
	padding:10px; 
	overflow: auto;
	color: #b7b7b7; 
	font-family: Arial;  
	font-weight: normal;
	font-size:11px; 
	line-height:110%; 
	text-align:justify; 
	opacity: 0;
	background-color: rgba(39,39,39,0); } 
    
		
.hovout div:hover { 
	opacity: 1; 		
	-webkit-transition: opacity .8s ease-in-out; 
	-moz-transition: opacity .8s ease-in-out; 
	-ms-transition: opacity .8s ease-in-out; 
	-o-transition: opacity .8s ease-in-out; 
	transition: opacity .8s ease-in-out;}
		
.hovout div span { position: relative; width:475px; }

.hovwrap{
	position: absolute;
    	top:0px;
    	left:-1px;
	width:830px; 
	height:110px; 
	border-top:0px solid #3c1416; 
	background-color:rgba(51,51,51,0.9); 
	-webkit-box-shadow: 0 8px 3px -6px #111;
	-moz-box-shadow: 0 8px 3px -6px #111;
	box-shadow: 0 8px 3px -6px #111;
    
}  

/***********************************
	POST STUFF
************************************/
.new-post {position:relative; top:0; left:0; width:940px; border-top:10px solid #5f6b6d;}
.post-queued {position:relative; top:0; left:0;}
.p-ptp {width:100%; height:110px; background:#ddd; }

.p-ptl {
    position:relative;
    top:0px; left:0;
    width:100%;
    height:20px;
    font-family: calibri, roboto;
    font-size: 11px;
    text-transform: uppercase;
    color: #555;
    text-align: left;
    display:block;
    z-index:900 !important;
}
.p-ptpd {position:absolute; left:0; top:0; width:420px; font-family: calibri, roboto; font-size:10px; font-weight:bold;  text-transform: uppercase; color: #333; padding:5px 5px 4px 5px; text-align: right;}

.p-ptpdbs {
	font-weight: bold;
	font-size: 11px;
	margin: 3px 3px 3px 0;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
    max-width: 80px;
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out; 
	transition: all 0.5s ease-in-out; }
.p-ptpdbs i {color:#000;}
.p-ptpdbs i:hover {color:#fff !important;}
      
.p-cbr {
    position: absolute;
    top:0; right:0;
    display: inline-block;
}  
.p-btr {
    position: absolute;
    top:-3px; right:5px;
    padding:5px 17px 5px 0;
    font-family: calibri;
    font-size: 10px;
    text-transform: uppercase;
    color: #555;
    text-align: right;
    display: inline-block;
    width:90px;
}
.p-btr a {color: #fff;}
.p-btr a:hover {color: #66757f;}
    
.npw {position:relative; top:0; width:100%; padding:0; margin:0; min-height:480px; background-image:url(http://makeshiftheart.com/FS/imgs/pbg.png);}

.p-mpw {
    position: absolute;
    display: inline-block;
    vertical-align: top;
    left:0;
    top:0;
    width:260px;
    z-index:730;
} 
    
.new-post .cont {
    position: relative;
    display: inline-block;
    vertical-align: top;
    left:130px;
    top:0;
    width:680px;
    z-index:732;
}  
.postcolor {padding:5px; font-size: 12px; color:#222; text-align:justify; line-height: 130%; min-height: 480px; background:#f1f1f1; padding:20px 10px 20px 10px;}
.postcolor a {color:#88989b !important;}

.p-sig { width:100%; background:#f1f1f1; text-align:center; color:#222; padding:5px 0 10px 0; margin-bottom:1px;}
.p-sig img { position:relative; max-height:200px; max-width:550px; display:block; margin:auto; border:3px solid #e2e2e2; outline:2px dotted #ddd;}
    
    
.p-ptlb {
    position:relative;
    top:0px; left:0px;
    width:700px;
    height:30px;
    padding:10px 5px 10px 5px;
    background: #ddd;
    font-family: calibri, roboto;
    font-size: 11px;
    text-transform: uppercase;
    color: #555;
    text-align: left;
    display:block;
}
.postcolor textarea {
    position: relative;
    left:5px;
    width:650px;
    height:500px;
    padding:10px;
    font-size: 12px;
    font-family: sans-serif;
    line-height: 140%;
    background:#f1f1f1;
    border:1px solid #ccc;
    outline-color:#ddd; outline-width:8px; outline-style: solid;
}
.postcolor button {
    background:#ddd;
    border:1px solid #bbb;
    padding:5px;
    margin:10px 5px 0 0; 
    color:#666;
    font-family: sans-serif;
    font-size: 11px;
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out; 
	transition: all 0.5s ease-in-out;
}
.postcolor button:hover {
    background:#ccc;
    border:1px solid #bbb;
}

#posting-form .maintitle {padding:45px 0 10px 0;}



.p-cont largeblock { float: left; display: inline-block; width: auto;}
.p-cont smallblock {
    display: inline-block;
    float: right;
    max-height: 100px;
    background-color: #31312C;
    width: 200px;
    padding: 5px 10px;
    font-size: 9px;
    line-height: 130%;
    overflow: auto;
    font-family: roboto;
    color: #F1F1F1;
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 10px;}

.p-iptools {
    position: absolute;
    bottom: -57px;
    z-index: 3;
    display: inline-block;
    left: 0;
    min-width: 40px;
    margin: 2px;
    padding: 4px;
    font-family: lato;
    text-transform: uppercase;
    color: #666;
    font-weight: 700;
    font-size: 10px;
    opacity: 0.6;
    -webkit-transition: .6s ease;
    -moz-transition: .6s ease;
    -ms-transition: .6s ease;
}

.code-wrapper {
    word-wrap: break-word;
    padding: 10px;
    background: #F5F5F5;
}
.quote-wrapper {
    padding: 5px;
    border: 3px double #ECECEC;
    position: relative;
}
.quote-wrapper::before {
    content: '“';
    display: block;
    font-family: exo;
    color: #ECECEC;
    font-size: 80px;
    position: absolute;
    left: 0;
    top: 30px;
}
.quote-wrapper::after {
    content: '”';
    display: block;
    font-family: exo;
    color: #ECECEC;
    font-size: 80px;
    position: absolute;
    right: 0px;
    bottom: -18px;
}
.quote-title {
    font-family: lato;
    text-transform: uppercase;
    color: #666;
    font-weight: 700;
    font-size: 10px;
}
.quote-timestamp {
    color: #ccc;
}

/***********************************
	   MINIPROF
************************************/

.mfw {position:relative; vertical-align:top; top:0px; left:0px; z-index:876;}

.m-topw {position: absolute; top:-151px; width:940px; height:130px; border-top:20px solid #5f6b6d; border-bottom:1px solid #bbb; background:#ddd;}

.m-ptpn {position:absolute; left:0; top:0px; width:310px; height:120px; background-color:rgba(95,107,109,0.2); text-align: left; padding:5px 10px 5px 20px; z-index:1;}
.m-ptpn::after {
    content: '';
    position: absolute;
    left:340px; top:0px;
    width: 0; height: 0;
	border-bottom: 130px solid rgba(95,107,109,0.2);
	border-right: 110px solid transparent;}

.m-ptpnt {position:relative; left:0; top:20px; width:330px; font-family: 'Lobster Two', cursive; font-size:36px; border-bottom:1px solid #5f6b6d; line-height:100%; font-style: italic;}
.m-ptpnt a {color:#5f6b6d !important;}

.m-ptpn2 {
    position:absolute;
    left:310px;
	width: 0;
	height: 0;
	border-bottom: 110px solid rgba(95,107,109,0.5);
	border-right: 70px solid transparent;
}

.minig {position:absolute; right:0; top:0; width:100px; height:120px; background-color:rgba(95,107,109,0.2); text-align: left; padding:5px 10px 5px 10px;}
.minig img {height:100px; width:100px; position:relative; border:1px solid #5f6b6d; background-size:auto 100px; border-radius:50px; }
.minig::before {
    content: '';
    position:absolute;
    right:120px; top:0;
	width: 0; height: 0;
	border-top: 130px solid rgba(95,107,109,0.2
    );
	border-left: 80px solid transparent;

}
.m-ptpd {position:absolute; left:0; bottom:0; width:410px; height:20px; background-color:rgba(95,107,109,0.5); z-index:3;}
.m-ptpd::after {
    content: '';
    position: absolute;
    left:410px; top:0;
    width: 0; height: 0;
	border-bottom: 20px solid rgba(95,107,109,0.5);
	border-right: 18px solid transparent;}

.miniicon {position:absolute; top:-110px; left:410px; width:350px; height:50px; padding:10px; text-align:center; font-size: 52px; color:#ccc;}
.miniicon i {padding:10px; width:60px;}
.miniicon::before {
    content:'-------------------------------------';
    font-family: sans-serif;
    letter-spacing: -1px;
    font-size: 12px;
    color:#ccc;
}
.miniicon::after {
    content:'-------------------------------------';
    font-family: sans-serif;
    letter-spacing: -1px;
    font-size: 12px;
    color:#ccc;
}

.miniwrap {
    position:relative; 
    float:left; 
    left:0px; top:131px; 
    width:280px; 
    height:485px;
    background-color:rgba(136,136,136,0);}

.miniwrap2 {position:relative; left:0px; top:0px; width:250px; height:525px; padding:0px; background-color:rgba(95,107,109,0); border-left:5px solid #ccc; border-right:5px solid #ccc;}

.m-tribgt {
    position:absolute;
    top:131px; left:0;
	width: 0;
	height: 0;
    height:40px; width:280px;
    background: #ddd;
}
.m-tribg {
    position:absolute;
    top:171px; left:0;
	width: 0;
	height: 0;
	border-top: 117px solid #ddd;
	border-left: 280px solid transparent;
}

.minipb {
    position:absolute;
    width:330px;
    left:20px; top:63px;
    padding:2px 0 2px 0;
    font-family: 'Squada One', cursive;
    font-style: italic;
    font-size:15px;
    text-align: right;
    color:#333; 
    }
.minipb2 {color:#5f6b6d;}
.minipb3 {position: relative; left:0; display: inline-block; text-align:left; width:105px;}
.minipb4 {position: relative; display: inline-block;text-align:right; width:220px;}

.minitri {
    position:absolute;
    left:0; top:476px;
	width: 0; height: 0;
	border-top: 110px solid rgba(158,164,165,1);
    border-left: 270px solid transparent;
    
}

.minitopw {position:relative; left:0; top:0; width:250px; height:34px; font-family: calibri, roboto; font-size:10px; font-weight:bold; text-transform:uppercase; color: #333;}

.miniavi {position:relative; left:0; top:0; width:250px; height:400px; background-size:250px 400px; background:#eee; background-image:url(http://pile.randimg.net/1/49/74921/fsdefault.png);}
.miniavi img {min-width:250px; min-height:400px; background-size:250px 400px; background:#eee;}

.mini { 
	position: absolute; 
	width: 237px; 
	height: 400px; 
	overflow: hidden; 
	padding-right:13px; 
	right:0; top:33px; 
	opacity: 0;
    padding-bottom:35px;
	-webkit-transition: all 0.7s ease-in-out; 
	-moz-transition: all 0.7s ease-in-out; 
	-o-transition: all 0.7s ease-in-out; 
	-ms-transition: all 0.7s ease-in-out; 
	transition: all 0.7s ease-in-out;
	background-color: rgba(241,241,241,1);
    z-index:668;
}
.mini:hover {opacity: 1;}

.minithangs {position:relative; left:0; top:105px; width:200px; padding:0 5px 0 5px;}

.m-tcw {position:relative; display:block; left:-12px; width:235px; height:; border-bottom:1px solid #5f6b6d; margin-bottom:3px;}

.m-tsh {position:relative; display:inline-block; float:left; padding:3px; text-align:left; color:#5f6b6d; font-family:calibri; font-size:11px; text-transform: uppercase; width:48px; font-weight: bold;}

.m-tc {position:relative; display:inline-block; width:175px; padding:3px 0 0 5px; text-align: right; min-height:14px; color:#111; font-family:calibri; font-size:11px; text-transform: uppercase; font-weight: bold;}

.minism {position:relative; left:0px; width:140px; min-height:14px; background-color:#ddd; padding: 5px 1px 0 1px; border:1px solid #999; text-align: center;}

.mfiwrc {position:relative; display: inline-block; top:0px; left:0; width:50px; padding:10px 0 10px 0; font-size:14px; text-align:center; background-color:#ccc;}

.mfiwrc i {color:#5f6b6d;}
.mfiwrc:hover {background-color:rgba(95,107,109,0.4);}

.mfiwrc2 {position:relative; display: inline-block; top:0; left:0; height:20px; width:230px; padding:15px 10px 6px 10px; text-align:center; background:#ccc; color:#5f6b6d; font-size:18px; font-family:'Oswald', sans-serif; font-style: italic;}

.minit2 {
    position:absolute;
    right:0; top:0;
	width: 0; height: 0;
	border-top: 110px solid #ccc;
    border-left: 250px solid transparent;}
.minit3 {
    position:absolute;
    right:0; bottom:45px;
	width: 0; height: 0;
	border-bottom: 110px solid  #ccc;
    border-right: 250px solid transparent;}
.minit4 {
    position:absolute;
    left:0; bottom:0;
	width:250px; height:45px;
	background-color: #ccc;
}


.mininicw {
    position: absolute;
    top:30px; right:10px;
    width:220px;}

.mininick {
    position: relative;
    top:0; left:0;
    width:100%;
    font-family: 'Lobster Two', cursive;
    font-size: 24px;
    border-bottom: 1px solid #5f6b6d;
    color:#5f6b6d;
    line-height: 100%;
    font-style: italic;
    text-align: left;
}
.minipro {
    position: relative;
    top:0; left:0;
    width:100%;
    font-family: 'Squada One', cursive;
    font-size: 14px;
    color:#333;
    line-height: 100%;
    font-style: italic;
    text-align: right;
    font-weight:normal;
}

.minig2 {position:relative; display: inline-block; left:-2px; top:120px; width:100px; height:100px; border:3px solid #b1b5b6; border-radius:100px; background-image:url(https://67.media.tumblr.com/a5a8131c07ac498aa9e4a29f43309fbb/tumblr_o33bo9pmB71u8f46ro1_500.gif); background-position: center; background-size: 250px auto; border-bottom:3px solid #5f6b6d; border-left:3px solid #5f6b6d;}
.minig2 img {width:100px; height:100px; border-radius:100px;}

.miniconwrap {position:relative; display: inline-block; top:120px; right:0; width:120px; height:100px;}

.blurb {width:125px; height:100px; position:relative; float:right; padding:0;}

.blurb2 {position:relative; top:0; left:12px; background:; height:100px; text-align: justify; color: #222; font-weight: normal; font-size: 11px; font-family:tahoma; line-height:100%; text-transform: uppercase; text-align: center; overflow:auto; }

.blurb2 i {position:relative; float:left; color:#5f6b6d; margin:3px 3px 0 3px; font-size:24px;}

.charaward {position:absolute; left:0; bottom:0; width:240px; height:48px; padding:1px 5px 3px 5px; color:#848683; overflow:auto; margin-top:5px; white-space:nowrap; color:#222; background:#; overflow-y: hidden;}

.minitz {position: absolute; left:0px; color:#777;}

.mintrifw {position:relative; width:250px; height:50px;}

.m-trifl {
    position:absolute;
	width: 0;
	height: 0;
	border-top: 50px solid #ccc;
	border-right: 125px solid transparent;
}
.m-trifr {
    position:absolute;
    right:0; top:0;
	width: 0;
	height: 0;
	border-top: 50px solid #ccc;
	border-left: 125px solid transparent;

}





.miniwide {width:225px; background-color:#ddd; border:1px solid #999; padding:6px 4px 0 4px; text-align: center; min-height:14px;}

.minihw {position:absolute; left:0px; top:0px; width:970px; height:50px; background:#bcbcbc; padding:5px;  border-top:20px solid #5f6b6d; }

.nnp {position:relative; left:9px; top:0px; height:55px; width:273px; background:#ddd;}
.nnp2 { position:relative; left:6px; top:7px; height:27px; padding-top:20px; display:block; text-align:center; line-height:120%; width:250px; background:#eee; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; z-index:976;}
.nnp2 {font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: bold; text-transform:capitalize; font-weight:normal; color:#5f6b6d; z-index:293;}

.minitop {position:absolute; top:0px; left:280px; float:left; width:690px; height:110px; padding:5px; overflow: hidden; z-index:754;}
.minitop i {color:#222 !important;}

.mininame {position: relative; width:273px; float:left; height:85px; text-align:center; overflow: hidden;}

.minismav {position:relative; right:6px; top:0px; width: 50px; height:50px; float: right; z-index:888;}
.minismav img { width: 50px; height: 50px; background-color:#5f6b6d;}

.minifw {position:absolute; float:left; left:14px; top:479px; height:60px; width:264px; background:#ddd; z-index:253;}
.minifoot {position:relative; width:250px; height:32px; padding-top:18px; background-color:#eee; border-left:1px solid #999; border-bottom:1px solid #999; border-right:1px solid #999; font-family:'Oswald', sans-serif; font-size:18px; color:#5f6b6d; z-index:263;}

.minifiwf {position:relative; float:; left:0px; top:58px; width:980px; height:50px; background:#555; border-bottom:8px solid #ccc; margin-bottom:28px;}


.minifiwl {position:relative; float:left; width:285px; height:50px; background:#bcbcbc;}
.minifiwr {position:relative; float:left; width:695px; height:50px; background:#999; }

.miniavw {position: relative; left:6px; top:6px; width:250px; padding:0px; background:#eee; border-left:1px solid #999; border-right:1px solid #999; height: 400px; z-index:999;}

.post-normal table {}


.posts {position:relative; left:0px; width:80px; background-color: #ddd; padding: 4px 2px 4px 2px; border:1px solid #999; text-align: center;}
.postslg {font-size:24px; font-family: times new roman; line-height: 100%; text-align: center; color:#5f6b6d;}



.statusmini {position:relative; left:0px; width:80px; height:14px; background-color:#ddd; padding: 3px 2px 1px 2px; border:1px solid #999; text-align: center;}

.minitext {float:left; color:#000; font-size: 12px; text-transform: uppercase; font-family: calibri; padding-right:3px; text-shadow:1px 1px #363636; font-weight: bolder;}

.minicon {position:relative; top:-1px; font-weight: normal; color:#222; font-family:tahoma, calibri, sans-serif; font-size:10px; text-transform: uppercase; line-height: 100%; }

.tabbedbanner {text-align: center; width:520px; font-size: 48px; font-weight:bold; line-height: 140%; padding: 10px; color:#cccccc; background: #6d1212; position: relative; top: 10px; left: -10px; font-family:helvetica; font-size:12px; border:1px solid #770101; text-shadow:1px 1px 1px #000; box-shadow:1px 1px 5px #121212;}
    
.title { font-family: 'Italianno', cursive; padding-right:5px; font-size:68px; line-height:20px;  letter-spacing: -2px; color:#9e0b0f;  font-weight:normal;}

.fctitlesm { width:230px; border-bottom:2px solid #790000; font-family: 'Italianno', cursive;  font-size:36px;  line-height:14px;  letter-spacing: -1px; color:#9e0b0f;  font-weight:normal;  text-shadow: -2px 0 3px #363636, 2px 0 3px #363636;}




/***********************************
	FOOTER STUFF
************************************/  
.s-tl {float:left; width:74px; text-align:center; font-family:calibri; font-size:11px; font-weight:600; color:#222; margin-top:3px;}
.s-tl a {color:#222 !important;}

.stats-background { position:relative; width:900px; height:200px; z-index:980;}
.stats-wrap{position:relative; top:0; width:881px; height:220px; background-color:#ddd; border:10px solid #ddd; background-image:url(http:///makeshiftheart.com/FS/imgs/statsbg2.png); }

.s-cott {position:absolute; top:10px; left:0px; width:240px; height:35px;  background:#ddd; padding:10px; text-align:left; font-family:calibri; font-size:11px; color:#555; text-transform:uppercase; z-index:5;}

#scottt {
    position: relative;
    top:-44px; left:250px;
    width: 0;
	height: 0;
	border-top: 55px solid #ddd;
	border-right: 35px solid transparent;
}
#scottt2 {
    position: relative;
    top:-44px; left:-45px;
    width: 0;
	height: 0;
	border-top: 55px solid #ddd;
	border-left: 35px solid transparent;
}

.s-sts {position:absolute; top:10px; right:0px; width:240px; height:35px;  background:#ddd; padding:10px; text-align:left; font-family:calibri; font-size:11px; color:#555; text-transform:uppercase; z-index:5;}

.s-tc { position:absolute; overflow:auto; top:75px; right:6px; width:246px; background-color: rgba(241,241,241,0.7); color:#000; height:113px; z-index:3; text-align:justify;}

.s-tc .s-cl { text-align:justify; line-height: 100%;}

.s-tc a {font-family:arial; letter-spacing:1px; font-size:11px; line-height:110%; color:#464646; text-decoration:none;}

.s-cc {position:absolute; overlfow:auto; left:6px; top:75px; width:250px; background-color:rgba(241,241,241,0.7); height:112px; z-index:3;}

.s-ct { font-size:16px; color:#555; text-transform:lowercase; text-decoration:none; font-family:'Squada One', cursive;}
.s-leg {font-family:calibri; font-size:10px; text-transform:uppercase;}

.s-cotr {
    height:45px;
    width:16px;
    position: absolute;
    left:312px; top:10px;
    background: #ddd;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
}

.s-cl {
    text-align: left;
    color: #000;
    padding: 8px;
    font-size:11px; 
    font-family: 'clearsans', arial;
    line-height: 130%;
}

.s-cl2 {
    text-align: justify;
    color: #000;
    padding: 10px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 120%;
}

.s-cl a { font-family:'clearsans', arial; letter-spacing:1px; font-size:12px; line-height:120%; color:#464646; text-decoration:none; margin-right: 2px;}

.s-cl2 a {  font-size:11px; line-height:120%; color:#464646; text-decoration:none; text-transform:capitalize; margin-right: 2px;}

.s-sts a { color:#fff; text-decoration:none; font-family:calibri;}

.s-tbwl {
    position: absolute;
    top: 172px;
    left: 0px;
    width: 385px;
    background: #ccc;
    height: 235px;
    z-index: 3;}

.s-mw {position:relative; display:inline-block; width:260px; height:50px; left:0px; top:25px; margin-bottom:20px; vertical-align:bottom;}
.s-n {margin-left:2px; margin-top:15px; border-bottom:1px solid #222; padding:2px; text-align: right;}
.s-n a {font-family: 'Lobster Two', cursive; font-size:24px; color:#222;  letter-spacing: -1px;}
.s-n a:hover {color:#fff !important;}
.s-n2 {margin-left:2px; margin-top:2px; text-align: left; font-family: 'Squada One', cursive; text-transform: uppercase; font-size:18px; color:#333; letter-spacing: -1px;}

.s-gc {position:relative; top:50px; width:100px; height:100px; border-radius:100px; background:#ccc; border:5px solid #ddd; background-image:url('https://68.media.tumblr.com/34e4b2208fdaf3579f2bb4b929aee926/tumblr_n98pxazodC1spkqmzo1_500.gif'); background-size: 100px 150px; background-position: center;-webkit-filter: grayscale(100%); filter: grayscale(100%); z-index:6;}
.s-gcw {position:relative; left:0px; top:30px; width:170px; height:100px; background:; }
.s-gcw1 {position:absolute; left:7px; bottom:17px; width:15px; height:15px; padding:6px; color:#fff; text-align: center; font-size: 16px; border-radius:30px; background-color:rgba(187,187,187,0.7); border:3px solid #ddd;}
.s-gcw2 {position:absolute; left:34px; bottom:43px; width:15px; height:15px; padding:6px; color:#fff; text-align: center; font-size: 16px; border-radius:30px; background-color:rgba(187,187,187,0.7); border:3px solid #ddd;}
.s-gcw3 {position:absolute; left:68px; bottom:52px; width:15px; height:15px; padding:6px; color:#fff; text-align: center; font-size: 16px; border-radius:30px; background-color:rgba(187,187,187,0.7); border:3px solid #ddd;}
.s-gcw4 {position:absolute; right:36px; bottom:43px; width:15px; height:15px; padding:6px; color:#fff; text-align: center; font-size: 16px; border-radius:30px; background-color:rgba(187,187,187,0.7); border:3px solid #ddd;}
.s-gcw5 {position:absolute; right:8px; bottom:20px; width:15px; height:15px; padding:6px; color:#fff; text-align: center; font-size: 16px; border-radius:30px; background-color:rgba(187,187,187,0.7); border:3px solid #ddd;}

.s-gcw1:hover, .s-gcw2:hover, .s-gcw3:hover, .s-gcw4:hover, .s-gcw5:hover    {color:#555; border-color: #555;}

.s-gccl {position:relative; top:-18px; left:-125px; width:135px; height:10px; padding:7px 10px 7px 0; background:#eee; color:#222; text-align: right; font-family: calibri; text-transform: uppercase; font-size:10px; z-index:5;}

.s-gccr {position:relative; top:-42px; left:125px; width:135px; height:10px; padding:7px 0 7px 10px; background:#eee; color:#222; text-align: left; font-family: calibri; text-transform: uppercase; font-size:10px; z-index:5;}

#sgccl {
    position: relative;
    top:-20px; left:-25px;
    width: 0;
	height: 0;
	border-top: 24px solid #eee;
	border-left: 25px solid transparent;
}
#sgccr {
    position: relative;
    top:-20px; left:135px;
    width: 0;
	height: 0;
	border-top: 24px solid #eee;
	border-right: 25px solid transparent;
}


#affus {position:absolute; left:3px; top:0; display:inline-block; padding-bottom:10px; height:40px;} 
.affwrap {display:inline-block; height:42px; padding:0px; width:90%;}
#affiliates .maintitle {display: none;}
#affiliates .maintitle a {font-size:22px;}
#affiliates .maintitle a::before,#affiliates .maintitle a::after {display: none;}
#affiliates .row2 { background-color: rgba(214,214,214,0) !important; padding:0px; }
#affiliates img {border:1px solid #666; padding:3px;}
#affiliates .tablepad {position: absolute; top:0; left:102px; display: inline-block; width:372px; padding:0px; background-color: rgba(214,214,214,0) !important;}

#s-affw {position:relative; margin-top:60px; width:870px; height:28px; background-color:#555; text-align:left; font-family: 'Fjalla One', sans-serif; color: #ddd; text-transform: uppercase; font-style: italic; font-size:58px; padding:50px 0 0 30px;}

#s-aff {position:relative; margin-top:0px; width:878px; height:210px; border:10px solid #ddd; background-color:#eee; background-image:url(); }

.s-affbw {position:relative; display:inline-block; top:-28px; width:285px; height:198px; padding:3px;}
.s-affbw img {width:88px; height:31px; }
.s-affbw a {position: relative; vertical-align: bottom;}
.s-affrw {position: relative; display:inline-block;vertical-align: bottom; left:0; top:-23px; width:185px; height:165px; }
.s-afftbw {position: relative; display:inline-block;vertical-align: bottom; left:0px; top:-31px; width:390px; height:238px; }
.s-rw {width:380px; height:175px; vertical-align:top;}

.s-tbw {
    position: absolute;
    top:0px;
    right:0;
    width: 385px;
    height:240px;
    z-index: 3;} 

.s-tbw div {
    padding:5px 0 3px 0;
    margin-bottom:12px;
    font-family: calibri;
    font-size: 11px;
    color:#eee;
    overflow: hidden;
    text-transform: uppercase;
} 
.s-tbw i { color:#fff; }


#mbody {background-color:rgba(51,51,51,0.9);}
#delcookiesrow {display:none;}
.recent-topics-date { display: none; }
#recent-topics .maintitle {display:none;}
#recent-topics {width:190px; height:215px; font-size:11px; font-family:calibri; color:#000;}
.recent-topics-info {font-size:11px; font-family:calibri; color:#000;}
#recent-topics a{font-size:11px; font-family:calibri; color:#000; text-shadow:none; }
.toplinks {display:none;}
.rating { position: relative; top:10px; height:40px; width: 175px; padding:10px 5px 0 5px;}
#mld { position:relative; top:32px; left:0px; font-weight: bold;}

/***********************************
	side bar
************************************/

.tinytitle {
	height:10px; 
	font-size:14px; 
	font-style: italic;
	font-family: 'Special Elite', cursive;
	color:#bc1413; 
	width:450px;
	text-shadow: 1px 1px 0px #000; 
	letter-spacing:1px; 
	z-index:990;}

.tabbedbanner {text-align: center; width:630px; font-size: 36px; font-weight:bold; line-height: 140%; padding: 10px; color:#959595; background: #6d1212; position: relative; top: 10px; left: -10px; font-family:helvetica; font-size:12px; border:1px solid #770101; box-shadow:1px 1px 5px #121212;}

.openthreadwrap{left:-3px; margin: auto; width:200px; text-align:left; line-height:100%; font-size:11px; color:#ccc;}

.opentitle {position:relative; padding:2px; width:200px; text-align:center; line-height:100%; font-family:calibri; font-size:10px; color:#000; font-weight: bold; letter-spacing:1px; opacity:0.9; border-bottom:1px solid #000; text-transform:uppercase;}

.openthreads{ position:relative; padding:5px; left:-10px; margin: auto; width:210px; text-align:center; line-height:100%; color:#5f6b6d; font-size:11px; letter-spacing:1px; text-transform:capitalize;}

.openthreads a { color:#5f6b6d; } 
.openthreads a:hover { color:#fff; }

.annountitle {position:relative; top:10px; padding:2px; left:-1px; background:#464646; width:230px; text-align: center; line-height:100%; font-size:11px; color:#ccc; font-weight: bold; border-top:1px solid #5d5d5d; letter-spacing:3px; opacity:0.95;}

.announwrap { position:relative; top:0px; left:-1px; width:250px; height:82px; background-image:url(http://makeshiftheart.com/images/bluemoon/cbox3.jpg); background-size:240px 82px;}

.announ {position:relative; top:10px; left:-1px; width:231px; text-align:center; line-height:100%; color:#ccc; font-family: calibri; font-size:12px; padding:3px 0 3px 0;  border-top:2px solid #353535; border-bottom:1px solid #5d5d5d; background:#464646; opacity:0.95;}
.announ a { color:#fff; text-shadow:1px 1px #000; letter-spacing:1px; } 
.announ a:hover { color:#cc0b0e; }

#tabbedwrap { width: 250px; height: 400px; position: relative; background-color:rgba(15,15,17,0); }
.tabbedwrap { position: absolute; top: 0px; left:-10px; width: 240px; height: 20px;}
.tabs { font-size: 0; margin: 8px 0;}
.tabs:after { clear: both; content: ''; display: table; }
.tabs .tab { display: inline; }

.tabs .tab-label { position: relative; left:0px; top:-6px; width:80px; height: 20px; display: inline-block; background: #2d0f10; color:#ccc; border-bottom:1px solid #331112; border-top:1px solid #331112; font-family:helvetica; font-weight:bold; font-size: 12px; letter-spacing:-1px; padding-top:5px; text-align: center; vertical-align: center; z-index: 3; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; }

.tabs .tab > [type="radio"] {clip: rect(0 0 0 0); height: 1px; opacity: 0; position: fixed; width: 1px; z-index: -1;}
.tabs .tab-panel { display: inline; display: inline-block; overflow: hidden; position: relative; height: 0; width: 0; }

.tabs .tab-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; background-color: rgba(15,15,17,0); padding-top: 5px; width: 245px; height: 450px; overflow: auto; float: left; font-family: calibri; color:#ccc; font-size:11px; font-weight:bold; position:relative; top:0px; left:-3px; margin-top: -6px; text-align: justify; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out;}

.tabs .tab [type="radio"]:checked + .tab-label { background: #e4e3ac; color:#000; border-bottom-width: 0; z-index: 1; }
.tabs .tab [type="radio"]:checked ~ .tab-panel {display: inline;}

#tab-strip {
list-style: none outside none;
margin:0px;
width:200px;
padding:5px 15px 5px 15px;
background-color:rgba(15,15,17,0);
text-align: left;
overflow: none;}
 
#tab-strip a {text-decoration: none;}
 
.clickable { /* the sidebar tab links */
display:inline;
border-bottom:0px;
margin-right:2px;
padding:4px;
cursor:pointer;
width:100px;
text-transform: uppercase;
color: #fff;
text-align:left;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
transition: all 0.7s ease-out;
-o-transition-transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;}
 
.highlight {color: #fff;}
#tab1-content {display: block;}

.tab-content {
display: none; /* do not remove this */
color: #999;
overflow: none;
width: 220px;
min-height: 400px;
font-size:11px;
line-height:14px;
text-align: justify;
margin:0 auto;
padding-top: 6px;
line-height: 110%;
transition: all 0.4s ease-out;
-o-transition-transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;}

.tab-content td {color: #999;}
.tab-content a {color: #0e7e24; text-decoration: none;}
.tab-content a:hover {color: #62a5df;}


/***********************************
	CENSUS SMALL/SIDE
************************************/

.censuswrap {position:relative; width:300px; text-align: center;} 
.ccelltopl {width:225px; position:relative; display:inline-block; left:0; line-height:120%; text-align:left;color:#000;}
.ccelltop {width:14px; position:relative; line-height:120%; top:0; display:inline-block; text-align:center; color:#000;}
    
    
.ccelll {width:222px; line-height:100%; position:relative; display:inline-block; text-align:left; color:#000; padding-top:4px; }
.ccellr {width:20px; line-height:100%; position:relative; display:inline-block; text-align:center; color:#000; margin-left:-4px;}
    
    
.ctotl {font-family:calibri; color:#000; font-size:12px; text-transform:uppercase; font-weight:bold; border-bottom:2px solid #111; border-left:20px solid #111; margin-top:3px;} 
.ctotr {font-family:calibri; color:#000; font-size:12px; text-transform:uppercase; font-weight:bold; border-bottom:2px solid #111; margin-top:3px;}
     
.cmortall {font-family:calibri; color:#992f2f; font-size:12px; text-transform:uppercase; font-weight:bold; border-bottom:2px solid #992f2f; border-left:20px solid #992f2f;}
.cmortalr {font-family:calibri; color:#000; font-size:12px; text-transform:uppercase; font-weight:bold; border-bottom:2px solid #992f2f;}

.csempit {width:279px; position:relative; display:inline-block; font-family:calibri; color:#548134; font-size:12px; text-transform:uppercase; font-weight:bold; border-left:20px solid #548134; text-align:center;}
.csempil {font-family:calibri; color:#548134; font-size:12px; text-transform:uppercase; font-weight:bold; border-bottom:2px solid #548134; border-left:20px solid #548134;}
.csempir {font-family:calibri; color:#000; font-size:12px; text-transform:uppercase; font-weight:bold; border-bottom:2px solid #548134;}
   
.cimmortalt {width:279px; font-family:calibri; color:#527a9f; font-size:12px; text-transform:uppercase; font-weight:bold; border-left:20px solid #527a9f; padding-top:5px; padding-top:8px; text-align:center;}
.cimmortall {font-family:calibri; color:#527a9f; font-size:12px; text-transform:uppercase; font-weight:bold; border-bottom:2px solid #527a9f; border-left:20px solid #527a9f;}
.cimmortalr {font-family:calibri; color:#000; font-size:12px; text-transform:uppercase; font-weight:bold; border-bottom:2px solid #527a9f;}

.ceternalt {width:279px; font-family:calibri; color:#7e5d8f; font-size:12px; text-transform:uppercase; font-weight:bold; border-left:20px solid #7e5d8f; padding-top:5px; padding-top:8px; text-align:center;}
.ceternall {font-family:calibri; color:#7e5d8f; font-size:12px; text-transform:uppercase; font-weight:bold; border-bottom:2px solid #7e5d8f; border-left:20px solid #7e5d8f;}
.ceternalr {font-family:calibri; color:#000; font-size:12px; text-transform:uppercase; font-weight:bold; border-bottom:2px solid #7e5d8f;}

#modalnavwrap {width:320px; padding:10px;}
.modalnavcellt {float:left; width:550px; height:35px; border-bottom:10px solid #111; text-align:center; color:#ccc; font-size:24px; font-family: 'Oswald', sans-serif !important; text-transform:uppercase; background:#2d0f10;}
    
.modalnavcell {float:left; width:90px; height:13px; padding:5px; margin:0 3px 0 3px; text-align:center; color:#222; font-size:10px; font-family: 'Oswald', sans-serif !important; text-transform:uppercase; background:#bcbcbc; 
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}

.modalnavcell:hover {background:#5f6b6d; color:#eee; font-style:italic;}  

    
/***********************************
	BOARD STRUCTURE
************************************/
.new-category {width:900px; border-bottom:10px solid #5f6b6d;}

.indexcontainer {width:900px; height:135px; padding:10px 0 5px 0; background-color:#ddd;}
    
.idx-fw1 {position:relative; width:880px; height:120px; background:#f1f1f1; border:1px solid #aaa; outline-color:#ddd; outline-width:8px; outline-style: solid; z-index:1; margin-bottom:15px;} 

.idx-sw1 { position:absolute; top:0; left:0; display: inline-block; width:445px; height:120px;}
    
.idx-sw2 { position:absolute; top:0; left:375px; display: inline-block; width:125px; height:120px;}
    
.idx-sw3 { position:absolute; top:0; right:0; display: inline-block; width:420px; height:120px;}

.idx-ftwrap1 {position:absolute; top:20px; left:-1px; height:27px; text-align:right; padding:10px 0 0 0; width:285px; background:#ddd; font-family: 'Squada One', cursive; font-size:22px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; z-index:2;}
    
.idx-ftwrap2 {position:relative; display:inline-block; top:0px; right:-5px; height:25px; text-align:right; padding:12px 20px 0 0; width:250px; background:#ddd; border-top:1px solid #aaa; border-bottom:1px solid #aaa; font-family: 'Squada One', cursive; color:#999; font-size:22px; font-style: italic; z-index:2;}
     
.idx-ftleft {position:absolute; display:inline-block; top:20px; left:277px; width:30px; height:37px; background:#ddd; border-top:1px solid #aaa; border-bottom:1px solid #aaa; border-right:1px solid #aaa;-webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg);}
    
.idx-ftright {position:absolute; display:inline-block; top:0px; left:0px; width:30px; height:37px; background:#ddd; border-top:1px solid #aaa; border-bottom:1px solid #aaa; border-left:1px solid #aaa; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg);}
    
.idx-ftw {position:absolute; top:1px; left:0; width:290px; height:15px; padding:5px; text-align: center; background:#e9e9e9; z-index:5;}

.idx-numst {
    position: relative;
    top:-15px; left:-40px;
    width:80px;
    display: inline-block;
	font-family: calibri; 
    font-size:10px; 
    text-transform:uppercase;
    color:#444;
    background:#e2e2e2;
    border:1px solid #aaa;
    text-align: left;
    padding:3px;
    margin:0 10px 6px 0;
    padding:5px 0 5px 4px;
    z-index:2;}

.idx-numsr {
    position: relative;
    top:85px; left:55px;
    width:80px;
    display: inline-block;
	font-family: calibri; 
    font-size:10px; 
    text-transform:uppercase;
    color:#444;
    background:#e2e2e2;
    border:1px solid #aaa;
    text-align: right;
    padding:3px;
    margin:0 10px 6px 0;
    padding:5px 4px 5px 0;
    z-index:2;}
    
.idx-numst b,.idx-numsr b {position:relative; left:-2px; font-family:sans-serif; font-size:11px; text-transform:uppercase; padding:1px 2px 1px 5px; color:#222; background-color:rgba(95,107,109,0); border-radius:3px 0 0 3px;}  

.idx-sqw {
  position: absolute;
  top:-11px; left:-5px;
  width: 70px;
  height: 70px;
  margin: 35px;
    background:#eee;
  border:1px solid #666;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  overflow: hidden;
    z-index:3;
}
.idx-img {
  background: url('http://st.depositphotos.com/1008639/1428/v/950/depositphotos_14288877-stock-illustration-paisley.jpg');
  width: 105px;
  height: 105px;
    background-size: 105px auto;
  margin: -18px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.idx-imgbg {
  position: absolute;
  float:left;
  top:-6px; left:0;
  width: 97px;
  height: 97px;
  margin: 18px;
  background:#ddd;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  overflow: hidden;
  z-index:2;}

.idx-imgbgl {
  position: absolute;
  float:left;
  top:-1px; left:-2px;
  width: 85px;
  height: 85px;
  margin: 18px;
  background:#ddd;
  border-left:1px solid #999;
  border-top:1px solid #999;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  overflow: hidden;
  z-index:2;}

.idx-imgbgr {
  position: absolute;
  float:left;
  top:-1px; left:14px;
  width: 85px;
  height: 85px;
  margin: 18px;
  background:#ddd;
  border-right:1px solid #999;
  border-bottom:1px solid #999;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  overflow: hidden;
  z-index:2;}
    
.idx-ftwrap1 a { 
	margin-left:5px; 
	font-family: 'Squada One', cursive; 
	font-size:24px; 
	color:#5f6b6d !important; 
	text-transform:uppercase;
	font-style: italic; 
	text-decoration:none; 
	line-height:70%;
	font-weight:normal; 
    letter-spacing:-1px;
	-webkit-transition: all 0.7s ease-in-out; 
	-moz-transition: all 0.7s ease-in-out; 
	-o-transition: all 0.7s ease-in-out; 
	-ms-transition: all 0.7s ease-in-out; 
	transition: all 0.7s ease-in-out;}

.idx-ftwrap1 a:hover {color:#000 !important;}
.idx-ftwrap1:hover {color:#000 !important;}
    
.idx-fsavs3  {position:absolute; top:60px; right:-1px; width:280px; height: 32px; z-index:757;}

.idx-inf { 
	position:absolute;
    bottom:0px;
    right:4px;
	width:220px; 
	height:6px;  
    padding:0 5px 10px 5px;
    text-align: right;}

.idx-authfsm {     
	font-family: calibri,sans-serif; 
	font-size: 11px; 
	text-align: center;  
	text-transform:uppercase; 
	color:#777; }

.idx-topic {  
    display:inline-block;
	position: absolute;
	right:0px;
	top:40px;
    width:300px;
	height:25px;    
	font-family: 'Lobster Two', cursive; 
	font-size: 20px; 
	text-align: left;  
	text-transform:capitalize; 
	padding:5px 5px 0 5px;
	color:#444; 
	z-index:758;}
    
.idx-fsfm {  
    position: absolute;
    top:5px;
    left:100px;
    height:110px;
    width:100px;
    font-size:120px;
    color:#ddd;}
    
.idx-fsfm a { color:#ddd !important;}

.idx-subl {
    position: relative;
    top:68px; left:-55px;
	width:325px; height:50px;
    z-index:734;
    overflow: auto;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;}

.subl2 .cell, .subl2 .cell2 {
    position: relative;
    display: inline-flex;
    margin:3px;
    padding:2px 5px 1px 0; 
    background:#e7e7e7; 
    border:1px solid #ccc;
    border-radius:3px;
	font-family:calibri; 
	font-weight:normal; 
	text-transform:uppercase; 
	font-size:11px; 
	color:#333; 
	text-align:center;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
    z-index:778;
}

.subl2 .cell::before, .subl2 .cell2::before {
    position: relative;
    content:'Ⓧ ';
    color:#555;
    font-size: 13px;
    padding:0 7px 2px 2px;
    border-radius:3px 0 3px 0;
}

.subl2 .cell:hover, .subl2 .cell2:hover { color:#000 !important; background:#ccc;}
    
    
    
    
    
    
    
    
    
.index-fside3 {position:absolute; right:14px; top:-8px; width: 110px; height: 102px; padding:5px 0 5px 0; border-right:9px solid #ddd; border-top:8px solid #ddd; border-bottom:8px solid #ddd; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); }
    
.index-fside2 {
    position:absolute;
    right:23px;
    top:0px;
    float:right;
	width: 110px;
	height: 100px;
    padding:5px 0 5px 0;
    border-right:1px solid #aaa;
    border-top:1px solid #aaa;
    border-bottom:1px solid #aaa;
	-webkit-transform: skew(20deg);
	   -moz-transform: skew(20deg);
	     -o-transform: skew(20deg);
	background: #ccc;
}
    
.index-fside2 a {
    font-size: 11px;
    font-family: calibri;
    text-transform:uppercase;
    font-weight:bold;
    line-height: 18px;
    text-decoration: none;
    font-style: italic;
    color:#444;}

.index-ftwrap {position:absolute; top:-15px; left:-1px; text-align: left; padding:5px; background:#; 
    font-family: 'Squada One', cursive;
    font-size: 24px;
    color: #5f6b6d !important;
    text-transform: uppercase; z-index:2;}
    
.index-ftright {position:relative; top:16px; left:157px; width:30px; height:30px; background:#ddd; border-top:1px solid #aaa; border-bottom:1px solid #aaa; border-right:1px solid #aaa; 
	-webkit-transform: skew(20deg);
	   -moz-transform: skew(20deg);
    -o-transform: skew(20deg);}
    
.index-ftright2 {position:relative; top:17px; left:70px; width:30px; height:20px; background:#e6e6e6; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg);}
    
.idx-fsavs {position:absolute; top:0px; left:617px; width:50px; height: 110px; background:#eee; border-top:1px solid #aaa; border-bottom:1px solid #aaa; border-left:1px solid #aaa; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); z-index:3;}
    
.idx-fsavsw {position:absolute; top:-8px; left:608px; width:50px; height: 111px; background:#eee; border-top:8px solid #ddd; border-bottom:8px solid #ddd; border-left:8px solid #ddd; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); z-index:2;}
    
.index-fsavs2  {position:relative; display: inline-block; top:0px; right:1px; width:300px; height:122px; z-index:763;}

.idx-tq { float:left; font-family: 'Lobster Two', cursive; font-size: 12px; margin-right:10px; margin-top:-10px; color:#999; }


/****************************************
   Topic View styles
*****************************************/

.activeuserstrip {background-color:#555; padding:6px; border:0px;}
.activeuserstrip a {color:#cbcbcb !important;}
.activeuserstrip a:hover {color:#000 !important;}
.unreg {font-size: 11px;  font-weight: bold;  color: #900;  }

.unreg {font-size: 11px;font-weight: bold;color: #900;}
.post1 {background-color:#eee;}
.post2 {background-color:#eee;}
.postdetails {font-size:10px;}

.postlinksbar {
    width:920px;
	padding:15px 20px 15px 0;
	color:#000;
	font-size:9px;
	font-weight: normal;
	font-family: calibri;
	letter-spacing:1px;
    text-align: center !important;
	background-color: #555; 
	text-transform: uppercase;
	-webkit-transition: all 0.7s ease-in-out; 
	-moz-transition: all 0.7s ease-in-out; 
	-o-transition: all 0.7s ease-in-out; 
	-ms-transition: all 0.7s ease-in-out; 
	transition: all 0.7s ease-in-out;}

.postlinksbar a {
    font-family: 'calibri', monospace;
    font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 5px 30px;
    margin: 0 10px;
    font-weight: 500;
    color: #bbb !important;
    padding:2px 5px 2px 5px;
}
.postlinksbar a:hover {color:#fff !important; }


/***********************************
	Misc
************************************/
#inforum-rules b {display:none;}
.icpost3m b {display: inline !important;}

.othertext {
  background: rgba(70,70,70,0.5);
  margin-left: 50px;
  margin-bottom: 20px;
  height: 30px;
  width: 150px;
  text-align: center;
  font-family: 'Playfair Display', serif;
  font-size: 32px;
  line-height: 30px;
  border-bottom: 1px solid #fff;
  color: #fff !important;
  text-shadow:1px 1px #000;
  font-style: italic;
  z-index: 969;
}
.staffimg {
	width:130px; 
	height:130px; 
	border:1px solid #000; 
	moz-border-radius:100px; 
	border-radius:100px; 
	background-position: center; 
	box-shadow:1px 1px 2px #1f1f1f;
	 border:1px solid #939393; 
	box-shadow: 1px 1px 2px #353535;}

.otherbox{
	position: absolute;
	Width:130px;
	Height:130px;
	margin-left:50px;
	background:rgba(70,70,70,0.8); 
	border:10px solid #464646;
	moz-border-radius:100px;
	box-shadow: 1px 1px 2px #111; 
	border-radius:100px;
	color: gray;
	overflow:hidden;
	font-family: calibri;
	font-size:13px;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	z-index:969;}

.otherbox:hover{ 
	width:150px; 
	height:330px; 
	moz-border-radius:2px; 
	border-radius:2px;
	background:rgba(70,70,70,0.8);
	border:1px solid #111; 
	box-shadow: 1px 1px 2px #111; 
	color: black;
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	z-index:969;}

.piewrap {position:relative; left:-100px;}
#piechart {position:relative; left:0; top:0; padding:20px; width:450px; height:430px; color:#ccc !important; z-index:935;}

.staffpad {margin-left:380px; padding-top:35px;}

.staffstar {width:130px; height:130px; border:1px solid #000; moz-border-radius:100px; border-radius:100px; background-size:300px; background-position: 30%; box-shadow:1px 1px 2px #1f1f1f; border:1px solid #939393; box-shadow:-1px -1px 2px #353535, 1px 1px 2px #353535;}

.staffroo {width:130px; height:130px; border:1px solid #000; moz-border-radius:50px; border-radius:100px; background-size:150px; background-position:69% 8%; box-shadow:1px 1px 2px #1f1f1f; border:1px solid #939393; box-shadow:-1px -1px 2px #353535, 1px 1px 2px #353535;}

.stafflex {width:130px; height:130px; border:1px solid #000; moz-border-radius:100px; border-radius:100px; background-size:400px; background-position: 75% 10%; box-shadow:1px 1px 2px #1f1f1f; border:1px solid #939393; box-shadow:-1px -1px 2px #353535, 1px 1px 2px #353535;}

.redzone {background: linear-gradient( rgba(255, 0, 0, 0.45), rgba(255, 0, 0, 0.45) );}

#staff1 {width:55px; position:absolute; right:65px; top:16px; border-bottom:1px solid #9f9f9f; text-align:left; text-transform: uppercase; font-size:11px; font-family:calibri; letter-spacing:1px;}

#staff2 {width:55px; position:absolute; left:65px; top:16px; border-bottom:1px solid #9f9f9f; text-align:right; text-transform: uppercase; font-size:10px; font-family:calibri; letter-spacing:1px;}

#staff1 a, #staff2 a, #staff3 a {color:#fff;}
#staff1 a:hover, #staff2 a:hover, #staff3 a:hover {color:#5f6b6d;}

#staff3 {width:55px; position:absolute; right:65px; bottom:16px; border-top:1px solid #9f9f9f; text-align:left; text-transform: uppercase; font-size:11px; font-family:calibri; letter-spacing:1px;}

#hexagon1 {background-image:url(http://makeshiftheart.com/FS/imgs/eienstaff2.gif); background-repeat: no-repeat; background-position: right; width:65px; height:56px; position:absolute; right:10px; top:5px; overflow: hidden;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;}

#hexagon2 {background-image:url(http://makeshiftheart.com/FS/imgs/sarahstaff2.gif); background-repeat:no-repeat; background-position:left; width:65px; height:56px; position:absolute; left:555px; top:50px; overflow:hidden;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;}

#hexagon3 {background-image:url(http://makeshiftheart.com/FS/imgs/yukiestaff2.gif); background-repeat: no-repeat; background-position: right; width:65px; height:56px; position:absolute; right:10px; bottom:5px; overflow:  hidden; float:right;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;}

#hexagon1:hover, #hexagon3:hover {filter:none; -webkit-filter: grayscale(0%); padding-left:70px;}
#hexagon2:hover {filter:none; -webkit-filter: grayscale(0%); padding-right:70px;}


#blurred-image-container {
    display:block;
    padding:0;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:-1;
}

.img-src { 
    position: absolute;
    background:url(http://makeshiftheart.com/FS/imgs/FSbg2.jpg) top left;
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width:110%;
    height:110%;
}

.img-src.blurred-image {
    opacity:0;
    -webkit-filter: blur(5px) brightness(0.7);
    -ms-filter: blur(5px) brightness(0.7);
    -o-filter: blur(5px) brightness(0.7);
    filter: blur(5px) brightness(0.7);
}


/***********************************
    SIDE BAR NAV BAR SHIT
************************************/

#navnw {position:fixed; top:73px; left:107px; height:120px; width:135px; color:#111; font-size:11px; font-family:calibri; font-weight:bold; border:0px solid red; z-index:980;}

#navnw input[type=text] {width:135px;}
#navnw input[type=password] {width:90px; padding:2px 3px 2px 3px; position:relative; display: inline-block;}
#navnw input[type=submit] {
    width:40px; 
    position:relative; 
    display:inline-block;
    background: #ddd;
    border-radius:0px;
    color: #111;
    border: 1px solid #aaa;
    font-size: 11px;
    font-weight: bold;
    margin:0;
    padding:1px 3px 2px 3px;
    text-decoration: none;}
#navnw input[type=submit]:hover { background: #c7c7c7; border: 1px solid #fff; }

#navnw .foruminput {
    background: #ddd;
    border: 1px solid #aaa;
    color: #111;
    font-family: sans-serif;
    padding:2px 3px 2px 3px !important;
    outline:none;
    box-shadow:none;
    font-size:10px;
    line-height:120%;
    text-align:left;
    text-transform: uppercase;
}

#navname {
	position:fixed;
	width:650px;
    height:30px;
	left:0;
	top:8px;
	z-index:999;} 

#navname2 {
    position: relative;
    display:inline-block; 
    width:170px;
    padding-right:10px;
    text-align: right;
	color:#111;
	font-size:32px;
    line-height: 100%;
	font-family: 'Squada One', cursive;
	font-style:italic;
    text-transform: uppercase;
    letter-spacing: -1px;
	display:inline-block;} 

#nsfn {position:relative; display:inline-block; text-align:center; font-size:32px; font-family: 'Rochester', cursive; font-style:italic; color:#ccc; text-transform:capitalize;}
#nsfn a { color:#ccc !important; line-height: 110%;}
#nsfn a:hover { color:#000 !important;}

#navlbr {position:relative; float:right; padding-top:4px; width:64px; text-align: left; text-transform: uppercase;}

#navlbl {position:relative; float:left; width:100px; text-align: left; text-transform: uppercase; margin:0 0 50px; 0}

.navlb {position:relative; float:left; display:inline-block; width:100px; height:8px; padding:3px; color:#ccc; margin:1px 1px 0 3px; font-size:12px; font-family:calibri;}

.navlb a {color:#ccc !important;}

.navlb a:hover {color:#fff !important;}

#triangle-topleft {
    position:fixed;
    top:69px; left:0;
	width: 0;
	height: 0;
	border-top: 120px solid #5f6b6d;
	border-right: 260px solid transparent;
    z-index: 975;
}

/***********************************
	       CHAT SIDE SHIT
************************************/

#togbut {position: fixed; bottom:20px; left:20px;}


#chatwt {position:fixed; top:185px; left:10px; padding-top:5px; width:240px; height:380px; border:0px solid red; z-index:980;}
    
.openpad {position:relative; top:-35px; left:0; padding:5px; height:1px; width:230px; background:#ddd; z-index:989;}
.chatspeech {position:relative; left:0; top:-37px; padding:5px; width:230px; color:#000; font-size:11px !important; font-family:calibri; background:#aaa; text-align: center; z-index:999;}
.chatspeech:after{ content:""; position:absolute; top:-10px; left:115px; border-width:0 10px 10px; border-style:solid; border-color:#aaa transparent; display:block; width:0;}
.chatspeech a {color:#000 !important;}
.chatspeech a:hover {color:#f1f1f1 !important;}

#chattogwrap {position:relative; top:-83px; left:180px; width:55px; height:35px; padding:2px 0 2px 0; text-align:right; z-index:999 !important;}
#chattog {position:absolute; right:0px; top:-5px; height:25px; width:25px; border-radius:25px; padding:3px; border:3px solid #eee; text-align:right; background:#ccc; z-index:998; font-size:24px;}
#chattog a {color:#000 !important;}

#mchat {position:absolute; top:10px; left:0px; color:#111; text-align:center; height:15px; width:15px; padding:4px; border-radius:15px; border:3px solid #eee; z-index:997; font-size:24px;}
#mchat a {color:#111;}
#mchat i {margin-top:-4px;}


#chatri {
	width: 0;
	height: 0;
	border-bottom: 110px solid #ddd;
	border-left: 240px solid transparent;
    position:fixed; 
    top:84px; 
    left:10px;
    z-index: 975;}

#navavw {
	position: fixed;
	top:55px;
	left:16px;
	width:88px;
	height:136px;
    background:#;
	z-index:985;}

#navav2 {
	position: fixed;
	top:60px;
	left:16px;
	width:80px;
	height:128px;
	background-color:#aaa;
    border:4px solid #5f6b6d;
	background-size:80px 128px;
	background-position:center;
	z-index:990;}

#navav2 img { max-width:80px; max-height:128px;}

#cboxdiv {position:relative; margin: 0 auto; width:225px; font-size:0; line-height:0; border-left:1px solid #999; border-right:1px solid #999; border-top:1px solid #999; z-index:990;}

#chat2 {position:relative; top:-37px; left:0; width:237px; color:#999; text-align:right; padding:5px 1px 0 2px; background:#ddd; z-index:998;}

#chat2 staff {color:#497e81; font-family:calibri; font-size:11px; text-transform: uppercase; font-weight:bold;}
#chat2 mem {color:#9c9b60; font-family:calibri; font-size:11px; text-transform: uppercase; font-weight:bold;}
#chat2 guest {color:#000; font-family:calibri; font-size:11px; text-transform: uppercase; font-weight:bold;}

#chatlegend {position: relative; left:5px; width:225px; height:15px; padding:7px 5px 0 5px; color:#727272; font-weight:bold; font-family:calibri; font-size:12px; text-align: center; background-color:#353535;}
#cblink {margin-left:5px; background-color:#353535; height:10px; width:235px; text-align:center; letter-spacing:1px;}
#cblink a {color:#ccc;}


#sbtfw { width:200px; height:390px; position:relative;}  
.sbcont {position:absolute; top:0px; right:0; width:200px; height:380px; padding:0px; background:#222;}  
.sbcontw { position:absolute; top:0px; width:200px; height:380px; left:0; z-index:6;} 
.sbcw .tabs { position:absolute; width:200px; top:0px; clear:both;}
#sbtfw .tabs { position:absolute; left:0; top:0px; clear:both; color:#111 !important;}
#sbtfw .tab { float:left;} 
#sbtfw .tab label { display:inline-block; top:-35px; left:-140px; position:relative; width:20px; height:20px; margin-right:20px; color:#111; font-size:16px; z-index:999;}

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


.dlinks { 
	background:#210b0d; 
	float:left; 
	position:relative; 
	max-height:105px;
	width:180px; 
	top:-15px;
	left:635px;
	font-family:calibri; 
	font-weight:normal; 
	text-transform: uppercase; 
	font-size:11px; 
	color:#b7b7b7; 
	text-align:justify; 
	margin:auto;
	-webkit-box-shadow: -3px 8px 3px -6px #1f1f1f; 
	-moz-box-shadow: -3px 8px 3px -6px #1f1f1f; 
	box-shadow: -3px 8px 3px -6px #1f1f1f;}

.cboxlink { color:#62272b;}

li {background:;}


#recent-alerts {
    position:absolute; 
    margin-left:253px;
    margin-top:0px;
    z-index:999 !important; 
    padding:3px;
    background-color:#5f6b6d;}

#recent-alerts .tableborder {width:400px; padding:5px 5px 2px 0;}


#recent-alerts-data .row2 {margin:0; background:#ccc; color:#333; font-size:11px; font-family:sans-serif; text-align:left; text-transform: lowercase;}

#recent-alerts-data .row2 a {margin:0; background:#ccc; color:#000; font-size:11px; font-family:sans-serif; text-align:center; text-transform: uppercase;}

/* SCROLLBARS */


::-webkit-scrollbar { width:9px; height: 5px; }
::-webkit-scrollbar-track { background-color: #eee; }
::-webkit-scrollbar-thumb { background-color: #555; }

span#recent-alerts-data::-webkit-scrollbar { width:9px; height: 5px; }
span#recent-alerts-data::-webkit-scrollbar-track { background-color: #c7c7c7; }
span#recent-alerts-data::-webkit-scrollbar-thumb { background-color: #555; }

/***********************************
	event ribbon 
************************************/

#topevent {width:700px; height:25px; border:1px solid red;}

#eventbg {position:absolute; left:302px; top:120px; width:643px; height:15px; padding:6px 0 5px 35px; background:#cc3c5f; z-index: 980; text-align:left; font-family:'Roboto', sans-serif; font-size:13px; color:#000;
  background: pink; 
  background: -webkit-linear-gradient(-90deg, #cc3c5f, #e7889f); 
  background: -o-linear-gradient(-90deg, #cc3c5f, #e7889f); 
  background: -moz-linear-gradient(-90deg, #cc3c5f, #e7889f); 
  background: linear-gradient(-90deg, #cc3c5f, #e7889f);
}

#eventbg i {color:#cc3c5f !important;}
#eventbg a {color:#000 !important;}
#eventbg c {padding:0 10px 0 10px; letter-spacing: 1px}

#toprtri3 {position:absolute; left:292px; width:0; height:0; top:120px;
    border-top: 25px solid #e7889f;
	border-left: 10px solid transparent; z-index: 979;}

#toprtri4 {position:absolute; left:965px; width:0; height:0; top:145px;
	border-top: 15px solid #cc3c5f;
	border-right: 15px solid transparent;
}

/***********************************
	board header
************************************/
.topinfo {width:950px; top:0px; left:0px; position:relative; height:150px; padding-bottom:5px; margin-bottom:30px; background-position: center top;}

#toprtri {position:absolute; left:217px; width:0; height:0; top:-30px; border-left:75px solid transparent; border-right:75px solid transparent; border-top:150px solid #555; z-index: 979;}
#topright {position:absolute; left:292px; top:-30px; width:688px; height:150px; background:#555; z-index: 980;}

#toprtri2 {position:absolute; left:965px; width:0; height:0; top:120px;
	border-top: 15px solid #333;
	border-right: 15px solid transparent;
}
#toprtric {position:absolute; left:980px; width:20px; height:30px; top:120px; background:#ccc;}



#topltri {position:absolute; left:435px; width:0; height:0; top:-150px; border-left:75px solid transparent; border-right:75px solid transparent; border-bottom:150px solid #555;}
#topleft {position:absolute; left:-13px; top:-150px; width:523px; height:150px; background-color:#555;}
#topltri2 {position:absolute; left:-13px; width:0; height: 0; top:0px; border-left:15px solid transparent; border-right:15px solid transparent; border-top:10px solid #333;}
#topltric {position:absolute; left:0px; width:25px; height:30px; top:0px; background:#9f9f9f;}


#fswel {float:left; position:relative; top:-2px; left:0px; width:250px; height:155px; margin-right:3px; overflow:hidden; color:#555; z-index: 970;}

#fswel line::before, #fswel line::after {
    position: relative;
    top:-5px;
    font-family: sans-serif;
    letter-spacing: -2px;
    content:' ------------------------------ ';
}

.newsw {padding:6px; border-bottom:1px dotted #999; background:#f1f1f1; font-family: sans-serif; color:#000; font-size:11px; text-align:justify; line-height:120%; }
    
#fsnews {position:absolute; top:45px; left:-37px; width:285px; max-height:75px; overflow:auto; margin: auto;}

#fswel li {
	color:#000;
	overflow: hidden;
	padding: 10px;
	line-height:110%;
	list-style: none;
	font-size:11px;
    font-family:tahoma;
	text-align:left;
	border-bottom:1px dotted #999;
}

#fsnews li:hover {background: #ccc;}

.fsevent {float:left; position:relative; width:350px; height:145px; margin-right:8px; border:1px solid #555; background-image:url(http://i.imgur.com/0po7DqS.png); background-color:rgba(51,51,51,0.6); text-align:justify;}
.fsevent legend {color:#5f6b6d; font-family: 'Squada One', cursive; font-size:18px; text-align:left; text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; background:transparent;}

.fsstaffe {float:left; position:relative; width:80px; height:135px; text-align:right; margin:7px 0 0 5px; border:1px solid #555; background-image:url(http://i.imgur.com/zH00FGF.gif); background-position: top right;}

.fsstaffs {float:left; position:relative; width:80px; height:135px; text-align:right; margin:7px 0 0 5px; border:1px solid #333; background-image:url(http://i.imgur.com/jlUOZkP.gif); background-position: top right;}

.fsstaffy {float:left; position:relative; width:80px; height:135px; text-align:right; margin:7px 5px 0 5px; border:1px solid #333; background-image:url(http://i.imgur.com/liZV3Us.gif); background-position: top right;}
    
.fsstaffe legend, .fsstaffs legend, .fsstaffy legend {position: relative; top:127px; left:20px; color:#5f6b6d; font-family: 'Squada One', cursive; font-size:18px; text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; text-align:left;}


.fsstaff {float:left; position:relative; width:100px !important; height:65px !important; text-align:right; margin:5px 0 0 5px; border:1px solid #444; top:0px; -webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */ filter: grayscale(80%); }
        
.eien {background-image:url(http://pile.randimg.net/1/186/109146/eien.png);background-size: 105px auto;}
.moss {background-image:url(http://pile.randimg.net/1/186/109147/moss.png); background-size: 105px auto;}
.sarah {background-image:url(http://pile.randimg.net/1/186/109144/sarah.png); background-size: 108px auto;}
.yukie { background-image:url(http://pile.randimg.net/1/186/109145/yukie.png); background-size: 105px auto;}


#linktop {position:relative; display:inline-block; float:left; left:0; top:6px; margin:0 10px 0 10px; width:200px; height:130px; padding:0 20px 10px 10px; border-right:1px solid #aaa;}
#linktop a {position:relative; display:inline-block; margin:2px; width:45%; height:15px; background:#666; color:#fff; padding:5px 2px 2px 2px; text-transform: uppercase; font-size:10px; letter-spacing:1px; font-family:calibri; text-align: center; font-weight: bold; overflow: hidden; border: none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    text-decoration: none;
}
#linktop a:hover {background-color: #555 !important; letter-spacing:2px;}

#linktop span {
    position: relative;
    z-index: 1;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
}
#linktop a:hover span {color: #fff;}
    
#linktop .btnBefore, #linktop .btnAfter {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    border: solid #e32831;
    border-width: 0;
    border-radius: 0;
    transition: 0;
    -webkit-transition: 0;
    -moz-transition: 0;
    -o-transition: 0;
    -ms-transition: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-color: #ccc;
}
#linktop a .btnBefore {
    right: 0;
    bottom: 0;
}
#linktop a .btnAfter {
    left: 0;
    top: 0;
}
#linktop a:hover .btnBefore {
    border-width: 0 0 1px 1px;
}
#linktop a:hover .btnAfter {
    border-width: 1px 1px 0 0;
}

#linktop a:hover .btnAfter, #linktop a:hover .btnBefore {
height: 100%;
width: 100%;
transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
-webkit-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
-moz-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
-o-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
-ms-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
        }

#abouttop {position:relative; display:inline-block; float:left; left:0; top:5px; width:180px !important; height:120px; padding:5px 30px 5px 5px; border-right:1px solid #aaa; text-align: center; font-size:11px; line-height: 13px; font-family: sans-serif; color:#ddd;}
#abouttop span a {padding-left:15px; color:#eee; font-family:calibri; text-transform: uppercase;}
#abouttop span a:hover {color:#bbb;}
#abouttop img {border:1px solid #333;}
#abouttop legend {position: relative; top:-8px; left:35px; color:#ddd; font-family: 'Squada One', cursive; font-size:18px; text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; text-align:left;}

.tickb {color:#fff; font-weight:bold;}

h {font-style:italic; font-weight: bold; color:#66757f;}


.newsticker {position:relative; top:-5px; left:-5px; width:200px !important; height:120px; font-family: sans-serif; font-size: 11px; line-height: 100%; overflow: hidden; margin: 0px auto; padding-left:5px; z-index:978; color:#bbb; text-align: left;}

.newsticker a { color: #bbb !important; font-family: sans-serif; font-size: 13px; line-height:110%;}
.newsticker .newstickerTick { position: absolute;}
.newsticker .newstickerTick { height:135px; overflow: hidden; width:200px; margin-left:-40px; text-align: justify; color:#bbb; }
.newstickerLine {height:65px;}




.fss1 {float:left; position:relative; width:60px; height:150px; text-align:right; margin-right:5px; border:1px solid #555;}
.fss1 legend {color:#5f6b6d; font-family: 'Squada One', cursive; font-size:18px; letter-spacing:-1px; background:#c7c7c7;}

.fss2 {float:left; position:relative; width:200px; height:68px; text-align:right; margin-right:5px; border:1px solid #555;}
.fss2 legend {color:#5f6b6d; font-family: 'Squada One', cursive; font-size:18px; letter-spacing:-1px; background:#c4c4c4;}

.fshr {float:left; position:relative; top:-16px; left:4px; width:91px; height:180px; background-image:url(http://makeshiftheart.com/FS/imgs/fsdefribbon.png);}

/***********************************
	staff header
************************************/
.sfae {color:#365f4a !important;}
.switch {color:#674c7b !important;}
.svamp {color:#894749 !important;}
.sshift {color:#4a7484 !important;}
.shuman {color:#736c67 !important;} 
    
.shc {
    position:relative;
    top:55px;
    height:195px; 
    font-family:calibri;
    text-align:center;
    text-transform:uppercase; 
    line-height:120%;
    font-size:11px;}

.shc a{ font-weight:bold; text-shadow:1px 1px #111;}
.shc a:hover {font-style:italic;}
    
.staffinfo {
    position: absolute;
    width:140px;
    height:40px;
    top:130px;
    left:0px;
    color:#888;
    text-align:center;
    padding:5px 0 5px 0;
    font-family:calibri;
    text-transform:uppercase; 
    font-size:10px;
    background:#111;}
    
.staffinfo b {color:#952c22; text-decoration: underline; letter-spacing:1px; font-size:11px;}
    
.staffinfo a {font-family:'Oswald', sans-serif; font-size:16px; line-height:16px; color:#ccc; text-decoration: none; font-style: italic;}
    
.staff {
	position:relative;
    display:inline-block;
    top:0;
	Width:116px;
    padding:10px;
	margin-right:10px;
	background:#222;  
	moz-border-radius:100px 100px 5px 5px;
	box-shadow:1px 1px 2px #111; 
	border-radius:100px 100px 5px 5px;
	overflow:hidden;
    font-family:calibri; 
    font-size:11px; 
    text-transform:uppercase; 
    color:#000; 
	font-size:13px;}
    
.simg {
	position:relative;
    width: 114px;
    height: 114px;
    margin:0;
    border-radius:100px;
	border:1px solid #111;}


  .ui-tooltip {
    background-color:rgba(241,241,241,0.95);
    padding:6px !important;
    color: #555;
    border-radius:0px;
    font-size:11px !important;
    font-family: calibri !important;
    font-weight:bold;
    text-transform: uppercase;
    border:1px solid #999;
    box-shadow:0 0 0 !important;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
  }
#open-event {
    position: absolute;
    top:0; left:0;
}

/***********************************************************************
		 User Links Menu (Messages / View new posts / etc )
************************************************************************/
#navscroll { position: fixed; width:1289px; height:40px; z-index:989; background-color:#555;}
#navscrollfoot { position:fixed; top:39px; width:1275px; height:30px; z-index:999 !important; background-color:#5f6b6d; z-index:988 !important;}

#navscrollftri {position: fixed; top:39px; left:1260px; width: 0; height: 0; border-left:15px solid transparent; border-right:15px solid transparent; border-top:30px solid #5f6b6d;}

#navscrolltri {position: fixed; top:0; left:1269px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 40px solid #555;}

#sitetitle {position: absolute; top:74px; left:1026px; width:257px; height:160px; font-family:'Fjalla One', sans-serif; font-size:100px; color:#5f6b6d; line-height: 80%; text-transform: uppercase; z-index:2; }
#stn {letter-spacing: -5px;}
#ste {position: absolute; top:44px; right:44px; font-family:'Fjalla One', sans-serif; font-size:196px; color:#555; font-style: italic; z-index:3;}

#idx #navstrip {display: none}

#navstrip  { 
	position: fixed; 
	top:50px;
	left:630px;
	margin:auto; 
	color:#111;
	margin-bottom:20px;
	width:630px; 
	height:15px;  
	text-align:right; 
	padding:0 5px 0 5px;
    z-index:999;
}

#navstrip a  {color:#000;}


#navstrip a {font-size:11px; text-transform:uppercase; font-family:'Oswald', sans-serif !important;}

#navclip {
	position:relative; 
	width:370px;
	height:30px;
	left:150px; 
	top:0px; 
	text-align:left; 
	color: #111;
	font-family: 'Oswald', sans-serif !important;  
	font-size: 10px; 
	text-transform: uppercase;
	z-index:991;}

#navclip2 {
	position:relative; 
	left:985px;
	width:20px; 
	top:-26px; 
	text-align:left; 
	color: #111;
	font-family: 'Oswald', sans-serif !important;  
	font-size: 10px; 
	text-transform: uppercase;
	z-index:991;}

#navclip3 {
	position:relative; 
	left:1070px;
	width:230px; 
	top:16px; 
	text-align:left; 
	color: #111; 
	font-size: 10px; 
	z-index:991;}

#navclip3 a {color:#000;}
#navclip3 a:hover {color:#fff !important;}
#navclip3 i {position:relative; padding-right:5px;}


#navclip a, #navclip2 a {color:#111 !important;}
blink {color:#fff;}
#navclip a:hover, #navclip2 a:hover {color:#fff !important;}

#navclip2 i {
	position:relative; 
	padding-right:8px;}


.navcon { width:50px;}
.navcon button {color:#000; background:none; border:none;}

#navg {padding-top:3px; word-spacing:2px;}

#navg a {color:#ccc !important;}
#navg a:hover {color:#fff !important;}
#navm {position:relative; height:26px; padding-top:4px; left:115px; }

#pichart g {font-size:10px; display:none;}

#userlinks {display:none;}

.mcp-0, .acp-0, .m-2 { display:none; } 
.g-2 { display:block !important; }
	
#navclip a:link, #navclip a:visited, #navclip a:active {
	color: black; 
	text-decoration: none; }
	
#navclip a:hover {;   
	color: white; 
	text-decoration: none; }

#subaccounts_menu .forminput {
	position:relative;
	top:0px;
	height:25px;
	background: #5f6b6d; border:0px;
	color: #111;
	font-family: calibri, sans-serif !important;
	outline: none; box-shadow:none;  
	font-size: 11px; 
	font-weight:bold;
	text-align: left;
	text-transform: uppercase;}

option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 5px;
    padding: 0px 2px 1px;
}

:focus {
  outline-color: transparent;
  outline-style: none;
}

#navav {
	position: fixed;
	top:15px;
	left:15px;
	width:110px;
	height:110px;
	background-color:#555;
	border:6px solid #5f6b6d;
	background-image:url(http://makeshiftheart.com/FS/imgs/sbgdefault.gif);
	background-size:122px auto;
	border-radius:60px;
	background-position:center;
	z-index:999;}

#navav img { max-width:110px; max-height:110px; border-radius:60px;}


#navbar {position:relative; top:23px; left:665px; height:20px; width:600px; border:1px solid red;}
#my-friends {display:none;}
#view-new-posts {display:none;}
#modcp-link {display:none;}

.overlay {
    background-color: rgba(85,85,85,0.8);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 998;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;}

.overlay:target {visibility: visible; opacity: 1;}

.popup {
    background-color:#eee;
    border:1px solid #999;
    outline-color:#ddd; outline-width:8px; outline-style: solid;
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 10%;
    visibility: hidden;
    z-index: 999;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;}


.popup cw {
    font-size:12px;
    line-height: 120%;
    font-family: sans-serif;
    text-transform: none;
}

.overlay:target+.popup {
    top: 50%;
    opacity: 1;
    visibility: visible;}

.popup p, .popup div {margin-bottom: 10px;}
.popup label {
    display: inline-block;
    text-align: left;
    width: 120px;}

 .collapse{
  display: block;
  color: #000;
  width:50px;
}
.collapse + input{
  display: none; /* hide the checkboxes */
}
.collapse + input + div{
  display:none;
}
.collapse + input + div i{
  margin-bottom:5px;
  background-color:rgba(58,58,58,0.1);
    width:12px;
    padding:2px 8px 2px 4px;
    border-radius: 3px;
    border:1px solid rgba(58,58,58,0.8);
    text-align: center;
}
.collapse + input + div i:hover {
  background-color:rgba(58,58,58,0.8);
    color:#ddd;
    border:1px solid rgba(58,58,58,0.8);
}
.collapse + input:checked + div{
  display:block;
    position: relative;
    top:3px;
    left:-9px;
    background-color:rgba(95,107,109,0.9);
    text-align: center;
  width:22px;
    padding:7px 8px 0 4px;
    border-radius: 0 0 5px 5px;
}

#fade-background {
	position: fixed;
	_position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	z-index: 2;
}
#message-window {
	position: fixed;
	top: 64px;
	left: 50%;
	width: 860px;
	background-color: #F9F9F9;
	margin: 0 0 0 -430px;
	z-index: 3;
}
