/*
Theme Name: Selma Foeken WP Theme
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Selma Foeken
Author: Erno Hannink - Matthew Rochow
Author URI: http://www.ernohannink.nl

Let op bij opnieuw installeren - text widgets text-7, text-10 enz. zijn opgenomen in style sheet en kunnen dan veranderen

*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#e1003c}
a:hover {}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:url(images/open-quote.png) left top no-repeat;margin:0 0 1em;padding:0 0 0 13px}
blockquote p {background:url(images/close-quote.png) right bottom no-repeat;font:italic 1.18em Georgia, Garamond, Serif;margin:.5em;padding:0 13px 0 0}
cite {font-size:.925em;font-style:normal}
body {background:#FFF;color:#535154;font:68.75%/154.5% Verdana, Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1 {border-bottom:1px solid #CCC;font:bold 1.75em/1.25em Georgia, Garamond, Serif;margin:10px 0 0 10px}
h2 {font:bold 1.5em/1.25em Georgia, Garamond, Serif}
h3 {font:bold 1.25em/1.25em Georgia, Garamond, Serif}
h4 {font: 1em Verdana, Arial, Sans-Serif; color:#E1003C}
hr {margin:0 0 0.5em}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
th {background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
td {border:solid #CCC;border-width:1px 0 0 1px;padding:3px}
table {border:solid #CCC;border-width:0 1px 1px 0}

/* Containers */
#page {margin:20px auto;width:877px}
#main {margin:0 auto;padding:0 0 12px;overflow:hidden;width:877px}

/* Header */
#header {background:url(images/header-bg.png) left bottom no-repeat;height:159px;margin:0 0 13px;overflow:hidden;width:100%}
#header #logo {color:#09C;float:left;font:italic bold 2.25em/1.2em Georgia, Garamond, Serif;margin:2px 0 0}
#header a#home-link {float:right;height:12px;margin:26px 12px 0 0;overflow:hidden;padding:0;position:relative;width:35px}
#header a#home-link span {background:url(images/home-nav.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
#header p#slogan {clear:both;color:#fff;float:left;font:bold italic 1.27em Georgia, Garamond, Serif;margin:30px 0 0 15px;width:299px}

/* Content*/
#content {background:url(images/content-bg.png) left top repeat-y;;display:inline;float:left;margin:0 0 0 211px;overflow:hidden;width:433px}
#content #bottom {background:url(images/blog-bottom.png) left bottom no-repeat;padding:0 0 20px;}
#content ul {list-style:disc;margin:0 0 1em 18px}
#content ol {list-style:decimal;margin:0 0 1em 22px}
	
	/* Post */
	#content .post {border-bottom:1px dashed #86a198;padding:12px 0;margin:0 33px 10px}
	.single #content .post {border:0}
	#content .post .meta {color:#86a198;font:bold 1.1em Georgia, Garamond, Serif;margin:0 0 .1em}
	#content .post h1, #content .page h1 {border:0;margin:0}
	#content .page {padding:12px 33px}
	#content .sticky {background:#f5efca}
	.home #content .page {border-bottom:0;margin:0;overflow:hidden;padding:23px 13px 23px 28px}
	* html .home #content .page {height:1%;overflow:visible}
	.home #content .page .entry {border:0;font:italic 1.36em Georgia, Garamond, Serif;line-height:26px;padding:0 22px 0 0}
	.home #content #post-3 h1 {color:#e1003c;font-size:1.36em;font-style:italic;line-height:26px}
	#content .page h1, #content h1.blog {color:#86a198;font-size:1.27em;padding:0 0 13px}
	#content h1.blog {border-bottom:1px dashed #86a198;margin:0 33px;padding:15px 0 13px}
	.single #content h1.blog {border:0;margin:0 33px;padding:15px 0 13px}
	#content .page .entry {border-top:1px dashed #86a198;padding:24px 0}
	#content .page h2 {color:#535154;font-size:1.1em}
	#content .page h3 {font-size:1em}
	#content .quote {border-bottom:1px dashed #a4b9b2;border-top:1px dashed #a4b9b2;margin:20px 0 10px 15px}
	#content .quote cite, #content cite {font-size:.81em;font-style:normal;padding:0 0 0 18px}
	#content .post h2 {color:#535154;font-size:1.1em;margin:0 0 1em}
	#content .post h2 a {color:#535154;text-decoration:none}
	#content .post .postmetadata {font-size:.81em;}
	#content .post .postmetadata a {color:#535154;text-decoration:none}

	
		/*Post Options*/
		#content .comment-options {list-style:none;margin:0 0 1em}
		#content .comment-options li a {background:url(images/green-arrow.png) left top no-repeat;color:#535154;font-weight:700;padding:0 0 0 24px}
	
	/*Top Link*/
	#content a#top-link {background:url(images/top.png) left no-repeat;color:#535154;display:block;font-size:.81em;line-height:18px;margin:0 0 0 34px;padding:0 0 0 30px}
	
	/*Children*/
	#content ul#children {list-style:none;margin:0 0 1em}
	#content ul#children li a {color:#86a198;font-size:.95em;text-decoration:none}
	
