/*
-----------------------------------------------
Kroshka.nl CSS Template
Designer: Arjen van Berlo
http://www.xanar.nl
11 juli 2007

Gewijzigd: 30 september 2007
----------------------------------------------- */

/* Main
----------------------------------------------- */
* {
margin: 0;
padding: 0;
}
body {
background: #ffffff;
font-family: "Trebuchet MS", sans-serif;
font: "Trebuchet MS", sans-serif;
}
#wrapper {
width: 699px;
margin: 0 auto;
background: #ffffff;
padding: 10px;
}

/* Masthead and Navigation
----------------------------------------------- */
#masthead {
background: no-repeat left url(pict/masthead.jpg);
height: 165px;
margin-bottom: 10px;
}
#navigation {
background: url(pict/navigation.jpg);
height: 43px;
margin-bottom: 10px;
}
#navigation ul {
list-style-type: none;
}
#navigation li {
display: inline;
float: left;
}
#navigation a {
display: block;
font-size: 120%;
width: 233px;
text-align: center;
line-height: 43px;
text-decoration: none;
color: #CC0000;
}
#navigation a:hover {
color: #FF9900;
}

/* Content
----------------------------------------------- */
#content {
padding-bottom: 10px;
}
#sidebar, #mainColumn, #extraColumn {
float: left;
padding: 10px;
background: #ffffff;
}

/* Sidebar
----------------------------------------------- */
#sidebar {
width: 200px;
margin-right: 10px;
line-height: 17px;
}
#sidebar h1 {
font-size: 14px;
color: #006600;
height: 20px;
text-align: left;
margin-left: 25px;
margin-bottom: 5px;
}
#feather-small {
background: url(pict/feather-small.jpg) left no-repeat;
}
#sidebar ul {
font-size: 11px;
list-style:none;
padding-bottom: 10px;
}
#twitter_div ul {
list-style: url(pict/li.jpg);
list-style-position:inside;
}
#sidebar li a {
font-size: 11px;
text-decoration: none;
color: #CC0000;
}
#sidebar li a:hover {
color: #FF9900;
}
#loesje img {
padding: 4px;
border: 1px solid Green;
}

/* Main column
----------------------------------------------- */
#mainColumn {
width: 420px;
margin-right: 10px;
}
#mainColumn h1 {
font-size: 14px;
color: #006600;
height: 24px;
text-align: left;
margin-left: 40px;
margin-bottom: 5px;
}

/* Extra column
----------------------------------------------- */
#extraColumn {
text-align: center;
width: 120px;
}

/* Footer
----------------------------------------------- */
.seperator {
clear: both;
}
#footer {
clear: both;
text-align: center;
padding: 10px 0;
background: url(pict/line-footer.jpg) top repeat-x;
}
#footer p {
font-size: 14px;
margin-bottom: 0;
}
#footer a {
text-decoration: none;
color: #CC0000;
}
#footer a:hover {
color: #FF9900;
}

/* Posts
----------------------------------------------- */
#feather {
background: url(pict/feather.jpg) left no-repeat;
}
#feather a {
text-decoration: none;
color: #006600;
}
#feather a:hover {
font-style: italic;
}
.date-header {
font-size: 10px;
color: Gray;
text-align: right;
}
.post-body {
font-size: 14px;
padding-bottom: 10px;
}
.post-body img {
padding: 4px;
border: 1px solid Green;
}
.post-body a {
text-decoration: none;
color: #CC0000;
}
.post-body a:hover {
color: #FF9900;
}
.comment-link a {
font-size: 12px;
text-decoration: none;
color: #CC0000;
}
.comment-link a:hover {
color: #FF9900;
}
.post-footer {
font-size: 10px;
font-style: normal;
color: Gray;
text-transform: uppercase;
letter-spacing: .1em;
}
.post-footer a {
text-decoration: none;
color: #CC0000;
}
.post-footer a:hover {
color: #FF9900;
}
#divider {
background: url(pict/divider.jpg) center no-repeat;
height: 20px;
padding-bottom: 25px;
}

/* Comments
----------------------------------------------- */
#comments-block h4 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: .2em;
color: Gray;
}
#comments-block a {
text-decoration: none;
color: #CC0000;
}
#comments-block a:hover {
color: #FF9900;
}
#comments-block {
font-size: 14px;
margin: 1em 0 1.5em;
line-height: 1.6em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd.comment-timestamp {
font-size: 12px;
margin: -.25em 0 2em;
text-transform: uppercase;
letter-spacing: .1em;
}
#comments-block dd p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style: italic;
color: gray;
}

/* Forms
----------------------------------------------- */
.searchoption {
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
}

/* Titlelist
----------------------------------------------- */
h3.titlelist {
color: #006600;
}
ul.titlelist {
font-size: 16px;
color: Gray;
list-style: none;
text-indent: 25px;
}
ul.titlelist2 {
list-style: none;
text-indent: 25px;
font-size: 12px;
padding-bottom: 10px;
}
ul.titlelist2 a {
font-size: 14px;
text-decoration: none;
color: #CC0000;
}
ul.titlelist2 a:hover {
color: #FF9900;
}
#line {
background: url(pict/line-footer.jpg) top repeat-x;
height: 9px;
padding-bottom: 10px;
}
.pageswitch {
font-size: 14px;
height: 20px;
padding-top: 10px;
}
.pageswitch a {
font-size: 14px;
text-decoration: none;
color: #CC0000;
}
.pageswitch a:hover {
color: #FF9900;
}

/* Leftbox and Rightbox toolbar buttons
----------------------------------------------- */
.leftbox, .rightbox {
	font-size: smaller;
	clear: both;
}
.leftbox {
	margin: 0 3px 0 0;
	padding: 0 3px; 0 0;
	float: left;
}
.rightbox {
	margin: 0 0 0 3px;
	padding: 0 0 0 3px;
	float: right;
}
/* Search highlight color
----------------------------------------------- */
.highlight {
background: Yellow;
}

/* Profile
----------------------------------------------- */
#profile-container {
margin:0 0 1.5em;
padding-bottom:1.5em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-img {
display:inline;
}
.profile-img img {
float:left;
padding:4px;
border:1px solid Green;
margin:0 8px 3px 0;
}
.profile-data {
margin:0;
font-size: 14px;
letter-spacing:.1em;
}
.profile-data strong {
display:none;
}
.profile-data a {
font-size: 14px;
text-decoration: none;
color: #CC0000;
}
.profile-data a:hover {
color: #FF9900;
}
.profile-textblock {
font-size: 14px;
margin:0 0 .5em;
}
.mailform {
font-size: 14px;
}
.error {
color: red;
font-weight: bold;
}