/* 
Theme Name: SjoerdV #10
Theme URI: http://sjoerdv.com
Description:
Moge deze het lang uithouden
(c) 2004-2008 Sjoerd Visser
www.sjoerdv.com ~ sjoerd@sjoerdv.com
 */

body {
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background-image: url('http://sjoerdv.com/wordpress/wp-content/themes/sjoerdv10/images/bg.gif');
background-repeat: repeat-x;
background-color: #f3fcfc;
}

p {
margin-top: 10px;
margin-bottom: 10px;
}

blockquote {
background-color: #e4f5f7;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 7px;
padding-right: 7px;
border-left: 5px solid #59c3cd;
width: 355px;
}

#wrap {
width: 855px;
margin-left: auto;
margin-right: auto;
background-image: url('http://sjoerdv.com/wordpress/wp-content/themes/sjoerdv10/images/bg2.gif');
background-repeat: repeat-y;
}

#sidebar {
width: 282px;
overflow: hidden;
float: left;
}

#sidebar a {
color: white;
text-decoration: none;
}

#sidebar a:hover {
text-decoration: underline;
}

#sidebar h1 {
font-family: Arial Narrow;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
color: white;
margin: 0px;
}

#sidebar-top {
width: 282px;
height: 262px;
background-image: url('http://sjoerdv.com/wordpress/wp-content/themes/sjoerdv10/images/top.gif');
}

#sidebar-content {
width: 252px;
padding: 15px;
color: white;
}

#content {
background-color: white;
width: 573px;
float: right;
overflow: hidden;
}

#content h1 {
font-family: Arial Narrow;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
color: #084247;
margin: 0px;
}

#content h1 a {
font-family: Arial Narrow;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
color: #084247;
margin: 0px;
text-decoration: none;
}

#content h1 a:hover {
text-decoration: underline;
}

#content h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #6f6f6f;
margin: 0px;
}

#content h2 a {
color: #6f6f6f;
}

#menu {
background-image: url('http://sjoerdv.com/wordpress/wp-content/themes/sjoerdv10/images/menu.gif');
background-repeat: repeat-x;
height: 25px;
font-size: 14px;
font-weight: normal;
letter-spacing: -1px;
padding: 13px;
}

#menu a: hover {
color: white;
text-decoration: none;
}

.menu-selected {
color: white;
padding: 5px;
}

.menu-selected a {
background-image: url('http://sjoerdv.com/wordpress/wp-content/themes/sjoerdv10/images/button.gif');
background-color: #231f20;
padding: 5px;
color: white;
text-decoration: none;
}

.menu-deselected {
padding: 5px;
}


.menu-deselected a {
padding: 5px;
text-decoration: none;
color: black;
}

.menu-deselected a:hover {
background-image: url('http://sjoerdv.com/wordpress/wp-content/themes/sjoerdv10/images/button.gif');
color: white;
}

#text {
padding: 15px;
}

#text a {
text-decoration: none;
color: #084247;
}

#text a:hover {
text-decoration: underline;
}

.commentlist {
	margin: 1.2em 0;
	padding: 0;
	border-bottom: 1px solid #b9dde0;
	list-style-type: none;
}
.commentlist li {
	border-top: 1px solid #b9dde0;
	padding: 10px;
	background-color: #FFF;
}
.alt {
	background-color: #d4ecee !important;
}
.commenttitle {
	margin-bottom: 0;
	font-size: 1.1em;
}
.commentmeta {
	margin-top: 0;
	font-size: 0.9em;
	color: #999;
}
#comment {
	width: 60%;
}

#comment blockquote {
blackground-color: none;
}

#leavecomment {
	border-top: 1px solid #b9dde0;
        border-bottom: 1px solid #b9dde0;
        background-color: #d4ecee;
        padding: 1px 20px;
}

#bottom {
background-image: url('http://sjoerdv.com/wordpress/wp-content/themes/sjoerdv10/images/bottom.gif');
height: 190px;
padding: 15px;
color: white;
clear: both;
}

#bottom-content {
float: right;
padding: 7px;
}

#bottom a {
color: white;
text-decoration: none;
}

#bottom a:hover {
text-decoration: underline;
}

#bottom h1 {
font-family: Arial Narrow;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;
color: white;
margin: 0px;
}

#bottom-item {
border-top: 1px solid #88c9cf;
border-bottom: 1px solid #88c9cf;
}

#bottom1 {
width: 165px;
float: left;
margin-right: 20px;
}

#bottom2 {
width: 165px;
float: left;
margin-right: 20px;
}

#bottom3 {
width: 160px;
float: left;
}

#eind {
clear: both;
}

.alignleft {
text-align: left;
}
.alignright {
text-align: right;
}

.image {
padding: 4px;
border: 1px solid #dadada;
margin: 5px;
}

#twitter_list {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.lastfm {
list-style-type: none;
margin: 0px;
padding: 0px;
}