@font-face
{
    font-family: "Lemonmilk";    
    src: url('http://surfacelies.b1.jcink.com/uploads/surfacelies/LemonMilk.ttf');    
    font-weight: normal;    
    font-style: normal;
} 
@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro');
.ui-tooltip {
    background-color:rgba(68,68,68,0.95);
    padding:5px 8px 5px 8px !important;
    color: #bbb;
    border-radius:0px;
    font-size:11px !important;
    font-family: calibri !important;
    font-weight:bold;
    text-transform: uppercase;
    border:1px solid #000;
    box-shadow:0 0 0 !important;
	position: absolute;
	z-index: 9999;
  }

#wrapper{
	position:relative;
	text-align:left;
    width:950px;
    top:100px;
}
#innerwrapper { 
    width:920px;
    padding:5px;
}
b {
    font-weight: bold;
    color:#5f9abb;
}
.tablepad {
    background:#333;
    color:#999;
}
.tablepad textarea {
    width:850px;
    height:200px;
    background:#bbb;
    font-size: 15px;
    font-family: sans-serif;
    color:#000;
}
.back-to-top { 
    position:fixed; 
    width:20px; 
    height:20px; 
    padding:5px 10px 10px 10px;
    background:#5f9abb; 
    bottom:10px; 
    left:200px; 
    border-radius: 10px;
    text-decoration:none; 
    opacity:1; 
    color:#222 !important; 
    font-size: 20px;
    text-align:center; 
    display:none; 
    z-index:999; 
}
.postinner b {
    color:#5f9abb !important;
}
#copyright2 {
    position: relative;
    top: 6px;
    left: -15px;
    width: 940px;
    background: #282828;
    border-bottom: 1px solid rgba(95,154,187,0.5);
    border-top: 1px solid rgba(95,154,187,0.5);
    font-size: 12px;
    text-align: center;
    text-transform: lowercase;
    padding: 20px 5px 20px 5px;
    font-weight: bold;
    font-family: 'lemonmilk', serif;
    font-style: italic;
    color: #ccc;
    letter-spacing: 1px;
}
.mcp-0, .acp-0 { display: none; }
.g-2 { display: block !important; }
/*******************************
 Pagination e.g. [1],2,3 ...
*******************************/

.pagination .pagination_current, .pagination a {
     padding: 5px 10px;
    background-color: rgba(95,154,187,0.7);
    color:#000;
}
.pagination a:link, .pagination a:visited, .pagination a:active {
    background-color: rgba(95,154,187,0.5);
    padding: 5px 10px;
    text-decoration:none;
}
.pagination a:hover {
	text-decoration: none;
    color:#000;
}
.pagination .pagination_current, .pagination .pagination_current b, .goto-firstunread a {
     border-radius:3px;
    color:#000;
}
.pagination_first, .pagination_last, .pagination_page {
     
}
.pagination_pagetxt {
    display:none;
    
}

/***********************************
	   top user bar
************************************/
#userbar {
    position: fixed;
    height:50px;
    width:100%;
    background:#1c1c1c;
    padding:0;
    top:0;
    z-index: 99;
}
#usernav {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:205px;
    height:50px;
}
#UCP {
    position: relative;
    display:inline-block;
    height:15px;
    width:163px;
    padding:15px 0 5px 5px;
    text-align: center;
    vertical-align: top;
}
#UCP i {
    margin:0 3px;
}
.UCP2 {
    float: left;
    height:20px;
    width:33px;
    text-align: center;
    margin:0 !important;
}
.UCP-dot {
    position: absolute;
    height:15px;
    width:15px;
    background: #5f9abb;
    border-radius: 15px;
    text-align: center;
    margin:-12px 0 0 15px;
    padding:2px 0 0 0;
    font-weight: bold;
    color: #000 !important; 
    font-size: 12px !important; 
    text-decoration: none;    
}
#usernav a {
    float: left;
    color: #FFF; 
    font-size: 18px;
    margin:0 0 0 5px;
    text-decoration: none; 
}
#navava {
    position: relative;
    display: inline-block;
	width:80px;
	height:128px;
    margin-top: 5px;
    background:#262626;
    border:1px solid #5f9abb;
}
#navava img { 
    max-width:80px; max-height:128px;
}
#UCP-who {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: calibri, sans-serif;
    text-transform: uppercase;
    left:5px;
    top:8px;
    color:#ddd;
    font-size: 12px;
    line-height: 120%;
    
}
#UCP-who a {
    font-weight: normal;
   color: #FFF;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 28px;
   text-align: left;
   line-height: 100%;
   font-family: 'Lemonmilk', sans-serif;
}
.UCP-R {
    float: right;
    height:40px;
    width:50px;
    padding:10px 5px 0 5px;
    text-align: center;
    color:#5f9abb;
    font-size: 12px;
    font-family: 'calibri', sans-serif;
    border-left:1px solid #2e2e2e;
    transition:all 1s ease;
}
.UCP-R i{
    font-size: 24px;
}
.UCP-R:hover {
    color:#000;
    background:#5f9abb;
}

/***********************************
	   nav bar
************************************/
#navbar {
    height:18px;
    width:100%;
    background:#2e2e2e;
    padding:0;
    position: fixed;
    top:50px;
    z-index: 98;
}
#navstaff {
    position: relative;
    display: inline-block;
    left:180px;
    font-size: 16px;
}
#sideslide {
    position: absolute;
    width:250px;
    height:100%;
    top:150px;
    left:0px;
    background:red;
    z-index: 999;
    
}
#subaccounts_menu select {
    position: relative;
    top: -1px;
    left:40px;
    height: 18px;
    background: #2e2e2e;
    border: 0px;
    color: #ddd;
    margin:0; padding:0;
    font-family: calibri, sans-serif !important;
    outline: none;
    box-shadow: none;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
}
#navi {
    position: relative;
    display: inline-block;
    float: right;
    right:20px;
    top:2px;
    color:#aaa;
}
#navi a {
    color:#ddd;
   font-family: 'Lemonmilk', sans-serif;
    font-size: 10px;
    font-weight: normal;
}

