/*
Title:     The photographic work of Ken Schles.
Author:    Ken Schles | kenschles.com + Gian Carlo Mingati | gcmingati.net
*****************************************************************************
These style-sheets, associated graphics and design are copyrighted materials.
*/


* {margin: 0;padding: 0;}
img {border: none;}
a img {display: block; border: 0};
a { text-decoration: none }
a:link { color: #000000; text-decoration: none }
a:active { color: #101010; text-decoration: none }
a:visited { color: #000000; text-decoration: none }
a:hover {
	color: #ff0000;
	text-decoration: none;
	background: #FFE1FF;
}

p {
padding-right:25px;
}

body {
color: #333333;
font: normal 10px Arial, Helvetica, sans-serif;
text-align: justify;
background: #fff;	
}
#wrapp {
width: 1205px;
color: black;
background:#fff;
margin: 0 0 20px 0;
}

#header {
background: #fff;
overflow: hidden;
padding: 0 0 5px 0;
}

#header h1{
position: relative;
left: 8px;
top: 8px;
margin: 0 0 5px 0;
width: 436px; 
height: 50px; 
background: transparent url(../Assets/headGraphic.gif) left top no-repeat;
}

#header h1 span{
display: none;
}

#dividerLeft {
height:9px;
background-color: #666666;
position: relative;
width: 293px;
left: 10px;
float: left;
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-box-shadow: 3px 3px 4px #CCC;
-moz-box-shadow: 3px 3px 4px #CCC;
}

#dividerMid {
height:9px;
background-color: #666666;
width: 600px;
position: relative;
float: left;
left: 12px;
-webkit-box-shadow: 3px 3px 4px #CCC;
-moz-box-shadow: 3px 3px 4px #CCC;
}

#dividerRight {
height:9px;
background-color: #666666;
width: 298px;
position: relative;
float: left;
left: 14px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-box-shadow: 3px 3px 4px #CCC;
-moz-box-shadow: 3px 3px 4px #CCC;
}

#navbar {
font: normal 10px Arial, Helvetica, sans-serif;
text-shadow: 4px 4px 4px #aaa;
background: #fff;
width: 200px;
float: left;
}

#navbar ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 130px;
position: relative;
left: 35px;
top: 31px;
}


#navbar ul li {
margin: 1px 0;
}

#navbar ul li a {
color: #101010;
width: 130px;
display: block;
text-decoration: none;
padding: 2px 4px;
-webkit-transition: all 0.3s ease-out;
-webkit-border-top-right-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
-moz-transition: all 0.3s ease-out;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomright: 12px;
background: 
-moz-transition: all 0.3s ease-out;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-bottomleft: 12px;
}

#navbar li a:hover {
color: #FF0000;
background: #FFE1FF;
padding: 2px 30px 2px 4px;
}

#navbar ul ul {
display: none;
list-style-type: circle;
position: absolute;
width: 130px;
left: 58px;
top: 15px;
z-index: 999;
}

#navbar ul li:hover ul {
display:block;
}

#navbar .dist{
margin: 318px 0 0 0;
}

#navbar .music{
left: 0px;
top: 0px;
text-align:left;

}
#navbar #copyright {
	position: relative;
	left: 39px;
	top: 100px;
color: #777777;
	width: 135px;
}

#content {
	font: normal 10px  Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0 0 0 200px;
	color: #777777;
}

#c_music {
position:absolute;
left: 400px;
width:1100px;
}

#c_left p, #c_right p, #cThird_left p, #cThird_mid p, #cThird_right p {
line-height: 18px;
margin-bottom: 20px;
}

#content_columns {
background: #fff;
overflow: hidden;
margin: 14px 0 0 1;
}

#c_left {
	float: left;
	width: 50%;
}
#c_right {
float: left;
width: 50%;

}
/*
the content here is 1/3 columns evenly spaced*/
#cThird_left {
	float: left;
	width: 33%;
}
#cThird_mid {
	float: left;
	width: 33%;
}
#cThird_right {
	float: left;
	width: 33%;
}
/*
the content here is an image 499px wide left and 500px wide right i.e. evenly spaced*/
#cImage_left {
float: left;
width: 500px;

}
#cImage_right {
float: left;
width: 500px;

}

/*
the content here is an image 539px wide left and 460px wide right*/
#cImage67_left {
float: left;
width: 540px;

}
#cImage35_right {
float: left;
width: 460px;

}
/*
the content here is an image 459px wide left and 540px wide right*/
#cImage35_left {
float: left;
width: 460px;

}
#cImage67_right {
float: left;
width: 540px;

}
/*
the content div may be splitted in two (#c_left,#c_right). 
The div on the right (#c_right), is again splitted in two (#c_right_l, #c_right_r) 
*/
#c_right_l, #c_right_r {
float: left;
overflow: hidden;
}
#c_right_l {
width: 205px;

}
#c_right_r {
width: 290px;
}

img.page-icon {
float: left;
margin: -2px 5px -5px 0;
}

.wborder img {
border: 1px solid #CCCCCC;
margin: 0 0 5px 0;
}
.wborder:hover img {
border: 1px solid #ff00ee;
}

.book_covers li {
list-style-type: none;
text-align: center;
margin: 0 0 20px 0;
}
.book_covers li a {
display: inline-block;
}




#c_left h2, #content h2{
color: #999;
font: bold 14px/40px Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 20px 0;
whitespace:nowrap;
}

#c_right p#counter{
margin: 0 0 30px 0;
line-height: 30px;
/*background: transparent url(Assets/schlescounter.png) 205px center no-repeat;*/
background: transparent url(http://counter.digits.com/wc/-d/6/-c/17/-f/DDDDDD/-b/F4F4FF/-e/F4F4FF/-z/schlescounter) 205px 10px no-repeat;
}

#browseNavbox {
font: normal 10px + Arial, Helvetica, sans-serif;
background: #fff;
height: 30px;
margin: -18px 0 0 0;
}

#browseNavbox ul{
list-style-type: none;
position: absolute;
margin: 0;
z-index: 998;
}

#browseNavbox ul li {
display: inline;
margin: 2px
}
#browseNavbox ul li a {
-webkit-transition: all 0.3s ease-out;
background: #fff;
color: #101010;
text-decoration: none;
padding: 6px;
-webkit-border-top-right-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
-webkit-border-top-left-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
background: 
-moz-transition: all 0.3s ease-out;
-moz-border-radius-topright: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-bottomleft: 12px;
}
#browseNavbox ul li a:hover{
color: #000;
background: #ff14ff; 
opacity: 0.3;
padding: 6px 6px 400px 6px;
}
#browseNavbox ul li a.current{
color: #ff14ff;
background-color: rgba(102, 102, 255, .3);
	position: relative;
 height: 20 px;
  width: 20 px;
-moz-border-radius: 10 px;
 -webkit-border-radius: 10 px;

}
#browseNavbox ul li a.current:hover{
color: #000;
}

ul.generic-list {
list-style-type: square;
list-style-position: inside;
margin: 20px 0;
}

ul.generic-list li {
margin: 5px 0;
}