/*************************************************************
  
  Theme Name: Focales Default
  Theme URI: http://www.focales.net/
  Description: The default Focales theme created by RCA online.
  Version: 1.0
  Author: Miel Vandevelde
  Author URI: http://www.rca.be/
  Tags: gray and blue, fixed width, two columns
  
  CONTENT STYLESHEET
  ------------------
  PAGE
  HEADER
  NAVIGATION
  CONTENT
  SIDEBAR
  FOOTER
  -
  CLEARFIX = clears floating elements
  
*************************************************************/

.noScreenDisplay { display: none;}

/*************************************************************
  P A G E
*************************************************************/
* { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0 } /* Resets elements */
ol, ul { list-style: none }
big { font-size: 130% }
small, sup, sub { font-size: 80% }

img { -ms-interpolation-mode: bicubic } /* Makes resized images in IE look better */

body { background: #f2f2f2; color: #333; font: 12px/1.417em /*12px/17px*/ Arial, Helvetica, sans-serif; text-align: center; }

#wrapper { width: 978px; background: #FFF url(images/bg_patroon.png) repeat-y center; margin: 0 auto;}
#wrapper_top { background: url(images/bg_top.png) top center no-repeat; height: 39px; width: auto;}
#page { margin: 0 auto; padding: 0 10px; width: /*958px*/ auto; text-align: left;}


body.page-id-6 #wrapper { background-image: url(images/bg_patroon_forum.png);}
body.page-id-6 #wrapper_top { background-image: url(images/bg_top_forum.png);}


/*************************************************************
  H E A D E R
*************************************************************/
#header { float: left; height: 190px; width: 708px; }
#header a { background: url(images/logo.jpg) left top no-repeat; display: block; height: 190px; margin: 0px 20px 0; text-indent: -9999em; width: 668px }

body.page-id-6 #header { width: 956px; float: none; }
body.page-id-6 #header a { background: #000 url(images/logoforum.jpg) left top no-repeat; display: block; height: 190px; margin: 0px 20px 0; text-indent: -9999em; width: 916px }

/*************************************************************
  N A V I G A T I O N
*************************************************************/
#navigationbar { float: left; height: 39px; position: relative; width: 709px; font-weight: bold; }

#navigationbar ul { bottom: auto; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.167em /*14px*/; left: auto; right: 20px; position: absolute; text-transform: uppercase; top: 7px }
#navigationbar ul li { float: left; margin: 0 0 0 20px; }
#navigationbar ul li a { color: #074d71; display: inline-block; height: 25px; line-height: 25px; padding: 0 5px; text-decoration: none }
#navigationbar ul li a:hover { background: url(images/navigationBg.gif) left center repeat-x; color: #fff }
#navigationbar ul li.current_page_item a {background: url(images/navigationBg.gif) left center repeat-x; color: #fff}

body.home #navigation ul li.homelink a {background: url(images/navigationBg.gif) left center repeat-x; color: #fff}
body.home #wrapper #page #navigationbar ul li.homelink a { background: url(images/navigationBg.gif) left center repeat-x; color: #fff}

body.page-id-6 #navigationbar { float: none; height: 39px; width: 957px; font-weight: bold; }

/*************************************************************
  C O N T E N T
*************************************************************/
#content{ position:relative; left: 20px; width: 668px; float:left; display: block;}

body.page-id-6 #content{ width: 917px; float: none; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.3 }
#content h1 { font-size: 1.7em /*16px*/ }
#content h2 { font-size: 1.5em /*16px*/; }
#content h3 { font-size: 1.333em /*16px*/ }
#content h4 { font-size: 1.333em /*16px*/ }
#content h5 { font-size: 1.333em /*16px*/ }
#content h6 { font-size: 1.333em /*16px*/ }
#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a { color: #000; text-decoration: none }

h2.center, h2.pagetitle, #content.archive h2 {font-size: 1.5em /*16px*/; color: #1099E3; margin-top: 20px; margin-left: 20px; text-align: left;}


#content p { margin: 5px 0 }

#content a { color: #1099e3 }

/* posts */
.top { background: url(images/postTop.gif) center top no-repeat; font-size: 0; height: 10px }
body.page-id-6 .top { background-image: url(images/forumTop.gif)  }
.info { margin: 5px 0 20px !important }
.post { background: #f2f2f2 url(images/postBottom.gif) center bottom no-repeat; margin: 0 0 10px; padding: 5px 25px 25px }
body.page-id-6 .post { background-image: url(images/forumBottom.gif) }
.postmetadata { clear: both; margin: 20px 0 0 !important }


/* commentform */
#commentform { color: #666; margin: 5px 10px 0 0 }
#commentform input#author, #commentform input#email, #commentform input#url { border: 1px solid #ccc; height: 14px; padding: 2px; width: 233px }
#commentform label { display: inline-block; text-align: right; width: 130px; width: auto; }
#commentform input#submit { background-color: #1099E3; /*background: url(images/submitBg.gif) left top no-repeat;*/ color: #fff; cursor: pointer; height: 20px; float: left; font-size: 1.167em /*14px*/; /*line-height: 33px;*/ /*width: 112px*/ line-height: 20px; }
#commentform textarea { border: 1px solid #ccc; height: 103px; padding: 2px; width: 450px }
#content_comments { padding: 0 20px 30px; }

/*************************************************************
  S I D E B A R S
*************************************************************/
#sidebar { border-left: 1px solid #ccc; color: #fff; float: right; height: 100%; padding: 0 20px 30px 20px; width: 208px; clear: right; }

#sidebar #dylogo { width: 208px; height: 190px; background: none; clear:both; display:block; padding: 0; margin: 0;}

#sidebar div { background: url(images/listBg.gif) left bottom repeat-x; padding: 10px 0 15px 0; display: block; clear: both }
#sidebar div div { background: none; padding: 0 }
#sidebar div ul { margin: 5px 0}
#sidebar div ul li {}
#sidebar div ul li a, #sidebar div ul li a:link, #sidebar div ul li a:active, #sidebar div ul li a:visited { color: #fff; text-decoration: none }
#sidebar div ul li a:hover { color: #1099E3;}

#sidebar div h2 { color: #bebebe; font: bold 16px/16px  "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom: 17px; display: block; clear: both; float: none; }

#sidebar div p { margin: 10px 0 }

/* searchform */
#sidebar #searchform { background: #fff; height: 20px;}
#sidebar #searchform * { vertical-align: middle }
#sidebar #searchform label.screen-reader-text { display: none }
#sidebar #searchform input#s { color: #000; font: 12px/20px Arial, Helvetica, sans-serif; height: 20px; padding: 0 2px; width: 179px }
#sidebar #searchform input#searchsubmit { background: #dbdbdb url(images/searchBg.gif) center center no-repeat; cursor: pointer; height: 18px; text-indent: -9999em; width: 20px }

#content #searchform { margin-top: 20px; margin-left: 20px;}
#content #searchform input#s {  border: 1px solid #ccc;}
#content #searchform input#searchsubmit { background-color:#1099E3; color:#FFFFFF; cursor:pointer; font-size:1.167em; height:20px; line-height: 20px; }

#sidebar input#email { width: 208px; height: 20px; margin-bottom: 10px; }
#sidebar button { display: block; margin-bottom: 5px; background-color: #1099E3; color: #FFF;}

#sidebar #postspercategorie ul li a.overview_category { margin-top: 5px; display: block;}
#sidebar #postspercategorie a.overview_post { }

/*#zoekfunctie { display: none;}
#postspercategorie { display: none;}
#archiefpercategorie { display: none;}
#metadata { display: none;}
#newsletterke { display: none;}*/

body.page-id-6 #sidebar { display: none;}

/*************************************************************
  F O O T E R
*************************************************************/
#footer { background: #f2f2f2 url(images/bg_footer.png) no-repeat top center; height: 43px; line-height: 43px; margin: 0 auto; padding: 20px 12px 30px 12px; width: auto;  text-align: left; display: block; clear: both;}
body.page-id-6 #footer { background-image: url(images/bg_footer_forum.png);}

#footer p { }

#footer a { color: #333 }

#footer img { margin: 0 0 0 7px; vertical-align: middle }



/*************************************************************
  C L E A R F I X
*************************************************************/
.clearfix       { display: inline-block }
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden }

/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }
/* End hide from IE-mac */






