/*  
Theme Name: Leefsleutels
Theme URI: http://www.webtom.be
Description: 960 grid based wp template
Version: 3.0
Author: Tom Cryns
Author URI: http://www.webtom.be

*/

@import url("960/960.css");
@import url("960/reset.css");
@import url("960/text.css");

body{
	background: #444;
	font-family: "Lucida Grande", Verdana, sans-serif;
  font-size: small;
}

#wrapper
{
}

#content
{
 border-top:#fefefe 1px solid;
 background:#FBF4DA url(images/bg.gif) repeat-y right;
}

#sidebar
{
margin:0;
}



/* header */
h1{
  font-size:250%;
	font-weight: normal;
	color: #999;
}

#header p{
	font-size: 18px;
	color: #535353;
}




#s{
	width: 200px;
	border-right: none;
	margin:.5em 0;
}
#searchform{
	margin:.5em 0;
}

#searchSubmit{
	border-left: none;
	margin-left: -5px;
	cursor: pointer;
	color: #6d6d6d;
}




/* content */
#main, 
#sidebar
{
	margin-bottom: 5em;
}



/* posts */

.post{
	clear: both;
}

.post h2,
.page h2 
{
    f/ont-family:Georgia,serif;
	font-size: 160%;
	font-weight: normal;
    letter-spacing:2px;
	color: #333;
	margin: 1em 1em .5em 0;
	border-bottom: 1px dotted  #666;
}

.post h3
{
    f/ont-family:Georgia,serif;
	font-size: 140%;
	font-weight: normal;
	margin: 1.6em 0 1em 0;
}
.post a, .page a{
	color: #963;
	text-decoration: none;
}

.post a:hover{
	text-decoration: underline;
}

.post a.more-link{
	text-decoration: underline;
	display: block;
}




#sidebar>strong{
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #e49c00;
}


#sidebar h2{
	font-size: 110%;
	font-weight: bold;
	margin: 2em 0 .3em 0;
}


#featuredPost{
}

#featuredPost h2
{
	font-size: 120%;
	font-weight: normal;
  letter-spacing:2px;
	color: #333;
	margin: 1em 0 .5em 0;
	border-bottom: 1px dotted  #666;
}

.post .postMetaData
{
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-style: normal;
	color: #9a9a9a;
	border-bottom: 1px dotted #9a9a9a;
}

.post .postMetaData a{
	color: #9a9a9a;
	text-decoration: none;
}



#main .post a.more-link{
	float: right;
}

#main .post a img{
	float: right;
	padding: 5px;
}




/* sidebar */

#sidebar ul{
margin:0;
	list-style: none;
}

#sidebar li{
margin:0 0 0 .5em;
}

#sidebar li ul li{
margin:0 0 0 .3sem;
}

#sidebar ul li a{
	color: #fefefe;
	text-decoration: none;
	l/ine-height: 24px;
}

#sidebar ul li a:hover{
	b/order-bottom: 1px dotted grey;
	c/olor: grey;
	text-decoration: underline;
}





/* header */
#header{
	clear: both;
	color: #fefefe;
	border-bottom: 1px solid #fefefe;
	background: #fff url(images/banner.jpg) no-repeat top right;
  height:100px;
  width:100%;
  border:none;
}

#header p{
	margin: 0;
  padding: 1em 0;
}


/* footer */
#footer{
clear: both;
font-size:11px;
color: #fefefe;
border-top: 1px solid #fefefe;
background: #9CAACD;
width:100%;
padding-bottom:10px;
margin-bottom: 10px;
}

#footer span
{
 float: right;
}


#footer a
{
 color:#fefefe;
 text-decoration: underline;
}

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


/* header navigation */

#nav{
margin-top: 1em;
height:32px;
line-height:32px;
padding:0 10px;
}
#nav ul, 
#nav ul li
{
	margin:0; 
	padding:0;
	list-style:none;
}
#nav ul li{
	float:left;
	display:block;
	margin-right: 20px;
}
#nav ul li a:link,
#nav ul li a:visited{
	color:#fefefe;
	font-weight:normal;
	text-decoration:none;
	padding:0 20px;
	display:block;
	text-align: center;
-moz-border-radius-topleft:3px; 
-moz-border-radius-topright:3px;

}
#nav ul li a:hover{
	color:#333
}
#nav ul li ul li{
	float:none;
	display:block;
	margin-right: 0;
	border:none;
}
#nav ul li ul li a:link,
#nav ul li ul li a:visited{
	color:#fefefe;
	text-decoration:none;
	clear:both;
	border:none;
	border-bottom: #fefefe 1px solid;
-moz-border-radius-topleft:0px; 
-moz-border-radius-topright:0px;
}
#nav ul li ul li a:hover{
	color:#333;
	background:#fefefe;
}
	
.submenu {
	position: absolute;
	width: 180px;
	background: #215868;
	padding:0px;
	border:solid 1px #215868;
	border-top:none;
	z-index: 1000;
	display:none;
	line-height:26px;
}




/* sub header navigation */
#subnav
{
	clear: both;
	color: #fefefe;
  width:100%;
  background:#ABB8D6 url(images/bgnav.gif) repeat-x top right;
  border:none;
}

#subnav ul
{
	list-style: none;
  margin-top:1.3em;
  margin-left:1em;
}

