/*   
Theme Name: Amgate blog
Theme URI: http://www.amgate.com
Description: Een wordpress theme gemaakt door compasol.net voor Amgate.
Author: Compasol
Author URI: http://compasol.net
Template: 
Version: 1.0
*/

*{margin:0;padding:0;}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#797979;
background:url(pics/bg.gif) repeat-x;
}
#container{
width:920px;
margin:0 auto;
position:relative;
}

/*Header*/
#header{
height:202px;
margin:0 0 30px 0;
}
#logo{
position:absolute;
top:14px;
left:2px;
height:119px;
width:653px;
}

/*Menu*/
#menu{
position:absolute;
top:160px;
left:0;
font-size:13px;
}
#menu li{
background:url(pics/top-menu-lft_bg.gif) no-repeat top left;
display:block;
float:left;
height:40px;
margin:0 5px;
list-style:none;
text-transform:uppercase;
font-weight:bold;
}
 
 #menu li:hover,#menu .on{
 background:url(pics/top-menu-lft-hover_bg.gif) no-repeat top left;
 }
#menu a{
line-height:25px;
font-size:13px;
color:#fff;
padding:0 20px;
display:block;
float:left;
height:40px;
background:url(pics/top-menu-rgt_bg.gif) no-repeat top right ;
}

#menu a:hover,#menu .on a{
background:url(pics/top-menu-rgt-hover_bg.gif) no-repeat top right;
color:#f00;
}

#menusmall{
position:absolute;
top:20px;
left:520px;
font:12px Verdana;
line-height:26px;
text-transform:uppercase;
font-weight:bold;
}
#menusmall li{
padding:0 10px;
display:block;
float:left;
}
#menusmall li.border{
background:url(pics/menuborder.gif) no-repeat top right;
}
#menusmall a{
display:block;
float:left;
color:#555555;
}

 #menusmall a:hover{
color:#555555;
 }
#menusmall .support{
padding:3px 0 0 0;
} 
#menusmall .support a{
width:110px;
height:19px;
background:url(pics/naar-support.gif);
text-indent:-10000px;
} 
#menusmall .support a:hover{
background:url(pics/naar-support-hover.gif);
}

/*Inhoud*/
#content{
width:585px;
float:left;
margin:0 60px 0 0;
}
#content .post{
margin:0 0 25px;
}
#content h2{
font-size:24px;
border-bottom:1px solid #f00;
padding:0 0 5px 0;
margin:0 0 5px;
}

#content h2 a{
color:#4D4D4D;
}
#content .info{
margin:0 0 20px;
}
#content .reacties{
text-align:right;
padding:5px 10px 0 0;
}  

#content ul{
padding:8px 0 10px 17px;
}
#content ol{
padding:8px 0 10px 22px;
}

#content a{
color:#F00;
}
#content p{
padding:5px 0;
}

/*Sidebar*/
#side{
width:270px;
float:left;
}

#side .box,#side .linkcat,.art-Block{
background:url(pics/sidetitle.jpg) no-repeat;
margin:0 0 25px 0;
padding:0 0 0 40px;
}
#side h2,#side .t,#side caption{
font-size:19px;
margin:0 0 26px;
padding:5px 0 0 0;
color:#4D4D4D;
}
  #side h2 a{
  color:#4D4D4D;
  }      
#side ul{
list-style:none;
}  

#side ul .children {
	margin-left:10px;
	margin-top:5px;
}
#side li{
padding:0 0 10px 0;
}
  
#side .zoek{
width:184px;
height:27px;
padding:3px 4px 0 4px;
background:url(pics/input.jpg);
display:block;
border:0;
}
#side .alignright{
text-align:right;
padding:4px 35px 0 0;
}  

/*Footer*/
#copyright{
clear:both;
}

/*Comments*/
#commentform textarea{
width:300px;
height:250px;
margin:0 0 4px;
}
#contentform #submit{
padding:3px;
margin:0
}
#contentform input{
margin:3px 0;
}

img{
border:0;
}
a,#content .info a{
text-decoration:none;
color:#555555;
}


.alignleft
{
	float: left;
}