/*
Theme Name: Folkebibliotekernes rolle i videnssamfundet
Theme URI: 
Description: Tema til Folkebibliotekernes rolle i videnssamfundet
Version: 1.0
Author: Wemind A/S
Author URI: http://wemind.dk
*/

/* Global reset */
/* Originally found in the Starkers naked WordPress theme: http://elliotjaystocks.com/blog/archive/2008/free-starkers-wordpress-theme/ */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, f, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/********************************************************************/

body{
background: #2D9DBD;
font-family: Helvetica, Arial, sans-serif;
font-size: 62.5%;
}

div#wrapper, div#footer{
width: 820px;
margin: 0 auto;
}

	div#header{
	height: 110px;
	position: relative;
	}
	
		a#logo{
		display: block;
		background: url(images/logo.png) no-repeat;
		height: 73px;
		width: 335px;
		text-indent: -9999px;
		position: absolute;
		top: 20px;
		left: -12px;
		}
		
	div#menu{
	background: url(images/menu-background.png) repeat-x;
	height: 30px;
	text-transform: uppercase;
	}
	
		div#menu a{
		color: white;
		height: 30px;
		line-height: 30px;
		}
		
		div#menu li{
		background: url(images/menu-divider.png) no-repeat right;
		display: inline;
		float: left;
		font-size: 1.2em;
		padding: 0 20px;
		}
			
		div#menu li.current_page_item, div#menu li.current_page_parent{
		/*background: url(images/menu-active.png) no-repeat bottom center;*/
		font-weight: bold;
		}
		
	div#sub-menu{
	background: white;
	font-size: 1.3em;
	padding-top: 5px;
	height: 20px;
	}
	
		div#sub-menu a{
		color: gray;
		}
		
		div#sub-menu li{
		display: inline;
		float: left;
		padding: 0 20px;
		}
		
		div#sub-menu li.current_page_item a{
		color: black;
		font-weight: bold;
		}
		
	div#content-wrapper{
	background: white;
	margin-bottom: 10px;
	padding-bottom: 20px;
	}
	
		div#content{
		width: 580px;
		float: left;
		}
		
			div.post, div.page{
			margin: 20px 0 60px 20px;
			}
			
			div.various-content{
			margin: 20px 0 20px 20px;
			}
			
			div.post-header{
			/*height: 100px;*/
			position: relative;
			}
			
				div.post-topbar{
				background: #F1F1F1;
				height: 35px;
				border-bottom: 1px solid #E2E2E2;
				padding-left: 35px;
				color: #999999;
				}
				
					span.when, span.post-links{
					height: 35px;
					line-height: 38px;
					float: left;
					}
					
					span.post-links{
					float: right;
					margin-right: 10px;
					}
					
						span.post-links span.divider{
						background: #E2E2E2;
						display: inline-block;
						width: 1px;
						height: 15px;
						margin: 0 10px -3px 10px;
						}
						
						span.post-links a{
						color: #777777;
						}
					
				h2.post-title, h1.post-title{
				margin: 25px 0 0 30px;
				}
				
					h2.post-title a{
					color: black;
					}
					
			div.post-content{
			margin-left: 30px;
			}
			
				div.post-meta{
				color: #D0D0D0;
				}
				
					a.comments-link{
					background: url(images/speech-bubble.png) no-repeat;
					padding-left: 20px;
					font-size: 1.3em;
					float: left;
					}
					
					span.tags{
					font-size: 1.2em;
					float: right;
					}
					
						span.tags a{
						color: #D0D0D0;
						}
						
		div#comments{
		margin-top: 20px;
		}
		
			ol.commentlist{
			font-size: 1.3em;
			}
			
				ol.commentlist p{
				font-size: 1.0em;
				}
				
				ol.commentlist li{
				padding: 3px;
				}
				
				ol.commentlist li.alt{
				border: 1px solid #d0d0d0;
				}
				
			form#commentform textarea{
			font-family: Helvetica, Arial, sans-serif;
			}
		
		div#sidebar{
		width: 200px;
		margin-left: 602px;
		padding-top: 20px;
		}
		
			div#search-box{
			background: url(images/search-box-background.png);
			width: 180px;
			height: 25px;
			padding: 10px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			}
			
				input#search{
				background: url(images/search-input.png) no-repeat;
				width: 107px;
				height: 18px;
				border: 0;
				padding: 4px 0 0 7px;
				margin-right: 5px;
				}
				
				button#searchsubmit{
				background: url(images/searchbutton.png) no-repeat;
				width: 55px;
				height: 22px;
				border: 0;
				text-transform: uppercase;
				font-weight: bold;				
				}
			
			div.widget{
			margin-top: 20px;
			}
			
			div.widget-header{
			background: url(images/sidebar-widget-header.png) repeat-x;
			height: 23px;
			margin-bottom: 10px;
			-moz-border-radius-topleft: 5px;
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-top-right-radius: 5px;
			}
			
				div.widget-header h3{
				background: url(images/sidebar-widget-header-text-bg.png) repeat-x;
				height: 23px;
				line-height: 23px;
				font-size: 1.1em;
				float: left;
				}
				
				div.widget-header img{
				float: left;
				}
				
				div.widget-header img.left{
				margin-left: 7px;
				}
				
	div#footer{
	color: white;
	text-align: center;
	margin-bottom: 30px;
	}
	
		div#footer em{
		color: #8CD1E0;
		font-style: normal;
		padding: 0 10px;
		}
		
		div#footer a{
		color: white;
		}
		
.clear{
clear: both;
}

h1, h2.post-title{
font-size: 2.5em;
font-weight: normal;
}

h2{
font-size: 2.0em;
margin-bottom: 10px;
}

h3{
font-size: 1.6em;
margin-bottom: 10px;
}

p{
font-size: 1.3em;
line-height: 150%;
margin-bottom: 10px;
}

p.about{
font-size: 1.1em;
line-height: 125%;
}

a{
color: #E2602C;
}

a:hover{
text-decoration: underline;
}

div.post ul, div.page ul, div#sidebar ul, div.post ol, div.page ol, div#sidebar ol{
font-size: 1.3em;
margin-bottom: 10px;
}

div.post ul li, div.page ul li, div#sidebar ul li{
list-style-image: url(images/list-arrow.png);
list-style-position: inside;
margin-bottom: 5px;
}

div.post ol l, div.page ol li, div#sidebar ol li{
list-style: decimal;
list-style-position: inside;
margin-bottom: 5px;
}

.wp-caption{
background: #F1F1F1;
margin-bottom: 10px;
}

.wp-caption-text{
color: #535353;
margin: 0 0 0 20px;
font-size: 1.2em;
}

.aligncenter{
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

.alignleft{
float: left;
}

.alignright{
float: right;
}