/*
-----------------------------------------------
Kroshka.nl CSS Template (handheld)
Designer: Arjen van Berlo
http://www.xanar.nl
16 augustus 2007

----------------------------------------------- */

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

/* Masthead and Navigation
----------------------------------------------- */
#masthead {
background: no-repeat center url(pict/masthead-pda.jpg);
height: 42px;
margin-bottom: 10px;
}
#navigation {
margin-bottom: 10px;
}
#navigation ul {
list-style-type: none;
}
#navigation li {
float: left;
}
#navigation a {
font-size: 12px;
text-align: left;
color: #CC0000;
}
#navigation a:hover {
color: #FF9900;
}

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

/* Sidebar
----------------------------------------------- */
#sidebar {
display: none;
margin-right: 10px;
line-height: 17px;
}
#sidebar h1 {
font-size: 14px;
color: #006600;
height: 20px;
text-align: left;
margin-left: 25px;
margin-bottom: 5px;
}
#sidebar ul {
font-size: 11px;
list-style:none;
padding-bottom: 10px;
}
#sidebar li a {
font-size: 11px;
text-decoration: none;
color: #CC0000;
}
#sidebar li a:hover {
color: #FF9900;
}

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

/* Extra column
----------------------------------------------- */
#extraColumn {
display:none;
text-align: center;
}

/* 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: 8px;
margin-bottom: 0;
}
#footer a {
text-decoration: none;
color: #CC0000;
}
#footer a:hover {
color: #FF9900;
}

/* Posts
----------------------------------------------- */
#feather {
}
#feather a {
text-decoration: none;
color: #006600;
}
#feather a:hover {
font-style: italic;
}
.date-header {
font-size: 8px;
color: Gray;
text-align: right;
}
.post-body {
font-size: 10px;
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: 10px;
text-decoration: none;
color: #CC0000;
}
.comment-link a:hover {
color: #FF9900;
}
.post-footer {
font-size: 8px;
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: 12px;
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: 10px;
margin: 1em 0 1.5em;
line-height: 1.6em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd.comment-timestamp {
font-size: 8px;
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: 10px;
color: Gray;
list-style: none;
text-indent: 5px;
}
ul.titlelist2 {
list-style: none;
text-indent: 5px;
font-size: 10px;
padding-bottom: 10px;
}
ul.titlelist2 a {
font-size: 10px;
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: 10px;
height: 20px;
padding-top: 10px;
}
.pageswitch a {
font-size: 10px;
text-decoration: none;
color: #CC0000;
}
.pageswitch a:hover {
color: #FF9900;
}

/* 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: 10px;
letter-spacing:.1em;
}
.profile-data strong {
display:none;
}
.profile-data a {
font-size: 10px;
text-decoration: none;
color: #CC0000;
}
.profile-data a:hover {
color: #FF9900;
}
.profile-textblock {
font-size: 10px;
margin:0 0 .5em;
}
.mailform {
font-size: 10px;
}
.error {
color: red;
font-weight: bold;
}