/*Common Elements*/
#page a#twitter {background:#86a198 url(images/twitter-bg.png) left top no-repeat;color:#fff;display:block;height:23px;overflow:hidden;padding:25px 0 0 6px;text-decoration:none;width:191px}
#page a#twitter:hover {background:#86a198 url(images/twitter-bg.png) left bottom no-repeat}
#page a.red-more {float:right;height:18px;overflow:hidden;position:relative;width:18px}
#page a.red-more span {background:url(images/red-arrows.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
#page a.red-more:hover span {background-position:left bottom}
#page a.white-more {float:right;height:18px;overflow:hidden;position:relative;width:18px}
#page a.white-more span {background:url(images/white-arrows.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
#page a.white-more:hover span {background-position:left bottom}
#page a.green-more {clear:both;float:right;height:18px;overflow:hidden;position:relative;width:17px}
#page a.green-more span {background:url(images/green-arrows.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
#page a.green-more:hover span {background-position:left bottom}

/* 
text-2 = left green box home page
text-3 = right white box bottom home page
text-4 = left white box bottom home page
text-5 = foto selma and twitter box home page
text-6 = right green box bottom home page
text-7 = newsletter box top sidebar page
text-8 = extra text blok sidebar page
*/

/*Home Layout*/
.home #home-content {float:left;width:643px}
.home #content {background:none;border:1px solid #e0e6e4;float:left;margin:0 0 0 13px;padding:0;width:431px}
.home #content #bottom {background:none;padding:0}
.home #home-bar {clear:both;float:left;margin:39px 0 0;width:641px}
.home #home-bar .widget_text {float:left;width:212px}
.home #home-bar #text-6 {margin:0 10px}
.home #home-bar #text-5 {width:197px}
.home #home-bar #text-5 img {display:block;margin:0 0 10px}

	/*Nav*/
	#main ul#nav {border-top:1px dashed #86a198;float:left;list-style:none;margin:0;width:197px}
	#main #nav li {border-bottom:1px dashed #86a198;font:bold 1.27em Georgia, Garamond, Serif;line-height:24px;overflow:hidden;padding:0 0 0 12px}
	#main #nav li a {color:#86a198;text-decoration:none}
	#main #nav li a:hover, #main  #nav li.current_page_item a, #main #nav li.current_page_parent a {color:#6a847b}
	#main #nav li ul {display:none;margin:2px 0 .7em;padding:0 0 0 3px}
	#main #nav li.current_page_parent ul, #main #nav li.current_page_item ul {display:block}
	#main #nav li ul li {border:0;font:.785em Verdana, Arial, Sans-Serif;font-weight:400;line-height:16px}
	#main #nav li ul li a, #main #nav li.current_page_item ul li a, #main #nav li.current_page_parent ul li a {color:#86a198}
	#main #nav li ul li a:hover, #main #nav li ul li.current_page_item a {color:#e1003c}
	
	/*Green Boxes*/
	.home #home-bar #text-2, .home #home-bar #text-6 {background:#86a198 url(images/green-bg.png) left top no-repeat;color:#fff;width:212px}
	.home #home-bar #text-2 div, .home #home-bar #text-6 div {background:url(images/green-bg.png) right bottom no-repeat;height:131px;overflow:hidden;padding:13px 9px 9px 19px;width:184px}
	.home #home-bar #text-2 div p, .home #home-bar #text-6 div p {margin:0 0 .5em}
	.home #home-bar #text-2 h3, .home #home-bar #text-6 h3 {font-size:1.27em;padding:17px 0 0 19px}
	
	/*White Boxes*/
	.home #home-bar #text-4 {border-left:1px dashed #86a198;border-right:1px dashed #86a198;margin:12px 0 0;width:315px}
	.home #home-bar #text-3 {border-right:1px dashed #86a198;margin:12px 0 0;width:320px}
	.home #home-bar #text-3 cite {padding:0 0 0 18px}
	.home #home-bar #text-4 div {padding:0 14px 11px;width:288px}
	.home #home-bar #text-3 div {padding:0 14px 11px;width:290px}
	.home #home-bar #text-4 h3, .home #home-bar #text-3 h3 {font-size:1.27em;margin:11px 0 20px 14px}