/***********************************
	   top board shit
************************************/
#htop {
    position: relative;
    height:15px;
    width:800px;
    margin:15px 0 0 15px;
    border-right:120px solid #5f9abb;
    border-bottom:1px solid #5f9abb;
    background:#000;
    
}
#header {
    position: relative;
    padding:0 0 0 15px;
}
#stafft1 {
    position: absolute;
    height:15px;
    top:10px; left:65px;
    font-size: 12px;
    padding:8px 5px 8px 15px;
    color:#5f9abb;
    text-align: center;
    background: #5f9abb; 
    transition:all 1s ease;
    font-family: 'lemonmilk', sans-serif;
    font-size: 16px;
    font-style: italic;
    text-align: right;
    background: transparent; /* Old browsers */
    background: linear-gradient(to right, transparent 50%, black 50%);
    background-size: 200% 100%;
    background-position:left bottom;
    border-radius: 5px 0 0 5px;
}
#stafft1:hover {
    background-position:right bottom;
}
.staff1 {
    position: relative;
    float: right;
    height:40px;
    width:40px;
    left:8px; top:-15px;
    border-radius: 40px;
    background-image: url(http://i.imgur.com/OSy5alv.png);
    background-position: center;
    background-size: 47px auto;
    padding:2px;
    border:2px solid #5f9abb;
}

#stafft2 {
    position: absolute;
    height:15px;
    top:57px; left:10px;
    font-size: 12px;
    padding:8px 5px 8px 15px;
    color:#5f9abb;
    text-align: center;
    background: #5f9abb; 
    transition:all 1s ease;
    font-family: 'lemonmilk', sans-serif;
    font-size: 16px;
    font-style: italic;
    text-align: right;
    background: transparent; /* Old browsers */
    background: linear-gradient(to right, transparent 50%, black 50%);
    background-size: 200% 100%;
    background-position:left bottom;
    border-radius: 5px 0 0 5px;
}
#stafft2:hover {
    background-position:right bottom;
}
.staff2 {
    position: relative;
    float: right;
    height:40px;
    width:40px;
    top:-15px; left:8px;
    border-radius: 40px;
    background-image:url(http://i.imgur.com/7Bw1ubP.gif);
    background-position: center;
    background-size: 45px auto;
    padding:2px;
    border:2px solid #5f9abb;
}

#stafft3 {
    position: absolute;
    height:15px;
    top:100px; left:30px;
    padding:8px 15px 8px 0;
    color:#000;
    transition:all 1s ease;
    font-family: 'lemonmilk', sans-serif;
    font-size: 16px;
    font-style: italic;
    text-align: right;
    background: transparent; /* Old browsers */
    background: linear-gradient(to right, #5f9abb 50%, transparent 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    border-radius:0 5px 5px 0;
}
#stafft3:hover {
    color:##5f9abb;
    background-position:left bottom;
}
.staff3 {
    float: left;
    position: relative;
    height:40px;
    width:40px;
    top:-15px; left:-5px;
    border-radius: 40px;
    background-image:url(http://i.imgur.com/IP5Wgaj.png);
    background-position: center;
    background-size: 47px auto;
    padding:2px;
    border:2px solid #5f9abb;
}

#topbar-w {
    position: relative;
    width:920px;
    height:150px;
    background-image:url('http://i.imgur.com/mCXLwPN.png');
    margin:0 0 15px 15px;
    border-top:1px solid #5f9abb;
}
#topbar-l {
    position: relative;
    display: inline-block;
    border-top: 150px solid #5f9abb;
    border-right: 150px solid transparent;
    margin:-1px 35px 0 0;
    padding:0 0 0 25px;
}
.top-box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    top:8px;
    width:215px;
    height:125px;
    background:#666;
    border:5px solid #444;
}
.topnews {
    width:200px;
    height:80px;
    padding:5px;
    margin: 2px 0 2px 0;
    font-family: arial, sans-serif;
    font-size: 11px;
    color:#ddd;
    text-align: justify;
    overflow: auto;
}
#toptitle {
    height:20px;
    padding:8px 5px 2px 5px;
    font-family: 'Lemonmilk', sans-serif;
    font-size: 14px;
    color:#000;
    text-align: left;
    background:#5f9abb;
}
#toptitler {
    height:20px;
    padding:8px 5px 2px 5px;
    font-family: 'Lemonmilk', sans-serif;
    font-size: 14px;
    color:#000;
    background:#5f9abb;
    text-align: right;
}
.news {
    font-size: 12px; 
    font-style: italic; 
    font-weight: bold;
    color:#000;
}
#top-navbox {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:220px;
    height:120px;
    margin:10px 8px 0 10px;
    
}
.tn-box {
    position: relative;
    display: inline-block;
    width:85px;
    font-size: 12px;
    padding:8px 5px 8px 5px;
    margin:0 5px 0 5px;
    color:#ddd;
    text-align: center;
    background: transparent; /* Old browsers */
    background: linear-gradient(to right, #5f9abb 50%, transparent 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    transition:all 1s ease;
}
.tn-box i {
    font-size: 16px;
    margin-right:5px;
}
.tn-box:hover {
    background-position:left bottom;
    color:#000;
}
#cbox-m {
    position: relative;
    top:15px; left:-5px;
    width:95px;
    padding:5px 2px 2px 2px;
    color:#111;
    text-align: left;
    font-size: 12px;
    font-family: 'calibri', sans-serif;
    text-transform: uppercase;
    background:#5f9abb;
    border-radius:3px 3px 0 0;
}
#cbox-m i { font-size: 16px; }
#cbox {
    position: relative;
    width: 200px; 
    height: 350px; 
    top:16px; left:-5px;
    padding:5px 30px 5px 20px; 
    text-align: justify;  
    font-family: arial, sans-serif; 
    color: #000; 
    font-size: 10px; 
    text-decoration: none; 
    line-height: 100%; 
    font-weight: lighter; 
    background-color:rgba(46,46,46,0.5);
}
.cboxbar-r {
    position: relative;
    left:-5px;
    top:15px;
    width:199px;
    height:18px;
    background:#2e2e2e;
    border-right:50px solid #5f9abb;
    border-top:1px solid #5f9abb;
    color:#ddd;
    padding:5px 0 3px 0;
    font-size: 12px;
    font-family: 'calibri',sans-serif;
}
.cboxbar-l {
    position: relative;
    left:-5px;
    top:15px;
    width:149px;
    height:10px;
    background:#2e2e2e;
    border-left:99px solid #5f9abb;
    border-bottom:1px solid #5f9abb;
    color:#ddd;
    font-size: 11px;
    font-family: 'calibri',sans-serif;
}
#sl-sbquick {
    position: relative;
    vertical-align: top;
    width:190px;
    font-family: 'lemonmilk',sans-serif;
    font-size: 12px;
    color:#5f9abb;
    text-align: center;
}
#sl-sbquick input[type=text] {
    width:150px;
    margin:2px;
    background:#222;
    border:1px solid #666;
    padding:4px;
    border-radius: 0;
    color:#ccc;
}
#sl-sbquick input[type=password] {
    width:93px;
    margin:2px;
    background:#222;
    border:1px solid #666;
    padding:4px;
    border-radius: 0;
    color:#ccc;
}
#sl-sbquick input[type=submit] {
    width:50px;
    background:#222;
    border:1px solid #666;
    padding:4px;
    border-radius: 0;
    color:#ccc;
}

/***********************************
	   push menu
************************************/
#menu-switch{
  display:none;
}
#menu {
    position: fixed;
    top: 60px;
    left: -250px;

    width: 250px;
    height: 100%;
    padding: 20px 5px 0 5px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-transition: all .5s ease-in;
       -moz-transition: all .5s ease-in;
         -o-transition: all .5s ease-in;
            transition: all .5s ease-in;
    text-align: center;

    background-color:rgba(28,28,28,1);
    border-right:1px solid #000;
}
#menu-switch:checked ~ #menu {
    left: 0;
}
/* MAIN PAGE */
.page-wrap {
   
    padding-left: 80px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-transition: all .5s ease-in;
       -moz-transition: all .5s ease-in;
         -o-transition: all .5s ease-in;
            transition: all .5s ease-in;
}
#menu-switch:checked ~ .page-wrap {
    margin-left: 220px;
}

