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

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	line-height:1
}
ol, ul {
	list-style:none;
	padding: 0;
	margin: 0;
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins { text-decoration:none }
del { text-decoration:line-through }
table { border-collapse:collapse; border-spacing:0 }
html { 	height: 100%; background: #ffffff; }
body { background: transparent; height: 100%; font-family: Arial, Helvetica, sans-serif; position: relative; }

h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
h1 { color: #5c5f5c; font-size: 36px; font-weight: bold; line-height: 36px;  margin-bottom: 36px;  text-transform: lowercase;}
h2 { color: #ffffff; font-size: 14px; font-weight: normal; line-height: 22px; text-transform: lowercase; }
h3 { color: #ffffff; font-size: 14px; font-weight: bold; line-height: 34px; text-transform: uppercase; }
h4 { color: #ffffff; font-size: 15px; font-weight: normal; line-height: 18px; font-family: Verdana, Geneva, sans-serif; margin-bottom: 5px; }
h5 { color: #ffffff; font-size: 14px; font-weight: normal; line-height: 34px; text-transform: lowercase; }
h5 a{ padding: 10px 0;}

p { margin: 0; padding: 0; color:#ffffff; font-size: 12px; line-height: 16px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}

a { text-decoration: none; color: #51c21a; text-decoration: underline;}
a:hover { text-decoration: none;}

.author { font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #cccccc; }

.floatright { float: right;}
.floatleft { float: left; }

select { border: solid 1px #cccccc;}

.clear { clear: both; line-height: 0px; font-size: 0px; height: 0px; margin: 0px; padding: 0px; width: 100%; }
.clean:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; zoom:1;}

.alignright { float: right; margin: 0 0 10px 10px; }
.alignleft { float: left; margin: 0 10px 10px 0; }

#wrapper {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	border-left: solid 16px #dddddd;
	background: #393d39;
}
* html,* html body /* IE6 Fixed Position Jitter Fix */{background-image:url(about:blank);background-attachment:fixed;}

.fixed-bottom /* position fixed Bottom */{position:fixed;bottom:0px;top:auto; background:#dddddd; z-index: 999; width: 100%; height: 16px; }

* html .fixed-bottom /* IE6 position fixed Bottom */{position:absolute;bottom:auto; z-index: 999; top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

.fixed-top /* position fixed Bottom */{position:fixed;top:0px;bottom:auto; background:#dddddd; z-index: 999; width: 100%; height: 16px; }

* html .fixed-top /* IE6 position fixed Bottom */{position:absolute;top:auto; z-index: 999; top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}

.fixed-right  /* position fixed right  */{position:fixed; right: 0px;left:auto; background:#dddddd; z-index: 999; width: 16px; height: 100%;}

* html .fixed-right  /* IE6 position fixed right      */{position:absolute;right:auto; z-index: 999; left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));}  

.fixed-left  /* position fixed right  */{position:fixed; left: 16px;right:auto; background:#393D39; z-index: 998; width: 223px; border-right: solid 16px #dddddd; height: 100%;}

* html .fixed-left  /* IE6 position fixed right      */{position:absolute;right:auto; z-index: 998; left:expression(eval(document.documentElement.scrollLeft));}  


ul li {
	font-size: 12px;
	color: #ffffff;
	line-height: 18px;
	background: 15px 6px no-repeat url(images/bg-li);
	padding-left: 39px;
}
/* side bar w menu*/
.sidebar-main {
	margin:0;
	padding:0;
	width: 223px;
	border-top: solid 16px #dddddd;	
	z-index: 995;
	background: #393d39;
}
/*
.sidebar-main {
	left:16px;
	margin:0;
	padding:0;
	position:fixed;
	top:0px;
	height:100%;
	white-space:nowrap;
	width: 223px;
	border-right: solid 16px #dddddd;
	border-top: solid 16px #dddddd;
	z-index: 995;
	background: #393d39;
}
*/
a.logo {
	display: block;
	height: 113px;
	width: 204px;
	position: relative;
	margin: 14px auto 90px;
}
.logo span {
	height: 113px;
	width: 204px;
	right: 0;
	top: 0;
	position: absolute;
	background: top left no-repeat url(images/logo.gif);
	cursor: pointer;
}
.main-menu {
	width: 200px;
	margin-left: 23px;
}
.main-menu ul li{
	height: 34px;
	background: none;
	padding-left: 0;
	
}
.main-menu ul li a{
	color: #ffffff;
	font-size: 14px;
	line-height: 34px;
	display: block;
	text-decoration: none;
	text-align: right;
	padding-right: 68px;
}
.main-menu ul li:hover,
.main-menu ul li.selected{
	background: top left repeat-x url(images/bg-stripe-sm.gif);
}
/* page */
.page {
	width: 995px;
	padding: 37px 0 70px;
	margin-left: 239px;
}
.main-content {
	width: 701px;
	float: left;
}
.main-video {
	width: 533px;
	height: 400px;
	padding: 16px;
	background: top left no-repeat url(images/bg-pic.gif);
	margin: 40px auto 0;
}
.content {
	padding: 30px 25px;
}
.content p{
	margin-bottom: 25px;
}
/**/
.sidebar-sub {
	width: 294px;
	float: right;
}
.sidebar-sub-stalk{
	padding-top: 100px;
}
.sidebar-sub .single-pic {
	padding-bottom: 34px;
	background: bottom left repeat-x url(images/bg-stripe-sm.gif);
	margin-bottom: 20px;
}
.sidebar-sub .single-pic img{
	border: solid 8px #dddddd;
	margin-bottom: 26px;
}
.sidebar-sub .single-block{
	margin-bottom: 20px;
}
.sidebar-sub h2{
	display: block;
	background: top left repeat-x url(images/bg-stripe-sm.gif);
	height: 14px;
	line-height: 14px;
	padding: 10px 0 10px 13px;
	font-size: 14px;
	margin-bottom: 20px;
}
.sidebar-sub h3 {
	margin-bottom: 10px;
	color: #7f827f;
}
.sidebar-sub h3 a{
	color: #7f827f;
	text-decoration: none;
}
.sidebar-sub h3.odd {
	margin-bottom: 10px;
	color: #ffffff;
}
.sidebar-sub h3.odd a{
	color: #ffffff;
	text-decoration: none;
}
.sidebar-sub h3 a:hover,
.sidebar-sub h3.odd a:hover{
	color: #51c21a;
}
.sidebar-sub .tweet-post {
	margin-bottom: 20px;
}
.sidebar-sub .tweet-post p{
	font-size: 11px;
	line-height: 12px;
	color: #ffffff;	
}
.sidebar-sub ul li a {
	text-decoration: none;
	color: #ffffff;
	text-transform: uppercase;
}
.sidebar-sub ul li a:hover {
	text-decoration: none;
	color: #51c21a;
}
/* watch page */
.single-video {
	border: solid 6px #ffffff;
	float: left;
	margin-right: 19px;
	margin-bottom: 19px;
	position: relative;
	height: 150px;
	width: 200px;
}
.single-video a .descr {
	display: none;
	position: absolute;
	height: 185px;
	height: 130px;
	width: 180px;
	background: #000000;
	padding: 10px;
	-moz-opacity: 0.8; 
	filter: alpha(opacity=80);  
	opacity: 0.8;
}
.single-video a .descr p{
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 14px;
}
.single-video a:hover .descr{
	display: block;
}
/* read page */
.single-article-preview {
	float: left;
	width: 255px;
	padding-right: 70px;
	margin-bottom: 40px;
}
.single-article-preview h2{
	color: #5bac33;
	text-transform: uppercase;
	margin-bottom: 2px;
}

.single-article-preview h5 {
margin-bottom: 11px;
text-transform: capitalize;
}
.single-article-preview h2 a{
	color: #5bac33;
	text-transform: uppercase;
	text-decoration: none;
}
.single-article-preview p {
	padding: 13px 0;
	margin: 0;
}
.single-article {
	margin-bottom: 40px;
}
.single-article h2{
	color: #5bac33;
	text-transform: uppercase;
	margin-bottom: 13px;
}
.single-article h2 a{
	color: #5bac33;
	text-transform: uppercase;
	text-decoration: none;
}
.single-article p {
	padding: 13px 0;
	margin: 0;
}
.single-article .text-10 p,
.single-article-preview .text-10 p,
.text-10 p {
	font-size: 10px;
	text-transform: uppercase;
	padding: 0;
}
.text-10 p a {
	text-decoration: none;
	color: #ffffff;
}
.text-10 p a:hover {
	color: #51c21a;
	text-decoration: none;
}
/* footer */
#wrapperfooter {
    height: 50px;
    width: 100%;
    position: absolute;
    bottom: 16px;
    z-index: 990;
    background: #393d39;
    border-top: solid 16px #dddddd;
}
.footer {
    height: 32px;
    padding-top: 19px;
    background: #393d39;
    width: 1225px;
}
.footer  a{
    color: #ffffff;
    text-decoration: none;
}
.footer  a:hover{
    color: #ffffff;
    text-decoration: underline;
}
.footer h2{
    padding-left: 270px;
    float: left;
}
.footer span.doejo {
    float: right;
    font-size: 14px;
    color: #555555;
}
.footer span.doejo a{
    font-family: 'ArcherPro', Arial, Helvetica, sans-serif;
    color: #555555;
}
.footer span.doejo a:hover{
    color: #888888;
}


.sidebar-sub .single-block h2 a {
color: #fff; text-decoration: none;
}


/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:600px;     
    min-height:450px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
	z-index: 99999;
}