@import url(reset.css);

body {font-family: Helvetica, arial, sans-serif; text-align: center;}
a:link, a:visited, a:hover, a:active {text-decoration:none}
a:focus{border:1px dotted #444}

#main, #footer {font-size: 0.75em; line-height:1.5em}
h1 {font-size: 1.5em; line-height: 1em; margin: 1em 0}
h2, h3 {font-size: 1.167em; line-height: 1.285em; margin: 1.285em 0}
p {line-height: 1.5em; margin: 1.5em 0}

/**** Clearing ****/

.clearfix:after {content: "."; display: block; clear:both; height:0; visibility:hidden;}
.clearfix {display:inline-block;}
/* hide from IE Mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block}
/* end hide from IE Mac */

.clear {overflow:hidden;}
* html .clear {height:1%}

.skip {position:absolute; left: -1000px; left: -1000em; width:20em}
h1.skip {font-size: 0.875em}

/*** SECTIONS ****/


#wrapper {max-width:960px; width: 60em; margin: 5px auto; }

#header { position:relative; height: 190px; width:100%}
 #header img {margin-top:10px }

#main-nav {clear: both; width:100%;}
  #main-nav ul {float: left; margin: 18px 6.8em 10px 7.8em; display:inline;}
  #main-nav ul li {display: inline; float: left; width: 90px;  margin-left:5px; margin-right:5px; text-align: center;}
  #main-nav ul li a {text-decoration: none; font-size:0.875em; line-height:1.5em }

#main {clear: both; text-align:left;}

/***** HOME page ****/

#home-container {margin:30px 1%; padding-top:18px;}

#col-left, #col-right {margin-top: 18px; display:inline}
#col-left {width:25%; float:left;  margin-left: 11%; margin-right:1%}
#col-right {width:20%; float:right; margin-right:11%}
#col-left div, #col-right div {margin-top: 18px; margin-bottom: 18px; padding:0 1em}
#col-left {clear:left}
#col-right {clear:right}
#news, #latestbook, #linktowork, #other {border-top: 3px dotted #d7b087;}

#col-left h2, #col-left h2 a, #col-right h2, #col-right h2 a  {color:#d7b087;}
  #col-left h2, #col-right h2 {text-transform:uppercase;}
  #col-left h3, #col-left h3 a, #col-right h3, #col-right h3 a {color:#543}


#twocol-container {float:left; width:53%; margin:25px 1% 5px 11%; display:inline}

/*#intro {font-size: 1.167em; line-height: 1.285em; margin: 1.285em 0}*/

/**** NEWS *****/
#news ul {list-style:none}

li.newsDate {color: #666; font-weight:bold  }

#NewsList h2, #NewsList h2 a {color: #543;}
#NewsList.newsholder, #content {margin:30px 18% 10px 18%}
#NewsList.newsholder h2, #content h2 {margin-top: 38px}
#NewsList ul {padding-top:1px}

/*** BOOKS ****/


#books-wrapper {margin:80px 6%;}
#books-wrapper img {margin: 5px}
#books-wrapper a {border: 1px solid #fff}
#books-wrapper a:focus {border: 1px dotted #444}
.small-cover {float:left}

.vertical-nav {width:28%; float: left; text-align: left; margin:50px 1% 30px 11%; display:inline; min-height:400px}
.vertical-nav2 {width:90%;}
.vertical-nav li, .vertical-nav2 li { font-weight:300; line-height: 1.5em; color:#765;  padding-top:0.5em; padding-left:0.2em; border-bottom: 1px solid #fff; overflow:hidden;}
.vertical-nav li {width:90%}
.vertical-nav li a, .vertical-nav2 li a {display:block; border: 1px solid #fff}
.vertical-nav li img {margin-right:3px; margin-bottom:-2px}
.vertical-nav li.current, .vertical-nav2 li.current{font-weight:bold;}
.vertical-nav li.current:hover, .vertical-nav a, .vertical-nav2 li.current:hover, .vertical-nav2 a {text-decoration: none; color:#765; display: block; background: inherit;}
.vertical-nav a:hover, .vertical-nav2 a:hover {background-color:#a98; color: #fff;}
.vertical-nav li a:focus, .vertical-nav2 li a:focus{border:1px dotted #444}


.book-cover {float: right; width:46%; margin:30px 11% 50px 1%; display:inline; text-align:center }
.book-caption {width:450px; color:#765;  font-size:1.167em;  font-weight:600;  margin:18px auto}
.book-content {clear:both; width:88%; margin: 18px 9% 0 9%}


.presse {margin:0 11%; clear:right}
.presse img {margin:10px}

.presse {color:#444; text-align: left;}
.presse h2 {margin:0 0 8px 0; font-size:1.125em; }
.presse h3 {margin:13px 0 5px 0;  font-weight:600;}
.presse p {margin:3px 0 18px;  }
.links img, .left {float:left;}
.rechts img, .right {float:right}
.centered, .center, image.center {text-align:center; margin:0 auto;}

#content img {margin:5px}

#footer {clear:both; color:#999; padding: 8em 0 3em 0}
.copy {float:left; margin-left:12%}
.website {float:left; margin-left:2em}
.designedby {float:left; }
.designedby a {display:block; text-indent: -9999px; width: 120px; height: 38px; border: none; background: url(../images/kdurrani.gif) no-repeat 5px -3px;}

/**** Flash-App ****/
#flashcontent {margin:0 4%;}


#PageComments {
	list-style:none;
	background:#e9e9e9;
	border:1px solid #ccc;
	border-bottom:0;
	padding:0;
	margin:0;
}
	#PageComments li {
		list-style:none;
		padding:5px;
		margin:0;
		font-size:1em;
		border-bottom:1px dotted #bbb;
	}
		#PageComments li p span {
			font-style:italic;
		}
		#PageComments a.deletelink {
			font-weight:bold;
		}


#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#0083C8;
	text-decoration:none;
}
	#PageNumbers a:hover {
		text-decoration:underline;
	}