Stylesheet

/*=============================================== *
 * Ventage by Skye at CC, Caution and Shine
 * ==============================================
 * Jcink.com Forum Hosting Stylesheet
 * ==============================================
 * #Version: 1.0.2
 *=============================================== */

html { overflow-x: auto; }
form { display:inline; }

/****************************************
 Body Background & Text Style
*****************************************/

body {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	color: #000; margin:40px 0 0px;
	padding:0px;
        background-color:#b59f85;
	text-align:center;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background-color: #efefef;}
::-webkit-scrollbar-thumb { background-color: #00485b;}

/****************************************
   Table Styles
*****************************************/

table, tr, td {
        font-family: 'Raleway', sans-serif;
	font-size: 12px;
	color: #000;
}

/****************************************
   Board Width
*****************************************/

#wrapper {
text-align: center;
width: 900px;
margin: 0px auto;
background: #00485b;
box-shadow: 0 5px 10px rgba(0,0,0,0.5);
}

#innerwrapper {
margin-top:-20px;
	padding: 0 60px 20px;
}

.inwrap {border-left:0px solid #00485b;
border-right:0px solid #00485b;
border-bottom:40px solid #00485b;position:relative}


/* header */

#headspan {position:relative;width:900px;height:350px;background:url(https://c1.staticflickr.com/1/768/22595888513_5beddbd0c8_b.jpg) center no-repeat;overflow:hidden;border-top:20px solid #efefef;}
    .headlinks {background:#00485b;width:900px;height:35px;box-sizing:border-box;margin:0;}
  .headlinks li {list-style:none;display:inline;margin:0 25px;padding:5px 10px;}
.headlinks li a {font:400 12pt/26pt 'Eagle Lake', cursive;}
.titlebox {position:absolute;bottom:70px;left:50px;opacity:1;-webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s; }
.headtitle {font:400 40pt/35pt 'Eagle Lake', cursive; color:#efefef;text-transform:uppercase;text-align:center;}
.headt2 {text-align:center;font:700 14pt/20pt 'Eagle Lake', cursive; color:#efefef;text-transform:uppercase;letter-spacing:17px;margin-left:12px;
}
.headsub  {margin-top:5px;background:#00485b;padding:4px 14px;font:400 8pt/11pt 'Raleway', sans-serif; color:#fff;text-transform:uppercase;letter-spacing:2px;position:relative;}
.ch-grid {
    box-sizing:border-box;
	list-style: none;
	display: table-cell;
	vertical-align:middle;
	text-align: center;
	width: 900px;
	height:350px;
}
.ch-grid:after,
.ch-item:before {
	content: '';
	display: table;
}
.ch-grid:after { clear: both }
.ch-grid li {
	width: 200px;
	height: 200px;
	display: inline-block;
	margin: 15px;
}
  .ch-itema,.ch-itemb, .ch-itemc {
  width: 100%;
  height: 100%;
	border-radius: 50%;
	border:5px solid #efefef;
	position: relative;
	opacity:0;
   -webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;
}
.ch-itema {-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s;}
.ch-itemb {-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.ch-head {
	width: 200px;
	height: 200px;
	border-radius: 50%;
box-sizing:border-box;
	list-style: none;
	display: table-cell;
	vertical-align:middle;
	text-align: center;
	font:400 28pt/36pt 'Eagle Lake', cursive;
color: #b59f85; text-transform:none;
text-shadow:-2px -2px 1px #fff,-2px -2px 1px #000;letter-spacing:-1px;
text-decoration:none;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.ch-img-1 { background: url(

FIRST 200 x 200 CIRCLE BACKGROUND IMAGE URL HERE

); background: -webkit-linear-gradient(rgba(250,250,250,0.5),rgba(250,250,250,0.3)),url(

FIRST 200 x 200 CIRCLE BACKGROUND IMAGE URL HERE

);background: -moz-linear-gradient(rgba(250,250,250,0.5),rgba(250,250,250,0.3)),url(

FIRST 200 x 200 CIRCLE BACKGROUND IMAGE URL HERE

);}

.ch-img-2 {  background: url(

SECOND 200 x 200 CIRCLE BACKGROUND IMAGE URL HERE

); background: -webkit-linear-gradient(rgba(250,250,250,0.5),rgba(250,250,250,0.3)),url(

SECOND 200 x 200 CIRCLE BACKGROUND IMAGE URL HERE

);background: -moz-linear-gradient(rgba(250,250,250,0.5),rgba(250,250,250,0.3)),url(

SECOND 200 x 200 CIRCLE BACKGROUND IMAGE URL HERE

); }
.ch-img-3 { background: url(

THIRD 200 x 200 CIRCLE BACKGROUND IMAGE URL HERE

); background: -webkit-linear-gradient(rgba(250,250,250,0.5),rgba(250,250,250,0.3)),url(

THIRD 200 x 200 CIRCLE BACKGROUND IMAGE URL HERE

);background: -moz-linear-gradient(rgba(250,250,250,0.5),rgba(250,250,250,0.3)),url(

THIRD 200 x 200 CIRCLE BACKGROUND IMAGE URL HERE

); }

.ch-info {
	position: absolute;
	top:0;
	left:0;
	background: rgba(240,240,240, 0.8);
	width: inherit;
	height: inherit;
	overflow:auto;
	border-radius: 50%;
	color:#efefef;
	font: 700 7pt/10pt 'Eagle Lake', cursive;
	letter-spacing:1px;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: scale();
	-moz-transform: scale();
	-ms-transform: scale();
	-o-transform: scale();
	transform: scale();
	-webkit-backface-visibility: hidden;
}


.ch-info h2 {
	color: #00485b;
	font: 400 14pt/16pt 'Eagle Lake', cursive;
	margin:5px auto 2px;
	text-shadow:-2px -2px 1px #fff,-2px -2px 1px #000;
}

.ch-info h3 {
	color: #b59f85;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: 700 7pt/10pt 'Eagle Lake', cursive;
	padding: 15px 0 0 10px;
	margin:10px auto 10px;;
	text-shadow: 1px 1px 1px #fff, -1px -1px 1px #000;
}
.ch-info a {
	color:#b59f85!important;
	font: 400 7pt/9pt 'Raleway', sans-serif;
	text-transform: uppercase;
}
.ch-itema:hover .ch-info, .ch-itemb:hover .ch-info, .ch-itemc:hover .ch-info {
	opacity: 1;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
     -ms-transform: scale(1);
      -o-transform: scale(1);
         transform: scale(1);
}
.tabtext {box-sizing:border-box;border-top:2px double #fff;border-bottom:2px double #fff;margin:0 30px;height:119px;overflow:auto;font: 400 7pt/8px 'Raleway', sans-serif;color:#000;text-align:justify;padding:5px 5px;}

 #headspan:hover .titlebox {
opacity:0;
   -webkit-transition:0.3s ease all;-moz-transition:0.3s ease all;-o-transition:0.3s ease all;transition:0.3s ease all;
}
 #headspan:hover .ch-itema, #headspan:hover .ch-itemb, #headspan:hover .ch-itemc {
	opacity:1;
   -webkit-transition:0.6s ease all;-moz-transition:0.6s ease all;-o-transition:0.6s ease all;transition:0.6s ease all;
}
 #headspan:hover .ch-itemb {-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
 #headspan:hover .ch-itemc {-webkit-transition-delay:0.6s;-moz-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s;}


/****************************************
   Link colors
*****************************************/

a:link, a:visited, a:active {
	text-decoration: none;
	color: #d5c4a8;
	font: 400 9px/11px 'Raleway', sans-serif;
	text-transform: uppercase;
	letter-spacing:1px;
}
a:hover {
	color: #7f7f7f;
	text-decoration: none!important;
}


/****************************************
   Profile styles
*****************************************/

#profilename {
font:300 25pt/27pt 'Eagle Lake', cursive;
	padding: 10px 20px; text-transform:uppercase;letter-spacing:1px;
	color: #d5c4a8 ;
}

#photowrap {
	padding:6px;
}

#phototitle {
	font-size:24px;
	border-bottom:1px solid black;
}

#photoimg   {
	text-align:center; margin-top:15px;
}

/****************************************
   UserCP/My Controls styles
*****************************************/

#ucpmenu {
	line-height:150%;
	width:22%;
	border:1px solid #555;
	background-color: #EFEFEF;
}

