/* 

CSS file for fauskes.net 
Author: Kjell Magne Fauske

*/
@import "default.css";

body{
	margin: 0;padding: 0;
	font-size: .8em;
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	line-height: 1.5em;
	background-color: white;
}




/* Fix the IE italics bug */
#content-main p {margin-right: 0.1%;}
html>body #content-main p{
	margin-right: inherit;	
}

/* -- Typography -- */
h1, h2, h3, h4, h5, h6, h2 a, h2 a:visited, h3 a:visited{
	font-family: Verdana, sans-serif;
	font-weight:normal;
	color: #930000;
}

h1{	font-size:165%;  letter-spacing : -1px; }
h2{	font-size:130%;}
h3{	font-size:110%;}
h4, h5, h6{ font-size:100%; margin-bottom:0;}

.para {color: #930000;}


pre, tt, code, kbd{
	font-family: "Courier New",Courier,Monospace;
	font-size:0.95em;
}

pre {
	padding:0.2em 0 1em 0.5em;
	margin-left: 0;
	border-left: 1px solid #E1E1E1;
	overflow: auto;
}

code{ font-size:100%;}

#content-main a{ border-bottom: 1px silver dashed; }	
#content-main a:hover{ border-bottom: 1px solid;}

a:hover{border-bottom: 1px solid;}
.figure a {border-bottom:none ! important;}
a img { border: none;}
a img:hover {border-bottom:none ! important;}
a { color: #7396AE; text-decoration: none;}
a:visited{color: #395162;}


#content h2 a, #home h3 a {border-bottom:none; color: #A40000;}


/* Quotes */
blockquote{
	padding-left:27px;
	margin-left:0;
	margin-right:1em;
	background:url(img/leftquote.gif) no-repeat;
	font-style:italic;
}

div.eq {
	text-align:center;
}

span.eq img{
	vertical-align:text-bottom;
}

.figure{
	text-align:center;
}

.figure .figlbl{
	color:#8B0000;
}
img.left{
	float:left;
	margin-right:0.5em;
}

/* Layout */

#wrapper {
	margin: 0 auto; width: 800px;	
	padding:0;
}


#content{ margin:0; padding-top:20px;}

#content-main{
	width: 570px;
	padding:0 10px 0 20px;
	float:left;
	margin-bottom:10px;
}

#blogs{
	font-size:.8em;
	}

#content-main p{
	padding-right:10px;
}

#sidebar-b{
	float:right;
	width:179px;
	padding:10px;
}

#footer{ clear:both; text-align:center; font-size:8pt; font-style:italic; }


/* -- Footer -- */
#footer{
	background-color: #e1e1e1;
	/*width:580px;*/
	/*width: 100%;*/
	padding:10px;
	/*height:2em;*/
	margin-top:20px;
	
}

/* -- Main navigation -- */

#nav-main {
	width:100%;
	background-color: #e1e1e1;
	padding: 0.7em 0 0.7em 0;
	/*height: 50px;*/
	margin:0;
}

#nav-main a:hover{
	background-color: #D3C9C9;
	border:none;
}

#nav-main a{
	padding : 10px 1.5em 10px 1.5em;
	height:100%;
	margin:0;
	color: #605306;
}

#notebook #nav-nb a, #home #nav-home a, #about #nav-about a, 
#contact #nav-contact a, #research #nav-research a, #code #nav-code a{
	background-color: #D3D3D3;
}

#nav-main li{
	display: inline;
	padding:0;
	margin:0;	
}

#nav-main ul{
	margin:0 0 0 20px;
	padding:0;
}

#nav-nb {
	text-align:right;
}
#nav-nb p{
	display:inline;
}

#nav-nb ul{
	margin:0;padding:0; display:inline;
}
#nav-nb li{
	display:inline;
	padding: 0 1em;
}
#wrapper{
	border-bottom:1px solid silver;
}

#header{
	height:170px;
	/* background:url(beeld/kleinlogo.gif) no-repeat right; */
	position:relative;
}

#header a img{
	position:absolute;
	bottom:5px; left:30px;
}

.colentry h5{
	background: url(link.png) no-repeat 2px 50% ;
	background-color:#e1e1e1;
	border-top: 1px solid #8B0000;
	padding:2px 0 2px 20px;
}

.colentryblog h5{
	background: url(link.png) no-repeat 2px 50% ;
	background-color:#e1e1e1;
	border-top: 1px solid #8B0000;
	padding:2px 0 2px 20px;
}

.colentry{
	background-color: #F3F3F3;
	padding-bottom:0.5em;
}

.colentryblog{
	background-color: #F3F3F3;
	padding-bottom:0.5em;
}

.colentry ul{
	list-style:none;
	padding-left:0;
	margin-left:2px;
}

.colentryblog ul{
	list-style:none;
	padding-left:0;
	margin-left:2px;
}

/* -- Category list -- */

#categorylist ul{ list-style:none; margin:0; padding:0;}
#categorylist li{
	position:relative;
	margin:0;	
	padding:0;
}

#categorylist a{
	display:block;
	padding:2px 0 2px 18px;
	/*width:100%;*/
	margin:0;
}

#categorylist ul ul a{
	padding-left:35px;
}

#categorylist a:hover{
	background-color: #DFDFC8;
	border-bottom:none;
}

#categorylist .count{
	position:absolute;
	right:1em;
	color: #ACACAC;
}

#content-main{
	border-right: 1px solid #D7D7D7;
}

