@charset "utf-8";
/* CSS Document */

body {padding:0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px; height: 100%;}

img#bg {position: fixed; left: 0; top: 0; z-index: -1;}
.wide {width: 100%;}
.high {height: 100%;}

#container { margin: 0 auto; width: 980px; min-height: 760px; z-index: 25;} 

#col_left {float: left; width: 250px;}
#buttons_top {margin-top: 15px;}

#col_right {float: left; padding:15px;}

#content {min-height: 300px; background: url(images/content_bg.png) repeat; color: #ffffff; overflow: hidden; padding: 16px;}
/*#bordered {min-height: 364px; width: 734px; border: solid 2px #ffffff; padding: 8px;}*/
#footer {width: 628px; padding-top: 15px; font-size: 11px;}
#footer h2 {margin: 0 0 8px 0; color: #cccccc; font-size: 14px}
#footer .col {padding-right: 20px; padding-bottom: 10px;}

.textarea {font-size: 11px; color: #000000; padding: 2px;} 
.input {color: #000000;}

#signup {margin: 40px 0; width: 178px; min-height: 156px; background: url(images/content_bg.png) repeat; padding: 0px 16px;}
#signup label {display: block; font-weight: bold; font-size: 11px;}
#signup input {}
#signup .text {vertical-align: middle; margin: 2px 0 5px 0; width: 174px; height: 18px; font-size: 11px; padding: 2px;}
#signup #sub {float:right; margin-top: 5px;}
#signup #img {text-align: center; margin: 0 auto;}

#contact {margin: 0px; padding: 0px;}
#contact label {display: block; font-weight: bold; margin-top: 6px;}
#contact input {}
#contact form { font-size: 11px;}
#contact .text {vertical-align: middle; margin: 6px 0 0 0; width: 315px; height: 18px; font-size: 11px;  padding: 2px;}
#contact .narrow {width: 255px;}
#contact .ext {vertical-align: middle; margin: 6px 0 0 0; width: 50px; height: 18px; font-size: 11px; padding: 2px;}
#contact .extt {position: relative; left: 195px;}
#contact #sub2 {margin: 6px 0;}
#contact .textarea {margin: 4px 0 8px 0; font-size: 11px; color: #00ccff; padding: 2px;}
#contact .sub {font-size: 9px; margin-bottom: 10px;}

hr {border: 1px solid #ffffff;}

input {color: #00CCFF;}

.red {color:#FF0000;}
.top {margin-top: 24px;}

.blogged .title {color: #00ccff;}
/*.blogged strong {line-height: 32px; font-size: 16px; color: #ffffff; margin-right: 16px;}*/
.blogged .showall {display: none;};

.bg {background: url(images/content_bg.png) repeat;}



.halfl {width:390px;}
.halfr {width: 140px; padding: 10px 0 0 10px; text-align: left;}


.link {display: none; margin: 0 0 10px 15px;}
.button {background: #000000; margin-bottom: 10px;}
.blogbutton {background: #00ccff; margin-bottom: 10px;}
.clear {clear: both;}
.hide {width: 1px; height: 1px;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.bottom {padding-top: 15px; text-decoration: none;}
.padRight {padding-right: 15px;}
.clear {clear: both}
.padleft {padding-left: 10px;}
.blog_title {font-size: 24px;}
.poster {padding: 4px; background-color: #ffffff; color: #000000; margin: 2 auto; width: 461px;}

a {color: #ffffff; font-size: 11px; outline: none;}
a:hover {color: #00ccff;}
a:active {outline: none;}

.pic_title {display: block; margin: 20px 0 0 0;}

#coda-slider-1 {border: solid 2px #ffffff;}
#msg {display:none; position:absolute; z-index:200; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:url(images/content_bg.png); border:2px solid #ffffff; border-left:none; padding:5px; min-width:150px; max-width:250px}


#slideshow {
    position:relative;
    height:100%;
	width: 100%;
}

#slideshow IMG {
    position:fixed;
	height: 100%;
	width: 100%;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

.panel-wrapper img{border: none;}
.panel-wrapper p{display: block;}

.error { background-color:#FFEFEF; border: 1px solid #BB6666; color:#660000; }

.post a {color: #00ccff; text-decoration: none;}
.post a:hover {color: #ffffff; text-decoration: underline;}