/*
Theme Name: Unhooked
Description: This wordpress theme is created and only available for www.unhooked.nl.
Version: 1.0.0
Author: Twenty First Media
Author URI: http://www.twentyfirstmedia.nl
Tags: white, yellow, two-columns, right-sidebar.
*/

/* Body */

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; }		

body { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; background:#fff url('images/background.jpg') top center no-repeat; background-attachment:fixed; }
a, a:visited { text-decoration:none; }
a:hover { text-decoration:none; }

#wrapper { width:950px; margin:0 auto 0 auto; }
#white { margin:0; padding:30px; background:#fff; float:left; }

h1 { margin:0; padding:0; font-size:19px; font-weight:bold; color:#000; }
h1 a { margin:0; padding:0; font-size:15px; font-weight:bold; color:#000; } h1 a:hover { font-size:15px; font-weight:bold; color:#00adef; }
h2 { margin:0 0 10px 0; font-size:16px; color:#000; }
h4, h5 { margin:20px 0 10px 0; padding:0; font-size:15px; color:#000; }
h3, h3 a { margin:0; padding:0; font-size:15px; font-weight:bold; color:#fff; }

.left { float:left; } .alignleft { float:left; } .ngg-left { float:left; margin-right:20px; }
.right { float:right; } .alignright { float:right; } .ngg-right { float:right; margin-left:20px; }


/* Header */

#header { position:relative; margin:0 auto; padding-top:20px; width:950px; overflow:hidden; }
#header #logo { margin:0: padding:0; float:left; overflow:hidden; }
#header .adv { border:2px solid #fff; width:250px; height:60px; position:absolute; top:5px; right:0px; overflow:hidden; }


#menu { margin:0 auto; padding:20px 0; width:950px; font-size:15px; font-weight:bold; overflow:hidden; }
#menu ul { margin:0; padding:0; display:inline-block; list-style:none; float:left; }
#menu ul li { margin:0; float:left; }
#menu ul li a { color:#fff; text-transform:uppercase; float:left; }
#menu ul li a:hover { color:#e2007a; }
#menu ul li.current-cat a, #menu ul li.current_page_item a { color:#e2007a; }
#menu ul li span.slash { margin:0 15px; padding:0px; color:#fff; float:left; }

/* Featured */

#featured { margin-bottom:10px; padding:30px; width:890px; height:250px; position:relative; background:#fff; float:left; }

.anythingSlider                         { margin:0; width: 560px; height: 250px; position: relative; float:left; }
.anythingSlider .wrapper                { width: 560px; overflow: auto; height: 250px; margin: 0; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #f3f3f3; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 250px; width: 560px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 14px; width: 8px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 212px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: 30px; }
.anythingSlider .back                   { background-position: -8px 0; left: 490px; }
.anythingSlider .forward:hover          { background-position: 0 -14px; }
.anythingSlider .back:hover             { background-position: -8px -14px; }

.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.slide_item_pink			{ margin:190px 0 0 0; padding:20px; width:520px; height:60px; font-size:16px; color:#fff; background: url('images/slider_pink.png') top left repeat-x; }
.slide_item_blue			{ margin:190px 0 0 0; padding:20px; width:520px; height:60px; font-size:16px; color:#fff; background: url('images/slider_blue.png') top left repeat-x; }

.ad { margin:0; padding-left:30px; width:300px; height:250px; float:right; background: url('images/logo_ad.png') 30px 0 no-repeat; }

/* Content */

#content { width:560px; float:left; padding:0; margin:0; min-height:420px; overflow:hidden; }

.index_image { margin:0 20px 0 0; padding:0; float:left; }
.index_post { margin:0; padding:0 0 30px 0; font-size:12px; text-align:justify; line-height:17px; color:#555; overflow:hidden; }
.index_post p { margin:10px 0 14px 0; padding:0; }
.post { padding:0; text-align:justify; line-height:19px; font-size:13px; color:#555; overflow:hidden; }
.post a { color:#00adef; font-weight:bold; }
.post a:hover { color:#fff; background:#00adef; }
.post img a { background:none; }
.post p { margin:1em 0; padding:0; }
.date { font-size:11px; color:#888; }
.post strong { font-weight:bold; color:#222; }
.post small { font-size:11px; }
.post ul { margin:10px 0 10px 20px; padding:0; list-style-type:square; }
.post ul li { margin:5px 0; padding:0; }
.post ol { margin:10px 0 10px 30px; padding:0; font-size:15px; font-weight:bold; color:#ccc; }
.post ol li { margin:10px 0; padding:0; }
.post ol li p { font-size:12px; color:#555; font-weight:normal; }
.post blockquote { padding:10px 15px; background:#eee; overflow:hidden; }
.more a { margin:0 10px 0 0; padding:2px 6px 2px 6px; font-size:11px; font-weight:bold; color:#666; background:#eee; float:left; }
.more a:hover { color:#fff; background-color:#00adef; }
.cat { margin:0; padding:0; }
.cat a { margin:0; padding:2px 6px 2px 6px; font-size:11px; font-weight:bold; color:#666; background:#eee; float:right; }
.cat a:hover { color:#fff; background-color:#e2007a; }
.post .tags { margin: 20px 0 10px 0; padding:0 0 10px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; overflow:hidden; }
.tag a { margin:0 10px 0 0; padding:2px 6px 2px 6px; font-size:11px; font-weight:bold; color:#fff; background:#00adef; float:left; }
.tag a:hover { color:#fff; background-color:#000; }
.fb { float:right; } .twit { float:right; }
.plusone { float:right; }
ul.social { margin:0; list-style:none; float:right; overflow:hidden; }
ul.social li { margin:0; padding-left:2px; float:left; overflow:hidden; }
.wp-caption-text { font-size:10px; }
.center { margin:20px 0; padding:0; }
.postad { margin:20px 0; padding:0; }
.singleborder { margin:10px 0 0 0; padding:0 0 10px 0; border-bottom:1px dotted #ccc; overflow:hidden; }

.related { margin:0; border-bottom:1px dotted #ccc; overflow:hidden; text-align:left; }
.related ul { margin-bottom:20px; list-style:none; overflow:hidden; }
.related ul li { margin-right:1px; width:100px; float:left; overflow:hidden; }
.related ul li a { padding:8px; height:130px; font-size:11px; line-height:13px; font-weight:normal; color:#000; display:block; background:#eee; overflow:hidden; }
.related ul li a:hover { color:#fff; background:#00adef; overflow:hidden; }
.related ul li a span { font-size:11px; color:#666; overflow:hidden; }
.related ul li a span.img { margin:0 10px 8px 0; float:left; border:1px solid #fff; overflow:hidden; }

/* Comments */

#comments { margin:0; padding:0; }
#comments a { color:#666; }
.comment { margin:0 0 10px 0; padding:0; }
.avatar { padding:0; width:50px; float:left; }
#comments ul .comment { list-style:none; float:left; }
#comments .comment li { padding:10px 10px 10px 25px; margin-left:70px; color:#444; background-color:#ddd; list-style:none; background:#ddd url('images/comment.png') top left no-repeat; }
#comments .comment li.alt { background-color:#f3f3f3; }
#comments .comment li p { margin:0 0 10px 0; }
ul.comment .small { margin:0; font-size:11px; }

.formlist { margin:0; padding:0; background-color:#fff; list-style:none; }
.formlist li { display:block; padding:0; list-style:none; }
.formlist p { margin:10px 0 0 0; padding:0; }
#comments input { margin:0 0 10px 0; padding:5px; border:1px solid #ccc; width:250px; font-size:11px; font-weight:normal; color:#444; background:#eee; }
#comments textarea { margin:0 0 10px 0; padding:5px; width:400px; border:1px solid #ccc; font-size:11px; font-weight:normal; background:#eee; }
.submitbutton { margin:0; padding:5px; border:1px solid #ccc; color:#444; font-weight:normal; font-size:12px; background:#eee; }

/* Navigation */

#navigation { margin:0; padding:0; height:17px; }
#navigation .alignleft { float:left; }
#navigation .alignright { float:right; }

/* Sidebar */

#sidebar { margin:0; padding:0 0 0 30px; width:300px; float:right; overflow:hidden;  }
.blok { margin: 0 0 25px 0; padding:0; overflow:hidden; }

#sidebar ul.blist { margin:0; padding:0; list-style:none; overflow:hidden; }
#sidebar ul.blist li { margin:0 0 1px 0; padding:0; overflow:hidden; }
#sidebar ul.blist li a { margin:0; padding:8px; font-weight:bold; color:#000; display:block; background:#eee; overflow:hidden; }
#sidebar ul.blist li a:hover { color:#fff; background:#00adef; }
#sidebar ul.blist li a span { margin:0; padding:0; font-size:11px; color:#666; }
#sidebar ul.blist li a span.laatste_img { margin:0 10px 0 0; padding:0; float:left; border:1px solid #fff; }

#sidebar ul { margin:0; padding:0; list-style:none; overflow:hidden; }
#sidebar li { margin:0; padding:0; overflow:hidden; }
#sidebar li a { margin:0; padding:0; color:#666; }
#sidebar li a:hover { color:#000; }

#sidebar .blok .tags ul li a { display:inline-block; margin:1px; padding:2px 4px; color:#666; }
#sidebar .blok .tags ul li a:hover { color:#fff; background:#e2007a; }

.tags { text-align:center; font-weight:bold; overflow:hidden; }

#sidebar .tabs ul { margin-bottom:1px; list-style:none; overflow:hidden; }
#sidebar .tabs ul li { float:left; overflow:hidden; }
#sidebar .tabs ul li h2 a { margin:0; padding:6px 10px; display:block; color:#000; border:1px solid #eee; }
#sidebar .tabs ul li h2 a { margin-bottom:-10px; }
#sidebar .tabs ul li a:hover { color:#000; background:#eee; }
#sidebar .tabs ul li a.selected { color:#000; background:#eee; cursor:default; }

/* Footer */

#footer { margin:10px auto 10px auto; padding:10px 0 0 0; width:950px; clear:both; }
#footer_inner { margin:0; padding:20px 30px 30px 30px; background:#fff; }
#footer p { margin:0; padding:0; font-size:11px; font-weight:bold; color:#555; float:left; }
#footer ul { margin:0; padding:0; list-style:none; float:right; }
#footer ul li { margin:0 0 0 10px; padding:0; float:left; color:#555; }
#footer ul li a { text-transform:uppercase; font-size:11px; font-weight:bold; color:#000; }
#footer ul li a:hover { color:#00adef; }