html { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size:90%;}
body { margin: 0; background: #489848 url('http://klaufel.com/oot/ci/assets/images/bg-grass.png') top center repeat; }

.inside a { color: #eee; }
.inside a:hover { color: #FFD91C; }
.row { width: 960px; margin: 0 auto; padding: 0 20px; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.no-bold { font-weight: normal; }
.italic { font-style: italic; }
.left { float: left; }
.margin { margin: 0!important;}
.margin-top { margin-top: 0!important;}
.margin-bottom { margin-bottom: 0!important;}
.padding-bottom { padding-bottom: 4px!important; }
.white { color: #fff; }
.gray { color: #333; }
.yellow { color: #cb9c2a!important;}
.small { font-size: 12px; }
.black { color: #000; }
.text-center { text-align: center; }
.hide { display:none!important;}

ul#nav { color: #000; }
ul#nav li a {color: #000; }
ul#nav li a:hover {color: #fff; }
#wrapper { overflow: hidden; padding-bottom: 60px; margin-top: -20px; }

.sidebar-left { width: 250px; padding: 0; float: left; margin-right: 30px; position: relative;}
.sidebar-right { width: 680px; padding: 0; float: left; }

.frame-land { background-color: #887848; border: 16px solid transparent; border-image-source: url("http://klaufel.com/oot/ci/assets/images/frame-land.png"); border-image-slice: 16; border-image-repeat: round; }
.frame-land p { font-size: 14px; }

.inside { padding: 20px; overflow: hidden; position: relative; z-index: 0;}
.inside.faq { padding: 0 20px;}
.inside.faq.first { padding-top: 20px;}
.inside.faq p { padding-left: 10px; padding-top: 5px;}
.frame-land-inside { background: #786038 url("http://klaufel.com/oot/ci/assets/images/frame-land-inside.png") bottom left repeat-x; width: 896px; margin-top: -4px; margin-left: -4px; padding: 10px 20px 20px 20px; min-height: 20px;  }
.frame-land-inside.bottom { background: #786038 url("http://klaufel.com/oot/ci/assets/images/frame-land-inside.png") top left repeat-x; margin-top: 0px; margin-bottom: -4px; }
.frame-land-inside.bottom h3 { margin-top: 10px;}
.frame-land-inside h3 { margin: 0; margin-bottom: 20px; padding: 0; font-weight: normal; color: #fff; font-size: 20px; }
.frame-land-inside img { float: left; margin-right: 20px; }
.frame-land-inside p { font-size: 14px; color: #fff; font-style: italic; }
.frame-land-inside-left { background: #786038 url("http://klaufel.com/oot/ci/assets/images/frame-land-inside.png") top left repeat-x; width: 183px; margin-bottom: -20px; margin-top: 20px; margin-left: -19px; padding: 20px 25px 15px 20px;  }

.forum { border-top: 2px solid #604828; }
#header {  padding-top: 20px; overflow: hidden; }
#btn-home { display: block;}
.container { width: 100%; background: #489848 url('http://klaufel.com/oot/ci/assets/images/bg-grass.png') top center repeat;  padding-bottom: 100px;}

#footer { text-align: center; background: url('http://klaufel.com/oot/ci/assets/images/bg-footer.png') top center repeat-x; margin-top: -20px; padding-top: 260px; }
#footer p { font-size: 14px; color: #fff; margin: 10px 0;}
#footer p span { background: #3860A8; padding: 10px 20px; }
#footer .footer-fullwidth { width: 100%; margin: 0; height: 140px; padding-top: 60px; background: #3860A8 url('http://klaufel.com/oot/ci/assets/images/bg-water.png') top center repeat;}

.menu-top-nav { float: left; }
.menu-top-nav ul { list-style: none;margin: 0; padding: 0; }
.menu-top-nav ul li { float: left; margin: 0; padding: 0; margin-right: 25px;}
.menu-top-nav ul li a { color: #fff; margin-right: 20px; display: block; text-align: left; margin: 0; padding: 0; font-size: 16px;}
.menu-top-nav ul li a img {margin-right: 8px!important; }
.menu-top-nav ul li a:hover { color: #ffc518; }

button, a.btn_fake { 
  background: #87AC00;
  border: 2px solid #604825;
  color: #222;//#fff;
  margin: 0;
  cursor: pointer;
line-height: 22px;
  padding: 0px 20px;
  text-align: center;
   outline: 2px solid #282828;
  font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif;
  font-size:100%;
  text-decoration: none;
}

button:hover { background-color: #698400; color: #fff!important; }
#c_bbcode button, #c_bbcode a.btn_fake { padding: 0 5px; outline: 0;}
.inside.download { clear:both;  padding-bottom: 10px; overflow:hidden; margin-bottom: 0px; margin-top: 2px;}
.download .button { float: left; margin-right: 20px;  }
.download .version { font-weight: bold; font-size: 16px; padding-top: 4px; margin-top: 0px; margin-bottom: 8px; }
.download .version span.number { color: #00208C; }
.download .version a.changelog { font-size: 13px; font-weight: normal; font-style: italic; color: #333; text-decoration: underline; }
.download .version a.changelog:hover { color: #ffc435;}
.download .glitch { color: #000; font-style: italic; font-size: 15px; margin-top: 8px;}

.primary-menu .button { display: block; padding: 0;}
.primary-menu { margin-top: 55px; padding: 10px;}
.primary-menu ul { margin: 0; padding: 0; margin-top: 0px;}
.primary-menu ul li { list-style:none; display: inline-block; margin-right: 10px;}
.primary-menu ul li a { font-size: 16px; text-decoration: none; color: #000; height: 25px; line-height: 25px; }
.primary-menu ul li ul { margin-top: 0; }
.primary-menu ul li ul li { margin-top: 0; margin-left: 15px;}
.primary-menu ul li a:hover, .primary-menu ul li a.active { color: #fff; }

.new { font-size: 12px; color: #880000; font-style: italic; }
.advice { background-color: #306530; padding: 20px; margin-top: 0px; }
.advice p { margin: 0; text-align: center; color: #fff; font-size: 1em; }
.advice.only{ margin-top: 60px; }
.advice.star {margin-top: 65px;}
.advice.star p img { margin-bottom: -2px; }

#saludo { background: url(hola.png) no-repeat left top; width: 50px; height: 72px; margin: 0 auto; box-shadow: 0 0 3px #444; animation: hola-2 1.5s steps(10) infinite; }



.home-text { margin: 25px 0;}

hr.double { clear: both; width: 656px; height: 8px; background: #796035 url('http://klaufel.com/oot/ci/assets/images/frame-land-double.png') left center repeat-x; border: 0; margin:0; margin-top: 2px; margin-left: -4px; }

.column { margin: 0; padding: 0; width: 48%; border: 0px solid red; float: left; margin-right: 4%; }
.column.last { margin: 0; }
.colum.media { width: 100%;}
.colum.media li { float: left;  width: 48%; margin-right: 4%; }
.colum.media li:nth-child(2n+2) { margin: 0; }

.colum.characters { width: 100%;}
.colum.characters li { float: left; width: 16.8%; margin-right: 4%; }
.colum.characters li:nth-child(5n+5) { margin: 0; }
.characters-inside { min-height: 260px;}
.characters-inside h2 { color: #fff; font-weight: normal; margin-top:0;}
.characters-inside img { float: left; margin-right: 20px; }
.characters-inside div { display: none;}

ul.list {  font-size: 14px; padding-left: 10px;list-style: none; margin-bottom: 20px;}
ul.list li { background: url('http://klaufel.com/oot/ci/assets/images/icons-sprite.png') -41px -139px no-repeat; padding-left: 18px; }
ul.list.how-to-use li { margin-bottom: 6px; }
ul.list a { color: #333; text-decoration: underline; }
ul.list a:hover { color: #fff; }
ul.list ul { padding-left: 10px; list-style: none; margin-bottom: 5px;}
ul.list ul li { background: url('http://klaufel.com/oot/ci/assets/images/icons-sprite.png') -41px -113px no-repeat; padding-left: 18px;}
p.list-title { font-size: 15px; font-weight: bold; margin-bottom: 5px;}
p.list-title a { font-size: 12px; color: #333; font-style: italic; text-decoration: underline;}
p.list-title a:hover { color: #fff; }

.breadcrumb { height: 32px; padding-left: 42px; background: url('http://klaufel.com/oot/ci/assets/images/icons-sprite.png') -23px -50px no-repeat; margin-bottom: 10px; }
.breadcrumb h1 { font-size: 14px; font-weight: normal; line-height: 32px; margin: 0; padding: 0; }
.breadcrumb h1 span { background: #489848; padding: 5px 55px 5px 0; }
.breadcrumb h1 a { font-size: 13px; color: #000;}
.breadcrumb h1 a:hover { color: #fff;}

p.title-code { font-size: 12px; font-weight: bold; margin-bottom: 5px; margin-top: 20px; }
.code { border: 1px dashed #333; padding: 10px; }
.code code { font-size: 13px; }

.progress-title { margin: 0; font-size: 12px; color: #cb9c2a; margin-bottom: 10px; }
#progress-bar { cursor: help; position: relative; width: 100%; background-color: #383838; line-height: 14px; text-align: center; border: 2px solid #eee; border-radius: 5px;}
#progress-bar .bar { position: absolute; min-width: 10%; background: #00c800; height: 100%; border-radius: 2px; }
#progress-bar span { font-size: 12px; color: #eee; position: relative; }

span.icons { width: 23px; height: 16px; background: url('http://klaufel.com/oot/ci/assets/images/icons-sprite.png') 0 0 no-repeat; display: inline-block; margin-right: 12px; text-indent: -99999;}
span.icons.icon-video { background-position: 0 0; }
span.icons.icon-screenshot { background-position: 0 -16px; }
span.icons.icon-music { background-position: 0 -32px; }
span.icons.icon-folder { background-position: 0 -48px; }
span.icons.icon-download { background-position: 0 -64px; }
span.icons.icon-faq { background-position: 0 -80px; }
span.icons.icon-about { background-position: 0 -96px; }
span.icons.icon-log { background-position: 0 -112px; }
span.icons.icon-characters { background-position: 0 -128px; }
span.icons.icon-finish { width: 10px; height: 10px; background-position: -44px -82px; margin-right: 0; }
span.icons.icon-dev { width: 10px; height: 10px; background-position: -44px -92px; margin-right: 0; }

.dead-link { margin: 16px auto 17px; }

.media-more { float: right; margin-top: -20px;}
.media li span, .media-link span { font-size: 13px;  width: 100%; display: block; position: absolute; bottom: 0; color: #fff; margin: 0; padding: 0; background: #796035 url('http://klaufel.com/oot/ci/assets/images/icons-sprite.png') -35px -132px no-repeat; padding: 8px 8px 8px 26px; }
.media-link { overflow: hidden; position:relative; display: block; border: 6px solid; border-image: url('http://klaufel.com/oot/ci/assets/images/frame-image-small.png') 6 6 6 6; margin-bottom: 15px; width: 280px; height: 210px;}
.media-link:hover { border-image: url("http://klaufel.com/oot/ci/assets/images/frame-image-small-hover.png") 6 6 6 6; background: rgba(0,0,0,.4) url('../images/media-link-image.png') center center no-repeat; }
.media-link.selected { border-image: url("http://klaufel.com/oot/ci/assets/images/frame-image-small-hover.png") 6 6 6 6; }
.media-link.video:hover { background-image: url('http://klaufel.com/oot/ci/assets/images/media-link-video.png'); }
.media-link.video {padding-bottom: 32px;}
.media-link.video, .media-link.video img { height: 158px; }
.media-link.character, .media-link.character img { height: 80px; width: auto;}
.media-link.character { padding-bottom: 32px;}
.media-link.character:hover { background-image: none;}
.media-link.character span { padding-left: 8px; background-image: none; background: #51482B;} 
.media-link img {position: absolute; z-index: -100; max-width: 280px; max-height: 210px;}
.media-link.home { width: 600px; height: 315px; }
.media-link.home:hover{ border-image: url('http://klaufel.com/oot/ci/assets/images/frame-image-small.png') 6 6 6 6; background: none; }

.lightbox {display: none;}
.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}
.featherlight:last-of-type{background:rgba(0,0,0,.7)}
.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;min-width:30%;margin-left:5%;margin-right:5%;max-height:95%;cursor:auto;white-space:normal;background-color: transparent; border: 24px solid transparent;border-image: url('http://klaufel.com/oot/ci/assets/images/frame-image.png') 24 24 24 24; padding: 0px;}
.featherlight .featherlight-inner{display:block}
.featherlight .featherlight-close-icon{position:absolute;z-index:9999;line-height:25px;cursor:pointer;top: 0px; right: 0px; text-indent: -9999; font-size:0;background: url('http://klaufel.com/oot/ci/assets/images/icons-sprite.png') -23px -82px no-repeat; width: 21px; height: 21px;}
.featherlight .featherlight-image{width:100%}

@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}



a, #ucp_gallery a {
color:#ffc518;
text-decoration:none;
}

a:hover, #ucp_gallery a:hover {
color:#FFD91C;
text-decoration:none;
}

hr {
color:#624826;background:#624826;
border:0;
clear:both;
height:1px;
}

table {
border-collapse:collapse;
border-spacing:0;
clear:both;
empty-cells:show;
width:100%;
}

th,td {
border:0;
}

th {
background:#796035;
color:#eee;
font-weight:400;
padding:5px 10px;
text-align:left;
border-bottom: 1px solid #604828;
}

td {
background:#796035;
color:#000;
padding:5px 10px;
}

th a,th a:hover {
color:#eee;
font-weight:700;
}

h1 {
font-size:200%;
}

h2,h3 {
font-size:100%;
}

.category h2,.topic h2,#portal h2,#portal_foot h2,thead th {
background:#624826;
color:#fff;
font-size:110%;
font-weight:700;
}

thead th {
border:0;
border-bottom-width:1px;
padding:10px;
text-align:center;
}

h2.special {
background:#cb9c2a;
border:0;
}

.notice {
background:#fff;
border:2px solid #e7e7e7;
color:#333;
margin:10px auto 10px;
width:70%;
}

.notice dt {
color:#8CB5E7;
font-weight:700;
}

.notice dd {
font-style:italic;
}

dl.info {
background:#fff; 
border-color:#cb9c2a; 
}

.info dt {
background:#cb9c2a;
color:#fff;
}

dl.error {
background:#fafafa;
border-color:#BC3737;
}

.error dt {
background:#e7e7e7;
color:#BC3737;
}

#top ul,#nav,ul.cat-pages,ul.cat-topicpages,table.calendar ul,div.meta_menu ul,#pm_folderlist,#profile_menuwrap ul {
list-style:none;
padding:0;
}

#profile_menuwrap ul,ul.cat-topicpages,blockquote dl,#fast-reply dd {
margin:0;
}

#top li,#nav li,ul.cat-pages li,ul.cat-topicpages li,table.calendar li,#pm_folderlist li,#profile_menuwrap li,#ucp_gallery li {
display:inline;
}

#top_bar { display: none; }

#top {background: #2E662C; min-height:28px; padding: 0;margin-bottom:18px;  margin-top: 18px;}

#top_info {
color:#fff;
float:left;
margin-top:4px;padding-left: 10px!important;
}

#top_menu {
background:#255325;
border-left:1px solid #275227;
float:right;
margin-top:0px;
}

.drop_menu li#menu_acp, .drop_menu li#menu_rcp{position:absolute;right: 0px; } 
.drop_menu li#menu_acp {top: 100px; }
.drop_menu li#menu_rcp{top: 60px;} 
.drop_menu li {
background:#2E662C;
float:left;
margin-right:1px;
text-align:center;
}

.drop_menu a {
color:#fff;

 display: block;
    padding: 4px 0.25em;
    position: relative;
    width: 9em;
border-color: #255325; // Was white.
}

.drop_menu a:hover {
color:#ef7400;
border-color: #255325; // Was white.
}

.drop_menu ul {

border-top:1px solid #255325;
color:#fff;
left:-999em;
margin:0;

position:absolute;
width:9.4em;
}

.drop_menu ul li {
background:#2E662C;
font-size:85%;
margin:0;
padding:0;
width:100%;    border-color: #255325!important;
}

.drop_menu ul li a { -
    border-color: #255325!important;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    display: block;
    padding: 4px 5%;
    width: 90%;
}

.drop_menu li ul li a:hover {
background:#255325;
}

#logo {
background:url(http://z4.ifrm.com/static/1/css/logobg.png) repeat-x top #566cb0;
border:1px solid #3a5197;
border-bottom:0;
clear:both;
margin:0 2%;
}

#submenu_bar { display:none; }

#submenu {
float: right;
color:#fff;
font-size:85%;
text-align:right;
}

#wrap {
background: transparent;
border:0; margin:0;
}

#nav {
color:#fff;
height:1%;
padding:10px 1%;
}

.meta_box {
background:url(http://z4.ifrm.com/static/1/css/boxbg.png) repeat-x top #D8DCEB;
border:1px solid #BFC8E3;
font-size:85%;
line-height:150%;
padding:10px 25px;
}

.meta_menu {
background:#796035;
border:1px solid #796035;;
padding:0;
width:49%;
}

.meta_menu h3 {
background:#624826;
border:0;
clear:both;
color:#FFF;
font-size:100%;
font-weight:700;
margin:-1px;
text-align:center;
}

.meta_menu a,.meta_menu a:hover {
color:#eee;
}

ul.cat-pages {
float:left;
font-size:90%;
margin:15px 0;
padding: 5px 1px;
width:49%;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
background:#624826;
border:2px solid #624826;
color:#fff;
}

.cat-pages a:hover,.cat-topicpages a:hover {
background:#cb9c2a;
color:#fff;
}

.cat-pages span {
background:none;
border:2px solid #624826;
color:#FFF;
cursor:default;
font-weight:700;
padding:2px 5px;
}

.cat-pages input {
background:#624826;
color:#fff;
padding:3px 5px;
vertical-align:baseline;
}

ul.cat-topicpages {
float:right;
font-size:80%;
padding:1px 0;
}

tr.generic td,div.generic {
font-size:120%;
font-weight:700;
padding:20px;
text-align:center;
}

td.c_head,td.c_foot,td.c_sort {
 background: url("http://klaufel.com/oot/ci/assets/images/frame-land-inside.png") repeat-x scroll left bottom #786038;
    min-height: 2px;
   padding: 5px;
}

td.c_desc {
background:#796035;
font-weight:700;
text-align:right;
vertical-align:middle;
width:200px;
}

td.c_desc small {
display:block;
font-weight:400;
}

tr.pm_new td {
background:#786038;
border-top: 2px solid #624826;
border-bottom: 2px solid #624826;
font-weight:700;
}

tr.hidden td.c_post {
background:#D8DCEB;
}

.bday {
background:url(http://z4.ifrm.com/static/1/s_minibday.png) no-repeat;
color:#425384;
font-size:90%;
font-weight:700;
height:16px;
padding:2px 2px 2px 18px;
width:20px;
}

.c_mark {
background:#796035;
text-align:center;
width:1%;
}

.c_forum {
color:#fff;
font-size:80%;
width:60%;
background:#796035;
}

.c_forum strong a,.c_last strong a {
color:#ffc518;
}

.c_forum strong a:hover,.c_last strong a:hover {
color:#FFD91C;
}

.c_forum strong a {
font-size:135%;
}

td.c_last {
background:#796035;
font-size:85%;
color: #ccc;
}

.c_forum-desc {
color:#333;
font-size:85%;
}

.c_last-title {
background:url(http://z4.ifrm.com/30549/41/0/f5050232/last.png) no-repeat left;
display:block;
line-height:16px;
padding-left:10px;
}

td.c_info-v,td.c_info-t,td.c_info-r {
font-size:80%;
padding:5px;
color: #eee;
background:#796035;
padding-bottom: 10px;
padding-left: 10px;
text-align:left;
}

td.c_subforum {
background:#f6f6f6;
color:#425384;
font-size:80%;
font-style:italic;
}

.cat_head td {
border-color:#624826;
padding:0;
}

#stats .cat_head td {
border-color:#e77700;
}

.description {
color:#eee;
font-size:85%;
}

a.member{color:#CB9C2A;}
a.member:hover {
color:#FFC435;
}
.usertitle{color:#fff;}

td#stats_events a,td#stats_events span {
background:url(http://z4.ifrm.com/static/1/s_minical.png) no-repeat 2px;
padding:4px 0 4px 20px;
}

td.c_username {
background:#796035;
padding:2px 0;
text-align:center;
}

td.c_username a {
font-size:140%;
font-weight:700;
}

td.c_user {
background:#796035;
font-size:80%;
}

td.c_user dl {
background:#604828;
border:0;
margin:10px 0;
color: #eee;
padding:5px 7px;
width:160px;
}

dl.user_profile {
overflow:hidden;
word-wrap:break-word;
}

dl.user_profile dd {
font-style:italic;
margin-left:8px;
}

dl.user_info dd {
font-weight:700;
margin-bottom:1px;
}

#profile_menu ul {
-moz-opacity:1;
border-top:0;
opacity:1;
}

#profile_menu a {
background:#cb9c2a;
border:1px solid #666;
}

#profile_menu li li a {
border-top:0;
}

#profile_menu li ul li a:hover {
background:#ffc518;
}

td.c_poll-choice label {
font-weight:700;
padding-left:1em;
}

td.c_poll-votes {
font-size:120%;
text-align:center;
width:15%;
}

td.c_poll-bar div {
background:url(http://z4.ifrm.com/static/1/poll_b.png) no-repeat right;
float:left;
height:12px;
padding-right:3px;
}

td.c_poll-bar span {
background:url(http://z4.ifrm.com/static/1/poll_l.png) no-repeat;
display:block;
float:left;
height:12px;
width:3px;
}

.editby,.queued {
border:1px dotted #fff;
color:#eee;
font-size:85%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

.queued {
background-color:#D8DCEB;
border-color:#fff;
}

blockquote {
background:#624826;
border:2px solid #624826;
margin:10px auto;
padding-bottom:1px;
width:98%;
}

blockquote dl {
background:#624826;
border-bottom:1px solid #624826;
color:#fff;
}

blockquote dl dt {
color:#fff;
float:left;
font-weight:700;
}

code {
background:#f6f6f6;
display:block;
font-family:Monaco, Consolas, "Courier New", Courier, monospace;
white-space:normal;
}

div.spoiler {
border:2px solid #624826;
border-top:0;
padding:5px 7px;
}

div.spoiler_toggle {
background:#624826;
border:1px solid #624826;
color:#fff;
cursor:pointer;
font-weight:700;
padding:2px 4px;
}

table#conversation td.c_postinfo { background: #796035; }
td.c_postinfo {
background:#887848;
color:#000;
padding-left: 20px;
border-bottom: 1px solid #786038;
font-size:80%;
vertical-align:middle;
}

td.c_sig {
//color:#666;
font-size:80%;
}

td.c_sig blockquote {
background:none transparent;
border:0;
border-left:3px solid #999;
padding-left:5px;
}

td.c_sig blockquote dl {
background:none transparent;
border:0;
color:#666;
}

td.c_sig blockquote dl dt,td.c_sig blockquote dl dd {
color:#666;
padding:0;
}

td.c_sig blockquote div {
background:transparent;
margin-left:5px;
padding:0;
}

tr.c_postfoot {
background:#f6f6f6;
clear:both;
}

td.c_footicons,td.c_postinfo {
width:100%;
}

td.c_username {
width:175px;
}

.c_next a {
display:block;
font-size:125%;
font-weight:700;
text-align:center;
}

td.c_view {
background:#796035;
color:#777;
}

div.c_view-list {
color:#999;
font-size:92.5%;
}

dl#fast-reply dt {
background:#604828;
border:0;
color:#FFC435;
font-size:110%;
font-weight:700;
margin:0;
padding:5px; padding-left: 24px;
}

dl#fast-reply dd {
background:#796035;
border:0;
padding:15px 0;
text-align:center;
}

#c_post-preview {
background:#796035;
border:2px solid #ffc518;
margin:0 auto 10px;
padding:10px;
text-align:left;
width:98%;
}

#c_post-resize span {
color:#e7e7e7;
cursor:pointer;
font-size:225%;
padding:20px 5px 0;
}

#emot_wrap {
background:#624826;
border:2px solid #624826;
}

#emot_wrap h3 {
background: #624826;
border-bottom:2px solid #624826;;
color:#cb9c2a;
font-size:120%;
text-align:center;
}

#emot_end {
border-top:2px solid #624826;
display:block;
font-weight:700;
padding:4px 0;
text-align:center;
}

#pm_folders {
border: 0;
padding-top:30px;
vertical-align:top;
width:150px;
}

#pm_folderlist {
position: relative;
margin-left:0;
margin-top:0
}

#pm_folderlist li {
background:url(http://z5.ifrm.com/30478/96/0/f5310075/pmfolder.png) no-repeat 5px;
display:list-item;
margin-bottom:4px;
padding-left:28px;
}

#pm_forwarded {
border:1px dotted #e7e7e7;
color:#999;
font-size:90%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

#ucp_gallery a {font-weight:700;}

.calendar td.cal_inactive {
background:#f6f6f6;
color:#e7e7e7!important;
}

.calendar td div {
background:#f6f6f6;
border-bottom:1px solid #e7e7e7;
font-weight:700;
padding:5px 7px;
}

.calendar div a {
background:url(http://z4.ifrm.com/static/1/s_minibday.png) no-repeat 5px;
float:right;
font-size:80%;
font-weight:400;
padding:0 0 6px 24px;
}

.calendar li a,.calendar li span {
border-color:transparent;
border-style:solid;
border-width:1px;
display:block;
padding:3px;
}

.calendar td#cal_current {
background:#fff;
border:2px solid #fff;
}

div.portal_content {
background:#796035;
border: 0;
border-bottom: 2px solid #624826;
font-size:88.3%;
margin:0;
color: #000;
padding:5px 10px;
}
div.portal_content a { color: #ccc; }
div.portal_content a:hover { color: #fff; }
#portal_1 .portal_box div.portal_content { color: #fff; }
#portal h2 {
font-size:88.3%;
}

#portal h4 {
background:#796035;
border: 0;
color:#777;
font-size:88.3%;
font-weight:400;
margin:0;
padding:5px 10px;
}

#portal #portal_l div.portal_content { color: #fff; }
#portal #portal_r h4 { color: #fff; }
#portal #portal_news h4 { border-bottom: 1px solid #624826; color: #eee; }
#portal #portal_news div.portal_content { padding: 10px 10px 20px; }

#faq dt a {
font-size:120%;
font-weight:700;
}

#faq dd.faq_more a,#faq dl.faq_more a:hover {
font-style:italic;
}

.search_results {
background:#fafafa;
border:1px solid #e7e7e7;
margin-bottom:1em;
padding:5px 7px;
}

.search_results h3 {
display:inline;
font-size:125%;
}

.search_results cite,.search_results p {
color:#777;
font-size:85%;
margin:0;
}

#findposts .c_mark {
color:#fff;
font-size:200%;
font-weight:700;
vertical-align:top;
}

#pmtoast {
background:#489848;//#fff;
border:2px solid #306530;//#3a5197;
bottom:10px;
color:#333;
display:none;
font-size:90%;
position:fixed;
right:10px;
text-align:right;
text-decoration:none;
width:200px;
z-index:1;
}

#pmtoast:hover {
border-color:#3a5197;
}

#pmlink {
background:url(http://z4.ifrm.com/static/1/toast.png) no-repeat 5px;
color:#fff;
display:block;
padding:10px 10px 10px 55px;
text-decoration:none;
}

#pmlink big {
color:#fff;
display:block;
font-weight:700;
padding-bottom:5px;
}

#pmlink strong {
color:#FFC518;//#E77700;
}

#pmclose {
border-top:1px solid #3a5197;
color:#fff;
display:block;
font-size:80%;
padding:1px 10px;
}

#pmclose:hover {
color:#3a5197;
}

#foot_wrap {
 background: url("http://klaufel.com/oot/ci/assets/images/frame-land-inside.png") repeat-x scroll left top #786038;
    margin-bottom: -4px;

  margin-left: -4px;
 margin-top: 40px;
    padding: 10px 20px 20px;
    width: 896px;
}

#foot td { background:transparent; border:0; color:#fff; font-size:90%; }
#foot a,#foot a:hover {color:#FFC518;}

#foot #foot_datetime {
border-left:1px solid #e7e7e7;
width:1%;
white-space:nowrap;
}

#copyright {
color:#FFF;
font-size:80%;
margin:0;
padding-bottom: 20px;
background-color: #3860A8;
text-align:center;
}

#copyright a {
color:#fff;
font-weight:700;
}

#c_tos h3 {
color:#333;
font-size:120%;
}

td.username_ok {
background:#e0fae0;
}

input.username_ok {
outline:2px solid #0c0;
}

td.username_no {
background:#fae0e0;
}

input.username_no {
outline:2px solid #e77700;
}

#acplogin {
background:url(http://z4.ifrm.com/static/acp/acpback.png) repeat-x 0 -195px #fff;
border:2px solid #3a5197;
height:275px;
left:50%;
margin:-137.5px 0 0 -250px;
padding:0;
position:absolute;
top:50%;
width:500px;
}

#acplogin h1 {
color:#FFF;
font-weight:400;
height:50px;
margin-bottom:20px;
padding:50px 20px 0 0;
text-align:right;
}

#acplogin h1 img {
position:absolute;
left:0;
top:0;
}

a img {
border:0;
}

form {
display:inline;
margin:0;
padding:0;
}

.category h2,.topic h2,#portal h2 {
padding:5px 10px;
text-align:left;
}

h3 {
padding:3px 0;
}

input[type=checkbox] {
background:transparent;
border:0;
padding:0;
vertical-align:bottom;
}

input[type=radio] {
border:0;
}

select {
margin:0 7px;
padding:0;
vertical-align:bottom;
}

option {
padding: 2px 12px;margin:0;
}

button.btn_img {
border:0;
cursor:pointer;
padding:0;
}

.notice dt,.notice dd {
padding:5px 7px;
}

.drop_menu a img {
vertical-align:top; margin-top: 2px;
}
.drop_menu a strong { color: #ffc518; font-size: 16px; }

.drop_menu li:hover ul,.drop_menu li.hover ul {
left:auto;
}

#submenu a {
padding:3px 5px;
}

#main {
height:1%;
padding:0 1%;
}

#nav li img {
vertical-align:top;
}

.meta_box,.meta_menu {
margin:10px 0; min-height: 110px;
}

.meta_box li {
display:list-item;
list-style-position:inside;
list-style-type:square;
margin-left:10px;
}

.meta_menu ul {
font-size:90%;
margin:5px 5%;
}

.meta_menu img,.meta_menu span {
float:right;
margin:10px 20px;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
cursor:pointer;
padding:2px 5px;
}

.cat-topicpages a {
padding:0 2px;
}

.cat-buttons,.topic-buttons {
float:right;
margin:15px 0;
text-align:right;
width:50%;
}

tr.postbtn td {
padding:5px;
text-align:center;
}

.row1,.row2 { border-bottom: 4px solid #887848;}
line-height:1.4;
}
.row2:first-child { border-top: 4px solid #887848;}

td.c_head input,td.c_head button,td.c_foot input,td.c_foot button,td.c_sort input,td.c_sort button {
padding:1px;
}

td.c_desc img,td.c_desc input {
float:left;
vertical-align:middle;
}

.category {
margin:10px 0 0;
}

span.collapse,span.uncollapse {
cursor:pointer;
float:right;
position:relative;
}

.c_mark img {
display:block;
margin:auto;
}

.c_last {
line-height:1.4;
color: #fff;
min-width:300px;
width:30%;
}

.category td.c_foot {
height:auto;
}

#stats_members { 
line-height:1.2;
}


td.c_cat-mark,td.c_cat-icon {
padding:5px 0;
text-align:center;
width:30px;
}

td.c_cat-starter {
width:125px;
}
td.c_cat-starter a { color: #ccc; }
td.c_cat-starter a:hover { color: #fff; }

td.c_cat-lastpost {
width:175px;
}

.c_user {
vertical-align:top;
width:1px;
min-width:175px;
max-width:175px;
}

.c_post {
width:100%;
}

.c_sig,.c_nosig {
width:100%;
}

.avatar {
display:block;
margin:auto;
text-align:center;
//border:1px solid black;
}

.av_wrap {
overflow:hidden;
text-align:center;
margin:auto;
}

td.c_user .usertitle {
margin:3px 0;
overflow-x:hidden;
text-align:center;
}

.pip {
margin:3px 0;
white-space:nowrap;
}

dl.user_info dt,dl.user_info dd {
padding:.1em;
}

dl.user_info dt {
float:left;
margin:0;
min-width:4em;
}

dl.user_info dd.spacer,dl.user_profile dd.spacer {
clear:both;
float:none;
height:1px;
padding:0;
}

td.c_poll-choice {
line-height:1.5;
padding-left:45%;
}

td.c_poll-answer {
text-align:right;
width:42.5%;
}

td.c_poll-bar {
text-align:left;
vertical-align:middle;
width:42.5%;
}

* html td.c_poll-bar span {
margin-top:3px;
}

td.c_post {
line-height:1.7;
font-size: 14px;
vertical-align:top;
}

 td.c_post ul {
list-style-type:square;
margin-left:10px;
}

.c_post img,#topic_review img {
max-width:689px;
}

.c_post-attachment {
font-size:83.3%;
margin-top:1em;
padding:1em;
}

.c_post-attachment dd {
margin-left:1em;
}

.post_sep {
font-size:1px;
height:1px;
}

td.c_sig,td.c_nosig {
/*height:1%;*/
vertical-align:top;
}

td.c_nosig {
border-top-style:hidden!important;
}

blockquote dl dt,blockquote dl dd {
padding:2px 4px;
}

blockquote div,blockquote code {
margin:0;
padding:5px;
}

dl#fast-reply {
clear:both;
margin:auto;
width:80%;
}

dl#fast-reply dd p {
margin:-3px;
padding:0 5% 10px;
text-align:left;
}

dl#fast-reply dd textarea {
display:block;
height:100px;
margin-bottom:10px;
padding:10px;
width:90%;
}