/* MENU TOGGLE ICON */
#menu-toggle:focus {
    outline: none;
}
#menu-toggle {
    display:inline-block;
    position: relative;
    
    float:left;
    height:33px;
    width:35px;
    padding:15px 0 0 0;
    text-align: center;
    background:#5f9abb;
    color:#111;
    
    cursor: pointer;
      -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}

/* CONTENT CONTAINER */
.container {
    max-width: 1000px;
    margin: 0 auto;
}

/***********************************
	   main board
************************************/
.tableborder {
    margin:0 0 30px 0;
    border-bottom:8px solid #5f9abb;
}
.maintitle {
    min-height:50px;
    padding:10px;
    background-color:rgba(95,154,187,0.5);
    text-align: center;
    font-family: 'arial', sans-serif;
    font-size: 16px;
    color:#ccc;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.maintitle a {
    color:#5f9abb !important;
    float: right;
    font-family: 'Lemonmilk', sans-serif;
    font-size: 28px;
    color:#5f9abb;
    font-style: italic;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.maintitle a:hover {
    color:#555;
    text-decoration: none;
}
.maintitle img { display:none; }
.topic-title {
    font-family: 'Lemonmilk', sans-serif;
    font-size: 24px;
    color:#5f9abb;
    font-style: italic;
    display: block;
}
.bstats-text {
    float:right;
    font-family: 'Lemonmilk', sans-serif;
    font-size: 28px;
    color:#5f9abb;
}
.maintitle-affs {
    width:884px;
    min-height:50px;
    padding:10px;
    background-color:rgba(95,154,187,0.5);
    text-align:right;
    font-family: 'Lemonmilk', sans-serif;
    font-size: 28px;
    color:#5f9abb;
}

.tablepad select {
    width:250px !important;
}
.tablepad .desc {color:#ccc;}

.sl-container {
    position: relative;
    left:3px;
    padding:15px 0 15px 0;
    background-color:#121212;   
    }
.sl-trir {
    position: absolute;
    right:0; top:0;
    display: inline-block;
    border-bottom: 160px solid #121212;
    border-left: 150px solid transparent;
    z-index: 4;
}
.sl-skewbord {
    position: absolute;
    top:0; right:75px;
    width:50px;
    height:159px;
    background:;
    border-right: 8px solid #5f9abb;
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -o-transform: skew(-35deg);
        z-index: 5;
    }
.sl-mfcont  {
    position: relative;
    height:160px;
    background-image:url(http://i.imgur.com/mCXLwPN.png);
    border-left:5px solid #395667;
    z-index: 1;
    }
.sl-ft {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:705px;
    left:-17px;
    padding:5px 0 5px 130px;
    background:#444;
    text-align: left;
        }
.sl-ft a {
    font-family: 'Lemonmilk', sans-serif;
    color:#5f9abb;
    font-size: 24px;
    font-style: italic;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
        }
.sl-ft a:hover {
    color:#999;
        }
.sl-ftskew {
    position: relative;
    display: inline-block;
    width:30px;
    height:34px;
    left:-34px;
    background:#444;
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -o-transform: skew(-35deg);
    }
.sl-inximg {
    position: relative;
    display: inline-block;
    height:100px;
    width:100px;
    background:#555;
    margin:-25px 0 0 10px;
    border:5px solid #666;
    background-image: url(http://files.jcink.net/uploads/surfacelies/Icons/Icon_000_default.jpg);
    }
.sl-descrip {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin:8px 0 0 13px;
    width:350px;
    height:65px;
    padding:5px;
    border:1px solid #555;
    background-color:rgba(85,85,85,0.5);
    overflow: auto;
    font-size: 12px;
    line-height: 120%;
    font-family: 'arial',sans-serif;
    color:#ddd;
    text-align: justify;
    }
.sl-subs {
    position: relative;
    display: inline-block;
    vertical-align: top;
    left:5px; top:2px;
    width:250px;
    height:88px;
    overflow: auto;
    }
.sl-subs a {
    min-width: 55px;
    margin:3px;
    position: relative;
    display: inline-block;
    background:#4a4a4a;
    border-radius: 5px;
    padding:5px;
    font-size:12px;
    font-family: 'calibri',sans-serif;
    color:#ccc;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.sl-subs a:hover {
    background:#5f9abb;
    color:#000 !important;
}
.sl-tc {
    position: absolute;
    top:20px; right:-140px;
    width:90px;
    padding:7px;
    background:#292929;
    overflow: auto;
    font-size: 12px;
    font-weight: bold;
    font-family: 'arial',sans-serif;
    color:#bbb;
    border-radius: 5px;
    text-align: center;
    z-index: 6;
    }
.sl-rc {
    position: absolute;
    top:55px; right:-115px;
    width:90px;
    padding:7px;
    background:#292929;
    overflow: auto;
    font-size: 12px;
    font-weight: bold;
    font-family: 'arial',sans-serif;
    color:#bbb;
    border-radius: 5px;
    text-align: center;
    z-index: 6;
    }
.sl-lpd {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:160px;
    height:13px;
    padding:8px;
    background:#333;
    font-family: sans-serif;
    color:#ddd;
    font-size: 12px;
    text-align: center;
        }
.sl-lpdskew {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:30px;
    height:29px;
    left:-20px;
    background:#333;
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -o-transform: skew(-35deg);
    }
.sl-lpt {
    position: relative;
    display: inline-block;
    vertical-align: top;
    left:-20px;
    width:260px;
    height:13px;
    padding:8px;
    background:#333;
    text-align: center;
        }
.sl-lpt a {
    font-family: 'Lemonmilk',sans-serif;
    font-size: 12px;
    color:#bbb;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
        }
.sl-subs a:hover {
    color:#aaa;
}
.sl-lptskew {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:30px;
    height:29px;
    background:#333;
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -o-transform: skew(-35deg);
    }
.sl-lptskew2 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:30px;
    height:29px;
    left:-37px;
    background:#333;
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -o-transform: skew(-35deg);
    }
.sl-lpa {
    position: relative;
    display: inline-block;
    vertical-align: top;
    left:-30px;
    width:185px;
    height:13px;
    padding:8px;
    background:#333;
    color:#888;
    font-family: 'Lemonmilk',sans-serif;
    font-size: 12px;
    text-align: center;
        }
.sl-lpaskew {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:30px;
    height:29px;
    left:-15px;
    background:#333;
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -o-transform: skew(-35deg);
    }
.sl-lpaskew2 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:30px;
    height:29px;
    left:-45px;
    background:#333;
    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -o-transform: skew(-35deg);
}
.sl-idxmw {
    position: absolute;
    height:100px;
    left:0;
    z-index: 7;
    }
.sl-inxbw {
    position: absolute;
    height:29px;
    bottom:0;
    left:0;
    }

/***********************************
	       stats & AFF
************************************/
.sl-statsw {
    position: relative;
    width:900px;
    padding:10px 0 0 0;
    background-color:#121212;  
    background-image: url(http://i.imgur.com/mCXLwPN.png);
    }
.sl-stnewm {
    padding:10px 5px 5px 15px;
    margin:10px 0 10px 0;
    color:#5f9abb;
    background-color:#395667;
    text-align: left;
    border:1px solid #000;
    font-family: 'Lemonmilk', sans-serif;
    font-size: 24px;
    font-style: italic;
    }
.sl-stolw {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:300px;
    }
.sl-stolt {
    width:290px;
    padding:0 5px 0 5px;
    border-bottom:1px solid #5f9abb;
    color:#5f9abb;
    font-family: 'Lemonmilk', sans-serif;
    font-size: 16px;
    text-align: left;
    }
.sl-stolt span {
    color:#ccc;
    font-family:sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    text-align: left;
    }
.sl-stoltr {
    width:290px;
    padding:0 5px 0 5px;
    border-top:1px solid #5f9abb;
    color:#5f9abb;
    font-family: 'Lemonmilk', sans-serif;
    font-size: 16px;
    text-align: right;
    }
.sl-stol {
    width:280px;
    height:90px;
    padding:10px;
    border: 1px solid #555;
    background-color: rgba(85,85,85,0.5);
    font-family: sans-serif;
    text-align: justify;
    overflow: auto;
    }
.sl-stol div {
    position: relative;
    vertical-align: bottom;
    font-family: sans-serif;
    text-align: justify;
    font-size: 11px;
    }
.sl-stbubw {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width:25px;
    padding: 0 2px 3px 0;
    right:3px;
    }
.sl-stbubw2 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:25px;
    padding: 0 2px 0 0;
    left:7px;
    }
.sl-stbub {
    position: relative;
    display: inline-block;
    height:15px;
    width:15px;
    padding:5px 4px 4px 4px;
    margin:2px 5px 2px 0;
    background-color:rgba(95,154,187,0.5);
    color:#5f9abb;
    font-size: 16px;
    border:1px solid #5f9abb;
    }
.sl-stbarsw {
    position: relative;
    display: inline-block;
    width:170px;
    margin:5px 7px 5px 17px;
    }
.sl-stbarl {
    position: relative;
    display: inline-block;
    width:17px; height:17px;
    padding:6px;
    background-color:rgba(95,154,187,0.5);
    color:#5f9abb;
    font-size: 16px;
    border:1px solid #5f9abb;
    }
.sl-stbarr {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:130px; height:18px;
    padding:7px 2px 5px 2px; margin-top:1px;
    background-color:#444;
    color:#ccc;
    font-family: 'calibri', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    }
.sl-stbarr2 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:130px; height:18px;
    padding:7px 2px 5px 2px; margin-top:1px;
    background-color:#444;
    color:#ccc;
    font-family: 'calibri', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    }

#sl-affsw {
    background-color: #121212;
    padding: 8px;
    width:900px;
    margin-top:20px;
}
#sl-affsw img {
        border: 1px dotted #666; 
        padding: 2px; 
        margin-bottom: 3px;
    }