/* Pagination */
#content #prev-next {list-style:none;margin:0 0 10px;overflow:hidden;padding:5px 0}
* html #content #prev-next {height:1%;overflow:hidden}
.single #content #prev-next {border-bottom:1px solid #e0e6e4;border-top:1px solid #e0e6e4;}
#content #prev-next #prev {float:left;padding:0 0 0 33px;width:161px}
#content #prev-next #prev a {background:url(images/prev-arrow.png) left 3px no-repeat;color:#535154;float:left;font-size:.91em;line-height:17px;padding:0 0 0 21px;text-decoration:none}
#content #prev-next #next {float:right;padding:0 33px 0 0;width:161px}
#content #prev-next #next a {background:url(images/next-arrow.png) right 3px no-repeat;color:#535154;float:right;font-size:.91em;line-height:17px;padding:0 21px 0 0;text-decoration:none}


/* 
recent-posts-3 = 
execphp-2 = blog item right sidebar page
execphp-3 = blog item right sidebar blog
execphp-4 = menu left sidebar
text-10 = newsletter blok right sidebar blog
text-7 =  newsletter blok right sidebar page
text-8 = bestel ebook blok right sidebar page
text 11 = links left
*/


/*Left Sidebar*/
#left-sidebar {display:inline;float:left;margin:0 -100% 0 -641px;width:210px}
#left-sidebar ul li#execphp-4 {overflow:hidden;padding:0 0 20px}

/* Sidebar */
#sidebar {background:#dae2df url(images/sidebar-bg.png) left top no-repeat;float:right;width:210px}
#sidebar div {background:url(images/sidebar-bg.png) right bottom no-repeat;padding:0;width:210px}
#sidebar div div {background:none;padding:0;width:auto}
#sidebar ul {list-style:none;margin:0}
#sidebar ul li {border-bottom:1px solid #fff;padding:12px 7px 13px 8px}
#sidebar ul li.no-border, #sidebar ul li#execphp-2, #sidebar ul li#execphp-3 {border:0}
#sidebar ul li#recent-posts-3 {padding:5px 7px 13px 8px}
#sidebar ul li#execphp-2, #sidebar ul li#execphp-3 {padding:12px 7px 0 8px}
#sidebar ul ul {list-style:none;margin:0 0 1em}
#sidebar ul li ul li {border:0;padding:0 0 5px 6px}
#sidebar h3 {font-size:1.27em;padding:0 0 16px}
#sidebar a.nieuws {display:block;height:40px;margin:0 0 11px;overflow:hidden;position:relative;width:191px}
#sidebar a.nieuws span {background:#e1003c url(images/nieuwsbrief-bg.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
#sidebar a.nieuws:hover span {background-position:left bottom}
#sidebar a.red-box {background:#e1003c url(images/ebook-bg.png) left top no-repeat;color:#fff;display:block;font-family:Georgia, Garamond, Serif;font-weight:700;height:62px;margin:2px auto 0;overflow:hidden;padding:13px;position:relative;text-decoration:none;width:165px}
#sidebar a.red-box strong {display;block;font-size:1.63em;font-style:italic;font-weight:400;line-height:24px;padding:5px 0 0}
#sidebar a.red-box:hover {background-color:#a62f37;background-position:left -88px}

	/*Form*/
	#sidebar ul li form table {border:0;margin:0;padding:0;}
	#sidebar ul li form {padding:0 0 0 1px}
	#sidebar ul li form fieldset {padding:0}
	#sidebar ul li form fieldset p {margin:0 0 0}
	#sidebar ul li form label {float:left;font-size:.81em;line-height:18px;margin:0 0 3px;width:67px}
	#sidebar ul li form div {background:url(images/input-bg.png) left top no-repeat;float:left;height:18px;margin:0 0 3px;width:116px}
	#sidebar ul li form div input {background:none;border:0;font:.81em Verdana, Sans-Serif;padding:2px 5px;width:102px}
	#sidebar ul li form div.subscribe-button {background:none;display:inline;float:left;height:18px;margin:7px 0 0 67px;overflow:hidden;width:115px}
	#sidebar ul li form div.subscribe-button input {background:#86a198 url(images/send-button.png) left top no-repeat;color:#fff;cursor:pointer;font-weight:700;text-align:center;width:115px}
	#sidebar ul li form div.subscribe-button input:hover {background:#6a847b url(images/send-button.png) left bottom no-repeat}
	
	/*Blog Title*/
	#sidebar ul li .blog-title {height:40px;overflow:hidden;position:relative;width:191px}
	#sidebar ul li .blog-title a#blog-link {color:#fff;display:block;height:40px;overflow:hidden;position:relative;width:191px}
	#sidebar ul li .blog-title a#blog-link span {background:url(images/blog-bg.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
	#sidebar ul li .blog-title a#blog-link:hover span {background:#e1003c url(images/blog-bg.png) left bottom no-repeat}
	#sidebar ul li .blog-title a.rss {height:19px;overflow:hidden;position:absolute;right:3px;text-indent:9999em;top:3px;width:19px}
	
	/*Recent Posts*/
	#sidebar ul li ul li {line-height:15px}
	#sidebar ul li ul li a {color:#535154;text-decoration:none}

	/*Links*/
	#left-sidebar ul li#text-11 {border-bottom:1px solid #eff3f1;border-top:1px solid #eff3f1;clear:both;overflow:hidden;padding:14px 0}
	#left-sidebar ul li a#netwerk-link, #left-sidebar ul li a#selma-link, #left-sidebar ul li a#twitter-link  {clear:both;float:left;height:48px;margin:0 0 5px;overflow:hidden;position:relative;width:196px}
	#left-sidebar ul li a#netwerk-link span {background:url(images/link-boxes.png) left top no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
	#left-sidebar ul li a#selma-link span {background:url(images/link-boxes.png) left -48px no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
	#left-sidebar ul li a#twitter-link span {background:url(images/link-boxes.png) left -96px no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
	#left-sidebar ul li a#netwerk-link:hover span {background:url(images/link-boxes.png) right top no-repeat}
	#left-sidebar ul li a#selma-link:hover span {background:url(images/link-boxes.png) right -48px no-repeat}
	#left-sidebar ul li a#twitter-link:hover span {background:url(images/link-boxes.png) right -96px no-repeat}
	
	/*Sidebar Form*/
	#text-10 table  {border:0!important}
	#text-10 table td {border:0;padding:0;vertical-align:middle;}
	#text-7 table  {border:0!important}
	#text-7 table td {border:0;padding:0;vertical-align:middle;}
	
	