#c_post-text {
height:223px;
}

#c_post-resize {
float:right;
margin-top:-1px;
padding:4px 0 0;
text-align:right;
}

#btn_preview {
float:left;
margin:10px 0 0 1px;
}

#c_emot {
height:225px;
vertical-align:top;
width:210px;
}

#emot_list {
height:275px;
margin:0 auto;
overflow:auto;
padding:5px 0;
background: #796035;
text-align:center;
}

div#emot_list {
padding:0;
}

#emot_list li {
display:inline;
padding:4px 10px;
}

#emot_list img {
cursor:pointer;
vertical-align:baseline;
}

.pm {
margin-bottom:1em;
}

#pm_datesent {
width:200px;
}

#pm_select {
text-align:center;
width:1px;
}

#conversation .c_post {
padding:2em;
}

#ucp_profile,#pm_messages {
float:right;
}

#ucp_settings, #ucp_profile { min-height: 150px; }
#ucp_settings img,#ucp_profile img {
margin:18px 20px;
}

#ucp_gallery li {
float:left;
margin:15px 5px;
}

#ucp_gallery button {
cursor:pointer;
text-align:center;
}

.ucp button.btn_text {
padding:5px 0;
text-align:center;
width:100%;
}

.calendar td {
height:125px;
padding:0;
vertical-align:top;
width:14.3%;
}

