/* CSS Document */
html {
  height:100%;
}
body {
  font-family: Verdana, "Geneva CE", lucida, sans-serif;
  font-size:80%;
  color:#fff;
  background:#000 url('logo.png') no-repeat 20px 40px;
  height:100%;
}
#wrapper {
  margin:0 0 1em 240px;
  text-align:left;
  width:700px;
}
h1 {
  color:#fff;
  font-size:2em;
  line-height:1.2em;
  line-height:1.2em;
  margin-top:1em;
}
h2 {
  color:#888;
  font-size:1.6em;
  height:1.2em;
  line-height:1.2em;
  padding-bottom:1em;
}
h3 {
  color:#aaa;
  font-size:1.4em;
  height:1.2em;
  line-height:1.2em;
  padding-top:2em;
  padding-bottom:0.6em;
}
h4 {
  color:#ccc;
  font-size:1.2em;
  height:1.2em;
  line-height:1.2em;
  padding-top:2em;
  padding-bottom:0.6em;
}
#header {
  height:30px;
  border-bottom:1px dotted #666;
}
#logo {
  margin-top:5px;
  float:left;
  height:20px;
  line-height:20px;
  width:100px;
  text-align:center;
  color:#fff;
  background:#f06;
  text-decoration: none;
  text-transform: uppercase;
  font-size:0.8em;
  font-weight:bold;
}
#menu {
  margin-top:5px;
  width:500px;
  height:20px;
  float:right;
}
#menu ul {
  padding:0;
  margin:0;
  list-style-type: none;
  float:right;
}
#menu ul li {
  float:left;
}
#menu ul li a {
  display:block;
  height:20px;
  line-height:20px;
  text-align:center;
  border-right:1px solid #666;
  color:#fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size:0.8em;
  font-weight:bold;
  padding:0 2em;
}
#menu ul li.last a {
  border:none;
}
#menu ul li.active a {
  background:#333;
}

#main p {
  line-height:1.5em;
  text-align: justify;
}
#main ul {
  margin:1em 1em 1em 2em;
  list-style-type: square;
  line-height:1.5em;
}
#main ul li {

}
#gallery {
  margin:1em 0 1em 11px;
  height:107px;
}
#gallery a {
  float:left;
  width:142px;
  height:107px;
  overflow:hidden;
  margin-right:36px;
}
#gallery a.last {
  margin-right:0;
}
#media, #map {
  width:345px;
  overflow:hidden;
  margin-top:2em;
}
#media {
  float:left;
}
#map {
  float:right;
}
.cleaner {
  clear:both;
  height:1px;
  font-size:0.1em;
  overflow:hidden;
}
#map_canvas {
  width:345px;
  height:260px;
  color:#333;
}
#map_canvas.no-map {
  background:#000 url('no-map.png') no-repeat left top;
}
#map_canvas span {
  visibility:hidden;
}
a {
  color:#f06;
}
a:hover {
  color:#fff;
  text-decoration:none;
  background:#f06;
}
table {
  width:100%;
  border-collapse: collapse;
}

table td {
  padding:0.6em;
  border-bottom:1px solid #ccc;
  background:#fff;
}
table tr.alt td {
  background:#f5f5f5;
}
table tr.over td {
  background:#ddd;
}
table tr.last td {
  border-bottom:none;
}
td.date, td.place {
  width:20%
}
td b.active {
 color:#666;
}
td {
  color:#333;
}
td b {
color:#000;
}

#footer {
  padding:2em 0 0 0;
}
#footer p {
  height:2em;
  line-height:2em;
  font-size:0.8em;
  color:#666;
  text-align:right;
  border-top:1px dotted #666;
}
#footer a {
  color:#888;
  text-decoration:underline;
}
#footer a:hover {
  color:#aaa;
  text-decoration:underline;
  background:#000;
}
#zoom-map {
  float:right;
  margin-top:5px;
  height:16px;
  line-height:16px;
  background:#000 url('zoom.png') no-repeat right center;
  padding-right:12px;
  font-size:0.8em;
}
#zoom-map:hover {
  color:#fff;
}