/* Footer */
#footer {border-top:1px solid #eff3f1;clear:both;height:1%;padding:5px 0;overflow:hidden;width:100%}
#footer p {float:right}
#footer a.rss {background:url(images/small-rss.png) left top no-repeat;color:#535154;text-decoration:none;padding:0 0 0 21px}

/* Image Alignment */
img.centered {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* Legacy Comments */
#comments #commentlist {list-style:none;margin:0 0 1em;padding:0;text-align:justify}
#comments #commentlist li {list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
#comments #commentlist li.alt {background:#EEE}
#comments #commentlist li .avatar {background:#fff;border:1px solid #eee;float:right;padding:2px}
#comments #commentlist cite, #commentlist cite a {font-style:normal;font-weight:bold}
#comments #commentlist p {margin:10px 5px 10px 0}
#comments #commentmetadata {font-weight:normal}
#comments #commentform input.input {border:1px solid #CCC;font-size:1.1em;margin:5px 5px 1px 0;padding:2px;width:170px}
#comments #commentform input.input:hover {background:#EEE}
#comments #commentform textarea {border:1px solid #CCC;padding:2px;width:98%}
#comments #commentform textarea:hover {background:#EEE}
#comments #commentform #submit {}
#comments #commentform p {margin:0 0 .5em}
#comments #allowed-tags strong {display:block}
#comments .nocomments {margin:0;padding:0;text-align:center}
#comments .commentmetadata {display:block;margin:0}

/* 2.7+ Comments */
#comments_wrap, #respond {padding:0 33px}
#respond {margin:10px 0 0}
#comments_wrap h2, #respond h2 {border-bottom:1px dashed #86a198;color:#86a198;font-size:1.1em;padding:0 0 8px}
#comments_wrap ol {list-style:none;margin:0}
#comments_wrap ol li {border-bottom:1px dotted #e0e6e4;padding:15px 0 5px}
#comments_wrap .commentmetadata {font-size:.81em;margin:0 0 10px}
#comments_wrap .commentmetadata cite {font-size:1em;margin:0;padding:0}
#comments_wrap .comment-author {width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;}
#comments_wrap .comment-author img {float:left;margin:0 10px 0 0}

/*Comment Form*/
#respond textarea {background:#dae2df;border:1px solid #969999;padding:5px;width:346px}
#respond input.text {background:#dae2df;border:1px solid #969999;padding:2px 5px;width:156px}

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

/*IE Hover fix*/
body {behavior: url("http://cm-dev.com.au/selma/wp-content/themes/selma-foeken/script/hover.htc"); } 

/* bbPress */
div.forum table {border:none;}
.bbp-breadcrumb {margin:10px 10px 0px 10px;}
.bbp-template-notice, .bbp-pagination {margin: 0px 10px;}
.bbp-forums, .bbp-topics, .bbp-replies {margin: 0px 10px 10px; /*border: 1px solid #CCC;width:413px !important;*/}
.bbp-forums th, .bbp-forums td, .bbp-topics th, .bbp-topics td, .bbp-replies th, .bbp-replies td {border: none;}
fieldset.bbp-form {border:none !important;}