.alt { border-left: 1px solid #ddd; padding: 10px }


.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: left;
	border: 1px solid #eee;
	margin: 0px 10px 5px 0px;
	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: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

.nocomments, blockquote, strike {
	/*color: #777;*/
	}

acronym, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}
	
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */


/* Begin Structure */
.smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.attachment {
	text-align: center;
	margin: 5px 0px;
}
/* nd Structure */

/* Begin Images */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* End Entry Lists */

select {
	width: 130px;
	}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; font-size: 0;
	    clear: both; 
	    visibility: hidden;
	}
/* End Form Elements */


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

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */


/* Begin Various Tags & Classes */
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;
	}
	

.navigation {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 20px;
	}
/* End Various Tags & Classes*/

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


/*----------------------------------------------------*/
/*		F O R U M								      */
/*----------------------------------------------------*/
#sforum { background-color: #f2f2f2 !important; font-size: 105% !important;}
#sforum .sffooter { background-color: #bed9e8 !important;}
#sforum .sfforumtable td { background-color:#e4edf0; background-image: none /*background: #e4edf0 url(images/fade-entry.png) repeat-x top*/ !important; }
#sforum a, #sforum a:link, #sforum a:active, #sforum a:visited { color: #000 !important;}
#sforum a:hover { color: #1099E3 !important; }
#sforum #sfstatstrip { background-color: #e4edf0 !important; background-image: none /*background: #e4edf0 url(images/fade-stats.png) repeat-x top*/ !important; border: 1px solid #cccccc !important; } 
#sforum .sfposttable, #sforum .sfposttable th, #sforum .sfforumtable, #sforum .sfforumtable th { border: 1px solid #cccccc !important; }
#sforum .sfheading p { color: #1099e3 !important}