#ucpmenu p  {
	padding:2px 5px 6px 9px;
	margin:0px;
}

#ucpcontent {
	background-color: #EFEFEF;
	border:1px solid #545454;
	line-height:150%; width:auto;
}

#ucpcontent p  {
	padding:10px;
	margin:0px;
}

/****************************************
  Logo Strip
*****************************************/

#logostrip {
	display: none;
}

#logo {
	min-height: 60px;
	text-align: left;
	margin-top: 5px;
	padding: 20px 20px 5px;
}


#logo a, #logo a:hover {
	font-size: 36px;
	text-decoration: none;
	font-weight: bold;
	color: #00485b;
}

/****************************************
  Search Bar
*****************************************/

#searchbar {
	display: block;
	float: right;
	position: relative;
	right: 10px;
	top: 8px;
}

#searchbar .search-container {
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset;
    border: 1px solid #D8D8D8;
    display: block;
    height: 26px;
    position: relative;
    width: 200px;
}

#searchbar .search-input {
	background: none repeat scroll 0 0 transparent;
	border: 0;
	color: #808080;
	font-size: 12px;
	width: 192px;
	height: 26px;
	font-family: 'Raleway', sans-serif;
	padding: 1px 0 0 8px;
}

#searchbar .search-input:focus {
    color: #000000;
}

#searchbar .search-button {
	background: #00485b url(http://files.b1.jcink.com/themes/default/magnifying-glass.png) no-repeat 50% 50%;
	border: 0;
	bottom: 0;
	margin: 0;
	border-radius: 0;
	display: block;
	height: 26px;
	padding: 0;
	position: absolute;
	right: 0;
	text-indent: -3000em;
	top: 0;
	width: 26px;
	cursor: pointer;
	box-shadow: none;
}

/****************************************
  Navigation Bar / Submenu
*****************************************/

#submenu  {
display:none;
	font-size: 13px;
	border: solid #555;
        border-width: 1px 0;
	background-color: #00485b;
        background-image: url(http://files.b1.jcink.com/themes/default/red-gradient-glass.png);
        background-position: center center;
        margin-bottom: 3px;
}

