/*
Theme Name: Pshycho Consulting Brabant
Author: Identra
Theme URI: http://identra.eu/
Description: Theme designed and developed by Identra for Pshycho Consulting Brabant
Author: Identra v.o.f.
Author URI: http://identra.eu
Version: 1.0
Tags: blue, yellow, single column, fixed-width
*/

html, body { border: 0; margin: 0; padding: 0; height:100%;}
body { font-size: 13px; font-family: Helvetica, Arial, sans-serif; background: #e6e6e6 url(images/body-bg.jpg) top left repeat-x; width: 100%; min-width: 950px; text-align:center; margin:0; padding:0; color: #000;}


/***** Common Formatting *****/
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
h1 { clear: both; margin: 5px 0 5px 0; padding: 0; font-size: 20px; font-weight: normal;  color: #333;}
h1 a { color: #445694; text-decoration: none; }
h1 a:hover { color: #697ec8; text-decoration: none; border: none; }
h1 span { color: black; font-size: 14px; padding-left: 10px; }
#main .post h1 {margin: 10px 0;}

h2 { padding: 15px 0 0 0; color: #333; background-color: transparent; font-size: 16px;  font-weight: normal;}
.widget h2 {padding:0 0 3px 0; margin: 0 0 5px 0; background: url(images/h1-bg.png) repeat-x bottom left; font-weight: normal;}
h3 { padding: 10px 0 0 0; font-size: 14px; line-height: 23px; font-weight: normal; color: #666; }
h4 { padding: 3px 0 0 0; font-size: 14px; line-height: 23px; font-weight: bold; color: #000; }
h5 { padding: 5px 0 10px 0; font-size: 15px; line-height: 23px; font-weight: normal; color: #000; }
p { margin: 5px 0 10px 0; padding: 0; line-height: 19px;}
p.notfound { padding: 15px 0 100px; }
ul, ol { margin: 0; padding: 0; list-style-image: none; list-style-type: none; }
li { list-style-image: none; list-style-type: none; }
blockquote {font-style: italic; color: #999; }
code { display: block; width: 80%; background-color: #F5F4F3; border: #E2DBD8 1px solid; color: #666666; padding: 3px 5px; margin: 10px 0; }
pre { padding: 1em; border: 1px dashed #2f6fab; color: black; background-color: #f9f9f9; line-height: 1.1em; }
small { font-size: 0.85em; }
img { border: none; }
sup { position: relative; bottom: 0.3em; vertical-align: baseline; }
sub { position: relative; bottom: -0.2em; vertical-align: baseline; }
acronym, abbr { cursor: help; letter-spacing: 1px; border-bottom: 1px dashed; }
hr { display: block; clear: both; border: none; background: url(images/h1-bg.png) repeat-x bottom left; margin: 15px 0;}
.clear {clear:both;}

/***** Links *****/
a { text-decoration: underline;  color: #455693;}
a:hover { text-decoration: none;}
a img { border: none; background: none;/*remove border for linked images*/ }


/***** Tables *****/
table { border: 0; margin: 0 0 18px 0; padding: 0; }
table tr td { padding: 2px; }

/***** Global Classes *****/
.clear { clear: both; }
.alignleft { display: block; float: left; }
.alignright { display: block; float: right; }
.aligncenter { display: block; text-align: center; margin: 0 auto; }
.endOfSection { clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; padding: 0; margin: 0; border: 0; }

/************************************************ Main Layout ****************************************/

#main-wrapper {width: 950px; margin: 0 auto; text-align: left;}
#bellen {height: 30px; line-height:30px; font-weight:bold; color: #fff;}
#content-wrapper {width: 930px;  margin: 0 auto 10px auto; padding: 10px; text-align: left; background: #FFF; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -webkit-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.1);}
#footer {width: 950px; background: transparent; margin: 0 auto;}

/**** Header ****/
#header {clear:both; width:100%; background: url(images/header-bg.gif) top left repeat-x; height: 185px;}
#logo-bar {padding: 1px 20px 20px 30px;}
#logo-bar .logo {float:left; margin: 25px 0 0 0;}
#logo-bar .tagline {float: left; margin:70px 0 0 40px; width: 370px;  }
#logo-bar .tagline h2 {font-size:27px; font-weight: normal; margin:0; padding:0; color: #666; line-height: 35px;}
#logo-bar .contact {float:right; line-height: 27px; height: 27px; margin-top: 5px;}
#logo-bar .contact img {float:left; padding-right: 5px;}
#logo-bar div.contact a span.phone {font-size: 18px; line-height:27px; padding-left: 2px;}
#logo-bar div.contact a {background-image:none;}
.menu-spacer {width: 930px; height: 83px; background: url(images/under-menu-bg.png) top left no-repeat;}


/**** CONTENT ****/
#content {clear:both; width: 100%;}

#main {padding: 0 30px;}


/* POST AREA */
#main .post { display: block; float: left; width: 550px; min-height:300px;}
#main .post-wide {width: 100%;}
#main .post ul li { margin: 0 0 0 17px; padding: 0; list-style-image: url(images/li-image.png); line-height:17px; }
#main .post img.alignleft, #main .post img.alignright, #main .post img.aligncenter {display: block; }
#main .post img.alignleft { float: left; clear: none; margin: 0 10px 10px 0; }
#main .post img.alignright { float: right; margin: 0 0 10px 10px; }
#main .post img.aligncenter { margin: 10px auto; clear: both; }
#main .post img.noborder {border: none; background-color: transparent; padding: 0; margin: 10px; }

/***** Footer *****/
#footer-up {width: 890px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -webkit-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.1); padding: 0 30px; background:#fff; height:60px;}
#footer-bottom {background: transparent; height: 40px; color: #666; font-size: 11px; margin: 10px 0; padding: 0;}
div.copyright-notice {width: 850px;}
div.copyright-notice .left {float:left; }
div.copyright-notice .right {float: left; margin: 0 0 0 38px; width: 600px;}
div.footer-menu {float:left;}
div.link-identra {float:right; height: 40px; visibility:hidden;}
div.link-identra a img {}

/* Footer menus */
div#footer-up div.menu {background: none;}
div.footer-menu ul.menu {float:left; display: block; background:none; height: 60px; width: 180px; margin:0; padding:0;}
div.footer-menu ul.menu li {float:left; display: block; height: 60px; line-height:60px;}
div.footer-menu ul.menu li a {font-size: 12px; color:#455693; padding: 0 8px; height: 60px; line-height: 60px; background: url("images/menu-separator.gif") no-repeat scroll 0 25px transparent;}
div.footer-menu ul.menu li a:hover {}
div.footer-menu ul.menu li#menu-item-281 a {background: none;}

div#footer-up div.sponsors ul  {float:left; margin:5px 0 0 0; padding:0 10px 0 10px;}
div#footer-up div.sponsors ul li {float:left; margin: 0 5px 0 0; padding: 0; width: 70px; height: 50px; display:block;}
div#footer-up div.sponsors ul li a {display:block; width:70px; height:50px;}
div#footer-up div.sponsors ul li.nip a {background: url(images/NIP.png) top left no-repeat;}
div#footer-up div.sponsors ul li.nvo a {background: url(images/NVO.png) top left no-repeat;}
div#footer-up div.sponsors ul li.vgct a {background: url(images/VGCT.png) top left no-repeat;}
div#footer-up div.sponsors ul li.nvp a {background: url(images/NVP.png) top left no-repeat;}
div#footer-up div.sponsors ul li.nvrg a {background: url(images/NVRG.png) top left no-repeat;}
div#footer-up div.sponsors ul li.vcgp a {background: url(images/VCGP.png) top left no-repeat;}
div#footer-up div.sponsors ul li.nvpo a {background: url(images/NVPO.png) top left no-repeat;}

div#footer-up div.sponsors ul.partner {float:left; border-left: 1px #666 solid; height: 40px; margin-top:10px; padding: 0 0 0 10px;}
div#footer-up div.sponsors ul.partner li {float:left; margin:-5px 0 0 10px; padding:0; width:70px; height:50px; display:block;}
div#footer-up div.sponsors ul.partner li.rino-zuid a {background: url(images/Rino-Zuid.png) top left no-repeat; display:block; width:70px; height:50px;}


/******************** PAGE TEMPLATES *********************/
.post-thumb {float: left; margin: 0 10px 10px 0; width: 170px;}
.post-thumb-fieldtrips {float: left; margin: 0 20px 10px 0; width: 240px;}
.post-thumb-corporate {float: left; margin: 15px 40px 15px 0; width: 170px;}
.post-content {float:right; width: 450px;}
.post-content-fieldtrips {float:right; width: 580px; }
.post-details {float:left; width: 200px;}
.post-details h4 {font-size: 16px; text-transform:uppercase;}
.post-content-fieldtrips p.date {margin: 0; padding:0; font-size: 12px;}
.post-content-fieldtrips h4 {margin: 0; padding:0;}
.post-content-fieldtrips a:hover h4 {color: #666;}

/* TABLES */
.post table {width:500px;}
.post table tr td {padding:3px;}
.post table tr td {border: 1px solid #ccc;}

/***************************************** MENUS ***************************************************/

#top-nav{clear:both; background: url(images/menu-bg.gif) top left repeat-x transparent;}
#top-nav div.nav {float:left;}
#top-nav ul#kosten {float:left;}
#top-nav ul#kosten li {margin:0; padding:0; margin-top:2px;}
#top-nav ul#kosten li a {text-decoration:none; font-size: 12px; color:#fff; text-transform:uppercase; display:block; padding: 5px 15px; margin:0; height:13px; line-height:13px; border: 1px solid #00bdff; -webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px;  background: #00bdff; /* Old browsers */
background: -moz-linear-gradient(top,  #00bdff 0%, #445a94 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00bdff), color-stop(100%,#445a94)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00bdff 0%,#445a94 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00bdff 0%,#445a94 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00bdff 0%,#445a94 100%); /* IE10+ */
background: linear-gradient(top,  #00bdff 0%,#445a94 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bdff', endColorstr='#445a94',GradientType=0 ); /* IE6-9 */
}
#top-nav ul#kosten li a:hover, #top-nav ul#kosten li.current_page a {background: #445a94; /* Old browsers */
background: -moz-linear-gradient(top,  #445a94 0%, #2d386e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#445a94), color-stop(100%,#2d386e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #445a94 0%,#2d386e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #445a94 0%,#2d386e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #445a94 0%,#2d386e 100%); /* IE10+ */
background: linear-gradient(top,  #445a94 0%,#2d386e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#445a94', endColorstr='#2d386e',GradientType=0 ); /* IE6-9 */
color: #fffa00; border: 1px solid #999;}


#sec-nav{clear:both;font-size:12px;font-weight:bold;text-transform:uppercase}
#sec-nav{border-top:1px dotted #bbb;border-bottom:1px dotted #bbb}

/* Main menu */
.menu {background: url(images/menu-bg.gif) top left repeat-x transparent;
    list-style: none outside none;
    margin: 0;
    width: 800px;
	height: 29px; line-height:29px; padding: 0 0 0 100px;}
	
.menu li {
    float: left;
    line-height: 29px;
    position: relative;
}
.menu a {
    color: #fff;
    float: left;
    font-size: 13px;
    height: 29px;
	line-height: 29px;
    padding: 0 10px;
    text-decoration: none;
	background: url(images/menu-separator.gif) no-repeat 0 10px;
	display:block;
}
.menu li.current_page_item a {color:#F60;}
.menu li.menu-item-123 a {background: none;}

.menu li:hover > a {
    color: #FC0;
	/*text-shadow: 0 1px 0 #999;*/
}
.menu li:hover > ul {
    display: block;
}
.menu ul {
    background: #ffff00;
    display: none;
    left: 0;
    list-style: none outside none;
    margin: 0;
    padding: 8px 0 0 0;
    position: absolute;
    top: 29px;
    z-index: 99999;
	border: none;
	-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius:0 0 5px 5px; 
}
.menu ul ul {
    left: 150px;
    top: 0;
}
.menu ul li {
    display: block;
    float: none;
    margin: 0;
    padding: 0;

}
.menu ul li:last-child {
    box-shadow: none;
}
.menu ul a{
    display: block;
    float: none;
    height: auto;
    line-height: 20px;
    padding: 5px 10px;
    text-transform: none;
    white-space: nowrap;
    width: auto;
	font-size: 12px;
	background: none;
	color: #000;
}

.menu li.current_page_item ul li a {color: #F60;}

:first-child + html #menu ul a {
    height: 9px;
}
.menu ul a:hover, .menu li.current_page_item ul li a:hover {
background: #ffff00; /* Old browsers */
background: -moz-linear-gradient(top,  #ffff00 0%, #ffc638 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff00), color-stop(100%,#ffc638)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffff00 0%,#ffc638 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffff00 0%,#ffc638 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffff00 0%,#ffc638 100%); /* IE10+ */
background: linear-gradient(top,  #ffff00 0%,#ffc638 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#ffc638',GradientType=0 ); /* IE6-9 */
color: #000;
}

.menu ul li:first-child > a {
    border-radius: 5px 5px 0 0;
}
.menu ul li:first-child > a:after {
    border-top: 9px solid #4D4D4D;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    height: 0;
    left: 20px;
    position: absolute;
    top: -8px;
    width: 0;
}
.menu ul ul li:first-child a:after {
    border-color: transparent #4D4D4D transparent -moz-use-text-color;
    border-left: 0 none;
    border-style: solid solid solid none;
    border-width: 8px 9px 8px 0;
    height: 0;
    left: -8px;
    top: 12px;
    width: 0;
}
.menu ul li:first-child a:hover:after {
    border-bottom-color: #666;
}
.menu ul ul li:first-child a:hover:after {
    border-bottom-color: transparent;
    border-right-color: #d5de23C;
}
.menu ul li:last-child > a {
    border-radius: 0 0 5px 5px;
}
.menu:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
* html .menu {
}
:first-child + html .menu {
}
.menu ul li ul.sub-menu {z-index: 9999;}

/********************************** SECONDARY MENU ********************************/
.secondary-menu {}
.secondary-menu ul.menu {background: none; list-style: none outside none; margin: 0; width:700px; height: 35px; line-height:35px;padding: 40px 0 0 200px; position: relative;}
.secondary-menu ul.menu li {margin:0; padding:0;}
.secondary-menu ul.menu li a {color: #000;  float: left; font-size: 11px; display: block; height: 20px; line-height: 20px; padding: 5px 7px; margin:0 5px 10px 0;   text-decoration: none; 	background: none; border: 1px #fff solid; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; 
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); 
background: #ffff00; /* Old browsers */
background: -moz-linear-gradient(top,  #ffff00 0%, #ffc638 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff00), color-stop(100%,#ffc638)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffff00 0%,#ffc638 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffff00 0%,#ffc638 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffff00 0%,#ffc638 100%); /* IE10+ */
background: linear-gradient(top,  #ffff00 0%,#ffc638 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#ffc638',GradientType=0 ); /* IE6-9 */
}
.secondary-menu ul.menu li a:hover, .secondary-menu ul.menu li.current_page_item a {color: #fff; border: 1px #6687E2 solid;
background: #6695f9; /* Old browsers */
background: -moz-linear-gradient(top,  #6695f9 0%, #455693 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6695f9), color-stop(100%,#455693)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6695f9 0%,#455693 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6695f9 0%,#455693 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6695f9 0%,#455693 100%); /* IE10+ */
background: linear-gradient(top,  #6695f9 0%,#455693 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6695f9', endColorstr='#455693',GradientType=0 ); /* IE6-9 */

	
	}

/********************************** BUTTONS **************************************/

/* BUTTONS ON HOME PAGE */
div.top-menu {float:right; margin:0;}
div.top-menu ul {
    list-style-type: none;
    display: block;
    list-style-image: none;
    margin: 0 0 0 10px;
	float: left;
    padding: 0px;
}
div.top-menu ul li {
    float: left;
    margin: 0;
	padding:0;
    line-height: 51px;
	display:block;
}
div.top-menu ul li.kinderen a, div.top-menu ul li.volwassenen a, div.top-menu ul li.bedrijven a {
    color: #000;
    text-decoration: none;
    line-height: 51px;
    height: 51px;
    display:block;
    white-space:nowrap;
    padding:0;
    background-repeat: no-repeat;
    background-position: center top;
	width: 110px;
	text-align:center;
}

div.top-menu ul li.kinderen a {background-image: url(images/kinderen-button.png);}
div.top-menu ul li.volwassenen a {background-image: url(images/volwassenen-button.png);}
div.top-menu ul li.bedrijven a {background-image: url(images/bedrijven-button.png);}

div.top-menu ul li.kinderen a:hover, div.top-menu ul li.volwassenen a:hover, div.top-menu ul li.bedrijven a:hover, div.top-menu ul li.current_page_item a {background-position: center -51px;}

div.top-menu ul li a b {font-size: 12px; font-weight:normal; text-align:center; position:relative; top:40px; color:#666;}
div.top-menu ul li a:hover b {color:#000;}


/********************************** OTHER STYLES ********************************/


/**** Sidebar ****/
#sidebar {float:left; width: 160px; display: block; padding: 10px 20px 0 20px;}
#sidebar p { margin: 0; }
#sidebar ul { list-style: none; margin: 0; padding: 0; }
#sidebar ul li { text-align: left; list-style: none; display: block; }

#sidebar .address {font-size:11px; line-height:15px;}
#sidebar h5 {font-size: 12px; font-weight:bold; margin:0; padding:0;}
/***** Widgets *****/
#sidebar ul li.widget { padding: 20px 10px 0px 50px; width: 250px; text-align: left; list-style: none; display: block; }
#sidebar ul li.widget h2 {}
#sidebar ul li.widget ul li {list-style: none; }


/*Search input*/
input.search-field { background: #656565; border: 1px solid #dcdcdc; width: 125px; height: 18px; line-height:18px; padding: 0 25px 0 10px; color: #fff; float:left; font-size:10px;}
input.search-button {background: url(images/search-button.png) top left no-repeat; width: 33px; height: 20px; float:left; margin-left: -15px; border: none; padding: none;}
input.search-field:focus {border: 1px solid #666;}
input.search-button:focus {border: none;}


/* Navigation Next and Previous Post */
#main div.navigation { display: block; clear: both; margin: 0;  padding: 20px 0; border-top: 1px dotted #ccc;}
#main div.navigation .alignRight a, #main div.navigation .alignLeft a {width: 39px; height:39px; line-height: 39px; display:block; color:#666666; background-image: url(images/sprite.png);  background-repeat:no-repeat; font-size: 18px;}
#main div.navigation .alignRight a {background-position: -39px 0;}
#main div.navigation .alignLeft a {background-position: top left;}
#main div.navigation .alignRight a b, #main div.navigation .alignLeft a b {width: 100px; font-weight: normal;}
#main div.navigation .alignRight a b {margin-left: -40px; background: #fff;}
#main div.navigation .alignLeft a b {margin-left: 45px; background: #fff;}
#main div.navigation .alignRight a b {text-align:left;}
#main div.navigation .alignLeft a b {text-align:right;}
#main div.navigation .alignRight a:hover, #main div.navigation .alignLeft a:hover {text-decoration:none; color: #a1a806;}
#main div.navigation .alignRight a:hover {background-position: -39px -39px;}
#main div.navigation .alignLeft a:hover {background-position: 0 -39px;}
#main .navigation .alignLeft {float: left;}
#main .navigation .alignRight {float: right;}


/* Navigation Next and Previous Page */
#content .browse { display: block; clear: both; margin: 10px 20px 20px; padding: 3px 10px; text-align: center; }

/* Calendar */
#content .calendar { Float: left; clear: left; background: url(images/calendar.jpg) no-repeat left top; width: 50px; height: 55px; margin-top: 20px; }
#content .calendar .month { display: block; clear: both; text-align: center; font-size: 14px; color: white; font-weight: bold; margin-bottom: 0; }
#content .calendar .date { display: block; clear: left; text-align: center; font-size: 30px; color: #393939; font-weight: bold; margin-bottom: 0; line-height: 1px; }

/* Comments Template */
#comments-template { display: block; float:left; clear:left; margin: 0px; }
#comments-template p {}
.commenttext p {font-size: 12px; line-height: 16px;}
#comments-template p.nocomments { padding: 0 15px; }
#comments-template h2, #comments-template h3 { display: block; clear: both; margin-top: 35px; margin-bottom: 10px; padding-bottom: 3px; font-size: 16px; color: #666; border-bottom: 1px dotted #999; }
h3 #comments, h3 #respond { padding: 0 0 0 15px; }
h3 #respond { padding: 30px 0 0 15px; }
#comments-template #commentlist { display: block; clear: both; border: 1px dotted #CCC; background: #fafafa url(images/comment_bg_alt.jpg) repeat-y left top; margin: 15px 0; padding: 0; }
#comments-template #commentlist img, #comments-template #commentlist a img { border: none; margin: 0; padding: 0; background: none; }
#comments-template #commentlist .commentmetadata { display: block; float: left; clear: left; width: 118px; background: url(images/comment_arrow_alt.jpg) no-repeat right 20px; padding: 5px 10px; font-size: 11px; }
#comments-template #commentlist .avatar { border: 1px solid #eee; padding: 2px; background: #fff; margin-right: 7px; }
#comments-template #commentlist .commenttext { display: block; float: left; clear: right; width: 420px; padding: 5px 10px 5px 25px; }

/* alternate comments */
#comments-template #commentlist.alt { display: block; clear: both; border: 1px dotted #999; background: #FAFAFA url(images/comment_bg_alt.jpg) repeat-y left top; margin: 15px 0; padding: 0; }
#comments-template #commentlist.alt .commentmetadata { display: block; float: left; clear: left; width: 118px; background: url(images/comment_arrow_alt.jpg) no-repeat right 20px; padding: 5px 10px; font-size: 11px; }
#comments-template #commentlist.alt .commenttext { display: block; float: left; clear: right; width: 420px; padding: 5px 10px 5px 25px; }

/* End Comments Template */

/* wp-calendar */
#wp-calendar { empty-cells: show; font-size: 14px; margin: 0; width: 100%; color: #302723; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; text-decoration: none; color: #FFFF99; }
#wp-calendar a:hover { background: #433732; color: #FFFF99; border-bottom: none; }
#wp-calendar caption { font-size: 14px; text-align: center; margin-left: 15px; }
#wp-calendar td { color: black; background: transparent; font-size: 12px; letter-spacing: normal; padding: 2px 0; text-align: center; }
#wp-calendar td.pad:hover { background: #433732; }
#wp-calendar td:hover, #wp-calendar #today { background: #433732; border: none; color: #FFFF99; border: none; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }


/* BUTTONS */

.buttonUl {
	list-style-type: none;
	display: block;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
	height: 33px;
}
.buttonUl .buttonLi {
	float:left;
	clear:both;
	line-height: 33px;
}
.buttonUl .buttonLi a {
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	background-image: url(images/button_up_right.png);
	line-height: 33px;
	height: 33px;
	display:block;
	white-space:nowrap;
	padding:0 15px 0 0;
	background-repeat: no-repeat;
	background-position: right;
}

.buttonUl .buttonLi a b {
	font-weight: normal;
	background-image: url(images/button_up_left.png);
	line-height: 33px;
	display:block;
	cursor:pointer;
	padding:0 0 0 15px;
	background-repeat: no-repeat;
	background-position: left;
}

.buttonUl .buttonLi a:hover {
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	background-image: url(images/button_dn_right.png);
	line-height: 33px;
	height: 33px;
	display:block;
	white-space:nowrap;
	padding:0 15px 0 0;
	background-repeat: no-repeat;
	background-position: right;
}

.buttonUl .buttonLi a:hover b {
	font-weight: normal;
	background-image: url(images/button_dn_left.png);
	line-height: 33px;
	display:block;
	cursor:pointer;
	padding:0 0 0 15px;
	background-repeat: no-repeat;
	background-position: left;
}


ul#social {  
    background:url("images/social_buttons.png") 0 0 no-repeat;  
    width:112px;  
    height:22px;  
    padding:0;  
    margin:0;  
    } 
ul#social li span { display: none; }  
ul#social li { float:left; list-style:none; position:relative; }  
ul#social li, #social a {  
        height:22px;    /* Each button must have the same height, define it here */  
        display:block;  
        margin:0;  
        padding:0;  
        }  
li#twitter, li#facebook, li#linkedin, li#rss {width:28px; }  

#twitter a:hover { background:url("images/social_buttons.png") 0px  -22px no-repeat; }  
#facebook a:hover { background:url("images/social_buttons.png") -28px  -22px no-repeat; }  
#linkedin a:hover { background:url("images/social_buttons.png") -56px  -22px no-repeat; }  
#rss a:hover { background:url("images/social_buttons.png") -84px  -22px no-repeat; }  

.clearer {clear:both;}

/* Image hovers */


/* Post images with CSS hover captions*/

a.feature
{
	display: block;
	margin: 0 20px 20px 0;
	float: left;
	position: relative;
}
a.feature:hover { text-decoration:none;}
 
a.feature:hover .overlay
	{
		position: absolute;
		z-index: 3;
		width: 180px;
		height: 180px;
	}
		
a.feature .overlay .caption
		{
			position: absolute;
			height: 120px;
			line-height: 23px;
			width: 150px;
			z-index: 3;
			color: #fff;
			font-size: 20px;
			font-weight: lighter;
			top: -9999em;
			left:6px;
			overflow: hidden;
		}
a.feature:hover .caption
		{
			top: 6px;
			padding: 60px 10px 0 20px;
			background: rgb(254,164,37);
			/* for browsers that know rgba */
			background: rgba(254, 164, 37, 0.75);
		}
		
/* Text selection */
::selection {
background: #666; /* Safari */
color: #fff;
}
::-moz-selection {
background: #666; /* Firefox */
color: #fff;
}