/*
Surabaya Book Map
License: GPL 
License URI: http://www.gnu.org/copyleft/gpl.html   
*/

@font-face { 
	font-family: Oswald;
	src: url('../images/Oswald.otf'); 
	} 

body.page-template-page-bookmap-php .logo {
	padding:0;
	}

.page-template-page-bookmap-php .logo h1 {
	font-family: Oswald, Helvetica, Arial;
	padding-left: 110px;
	background: url('http://c2o-library.net/wp-content/uploads/2012/04/logoSBM.png') no-repeat left center;
	height: 60px;
	font-weight: normal;
	font-size: 4.4em;
	}
.page-template-page-bookmap-php .bookmap-tagline {
	font-style: italic;
	}
.page-template-page-bookmap-php h2 {
	font-family: Oswald, Helvetica, Arial;
	font-size: 2em;
	text-transform: uppercase;
	padding-bottom: 0.5em;
	border-bottom: 2px solid #222222;
	}
.page-template-page-bookmap-php .format-content {
	width: 270px;
	margin-right: 23px;
	float: left;
	border: 1px solid #E1E1E1;
	height: 240px;
	padding: 10px;
	text-align: center;
	background: #E1E1E1;
	}
.page-template-page-bookmap-php .format-content h3, .page-template-page-bookmap-php .format-content h3 a {
	font-size: 1em;
	font-family: Oswald, Helvetica, Arial;
	margin-bottom: 1px;
	text-transform: uppercase;
	}
.page-template-page-bookmap-php .format-content:hover {
	border: 1px solid #111111;
	}
.page-template-page-bookmap-php .format-content p {
	text-align: center;
	}
	
.page-template-page-bookmap-php #qtranslate {
	padding-top: .8em;
	}

.page-template-page-bookmap-php .back-to-top {
	background: #E1E1E1;
	color: #111111;
	height: 50px;
	width: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	margin: 30px 0;
	}
.page-template-page-bookmap-php .back-to-top:hover {
	background: #111111;
	}
.page-template-page-bookmap-php .back-to-top a {
	padding: 20px 12px;
	font-family: Oswald, Helvetica, Verdana;
	text-transform: uppercase;
	color: #111111;
	}
.page-template-page-bookmap-php .back-to-top a:hover {
	color: #ffffff;
	}
	
#bookmap-top {
background: transparent;
z-index:13;
}
#bookmap-top li.alignright {
float: right;
}
ul#bookmap-top {
margin: 0 0 1em 0;
border: 0 none;
padding: 0;
width: 950px;
	/*For KHTML*/
	list-style: none;
height: 34px;
border-top: 3px #222 solid;
border-bottom: 1px #222 solid;
z-index:5;
}
#bookmap-top-r {
margin: 0 0 20px 0;
border: 0 none;
padding: 0;
width: 100%;
	/*For KHTML*/
	list-style: none;
height: 24px;
background: #eee;
}
ul#bookmap-top li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
	/*For Gecko*/
	display: inline;
list-style: none;
position: relative;
height: 34px;
z-index:6;
}
#bookmap-top-r li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
	/*For Gecko*/
	display: inline;
list-style: none;
position: relative;
height: 24px;
}
ul#bookmap-top ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 34px;
left: 0;
z-index:100;
}
ul#bookmap-top-r ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 24px;
left: 0;
z-index:111;
}
ul#bookmap-top ul:after,ul#bookmap-top-r ul:after /*From IE 7 lack of compliance*/ {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
ul#bookmap-top ul li, ul#bookmap-top-r ul li {
width: 160px;
float: left;
	/*For IE 7 lack of compliance*/
	display: block !important;
	/*For IE*/
}

/* Root Menu */
ul#bookmap-top a {
padding: 5px 20px 5px 20px;
float: none !important;
	/*For Opera*/
	/*For IE*/
	display: block;
background: #fff;
color: #111;
font: 11px/24px "GillSans","Gill Sans",Helvetica;
text-decoration: none;
text-transform: uppercase;
height: auto !important;
	/*For IE*/
}
ul#bookmap-top-r a {
padding: 2px 20px 0 20px;
float: none !important;
	/*For Opera*/
	/*For IE*/
	display: block;
