/*  bombono.css - Bombono project style

Copyright (c) 2009 Ilya Murav'jov
*/

/*********************/
/* Content Style */
/*********************/

/* Link colors */
a:link {
  color: #cf1456;
}

a:visited {
  color: #6d072b;
}

a.nonexistent, a.badinterwiki {
  color: #404040;
}

/* Background colors */

div.table-of-contents, table.float_pic, #message {
    background-color: #eeeeee;
}

div.table-of-contents, table.float_pic, #message {
    border: 1px solid #bbbbbb;
}

/* Right floating pictures */

table.float_pic {
  float: right;  
  font-size: 0.85em; 
  margin: 0 0 1em 1em;
}

td.float_pic {
  padding: 1em;
}

/*********************/
/* BASIC */
/*********************/

body {
  min-width: 950px;
  margin: 0;
  padding: 0;
  background: #cad6d6 url(../b_img/body_back.png) repeat-x left top;
  font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
}

.skeleton {
  font-size: 62.5%;
}

.skeleton p, .skeleton h1, .skeleton h2, .skeleton h3, .skeleton h4, .skeleton h5, .skeleton h5, .skeleton ol, .skeleton ul {
  margin: 0px;
  padding: 0px;
}

/*********************/
/* BANNER */
/*********************/

#banner {
  border: 1px solid black;
  background: #000000 url(../b_img/banner_back.png) no-repeat left top;

  height: 120px;
  overflow: hidden;
}

.ban_cln, .ban_cln_r {
  height: 100%;
  color: #effdff;
}

.ban_cln {
  float: left;
}

.ban_cln_r {
  float: right;
}

.ban_cln_r a:link, .ban_cln_r a:visited {
  color: #effdff;
}

#site_logo img {
  display: block;
}

#slogan {
  font-size: 2.5em;
  padding: 55px 0 0 60px; 
}

#ban_donate {
  display: block;
  text-align: center;
  text-decoration: none;
  margin: 40px 70px 0 10px;
}

#ban_donate strong {
  display: block;
  text-decoration: underline;
  font-size: 1.2em;
  font-weight: bold;
}

#ban_aa {
  margin: 10px 28px 0 0;
  text-align: right;
}

#username li {
  display: inline;
}

#username a {
  padding: 0 0 0 0.5em;
  font-size: 1.4em;
}

#searchform {
  margin: 25px 0 0 0;
}

#searchinput {
  border: 0 none;
  font-size: 1.3em;
  width: 141px;
  background-color: #e5f1f5;
}

.ban_btn {
  margin-top: 10px;
}

/*********************/
/* SIDEBAR */
/*********************/

#sidebar {
	width: 160px;
	float: left;
}

.menu_nav {
  list-style: none;
}

.menu_nav li {
  padding-left: 10px;
}

.menu_nav a {
  display: block;
}

#navigation {
  margin: 5px;
  font-size: 1.8em;
}

#navigation a {
  margin-top: 8px;
  padding: 6px;
  color: #0c586e;
}

#navigation a.featured {
  text-decoration: none;
  background: #980e3f url(../b_img/hi_item_back.png) repeat-x left bottom;
  color: white;
}

#editing, .sidebar_banners a {
  font-size: 1.4em;
  font-weight: bold;
}

#editing {
  margin-left: 11px;
  margin-top:  30px;
  padding-top: 10px;
  background: url(../b_img/editing_border.png) repeat-x left top;
}

#navigation a:hover, #editing a {
  color: #ac0f46;
}

#navigation a:hover.featured {
  color: white;
}

#editing a {
  margin-top: 5px;
}

/* C_N_PASTE from http class; not for sucking IE6 */
.nav_http:before { 
  content: url(../img/moin-www.png); 
  margin: 0 0.2em 0 0; 
}

ul#flags {
  margin-top:  10px;
  margin-left: 20px;
}

ul#flags li {
  display: inline;
  margin-right: 10px;
}

.sidebar_banners a {
  display: block;
  margin: 20px 10px;
  color: #0c586e;
}

/*********************/
/* SECONDARY */
/*********************/

/*
#secondary {
	float: right;
	width: 180px;
}
*/

/*********************/
/* MAIN */
/*********************/

#main {
  margin-left: 180px;
  margin-right: 20px;
  font-size: 0.95em;
}

/*********************/
/* FOOTER */
/*********************/
#site_footer, #site_footer a, #site_footer a:visited {
  color: #ac9c9c;
}

#site_footer {
  /* margin-top: 15px; */
  background-color: #1d2e32;
  font-size: 0.8em;
}

/* padding in site_footer conficts with sit_footer:width:100% => footer_contents created */
#footer_contents {
  padding: 10px 0 40px 50px;
}

/* SLIDE FOOTER TO BOTTOM. 
   Code is taken from http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page */

html {
   height:100%;
}

body {
   position: relative;
   min-height:100%;
}

/* IE6 dont know min-height, but height: 100% works identically here */
* html body {
   height: 100%;
}

#above_header {
   padding-bottom: 80px;   /* Height of the footer */
}

#site_footer {
   position:absolute;
   bottom:0;
   width:100%;
   /* height: 80px; Height of the footer */
}

/* END: SLIDE FOOTER TO BOTTOM. */

/* IE6 */
img, div, input, a { behavior: url(/moin_static183/bombono/png-ie/iepngfix.htc) }
* html body {
  background-image: none; /* iepngfix.htc is not all-powerful */
}
/* hack for IE 6 < to make entire block clickable + kill li padding (bottom) */
* html .menu_nav a {
  height: 1px; 
}
#above_header {
   zoom: 1; /* to stop footer floating on little pages (About) */
}