#submenu img {
	display: none;
}

#submenu a:link, #submenu a:visited, #submenu a:active {
	text-decoration: none;
	color: #fff !important;
        padding: 7px 7px;
        font-weight: bold;
}

#submenu a:hover {
	color: #fff !important;
	text-decoration: underline;
}

#navi br {
	display: none;
}

#navstrip  {
background-color: #00485b;
	width: 100%;
	margin: 0;
	position: fixed;
font: 400 9px/11px 'Raleway', sans-serif;
text-transform: uppercase;
color: #D9CF91;
letter-spacing:1px;
	top: 16px; left: 0px;
	z-index: 80;
	font-weight:bold;
	padding:6px 0px 6px;
}



#navstrip a:link, #navstrip a:visited, #navstrip a:active {
	text-decoration: none;
        padding: 7px 7px;
letter-spacing:1px;
font: 400 9px/11px 'Raleway', sans-serif;
text-transform: uppercase;
        font-weight: bold;
}

#navstrip a:hover {
	text-decoration: underline;
}

/****************************************
   Calendar styling
*****************************************/

.caldate   {
display: none;
	text-align:right;
	font-weight:bold;
	font-size:11px;
	color:#555;
	background-color:#F2F2F2;
	padding:4px; margin:0px;
}

#calendarname {
	font-size:22px;
	font-weight:bold;
}

#padandcenter {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:14px 0px 14px 0px;
}


/**************************************************
 User Links Menu (Messages / View new posts / etc )
***************************************************/
#userlinks {
	background-color: #00485b;
	list-style: none;
	width: 100%;
	margin: 0 auto;
	position: fixed;
	top: 0px; left: 0px;
	z-index: 90;
	text-align:left;
	letter-spacing:1px;
}

#userlinks td {
font-family: 'Raleway', sans-serif;color:#D9CF91!important; font-size: 9px; line-height: 8px; text-transform: uppercase;
}

#userlinks a {
	text-decoration: none; padding: 1px; font-family: 'Raleway', sans-serif;
}

#userlinks a:hover {
	text-decoration: none;
}

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

.activeuserstrip {
	background-color: #efefef;padding:6px
}

.normalname {
display:none;
	font-size: 12px;
	font-weight: bold;
	color: #003;
}

.normalname a {
	font-size: 12px;
}

.unreg {
	font-size: 11px;
	font-weight: bold;
	color: #900;
}

.post1 {
	background-color: #efefef;

}

.post2 {
	background-color: #efefef;
}

.postdetails {
	margin-left:-170px;
	font:300 11pt/17pt 'Raleway', sans-serif;
	text-transform:uppercase;
}

.postdetails a {
font:400 21pt/36pt 'Eagle Lake', cursive;
color: #2F332B; text-transform:none;
text-shadow:-2px -2px 1px #fff,-2px -2px 1px #000;letter-spacing:-1px;
text-decoration:none!important;
}

.postcolor   {
	font-size: 12px; line-height: 160%;margin-left:-170px;text-align:left;
}

.postlinksbar {
        padding: 1px 5px;
	background-color: #00485b;
	padding:1px;
	margin-top:-19px;
	font-size:10px;
	letter-spacing:1px;
}

.signature   {
	font-size: 10px;
	color: #339;
	line-height:150%;
}


/*******************************
 Pagination e.g. [1],2,3 ...
*******************************/

.pagination .pagination_current, .pagination a {
     padding: 2px 5px;
}

.pagination a:link, .pagination a:visited, .pagination a:active {
     border: 1px solid #00485b;
     border-radius:3px;
     background-color:#2F332B;
     padding-left:6px;
     padding-right:6px;
     color:#efefef;
     text-decoration:none;
     box-shadow: 0pt 2px 3px rgba(0, 0, 0, 0.4);
}

.pagination a:hover {
	background: #EFEEEE;
	text-decoration: none;
	color:#000000;
	box-shadow: 0pt 2px 3px rgba(0, 0, 0, 0.4);
}

.pagination .pagination_current {
     background: none repeat scroll 0% 0% #FFFFFF;
     border: 1px solid #545454;
     border-radius:3px;
     padding-left:6px;
     padding-right:6px;
}

.pagination_first, .pagination_last, .pagination_page {
     background: none repeat scroll 0% 0% #740300;
     border: 1px solid #00485b;
}

.pagination_pagetxt {
    display:none;
}

/****************************************
   Global general table/div row styles
*****************************************/

.row1 {
	background-color: #D9CF91;
	padding: 5px;
	word-wrap: break-word;word-break: break-all;
}
.row2 {
	background-color: #efefef;
	padding: 5px;
}
.row3, .row3 td {
	background-color: #8D9981;
	padding: 5px;
}

td.row4 {
  background-color: #00485b!important;
}