#subnav p{
  padding: 0;
}

#subnav li {
	float: left;
	padding: 0;
  margin:0 .3em 0 0 ;
}

#subnav a 
{
	float: left;
	display: block;
	padding: .5em .5em;
	color: #fefefe;
	text-decoration: none;
	border:none;
	border-bottom: none;
}

#subnav a:hover {
  color: #333;
  background: #fefefe;
}

#subnav h1{
    color:#fefefe;
	font-size: 110%;
	margin: 8px 8px 8px 10px;
}



#main p
{
  m/argin: 0 0 1em 0;
}


span.post-info
{
margin-top:2em;
}

#main a
{
text-decoration: underline;
}














.box, .bgbox, .bluebox, .bgbluebox, .greybox, .purbox, .orabox, .bgorabox {
background:#99CC66 url(images/box-b.gif) no-repeat scroll right bottom;
color:#fefefe;
font-size:1em;
line-height:1.5em;
margin: 1em;
padding:0 0 12px 0;
}
.box h3, .bgbox h3, .bluebox h3, .bgbluebox h3, .greybox h3, .purbox h3, .orabox h3 {
background:transparent url(images/box-t.gif) no-repeat scroll left top;
border-color:-moz-use-text-color -moz-use-text-color #FFFFFF;
border-style:none none dotted;
border-width:0 0 1px;
color:#FFFFFF;
font-family:Georgia,serif;
font-size:1.4em;
font-weight:bold;
margin:0 0 5px;
padding:40px 12px 12px;
}
.bluebox {
background:#99CCCC url(images/bluebox-b.gif) no-repeat scroll right bottom;
}
.bluebox h3 {
background:transparent url(images/bluebox-t.gif) no-repeat scroll left top;
}
.bgbluebox {
background:#99CCCC url(images/bgblue-b-box.gif) no-repeat scroll right bottom;
}
.bgbluebox h3 {
background:transparent url(images/bgblue-t-box.gif) no-repeat scroll left top;
}
.orabox {
background:#CC6633 url(images/orabox-b.gif) no-repeat scroll right bottom;
}
.orabox h3 {
background:transparent url(images/orabox-t.gif) no-repeat scroll left top;
}
.purbox {
background:#9CAACD url(images/purbox-b.gif) no-repeat scroll right bottom;
}
.purbox h3 {
background:transparent url(images/purbox-t.gif) no-repeat scroll left top;
}
.greybox {
background:#B6AD9C url(images/greybox-b.gif) no-repeat scroll right bottom;
}
.greybox h3 {
background:transparent url(images/greybox-t.gif) no-repeat scroll left top;
}
.bgbox {
background:#99CC66 url(images/bg-b-box.gif) no-repeat scroll right bottom;
}
.bgbox h3 {
background:transparent url(images/bg-t-box.gif) no-repeat scroll left top;
}

.box a, .bluebox a, .greybox a, .purbox a, .orabox a {
color:#FFFFFF;
}
.box p, .box ul, .bluebox p, .bluebox ul, .greybox p, .greybox ul, .purbox p, .purbox ul, .orabox p, .orabox ul {
margin:0 5px 0 10px;
padding:0 0;
}
.box ul li, .bgbox ul li, .bluebox ul li, .bgbluebox ul li, .greybox ul li, .purbox ul li, .orabox ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 5px 0 10px;
padding:0 5px 0 0;
vertical-align:top;
}
.box ul li img, .bluebox ul li img, .greybox ul li img, .purbox ul li img, .orabox ul li img 
{
}


.imgleft{
float:left;
margin-right:10px;
}

.imgright{
float:right;
margin-left:10px;
}


a#homekleur,
a#vormkleur,
a#pubkleur
{
color:#963;
background:#fdd45e;
}
a#basiskleur
{
background:#9c6;
}
a#seckleur
{
background:#9cc;
}
a#orgkleur
{
background:#c63;
}

span.post-info
{
float:right;
font-size: 90%;
margin-right: 1em;
}

span.post-info a
{
padding: .3em 1.3em;
font-size: 90%;
font-weight: bold;
color:#963;
background:#fdd45e;
-moz-border-radius-topleft:3px; -moz-border-radius-topright:3px;
-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px;
}


span.emptycart
{
margin:.3em 0 0 0;
padding: .3em 1em;
font-size: 90%;
font-weight: bold;
color:#c30;
background:#fdd45e;
}
span.gocheckout
{
margin:.3em 0 0 0;
padding: .3em 1em;
font-size: 90%;
font-weight: bold;
background:#693;
}


p.visitshop,
span.gocheckout,
span.emptycart
{
margin:5px 0 0 0;
padding:8px 12px;
background:#fdd45e; 
-moz-border-radius-topleft:3px; -moz-border-radius-topright:3px;
-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px;
width:160px;
text-align: center;
}

span.gocheckout
{
background:#693;
}


#events-list li
{
margin-bottom: 1em;
font-size: 90%;
}

a.categorylink
{
margin-left: .5em;
}

.buy_button
{
margin:5px 0 0 0;
padding:5px 10px;
background:#9c6; 
-moz-border-radius-topleft:3px; -moz-border-radius-topright:3px;
-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px;
width:160px;
text-align: center;
}


#email2 {
display: none
}