/*
Theme Name: Consult-Pur
Author: Hugo
Version: 1.0
Description: Built on the Twenty Eleven theme by the WordPress team using the Yaml (X)HTML/CSS Framework. Design by Lupo Plainer and Geoffrey Wirth made especially for Purucker Consult.


*/

/* =Reset default browser CSS. Based on work by Eric Meyer: https://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/* The container wrapping ul.dropdown */

 
/* Top level Unordered list */

.hlist {
margin-top: -1px;

}

.hlist ul {
list-style:none;
float:left;
padding: 0 10px;

}
 
.hlist ul li{
float:left; /* makes horiz list */
position:relative; /* hey Submenu ULs, appear below! */
	-moz-border-radius: 12px 12px 0 0;
	-webkit-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0; /* future proofing */
	-khtml-border-radius: 12px 12px 0 0; /* for old Konqueror browsers */

}
 
.hlist ul a {
padding:12px; /*space the items, occupy entire height too.*/
color:#eee;
text-decoration:none;
	padding-top: 6px;
	padding-right: 23px;
	padding-bottom: 7px;
	padding-left: 23px;


}

/* Style the link hover */
.hlist ul li:hover a, .hlist a:hover {
	-moz-border-radius: 12px 12px 0 0;
	-webkit-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0; /* future proofing */
	-khtml-border-radius: 12px 12px 0 0; /* for old Konqueror browsers */
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	background-color: #f3f3f0;
	padding-top: 6px;
	padding-right: 23px;
	padding-bottom: 7px;
	padding-left: 23px;
-moz-box-shadow: 0px -3px 5px -1px #ccc;
-webkit-box-shadow: 0px -3px 5px -1px #ccc;
box-shadow: 0px -3px 5px -1px #ccc;border-radius: 12px 12px 0 0;


}
 
/* Displays the link as blocks. */
.hlist ul li ul a {
display:block;
}
 
/* sub menus!!  */
 
.hlist ul ul {
list-style: none;
margin:0; /* Appear just below the hovering list */
padding:0;
width: 240px; /* specify the width. */
position:absolute; /* needed */
z-index: 500; /* specify the order */
}
 
.hlist ul li ul {
margin:0px;
padding:0px;
padding-bottom: 20px;
padding-top: 5px;
font-size: 35%;border-radius: 0 0 12px 12px;
	-moz-border-radius:  0 0 12px 12px;
	-webkit-border-radius: 0 0 12px 12px;
	border-radius: 0 12px 12px 12px ; /* future proofing */
	-khtml-border-radius: 0 0 12px 12px; /* for old Konqueror browsers */
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	background-color: #f3f3f0;
-moz-box-shadow: 2px 2px 2px #bbb;
-webkit-box-shadow: 2px 2px 2px #bbb;
box-shadow: 2px 2px 2px #bbb;
}
.hlist ul li ul li {
border-bottom: 1px dashed #ddd;
}
.hlist ul li ul li, .hlist ul li ul a:link, .hlist ul li ul a:visited {
margin: 0px 12px 0px 12px;
padding: 3px 0px 3px 0px;border-radius: 0 0 0px 0px;
	-moz-border-radius:  0 0 0px 0px;
	-webkit-border-radius: 0 0 0px 0px;
	border-radius: 0 0 0px 0px ; /* future proofing */
	-khtml-border-radius: 0 0 0px 0px; /* for old Konqueror browsers */
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
width: 400;
-moz-box-shadow: 0px 0px 0px #bbb;
-webkit-box-shadow: 0px 0px 0px #bbb;
box-shadow: 0px 0px 0px #bbb;
}
 
 
.hlist ul ul ul {
top:0;
left:100%; /* Position the sub menus to right. */
}
 
.hlist ul ul li {
float:none; /* umm.. Appear below the previous one. mmkay? */
}
 
/* Drop Down! */
 
/* Hide all the dropdowns (submenus) */
.hlist ul ul,
.hlist ul li:hover ul ul,
.hlist ul ul li:hover ul ul
{ display: none; }
 
/* Display the submenus only when li are hovered */
.hlist ul li:hover ul,
.hlist ul ul li:hover ul ,
.hlist ul ul li ul li:hover ul
{ display: block;

}
 
.hlist ul li ul li a:hover {
/* Change color of links when hovered */
color: #999;
padding-left: 10px;
background: transparent;
} .hlist ul li ul li.current_page_item a {
/* Change color of links when hovered */
color: #aaa;
background: transparent;
}
.hlist .page_item.current_page_item, .hlist ul li.current_page_parent  {
/* Change color of links when hovered */
background-color: #fff;border-radius: 12px 12px 0 0;
	-moz-border-radius: 12px 12px 0 0;
	-webkit-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0; /* future proofing */
	-khtml-border-radius: 12px 12px 0 0; /* for old Konqueror browsers */
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
-moz-box-shadow: 0px -3px 5px -1px #ccc;
-webkit-box-shadow: 0px -3px 5px -1px #ccc;
box-shadow: 0px -3px 5px -1px #ccc;
}
.hlist ul li .page_item.current_page_item {
/* Change color of links when hovered */
background: transparent;border-radius: 0px 0px 0 0;
	-moz-border-radius: 0px 0px 0 0;
	-webkit-border-radius: 0px 0px 0 0;
	border-radius: 0px 0px 0 0; /* future proofing */
	-khtml-border-radius: 0px 0px 0 0; /* for old Konqueror browsers */
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
-moz-box-shadow: 0px 0px 0px 0px #ddd;
-webkit-box-shadow: 0px 0px 0px 0px #ddd;
box-shadow: 0px 0px 0px 0px #ddd;
}