@font-face {
  font-family: 'Kristen';
  src: url('../fonts/Kristen.eot');
  src: local('☺'), url('../fonts/Kristen.ttf') format('opentype');
}

html * {
  margin:0;
  padding:0;
}
html {
  overflow-y: scroll;
  background:#000;
  font-size:1em;
  font-family:Sans;
}
body {
  background:url(../images/bg-html.png) repeat top left;
}
img {
  vertical-align:middle;
  border:none;
}
a {
  color:#1e90ff;
  text-decoration:none;
}

.invisible {
  visibility:hidden;
}
.clearfix {
  clear:both;
}
hr.invisible.clearfix {
  height:0px;
  border:none;
}

.kwelinner {
  width:1000px;
  margin:0 auto;
}
#page {
  clear:both;
  background:url(../images/bg.png) repeat-x top left;
}
#content {
padding:10px 0 20px 0;
}
#content p, #content ul, #content ol, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  margin:0 0 10px 0;
}
#content ul, #content ol {
  list-style-position:outside;
  margin-left:20px;
}
 #content ul {
  list-style-type:circle;
}
#content .page-title {
  font-size:2em;
  color:#000;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  font-weight:normal;
  font-family:Kristen;
}
#content h1 {
  font-size:1.5em;
  color:#ff4141;
}
#content h2 {
  font-size:1.4em;
  color:#009930;
}
#content h3 {
  font-size:1.3em;
  color:#1e5cb6;
}
#content h4 {
  font-size:1.2em;
  color:#885c3b;
}
#content h5 {
  font-size:1.1em;
  color:#a020f0;
}
#content h6 {
  font-size:1em;
  color:#ff6700;
}


table {
  width:99%;
  margin:10px auto;
  border-collapse:collapse;
}
table td, table th {
  padding:2px;
  text-align:left;
}
table th {
  font-weight:normal;
  color:#f55;
  background: #000;
}
.column-actions {
  width:50px;
}
.board {
  clear:both;
  margin:0 0 10px 0;
  padding:2px 0 5px 0;
  background: #000;
  -webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
  -moz-box-shadow:#000 0 0 5px 0;-webkit-box-shadow:#000 0 0 5px 0;box-shadow:#000 0 0 5px 0;
}
.board table {
  background:#fff;
  margin:0 auto;
}
.board-action {
  margin:10px 0 0 0;
  clear:both;
}
.board-pager {
  float:right;
  padding:0;
  margin:0;
  font-size:0.85em;
}
.board-search {
  float:left;
  width:30%;
  font-size:0.85em;
}
.board-search #bq {
  margin:0 2px 5px 0;
  padding:0px;
  font-size:0.85em;
}
.board-search #bbq {
  margin:0 2px 5px 0;
  cursor:pointer;
}

h2.page-title {
  margin:0 0 10px 0;
  padding:0 0 5px 0;
  font-weight:normal;
  color:green;
  font-size:1.2em;
}
h2.page-title a {
  color:green;
}
#kwelinks {
  height:60px;
  background:url(../images/bg-kwelinks.png) no-repeat top center;
}
#kwelinks .kwelinner {
  width:1020px;
  padding:0;
}
#kwelinks a {
  color:#fff;
  display:block;
  float:left;
  height:60px;
  line-height:60px;
  padding:0 15px 0 0;
}
#kwelinks a:first-child {
  margin:0 0 0 30px;
}
#kwelinks a:hover {
  color:#000;
}
#content form hr {
  margin:3px 0;
  border:none;
  height:0;
  clear:both;
  border-top:1px solid #d5d5d5;
}
#content form .form-description {
  color:#777;
  font-style:italic;
}

#content textarea {
  width:750px;
}

#content input, #content select, #content textarea, #content label {
  vertical-align:middle;
  margin:2px 0;
  padding:0.4em 2px;
  font-size:1em;
  font-family:Sans;
}
#content form label {
  display:block;
  float:left;
  width:160px;
}
#content form textarea.wysiwyg {
  clear:left;
  width:99%;
  height:200px;
}

#content form input[type=submit], #content form input[type=button] {
  color:#fff;
  background:url(../images/bg-submit.png) no-repeat top left;
  width:164px;
  height:34px;
  line-height:34px;
  text-align:center;
  padding:0;
  margin:2px 4px 2px 0;
  border:none;
  font-size:0.85em;
  cursor:pointer;
}
#content form input[type=submit]:hover, #content form input[type=button]:hover {
  background:url(../images/bg-submit-hover.png) no-repeat top left;
}
#content form input[type=text], #content form input[type=password], #content form textarea {
  border:1px solid #aaf;
  padding:0.4em 2px;
}
#content form input.title {
  font-size:1.2em;
  width:740px;
}
#content .combobox {
  border:1px solid #def;
  vertical-align:middle;
  padding:0.4em 2px;
  background:#f0faff;
}
#content form fieldset.form-fieldset {
  clear:left;
  margin:2px 2px 10px 2px;
  padding:5px;
  border:1px solid #def;
  background:#fdfeff;
  -webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
#content form fieldset.form-fieldset legend {
  padding:1px 5px;
  border:1px solid #def;
  background:#fafdff;
  color:#070;
  -webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
label[for=Permission__permission_role] {
  margin:8px 0 2px 0;
  color:red;
  font-size:1.2em;
}


.message {
  z-index:2000;
  opacity:0.99;
  filter:alpha(opacity=99);
  position:absolute;
  top:0;
  left:0;
  width:100%;
  display:none;
  padding:20px 0;
}
.message.error {
  background:#fd8398;
  border-bottom:2px solid #f00;
}
.message.valid {
  background:#89f389;
  border-bottom:2px solid #15b315;
}


.admin-board td {
  text-align:center;
  padding:2px 2px 10px 2px;
}
.admin-board h3 {
  font-weight:normal;
  color:#ff5151;
}
.admin-board h3 a {
  color:#ff5151;
}