#sl-affsrec {
    position: relative;
    display: inline-block;
    width:280px;
    padding:10px;
    }
#sl-affsstatic {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:590px;
    }
#sl-affsstatic img {
    width: 88px;
    height: 31px;
    }
#sl-affsscroll {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:475px;
    }

/***********************************
	       Inner board
************************************/
.topic-title-row {
    background:#777; 
    padding:8px 5px 8px 5px;
    border-right:20px solid #5f9abb;
    text-transform: capitalize; 
    font-family: 'Lemonmilk', sans-serif;
    font-size: 18px;
    color: #000; 
    text-align:right; 
}
.darkrow2 {
    background:#777;
}
.row2 {
    background:#777;    
}
.tablebasic a {
    font-family: 'lemonmilk',sans-serif;
    font-size: 11px;
}
.tablebasic .row4, .tablebasic .row2 {
    background:#333;
    color:#777 !important;
}
.tablebasic .desc {
    color:#888;
}
tbody .row3, tbody .row2, tbody .row3 .desc {
    background: #444;
    color:#999;
}
tbody .row3 a, tbody .row2 a {
    font-family: 'lemonmilk',sans-serif;
    font-size: 12px;
    color:#8caec2;
}
.row4, .row2 {
    background:#444;
    color:#ccc;
}

.wrapmini {
    color:#888;
}
.codebuttons, .radiobutton, .checkbox, input[type="submit" i], input[type="button" i] {
	background: #666;
    border: 1px solid #545454;
    border-radius: 3px;
    color: #FFFFFF;
    font-family: arial,sans-serif;
    font-weight: bold;
    margin: 3px 5px;
    padding: 6px;
    text-decoration: none;
    outline: none;
    box-shadow: none; 
}
td textarea {
    position: relative;
    width:575px;
    height:420px;
    padding:10px;
    font-size: 12px;
    font-family: sans-serif;
    line-height: 140%;
    background:#ccc;
    margin:15px;
    border:5px solid #666;
}

.sl-topicw {
    position: relative;
    height:80px;
    background:#444; 
    border-bottom:2px solid #555;
    border-top:2px solid #555;
    border-right:10px solid #555;
    background-image: url(http://i.imgur.com/mCXLwPN.png);
    
    }
.sl-topictril {
    position: absolute;
    left:0; top:0;
    width:350px;
    border-left:80px solid #555;
    border-bottom: 80px solid #333;
    border-right: 80px solid transparent; 
    }
.sl-topictrir {
    position: absolute;
    right:0;
    width:200px;
    border-top: 80px solid #333;
    border-left: 80px solid transparent;
    }
    
.sl-topictitw {
    position: relative;
    display: inline-block;
    height:80px;
    width:450px;
    }
.sl-topictitle {
    position: relative;
    display: inline-block;
    height:30px; width:440px;
    padding-top:10px;
    border-bottom: 1px solid #888;
    font-family: 'Lemonmilk', sans-serif;
    color:#ddd;
    font-size: 16px;
    text-align: left;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    }
.sl-topictitle a {
    color:#bbb !important;
    }
.sl-topictitle a:hover {
    color:#999 !important;
    }
.sl-topicicon {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    color:#5f9abb;
    font-size: 16px;
    }
.sl-topicdesc {
    position: relative;
    display: inline-block;
    width:240px;
    padding:5px;
    text-align: right;
    padding:5px;
    font-family: 'arial', sans-serif;
    color:#aaa;
    font-size: 12px;
    }
.sl-topicauth {
    position: relative;
    display: inline-block;
    width:150px;
    text-align: left;
    padding:5px;
    font-family: 'Lemonmilk', sans-serif;
    color:#aaa;
    font-size: 12px;
    }
    
.sl-topicbubs {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:195px; height:80px;
    }
.sl-topicrep {
    position: relative;
    display: inline-block;
    vertical-align: top;
    left:10px;
    width:40px; height:40px; 
    padding:10px;
    margin:10px 5px 0 0;
    border-radius: 40px;
    background-color: rgba(85,85,85,0.5);
    font-size: 12px;
    font-weight: bold;
    font-family: 'arial',sans-serif;
    color:#bbb;
    border:1px solid #555;
    text-align: center;
    }
.sl-topicview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    left:10px;
    width:40px; height:40px; 
    padding:10px;
    margin:10px 5px 0 0;
    border-radius: 40px;
    background-color: rgba(85,85,85,0.5);
    overflow: auto;
    font-size: 12px;
    font-weight: bold;
    font-family: 'arial',sans-serif;
    color:#bbb;
    border:1px solid #555;
    text-align: center;
    }
    
