/*********************************************************************
Klondike - A different kind of CMS
v 1.1.0 RC3a
Copyright (c) 2008 Andrew Harricharan <falcon005@gmail.com>

This file is part of Klondike.

    Klondike 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 3 of the License, or
    (at your option) any later version.

    Klondike is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Klondike.  If not, see <http://www.gnu.org/licenses/>.
**********************************************************************/

* { font-family: calibri, trebuchet ms, verdana, arial; }

h1 { margin-top: 25px; margin-left: 35px; margin-bottom: 15px; font-family: trebuchet ms, arial; color: #333333; }

h2 { margin-bottom: 0; font-family: trebuchet ms, arial; color: #333333; }

h3 { margin-bottom: 0; font-family: trebuchet ms, arial; color: #333333; }

h3.menu { border-bottom: 1px solid #C0C0C0; margin-left: -50px; margin-bottom: 10px; font-family: trebuchet ms, arial; color: #333333; }

hr { clear: both; height: 1px; color: #C0C0C0;  border: 1px solid #C0C0C0; }

p { font-family: trebuchet ms, calibri, verdana, arial; }

a { color: #333333; }

a:hover { color: #666666; }

a:visted { color: #333333; }

a:active { color: #C0C0C0; }

fieldset { border: 0; }

legend { display: none; }

img { border: none; }

ul#buttons {
  position: fixed;
  width: 100%;
  margin-top: 0px;
  padding: 10px;
  padding-bottom: 20px;
  top: -30px;
  left: 0px;
  font-family: trebuchet ms, calibri, verdana, arial;
  font-size: 8pt;
  background-color: #333333;
  list-style: none; 
}

ul#buttons:hover {
  position: fixed;
  width: 100%;
  margin-top: 0px;
  padding: 10px;
  top: 0px;
  left: 0px;
  font-family: trebuchet ms, calibri, verdana, arial;
  font-size: 8pt;
  background-color: #333333; 
}

ul#buttons li.button {
  font-family: trebuchet ms, calibri, verdana, arial;
  font-size: 8pt;
  display: inline;
  margin-right: 1px;
  background-color: #333333;
  list-style-image: square;
}

ul#buttons li.button a {
  font-family: trebuchet ms, calibri, verdana, arial;
  font-size: 8pt;
  padding: 10px;
  background-color: #333333;
  color: white;
  text-decoration: none;
}

ul#buttons li.button a:hover {
  font-family: trebuchet ms, calibri, verdana, arial;
  font-size: 8pt;
  padding: 10px;
  color: #C0C0C0;
  text-decoration: none;
}

ul#listing {
  width: 100%;
  margin-top: 0px;
  margin-left: -40px;
  font-size: 10pt;
  list-style: none;
}

ul#listing li {
  margin-top: 0px;
  border-bottom: 1px dotted #E9E9E9;
  padding-top: 10px;
  padding-bottom: 10px; 
  clear: both;
}

ul#listing li:hover {
  margin-top: 0px;
  border-bottom: 1px dotted #C9C9C9;
  padding-top: 10px;
  padding-bottom: 10px; 
  clear: both;
}

ul#listing li span {
  float: right;
  clear: both;
  margin-top: -17px;
}

ul#listing li span img {
  padding-right: 5px;
}

div#main { 
  margin-left: auto; 
  margin-right: auto; 
  width: 90%; 
  border-top: 1px solid #F0F0F0;
  border-left: 1px solid #F0F0F0;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  padding: 15px;
}

p.notice-g { 
  text-align: center;
  padding: 5px;
  background-color: #B9FFAE; 
  border: 1px solid #B9FFAE;
}

p.notice-g:hover { 
  text-align: center;
  padding: 5px;
  padding-left: 1px;
  background-color: #B9FFAE; 
  border: 1px solid #83FF71;
  border-left: 5px solid #83FF71;
}

p.notice-b { 
  text-align: center;
  padding: 5px;
  background-color: #87D2FF; 
  border: 1px solid #87D2FF;
}

p.notice-b:hover { 
  text-align: center;
  padding: 5px;
  padding-left: 1px;
  background-color: #87D2FF; 
  border: 1px solid #32C8FF;
  border-left: 5px solid #32C8FF;
}

p.notice-m { 
  text-align: center;
  padding: 5px;
  background-color: #FDDC7E; 
  border: 1px solid #FDDCB0;
}

p.notice-m:hover { 
  text-align: center;
  padding: 5px;
  padding-left: 1px;
  background-color: #FDDC7E; 
  border: 1px solid #FFC864;
  border-left: 5px solid #FFC864;
}

p.notice-u { 
  text-align: center;
  padding: 5px;
  background-color: #FDB0B0; 
  border: 1px solid #FDAAAA;
}

p.notice-u:hover { 
  text-align: center;
  padding: 5px;
  padding-left: 1px;
  background-color: #FDB0B0; 
  border: 1px solid #FF8282;
  border-left: 5px solid #FF8282;
}

p.notice-s { 
  text-align: center;
  padding: 5px;
  background-color: #F0F0F0; 
  border: 1px solid #F0F0F0;
}

p.notice-s:hover { 
  text-align: center;
  padding: 5px;
  padding-left: 1px;
  background-color: #F0F0F0; 
  border: 1px solid #DFDFDF;
  border-left: 5px solid #DFDFDF;
}

.box { 
  padding: 6px;
  background-color: #F0F0F0; 
  border: 1px solid #F0F0F0;
}

.box:hover { 
  padding: 5px;
  background-color: #F0F0F0; 
  border: 2px solid #DFDFDF;
}

.msgbox { 
  padding: 6px;
  background-color: #87D2FF; 
  border: 1px solid #87D2FF;
}

.msgbox:hover { 
  padding: 5px;
  background-color: #87D2FF; 
  border: 2px solid #32C8FF;
 }
 
 .devmsgbox { 
  padding: 6px;
  background-color: #FDDC7E; 
  border: 1px solid #FDDC7E;
}

.devmsgbox:hover { 
  padding: 5px;
  background-color: #FDDC7E; 
  border: 2px solid #FFC864;
 }

div#lrn {
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 16px;
  height: 16px;
  padding: 3px;
  background: url('about.png') no-repeat;
  text-indent: 25px
}

div#lrn:hover {
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 99%;
  background-color: #F9F9F9;
  border-top: 1px solid #F0F0F0;
  height: 17px;
  padding: 3px;
  font-family: trebuchet ms, calibri, arial;
  font-size: 8pt; 
}