/*
Theme Name: Lokaal
Theme URI: http://leidenlokaal.nl
Description: theme voor leidenlokaal.nl
Author: Bas Broekhuizen & Willem van Rooijen
*/

/* Body en Page */
body {margin: 0; padding: 0; font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; background: #BA0001; color: #333; text-align: center; }
#page {width: 900px; background: #fff url('images/achtergrondkaart.gif')  no-repeat top left; border: none; border-right: 3px solid #000; border-left: 3px solid #000; border-bottom: 3px solid #000; margin: 0 auto; padding: 0; text-align: left; }


/* Header en menu */
h1, h1 a, h1 a:hover, h1 a:visited {margin: 0; padding: 0; text-decoration: none; color: white; display: none; }
#header {margin: 40px 0 40px 310px; padding: 0; }
#menu {width: 100%; height: 30px; margin: 0 0 0 2em; padding: 0; }
#menu ul {margin: 0; padding: 0; list-style-type: none; }
#menu li {margin: 0; padding: 0; float: left; width: 135px; height: 30px; margin-right: 10px; }
#menu a {display: block; width: 100%; height: 100%; text-decoration: none; line-height: 100px; overflow: hidden;}
#menu .cat-item-1 a { background: #000 url('images/menu_leiden.png'); }
#menu .cat-item-4 a { background: #000 url('images/menu_leiderdorp.png'); }
#menu .cat-item-6 a { background: #000 url('images/menu_oegstgeest.png'); }
#menu .cat-item-5 a { background: #000 url('images/menu_voorschoten.png'); }
#menu .page-item-2 a { background: #000 url('images/menu_colofon.png'); }
#menu .page-item-28 a { background: #000 url('images/menu_contact.png') ;}
#menu a:hover, #menu .current-cat a, #menu .current_page_item a { background-color: #BA0001; }

/* Linker kolom */
#content {font-size: 1.2em; }
.narrowcolumn {float: left; padding: 0 0 20px 20px; margin: 10px 0 0 0; width: 570px; }
.narrowcolumn .postmetadata {padding-top: 5px; }
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em; }
.postmetadata { }
h2, h3, h4 { font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; }
h2 {font-size: 3em; margin: 5px 0 0 0; }
h3 {font-size: 2em; margin: 5px 0 0 0; font-weight: normal;}
h4 {font-size: 1.3em; margin: 5px 0 0 0; font-weight: normal; }
h5 {font-size: 1.3em; margin: 5px 0 0 0; font-weight: normal; }
h4, h4 a, h4 a:visited {color: #BA0001;}
.pagetitle { border-top: 3px solid #000; border-bottom: 3px solid #000; margin-bottom: 15px;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #000; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:visited, #sidebar h2, cite {text-decoration: none; }
.entry p a {color: #BA0001; }
.entry p a:visited {color: #b85b5a; }
small {font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777; }
code {font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em; }
a, a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color: #BA0001; text-decoration: none; }
a:hover { text-decoration: underline; }
ol li {list-style: decimal outside; }
.dateline { margin:0; padding: 0; color: #777; font-size: 0.9em; line-height: 1.5em;}
.ankeiler_img {float: left; margin-right: 5px;}
.opening_img {float: right; margin: 15px 0 0 5px;}

/* bericht */
.opening {border-top: 3px solid #000; border-bottom: 3px solid #000; padding-bottom:10px;}
#features { background-image: url('images/bg_features.gif'); min-height: 320px; margin-top: 20px;}
#berichten {clear: both; margin-top: 20px;}
.feature1, .feature2 { float: left; width: 260px; margin: 0px 0 20px 0; padding: 5px 10px 10px 10px; background-color: #F2F2F2; }
.feature1 { margin-right: 10px; }
.ankeiler p {margin:0;}
.post {margin: 0 0 40px; clear: both; }
.post hr {display: block; }
.widecolumn .post {margin: 0; }
html>body .entry ul {margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
html>body .entry li {margin: 7px 0 8px 10px; }
.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020"; }
.entry ol {padding: 0 0 0 35px; margin: 0; }
.entry ol li {margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none; }

/* Rechter kolom */
#sidebar {padding: 0 0 10px 0; margin: 10px 0 0 600px; width: 300px; font-size: 1.2em; font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;}
#sidebar h2 { font-size: 1.2em; margin: 0; padding: 0; }
#sidebar ul, #sidebar ul ol {margin: 0 10px 10px 10px; padding: 0;}
#sidebar ul li {list-style-type: none; list-style-image: none; }
#sidebar p { margin: 0 10px 10px 10px; }
.block { width:280px; margin: 10px 0 20px 0; }
.block h2 { height: 40px; line-height: 100px; overflow: hidden;}
#block_kaart { background-color: #000; cursor: pointer; }
#block_kaart img {margin: 0 10px 10px 10px; }
#block_zoek { background-color: #BA0001; height: 45px;}
#block_recent { background-color: #F2F2F2; }
#block_video { background-color: #000; color: #fff;}
#block_twitter { background-color: #F2F2F2; }
#block_thema { background-color: #BA0001;}
#block_kaart h2 { background-image: url('images/kop_kaart.png'); }
#block_zoek h2 { background-image: url('images/kop_zoek.png'); float: right; width: 100px; height: 40px; cursor: pointer;}
#block_recent h2 { background-image: url('images/kop_recent.png'); }
#block_video h2 { background-image: url('images/kop_video.png'); }
#block_twitter h2 { background-image: url('images/kop_twitter.png'); }
#block_thema h2 { background-image: url('images/kop_thema.png'); }
#block_thema a { color: #fff; display: block; width: 270px;height: 100%; text-decoration: none; padding:5px 0 0 10px;}
#block_thema a:hover {color: #fff; background-color: #000; }
#block_thema p {width: 280px; height: 30px; margin:0;  font-size: 14px;}
#kop_meer_tags {border-top: 3px solid #fff;}
.twitter-item { margin-bottom: 5px; }
#block_video p a, #block_video li a {color: #fff;}


/* Kaart */
.infowindow {font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size:8pt; font-weight:normal; width:250px;}
#block_kaart_groot { width: 860px; background-color: #000; margin: 20px 0 0 20px; height: 450px; }
#block_kaart_groot h2 {background: #000 url('images/kop_kaart.png') no-repeat top right; height: 40px; line-height: 200px; overflow: hidden; margin:0; padding: 0; cursor: pointer;}
#map_canvas {float: left; width: 560px;  height: 400px; margin: 0px 10px 10px 10px;}
#legenda {float: right;  width:280px; color:#ccc; font-size: 1.2em;}
#legenda hr { width: 135px; text-align: left; margin: 5px auto 5px 0; } 
.kaart_filter {width: 270px; margin-right: 10px; font-size: 12px;}


/* footer */
#footer {padding: 0; margin: 0 auto; width: 906px; height: 150px; clear: both; background: #BA0001 url('images/footer_leidenlokaal.gif') no-repeat top; border: none; }
#footer p {margin: 0; padding: 0; text-align: center; }


/* Images */
p img {padding: 0; max-width: 100%; }
img.centered {display: block; margin-left: auto; margin-right: auto; }
img.alignright {padding: 0px; margin: 0 7px 2px 7px; display: inline; }
img.alignleft {padding: 0px; margin: 0 7px 2px 0; display: inline; }
.alignright {float: right; }
.alignleft {float: left; }


/* zoek */
#searchform {margin: 0; padding: 0; }
#sidebar #searchform #s {width: 108px; padding: 2px; }
#zoekveld {text-align: right; width:140px; margin: 7px 0 5px 10px;}


/* Reacties */
h3.comments {padding: 0; margin: 40px auto 20px ; }
.alt {margin: 0; padding: 10px; }
.commentlist {padding: 0; text-align: justify; }
.commentlist li {margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none;	}
.commentlist li ul li { margin-right: -5px; margin-left: 10px;}
.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; }
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform {margin: 5px 10px 0 0; }
#commentform textarea {width: 100%; padding: 2px; }
#respond:after {	content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit {margin: 0 0 5px auto; float: right; }
.entry form { text-align:center; }
select {width: 130px; }
.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li {font-size: 1em; }
.commentlist li {font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p {font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif; }
.commentmetadata {font-weight: normal; }
.thread-alt {background-color: #f8f8f8; }
.thread-even {background-color: white; }
.depth-1 {border: 1px solid #ddd; }
.even, .alt {border-left: 1px solid #ddd; }



/* Diversen */
.clear {clear: both; }
acronym, abbr, span.caps {cursor: help; }
acronym, abbr {border-bottom: 1px dashed #999; }
blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite {margin: 5px 0 0; display: block; }
.center {text-align: center; }
.hidden {display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
a img {border: none; }
.navigation {display: block; text-align: center; margin: 0 0 40px 0; border-top: 3px solid #000; border-bottom: 3px solid #000; height: 25px; padding: 10px 0 0 0 ;}
.navigation_bottom {display: block; text-align: center; margin: 0 0 40px 0; height: 25px; padding: 10px 0 0 0 ;}
.sticky {background: #f7f7f7; padding: 0 10px 10px; }
.sticky h2 {padding-top: 10px; }
.profiel {float: left; margin-right: 10px; background-color: #F2F2F2; margin-bottom: 10px; }
.profiel4 {float: left; background-color: #F2F2F2; margin-bottom: 10px; }
.profiel p, .profiel4 p {margin: 5px 0; text-align: center;} 


/* Captions */
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img {margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }




/*
.widecolumn {padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 580px; line-height: 1.6em;}
.widecolumn .postmetadata {margin: 30px 0; }
.widecolumn .smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment {text-align: center; margin: 5px 0px; }

#sidebar ul p, #sidebar ul select {margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px; 	}
#sidebar ul ol li {list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0; padding: 0; 	}
*/