/* CSS template for Open web CMS */
body{padding:10px 0 0 0; background-color:#000; font-size: 14px; height:100%}

/* Global */
#body-wrapper{width:80%; margin:auto; overflow:hidden}
ul{margin:0; padding:0}

/* Header */
#header
{
	height:89px; border-bottom:#19881a 3px solid; margin:0;
	text-align: right;
	background:url(/style/logo.png) no-repeat
}
#header ul{padding: 70px 0 0}
#header li{display:inline; padding:12px}
DIV.branding{float:left; height:89px}

/* Main-col */ 
#main{float:left; width:65%; white-space: pre-wrap; margin: 0}
#sidebar{float:right; width:30%}
#sidebar li{list-style-type: none; line-height: 28px}
#footer{padding:20px 0 20px 0}
#sidebar, #footer {text-align: center; margin-top: 14px}

/* Text */
body, a{color:#61ff5c}
#main a, .highlight{color:#19881a}
H3{ color: #88ff85 }
H3 a{ color: #88ff85 }

/* Anchor */
a{text-decoration:none}
#main a:hover, a:hover{color:#fff}

/* Style the active class */
.active{color: #fff}

/* Media Queries */
@media(max-width: 768px)
{
  DIV.branding, #header ul, #main, #sidebar
  {float:none; text-align:center; width:100%}
  #header ul{padding: 0}
  #header{height:100%}
  #body-wrapper, #footer{width:95%}
}