/*
Theme name: Jeugdzorgtips
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { padding: 0; margin: 0; outline: 0; }

body { 
	font-family: Arial, sans-serif;
	font-size: 	14px;
	line-height: 24px;
	color: #6a4542;
	text-align: left;
	background: #fff;
}

input, select, textarea { font-family: Arial, Helvetica, sans-serif; }

a { color: #6a4542; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.cl { font-size: 0; line-height: 0; text-indent: -4000px; clear: both; height: 0; }

.ar { text-align: right; display: block; }
.al { text-align: left; display: block; }
.ac { text-align: center; display: block;}

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.no-text { font-size: 0; line-height: 0; text-indent: -4000px;}
#shell-handler { width: 1004px; margin: 0 auto;}
#shell { width: 954px; margin: 0 auto;  padding: 0 0px 25px 50px; background: #82a5c0;}

#main-cnt { float: left; display: inline; width: 692px; background: #fff; }

#header { background: #abc178 url(images/header-bg.gif) no-repeat 0 bottom; height: 108px; padding: 23px 0 0 27px; }

h1#logo { width: 608px; }
h1#logo a { display: block; background: url(images/logo.gif); height: 77px; }

#navigation { padding: 11px 24px 0 33px; }
#navigation ul { list-style-type: none; height: 18px; 	 }
#navigation ul li { float: left; display: inline; margin-right: 75px; }
#navigation ul li a { float: left; font-family: "Trebuchet MS", sans-serif; font-size: 14px; line-height: 18px; color: #6a4542; font-weight: bold; text-transform: uppercase; background-position: 0 0; background-repeat: no-repeat; padding-left: 25px; }
#navigation ul li.contact-link { margin-right: 0 !important; }
#navigation ul li.home-link a { background-image: url(images/home-link.gif); }
#navigation ul li.social a { background-image: url(images/social.gif); }
#navigation ul li.rss-link a { background-image: url(images/rss-link.gif); }
#navigation ul li.contact-link a { background-image: url(images/contact-link.gif); }

#content { padding: 50px 24px 0 33px; margin-bottom: 25px;}

.post { margin-bottom: 50px; }
.post h2 { font-size: 36px; line-height: 46px; color: #82a5c0; }
.post h2 a { color: #82a5c0; }
.post h4 { font-size: 18px; line-height: 36px; color: #82a5c0; padding-bottom:5px;}
.post h4 a { color: #82a5c0; text-decoration: none; cursor: pointer; }
.post p { padding-bottom: 10px; }
.post ul { padding-bottom: 10px; }
.post-entry { padding-top: 10px; }
.post-entry p { padding-bottom: 25px; }
.post-entry a { color: #82a5c0; text-decoration: underline; cursor: pointer; }

.entry { padding-top: 10px; }
.entry p { padding-bottom: 25px; }
.entry a { color: #82a5c0; text-decoration: underline; cursor: pointer; }


.more-link { background: url(images/more-link-bg.gif) no-repeat right 1px; padding-right: 20px; font-style: italic; }
.post-img-container { float: left; display: inline; position: relative; background: url(images/img-bg.gif) no-repeat 0 bottom; padding: 0 0 5px 0; margin: 0 25px 0 -72px;  z-index: 10000}
.post-img { background: url(images/img-bg.gif) no-repeat 0 top; padding: 0 0 2px 39px;}

.post-metadata { border-top: 1px solid #8f7371; position: relative; margin-top: -10px; }

.post-info { float: left; display: inline; color: #82a5c0; }
a.leave-comment-btn { float: right; display: inline; background: url(images/leave-btn.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; height: 24px; width: 90px; }

#sidebar { float: right; display: inline; width: 262px; background: #82a5c0}
#sidebar ul { list-style-type: none; }
#sidebar ul li { padding: 40px 0 0 33px; }
li .field { border: 0; width: 155px; padding: 14px 5px 15px 10px; color: #000; }
li .form-btns { border: 0; width: 24px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer}
li.search-row { height: 82px; padding: 44px 0 0 20px !important; }

#search-field { background: url(images/search-field.gif) no-repeat 0 0; }
#search-btn { background: url(images/search-btn.gif) no-repeat 0 0; }

.abonament-form { background: #ddb6b3 url(images/abonament-bottom.gif) no-repeat 0 bottom; padding: 0 !important; }
.abonament-cnt { padding: 0 20px 20px; color: #fff; }
.abonament-cnt { padding: 0 20px 20px; color: #fff; }
#abonament-field { background: url(images/abonament-field.gif) no-repeat 0 0; }
#abonament-btn { background: url(images/submit-btn.gif) no-repeat 0 0; }

#commentform .field {font-size: 14px; font-family: arial, sans-serif; margin-bottom: 5px; padding: 2px;}
#commentform #submit,
#searchform #searchsubmit {padding: 2px;}

#searchform #s {padding: 2px; font-size: 14px;}

h3.bordered {border-top: 1px solid #8F7371; padding: 3px 0 0 0;}

#sidebar ul li h3 { background: url(images/side-title-bg.gif) no-repeat 0 0; font-size: 13px; line-height: 25px; color: #fff; font-weight: ; text-transform: uppercase; padding-left: 25px; }
#sidebar ul li ul li { padding: 0 !important; }
#sidebar ul li ul li a { font-size: 12px; color: #fff; }
#sidebar ul li.categories ul li { background: url(images/dot.gif) no-repeat 0 10px; padding-left: 10px !important; }
#sidebar ul li.sponsors ul li { padding-top: 20px !important;}

#respond label {
}
.navigation {
	margin: 15px 0;
}
.log {
	position: fixed;
	right: 0;
	top: 0;
	background: #fff;
	border: solid 1px red;
	
}