.calendar li {
display:list-item;
font-size:80%;
margin:0;
}

.calendar li.placeholder {
padding:4px;
}

.calendar li span {
cursor:default;
}

.calendar td#cal_current div {
padding-top:3px;
}

#portal_head {
margin-bottom:10px;
}

#portal_foot {
margin-top:10px;
}

#portal_l,#portal_r {
font-size:88.3%;
margin:0;
padding:0;
}

#portal_l {
float:left;
width:200px;
}

#portal_r {
float:right;
width:150px;
}

#portal_news {
margin:0 160px 0 210px;
}

#portal_clear {
background:transparent;
border:none;
clear:both;
font-size:1px;
height:1px;
margin:0;
padding:0;
}

.portal_box {
margin-bottom:5px;
padding:1px;
}

.portal_box table {
clear:none;
}

#portal h2,#portal_foot h2 {
clear:none;
margin:0;
padding:10px;
}

#faq {
margin:20px 0;
}

#faq dl {
padding:1em;
}

#faq dt {
margin-bottom:5px;
}

#faq dd {
display:list-item;
margin:0 0 3px 15px;
padding-left:3px;
}

.search_results div {
display:block;
margin:5px 0;
}

#acplogin #loginform {
display:block;
padding:0 50px;
}

.category h2 a,#portal h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover,#top_info a,#top_info a:hover,.drop_menu a,.drop_menu a:hover,#submenu a,#submenu a:hover {
color:#fff;
}

