/*   
Theme Name: Kelly Theme
Theme URI: http://instituutkelly.be
Description: This is a custom theme
Author: Rembrand Le Compte
Author URI: http://paperblackninja.com
Version: 1
*/

@media screen {

/* RESET */
* { margin: 0; padding: 0; }

/* COLORS */

/*
darkbrown: #4f351c
brown: #805933
orangebrown: #c4894e
beige: #ffe2c7
*/


/* ELEMENTS */
html { overflow-y: scroll; }
body { background: #ffe2c7; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 150%; color:#666; border-top: 5px solid #bf8f6d; }
h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { font-size: 42px; margin:0 0 20px 0; padding: 22px 0 28px 0; color: #4f351c; margin: 0; }
.search-results h2 { font-size: 36px; }
#sidebar-second h3 { font-size: 28px; text-transform: uppercase; margin: 0 0 10px 0; text-transform: uppercase; }
h2 a, h2 a:visited { color: #4f351c; border-bottom: 0 }
h3 { color: #805933; margin: 0 0 10px 0; font-size: 18px; font-weight: bold; }
h3 a, h3 a:visited { color: #805933; border-bottom: 0 }
h4 { color: #4f351d; margin: 0 0 10px 0; font-size: 14px; font-weight: bold; }
h4 a, h4 a:visited { color: #4f351d; border-bottom: 0 }

p { margin: 0 0 10px 0; }
a, a:visited { color:#4f351c; border-bottom: 1px dotted #4f351c; font-weight: bold; text-decoration: none; outline: none; }
a:hover { color:#805933; border-bottom: none; } 
a img { border: 0; }
a [rel=attachment] { border-bottom: 0;}

blockquote, cite { display: block; margin: 10px 0; padding: 0 30px; color: #805933; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 16px; }
blockquote p { }

ul, ol { margin: 0 0 10px 30px; }

pre { }
code, tt { }

form, input, textarea, select { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style: italic; }
input[type=text] { }
textarea { }
label { font-weight: bold; font-style: normal; font-family: Arial, Helvetica, sans-serif; }


/* HELPERS */
.slidebox { display: none; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */


/* LAYOUT */
#page-wrap { width: 960px; margin: 0 auto; position: relative; }

#header { height: 183px; }

#header h1, #header .description { display: none; }

#header #logo { float: left; display: inline; padding: 30px 0 48px 0; }
#header #logo a, #header #logo img { float: left; display: inline; border-bottom: 0; }

#header ul.funcnav { float: right; display: inline;  position: relative; height: 28px; margin: 0; }
#header ul.funcnav li { float: left; display: inline; font-size: 13px; height: 28px; border-right: 1px solid #bf8f6d; }
#header ul.funcnav li.search { border-right: 0; }
#header ul.funcnav li a { float: left; display: inline; color: #bf8f6d; padding: 0 12px; font-weight: normal; border-bottom: 0; line-height: 24px; }
#header ul.funcnav li.search .toggle { background: url(images/search.png) 12px 0 no-repeat; width: 24px; height:24px; text-indent: -9999px; padding: 0 0 0 12px; margin: 3px 0 0 0; }
#header ul.funcnav li.search .toggle:hover, #header ul.funcnav li.search #searchtoggle.active { background-position: 11px -24px; }

#searchform { position: absolute; right: 0; top: 28px; padding: 24px 10px 10px 10px; background: #c4894e url(images/search-top.png) right top no-repeat; }
#searchform label, #searchform input#s, #searchform input#searchsubmit { float: left; display: inline; margin: 0 10px 0 0; }
#searchform div { width: 240px; }
#searchform input#s { background: #fff; border: 1px solid #666; padding: 1px; width: 145px; }
#searchform input#searchsubmit { background: #4f351c; border: 1px solid #4f351c; color: #fff; font-weight: bold; padding: 1px 5px; margin: 0; width: 80px; }

.wpcf7 { overflow: hidden; margin: 0 0 10px 0; }
.form-item { clear: both; margin: 0 0 10px 0; }
.form-item input, .form-item textarea { background:none #fff; border:1px solid #ccc; padding: 4px 2px; color: #666; }
.form-submit input { background: #4f351c; border: 1px solid #4f351c; color: #fff; font-weight: bold; padding: 2px 5px; margin: 0; }
.form-captcha img { float: left; display: inline; margin: 0 10px 0 0; }
.form-captcha { overflow: hidden; margin: 0 0 10px 0; }
.form-captcha span, .form-captcha input  { float: left; display: inline; width: 80px; }
.required { color: red; }
p.required { clear: both; font-style: italic; }

#header ul.mainnav { clear: both; background: url(images/nav-bottom.png) left bottom no-repeat; height: 45px; margin: 0; }
#header ul.mainnav li { float: left; display: inline; position: relative; z-index: 9; line-height: 37px; font-size: 14px; }
#header ul.mainnav li.current_page_item, #header ul.mainnav li.current_page_ancestor { }
#header ul.mainnav li a { float: left; display: inline; border-bottom: 0; padding: 0 10px; border-right: 1px solid #bf8f6d; font-weight: normal; color: #805933; }
#header ul.mainnav li.page-item-shop a { border-right: 0; }
#header ul.mainnav li a:hover, #header ul.mainnav li.current_page_item a, #header ul.mainnav li.current_page_ancestor a { color: #4f351c; border-bottom: 8px solid #4f351c; }
#header ul.mainnav li.hover a { border-bottom: 8px solid #4f351c; }

#header ul.mainnav li ul { display: none; position: absolute; left: 0; top: 45px; z-index: 1; margin: 0; }
#header ul.mainnav li:hover ul, #header ul.mainnav li.hover ul { display: block; z-index: 10;} /* fallback if the jQuery dropdown doesn't work properly */
#header ul.mainnav li ul li { font-size: 13px; border-bottom: 1px solid #ffe2c7;  background: #4f351c; width: 200px; line-height: 110%; clear: both; }
#header ul.mainnav li ul li a, #header ul.mainnav li.current_page_item ul li a, #header ul.mainnav li.current_page_ancestor ul li a { border-right: 0; color: #ffe2c7; font-weight: bold; border-bottom: 0; padding: 10px; }
#header ul.mainnav li ul li a:hover, #header ul.mainnav li.current_page_item ul li.current_page_item a, #header ul.mainnav li.current_page_ancestor ul li.current_page_item a { color: #c4894e; border-bottom: 0; }
#header ul.mainnav li.hover ul li a { border-bottom: 0; }

#middle { clear: both; background: url(images/middle-back.jpg) left -8px no-repeat; padding: 28px 0 20px 0; position: relative; }
#content { float: left; display: inline; width: 720px; position: relative; }
#content .col_1 { float: left; display: inline; width: 350px; margin: 0 20px 0 0 }
#content .col_2 { float: left; display: inline; width: 350;}

#sidebar { float: left; display: inline; width: 240px; }
#sidebar-second { clear: both; margin: 20px 0 0 0; }

#footer { clear: both; background: url(images/footer-back.png) left top no-repeat; padding: 18px 0 20px 0; color: #c4894e; text-align:center;  font-size: 12px; }
#footer a { color: #c4894e; font-weight: normal; text-align: center; }


/* ELEMENTS */

#crumbs { background: url(images/breadcrumb-border.jpg) left bottom no-repeat; position: absolute; top: -20px; left: 0; height: 28px; width: 720px; font-size: 11px; font-weight: bold; color: #999; }
#crumbs div { padding-top: 8px;}
#crumbs a { color: #bfa84c; border-bottom: 0; }
#crumbs .current { }

.post { padding: 0 30px 0 0; }

.entry { }
.hentry .entry, .blog .entry, .page-template-promoties-php .entry { overflow: hidden; width: 690px; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #bf8f6d; }

.entry a { }
.entry a:hover { }
.entry img { padding: 2px; border: 1px solid #c4894e; background: #ffeed9; }
.entry a:hover img { border-color: #805933; }
.entry img.alignleft { float: left; display: inline; margin: 0 20px 10px 0; }
.entry img.alignright { float: right; display: inline; margin: 0 0 10px 20px; }
.entry img.size-large { padding: 3px; margin: 0; }

.entry h2.toggle { clear: both; text-transform: uppercase; font-size: 24px; border-bottom: 1px solid #bf8f6d; padding: 0 0 5px 20px; margin:0 0 10px 0; background: url(images/toggle-arrows.png) 0 -33px no-repeat; cursor: hand; cursor: pointer; }
.entry h2.toggle:hover, .entry h2.active { background-position: 0 2px; }
.entry .slidebox { border-left: 10px solid #bf8f6d; padding: 0 0 0 10px; margin: 0 0 10px 0 }
.entry .slidebox h3, .entry .infobox h3 { font-size: 18px; font-weight: normal; color: #805933; margin: 0 0 10px 0;}
.entry ul.buttons { list-style: none; margin: 0 0 10px 0; padding: 0; height: 30px; overflow: hidden; }
.entry ul.buttons li { float: right; display: inline; margin: 0 0 0 10px; padding: 0px 20px; line-height: 30px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffc68f; color:#4f351d; border-bottom: 0; cursor: hand; cursor: pointer; }
.entry ul.buttons li:hover, .entry ul.buttons li.active { color: #ffc68f; background:#4f351d; }
.entry .slidebox img, .entry .infobox img { border: 1px solid #ccc; padding: 0; }
/*.entry .infobox { display: none; }*/
.entry .prijzenbox { display: none; overflow: hidden; width: 670px; }

.entry table { clear: both; }
.entry table td { padding: 5px; border-bottom: 1px solid #ffc68f; color: #805933; font-size: 14px; }
.entry table td strong { color: #4f351d; }

#meta { }
.postmetadata { }

.navigation { clear: both; overflow: hidden; width: 690px; }
   .next-post { float: left; display: inline; }
   .prev-post { float: right; display: inline; }

#sidebar .widget { margin: 0 0 30px 20px; }
#sidebar .widget h3 { font-size: 28px; color: #4f351c; }
#sidebar .widget-nieuwsbrief { background: url(images/newsletter-button.png) left top no-repeat; height: 68px; }
#sidebar .widget-nieuwsbrief h3 { color: #fff; font-size: 21px; font-weight: bold; padding: 0; margin:0; line-height: 100%; }
#sidebar .widget-nieuwsbrief h3 a { display: block; color: #fff; border-bottom: 0; padding: 15px 0 10px 65px; }
#sidebar .widget-reserveer { background: url(images/reserveer-button.png) left top no-repeat; height: 73px; }
#sidebar .widget-reserveer h3 { color: #fff; font-size: 24px; font-weight: bold; padding: 0; margin:0; line-height: 100% }
#sidebar .widget-reserveer h3 a { display: block; color: #fff; border-bottom: 0; padding: 15px 0 10px 65px; }
#sidebar .widget-promo { background: url(images/promo-icon.png) left top no-repeat; }
#sidebar .widget-promo h3 { padding: 25px 0 10px 51px; margin: 0 }
#sidebar .widget-promo ul { padding: 0 0 0 20px; margin: 0; list-style: none; }
#sidebar .widget-promo ul li { padding: 0; margin: 0; color: #4f351c; font-size: 13px; line-height: 16px; }
#sidebar .widget-promo ul li img { display: block; border: 1px solid #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#sidebar .widget-promo ul li a { border-bottom: 0; font-weight: normal; }
#sidebar .widget-promo ul li a strong { font-weight: bold; }
#sidebar .widget-promo .more { height: 24px; background: #4f351c url(images/more-arrow.png) right top no-repeat; margin: 0 0 0 20px }
#sidebar .widget-promo .more a {line-height: 24px; color: #fff; border-bottom: 0; font-size: 13px; padding: 0 0 0 10px;}
#sidebar .widget-nieuws { background: url(images/news-icon.png) left top no-repeat; }
#sidebar .widget-nieuws h3 { padding: 25px 0 10px 51px; margin: 0; }
#sidebar .widget-nieuws ul { padding: 0 0 10px 20px; margin: 0; list-style: none; }
#sidebar .widget-nieuws ul li { padding: 4px 0 4px 20px; margin: 0; border-top: 1px solid #ffc68f; background: url(images/bullet-sidebar.png) 0 11px no-repeat; }
#sidebar .widget-nieuws ul li a {border-bottom: 0; }
#sidebar .widget-nieuws .more { height: 24px; background: #4f351c url(images/more-arrow.png) right top no-repeat; margin: 0 0 0 20px; }
#sidebar .widget-nieuws .more a {line-height: 24px; color: #fff; border-bottom: 0; font-size: 13px; padding: 0 0 0 10px;}


ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }


#footer {}


/*Photos*/

.page-id-271 #sidebar-second {
	display: none;
}

.entry .ngg-galleryoverview {
	margin-bottom: 20px;
}

#sidebar-second .ngg_images {
  width: 680px;
  position: relative;
	height: 108px;
	margin: 0 0 10px 0;
}

#sidebar-second .more { margin: 0 67px 0 35px;	background: url("images/more-arrow.png") no-repeat scroll right top #4F351C; float: right; }
#sidebar-second .more a { border-bottom: 0; color: #fff; font-size: 13px; line-height: 24px; padding: 0 20px 0 10px; }

#sidebar-second .ngg_images .hslice {
  width: 607px; /* #sidebar-second .ngg_images width - (.hslice margin-left + .hslice margin-right) */
  overflow: auto;
  min-height: 108px;
  margin: 0 36px;
  position: absolute;
  top: 0;
}

#sidebar-second .ngg_images .ngg-widget {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

#sidebar-second .ngg_images a {
  display:block;
  float:left;
  height: 108px;
	margin: 0 0 0 0;
	border-bottom: 0;
}

#sidebar-second .ngg_images a img {
  display:block;
	padding: 3px;
	border: 1px solid #ccc;
	margin: 0 7px 0 7px;
}

#sidebar-second .ngg_images a:hover img {
	border: 1px solid #D78A49;
}

#sidebar-second .ngg_images .arrow {
	margin: 0;
  display: block;
  height: 41px;
  width: 25px;
  background: url(images/scroll-arrows.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 32px;
  cursor: pointer;
}

#sidebar-second .ngg_images .forward {
  background-position: -25px 0;
  right: 0;
}

#sidebar-second .ngg_images .back {
  background-position: 0 0px;
  left: 0;
}

#sidebar-second .ngg_images .forward:hover {
}

#sidebar-second .ngg_images .back:hover {
}

} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */