/*
      Theme Name: TikiToko
*/
/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table {
border-collapse: collapse;
border-spacing: 0;
}


/* ALGEMEEN */
body {
background: #330033 url(images/bg.jpg) no-repeat top center;
text-align: center;
width: 100%;
}

#menu {
list-style-type: none;
margin: 100px auto 0 auto;
width: 729px;
padding-right: 30px;
display: inline-block;
height: 35px;
}

#wrap {
width: 689px;
min-height:450px;
height:auto !important;
height:450px;
margin: 50px auto 0 auto;
text-align: left;
background: url(images/content_bg.png) repeat-y;
padding: 0 20px 20px 50px;
}

#content {
width: 500px;
margin: 0 0 -30px 0;
}

#sidebar {
float: right;
width: 180px;
}

#footer {
width: 759px;
height: 100px;
padding: 30px 0 0 0;
background: url(images/footer.png) no-repeat;
margin: 0 auto;
font: 12px Arial;
color: #333333;
}

#cleaner {
clear: both;
width: 100%;
height: 1px;
}

/* MENU */
#menu li {
display: inline;
float: right;
}

#menu a {
float: left;
height: 35px;
}

#menu a.work {
width: 71px;
background: url(images/work.gif) no-repeat 0 0;
}

#menu a.shop {
width: 62px;
background: url(images/shop.gif) no-repeat 0 0;
}

#menu a.about {
width: 75px;
background: url(images/about.gif) no-repeat 0 0;
}

#menu a.contact {
width: 88px;
background: url(images/contact.gif) no-repeat 0 0;
}

#menu a:hover {
background-position: 0 -40px;
}

#menu a span { display: none; }

#menu li#logo { float: left; }

#menu li#logo a {
width: 340px;
height: 100px;
display: block;
margin: -70px 0 0 10px;
}

#menu li#logo a span { display: none; }

/* OPMAAK */
.date {
color: #ffccff;
padding: 5px;
background: #996699;
font: 12px Arial;
}

h1 {
font: bold 26px Arial;
color: #669933;
text-transform: uppercase;
margin: 16px 0 10px 0;
letter-spacing: -1px;
}

img.shadow { margin: 0 0 10px -4px; }

p {
color: #333;
line-height: 16px !important;
font: 12px Arial;
margin-bottom: 20px;
}

a {
color: #cc00cc;
text-decoration: none;
font: 12px Arial;
line-height: 16px;
}

a:hover { text-decoration: underline; }

.hr {
background: url(images/hr.png) no-repeat;
height: 10px;
margin-bottom: 20px;
}

.hr hr { display: none; }

.entries { color: #669933; }

/* SIDEBAR */
#icons {
width: 200px;
margin-bottom: 75px;
}

#icons li { display: inline; }

#icons a {
float: left;
background: url(images/icons.png) no-repeat;
height: 36px;
width: 30px;
display: block;
margin-right: 5px;
}

#icons a.twitter {
background-position: 0 0;
width: 37px;
}

#icons a.in { background-position: -43px 0; }

#icons a.flickr { background-position: -78px 0; }

#icons a.rss { background-position: -116px 0; }

#sidebar h2 {
font: 18px Arial;
font-weight: 900;
color: #669933;
letter-spacing: -1px;
}

#sidebar input#s {
background: url(images/zoekform.png) no-repeat;
height: 19px;
width: 126px;
margin: 10px 0 15px 0;
padding: 4px 0 0 5px;
}

#sidebar input#loep {
background: url(images/loep.png) no-repeat;
height: 25px;
width: 25px;
cursor: pointer;
vertical-align: middle;
margin: -6px 0 -2px 5px;
}

#categories a {
font: 18px Arial;
font-weight: 900;
color: #669933;
letter-spacing: -1px;
}

/* COMMENTS */
h3 {
font-family: Arial;
color: #669933;
padding: 0;
margin: 20px 0 0;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform {
margin: 5px 10px 0 0;
}

#commentform textarea {
width: 100%;
padding: 2px;
}

#commentform #submit {
margin: 0 0 5px auto;
cursor: pointer;
}

.commentlist {
padding: 0;
text-align: justify;
}

.commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;
border:1px solid #669933;
}

.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
}

.commentlist li .avatar {
float:right;
border:1px solid #669933;
padding:2px;
}

.commentlist p {
margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p { margin: 5px 0; }

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}

.fn, .says { font: 12px Arial; }
.fn, .fn a { font-weight: bold; }