input,select,td,th {
font-size:90%;
}

button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt {
font-weight:700;
}

#submenu a:hover,.meta_menu a:hover {
text-decoration:underline;
}

.meta_box h3,td.c_topicfoot strong,#meta_welcome strong {
font-size:120%;
}

.meta_box h3,.meta_box a,.meta_box a:hover,tr.pm_new td a,tr.pm_new td a:hover,tr.hidden td a,tr.hidden td a:hover,.c_forum strong a:hover,.c_last strong a:hover,#faq dt a:hover,.search_results h3 a,.search_results h3 a:hover {
color:#FFD91C;
}

blockquote div {
background:#866B3A!important;
}

.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover {
color:#333;
}

img,.meta_box button img,td.c_cat-mark input,.c_post-attachment img,.warn img,#ucp_gallery a img {
vertical-align:middle;
}

h1,h2,h3,#nav,#boardmeta,#main {
clear:both;
margin:0;
}

#meta_welcome,.search_results {
clear:both;
}

#stats_events {
line-height:2;
}

.c_cat-starter,.c_cat-replies,.c_cat-views,td.c_poll-total,td.c_poll-vote,td.c_topicfoot,.warn,.ucp th,#c_notes,.calendar th {
text-align:center;
}

blockquote dl dd,#foot #foot_links {
text-align:right;
}

