/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

    1. Open style.css file and find any clasess you want to override
	2. Copy classes to override in this file, make sure you put classes outside
	3. Activate custom.css file in theme admin panel

*/
/* START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */

/*=== Logo Spot ===*/
#header{ height: 104px; margin-left:-65px; }

.footer-background{ background:#fff}

/*---------SIDEBAR --------- */
.sidebar { padding: 50px 0 20px 0; margin:0 0 0 10px }
  .sidebar ul, .sidebar ol{ padding:10px 15px; margin:0 0 20px 0; background:#F4F2E6; border:1px solid #dddddd }
  .sidebar ul li{ margin: 0; padding: 0px 0 8px 18px;	background: url(images/list-star-trans.png) left top no-repeat; line-height: 120%; border-bottom: dotted 1px #d8d8d8 }
  .sidebar ol li{ list-style-type:decimal; margin: 0 0 0 50px; }	
    .sidebar ul li ul{ margin: 0; padding:0px 0 0 0; border:none }
	  .sidebar ul li ul li{ border:none }


/*=== NAVIGATION FOR PAGES ===*/
a {color:#1b8c57; text-decoration:underline}

/*=== TOP MENU for PAGES ===*/
#top_menu{ height:40px; text-align:left;padding-left:80px }
#top_menu li{ float:left; line-height:33px; margin:0 }
#top_menu li a{ color:#078c8c; display:block; text-decoration:none; }
#top_menu li ul li a{ border:0; margin:0; text-decoration:none;}
#top_menu li a:hover, #top_menu li.active a{ color:#8ecc17; background:#f4f4dc; text-decoration:none }
#top_menu li.category-home a{ border-left:0 }
.switcher { padding: 75px 0 0 0 }
#top_menu li.selected-cat a, #top_menu li.current-cat, #top_menu li.current-cat-parent{ background:#a65807 }

/*=== DROPDOWN NAVIGATION FOR PAGES ===*/
#pagenav, #pagenav ul{float:left; list-style:none; padding:0; font-size: 11px }
#pagenav a{display:block }
#pagenav li{float:left; font-weight:normal; line-height:40px; font-family:Georgia, Times, serif }
#pagenav li a{font-size: 1.55em; text-transform:lowercase }
#pagenav li ul li a{font-size: 16px; padding-top:0 }
#pagenav li a:hover{background:#fff; text-decoration:none; }
#pagenav li ul li a:hover{text-decoration:none }
#pagenav li ul{position:absolute; width:18em; left:-999em; padding-top:1px }
#pagenav li:hover ul, #pagenav li.sfhover ul{left:auto; z-index:1000 }
#pagenav li ul li{background:#FFF; border:solid #D8D8D8; padding-top:5px; line-height:21px; width:18em; border-width:0 1px 1px 1px }
#pagenav li:hover, #pagenav li.hover{position:static }
#pagenav li ul ul{margin:-37px 0 0 234px }
#pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul{left:-999em; padding:2px 0 0 }
#pagenav li:hover, #pagenav li.sfhover{background:#f6f6db }
#pagenav li ul li ul li, #pagenav li ul li ul li ul li, #pagenav li ul li ul li ul li ul li{border:solid #D8D8D8; border-width:1px 1px 0 1px }
#pagenav li ul li ul, #pagenav li ul li ul li ul, #pagenav li ul li ul li ul li ul{border:solid #D8D8D8; border-width:0 0 1px 0 }
#pagenav li:hover ul ul, #pagenav li.sfhover ul ul, #pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li:hover ul ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul, #pagenav li.sfhover ul ul ul ul{left:-999em }
#pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li li li li.sfhover ul{left:auto }
select, #pagenav{padding:0 }
.bot, #header .spacer p, .list2{clear:both }
#pagenav li a span{font-size:12px; color:#9D9D9D; font-weight:normal }


  /*=== Widget styling ===*/
.sidebar .widget h3{ padding:20px 0 5px 0; }
  .sidebar .widget h3 span{ background:#078b8d; color:#ffffff; font:normal 17px Georgia; padding:10px 20px; text-transform:lowercase }


a.hyves {
background:url('http://www.waardelozehaantjes.nl/wp-content/themes/berita/images/icon-hyves.png') no-repeat;
display:block; 
height:40px;
text-decoration:none;
color:black;
position:relative;
top:20px;
}

a.hyves:hover {
background:url('http://www.waardelozehaantjes.nl/wp-content/themes/berita/images/icon-hyves.png') no-repeat 0 -40px;
}

a.hyves span {
position:relative;
left:50px;

}