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


/*  THE BIG ONES  */

body {
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url(w_images/bg_borders.png) #57724a repeat-y center;
font-size:12px;
overflow: auto;
overflow-y:scroll;
}

form {
margin:0px;
}

hr {
border:0px;
height:1px;
width:96%;
background:#000000;
margin:3px;
}

button {
outline:0px;
border:0px;
background:none;
margin:0px;
padding:0px;
cursor:pointer;
}

img {
border:0px;
}

a {outline:0px;}



/* THE SUBDIVISIONS */

.top {
display:block;
width:100%;
height:180px;
background:url(w_images/top.png) center bottom no-repeat;
}

.frame {
position:absolute;
left:50%;
margin-left:-460px;
top:0px;
width:920px;
margin-bottom:50px;
overflow:visible;
background-color:#c5ffa9;
height:100%;
height:auto !important;
min-height:100%;
}

.left_column {
display:block;
margin-top:0px;
float:left;
width:176px;
height:auto;
/*background:url(w_images/blend.png) top repeat-x;*/
padding-top:60px;
}

.comments {
float:left;
position:relative;
width:176px;
height:auto;
z-index:10;
overflow:visible;
z-index:9;
margin-bottom:30px;
font-size:11px;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(197, 255, 169);
/* RGBa with 0.6 opacity */
background: rgba(197, 255, 169, 0.7);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70c5ffa9, endColorstr=#70c5ffa9);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#70c5ffa9, endColorstr=#c5ffa9)";
}

.extra {
float:left;
position:relative;
width:176px;
height:auto;
z-index:10;
overflow:visible;
z-index:9;
margin-bottom:10px;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(197, 255, 169);
/* RGBa with 0.6 opacity */
background: rgba(197, 255, 169, 0.7);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70c5ffa9, endColorstr=#70c5ffa9);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#70c5ffa9, endColorstr=#c5ffa9)";
}

.window {
display:block;
float:left;
background:#FFFFFF;
border:0px solid #9999FF;
margin-top:0px;
margin-left:0px;
width:520px;
height:auto;
overflow:visible;
z-index:7;
line-height:18px;
text-align:justify;
margin-bottom:40px;
}

.nav {
float:left;
margin-top:0px;
margin-left:px;
width:224px;
color:#be6700;
}

.nav_links {
width:140px;
background:#FFFFFF;
float:left;
height:130px;
}
.nav_blend {
display:block;
width:84px;
height:140px;
/*background:url(w_images/blend.png) top right repeat-x;*/
float:left;
}

.overview {
font-size:11px;
line-height:14px;
background-color:#c5ffa9;
border:1px solid #c5ffa9;
}

.page_nav {
margin:-20px 0px 0px 0px ;
color:#c5ffa9;
height:20px;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(80, 120, 50);
/* RGBa with 0.6 opacity */
background: rgba(80, 120, 50, 0.5);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50507832, endColorstr=#50507832);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#60507832, endColorstr=#507832)";
}

.comment_window {
display:none;
background-color:#a4e877;
margin-top:0px;
width:100%;
z-index:10;
}

.update_nav {
margin:5px 10px -5px 10px;
text-transform:uppercase;
font-family:Arial Black, Helvetica, sans-serif;
line-height:15px;
color:#609041;
}



/* ALL LINKS */

