LOGO - http://i58.tinypic.com/2dtnb5k.

jpg
/*=============================================== *
* Jcink.com Forum Hosting Stylesheet
* ==============================================
* #Version:
1.0.2
*=============================================== */
html { overflow-x: auto; }
form { display:inline; }
#board {width:850px; padding-left:20px; }
/****************************************
Body Background & Text Style
*****************************************/
body {
font-family: Arial, sans-serif;
font-size: 11px;
color: #c9c9c9;
margin: 0px;
padding: 0px;
background-color: #E1E1E1;
text-align: center;
background-image: url(http://i62.tinypic.com/2uzxqvt.jpg);
}
/****************************************
Table Styles
*****************************************/
table, tr, td {
font-family: Arial, sans-serif;
font-size: 11px;
color: #222;
}
/****************************************
Board Width
*****************************************/
#wrapper {
text-align: left;
width: 900px;
margin: 20px auto 30px;
box-shadow: inset 0 5px 10px rgba(0,0,0,0.5);
padding-bottom: 5px;
/* background-color: #0a0a0a; */
background-image: url(http://i59.tinypic.com/30uyaon.jpg);
box-shadow: 0px 0px 8px 5px rgba(0,0,0,0.8);
}
#innerwrapper {
padding: 0 10px;
}
/****************************************
Link colors
*****************************************/
a:link, a:visited, a:active {
text-decoration: none;
color: #800000;
}
a:hover {
color: gray;

text-decoration: none;
}
/****************************************
Profile styles
*****************************************/
#profilename {
font-size:28px;
font-weight:bold;
}
#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: 0px 0px 0px;

}
#logo a, #logo a:hover {
font-size: 36px;
text-decoration: none;
font-weight: bold;
color: #800000;
}
/****************************************
Search Bar - DISABLED
*****************************************/
#searchbar {
display: none;
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: Arial, sans-serif;
padding: 1px 0 0 8px;
}
#searchbar .search-input:focus {
color: #000000;
}
#searchbar .search-button {
background: #800000 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 {
font-size: 13px;
}
#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 {
font-weight:bold;
padding:6px 0px 16px 0px;
}
/****************************************
Calendar styling
*****************************************/
.caldate {
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 {
border: 1px solid #545454;
background-color: #F2F2F2;

list-style: none;
max-width: 900px;
min-width: 600px;
width: 100%;
margin: 0 auto;
background-image:url(http://files.b1.jcink.com/themes/default/white-gradient.png);
}
#userlinks td {
color: #333;
}
#userlinks a {
text-decoration: underline; padding: 1px;
}
#userlinks a:hover {
text-decoration: none;
}
/****************************************
Topic View styles
*****************************************/
.activeuserstrip {
background-color: #D6D6D6;padding:6px
}
.normalname {
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: #F2F2F2;
}
.post2 {
background-color: #F2F2F2;
}
.postdetails {
font-size: 10px;
}
.postcolor {
font-size: 12px; line-height: 160%;
}
.postlinksbar {
padding: 1px 5px;
background-color:#CCCCCC;
padding:1px;
margin-top:1px;

font-size:10px;
background-image:url(http://files.b1.jcink.com/themes/default/thin-gray-gradient.png);
}
.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 #800000;
border-radius:3px;
background-color:#740300;
padding-left:6px;
padding-right:6px;
color:#ffffff;
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);
background-image:url(http://files.b1.jcink.com/themes/default/gray-gradient.png);
}
.pagination .pagination_current {
background: none repeat scroll 0% 0% #FFFFFF;
border: 1px solid #545454;
border-radius:3px;
padding-left:6px;
padding-right:6px;
background-image:url(http://files.b1.jcink.com/themes/default/gray-gradient.png);
}
.pagination_first, .pagination_last, .pagination_page {
background: none repeat scroll 0% 0% #740300;
border: 1px solid #800000;
}
.pagination_pagetxt {
display:none;
}
/****************************************
Global general table/div row styles
*****************************************/
.row1,.row3,.row4,.row2 {
background-color: #EFEFEF;
padding: 5px;
}
#boardstats .row2 {

text-align: center;
}
.darkrow1 {
background-color: #D6D6D6; color:black;
}
.darkrow2 {
background-color: #D6D6D6; color:black;
}
td.darkrow2 {
display: none;
}
.darkrow3 {
background-color: #D6D6D6;
color: #000;
padding: 3px;
}
.hlight { background-color: #EFEFEF; }
.dlight { background-color: #EFEFEF; }
/****************************************
Top table bars / gradient holders
*****************************************/
.maintitle {
color: #FFF;
font-size: 80px;
line-height: 80px;
letter-spacing: -4px;
font-family: multima;
height: 150px;
text-align: center;
text-transform: capitalize;
font-variant: small-caps;
padding-top:50px;
}
.maintitle img { display:none; }
.maintitle a:link, .maintitle a:visited, .maintitle a:active {
text-decoration: none; color: #FFF !important; display: none;
}
.maintitle a:hover {
text-decoration: none;
}
#cat-1 > div.maintitle.mt_1 > span {display: none;}
#cat-3 > div.maintitle.mt_2 > span {display: none;}
#cat-2 > div.maintitle.mt_3 > span {display: none;}
#shoutbox > div.maintitle.mt_0 {
color: #FFF;
font-size: 15px;
line-height: 15px;
letter-spacing: -2px;
font-family: multima;
background-color: #000000;
height: 20px;
text-align: center;
text-transform: capitalize;
font-variant: small-caps;
padding-top:5px;

}
/****************************************
Bar directly below the maintitles
*****************************************/
.titlemedium {
font-weight:bold; color:#222;
padding: 2px 6px; margin:0px;
background-color:#D8D8D8;
background-image: url(http://files.b1.jcink.com/themes/default/gray-gradient.png);
}
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active {
text-decoration: none;
color: #222;
}
/****************************************
Table & Div Borders
*****************************************/
.tableborder {
padding:0px; margin:0;
}
.tablefill {
background-color: #EFEFEF;
border:1px solid #555;
padding:6px;
}
.tablepad {
background-color: #EFEFEF;
padding:6px;
}
.tablebasic {
width:100%; padding:0; margin:0px; border:0px;
}
.plainborder {
border:1px solid #555;
background-color: #EFEFEF;
}
/****************************************
QUOTE and CODE BBCode boxes
*****************************************/
#QUOTE {
white-space:normal;
font-family: Arial, sans-serif;
font-size: 11px;
color: #333;
background-color: #EFEFEF;
border: 0px;
padding:2px;
border:1px solid #555;
margin-top:2px;
}
#CODE {
white-space:normal;
font-family: Courier, Courier New, Verdana, Arial;

font-size: 11px;
color: #333;
background-color: #EFEFEF;
border: 0px;
padding:2px;
border:1px solid #555;
margin-top:2px;
}
/**********************************************
Input buttons, e.g. submit, text input, etc
***********************************************/
.button-large {
background: #800000 url(http://files.b1.jcink.com/themes/default/red-gradient.png);
border-radius: 3px;
padding: 5px 12px;
text-align:center;
margin:0px 5px 0px 5px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
color: #FFFFFF;
font-weight: bold;
min-width: 75px;
display: inline-block;
}
.button-small {
background: #800000 url(http://files.b1.jcink.com/themes/default/red-gradient.png);
border-radius:3px;
color: #FFFFFF;
font-weight: bold;
font-size: 11px;
margin: 3px;
padding: 4px 7px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
text-decoration: none;
min-width: 50px;
max-width: 80px;
}
.post-buttons-top { margin-top: 3px; }
.button-large.closed {
background: url(http://files.b1.jcink.com/themes/default/white-gradient.png);
padding: 7px 12px;
text-align:center;
margin:0px 5px 0px 5px;
border: 1px solid #d8d8d8;
color: #660000;
font-weight: bold;
}
.forminput, .codebuttons, .textinput, .radiobutton, .checkbox {
border-radius: 2px;
background: #FFF; border: 1px solid #545454;
color: #000;
font-family: Arial, 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: #800000 url(http://files.b1.jcink.com/themes/default/red-gradient.png);
border-radius:3px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
color: #FFFFFF;
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-image:url(http://files.b1.jcink.com/themes/default/gray-gradient.png);
background-color: #D6D6D6;
color:black; 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: #800000;
background-image: url(http://files.b1.jcink.com/themes/default/red-gradient.png);
margin-top:3px;
margin-right:2px;
font-size:11px;
border: #545454 1px solid;
}

.closedtab {
color: #FFF;
padding:7px;float: left;width: auto;
background-color: #800000;
background-image: url(http://files.b1.jcink.com/themes/default/red-gradient.png);
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 Seperators
*******************************/
.postbit {
border-bottom: solid 1px #C0C0C0;
color: black;
background: #EFEFEF;
font-size: 11px;
padding: 6px 7px;
}

/********************************
Miscellaneous
********************************/
/* image tag styles */
img
{ vertical-align:middle; border:0px }
img.attach { border:2px outset #555;padding:2px }
/* Forum Descriptions */
.desc { font-size:11px; color: #000; }
/* 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: #EFEFEF;
border: 1px solid #555;
padding: 6px 6px 2px 6px;
margin-bottom: 10px;
}
/* Highlighted text in search */
.searchlite {
color:#F00;
font-weight:bold;
background-color:#FF0;
}
/****************************************
Mobile-specific Styles
*****************************************/
#mobile {
background-color: #FBFBFB;
}
/***********************************
Copyright: Removal is against Terms
************************************/
.copyright {

font-size: 10px; line-height: 12px;

}
/***********************************
CFS Forums
************************************/
#cfsforum {
width: 840px;
height: 155px;
background-color: #202020;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 0px;
position: relative;
z-index: 1;
}
#cfsinner {
width: 840px;
height: 150px;
background-color: #202020;
position: relative;
z-index: 2;
}
#cfstitle {
width: 755px;
height: 43px;
margin-left: -5px;
padding-left:40px;
font-size: 55px;
line-height: 55px;
border-bottom: 10px solid #d7d7d7;
font-family: multima;
letter-spacing: -5px;
text-transform: capitalize;
font-variant: small-caps;
position: relative;
z-index: 3;
}
#cfstitle a {
font-size: 55px;
line-height: 55px;
font-family: multima;
}
#cfsdesc {
font-family: arial;
font-size: 11px;
line-height: 10px;
color: #FFFFFF;
padding-left: 40px;
padding-top: 5px;
width: 600px;
height: 81px;
background-color: #000000;
position: relative;
z-index: 3;
}
#cfsdesc a {
font-family: arial;

font-size: 12px;
}
#cfslp {
font-family: arial;
font-size: 11px;
line-height: 10px;
color: #000000;
padding-left: 40px;
width: 600x;
height: 11px;
margin-bottom:0px;
float: left;
position: relative;
z-index: 3;
}
#cfslp a {
font-family: arial;
font-size: 12px;
}
#cfscircle {
width: 150px;
height: 150px;
background-color: #d7d7d7;
float: right;
position: relative;
z-index: 4;
border-radius:75px;
box-shadow: inset 0px 0px 8px 3px #000000;
margin-top: -150px;
margin-right: 25px;
}
dot {
font-size:20px;
}
@font-face {
font-family: "multima";
src: url(http://havenfalls.b1.jcink.com/uploads/havenfalls/Multima_Strong.ttf)
format("truetype");
}
#owl-demo .item img{
display: block;
width: 100%;
height: auto;
}
div.#sheets-viewport > table > tbody > tr:nth-child(2) {display:none !important;}
#top-bar {display: none !important;}