.topic-row .row4 {background-color:#efefef!important;padding: 5px;}

.pinned-topic {color:#efefef!important;padding:15px;font:300 12pt/14pt 'Eagle Lake', cursive;}

#boardstats .row2 {
	text-align: center;
}

.darkrow1 {
	background-color: #efefef; color:black;
}

.darkrow2 {
	background-color: #efefef; color:black;
}

td.darkrow2 {
	display: none;
}

.darkrow3 {
	background-color: #EFEFEF;
	color: #000;
	padding: 3px;
border-top:3px double #00485b;
}

.hlight { background-color: #EFEFEF; }
.dlight { background-color: #EFEFEF; }

/****************************************
   Top table bars / gradient holders
*****************************************/

.maintitle {
	background-color: #00485b;
	font:300 12pt/27pt 'Eagle Lake', cursive;
	padding: 15px 20px; text-transform:uppercase;letter-spacing:-1px;
	color: #efefef;
	text-align:center;
	margin-bottom:20px;
}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active {
	text-decoration: none; color: #efefef!important;
	font:300 10pt/23pt 'Eagle Lake', cursive;letter-spacing:-1px;
}

.maintitle a:hover {
	text-decoration: underline;
}

.maintitle:first-letter a,.maintitle:first-letter {font:300 24pt/27pt 'Eagle Lake', cursive;float:center;margin:0 2px 0 0;}

.plainborder .maintitle:first-letter {float:center;}
/****************************************
  Bar directly below the maintitles
*****************************************/

.titlemedium {
display:none;
	font-weight:bold; color:#222;
	padding: 2px 6px; margin:0px;
	background-color:#D8D8D8;
 }

.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  {
	text-decoration: none;
	color: #222;
}

/****************************************
  Table & Div Borders
*****************************************/

.tableborder {
	background-color: #efefef;
	border:4px solid #fff; padding:0 0 10px;
}
.post-normal table {width:auto!important;margin:15px; box-sizing:border-box; padding:10px;}
.post-normal .row4 {background-color: #efefef!important;}
.tablefill {
	background-color: #efefef;
	border:1px solid #efefef;
	padding:6px;
}

.tablepad {
	background-color: #efefef;
	padding:6px;
}

.tablebasic {
	width:100%; padding:0; margin:0px; border:0px;
}

.plainborder {
	border:1px solid #efefef;
	background-color: #00485b;
}

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

#QUOTE {
	white-space:normal;
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	color: #efefef;
	background-color: #ccc;
	border: 0px;
	padding:2px;
	margin-top:2px;
}

/****************************************
 CODE AREA CSS
*****************************************/

#CODE  {
white-space:normal;
font-family: Courier, Courier New, Verdana, Arial;
font-size: 11px;
color: #333;
background-color: #fff;
padding: 30px;
border:1px solid #eee;
margin-top:2px;
      word-break: break-word;
}

.code-scroll {
max-height: 250px;
overflow: auto;
padding-right: 5px;
}

.code-scroll::-webkit-scrollbar { background-color: #d5c4a8; }
.code-scroll::-webkit-scrollbar-thumb { background-color: #ddd; }

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

.code-top .code-title {
margin: 20px;
font: italic normal 300 20px/100% 'Eagle Lake', cursive;
text-transform: lowercase;
}

.code-toggle {
cursor: crosshair;
}

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

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


/**********************************************
  Input buttons, e.g. submit, text input, etc
***********************************************/

.button-large {
	background: #efefef;
        padding: 5px;
	text-align:center;
	margin:4px 1px -2px;
        color: #00485b;
	font-weight: bold;
	letter-spacing:1px;
        min-width: 75px;
        display: inline-block;
}


.button-small {

	color: #8D9981;
	font-weight: bold;
	font-size: 11px;
	margin: 3px;
	padding: 4px 7px;
	text-decoration: none;
        min-width: 50px;
        max-width: 80px;
}

.post-buttons-top { margin-top: 3px; }
.darkrow3 .post-buttons-bottom { border-top:0;}

.button-large.closed {
        padding: 7px 12px;
	text-align:center;
	margin:0px 5px 0px 5px;
        border: 1px solid #d8d8d8;
        color: #8D9981;
	font-weight: bold;
}

.forminput, .codebuttons, .textinput, .radiobutton, .checkbox {
	border-radius: 2px;
	background: #FFF; border: 1px solid #545454;
	color: #000;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	padding: 2px;
	vertical-align: middle;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4) inset;
}


input[type=submit], input[type=button], input[type=reset] {
	background: #00485b;
	color: #D9CF91;
	font-size: 11px;
	font-weight: bold;
	margin: 3px;
	padding: 2px 6px;
	text-decoration: none;
	border: none;
}

.codebuttons  {
	font-size: 10px;
}


/****************************************
  Form table cell styles, left/right/top
*****************************************/

.pformstrip {
	background-color: #308a9b;
	color:#D9CF91; font-weight:bold;
	padding: 2px 5px;
	margin-top:1px
}

.pformleft  {
	background-color: #EFEFEF;
	padding:6px;
	margin-top:1px;width:25%;
	border-top:1px solid #545454;
	border-right:1px solid #545454;
}

.pformleftw {
	background-color: #EFEFEF; padding:6px;
	margin-top:1px;width:40%;
	border-top:1px solid #232323;
	border-right:1px solid #232323;
}

.pformright {
	background-color: #EFEFEF;
	padding:6px; margin-top:1px;
	border-top:1px solid #232323;
}


/****************************************
 Tabs on the portal profiles + sections
*****************************************/

.opentab {
	color: #FFF;
	padding:8px;float: left; width: auto;
	background-color: #00485b;
	margin-top:3px;
	margin-right:2px;
	font-size:11px;
	border: #545454 1px solid;
}

.closedtab {
	color: #FFF;
	padding:7px;float: left;width: auto;
	background-color: #00485b;
	margin-top:6px;
	margin-right:2px;
	font-size:11px;
	border-top:   #545454 1px solid;
	border-right: #545454 1px solid;
	border-left:  #545454 1px solid;
}

.positiontab {
	height: 34px; margin-left: 2px;
}

/****************************************
   Delete all cookies / mark read
*****************************************/

#delcookiesrow, #mark-as-read-subto {
	background-color: #EFEFEF;
	border: 1px solid #545454;
	font-size: 10px;
	padding: 5px;
        width: 260px;
        float: right;
        margin-top:-3px;
        padding-left:1px;
}

#mark-as-read-subto {
	float: none;
	padding-top: 3px;
}


/*******************************
     Board Statistics Links
*******************************/

.toplinks a {
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
}

.toplinks {
	margin: 0 11px -37px 0;
	text-align: right;
	color: transparent;
}

/*******************************
 Mini Profile by Skye
*******************************/
.postbit {
    padding:5px;
	background: #EFEFEF;
	font-size: 11px;
margin-right:190px;
margin-left:-90px;
}

.minbox {background:#00485b;width:200px;height: 400px;position:relative;}
.mina {position:relative;}
.avi {position:absolute;top:0;left:0;width:200px;height:300px;
}
.minb {position:absolute;top:0;left:0;
width:inherit;height:inherit;
background:rgba(250,250,250,0.8);
opacity:0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
  -webkit-transform: scale();
	-moz-transform: scale();
	-ms-transform: scale();
	-o-transform: scale();
	transform: scale();
	-webkit-backface-visibility: hidden;
}

.mina:hover .minb {
     opacity: 1;
      -webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
     -ms-transform: scale(1);
      -o-transform: scale(1);
         transform: scale(1);

}

.minc {background-color: #00485b;padding: 15px 20px; text-align:center;}
.minc a {color:#D9CF91;font:300 14pt/27pt 'Eagle Lake', cursive;text-transform:uppercase;text-shadow:0 0 0 transparent;}
.minc:first-letter {font:300 24pt/24pt 'Eagle Lake', cursive;float:center;margin:0 1px 0 0;}
.ming {margin-top:-6px;font:300 9pt/11pt 'Eagle Lake', cursive;color: #8D9981;text-transform:lowercase;letter-spacing:1px;}
.minimg {box-sizing:border-box;margin:5px;width:190px;height:100px;border:4px double #efefef;z-index:10;box-shadow: 0 0 3px #555;overflow:hidden;}
.minimg img {height:100px;}
.mind {box-sizing:border-box;position:absolute;top:85px;right:10px;z-index:11;font:400 22pt/21pt 'Eagle Lake', cursive;color: #308a9b;text-shadow:-2px -2px 1px #fff,-2px -2px 1px #000;letter-spacing:-1px;text-transform:none;}
.mine {box-sizing:border-box;width:190px;height:25px;margin:0 5px;border-left:50px solid #308a9b;border-bottom:2px solid #308a9b;padding:4px;background:rgba(250,250,250,0.5);font:400 8pt/11pt 'Raleway', sans-serif;text-align:center;letter-spacing:1px;text-transform:lowercase;}
.mine a {font:400 8pt/11pt 'Raleway', sans-serif;text-transform:lowercase;text-shadow:0 0 0 transparent;letter-spacing:1px;}
.minf {box-sizing:border-box;width:190px;height:25px;margin:0 5px;font:400 8pt/11pt 'Raleway', sans-serif;text-align:center;padding:4px;background:rgba(250,250,250,0.5);letter-spacing:1px;text-transform:lowercase;border-right:50px solid #308a9b;border-bottom:2px solid #308a9b;}
.mintext {float:left;box-sizing:border-box;width:140px;height:110px;overflow:auto;margin:0 0 0 5px;padding:0 10px;background:rgba(250,250,250,0.5);font:400 8pt/11pt 'Raleway', sans-serif;text-align:center;letter-spacing:1px;text-transform:lowercase;}
.mintext img {margin:1px;}
.minquote {display:block;margin:4px 0 7px -8px;padding:2px;font:400 7pt/7pt 'Raleway', sans-serif;text-align:left;color: #308a9b;letter-spacing:1px;text-transform:none;}
.minquote span {height:30px;overflow:hidden;font:400 74pt/51pt 'Raleway', sans-serif;float:left;margin:0 1px 0 0;-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);}
.minmp3 {margin:0 5px 0 0;float:rightt;width:50px;height:110px;overflow:hidden;background:#00485b;opacity:0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}

.minimg, .mind, .mine, .minf, .mintext {
opacity:0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	}
.mina:hover .minimg, .mina:hover .mind, .mina:hover .mine, .mina:hover .minf, .mina:hover .mintext{
     opacity: 1;
      -webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
     -ms-transform: scale(1);
      -o-transform: scale(1);
         transform: scale(1);
             -webkit-transition-delay:0.1s;
         transition-delay:0.1s;
}
.mina:hover .mind, .mina:hover .mine, .mina:hover .minf {
    -webkit-transition-delay:0.2s;
         transition-delay:0.2s;
}

.mina:hover .mintext {
    -webkit-transition-delay:0.4s;
         transition-delay:0.4s;
}
.mina:hover .minmp3
{opacity:1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
     -webkit-transition-delay:0.5s;
         transition-delay:0.5s;
}

/********************************
	Miscellaneous
********************************/

/* image tag styles */
img        { vertical-align:middle; border:0px }
img.attach { border:2px outset #555;padding:2px }

/* Forum Descriptions */
.desc { font:300 8pt/9pt 'Eagle Lake', cursive;  color: #D9CF91; }


.new-row {
display: inline-block;
}
#desc2 {margin:10px;width:350px;background:#2F332B;padding:10px;box-sizing:border-box;}

.desc2a {border:2px solid #efefef;height:160px;padding:10px;width:80px;overflow:auto;background:#2F332B; }
.desc2a td {vertical-align:middle;}
.desc2a a {font:300 8pt/9pt 'Eagle Lake', cursive; text-transform:uppercase;text-align:left;letter-spacing:1px;}
.desc2b {background:#efefef;height:160px;padding:1px;}
.desc2c {width:210px;height:50px; display:table-cell;vertical-align:middle;background:#00485b;padding:10px 10px;;text-align:right;}
.desc2c a {font:300 14pt/17pt 'Eagle Lake', cursive;text-transform:uppercase;letter-spacing:1px;color: #D9CF91;}
.desc2d {position:relative;height:120px;width:220px;overflow:hidden;margin:1px;}
.desc2dtext {overflow:auto;height:100px;padding: 10px;font:400 7pt/8pt 'Raleway', sans-serif;color: #000;text-align:justify; text-transform:uppercase;}
.desc2dimg {position:absolute;top:0;left:0;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;-o-transition:0.4s ease all;transition:0.4s ease all;}
.desc2dimg img {width:230px;height:120px;}
.desc2d:hover .desc2dimg {top:0;left:-230px;-webkit-transition:0.4s ease all;-moz-transition:0.4s ease all;-o-transition:0.4s ease all;transition:0.4s ease all;}

.desc2e {border:2px solid #efefef;height:40px;padding:5px;width:50px;overflow:auto;background:#00485b; }
.desc2e td {vertical-align:middle; }
.desc2f {display:inline-block;font:300 17pt/14pt 'Eagle Lake', cursive;padding: 5px 20px 0px; text-transform:uppercase;letter-spacing:1px;color:#8D9981;text-align:left;}
.desc2f span {font:300 7pt/9pt 'Eagle Lake', cursive;padding-left:3px;color: #efefef;}
.desc2g {width:auto;border:2px solid #efefef;height:30px;overflow:auto;background:#2F332B; font:300 7pt/9pt 'Eagle Lake', cursive;padding:5px; text-transform:uppercase;letter-spacing:1px;color: #D9CF91;text-align:right;}


/* newshub */
.newshub {height:auto;padding:2px;margin:5px auto 10px;width:780px;overflow:auto;background:#efefef; box-sizing:border-box;}
.newsa {height:160px;padding:2px;overflow:auto;width:250px;}
.newshead {padding: 10px 20px;background:#00485b;font:300 14pt/27pt 'Eagle Lake', cursive;text-transform:uppercase;letter-spacing:1px;color: #D9CF91;text-align:right;}
.newsbit {overflow:auto;height:100px;padding: 10px;font:400 7pt/8pt 'Raleway', sans-serif;color: #000;text-align:justify; text-transform:uppercase;}
.newsbit h1 {font:300 11pt/13pt 'Raleway', sans-serif;
	padding: 0 3px; text-transform:uppercase;letter-spacing:1px;
	color: #308a9b;margin:0;text-align:right;}
.newsbit h2 {font:300 9pt/11pt 'Raleway', sans-serif;
	padding: 2px 4px; text-transform:uppercase;letter-spacing:1px;
	color: #D9CF91;margin:0;text-align:right;}
.newspost {border-top:3px double #00485b;padding:5px 0;}
.newspost:first-letter {float:left;margin:0 4px 0 0;font:400 24pt/22pt 'Eagle Lake', cursive;color: #8D9981;text-shadow:-2px -2px 1px #fff,-2px -2px 1px #000;}
.newscen {display:inline-block;width:80px;font:300 9pt/11pt 'Raleway', sans-serif;padding: 5px;  text-transform:uppercase;letter-spacing:1px;color: #00485b;text-align:right;}
.newcena {display:inline-block;padding: 5px; background:#8D9981;font:300 9pt/11pt 'Raleway', sans-serif; text-transform:uppercase;letter-spacing:1px;
	color: #efefef;margin:0;text-align:right;}


/* Edited by text */
.edit { font-size: 9px }

/* Topic Macros */

.wrapmini { float: left; }

/* Warning CSS */
.warngood { color:green }
.warnbad  { color:red }

/* Skin selector dropdown */
#skin_selector {
	margin: 10px 0;
}


/* Online users list row */
.thin {
	padding:6px 0px 6px 0px;
	line-height:140%;
	margin:2px 0px 2px 0px;
	border-top:1px solid #545454;
	border-bottom:1px solid #545454;
}

/* Latest news area */
.newstext {
background-color: transparent;
color:#D9CF91;
text-align:center!important;
letter-spacing:1px;
	padding: 7px 4px;
font:400 9px/10px 'Raleway', sans-serif; text-transform:uppercase;
}

/* Highlighted text in search */
.searchlite {
	color:#F00;
	font-weight:bold;
	background-color:#FF0;
}

/****************************************
 Mobile-specific Styles
*****************************************/

#mobile {
	background-color: #2F332B;
}

/***********************************
 Copyright: Removal is against Terms
************************************/

.copyright {
	font-size: 10px; line-height: 12px;
}
.foot-text {padding: 10px 20px;font:300 8pt/11pt 'Eagle Lake', cursive;text-transform:uppercase;letter-spacing:1px;color: #D9CF91;text-align:right;}
.foot-text a {font:300 14pt/17pt "Lobster",arial;text-transform:none;}

/* board stats */

.stata {width:772px;}
.stata table {border-collapse:collapse;}
.stata td {width:33%;}
.statb {height:auto;padding:1px;background:#efefef; box-sizing:border-box;}
.statb h1 {margin:0;background:#00485b;font:300 14pt/27pt 'Eagle Lake', cursive;padding: 10px 20px; text-transform:uppercase;letter-spacing:1px;color: #D9CF91;text-align:right;}
.statb h2 {margin:0px;padding: 5px 20px;font:300 9pt/11pt 'Raleway', sans-serif; text-transform:uppercase;letter-spacing:1px;color: #308a9b;text-align:left;}
.statbday {border-top:3px double #00485b;margin:4px 15px 10px;padding: 4px 10px;overflow:auto;height:30px;font:300 7pt/9pt 'Raleway', sans-serif; text-transform:uppercase;letter-spacing:1px;text-align:left;}
.stattext {border-top:3px double #00485b;border-bottom:3px double #00485b;margin:15px;overflow:auto;height:70px;padding:10px;font:400 7pt/8pt 'Raleway', sans-serif;color: #000;text-align:justify; text-transform:uppercase;letter-spacing:1px;}
.stattext a { text-transform:none;font:400 7pt/10pt 'Eagle Lake', cursive;text-decoration:none;}
.statnewm {margin:5px;text-shadow:-2px -2px 1px #fff,-2px -2px 1px #000;text-align:center;}
.statnewm a {font:400 15pt/18pt 'Eagle Lake', cursive;color: #8D9981;text-decoration:none;text-transform:none;}
.statinfo {margin:7px 15px;font:300 7pt/9pt 'Raleway', sans-serif; text-transform:uppercase;letter-spacing:1px;text-align:left;}

/* Post Template */

.postbox {width:400px;background:#efefef;box-shadow:0 0 3px #333;padding:4px;margin:30px auto;}
.posthead {background:url(http://i61.tinypic.com/6tpnbl.jpg) center no-repeat;padding:25px;}
.posthead h1 {border:4px double #efefef;padding: 10px 20px;margin:0;background:#00485b;font:300 14pt/17pt 'Eagle Lake', cursive; letter-spacing:1px;text-transform:uppercase;color: #8D9981;text-align:right;}
.postbody {margin:25px;}
.postform {border-top:1px solid #00485b;border-bottom:3px solid #00485b;margin:55px 15px 15px;padding:10px;font:400 9pt/11pt 'Raleway', sans-serif;color: #000;text-align:justify; letter-spacing:1px;}
.postform:first-letter {float:left;margin:-20px -90px 0 -40px;font:400 79pt/21pt 'Eagle Lake', cursive;color: #8D9981;text-shadow:-2px -2px 1px #fff,-2px -2px 1px #000;}

/****************************************
TOGGLE BY NICOLE'S TOGGLE GENERATOR
nicolescodes.tumblr.com/togglegenerator
*****************************************/

 #n-toggle {
    word-break: break-word;
    display: inline-block;
    cursor: crosshair;
    text-align: center;
    box-sizing: border-box;
    position: fixed;
    z-index: 1000;
    text-transform: uppercase;
    font-family: 'Eagle Lake', cursive;
    font-size: 12px;
    width: auto;
    height: 406px;
    background: #308a9b;
    color: #d5c4a8;
    padding: 10px;
    top: auto;
    left: 0;
    right: auto;
    bottom: 10px;
}

#n-cbox {
    position: fixed;
    display: none;
    z-index: 999;
    background: #308a9b;
    top: auto;
    left: 29px;
    right: auto;
    bottom: 10px;
    width: 250px;
    padding: 3px;
}

/****************************************
TOGGLE BY NICOLE'S TOGGLE GENERATOR
nicolescodes.tumblr.com/togglegenerator
*****************************************/

 #n-toggle-2 {
    word-break: break-word;
    display: inline-block;
    cursor: crosshair;
    text-align: center;
    box-sizing: border-box;
    position: fixed;
    z-index: 1000;
    text-transform: uppercase;
    font-family: 'Eagle Lake', cursive;
    font-size: 12px;
    width: 256px;
    height: 10px;
    background: #308a9b;
    color: #d5c4a8;
    padding: 10px;
    top: auto;
    left: auto;
    right: 10px;
    bottom: 10px;
}

#n-cbox-2 {
    position: fixed;
    display: none;
    z-index: 999;
    background: #308a9b;
    top: auto;
    left: auto;
    right: 10px;
    bottom: 44px;
    width: 250px;
    padding: 3px;
}


/**************************************
CFS Profile
**************************************/


#new-profile {
    margin: 2em auto 6em;
    width: 948px;
}
#new-profile:before,
#new-profile:after {
    content: " ";
    display: table;
}
#new-profile:after {
    clear: both;
}
.profile-left-heading, .profile-right-heading {
    color: #3f3f3f;
    font-family: 'Eagle Lake';
    font-size: 16px;
    padding: 8px 16px;
}
.profile-right-container {
    font-family: 'Raleway';
    overflow: auto;
    margin: 16px 16px 16px 8px;
    height: 200px;
    padding: 0 16px;
}
#profile-name {
    background-color: #d87272;
    color: #3f3f3f;
    font-family: 'Eagle Lake';
    font-size: 36px;
    margin: 0 0 18px;
    padding: 12px 36px;
}
#profile-details {
    background: rgba(130, 215, 225, 0.3);
    float: left;
    overflow: hidden;
    width: 250px;
    margin: 0 0 18px;
}
#profile-details .profile-left-heading {
    background-color: #82d7e1;
}
#profile-details-cover {
    margin: 0 0 -450px;
    opacity: 1;
    position: relative;
    left: 0;
    transition: 0.25s left, 0.4s opacity;
    z-index: 2;
}
#profile-details-slide {
    background-color: rgba(130, 215, 225, 0.15);
    left: 0
    margin: 10px;
    padding: 10px;
    position: relative;
    z-index: 1;
}
#profile-details-slide ul {
    list-style-type: none;
    margin: 7px 0;
    padding: 0;
}
#profile-details-slide li {
    background-color: #fbfbfb;
    font-size: 11px;
    padding: 4px;
    margin: 0 0 10px;
}
#profile-details-slide li span {
    color: #1f1f1f;
}
#profile-details-slide .profile-subheading {
    background-color: #82d7e1;
}
#profile-details-slide li:last-child {
    margin: 0;
}
#profile-details:hover #profile-details-cover {
    left: -250px;
    opacity: 0;
}
#profile-history {
    background: rgba(229, 169, 106, 0.15);
    float: right;
    margin: 0 0 18px;
    width: 676px;
}
#profile-history .profile-right-heading {
    background-color: #e5a96a;
}
#profile-sample {
    background: rgba(180, 201, 144, 0.15);
    clear: right;
    float: right;
    width: 676px;
    margin: 0 0 18px;
}
#profile-sample .profile-right-heading {
    background-color: #b4c990;
}
#profile-quote {
    background-color: rgba(130, 215, 225, 0.15);
    clear: left;
    float: left;
    width: 250px;
}
#profile-quote .profile-left-heading {
    background-color: #82d7e1;
}
.profile-quotation {
    margin: 18px;
}
.profile-quotation:before {
    content: open-quote;
}
.profile-quotation:after {
    content: close-quote;
}
#profile-links {
    background-color: #d87272;
    color: #3f3f3f;
    clear: both;
    padding: 18px;
}
#profile-links a:link, #profile-links a:visited, #profile-links a:active {
    color: #fbfbfb;
    font-weight: bold;
}
#profile-links a:hover {
    text-decoration: underline;
}

/****************************************
TOGGLE BY NICOLE'S TOGGLE GENERATOR
nicolescodes.tumblr.com/togglegenerator
*****************************************/

 #n-toggle {
    word-break: break-word;
    display: inline-block;
    cursor: crosshair;
    text-align: center;
    box-sizing: border-box;
    position: fixed;
    z-index: 1000;
    text-transform: uppercase;
    font-family: font-family: 'Eagle Lake', cursive;, sans-serif;
    font-size: 12px;
    width: auto;
    height: 406px;
    background: #308a9b;
    color: #d5c4a8;
    padding: 10px;
    top: 10px;
    left: 0;
    right: auto;
    bottom: auto;
}

#n-cbox {
    position: fixed;
    display: none;
    z-index: 999;
    background: #308a9b;
    top: 10px;
    left: 29px;
    right: auto;
    bottom: auto;
    width: 250px;
    padding: 3px;
}

/****************************************
TOGGLE BY NICOLE'S TOGGLE GENERATOR
nicolescodes.tumblr.com/togglegenerator
*****************************************/

 #n-toggle-2 {
    word-break: break-word;
    display: inline-block;
    cursor: crosshair;
    text-align: center;
    box-sizing: border-box;
    position: fixed;
    z-index: 1000;
    text-transform: uppercase;
    font-family: 'Eagle Lake', cursive;, sans-serif;, sans-serif;
    font-size: 12px;
    width: 256px;
    height: auto;
    background: #308a9b;
    color: #d5c4a8;
    padding: 10px;
    top: auto;
    left: auto;
    right: 10px;
    bottom: 10px;
}

#n-cbox-2 {
    position: fixed;
    display: none;
    z-index: 999;
    background: #308a9b;
    top: auto;
    left: auto;
    right: 10px;
    bottom: 44px;
    width: 250px;
    padding: 3px;
}