a:link {color:#609041; text-decoration:none;}
a:visited {color:#609041; text-decoration:none;}
a:active {color:#609041; text-decoration:none;}
a:hover {color:#000000; text-decoration:none; background-color:#a4e877}

.page_nav a:link {color:#FFFFFF; text-decoration:none;}
.page_nav a:visited {color:#FFFFFF; text-decoration:none;}
.page_nav a:active {color:#FFFFFF; text-decoration:none;}
.page_nav a:hover {color:#FFFFFF; text-decoration:none;}


.searchbar a:link {color:#000000; text-decoration:none;}
.searchbar a:visited {color:#000000; text-decoration:none;}
.searchbar a:active {color:#000000; text-decoration:underline;}
.searchbar a:hover {color:#000000; text-decoration:underline;}

.addcomment:hover {background-color:#a4e877;}

a.youtube:link {display:block;width:113px;height:50px;background-image:url(nav/youtubegr.png);float:right;}
a.youtube:visited {display:block;width:113px;height:50px;background-image:url(nav/youtubegr.png);float:right;}
a.youtube:active {background-image:url(nav/youtube.png);}
a.youtube:hover {background-image:url(nav/youtube.png);}

a.facebook:link {display:block;width:50px;height:50px;background-image:url(nav/facebookgr.png);float:right;}
a.facebook:visited {display:block;width:50px;height:50px;background-image:url(nav/facebookgr.png);float:right;}
a.facebook:active {background-image:url(nav/facebook.png);}
a.facebook:hover {background-image:url(nav/facebook.png);}

.thumb img {margin:4px;}
.thumb img.active {border:#609041 5px solid;margin:-1px;}
.thumb img:hover {border:#609041 5px solid;margin:-1px;}

button.thumb:active {background:#609041}
button.thumb:hover {background:#609041}

.top a:link {color:#FFFFFF; text-decoration:none;}
.top a:visited {color:#FFFFFF; text-decoration:none;}
.top a:active {color:#FFFFFF; text-decoration:none;}
.top a:hover {color:#FFFFFF; text-decoration:none;background:#8dd060}


/* ADD-ONS */

.content {
margin:10px;
}

div.searchbar {
width:100%;
background-color:#c5ffa9;
height:130px;
}

.thumb {
margin-top:5px;
font-size:11px;
line-height:14px;
margin-left:0px;
border:0px solid #eca700;
background:#c5ffa9;
text-align:center;
height:auto;
overflow:hidden;
}

.comment_filler {
display:block;
width:120px;
height:30px;
overflow:hidden;
}

.addcomment {
float:right;
width:150px;
background-color:#c5ffa9;
color:#000000;
text-align:right;
font-size:10px;
margin:0px;
margin-right:-19px;
cursor:pointer;
}



/*css popups*/
.music_video {
position: absolute;
top:50%;
left:50%;
margin-top:-130px;
margin-left:-170px;
width: 340px;
height:260px;
background-color:#feb358;
border:1px solid #eca700;
overflow:hidden;
z-index:11;
}

.music_file {
position: absolute;
top:50%;
left:50%;
margin-top:-25px;
margin-left:-170px;
width: 340px;
height:50px;
background-color:#feb358;
border:1px solid #eca700;
overflow:hidden;
z-index:11;
}

.image {
position: absolute;
top:50%;
left:50%;
background-color:#feb358;
border:1px solid #eca700;
overflow:hidden;
z-index:11;
}

.video {
position: absolute;
top:50%;
left:50%;
background-color:#feb358;
border:1px solid #eca700;
overflow:hidden;
z-index:11;
}

.arrow {margin:0px 0px 0px -6px;}


/* OBJECT SPECIFICS */ 

.comment_date {
color:#8DCA65;
font-size:8px;
font-weight:bold;
float:right;
margin-top:4px;}

.nav_links .shift {
margin-top:20px;
margin-left:20px;
}

.page_nav div {float:left;}
.page_nav .post_date, .top .small {text-align:center;font-size:10px;color:#c5ffa9;font-weight:bold}
.small {font-size:10px;color:#609041;font-weight:bold}

.top hr{width:100%;margin:0px;background:#c5ffa9;}
.top span {color:#c5ffa9;}

.extra .update_nav {top:-10px;}

div.post_title {
color:#000000;
width:100%;
text-align:center;
font-weight: bold;
font-size:20px;
line-height:20px;
margin-top:20px;
}

.window img.fit {
margin-left:-10px;
margin-right:-10px;
}

span.small {
font-size:10px;

}

.overview p{
margin-top:0px;
margin-bottom:6px;
}

.extra .content {
line-height:18px;
}

.overview .small{
color:#8dca65;
font-size:8px;
font-weight:bold;
float:right;
height:18px;
margin-right:4px;
margin-top:1px;
}




.window p {
text-indent:16px;
line-height:18px;
}

.window img {
margin:0px 0px 0px 0px;
}

.bottom {
margin-top:5px;
font-size:10px;
color:#993300;
}

.indent {
margin:0px 40px 0px 40px;
font-size:11px;
}




.extra img {
width:100%;
}

.extra_title {
color:#666666;
text-transform:lowercase;
margin-top:-14px;
}