/*  GENERAL INFO
Theme Name: braincubes.be
Theme URI:  http://www.braincubes.be
Description: braincubes main theme
Author: [wallie]
Author URI: http://www.braincubes.be
Live Demo: -
Changelog: v2.0
*/

html {
height: 100.02%;
margin: 0px;
padding: 0px;
}
body {
background-color: #333333;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
font-size: 12px;
margin: 5px 0px;
padding: 0px;
}
#container {
width: 980px;
background-color: #2b2b2b;
margin: 0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
color: #cccaca;
overflow: hidden;
}

/* HEADER */
#header {
height: 180px;
background-image: url("./_images/braincubes.jpg");
background-repeat: no-repeat;
background-position: top center;
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#header #service {
float: left;
width: 760px;
margin-top: 152px;
}
#header #service ul {
text-transform: lowercase;
list-style: none;
margin: 0px;
padding: 0px;
text-align: right;
}
#header #service li {
display: inline;
padding-left: 15px;
}
#header #service a {
color: #ffffff;
text-decoration: none;
}
#header #service a:hover {
text-decoration: underline;
}
#header #descr {
float: left;
width: 215px;
margin-top: 152px;
text-align: right;
}
#header #descr p {
margin: 0px;
padding: 0px;
}


/* MAIN - METADATA */ 
#main {
width: 210px;
float: left;
margin: 0px;
padding: 0px 0px 0px 5px;
}
#main h2, #metadata h2, .widgettitle {
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
background-color: #333333;
color: #ffffff;
margin: 0px;
padding: 0px 0px 0px 5px;
}
#main h2 a, #metadata h2 a, .widgettitle a {
text-decoration: none;
color: #ffffff;
}
#main h2 a:hover, #metadata h2 a:hover, .widgettitle a:hover {
text-decoration: underline;
color: #ffffff;
}
#main ul, #metadata ul, #related ul {
color: #a0a0a0;
margin: 0px 0px 15px 17px;
padding: 0px 0px 0px 0px;
}
#main ul li, #metadata ul li, #related ul li {
list-style-image: url("./_images/arrow.gif");
list-style-position: outside;
background-color: #2b2b2b;
color: #a0a0a0;
text-decoration: none;
text-transform: none;
margin: 0px;
padding: 0px 5px 0px 0px;
}
#main ul li a, #metadata ul li a, #related ul li a {
color: #a0a0a0;
text-decoration: none;
}
#main ul li a:hover, #metadata ul li a:hover, #related ul li a:hover {
text-decoration: underline;
}

/* CONTENT */
#content {
width: 390px;
float: left;
font-size: 12px;
margin: 0px;
padding: 0px 0px 0px 10px;
}
#content h1 {
font-size: 15px;
text-transform: uppercase;
color: #ffffff;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 0px;
}
#content h2 {
font-size: 13px;
text-transform: uppercase;
color: #ffffff;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 0px;
}
#content p {
margin: 0px 0px 10px 0px;
padding: 0px;
}
#content a {
color: #ffffff;
text-decoration: none;
}
#content a:hover {
color: #ffffff;
text-decoration: underline;
}
#content .meta {
font-size: 10px;
color: #474747;
margin: 15px 0px 30px 0px;
padding: 0px 0px;
}
#content .meta p {
background-color: #242424;
height: 15px;
margin: 0px 0px 1px 0px; 
padding: 0px 5px;
}
#content .meta a {
color: #474747;
}
#content .meta img {
border: 0px;
}
#content .commentsblock {
margin: 0px 0px 25px 0px;
padding: 0px;
}
#content .commentsblock ol {
margin: 0px;
padding: 0px 0px 0px 20px;
}
#content .commentsblock #respond {
margin-top: 20px;
}
input, textarea {
background-color: #242424;
color: #a0a0a0;
border: 0px;
}
textarea {
width: 100%;
}


/* METADATA */
#metadata {
width: 360px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#metadata #tagcloud {
margin: 0px;
padding: 0px 0px 0px 10px;
}
#metadata #tagcloud li {
display: inline;
}
#metadata .kolom {
width: 170px;
float: left;
margin: 0px;
padding: 0px 0px 0px 10px;
}
#metadata table {
width: 100%;
}

/* FOOTER */
#footer {
clear: both;
width: 1000px;
height: 17px;
background-color: #000000;
color: #ffffff;
font-size: 10px;
text-align: center;
}
#footer ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#footer li {
display: inline;
margin: 0px;
padding: 0px 10px;
}