.sl-topiclrw {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height:60px;
    width:220px;
    padding:10px;
    }
.sl-topiclrd {
    position: relative;
    display: inline-block;
    width:220px;
    padding:5px;
    text-align: left;
    padding:5px;
    font-family: 'arial', sans-serif;
    color:#aaa;
    font-size: 12px;
    }
.sl-topiclra {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:220px;
    text-align: right;
    padding:3px;
    font-family: 'Lemonmilk', sans-serif;
    color:#ddd;
    font-size: 12px;
    font-style: italic;
    border-top: 1px solid #888;
    }

.pformright textarea {
    min-height:50px;
    width: 99%;
    height: 90%;
    background:#ccc;
    color:#111;
    font-family: sans-serif;
    font-size: 15px;
}
.pformleft, .pformright  {
    background: #484848;
    color:#999;
}
.pformstrip {
    background:#222;
    color:#ccc;
}
.pformright .forminput, select, input[type="text" i] {
    background: #ccc;
    border: 1px solid #545454;
    border-radius: 3px;
    color: #111;
    font-size: 15px;
    font-weight: normal;
    margin: 3px 5px;
    padding: 5px;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

.post1 { 
	background-color: #484848; 
}
.post2 { 
	background-color: #333; 
    color:#888;
}
.tableborder .row1 {
    background:#333;
    color:#999;
    border:0;
}
#ucpmenu, .dlight {
    background:#333;
    color:#888;
    padding:10px 5px;
}
.dlight a {
    font-weight: bold;
    font-size: 12px;
    font-family: 'lemonmilk',sans-serif;
}
#ucpmenu .pformstrip, .titlemedium {
    background: #222;
    color:#999;
}
#ucpcontent {
    border: 1px solid #111;
    background: #333;
    color: #888;
    padding: 10px 5px;
}
#ucpcontent .tableborder {
    background:transparent;
    border-color: transparent;
}
#ucpcontent .post1 {
    background:#555;
    color: #ccc;
    padding:10px;
}
#ucpcontent .miniprofile, #ucpcontent .row4 {
    background:#444;
    width:150px;
}
#ucpcontent .miniprofile img {
    width:80%;
    height:20%;
}
#ucpcontent .signature {
    display: none;
}
#ucpcontent .maintitle, #ucpmenu .maintitle {
    font-family: 'lemonmilk',sans-serif;
    font-size: 18px;
}
#ucpcontent .pformright textarea {
    width:407px; height:100px;
    background: #ccc;
    border: 1px solid #545454;
    border-radius: 3px;
    color: #111;
    font-size: 15px;
    font-weight: normal;
    margin: 3px 5px;
    padding: 5px;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

/***********************************
	       post stuff
************************************/
.sl-postw { 
    position: relative; 
    background-color: #484848;
    margin:12px 0;
    }
.sl-postop { 
    width:884px; height: 100px;   
    padding:10px;
    background-color: #444; 
    border-top:3px solid #555;
    }
.sl-postmini { 
    background-color: #333; 
    }
.sl-postminiw { 
    width: 270px; 
    border-right:1px solid #222;
    }
.sl-postlinks { 
    background-color: #333;
    height:20px;
    padding-left:270px;
    width:634px; 
    border-bottom:1px solid #222;
    }
.sl-postlinksw { 
    width:634px; 
    }
.sl-postmain { 
    width: 613px; 
    min-height: 503px; 
    max-height: 6000000000000000000000000000000000000000000000000000000000000000000px; 
    background-color: #484848; 
    padding: 10px; 
    color:#ccc;
    }
.sl-postmain textarea { 
    display: none;
    margin: 1px auto; 
    width: 568px; 
    border: 15px #eee solid; 
    outline: 1px #ddd solid; 
    background-color: #eee; 
    font-family: roboto; 
    font-size: 12px; 
    line-height: 160%; 
    color: #444; 
    height: 200px; 
    } 
.sl-postmain button { 
    border: 1px #ddd solid; 
    height: 23px; 
    font-family: raleway; 
    font-size: 7px; 
    font-weight: 900; 
    line-height: 100%; 
    text-transform: uppercase; 
    padding: 5px 15px; 
    background-color: #fff; 
    margin-top: 5px; 
    margin-right: 5px; 
    margin-bottom: 30px; 
    }
