body { background: #fff url(../img/background.png) repeat-x 0% 0%; font: 13px Arial, Helvetica, sans-serif; padding: 10px; margin: 0; }

h2 { border-bottom: 2px solid #b8b8b8; color: #999; font-size: 1.5em; font-weight: normal; letter-spacing: 1px; margin: 0 0 15px 0; padding-bottom: 5px; }

h3 { color: #cc0000; font-size: 1.3em; font-weight: bold; letter-spacing: 1px; margin: 0 0 10px 0; }

a, a:link { color: #9097a9; font-weight: bold; text-decoration: none; outline: none; }

a:hover { color: #999; text-decoration: underline; }

.subpage a, .subpage a:link  { background-color: #9097A9; color: #fff; padding: 2px 6px 2px 6px; text-decoration: none; }

.subpage a:hover  { background-color: #999; color: #fff; }

p { margin: 10px 0; }

img { border-width: 0;  }

.icon { float: left; margin-right: 5px; vertical-align: middle; width: 16px; }

form { background-color: transparent; }

table { border-collapse: collapse; background-color: #d8d8d8; border: 0; margin: 0 0 10px 0; width: 100%; font: 13px Arial, Helvetica, sans-serif; }

*:first-child+html table { margin: -1px 0 10px 0; }

td, tr, th { margin: 0; padding: 5px; text-align: left; }

tr { border-bottom: 2px solid #fff; }

td { width: auto; padding: 6px; vertical-align: top; }

.input { background: #fff; border: 1px solid #b8b8b8; width: 300px; font: 13px Arial, Helvetica, sans-serif; margin-right: 5px 5px 5px 0; padding: 2px; }

textarea { background: #fff; border: 1px solid #b8b8b8; width: 300px; font: normal 13px Courier New, Courier, Monospace; sans-serif; padding: 2px; }

#html { width: 660px; }

.button { background: #f7f7f7 url(../img/button.png) repeat-x 0% 0%; border: 3px double #aaa; border-color: #b8b8b8; color: #606060; font-weight: bold; letter-spacing: 1px; margin: 5px 0 0 0; width: 100px; }

.button:hover { border-color: #999; }

.pages { background-color: #d8d8d8;  margin: 0; }

.pages ul { margin: 0; padding: 0; }

.pages li { border-bottom: 2px solid #fff; list-style-type: none; padding: 5px 10px; }

.addpage { background-color: #ececec; border: 1px solid #b8b8b8; display: block; margin: 0; padding: 5px 10px; }

.sitename { border: 1px solid #b8b8b8; background-color: #fff; color: #000; font-weight: bold; margin-left: 10px; padding: 2px 6px 2px 6px; }

.warning, .name { color: #c00; font-weight: bold; }

.moveUp a, .moveUp a:link  { color: #9097a9; font-weight: bold; padding-right: 5px; text-decoration: none; }

.moveUp a:hover { color: #999; text-decoration: underline; }

.box { background-color: #ebebeb; border: 1px solid #b8b8b8; margin-bottom: 10px; padding: 5px 10px; }

.title { background-color: #43729f; color: #fff; font-weight: bold; margin-left: 10px; padding: 2px 6px 0 6px; }

/* GALLERY */

#gallery { float: left; width: 100%; }

#show-photo { display: block; margin: 0 auto; text-align: center; }

#photo { background-color: transparent; border: 1px solid #606060; height: 375px; padding: 4px; width: auto; }

#nav-left { float: left; margin-bottom: 15px; width: 30%; }

#nav-right { float: left; margin-bottom: 15px; width: 70%; }

#gallery a, #gallery a:link, #gallery a:visited { border: 1px solid #606060; margin-right: 5px; padding: 2px 5px; text-decoration: none; }

#gallery a:hover { background-color: #606060; border: 1px solid #606060; color: #fff; margin-right: 5px; padding: 2px 5px; text-decoration: none; }

/* ------------- CLEARFIX ------------ */

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* Hides from IE-mac \*/
* html .clear { height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */