/*
This is the stylesheet for the hover-sidebar at http://www.moronicbajebus.com/playground/cssplay/hover-sidebar/

Created by Seamus P. H. Leahy
*/


body{ 
	background-color: #D4E1EE;  
	color: #0D161F;  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: .9em;    }
	
body h1{ 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-weight: normal; 
 	font-size: 200%;
	margin: 5% 30% 0 25%;
	border-bottom: 2px solid #0D161F;
	text-transform: lowercase;
}
body h1 + *{
	margin-top:0;
}
body h2{ 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-weight: normal; 
 	font-size: 150%;
	margin: .5em 30% 0 25%;
	text-transform: lowercase;
}
body h2 + *{
	margin-top:0;
}
body p{
	margin-right: 30%;
	margin-left: 25%;
	line-height: 150%;
}
body p a:link{ 
	text-decoration: none;  
	color: #274FDD; 
}
body p a:link:hover{ 
	color: Blue;  
	text-decoration: underline; 
}
body p a:visited{
	text-decoration: none;
	color: #774FDD;
}
body p a:visited:hover{ 
	color: Fuchsia;  
	text-decoration: underline; 
}
/*The Sidebar

The Default Settings */
body  #sidebar{
	position: fixed; /* Keeps it in the same place for the viewer.*/
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 2000;
	background-color: #7FA7CD;
	width: 11px;
	border-right: 1px solid #345D84;
}

body  #sidebar img.label{ 
	position: absolute; 
	right: 0; 
	top: 30%;  
}

body #sidebar ul{
	margin: 0;
	padding: 0;
	width: 59px;
	top: 25%;
	left: 0;
	position: absolute;
	
	display: none; /* To hide the items*/
}
body  #sidebar ul li{ 
	list-style-type: none;
 }
body  #sidebar ul li a{ 
	border-color: #4174A3;  
	border-style: solid;  
	border-width: 1px;  
	width: 40px;
	height: 40px;
	margin: 1px auto 1px auto;
	display: block; }
	
body #sidebar ul li a:hover{ 
	background-color: #D4E1EE; 
}
body  #sidebar ul li a img{
	border: none;
}

/* the hover state */
body #sidebar:hover{
	width: 70px; /* This makes is pop out. */
}

body #sidebar:hover ul{ 
	display: block; /* To show the items instead of not showing them*/
}