.sl-postmain img {
    max-width:613px;
}
.sl-postfoot { 
    width: 904px; 
    height: 50px;  
    overflow: hidden; 
}
 button {
    background: #666;
    border: 1px solid #545454;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    margin:3px 5px;
    padding:8px;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

.sl-postdate {
    float:left;
    width:250px;
    padding:2px;
    text-align: left;
    font-family: 'arial', sans-serif;
    color:#ababab;
    font-size: 10px;
}
.sl-postdate span {
    float:right;
}
.sl-postip {
    position: relative;
    display: inline-block;
    width:120px;
    padding:5px 10px;
    text-align: center;
    font-family: 'calibri', monospace;
    font-size: 11px;
    color:#666;
}
.sl-postperma {
    float:right;
    width:100px;
    text-align: center;
    font-family: 'calibri', monospace;
    text-transform: uppercase;
    font-size: 11px;
    background:#333;
}
.sl-postbuttons {
    float:right;
    vertical-align: top;
    width:150px;
    text-align: center;
    padding:0 0 0 5px;
}
.sl-postbuttons i {
    float:left;
    width:25px;
    padding:4px 5px 2px 5px;
    color:#ccc;
    font-size: 14px;
    margin-right:1px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.sl-postbuttons i:hover {
    color:#ccc;
    background-color: #444;
}

.sl-signature {
    width:633px;
    max-height:230px;
    margin:10px -10px -10px -10px;
    text-align: center;
}
.sl-signature img {
    margin:10px 0;
    border: 3px solid #404040;
}

/***********************************
Miniprofile Code (do not steal cause that's rude)
************************************/
.postlinksbar {
    padding:15px;
    text-align: center;
    background-color: rgba(95,154,187,0.3);
}
.postlinksbar a {
    font-family: 'calibri', monospace;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 5px 30px;
    margin: 0 10px;
    font-weight: 500;
    color:#ccc !important;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;

    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;}
.postlinksbar a:hover {
    background-color: rgba(95,154,187,0);
    color:rgba(95,154,187,0.5) !important;
}
.sl-mintop {
    position:absolute;
    top:0; left:0;
    width:904px;
    height:120px;
    background:#333;
    border-top:5px solid #5f9abb;
}
.sl-minamew {
    position: relative;
    display: inline-block;
    height:50px; width:605px;
    padding-right:10px;
    font-size: 24px;
    text-align: right;
}
.sl-miname {
    position: relative;
    vertical-align: top;
    height:30px; width:605px;
    padding:30px 0 0 0px;
    font-family: 'lemonmilk', sans-serif;
    font-size: 28px;
    text-align: left;
    line-height: 100%;
    padding-bottom: 1px;
    border-bottom:1px solid #666;
    margin-bottom:3px;
}
.sl-minplay {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height:70px; width:300px;
    top:26px;
}
.sl-mintoptril {
    position: absolute;
    left:0; top:0;
    border-top: 120px solid #555;
    border-right: 123px solid transparent;
    z-index: 1;
    }
.sl-mintoptrir {
    position: absolute;
    right:0; top:0;
    width:0px;
    border-top: 120px solid rgba(95,154,187,0.5);
    border-left: 120px solid transparent;
    z-index: 1;
    }
.sl-minpost {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 70px; width: 70px;
    padding:20px 10px 0 15px;
    margin:10px;
    background-color:rgba(95,154,187,0.6);
    border:3px solid #5f9abb;
    font-family: 'lemonmilk', sans-serif;
    font-size: 32px;
    text-align: center;
    color:#222;
    border-radius:50px;
    z-index: 2;
}
.sl-minpost div {
    font-family: 'arial', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}
.sl-mingif {
    position: relative;
    display: inline-block;
    vertical-align: top;
    top:10px; left:8px;
    height:90px; width:141px;
    background-size:auto 90px;
    border:5px solid #777;
    background-image: url(http://pile.randimg.net/1/82/83046/Gifs_220x140x4.png);
    z-index: 2;
}
.sl-mingif img {
    height:90px; width:141px;
}
.sl-minmp3w {
    position: relative;
    display: inline-block;
    width: 240px; 
    border-top:10px solid transparent; 
    background: #333; 
}
.sl-minfootw {
    position: absolute;
    bottom:0;
    height:50px;
    width:904px;
    background:#333;
    border-top:1px solid #222;
    border-bottom:1px solid #5f9abb;
}
.sl-minfootbox {
    position: relative;
    display: inline-block;
    width:66.5px; height:40px;
    padding:10px 0 0 0;
    text-align: center;
    background-color:rgba(95,154,187,0.5);
    border-right: 1px solid #333;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.sl-minfbw a {
    color:#222 !important;
    font-size: 24px;
    font-family: 'calibri',sans-serif;
    text-transform: uppercase;
}
.sl-minfootbox:hover {
    color:#ccc !important;
    background-color: rgba(95,154,187,0.7);
}
.sl-minfbw {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:270px;
}
.sl-minfootsw {
    position: relative;
    display: inline-block;
    width:634px;
    height:50px;
}
.sl-minfooticon {
    position: absolute;
    top:0; right:0;
    vertical-align: top;
    padding:0 5px 0 10px;
    text-align: center;
    color:#5f9abb;
    font-size: 44px;
}
.sl-minifootname {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding:5px 0 0 0;
    margin:0 10px 0 10px;
    width:555px;
    border-bottom:1px solid #555;
    text-align: right;
    font-family: 'lemonmilk',sans-serif;
    font-size:18px;
    margin-bottom:3px;
    color:#999;
}
.sl-minifootooc {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: sans-serif;
    font-size: 12px;
    color:#999;
    width:525px;
}
.sl-minoocl {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: sans-serif;
    font-size: 12px;
    text-align: right;
    margin:0 15px; 
    padding:2px 10px 2px 0;
    border-right:1px solid #555;
    background:;
}
.sl-minoocl span{
    float:left;
    color:#5f9abb;
}
.sl-minoocl i{
    padding-right:20px;
    font-size: 14px;
}

.sl-miniwrap {
    width:250px;
    height:450px;
    background:#4c4c4c;
    border:10px solid #4c4c4c;
    }
.sl-minitabbg {
        width: 250px; 
        height: 25px; 
        background-color: #292929;
    }
.sl-miniava {
    margin-top:-1px;
        width: 250px; 
        height: 400px;
    background:#333;
    border-left:1px solid #333;
    border-bottom:1px solid #333;
    border-right:1px solid #333;
    }
.tabprofile { 
    width: 250px; 
    height: 435px; 
    text-align: center; 
    z-index: 2; 
    background-color: #4c4c4c; 
    margin-top: -440px; 
}

.tab_content { 
    display: none; 
}

#tabs { 
    list-style: none;
    background-color: #222;
    padding: 0px;
    display: table; 
    width: 250px; 
    margin-bottom: 0px;
    border-left:1px solid #333;
    border-right:1px solid #333;
}

#tabs li { 
    background: #222; 
    text-align: center; 
    color: #fff; 
    font-size: 14px; 
    padding: 4px 0 2px 0; 
    width: 62.5px; 
    height: 20px; 
    border-top:1px solid #333;
    z-index: 4; 
    transition: all 1s ease-in-out; 
    -moz-transition: all 1s ease-in-out;
    display: table-cell;
} 
#tabs li a { color: #fff; }
#tabs li.active  { background: #555; }
#tabs_content_container { background: #222; }

.tabby2 { 
    position: relative; 
    width: 220px; 
    height: 371px; 
    background: #555; 
    overflow:hidden; 
    padding:15px; 
    border-left:1px solid #333;
    border-bottom:1px solid #333;
    border-right:1px solid #333;
}
#tabby3 { 
    width: 220px; 
    height: 371px; 
    position: relative; 
    background: #555; 
    overflow: hidden; 
    padding: 15px; 
    border-left:1px solid #333;
    border-bottom:1px solid #333;
    border-right:1px solid #333;
}

.sl-mpspecies {  
    position: relative; 
    display: inline-block;
    width:210px;
    padding:0px 5px;  
    font-family: 'lemonmilk', sans-serif; 
    font-size: 24px; 
    text-align: left;
    letter-spacing: 3px;
    color: #5f9abb; 
}
.sl-mpsubspecies {  
    position: relative; 
    display: inline-block;
    width:210px;
    padding:0px 5px; 
    font-family: 'lemonmilk', sans-serif; 
    font-size: 20px; 
    text-align: right;
    color: #5f9abb; 
    margin-bottom:8px;
}
.sl-mpmintab-gif1, .sl-mpmintab-gif2 { 
    position: relative; 
    vertical-align:top;
    width: 220px; 
    height: 140px; 
    background-size:222px 140px;
    background-position: top center;
    border:1px solid #111;
}
.sl-mpmintab-gif2 { 
    background-image: url(http://pile.randimg.net/1/82/83045/Gifs_220x140x3.png);
}
.sl-mpmintab-gif1 { 
    background-image: url(http://pile.randimg.net/1/82/83044/Gifs_220x140x2.png);
}
.sl-mpmintab-gif1 img, .sl-mpmintab-gif2 img { 
    width: 220px; 
    height: 141px; 
}
.sl-mpmelet-l { 
    position: relative;
    display: inline-block;
    width:10px;
    padding:5px;
    margin-bottom: 5px;
    text-align: left; 
    color:#5f9abb;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
    font-family: 'calibri',sans-serif;
    font-size: 14px;
    border-bottom:1px solid #5f9abb;
}
.sl-mpmelet-r {  
    position: relative; 
    display: inline-block;
    width:120px;
    padding:5px; 
    margin-bottom: 5px; 
    font-family: sans-serif; 
    font-size: 11px; 
    text-align: left; 
    color: #cccccc; 
    border-bottom:1px solid #5f9abb;
}
.sl-mpmelet { 
    position: relative;
    width:200px;
    padding:5px 10px;
    margin-bottom: 5px;
    color:#ccc;
    text-align: right;
    text-transform: uppercase;
    font-family: 'calibri', sans-serif;
    font-size: 12px;
    border:1px solid #333;
    background:#444;
}
.sl-mpmelet i { 
    float: left;
    margin-right: 5px;
    color:#5f9abb;
    font-size: 16px;
}
.sl-mppllyri { 
    position: relative; 
    vertical-align:top;
    width: 200px; 
    min-height:30px;
    max-height: 90px; 
    overflow: auto; 
    padding: 10px; 
    line-height: 120%; 
    text-align: justify; 
    font-family: arial, sans-serif; 
    color: #ddd; 
    font-size: 11px; 
    text-transform: uppercase;
    margin-bottom: 5px;
}
.sl-mppllyri i { 
    float:left;
    padding:0 5px 2px 0; 
    font-size: 28px; 
    color:#5f9abb;
    text-transform: uppercase; 
}
.sl-mpawab { 
    position: relative;
    margin-top: 5px;
    width: 220px; height:120px; 
    overflow: auto;
}
.sl-mpawab img { 
    height:40px; width:40px;
}

.sl-minwtril {
    position: relative;
    display: inline-block;
    border-top: 50px solid #4c4c4c;
    border-left: 135px solid transparent;
}
.sl-minwtrir {
    position: relative;
    display: inline-block;
    border-top: 50px solid #4c4c4c;
    border-right: 135px solid transparent;
}



/****************************************
 QUOTE and CODE BBCode boxes
*****************************************/

#QUOTE { 
    font-family: Verdana, Arial,sans-serif; 
    font-size: 11px; color: #333; 
    background-color: #d1d1d1; 
    border: 1px solid #f5f5f5; 
    padding: 10px;
}

#CODE  { 
white-space:normal; 
font-family: 'arial',sans-serif;  
font-size: 12px; 
color: #000; 
background-color: #bbb; 
padding: 20px;
border:1px solid #000; 
margin-top:2px; 
    word-break: break-word;
}
.code-scroll {
max-height: 250px;
overflow: auto;
padding-right: 5px;
}