/* -- linklist --*/
.colentry li{
	padding-left:20px;
}
.linklist li {background: url(pijltje.png) 2px 0.25em no-repeat;}
.feedlist li {background: url(ok.png) 2px 0.25em no-repeat;}

.colentryblog li{
	font-size: .8em;
	padding-left:20px;
}

/* -- Home -- */

#home h2{	
	font-size:90%;
	width:100%;
	border-bottom:1px solid silver;
	background: url(img/star.png) no-repeat 0 0.25em;
	padding-left: 16px;
	margin-left:-16px;
}

#contact h1, #nb h1, #about h1, #research h1, #code h1, #notebook h1{	
	width:100%;
 	border-bottom:1px solid silver;
 	background: url(img/star.png) no-repeat 0 0.2em;
 	padding-left: 16px;
 	padding-bottom: 5px;
	margin-left:-16px;
}

#home h3{	font-size:130%;}

p#welcome{
	color: #898989;
	background: url(img/star.png) no-repeat 0 0.25em;
	padding-left: 16px;
	/*margin-left:-16px;*/
}

.liposted{background: url(img/date.png) no-repeat 0 0.25em;}

p.infoline{
	color: #949494;
	padding:5px 0;
}

ul.pubinfo {
	color: #949494;
	list-style: none;
	padding-left:0;
	margin-left:2px;
	margin-top:-10px;
}

.pubinfo li { padding-left:20px;}
.pubinfo .published {background: url(img/date.png) no-repeat left 50%;}
.pubinfo .updated {background: url(img/refresh.gif) no-repeat left 50%;}

p.timestamp{
	color: #949494;
	background: url(img/date.png) no-repeat left 50%;
	padding-left:20px;
	padding-top:0px;
	margin-top:-10px;
}

p.more{	text-align:right;}
p.more a { 
	background: url(img/arrow.png) no-repeat right 50%;
	padding-right:16px;
}
	

/* -- Forms -- */
#contactform fieldset {
	border: 1px solid #DADADA;
	padding: 0 1em 1em 1em;	
}


#contactform legend {color:silver;}
form .required{color:red;}

/* Changelog */
dl#changelist dd{
	padding-left:16px;
	background: url(img/gbox.png) no-repeat 0 0.25em;
	margin-left:2em;
}

.clear{ clear:both;}

/* Table of contents */
ul#tblofcontents, ul#tblofcontents ul  {
	list-style:none; margin-left:0; padding-left:0;
}

#tblofcontents li {
	margin-left:0;
	padding-left:0;
}

#tblofcontents li ul{
	margin-left:2em;
}


/* dropshadow */
.ds{
	
	/*background: url(img/shadow.gif) no-repeat bottom right;*/
	
	 float:left;
	 margin: 10px 5px;
	 padding: 0;
	 position: relative;	
}
.ds img{
	 
	 
	 margin: -5px 5px 5px -5px;
	 padding: 4px;
	 border: 1px solid silver;
	 position: relative;
	 vertical-align: bottom;
}

/* comments */
#commentsection {
	background-color: #e1e1e1;
	padding :1em 0em 1em 1em;
	
}

#comments {
	padding :1em 0em 1em 1em;
	list-style:none;
}

.authorcomment dt{
	font-weight: bold;
}

#comments dd {
	margin-left:2em;
	
}

#sidebar-b ul {padding-left:0; margin-left:0;}
#sidebar-b ul ul { padding-left:1.2em; }

/*ul { padding-left:2em; }
ol { padding-left:30px; }
ul li { list-style-type:square; margin-bottom:.4em; }
ul ul { padding-left:1.2em; }
ul ul ul { padding-left:1em; }
ul.linklist, ul.toc { padding-left:0; }*/

ul.toc ul { margin-left:.6em; }
ul.toc ul li { list-style-type:none;}
ul.toc ul li {margin-left: 0.5em; padding-left: 0;}
ul.toc ul ul li { list-style-type:disc; }
ul.toc p {margin-top:0; margin-bottom: 0;}
ul.linklist li, ul.toc li { list-style-type:none; }

/*dt { font-weight:bold; margin-top:.5em; font-size:1.1em; }
dd { margin-bottom:.8em; }*/

/* docutils related style */
.note, .admonition { padding:.8em; margin: 1em 0; border:1px solid silver; }
.note, .caution, .admonition { padding-left:35px; background:url(img/note.png) .8em 2em no-repeat;}

.admonition-title {font-weight: bold;}
.document h2 {padding-bottom: 2px; border-bottom:1px solid silver;;}



.gallery dl {border: 1px solid silver;padding:10px;}
.gallery dl:hover{border-color:black;}
.gallery dl {float:left; margin-top:0; margin-left:10px; margin-bottom: 10px;}
.gallery dt {width: 210px; height:210px; }
.gallery dt img {margin-left:5px; margin-top:5px;  }
.gallery dd {margin-left:0; padding-left:0;}
/*.gallery a img{border-color:none;}*/
.gallery dt a {border-bottom:none ! important;}
.galleryimage a {border-bottom:none ! important;}

#hostedby {color:gray;font-size:100%;margin-bottom:2px;}

span.warning, span.important{
	padding-left:19px;
	font-weight: bold;
	text-align:left;
	background:url(img/error.png) no-repeat;
}

span.update{
	padding-left:19px;
	font-weight: bold;
	text-align:left;
	background:url(img/arrow_refresh_small.png) no-repeat;
}