#c_post,#ucp_gallery {
text-align:center;
vertical-align:top;
}

#files_upload input,.pm .row1 a,.pm .row2 a,#ucp_gallery button img,#findposts td a {
display:block;
}

#ucp_settings,#pm_settings {
float:left;
}

#c_tos dd,#username_response {
margin-left:10px;
}

#vlx {
z-index:1;
}

#blog {
background:#fff;
border:1px solid #3a5197;
color:#333;
margin:10px 0;
}

#blog blockquote {
background:none;
border:none;
font-size:85%;
padding:0 10px;
}

#blog h1 {
float:right;
}

#blog h2 {
background:none;
clear:none;
font-size:130%;
padding:0;
}

#blog h2,#blog h2 a,#blog h2 a:hover {
color:#fff;
}

#blog_foot {
clear:both;
margin-bottom:20px;
}

#blog_head {
background:#f6f6f6;
border:8px solid #fff;
padding:10px 14px;
}

#blog_head img.avatar {
display:inline;
}

#blog_main {
margin:20px 200px 10px 10px;
}

#blog_categories,#blog_readers,#blog_about,div.blog_options {
background:#f6f6f6;
margin:15px 0;
padding:5px 7px;
}

#blog_sidebar h3,#blog_sidebar dt {
color:#fff;
font-weight:700;
}