.code-scroll::-webkit-scrollbar { background-color: #aaa; }
.code-scroll::-webkit-scrollbar-thumb { background-color: #555; }

.code-top {
background-color: #111;
margin: 0;
padding: 0;
text-align: center;
overflow: hidden;
color: #ccc;
}
.code-highlight {
font: normal normal normal 8px/100% 'Arial', sans-serif; color:#ccc; 
padding: 4px 6px 4px; margin:0px;
background-color:#333;
text-align: center; 
text-transform: uppercase;
letter-spacing: 1px;
cursor: crosshair;
}

.code-top .code-title {
margin: 20px;
font: italic normal 300 15px/100% 'lemonmilk', sans-serif;
text-transform: lowercase; 
}

.code-toggle {
cursor: crosshair;
}

.code-scroll.auto-code {
height: auto; 
max-height: none;
}

#CODE-WRAP.nicole-code { border-collapse: collapse; }



/****************************************
      profile
*****************************************/
   
#sl-profw {
    position: relative;
    width:900px;
    height:585px;
    }
#sl-profhead {
    position: relative;
    background:#666;
    height:130px;
    border-bottom: 1px solid #333
    }
#sl-profhgif {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height:100px; width:100px;
    background-size: 100px 100px;
    margin: 10px;
    border:5px solid #ddd;
    background-image: url(http://pile.randimg.net/1/80/82553/Gifs_100x100.png);
    z-index: 2;
    }  
#sl-profhsubs {
    position: absolute;
    top:85px; left:120px;
    height:20px; width:20px;
    background:#5f9abb;
    padding:10px;
    border-radius: 20px;
    color:#000;
    font-size: 19px;
    z-index: 5;
    }
#sl-profname {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:730px;
    font-family: 'lemonmilk',sans-serif;
    font-size: 36px;
    color:#ccc;
    padding:30px 0 0 0;
    text-align: left;
    border-bottom:1px solid #ccc;
    z-index: 3;
    }  
#sl-profpost {
    position: absolute;
    top:75px; right:55px;
    left:150px;
    font-family: 'lemonmilk',sans-serif;
    font-size: 24px;
    color:#ccc;
    text-align: right;
    z-index: 3;
    }    
#sl-profpost span {
    color:#5f9abb;
    }
#sl-profhtri {
    position: absolute;
    top:0; left:0;
    border-top: 130px solid rgba(95,154,187,0.5);
    border-right: 200px solid transparent;
    z-index: 1;
}
#sl-profmidw {
    position: relative;
    padding:10px;
    background:#555;
    height:435px;
    }
#sl-profava {
    position: relative;
    display: inline-block;
    width:250px;
    height:400px;
    left:-10px;
    border:10px solid #777;
    margin: 10px 10px 10px 0;
    background-size:250px 400px;
    outline-color: #222;
    outline-width: 1px;
    outline-style: solid;
    background-image: url(http://pile.randimg.net/1/80/82548/Avatars.png);
    }
#sl-profava img {
    width:250px;
    height: 400px;
}
#sl-profcharinfo {
    position: relative;
    display: inline-block;
    vertical-align: top;
    top:-11px;
    padding:0 10px 5px 10px;
    width:300px; height:385px;
    background:#666;
    border-left:1px solid #333;
    border-right:1px solid #333;
    }
.sl-profbox { 
    position: relative;
    width:270px;
    overflow: hidden;
    padding:7.5px 10px;
    margin:5px;
    color:#ccc;
    text-align: right;
    text-transform: uppercase;
    font-family: 'calibri', sans-serif;
    font-size: 12px;
    border:1px solid #333;
    background:#444;
    }
.sl-profbox i { 
    float: left;
    margin-right: 5px;
    color:#5f9abb;
    font-size: 16px;
}
.sl-profbox-q { 
    position: relative;
    width:270px;
    height:60px;
    overflow: auto;
    padding:10px;
    margin:5px;
    color:#ccc;
    text-align: center;
    text-transform: uppercase;
    font-family: 'arial', sans-serif;
    font-size: 11px;
    border:1px solid #333;
    background:#444;
    }
.sl-profbox-q i { 
    float: left;
    margin-right: 5px;
    color:#5f9abb;
    font-size: 16px;
}

#sl-profmtri-l {
    position: absolute;
    bottom:5px; left:309px;
    border-top: 60px solid #333;
    border-left: 161px solid transparent;
    z-index: 1;
}
#sl-profmtri-r {
    position: absolute;
    bottom:5px; left:470px;
    border-top: 60px solid #333;
    border-right: 160.5px solid transparent;
    z-index: 1;
}
#sl-profmtri-l2 {
    position: absolute;
    bottom:7px; left:309px;
    border-top: 59px solid #666;
    border-left: 161.5px solid transparent;
    z-index: 2;
}
#sl-profmtri-r2 {
    position: absolute;
    bottom:7px; left:469px;
    border-top: 59px solid #666;
    border-right: 161.5px solid transparent;
    z-index: 2;
}
    
#sl-profright {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:230px;
    height:400px;
    margin:5px;
    }
#sl-profgif2 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border:10px solid #777;
    margin: 10px;
    outline-color: #222;
    outline-width: 1px;
    outline-style: solid;
    width:220px;
    height:140px;
    background-size:220px 140px;
    background-image: url(http://pile.randimg.net/1/80/82554/Fates_Gifs_220x140.png);
    }
    