/* formboxy */
.formbox {
  background:#333;
  border:1px solid #666;
  margin:0 0 1em 0;
  padding:1em;
}
.formbox ul {
  margin:0 !important;
  padding:0 !important;
  list-style-type: none !important;
}
.formbox li {
  line-height:20px;
  padding:0 0 0 20px;
  background-repeat: no-repeat;
  background-position: left 2px;
}
.formbox.error {
  margin-top:1em;
  background:#ffe6e6;
  border-color:#ff6a6a;
  color:#d21e22;
}
  .formbox.error ul li {background-image:url('formbox-error.png');}
  .formbox.error a {color:#d21e22}
.formbox.confirm {
margin-top:1em;
  background:#e6ffe7;
  border-color:#9ef1a0;
  color:#006205;
}
  .formbox.confirm ul li {background-image:url('formbox-confirm.png');}
  .formbox.confirm a {color:#006205}
.formbox.info {
margin-top:1em;
  background:#e6f8ff;
  border-color:#6ad7ff;
  color:#1e2cd2;
}
  .formbox.info ul li {background-image:url('formbox-info.png');}
  .formbox.info a {color:#1e2cd2}
.formbox.info a:hover, .formbox.confirm a:hover, .formbox.error a:hover {color:#000;background:none;}

span.red {
  color:#f00;
}

fieldset {
  margin:1em 0;
  background:#111;
  border:1px solid #333;
  padding:1em;
}
fieldset label {
  float:left;
  width:120px;
  font-size:0.8em;
  text-transform: uppercase;
}
fieldset p {
  clear:both;
  margin-bottom:0.4em;
}
fieldset p.info {
  margin-left:120px;
  font-size:0.8em;
  color:#888;
}
.txtbox, textarea {
  font-family: Verdana, "Geneva CE", lucida, sans-serif;
  color:#fff;
  padding:3px;
  font-size:1em;
  background:#000;
  border-top:1px solid #666;
  border-right:1px solid #666;
  border-bottom:3px solid #666;
  border-left:1px solid #666;
}
.txtbox {
  width:20em;
}
textarea {
  width:30em;
  height:10em;
}
.message-box {
  display:none;
}
.message-send {
  padding-left:120px;
}
#js-button, #add-message {
  float:left;
  height:30px;
  line-height:30px;
  padding:0 30px;
  color:#fff;
  background:#f06;
  text-decoration: none;
  text-transform: uppercase;
  font-size:0.8em;
  font-weight:bold;
}
#js-button:hover {
  background:#fff;
  color:#000;
}
#add-message {
  margin-top:1em;
  background:#f06 url('plus.gif') no-repeat -8px center;
}
#add-message:hover {
  color:#000;
  background:#fff url('plus.gif') no-repeat 8px center;
}
      #fb-comments {
        background:#f5f5f5;
        padding:10px 0 10px 10px;
        margin-top:1em;
      }
      
      #fb-comments h4 {
        text-transform: uppercase;
        color:#666;
        padding:0;
        margin:0 0 0.4em 0;
        font-size:0.8em;
      }

.post, .post2, .post-reply {
  background:#222;
  background-image:url('bg-gravatar.gif');
  background-repeat:repeat-y;
  background-position: 48px top;
  margin:1em 0 0 0;
}
.post.alt, .post2.alt {
  background-color:#333;
}
.post.over, .post2.over {
  background-color:#444;
}
.post .gravatar, .post2 .gravatar {
  width:50px;
  float:left;
}
.post .gravatar img, .post2 .gravatar img {
  display:block;
  width:32px;
  height:32px;
  margin:8px 0 8px 8px;
}
.post .message, .post2 .message {
  float:right;
  width:630px;
  margin:0 8px 0 0;
  padding:8px 0;
}
.message p {
  text-align:left !important;
}
.post .name, .post2 .name {
  font-weight:bold;
  float:left;
}
.name .id {
  color:#666;
}
.post .date, .post2 .date {
  float:right;
  color:#666;
  font-size:0.8em;
}
.post .message p, .post2 .message p {
  clear:both;
  padding:8px 0 0 0;
}

.post2, .post-reply {
  margin-left:50px;
}
.post2 .message {
  width:580px;
}
.post .reply, .post2 .reply, .post-reply .reply {
  float:right;
  margin-top:8px;
}
.post-reply {
  background:#111;
}
.post-reply .reply {
  margin:8px;
}

.pages {
  margin:2em 0 1em 0;
}
.pages span, .pages a {
  float:left;
  height:2em;
  line-height:2em;
  padding:0 1em;
  margin-right:2px;
}
.pages span.active {
  background:#fff;
  color:#000;
  font-weight:bold;
}
.pages a {
  text-decoration:none;
  background:#333;
}
.pages a:hover {
  background:#f06;
}

a#login {
  background:#222 url('key.png') no-repeat left center;
  padding:0 4px 0 20px;
  height:20px;
  line-height:20px;
  float:right;
  color:#fff;
  border:1px solid #444;
  text-decoration:none;
}
a#login:hover {
  border:1px solid #666;
}

#blog {
  float:left;
  width:500px;
}
#blog h2.title {
  margin-top:1em;
}
#sidebar {
  float:right;
  width:180px;
}
#sidebar small, #blog small {
  font-size:0.8em;
  color:#888;
}
#sidebar .rss a {
  text-decoration:none
}
#sidebar .rss a img {
  border:0;
  margin-right:6px;
}
.textR {
  text-align:right !important;
}
#sidebar ul li.active a {
  background:#333;
}

.perex {
  font-size:1.1em;
  margin:1em 0 2em 0;
}

#blog hr {
  height:1px;
  border:1px dotted #888;
  margin:1em 0;
}

#blog h2 {
  margin-top:1em;
}

blockquote {
  font-style:italic;
  background:#333;
  color:#ccc;
  margin:0 1em;
  border-left:5px solid #222;
  padding:1em;
}

#disqus_thread {
  margin-top:4em;
}

#bannery {
      width:700px;
      height:500px;
      padding:2em;
    }
#bannery h1 {
  color:#fff;
  font-size:2em;
  line-height:1.2em;
  line-height:1.2em;
  margin-top:1em;
}
#bannery h2 {
  color:#888;
  font-size:1.6em;
  height:1.2em;
  line-height:1.2em;
  padding-bottom:1em;
}
#bannery a {
  color:#f06;
}
#bannery a:hover {
  color:#fff;
  text-decoration:none;
  background:#f06;
}

#bannery p {
  padding:1em 0;
}
#bannery pre {
  padding:0.4em;
  margin-bottom:3em;
      background:#333;
      color:#ccc;
      font-size:1.2em;
}