#blog_sub {
background:#3a5197;
clear:both;
position:relative;
padding:5px 7px;
text-align:right;
}

#blog_sub span {
padding-top:4px;
}

#blog_sidebar {
background:#3a5197;
float:right;
font-size:93.3%;
margin:20px 10px 0 0;
padding:0 10px;
width:160px;
}

#blog_sidebar dd {
margin-left:10px;
}

#blog_user {
font-size:175%;
}

div.blog_options {
font-size:90%;
text-align:right;
}

div.blog_date {
background:#f6f6f6;
border:1px solid #3a5197;
color:#fff;
float:right;
font-weight:700;
margin:0 15px;
text-align:center;
text-transform:uppercase;
width:40px;
}

div.blog_date span {
background:#fafafa;
border-top:1px solid #e7e7e7;
color:#e77700;
display:block;
font-size:130%;
font-weight:700;
padding:2px 4px;
}

div.blog_entry {
background:#fff;
margin:10px 0;
padding:5px 7px;
}

#blog_comments li {
padding:5px 7px;
}

#blog_comments li.odd {
background:#f6f6f6;
}

#shoutwrap {
background:#fafafa;
border:1px solid #e7e7e7;
font-size:88.3%;
}

#shoutwrap td {
padding:0;
}

#shoutbox {
list-style-type:none;
margin:0;
padding:0;
}

