/*

Theme Name: 

Theme URI: 

Description:

Version: 1.0

Author: Laurens Siroux

Author URI: http://compasol.net

*/



/* Layout Structure */

body{margin:0px;background:url(pics/bg.gif) repeat-x;font:12px Arial;color:#5F98B5;}

h1{margin:0;padding:0;font-size:36px;font-weight:normal;color:#718492;padding:31px 0 0 0;}  

  h1 a{color:#718492;text-decoration:none;}

#container{width:1055px;margin:0 auto;background:url(pics/containerbg.gif) no-repeat top center;}

#left{width:637px;float:left;}

#right{width:419px;float:left;margin:0 0 0 -3px;padding:20px 0 0;}



#content{background:#FFF url(pics/content.gif) repeat-y;border-right:1px solid #DFE8ED;padding:0;margin:5px 0 0;}

  #content .top{background:url(pics/contenttop.gif);height:9px;font-size:0;}

  #content .bottom{background:url(pics/contentbottom.gif);height:7px;position:relative;z-index:1;font-size:0;margin:-2px -1px 0 0;}

#comment{padding:0 10px;}

  #comment a{color:#566B76;text-decoration:none;}

  #comment .normal{color:#5F98B5;}

  #comment textarea{width:500px;}

  

  

.post{padding:15px 20px 8px 10px;font-size:14px;border-bottom:1px solid #BBC3C7;}

.post h2{color:#566B76;font-size:28px;margin:0;font-weight:normal;}

.post .posted{float:right;padding:10px 10px 0 0;color:#566B76;font-size:10px;}

.post p{margin:0;padding:0 5px 8px;}

.post a{color:#566B76;text-decoration:none;}

p.postbottom{height:17px;width:573px;background:url(pics/postbottom.gif);padding:2px 5px 0;margin:0 0 0;font-size:12px;color:#566B76;text-align:center;margin:0 auto;}

.postbottom img{vertical-align:middle;margin:-2px 3px 0 7px;}



#search{margin:0;padding:0;position:absolute;top:24px;z-index:1;}

#search input{height:20px;width:148px;padding:5px 0 0 10px;margin:0;background:url(pics/search.gif);border:0;float:left;margin:0;position:relative;}

#search .go{background:url(pics/go.gif);width:29px;height:25px;margin:0 0 0 5px;padding:0;}



#bars{padding:55px 0 0 2px;margin:0;color:#5F98B5;position:relative;}

  #bars .left{width:193px;float:left;position:relative;background:url(pics/right1.gif);padding:0 5px 0 11px;}

    #bars .left .top{background:url(pics/righttop1.gif);height:67px;margin:0 -5px -40px -13px;}

    #bars .left .bottom{background:url(pics/rightbottom.gif);margin:0 -5px 0 -11px;}

  #bars .right{width:193px;float:left;;position:relative;background:url(pics/right2.gif);padding:0 7px;}

   #bars .right .top{background:url(pics/righttop2.gif);height:8px;margin:0 -7px;font-size:0;}

   #bars .right .bottom{background:url(pics/rightbottom2.gif);margin:0 -7px;positon:relative;}

  #bars .bottom{height:7px;font-size:0;}

  #bars p,#bars h2,#bars ul{position:relative;z-index:2;margin:0;}

  #bars p{padding:4px 0;}



#bars h2{color:#566B76;font-size:24px;font-weight:normal;padding:7px 0 7px 5px;}

#bars ul,#bars p{list-style:none;padding:0 0 5px;margin:0;}

#bars li{padding:2px 0;}

#bars a{color:#5F98B5;text-decoration:none;}

#bars a:hover{text-decoration:underline;}

#bars .more{text-align:right;padding:0;}

#bars .more a{color:#566B76;}

#bars .padding{padding:0 0 0 37px;display:block;} 

#bars .dark{color:#566B76;}

#bars .dark2{color:#566B76;display:block;float:left;width:30px;padding:0 0 0 7px;}

#bars .space a{padding:2px 0;}

#bars p{padding:5px 0;}

#archive h3{color:#566B76;margin:0;font-weight:normal;background:url(pics/darkarrow.gif) no-repeat left center;padding:0 0 0 13px;position:relative;}

#archive h4{color:#566B76;margin:0 0 0 13px;font-weight:normal;background:url(pics/lightarrow.gif) no-repeat left center;padding:0 0 0 13px;position:relative;}

#archive h4 a{color:#566B76;}

#archive ul{padding:0 0 0 30px;}



#footer{background:url(pics/footer.gif);width:1011px;margin:25px auto 2px;color:#60737D;padding:6px 0 0 0;height:19px;}

#footer p{margin:0;padding:0;}

#footer a{color:#60737D;text-decoration:none;}

#footer a:hover{text-decoration:underline;}

#footer .left{float:left;padding:0 0 0 6px;}

#footer .right{float:right;padding:0 6px 0 0;}

#footer .center{text-align:center;}



/* Menu */

#menu{margin:0;padding:29px 0 0;height:35px;width:405px;float:right;}

#menu a{height:31px;width:75px;display:block;float:left;margin:0 2px;}

#menu .first{background:url(pics/menu1.jpg);}          

#menu .second{background:url(pics/menu2.jpg);}          

#menu .thirth{background:url(pics/menu3.jpg);}          

#menu .fourth{background:url(pics/menu4.jpg);}          

#menu .fifth{background:url(pics/menu5.jpg);}

#menu .first:hover{background:url(pics/menu1h.jpg);}          

#menu .second:hover{background:url(pics/menu2h.jpg);}          

#menu .thirth:hover{background:url(pics/menu3h.jpg);}          

#menu .fourth:hover{background:url(pics/menu4h.jpg);}          

#menu .fifth:hover{background:url(pics/menu5h.jpg);}





/*Extra*/

.clear{clear:both;font-size:0;display:block;} 

img{border:0;}

#content ul{margin-top:0;margin-bottom:0;list-style:url(pics/list.gif);}

#right form,input{margin:0;padding:0;}