/*
Theme Name: Het Syndicaat
Description: The basic building blocks.
Version: 1.0
Author: Coen Warmer
Author URI: http://www.mono9.nl/

*/

/* RESET */
body, p, h1, h1, h3, h4, h5, ul, li, img, a, div {
margin: 0;
padding: 0;
border: 0;
}

/* STRUCTUUR */

body { 
font-family: Arial, Helvetica, Verdana, Tahoma;
font-size: 9pt;
margin: 0px;
margin-top:10px; 
margin-left:10px;
}

#wrapper{
width: 1000px;
margin: 0 auto;
}

#kopimg{
float: left;
margin-right: 10px;
margin-top: 10px;
margin-top: -72px;
}

  /* NAVIGATIE */
#navbar_container{
margin-bottom: 5px;
}

.navbar{ 
width: 985px; 
margin: 0px; 
margin-left: 90px; 
}

.navbar img{
margin-right: 12px;
}

   /* LAYOUT PAGINA's */
#page_content{
width: 650px;
height: 470px;
overflow: auto;
float: left;
margin-top: 10px;
padding: 0 10px 0 0px;
border-right: solid 2px #eee;
overflow-x: hidden;
}

#page_sidebar{
width: 220px;
float: left;
height: 470px;
overflow: auto;
margin-top: 10px;
padding: 0 5px 0 10px;
}

#page_sidebar img.alignleft{
width: 200px;
height: 200px;
}

/* TYPOGRAFIE */
h1{
font-family: Arial, helvetica, sans-serif;	
font-size: 32px;
margin-bottom: 10px;
margin-top: 0px;
text-transform: capitalize;
}

h2{
font-family: Arial, helvetica, sans-serif;	
font-size: 24px;
margin-bottom: 10px;
margin-top: 0px;
text-transform: capitalize;
}

p{
font-family: Verdana, sans-serif;
font-size: 13px;	
margin-bottom: 15px;
}

a:hover {
text-decoration: underline;
}

.klein{
font-size: 9px;
}

/* TYPOGRAFIE: KLEUREN */
.Rood a, .Rood h1, .Rood h2{
color: #c32633;
text-decoration: none;
}

.Groen a, .Groen h1, .Groen h2{
color: #33CC33;
text-decoration: none;
}

.Donkergroen a, .Donkergroen h1, .Donkergroen h2{
color: #009933;
text-decoration: none;
}

.Blauw a, .Blauw h1, .Blauw h2{
color: #3366CC;
text-decoration: none;
}

.Lichtblauw a, .Lichtblauw h1, .Lichtblauw h2{
color: #66CCFF;
text-decoration: none;
}

.Bruin a, .Bruin h1, .Bruin h2{
color: #663300;
text-decoration: none;
}

.Paars a, .Paars h1, .Paars h2{
color: #663399;
text-decoration: none;
}

.Lila a, .Lila h1, .Lila h2{
color: #CC3399;
text-decoration: none;
}

.Roze a, .Roze h1, .Roze h2{
color: #FF99CC;
text-decoration: none;
}

.Oranje a, .Oranje h1, .Oranje h2{
color: #FF9933;
text-decoration: none;
}

.Geel a, .Geel h1, .Geel h2{
color: #FFCC00;
text-decoration: none;
}

.Lichtgeel a, .Lichtgeel h1, .Lichtgeel h2{
color: #FFFF00;
text-decoration: none;
}


/* BLOG STIJLING */

#blogtitel_container{
padding: 5px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #c32633;
-moz-box-shadow: 5px 5px 10px #aaa;
-webkit-box-shadow: 5px 5px 10px #aaa;
}

#blogtitel_container h1{
color: #ffffff !important;
display: inline;
}

.post{
margin-top: 15px;
border: dotted 1px #999;
padding: 10px;
overflow: hidden;
}

.post_meta{
color: #999;
font-style: italic;
font-size: 10px;
}

/* ALGEMENE CONTENT STYLING */
.alignleft{
float: left;
margin: 0 10px 10px 0px;
}

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

/* TABEL STIJLING */
table{
font-family: Verdana;
}

table td{
padding-right: 10px;
}

/* STIJLING VOOR SPEELLIJST TABELLEN */
.speellijst{
font-family: Verdana;
font-size: 11px;
}

/* SOCIAL NETWORK BADGES VOOR HOMEPAGE */

#socialnetworks{
position: absolute;
margin-left: 540px;
margin-top: -15px;
}

#socialnetworks_blog{
background-color: #ffffff;
padding: 5px;
padding-bottom: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float: right;
margin-top: 5px;
}

#socialnetworks img {
margin-right: 10px;
}

#socialnetworks_blog img{
margin-left: 5px;
margin-right: 5px;
}

#twtr-widget-1{
margin-bottom: 15px;
}

.twtr-join-conv{
display: none !important;
}