#shoutbox li {
padding:5px 7px;
}

#shoutbox li.odd {
background:#f6f6f6;
}

#shoutbox dl,#shoutbox dt,#shoutbox dd {
margin:0;
padding:0;
}

#shoutbox dt {
color:#777;
font-size:80%;
}

#shoutopts,#shoutpost {
clear:both;
text-align:center;
}



#stats_legend, #stats_members {background:#796035;}
td.c_post, .c_postfoot td, .c_nosig { background:#887848; }
td.c_post{padding-left: 20px; padding-right:0; }
.c_postfoot{margin-bottom:20px;}
tr.c_postfoot{height:40px;}
.post_sep{ background: url("http://klaufel.com/oot/ci/assets/images/frame-land-inside.png") repeat-x scroll left top#786038;border:0;}
td.c_foot{margin-bottom: 20px; height: 40px; color: #fff;}
td.c_view, div.c_view-list{color: #fff;}


input,select,textarea {
background:#604828;
border:1px solid #282828;
color:#fff;
padding:5px 10px;
vertical-align:middle;
}

textarea {
font-family:"Verdana", sans-serif;
font-size:100%;
margin:auto;
width:98%;
}

input:focus,input.focus,textarea:focus,textarea.focus {
border-color:#fff;
}

.submit_error {
background:#fff8eb;
border:1px solid #e77700;
}



.l {text-align:left}
.c {text-align:center}
.r {text-align:right}
.left {float:left}
.right {float:right}
#stats_members a.member, .bday_strip {white-space:nowrap}
.calendar li span {cursor:default}
#c_tos li {display:list-item;margin-left:25px}
#c_tos ul li {list-style:disc}
#c_tos ol li {list-style:lower-alpha}
#shoutrefresh {cursor:pointer}

.l {text-align:left}
.c {text-align:center}
.r {text-align:right}
.left {float:left}
.right {float:right}
#stats_members a.member, .bday_strip {white-space:nowrap}
.calendar li span {cursor:default}
#c_tos li {display:list-item;margin-left:25px}
#c_tos ul li {list-style:disc}
#c_tos ol li {list-style:lower-alpha}
#shoutrefresh {cursor:pointer}