#sl-profbutw {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width:238px;
    margin-left:13px;
    }
.sl-profbutton {
    position: relative;
    display: inline-block;
    width:45px; height:15px;
    padding:10px 15px 15px 15px;
    margin:2px 0;
    background-color:rgba(95,154,187,0.5);
    text-align: center;
    font-size: 24px;
    }
.sl-profbutton:hover {
    background-color:rgba(95,154,187,0.7);
    color: #000;
    }
#sl-profooc {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border:1px solid #333;
    margin: 10px;
    width:240px;
    background:#777;
    }
.sl-profoocbox { 
    position: relative;
    padding:1px 10px;
    margin:5px;
    color:#ccc;
    text-align: right;
    text-transform: uppercase;
    font-family: 'calibri', sans-serif;
    font-size: 11px;
    border:1px solid #333;
    background:#444;
    }
.sl-profoocbox span { 
    float:left;
    color:#5f9abb;
    }
.sl-profoocname { 
    position: relative;
    padding:2px 10px;
    color:#ccc;
    text-align: right;
    font-family: 'lemonmilk', sans-serif;
    font-size: 18px;
    } 

.sl-profawards {
  background: gray;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.sl-profawards .content {
  background: #666;
  bottom: -240px;
  color: #fff;
  font-family: 'lemonmilk',sans-serif;
  height: 100%;
  left: 0%;
    padding:10px;
  text-align: center;
  position: absolute;
  transition: bottom 0.5s ease;
  width: 230px;
}
.sl-profawards:hover .content{
  bottom: -5%;
}
#sl-profavatri-l {
    position: absolute;
    top:-25px; left:0;
    border-bottom: 25px solid #666;
    border-left: 125px solid transparent;
    z-index: 2;
}
#sl-profavatri-l {
    position: absolute;
    top:-25px; right:0;
    border-bottom: 25px solid #666;
    border-right: 125px solid transparent;
    z-index: 2;
}


/***************** WEBPAGE Styles ****************/ 


nav.vertical{
  position: relative;
  width: 210px;
  z-index: 1;
}


nav.vertical ul{
  list-style: none;
}

nav.vertical li{
  position:relative;
}

nav.vertical a{
  display:block;
  width: 90%;
  margin-left:-20px;
  margin-right: 10px;
  color:#eee;
  text-decoration:none;
  padding: 10px 20px;
  background:#2e2e2e;
  transition:0.2s;
}

nav.vertical li:hover > a{
  background:#778;
  z-index: 1;
}

nav.vertical ul ul{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  visibility:hidden;
  opacity:0;
  transition: transform 0.2s;
  transform: translateX(50px);
}

nav.vertical li:hover > ul{
  left:100%;
  visibility:visible;
  opacity:1;
  transform: translateX(0px);
}

.pageheader {color:#e16386; font-family: Lemonmilk, sans-serif; font-size:30px;  background: #000; background-image: url(http://i.imgur.com/idVJc.png); padding:30px; text-align:center; text-transform:uppercase;}

.pagesub2 {color:#dedede; font-family: Arial, sans-serif;font-size:12px; background-color:#f8fbf5; text-align:left; text-transform:uppercase; letter-spacing:2px;}

.pagesub2 a:link, .pgsub2 a:active, .pgsub2 a:visited {font-family: Arial, sans-serif;}

.pagetitle { line-height:100%; margin-top:-20px; font-family: 'Lemonmilk'; font-weight: normal; color: #dedede; font-size: 40px; text-transform: uppercase; letter-spacing: 1px; padding: 20px; margin: 0px;  background: #000; background-image: url(http://i.imgur.com/idVJc.png);}

.pagetitle2 { line-height:100%; margin-top:-20px; font-family: 'Lemonmilk'; font-weight: normal; color: #dedede; font-size: 30px; text-transform: uppercase; letter-spacing: 1px; padding: 20px; margin: 0px;  background: #000; background-image: url(http://i.imgur.com/idVJc.png);}

.pagedivide {border-right:0px solid #c4d7a4; vertical-align:top; margin-top:0;}

.pagemain2 {
    color:#ddd; 
    font-family: 'Arial', sans-serif; 
    font-size: 12px; 
    text-transform:uppercase; 
    letter-spacing:2px; 
    background-color:#2e2e2e; 
    padding:10px;
    border-bottom:2px solid #5f9abb; 
    border-top:2px solid #5f9abb; 
    border-bottom:20px solid #5f9abb; 
    text-align:left;
}

.pagemain2 a:link, .pgmain2 a:active, .pgmain2 a:visited {font-family: 'Arial', sans-serif;}

.pagemain3 {color:#ddd; font-family: 'Arial' sans-serif; font-size: 12px; background-color:#2e2e2e; padding:20px; border-bottom:20px solid #5f9abb; text-align:justify; text-indent:0px; line-height: 150%;}

.pageindent {margin-left:50px; }

.pagelegend {color:#e16386; font-family: 'Arial', sans-serif;font-size:12px; background-color:#f8fbf5; padding:5px; border-bottom:2px solid #5f9abb; border-top:2px solid #5f9abb; text-align:left;text-transform:uppercase; letter-spacing:2px;margin-right:5px;}



.containert{
			width: 550px;
			height: 500px;
			overflow: auto;
			margin: 0 auto;
			border-top: 10px solid #121212;
                        z-index: 99999;
		}



ul.tabs{
			margin-bottom: 15px;
			margin-left: 25px;
			padding: 0px;
			list-style: none;

		}
ul.tabs li{
			background: #252525;
			-webkit-border-radius: 5px 20px 0px 0px;
			color: #fff;
			display: inline-block;
			float: left;
			margin-left: 2px;
			padding: 10px 15px;
			cursor: pointer;
			font-family: Lemonmilk, sans-serif; 
		}

ul.tabs li.current{
			-webkit-border-radius: 5px 20px 0px 0px;
			background: #121212;
			color: #5f9abb;
			font-family: Lemonmilk, sans-serif;
		 
		}

.tab-content{
			display: none;
			background: #2e2e2e;
			padding: 15px;
			
		}

.tab-content.current{
			display: inherit;
			background: #252525;
		}

.tab-content.current b{
			color: #5f9abb; 
		}

.containerimg {
    position: relative;
    width: 100%;
    
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
 
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
  z-index: 99999;
}

.containerimg:hover .image {
  opacity: 0.3;
  
}

.containerimg:hover .middle {
  opacity: 1;
  
}

.text {
  background-color: #2e2e2e;
  width: 310px;
  color: #ffffff;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  padding: 15px 30px;
}

.accordion-toggle {cursor: pointer; font-family: 'Lemonmilk'; font-weight: normal; color: #dedede; font-size: 20px; text-transform: uppercase; letter-spacing: 1px; padding: 15px; margin: 0px;  border-bottom: 2px solid #5f9abb; background: #000; background-image: url(http://i.imgur.com/idVJc.png);}

.accordion-content {display: none; background: #252525; padding: 15px; overflow: auto; height: 150px;}
.accordion-content b {color: #5f9abb;}

.accordion-content.default {display: block; 
			background: #252525;
			padding: 15px;
			overflow: auto;
			height: 150px;
			}