/*
Theme Name: DSS
Theme URI: http://wordpress.org/
Description: Dit ontwerp is custom gemaakt voor handbalvereniging DSS.
Version: 1.0
Author: Henk Burggraaff
Author URI: http://www.unhooked.nl/
Tags: DSS, handbal, fixed width, 1 sidebar
*/

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

a { text-decoration:none; color: #888; }
a:hover { text-decoration:none; color:#20489c; }
.links { float:left; }
.rechts { float:right; }
.alignleft { float:left; margin:0 15px 15px 0; }
.alignright { float:right; margin:0 0 15px 0; border-left:10px solid #fff; }

/* Body */
body { margin:0; padding:0; background:#fff url('images/bgw.png') top left repeat-x; font-family: Arial, Helvetica, Sans-serif; font-size: 12px; color:#333; line-height:17px; }

/* Hoofd Elementen */
#wrapper { margin: 0 auto 0 auto; padding:0; width:1020px; background:#fff; }
#wit { margin:0; padding:10px 20px 20px 20px; float:left; background:#fff url('images/ball.png') bottom right no-repeat; }
#header { margin:0; padding:0 0 35px 0; width:980px; background:#fff url('images/logo_tekst.png') bottom left no-repeat; float:left; overflow:hidden; }
#content { margin:0; padding:20px 0 20px 20px; width:660px; float:right; overflow:hidden; }
#sidebar { margin:20px 0 20px 0; padding:20px 20px 0 20px; width:260px; float:left; background:#ddd url('images/corner.png') bottom right no-repeat; overflow:hidden; }
#footer { margin:0 0 20px 0; width:100%px; clear:both; background:#ddd; overflow:hidden; }
.footer-inner { margin:0 auto 0 auto; padding:20px; width:980px; color:#666; overflow:hidden; text-align:center; }

/* Sponsoren */
#logo { margin: 0; padding:0; width:100px; height:82px; float:left; overflow:hidden; }
#sponsoren { margin:0; padding:20px 0 0 0; width:865px; height:73px; float:right; overflow:hidden; }
#sponsoren img { margin:0; padding:0; float:left;  overflow:hidden;}

/* Navigatie Menu */

#hoofdmenu { margin:10px 0 0 0; padding:0; width:980px; background:#e01f25 url('images/hoofdmenu.png') top left repeat-x; float:left; }
#hoofdmenu ul { margin:0; padding:0; list-style:none; }
#hoofdmenu ul li { margin:0; padding:0; float:left; }
#hoofdmenu ul li a { margin:0; padding:10px 23px 10px 23px; display:block; font-size:11px; font-weight:bold; color:#fff; text-transform:uppercase; background:#e01f25 url('images/hoofdmenu.png') top left repeat-x; }
#hoofdmenu ul li a:hover { color:#fff; background:#b5040a; }
#hoofdmenu ul li.current_page_item a, #hoofdmenu ul li.current_page_parent a { color:#fff; background:#20489c; }

#submenu { margin:0; padding:0; width:980px; height:29px; background:#20489c url('images/corner.png') bottom right no-repeat; float:left; }
#submenu ul { margin:0; padding:0; list-style:none; }
#submenu ul li { margin:0; padding:0; float:left; }
#submenu ul li a { margin:0; padding:6px 20px 11px 20px; display:block; font-size:11px; font-weight:bold; color:#fff; text-transform:uppercase; background: url('images/submenu.png') 0px 0px repeat-x; }
#submenu ul li a:hover { color:#fff; background: url('images/submenu.png') 0px -34px repeat-x; }
#submenu ul li.current_page_item a, #submenu ul li.current-cat a { color:#fff; background: url('images/submenu.png') center -68px no-repeat; }

/* Sidebar */

#sidebar ul { margin:0 0 20px 0; padding:0; list-style:none; background: url('images/sidebar_bottom.png') bottom left no-repeat; }
#sidebar ul li { margin:0; padding:0; border-top:1px solid #ccc; }
#sidebar li a, #sidebar ul li.archive { display:block; padding:4px 4px 4px 10px; color:#666; }
#sidebar li a:hover { color:#20489c; }

#sidebar h2 { margin:0; padding: 8px 10px 8px 10px; text-transform:uppercase; font-size:11px; font-weight:bold; color:#20489c; background: url('images/sidebar_top.png') top left no-repeat; }

/* Content Style */

.breadcrumb { margin:0; padding:10px 0 10px 0; font-size:11px; font-weight:bold; color:#888; }
#content h1 { margin:0; padding:0 0 10px 0; font-size:16px; font-weight:bold; color:#20489c; }

.datum { margin:0; padding:0; width:160px; float:left; }
.inhoud { margin:0; padding:0; width:500px; float:right; }

.post { margin:0; padding:0; text-align:justify; overflow:hidden; }
.post p { margin:0 0 13px 0; padding:0; }
.post img { margin:0; padding:10px 10px 10px 0; }
.post h1 { margin:0; padding:0; font-size:16px; font-weight:bold; color:#20489c; }
.post h2 { margin:0 0 10px 0;; padding:0; font-size:14px; font-weight:bold; color:#20489c; }  
.post h2 a { color:#20489c; }
.post h2 a:hover { color:#072463; }
.post a { font-weight:bold; color:#20489c; }
.post a:hover { font-weight:bold; color:#072463; }
.post ul, .post ol { margin: 10px 10px 10px 20px; }

small { margin:0; padding:0 0 10px 0; font-size:11px; font-weight:bold; color:#888; }
strong { font-weight:bold; color:#000; }
table { margin:10px 0 10px 0; padding:0; }

.meer { margin:0; padding:0; }
.meer a { padding:3px 6px 3px 6px; font-size:11px; font-weight:bold; color:#666; background:#eee; }
.meer a:hover { font-weight:bold; color:#fff; background:#e01f25; }

.schaduw { margin:0; padding:20px 0 20px 0; width:540px; height:24px; background: url('images/schaduw.png') center center no-repeat; clear:both; }

.navigatie { margin:15px 0 10px 0; padding:0; overflow:hidden; clear:both; }
.wp-pagenavi { clear: both; }
.wp-pagenavi a, .wp-pagenavi span { margin:2px; padding:3px 5px; font-size:11px; font-weight:bold; color:#666; background:#eee; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { font-weight:bold; color:#fff; background:#e01f25; }
.wp-pagenavi span.current { font-weight:bold; color:#fff; background:#e01f25; }


/* Reacties */

.reacties { margin:0; padding:0; float:left; clear:both; overflow:hidden; }
.reacties p { margin: 0 0 10px 0 }
.reacties h3 { margin:10px 0 10px 0; padding:0; font-size:14px; font-weight:bold; color:#20489c; }
ul.reactie { margin:0; padding:0; list-style:none; }
li.even { margin:10px 0 0 0; padding:0; background:#ddd; }
li.odd { margin:10px 0 0 0; padding:0; background:#eee; }
.comment p { margin:0; padding:5px 10px 5px 10px; }
.comment-author { font-size:12px; font-weight:bold; font-style:normal; color:#e01f25; background:#fff; }
.comment-meta { padding: 0 0 10px 0; font-size:11px; font-weight:bold; color:#666; background: url('images/comment.png') top left no-repeat;}

#respond { margin:20px 0 0 0; padding:0; }

/* Zoeken */

#searchsubmit { margin:10px 0 10px 0; }
#s { margin:10px; padding:4px 20px 4px 4px; background:#fff url('images/loep.png') top right no-repeat; border:1px solid #ccc; float:left; }

/* Slideshow */

.slideshow { margin:auto; padding:0; width:660px; height:230px; }
.slideshow img { padding:0; background-color: #eee; }

/* Footer */

#footer ul { margin:5px 0; padding:0; width:980px; list-style:none; font-size:11px; font-weight:bold; color:#666; overflow:hidden; text-align:center; }
#footer ul li { margin:2px 5px; padding:0; display:inline; }
#footer ul li a { color:#555; }
#footer ul li a:hover { color:#20489c; }