/***********************************
DROP DOWN MENU
************************************/
@import url(http://weloveiconfonts.com/api/?family=entypo);
/*reset*/ul{list-style:none;}a{text-decoration:none;}ul,li,a{margin:0;padding:0;}
/***** basic styles *****/

.container {
position: absolute;
width: 900px;
margin-left: 10px;
top: 150px;
}
.nav-container {
}
p{
font-family: Georgia;
color: #333;
}
a{
font-family: 'Helvetica', 'Arial', san-serif;
color: #333;
}
/***** menu *****/
#navmenu {
display: inline-block;
padding: 5px 0;
z-index: 5;
position: absolute;
}
#navmenu > li {
border-color: #ADADAD;
border-right: solid 0px #A3A3A3;
padding: 0 10px;
}
#navmenu li {
float: left;
position: relative;
line-height: 30px; /* must match height of ul */
}
#navmenu li:hover span { color: #C89292; }
.nav-link {
display: inline;
margin: 0 100px 0 100px;
}
/* icon font */
[class*="entypo-"] { font-family: 'Entypo', sans-serif; }
#navmenu span[class*="entypo-"] {
position: absolute;
left: 15px;
color: #8f8f8f;
font-size: 1.5em;
}
/***** submenu *****/
/* submenu container */
#drop {
opacity: 0;
position: absolute;

top: 22px;
left: 0px;
width: 283px;
background: #C3C3C3;
border: 5px solid #c3c3c3;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
z-index: 0;
}
/* submenu links */
#drop li a {
color: #E0E0E0;
font-size: 0.8em;
margin-left: 10px;
}
/* height of submenu links */
#navmenu li:hover ul li {
height: 30px;
line-height: 30px;
}
/* submenu positioning */
#navmenu li:hover ul { opacity: 1; }
#drop li {
float: none;
position: static;
height: 0;
line-height: 0;
background: none;
}
/* submenu transitions */
#navmenu li { transition: all 0.2s; }
#navmenu li a { transition: all 0.5s; }
#drop { transition: all 1s; }
#drop li { transition: height 0.5s; }
/***********************************
CUSTOM MAINTITLES
************************************/
.maintitle.mt_1 { background-image:url(http://i57.tinypic.com/2vsnuok.jpg); margin-bottom: -20px;
}
.maintitle.mt_2 { background-image:url(http://i189.photobucket.com/albums/z91/jaejaejj/gry