background: #eee;
color: #000;
font: 11px/22px Helvetica;
text-decoration: none;
height: auto !important;

	/*For IE*/
}
/* Root Menu Hover Persistence */
ul#bookmap-top a:hover,
ul#bookmap-top-r a:hover,
ul#bookmap-top li:hover a,
ul#bookmap-top-r li:hover a,
ul#bookmap-top li.iehover a,
ul#bookmap-top-r li.iehover a {
background: #333;
color: #FFF;
}
/* 2nd Menu */
ul#bookmap-top li:hover li a,
ul#bookmap-top li.iehover li a,
ul#bookmap-top-r li:hover li a,
ul#bookmap-top-r li.iehover li a {
float: none;
background: #000;
color: #ccc;
}
/* 2nd Menu Hover Persistence */
ul#bookmap-top li:hover li a:hover,
ul#bookmap-top li:hover li:hover a,
ul#bookmap-top li.iehover li a:hover,
ul#bookmap-top li.iehover li.iehover a,
ul#bookmap-top-r li:hover li a:hover,
ul#bookmap-top-r li:hover li:hover a,
ul#bookmap-top-r li.iehover li a:hover,
ul#bookmap-top-r li.iehover li.iehover a {
background: #333;
color: #FFF;
}
/* 3rd Menu */
ul#bookmap-top li:hover li:hover li a,
ul#bookmap-top li.iehover li.iehover li a,
ul#bookmap-top-r li:hover li:hover li a,
ul#bookmap-top-r li.iehover li.iehover li a {
background: #000;
color: #ccc;
}
/* 3rd Menu Hover Persistence */
ul#bookmap-top li:hover li:hover li a:hover,
ul#bookmap-top li:hover li:hover li:hover a,
ul#bookmap-top li.iehover li.iehover li a:hover,
ul#bookmap-top li.iehover li.iehover li.iehover a,
ul#bookmap-top-r li:hover li:hover li a:hover,
ul#bookmap-top-r li:hover li:hover li:hover a,
ul#bookmap-top-r li.iehover li.iehover li a:hover,
ul#bookmap-top-r li.iehover li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}
/* 4th Menu */
ul#bookmap-top li:hover li:hover li:hover li a,
ul#bookmap-top li.iehover li.iehover li.iehover li a,
ul#bookmap-top-r li:hover li:hover li:hover li a,
ul#bookmap-top-r li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #666;
}
/* 4th Menu Hover */
ul#bookmap-top li:hover li:hover li:hover li a:hover,
ul#bookmap-top li.iehover li.iehover li.iehover li a:hover,
ul#bookmap-top-r li:hover li:hover li:hover li a:hover,
ul#bookmap-top-r li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}
ul#bookmap-top ul ul,
ul#bookmap-top ul ul ul,
ul#bookmap-top-r ul ul,
ul#bookmap-top-r ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#bookmap-top li:hover ul ul,
ul#bookmap-top li:hover ul ul ul,
ul#bookmap-top li.iehover ul ul,
ul#bookmap-top li.iehover ul ul ul,
ul#bookmap-top-r li:hover ul ul,
ul#bookmap-top-r li:hover ul ul ul,
ul#bookmap-top-r li.iehover ul ul,
ul#bookmap-top-r li.iehover ul ul ul {
display: none;
}
ul#bookmap-top li:hover ul,
ul#bookmap-top ul li:hover ul,
ul#bookmap-top ul ul li:hover ul,
ul#bookmap-top li.iehover ul,
ul#bookmap-top ul li.iehover ul,
ul#bookmap-top ul ul li.iehover ul,
ul#bookmap-top-r li:hover ul,
ul#bookmap-top-r ul li:hover ul,
ul#bookmap-top-r ul ul li:hover ul,
ul#bookmap-top-r li.iehover ul,
ul#bookmap-top-r ul li.iehover ul,
ul#bookmap-top-r ul ul li.iehover ul {
display: block;
}

* html	ul#bookmap-top ul li a, * html ul#bookmap-top-r ul li a  {width: 100%;}