/**********************************************************************
 *                  mBoards:default theme/mBoards.css
 * -------------------------------------------------------------------
 *           Author    :                     Mikko Mensonen
 *           Copyright :            (c) 2005 Mikko Mensonen
 *           Email     :           mikko.mensonen@gmail.com
 *                                   mb.eternityproject.net
 *
 *
 *   This program is free software; you can redistribute it and/or 
 *   modify it under the terms of the GNU General Public License as 
 *   published by the Free Software Foundation; either version 2 of 
 *   the License, or (at your option) any later version.
 *
 **********************************************************************/
/**********************************************************************
 *  This css document will be called automatically and parsed by 
 *  the template parser. Even though it has a .css extension, it
 *  is considered to be a template file. Therefore you can use
 *  variables in it.
 *
 *  Note: /themes/fokab/ means the current template loaded
 **********************************************************************/
 
/**
 * Main properties
 */
body { background: url(/themes/fokab/layout/body.jpg) top center repeat-y #212b2e; font-family: "Trebuchet MS", sans-serif; font-size: 12px; text-align: center; margin: 0; padding: 0; color: #FC873A; }
	a:link, a:visited { color: #86a0a8; text-decoration: underline; }
	a:hover, a:active { color: #ff8534; text-decoration: none; }



/**
 * Grouped properties. Changing a value here has an overall effect
 */
.btn, .input, .boxbottom input, .error, .success, .select, .search, 
.search_btn, .textbox textarea, .inputbox input, .post_edited, 
.sidebox_select, .menubox input, .topnav, .pages, .form fieldset { font: 10px "Arial", sans-serif; }

.menubox input, .sidebox_select, input.cat_input, .post_controls input, 
.btn, .search, .search_btn { background: #748994; border: 1px solid #404D50; }

.form, .general_error, .help_topic, .tabs li a#active_tab, 
.search_form { background: #2b353c; border: 1px solid #404D50; }

.input, .form textarea { background: #f4f5F7; border: 1px solid #2b353c; }

.forums_list table, .forums_post, .form, .general_error, .news_post, 
.search_form, .thread_locked, .tabs { width: 575px; }
.help_topic { width: 565px; }



/** 
 * Header and top navigation
 */
h2 { margin: 5px 0px 10px 0px; font: bold 16px "Arial", sans-serif; }

.header { text-align: left; margin: 0px auto 0px auto; background: url(/themes/fokab/layout/header_mBoards.jpg) top center no-repeat; color: #ffffff; width: 765px; height: 105px; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #000; }
.title { display: none; width: 0; }
.title h1 { display: none; width: 0; }

/* Tabbed navigation */
.topnav { text-align: left; position: relative;  top: 77px; left: 500px; width: 350px; }
.topnav ul { padding: 4px 0px 0px 0px; margin: 0px 0px 0px 0px;  }
.topnav li { color: #1374d5; display: inline; margin: 0px 3px 0px 0px; padding: 0px 0px 0px 0px;  }
.topnav a { padding: 3px 10px 0px 10px; border-style: solid; border-color: #748994; border-width: 1px 1px 0px 1px; border-bottom: 1px solid #1b2125; }
.topnav a:link, .topnav a:visited { color: #748994; text-decoration: none; background: #1b2125; }
.topnav a:hover, .topnav a:active { color: #fff; text-decoration: none; background: #748994;  border-bottom: 1px solid #748994; }


/**
 * Main layout section
 */

/* Content holder surrounds the entire main layout */
.content_holder { position: relative; width: 765px; margin: 0 auto; text-align: left; padding: 0px 0px 10px 0px; }


/* Side bar can be used for displaying content. At the moment, however, it's just whitespace */
.sidebar { float: left; width: 10px;  }


/* The layout is in three sections, sidebar, content and menu, altogether a three-column layout */
.content { margin: 0px 0px 0px 0px; position: relative; width: auto; border-left: 0px solid #333; padding: 0px 0px 40px 0px; background: none; float: left; }


/* The menu column and boxes */
.menu { color: #000; font-size: 11px; width: 150px; float: right; clear: right; text-align:right; margin: -20px 10px 0px 0px;  }
.menubox p { margin: 0; padding: 0px 10px 0px 0px; }
.menutop { padding: 0px 10px 0px 0px; margin: 20px 0px 0px 0px;  }

.menutop { font-family: "Arial", sans-serif; background: #556063; border: 1px solid #2b353c; }
	.menutop a:link, .menutop a:visited { text-decoration: none; color: #000; }
	.menutop a:hover, .menutop a:active { text-decoration: none; color: #000; }
	.menutop img { vertical-align: middle; border: none; } 
	
.menubox { background: #556063; margin: 0px 0px 20px 0px; border-color: #2b353c; border-style: solid; border-width: 0px 1px 1px 1px;}
.menubox form { padding: 0; margin: 0; }
.menubox input { width: 100px; }

.sidebox_select { width: 130px; }

.menu ul { margin: 0px 10px 0px 10px; padding: 0; }
.menu ul li { list-style-type: none; }
.menu ul li a { display: block; height: 18px; }
.menu ul li a:link, .menu ul li a:visited { text-decoration: none; color: #FC873A; }
.menu ul li a:hover, .menu ul li a:active { text-decoration: none; color: #ffffff; background: #FC873A; }


/* Breadcrumbs is a div that stretches over all three columns */
.breadcrumbs { margin: 10px 170px 10px 12px; position: relative; width: auto; padding: 0; font: bold 11px "Arial", sans-serif; }
	.breadcrumbs a:link, .breadcrumbs a:visited { color: #86a0a8; text-decoration: underline; }
	.breadcrumbs a:hover, .breadcrumbs a:active { color: #86a0a8; text-decoration: none; }
	

/* Footer */
.footer { clear: both; width: 750px; height: 40px; border-top: 1px solid #404D50; font-size: 10px; padding: 0px 0px 0px 5px; color: #999; background: url(/themes/fokab/layout/footer_mBoards.jpg) top left no-repeat; margin: 10px auto 10px auto; }
.footer p { margin: 0; padding: 0; }
.footer a:link, .footer a:visited { text-decoration: none; color: #86a0a8; }
.footer a:hover, .footer a:active { text-decoration: none; color: #ab3232;  }
#left { width: 45%; float: left;  }
#right { width: 45%; float: right;  text-align: right; }


/* Some button properties */
#active { background: #ffb442; }
#login_btn { width: auto; margin: 3px 0px 2px 0px; }
#move_to { width: auto; margin: 3px 0px 2px 0px; }
#set { width: auto; margin: 3px 0px 2px 0px; }
#registerform_submit { margin: 5px 0px 0px 10px; }
#checkbox1 { width: auto; display: inline; background: none; border: none;  }
#checkbox2 { width: auto; display: inline; background: none; border: none;  }



/*****************************************************************************/



/**
 * Forums view
 */
.pages { margin: 0px 0px 5px 2px; }


/* Forums and threads listing */
.forums_list { margin: 0; padding: 0; }
.forums_list table { background: #1b2125; border: 1px solid #404D50; }
.forums_list select { background: #fff; font: 9px "Arial", sans-serif; }
.forums_list th { border-bottom: 1px solid #404D50; font-weight: normal; font-size: 11px; }
.forums_list td { background: #404D50; font-size: 11px; }
.forums_list tr { vertical-align: top; }

th.topright, th.top { text-align: center; }

.forum_title { width: 400px; font-weight: bold; font-size: 13px; }
.forum_note, .forum_lastposter { font-size: 10px; color: #999; }
.forum_posts_amount, .forum_lastpost { font-weight: bold; }
.forum_posts_amount, .forum_lastpost, .forum_lastposter { text-align: center; }

.forum_title a, .forum_title a:visited { text-decoration: none; }

/* New posts and no new posts colours */
a.no_new_posts, a.no_new_posts:visited, a.no_new_posts:hover { color: #748994; text-decoration: none; }
a.new_posts, a.new_posts:visited, a.new_posts:hover  { color: #FC8A0E; text-decoration: none; }


/* Forums' posts */
.forums_post { margin: 0px 0px 15px 0px; border: 1px solid #404D50; background: #2b353c; color: #ccc;  }
.post_info, .post_desc { background: #404D50; font: 11px "Arial", sans-serif; padding: 2px 1px 1px 3px; }

.posted { width: 420px; float: left; }
.post_controls { width: 150px; float: left; text-align: right; font-size: 10px; }
.post_controls a { text-decoration: none; }
.post_controls form { display: inline; margin: 0; padding: 0; }
.post_controls input { cursor: pointer; color: #404D50; font: 9px "Arial", sans-serif; padding: 0; margin: 0; }
.post_desc { color: #999999; clear: both; }
.post { padding: 5px; font-size: 11px; font-family: "Verdana", sans-serif; }

span.username, a.username, a.username:visited { font-weight: bold; text-decoration: none; color: #86a0a8; }
a.username:hover { font-weight: bold; text-decoration: none; color: #ab3232; }

.forums_post img { border: 1px solid #404D50; }
.forums_post img.smiley { border: none; }
.pre { font-family: "Courier New", monospace; white-space: normal; width: 500px; overflow: scroll; }
.post_edited { display: block; color: #666; font-style: italic; margin: 10px 0px 0px 0px; }
.quote { margin: 0; padding: 2px; border: 1px solid #404D50; background: #384650; }


/* New post, new thread and edit post boxes */
.newpostbox { font-size: 11px; margin: 30px 0px 10px 0px; border: 1px solid #404D50; background: #404D50; width: 573px; color: #ccc; }
.newpostbox form { margin: 0; padding: 0; }

.boxbottom input, .inputbox input, .textbox textarea { background: #2b353c; border: 1px solid #1b2125; color: #fff; }

.boxtitle { background: #2b353c; padding: 1px; }
.inputbox, .textbox { padding: 1px; }
.inputbox input { width: 570px; }
.textbox p { padding: 0; margin: 0; }
.textbox a:link, .textbox a:visited { text-decoration: none; }
.textbox a:hover, .textbox a:active { text-decoration: none; }
#reply_left { width: 45%; float: left; }
#reply_right { width: 45%; float: right;  text-align: right;}

.textbox textarea { width: 570px; height: 170px; }

.quick_format { padding: 1px; clear: both; }
.textbox img { cursor: pointer; vertical-align: bottom; }
.quick_format select { font-size: 10px; height: 18px; color: #666; }

.boxbottom { padding: 0px 0px 1px 1px; }


/* Thread/forum locked */
.thread_locked { display: block; background: #404D50; padding: 3px; margin: 0px 0px 5px 0px; font: 12px "Arial", sans-serif; }


/* These are admin section only */
input.cat_input { font: 11px "Arial", sans-serif; width: 250px; }
input.forum_note { width: 400px; margin: 0px 0px 5px 0px; background: none; border: none;  }
input.forum_title { background: none; border: none; }

.select_all { color: #246FEA; cursor: pointer; text-decoration: underline; }

.forum_note table { width: 190px; border: none; background: none; }



/**
 * Userlist and profiles
 */
.onlineusers { font-size: 11px; margin: 10px 0px 10px 0px; border: 1px solid #404D50; background: #2b353c; width: 569px; padding: 1px; color: #ccc; }
.onlineusers_title { background: #404D50; padding: 1px; margin: 0px 0px 5px 0px; font: bold 11px "Arial", sans-serif; }

.userinfo { font: bold 11px "Arial", sans-serif; }



/**
 * Forms and user CP
 */
.form { padding: 5px 0px 10px 0px; color: #ccc; }
.form p { margin: 0px 15px 15px 15px; vertical-align: top; }
.form fieldset { color: #000; display: block; width: 300px; background: #556063; border: 1px solid #2b353c; margin: 0px 0px 10px 10px; padding: 0px 0px 5px 10px; }
.form legend { color: #000; background: #556063; font: bold 11px "Arial", sans-serif; padding: 0px 10px 0px 5px; }
.form table { border: none; background: none; margin: 0 auto; }
.form hr { width: 82%; border-style: solid; border-color: #343F45; border-width: 1px 0px 0px 0px; background: none; }
.form textarea { float: left; width: 400px; height: 150px; margin: 0px 3px 0px 0px; font: 10px "Verdana", sans-serif; }

.left { text-align: right; width: 50%; }
.right { text-align: left; }
.formnote { font-style: italic; font-size: 10px; }
.input { width: 150px; margin: 5px 0px 0px 0px; }
.select { border: 1px solid #2b353c; }
.error { color: #FF5353; }
.success { color: #00CA00; }

/* CP tabbed interface */
#cp { border-top: 0px solid #404D50; }
.tabs ul { padding: 0; margin: 4px 0px 0px 0px; border-bottom: 1px solid #404D50; }
.tabs li { list-style: none; display: inline; margin: 0; padding: 0;  }
.tabs li a { border: 1px solid #404D50; border-bottom: none; padding: 3px 3px 0px 3px; background: #556063; }
.tabs a:link, .tabs a:visited { text-decoration: none; color: #333; }
.tabs a:hover, .tabs a:active { text-decoration: none;  color: #fff; background: #ff8534; }

.tabs li a#active_tab { cursor: default; border-bottom: 1px solid #2b353c; color: #ccc; }

/* Extra CP stuff */
form.nopad { padding: 0; margin: 0; }
.cdpheader { border-bottom: 1px dotted #333; font: 11px "Verdana", sans-serif; padding: 5px 0px 5px 0px; }

.legend { font: bold 11px "Arial", sans-serif; padding: 0px 10px 0px 5px; margin: 5px 0px 0px 0px; }



/**
 * Generic box properties
 */
.general_error { padding: 0px; color: #ccc; }
.error_title { margin: 5px 0px 20px 10px; padding: 0; font-size: 13px; font-weight: bold; }
.error_msg { margin: 0px 0px 20px 10px; padding: 0; font: 12px "Arial", sans-serif; }

.confirm_btn { margin: 0px 0px 20px 0px; text-align: center; }
.confirm_btn form { margin: 0; padding: 0; display: inline; }



/**
 * Help, FAQ and Info use these
 */
.help_topic { padding: 5px; margin: 0px 0px 20px 0px; font-size: 10px; color: #ccc; }
.help { border-top: 1px dotted #404D50; font-size: 12px; color: #ccc; }
.help_topic h2 { margin: 5px 0px 10px 0px; font: bold 16px "Arial", sans-serif; }

/* Following is for the exandable faq list */
.help ul { margin: 5px 0px 5px 10px; padding: 0; }
.help ul li { list-style: none; }
.help ul li img { vertical-align: middle; }
.help ul li ul { margin: 5px 0px 5px 35px; padding: 0; }
.help ul li li { list-style-type: decimal; list-style-position:inside; }
.help ul li li a:link, .help ul li li a:visited { color: #ccc; text-decoration: underline; }
.help ul li li a:hover, .help ul li li a:active { color: #ab3232; text-decoration: none; }

.expand { cursor: pointer; height: 6px; width: 6px; padding: 0; font-size: 10px; }
.expand_img { cursor: pointer; }

/* FAQ */
.q { padding: 5px 0px 10px 0px; font: bold 16px "Arial", sans-serif; background: url(/themes/fokab/layout/q.png) top right no-repeat; }
.a { border-top: 1px dotted #404D50; background: url(/themes/fokab/layout/a.png) top left no-repeat; margin: 0px 0px 10px 0px; font-size: 12px; }



/**
 * Search page specific
 */
.search { padding: 0; margin: 0; width: 150px; }
.search_btn { width: auto; }
.search_form {  margin-bottom: 5px; color: #ccc; }
.search_form p { margin: 0px 0px 2px 10px; }



/**
 * This is the guillotine hack. Quite a lot of stuff in this layout
 * is floating, this puts them back in the normal flow and doesn't 
 * create odd overlapping elements
 */
.post_info:after, .topnav:after, .footer:after, .form:after, 
.content_holder:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .post_info, * html .topnav, * html .footer, * html .form, * html .content_holder {height: 1%;}