/*-------------------------------------------------------------------------------------------------- Body and text --------------------------------------------------------------------------------------------------*/ body {margin: 0; padding: 0; font: normal 12px/20px Sans-Serif; color: #fff; background: #242424 url(../gfx/bg.gif) repeat-x fixed;} h1 {margin-bottom: 10px; padding: 5px; font: bold 14px Sans-Serif; color: #fff; background: #000;} h1.block {margin: 0 0 10px 0; padding: 5px 0; font: bold 14px Sans-Serif; color: #fff;} h2 {margin-bottom: 10px; font: bold 16px Sans-Serif; color: #f09;} h3 {margin-bottom: 5px; font: bold 12px Sans-Serif; color: #0099de;} a {color: #000;} p {margin-top: 5px;} p.date {margin: 0; color: #0099de;} p.back {margin: 20px 0; font-weight: bold;} p.back a {color: #0099de;} h1 img {vertical-align: middle;} .clearer {height: 0; font-size: 0; line-height: 0; clear: both;} /*-------------------------------------------------------------------------------------------------- Layout --------------------------------------------------------------------------------------------------*/ img {border: 0;} img.left {float: left; margin: 0 10px 5px 0;} img.right {float: right; margin: 0 0 5px 10px;} div#supporter {position: fixed; top:20px; left: 50px; width: 250px; height: 200px; margin: -200 auto; color: #000; } div#wrapper {position: absolute; top:0px; left: 300px; margin-left: auto; margin-right: auto; width: 850px; margin: 0 auto; color: #000; background: #fff url(../gfx/bg_header.gif) repeat-x;} div#header {width: 850px; height: 255px; background: url(../gfx/header.jpg) no-repeat; float: left;} div#maincontent {width: 540px; margin: 0 10px 0 10px; float: left; display: inline;} div#secondarycontent {width: 280px; margin: 0 10px 0 0; float: left; display: inline;} div#banners {margin: 20px 0; text-align: center;} div#banners img {margin-bottom: 20px;} table#calendar {width: 80%; margin: 0 auto 20px auto; padding: 0; display: block; border: 0; border-collapse: collapse;} table#calendar th {width: 14%; padding: 10px 0 5px 0; text-align: center; font: bold 11px Sans-Serif;} table#calendar td {width: 14%; height: 25px; padding: 0; overflow: hidden; text-align: center; font: normal 11px Sans-Serif; color: #999; border: solid 1px #fff;} table#calendar td a {color: #fff; text-decoration: none; text-transform: capitalize;} table#calendar td.hasnt {background: #f9f9f9;} table#calendar td.has {background: #ffcd00;} table#calendar td.has a {color: #000;} table#calendar td.sel {background: #f09; font: bold 11px Sans-Serif; color: #fff;} table#calendar td.today {background: #0099de; color: #fff;} table#calendar td.today a {color: #000;} table#calendar td.month {height: 30px;} table#calendar td.left {padding-left: 0; text-align: center;} table#calendar td.right {padding-right: 0; text-align: center;} table#calendar td.month a {color: #000;} ol#news {margin: 0; padding: 0; list-style: none;} ol#news li {margin: 0 0 30px 0; clear: both;} ol#news li h2 {margin: 0;} ol#news li span.date {color: #0099de;} ol#news li p.more {margin: 0; text-align: right;} ol#news li p.more a {color: #0099de;} ol#news li img {margin: 0 10px 5px 0; float: left;} /*-------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------*/ #menu {height: 32px; margin: 213px 0 0 20px; padding: 0; list-style: none;} #menu li {float: left;} #menu li a {margin: 0 20px 0 0; padding: 0; font: bold 14px/32px Sans-Serif; text-decoration: none; color: #fff; display: block;} #menu li a:hover {border-bottom: solid 5px #fece00;} #menu li.on a {border-bottom: solid 5px #fece00;} #submenu {height: 32px; margin: -10px 0 10px -10px; padding: 0 10px; background: url(../gfx/bg_submenu.gif) no-repeat; list-style: none;} #submenu li {float: left;} #submenu li a {margin: 0 20px 0 0; padding: 5px 0 0 0; font: bold 12px/18px Sans-Serif; text-decoration: none; color: #000; display: block;} #submenu li a:hover {border-bottom: solid 3px #fece00;} #submenu li.on a {border-bottom: solid 3px #fece00;} /*-------------------------------------------------------------------------------------------------- AddOns etc --------------------------------------------------------------------------------------------------*/ div.gallery {width: 100%; margin: 10px 0; clear: both; float: left;} p.gallerybreadcrumb {margin: 10px 0 5px 0;} a.gallerydir {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 4px; background: #fff url(../gfx/folder.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.galleryimg {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 4px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.gallerydir:hover {color: #000; background-color: #f5f5f5;} a.galleryimg:hover {color: #000; background-color: #f5f5f5;} a.gallerydir img, a.galleryimg img {display: block; clear: both;} a.gallerydir span, a.galleryimg span {width: 120px; font: normal 11px Sans-Serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;} body#viewphoto {height: auto; margin: 10px; padding: 0; font: normal 12px Sans-Serif; color: #fff; background: #000;} body#viewphoto h1 {font: bold 18px Sans-Serif; color: #fff;} body#viewphoto p {margin: 5px 0; color: #fff;} fieldset.contact {border: 0; margin: 10px 0; padding: 0;} fieldset.contact legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px Sans-Serif; color: #000; display: none;} fieldset.contact p {margin: 5px 0;} fieldset.contact label {display: block;} fieldset.contact label .rfv {font-size: 11px; color: #f00;} fieldset.contact input {width: 250px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000;} fieldset.contact textarea {width: 250px; height: 100px; padding: 2px; font: normal 12px Sans-Serif; color: #000; overflow: auto;} fieldset.contact .btn {width: auto;} fieldset.loginprotectedpage {border: 0; margin: 10px 0; padding: 0;} fieldset.loginprotectedpage legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px Sans-Serif; color: #000;} fieldset.loginprotectedpage p {margin: 5px 0;} fieldset.loginprotectedpage label {display: block;} fieldset.loginprotectedpage label .rfv {font-size: 11px; color: #f00;} fieldset.loginprotectedpage input {width: 250px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000;} fieldset.loginprotectedpage .btn {width: auto;} dl#pageproperties {width: 100%; margin: 20px 0; display: block; clear: both;} dl#pageproperties dt {width: 110px; font: bold 11px Sans-Serif; float: left;} dl#pageproperties dd {font: normal 11px Sans-Serif;} dl#pageproperties dd a {} ul.sitemap {margin: 5px 0 5px 20px; list-style-type: square;} ul.sitemap ul {margin: 5px 0 5px 20px; list-style-type: square;} ul.breadcrumb {margin: 0; padding: 0; list-style: none;} ul.breadcrumb li {margin-right: 5px; padding: 0; line-height: 25px; display: inline;} ul.breadcrumb li.delimiter {font-weight: bold;} ol.guestbook {width: 65%; margin: 0; padding: 0; list-style: none; float: left;} ol.guestbook li {margin: 0 0 10px 0; padding: 10px; background: #f5f5f5;} ol.guestbook h3 {margin: 0; font: bold 11px Sans-Serif; float: left;} ol.guestbook p {margin: 0; clear: both;} ol.guestbook p.report {margin-bottom: 10px; clear: none;} ol.guestbook a {text-decoration: none; color: Blue;} ol.guestbook a.reported {text-decoration: none; color: Red; clear: none;} ol.guestbook a.report span, ol.guestbook a.reported span{ display: none; } ol.guestbook a.report, ol.guestbook a.reported{ width: 11px; height: 13px; display: block; float: right; } ol.guestbook a.report {background: url(../gfx/reported.gif) no-repeat;} ol.guestbook a.reported {background: url(../gfx/report.gif) no-repeat;} ol.guestbook li.pager {margin: 0; padding: 0; line-height: 20px; text-align: center; background: none !improtant; clear: both;} ol.guestbook li.pager a {text-decoration: none;} ol.guestbook li.pager a:hover {text-decoration: underline;} ol.guestbook li.pager a.left {float: left;} ol.guestbook li.pager a.right {float: right;} fieldset.guestbook {width: 30%; padding: 10px; background: #f5f5f5; border: 0; float: right;} fieldset.guestbook legend {margin: 0 0 10px -7px; padding: 0; font: bold 14px Sans-Serif; color: #000;} fieldset.guestbook p {margin: 5px 0;} fieldset.guestbook p.info {margin: 10px 0;} fieldset.guestbook p.error {color: Red;} fieldset.guestbook p.done {color: Green;} fieldset.guestbook p.sep {margin: 10px 0; line-height: 1px; border-bottom: solid 1px #ccc;} fieldset.guestbook p.checkbox {margin: 0 0 10px 0;} fieldset.guestbook p.checkbox label {margin: 0 0 0 3px; vertical-align: middle; display: inline;} fieldset.guestbook p.checkbox input {width: auto; vertical-align: middle;} fieldset.guestbook label {display: block;} fieldset.guestbook label span {color: Red; visibility: hidden;} fieldset.guestbook input {width: 97%; font: normal 11px Sans-Serif;} fieldset.guestbook textarea {width: 97%; height: 80px; font: normal 11px Sans-Serif; overflow: auto;} fieldset.guestbook input.btn {width: auto;} fieldset.guestbook a {font-weight: bold;} fieldset.guestbook fieldset {margin: 0; padding: 0; border: 0; display: none;} fieldset.guestbook fieldset legend {display: none;} ul.banners {margin: 20px 0; padding: 0; list-style: none;} ul.banners li {margin: 5px 0;}