/*
	Theme Name: De Wolvenlus 
	Theme URI: http://www.dewolvenlus.be
	Description: Ontwerp gerealiseerd door Geert Heremans: <a href="http://www.computer-team.be/team/geert_heremans">www.computer-team.be</a>.
	Version: 1
	Author: Geert Heremans
	Author URI: http://www.computer-team.be/team/geert_heremans
*/

/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/

/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
- darkbrown #1e2214
- middlebrown #666647
- lightbrown #86855c
- green     #636d10
- darkgreen #3c5113
\**************************************/

.darkbrown {
	background-color: #1e2214;
	color:#84836b;
}
.middlebrown {
	background-color: #666647;
	color:#d3d1af;
}
.lightbrown {
	background-color: #86855c;
	color:#d4d2ab;
}

.darkbrown h1 { color:#86855c;}
.darkbrown h2 { color:#636D10;}

.lightbrown h1,
.lightbrown h2 {color:#1e2214 }

.middlebrown h1,h1.middlebrown { color:#f7f4c4; }
/**************************************/
/*              GLOBALS               */
/**************************************/
body { background-color: #a5a37e; }
.floatleft { float:left;}
.floatright { float:right;}

.container a:link { text-decoration: underline; color: #8F4919; font-weight: bold;font-weight: normal;padding-right: 0;background: none; }
.container a:visited { text-decoration: underline;color: #8F4919;background: none;padding-right: 0;}
.container a:hover { text-decoration:none; color: #c33; }
.container a:active, a:focus { text-decoration: underline; color: #000; }

.container .middlebrown a:link,
.middlebrown a:visited,
.middlebrown a:focus,
.middlebrown a:active { color:#1e2214;}

.container .lightbrown a:link,
.lightbrown a:visited,
.lightbrown a:focus,
.lightbrown a:active { color:#1e2214;}


h1 { font-family: Georgia,"Times New Roman",Helvetica,"serif";letter-spacing:110%;font-size: 1.5em;}
h2 { font-size:1.3em;}
h3 { font-size: 1.1em;color:#8f4919;}
img { 
	border:5px solid #FFF;
	margin-top:5px;
	margin-bottom: 5px;
	}
img.alignleft,
img.ngg-left,
div.alignleft {margin-right: 20px;float:left;margin-bottom: 20px;}
img.alignright,
img.ngg-right,
div.alignright {margin-left:20px;float:right;margin-bottom: 20px;}
.container a img.alignright {float:right; }
.container a img.alignleft {float:left; }

.container ul{
	list-style-image: url(images/list-bullet.gif);
	margin-left: 0.8em;
}


.container a.link-button,
.container a.link-button span {
	display: block;
	float:left;
	text-decoration: none;
	height: 18px;
	color:#000;
	padding-top: 0px;
}
.container a.link-button {
	padding-right: 2px;
	text-decoration: none;
	background: transparent url(images/button-bg-right.png) no-repeat top right;
}
.container a.link-button span {
	padding-left: 19px;
	height: 20px;
	background: transparent url(images/button-bg-left.png) no-repeat top left;
	padding-right: 12px;
}

/**************************************/
/*              HEADER                */
/**************************************/
#header {
	background: #1e2214 url(images/header-bg.png) repeat-x top left;
	height: 69px;
	padding-top: 0px;
	}
#wrapper { background:#86855C url(images/wrapper-bg.png) repeat-y top left;}
body#de-wolvenlus #wrapper { background-image: none; background-color:#86855c; }
/**************************************/
/*             NAVIGATION             */
/**************************************/
ul.menu li { 
	float:left;
	list-style: none;
}
ul.menu li a {text-decoration: none; font-size: 1.1em;}
#main-menu li a:link,
#main-menu li a:visited,
#main-menu li a:hover,
#main-menu li a:active,
#main-menu li a:focus { color:#a5a37e;margin-top: 0;}

#main-menu { margin-top: 25px;padding-left: 15px; }
#main-menu li {padding-right: 10px; margin-right: 3px;margin-left: 0; }
#main-menu li a { 	height: 24px;padding:6px 0 0px 10px; display: block;float:left;}
.container #main-menu li.current_page_item a{ text-decoration:none;color:#1e2214;background:transparent url(images/main-menu-but-bg.png) no-repeat top left; }
#main-menu li.current_page_item {height: 40px; background: transparent url(images/main-menu-but-bg-right.png) no-repeat top right; }

/**************************************/
/*             left sidebar           */
/**************************************/
#logo {
	text-align: center;
	padding-top:0.8em;
	padding-bottom: 0.8em;
	background-color: #636d10;
}
#logo img { border:0px solid #FFF;height: 186px; }

#contact-data { background-color: #3c5113; color:#FFF;}
#contact-data a:link,
#contact-data a:visited { color:#86855c;}
p.adr { padding-top: 1em;}
.left-column { position: relative; z-index:60;  }

#agenda { border-right: 1px solid #303522;}

#agenda ul { margin-left:0;padding-left: 0;margin-bottom: 0;}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#main { background-color: #86855c; }
#main p { margin-left: 0;}
#main-image { position: relative;z-index:0; background: #69330F url(images/main-img.jpg) no-repeat top right;height: 337px;}
#main-image-small {position: relative;z-index:0; background: #69330F url(images/fysiotherapie-paarden-header.jpg) no-repeat top right; height: 221px;}

body#paarden #main-image-small { background: #69330F url(images/paarden-header.jpg) no-repeat top right;}
body#kleine-huisdieren #main-image-small { background: #69330F url(images/kleine-huisdieren-header.jpg) no-repeat top right;}
body#fysiotherapie-paarden #main-image-small { background: #69330F url(images/fysiotherapie-paard-header.jpg) no-repeat top right;}
body#links #main-image-small { background: #69330F url(images/links-header.jpg) no-repeat top right;}
body#over-cindy #main-image-small { background: #69330F url(images/over-cindy-header.jpg) no-repeat top right;}
body#workshops #main-image-small { background: #69330F url(images/workshops-header.jpg) no-repeat top right;}
body#album #main-image-small { background: #69330F url(images/album-header.jpg) no-repeat top right;}
body#contact #main-image-small { background: #69330F url(images/contact-header.jpg) no-repeat top right;}
body#osteopathie-paard #main-image-small { background: #69330F url(images/osteopathie-paard-header.jpg) no-repeat top right;}
body#vaccinatie-katten-en-honden #main-image-small { background: #69330F url(images/vaccinaties-header.jpg) no-repeat top right;}

#middle-bar { 
	position:relative;z-index:1;
	background-color: #1e2214 ;
	 background: #1e2214 url(images/middle-bar-divider.gif) repeat-y 270px 0; 
	}
#content { /* border-left: 1px solid #303522; */}
#content { background-color: #666647;}
#content {background-color: transparent;}

#content h1,
#content h2,
#content h3 { clear: both;}

.container #content h3 { margin-bottom: -0.57em}

#title-background {margin-top: -40px;position: relative;z-index:51;padding-top: 0;}
h1#title { clear:none;margin-top:-27px;position:relative;z-index:54;color:#000;padding-top: 0;}

.news-time {margin-top: -0.8em;display:block;margin-bottom: -0.8em;color:#DDD; }
.slideshow-container {padding:5px;background-color:#FFF;}
/**************************************/
/*               BOTTOM-BAR           */
/**************************************/
#bottom-bar { background: #86855c url(images/bottom-bar-bg.gif) repeat-x top left;}

#bottom-bar .right-column { background: transparent url(images/bottom-bar-divider.gif) no-repeat 0 17px;  }
#bottom-bar h1 { margin-bottom: 1.6em; }

#bottom-bar .right-column .inner-content { background: transparent url(images/bottom-row-divider.gif) repeat-y 0px 15px; }

.container .ngg-album-compact,
.container a.gallery-image:link,
.container a.gallery-image:visited,
.container a.gallery-image:active{
	float:left;
	/*widows: 160px;*/
	margin-right: 1.6em;
	margin-bottom: 0.8em;
	text-decoration: none;
	text-align: center;
	background-color: #1e2214;
	padding: 0.8em;
	color:#86855c;
	font-size: 1.1em;
	font-weight: normal;
}
.container a.gallery-image:hover { background-color:#666647;color:#1e2214;}
a.gallery-image img {border:0px solid #FFF;width:150px;margin:0;}

/**************************************/
/*        	NEXT GEN GALLERY          */
/**************************************/




.container #content .ngg-album-compactbox img { border: 0px solid #FFF;}
.container .ngg-album-compact h4 { margin: 0;padding: 0;font-size: 1em;display: inline;width:150px;}
.container .ngg-album-compact p { display: none;}
.container .ngg-album-compactbox{ width: auto;}

.container .ngg-album-link a.Link:link,
.container a.ngg-album-desc:link,
.container a.ngg-album-desc:visited{ padding: 0;margin: 0;color:#1e2214; text-decoration: none;font-size: 1em; font-weight: normal;}

.container .ngg-album-compact { background-color:#86855c; }
.container .ngg-album-compact-hover { background-color: #666647;}

/* .container .ngg-album-compact-hover a.ngg-album-desc{ color:#FFF;} */

.container a.thickbox { margin:0;}
.ngg-gallery-thumbnail-box {
	float:left;
	margin-right: 10px;
	min-height: 160px;
}


/**************************************/
/*               FOOTER               */
/**************************************/
#footer {
	background-color: #666647;
	height: 40px;
	margin-top: 0.8em;
}