/**
 * Stylesheet for IkDoeICT.be
 *
 * @media	screen, projection
 * @copyright	IkDoeICT.be <http://www.ikdoeict.be>
 * @author	Bram(us) Van Damme <bramus.vandamme@kahosl.be>
 */

/**
 * = Typography and text styles
 * ----------------------------------------------------------
 */

	body {
		font: 300 13px Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
		line-height: 1.48; /* Safari 2.0.4 */
		color: #333;
		background: #d9caaa url(../images/back.jpg) no-repeat fixed 0 0;
	}

	body#tinymce-body {
		background: #d9caaa url(../images/back.jpg) no-repeat fixed -297px -140px;
		color: #333 !important;
		width: 390px;
		margin: 0 auto 0;
	}
	
	/* Headings */
	h1, h2, h3, h4 {
		font-weight: 700;
		line-height: 1.1;
	}
	
	h1, h2 {
		font-size: 20px;
		padding: 8px 0 2px 0;
		margin: 0 0 12px 0;
	}
	
	h3 {
		font-size: 16px;
		padding: 0 0 14px 0;
	}
	
	h4 {
		font-size: 13px;
		padding: 7px 0 7px 0;
		font-weight: 700;
	}
	
	/* Regular text and lists */
	p {
		padding: 0 0 14px 0;
	}
	
	ul, ol {
		padding: 0 0 12px 24px;
	}
	
	ul {
		list-style: disc;
	}
	
	ol {
		list-style-type: decimal;
		padding: 0 0 12px 24px;
	}
	
	ul ul, ol ul {
		padding-bottom: 0;
	}
	
	ol ol {
		padding-bottom: 0;
	}
	
	ul ol {
		padding: 0 0 0 28px;
	}
	
	/* special text elements */
	small, span.mute {
		color: #808080;
		font-size: 11px;
	}
	
	code {
		font-family: Monaco, "Courier New", monospace;
		font-size: 11px;
		line-height: 1.15;
		background: #F5F5F5;
	}
	
	pre {
		font-family: Monaco, "Courier New", monospace;
		font-size: 11px;
		padding: 7px 14px;
		background: #F5F5F5;
		margin: 0 0 14px;
		overflow-x: scroll;
	}
	
	blockquote, q {
		font-style: italic;
		color: #666;
	}
	
	blockquote {
		padding: 0 0 0 14px;
	}
	
	cite {
		font-size: 11px;
		text-align: right;
		display: block;
		position: relative;
		top: -14px;
		height: 0;
		/* Dismisses height to correctly align next element */
	}
	
	abbr, acronym {
		cursor: help;
	}
	
	/* data tables */
	.tablewrapper {
		width: 342px;
		padding: 0 9px;
		background: transparent url(../images/tableback.png) repeat-y 100% 0;
		margin: 0 auto 0;
	}
	
	table {
		border: 0;
	}
	
	td {
		padding: 7px;
		background: transparent url(../images/tabletdback.png) no-repeat bottom right;
		border-bottom: 1px solid #cfccf;
		text-align: center;
	}
	
	td.oo {
		text-align: left;
	}
	
	th {
		font-weight: 700;
		color: black;
		line-height: 1.2;
 		text-align: center;
 		font-size: 12px;
		padding: 7px;
		background: transparent url(../images/tablethback.png) no-repeat bottom right;
	}
	
	tr.bgcolor td {
		background: transparent url(../images/tabletdback2.png) no-repeat bottom right;
	}
	
	tr:hover td {
		background: transparent url(../images/tabletdhover.png) no-repeat bottom right;
	}

	
	/* Links */
	a, a:visited {
		color: #896129;
	}	

	body#tinymce-body a {
		color: #896129 !important;
	}
	
	a:hover,
	a:active {
		color: black;
	}


/**
 * = Page structure and layout
 * ----------------------------------------------------------
 */

	#container {
		width: 780px;
		margin: 0 0 0 34px;
	}
	
	/* totop flush */
	#totop {
		position: fixed;
		width: 43px;
		height: 244px;
		top:0;
		left: 840px;
	}
	
	#totop a {
		display: block;
		width: 43px;
		height: 244px;
		background: transparent url(../images/topflush.png) no-repeat 0 0;
		text-indent: -999px;
		overflow: hidden;
	}
	
	#totop a:hover {
		background-position: 100% 0;
	}

	/* the header */
	#header {
		padding: 0 0 30px;
		position: relative;
	}

	/* the header : the logo */
	#header h1 {
		float: left;
		width: 295px;
		height: 108px;
		padding: 5px 0 0 40px;
		margin: 0;
	}

	#header h1 a {
		display: block;
		width: 295px;
		height: 108px;
		background: transparent url(../images/logo.png) no-repeat 0 0;
		text-indent: -9999px;
		overflow: hidden;
	}

	#header h1 a:hover {
		background-image: url(../images/logo-hover.png);
	}
	
	/* the header : the badge */
	#header #afstandonderwijs {
		position: absolute;
		display: block;
		width: 170px;
		height: 135px;
		background: transparent url(../images/afstandsonderwijs.png) no-repeat 0 0;
		top: 0;
		left: 305px;
		text-indent: -999px;
		overflow: hidden;
	}
	
	/* the header : the userboxx */
	#user {
		float: right;
		padding: 20px 40px 0 0;
		width: 250px;
		text-align: right;
	}
	
	#fbc_avatar_me {
		margin: 0 0 0 10px;
	}
	
	
	/* Main */
	#main {
		padding: 0 0 60px 0;
	}

	#shareonfacebook {
		display: none;
		float: right;
		font-size: 11px;
		font-family: Arial;
		background: #fff;
	}

	/* Navigation (Sidebar) */
	#navigation {
		width: 163px;
		padding-left: 42px;
		float: left;
	}
	
	/* Navigation (Sidebar) : them widgetz */
	#navigation .widget {
		padding: 0 0 30px 0;
		background: transparent url(../images/lijn2.png) no-repeat 0 56px;
		width: 163px;
	}
	
	#navigation #widget_fbc {
		background: transparent url(../images/lijn1.png) no-repeat 0 58px;
	}
	
	#navigation #widget_logos {
		background: transparent url(../images/lijn3.png) no-repeat 0 0;
		padding-top: 20px;
	}
	
	#navigation .widget h3 {
		margin: 0 0 10px 0;
		padding: 15px 0 0 35px;
		height: 45px;
		background: transparent url(../images/madammekeSmall.png) no-repeat 0 0;
		font-size: 17px;
		line-height: 1.1;
		/* text-transform: uppercase; */
	}
	
	#navigation #widget_nav h3 {
		padding-top: 25px;
		height: 35px;
	}
	
	/* Navigation (Sidebar) : Feestboek */
	#fbcNotLoggedInBlock {
		text-align: center;
	}

	ul.facebookcommunity {
		list-style: none;
		margin: 0;
		padding: 0 0 10px 0;
	}

	ul.facebookcommunity {
		list-style: none;
		line-height: 1;
	}

	ul.facebookcommunity li {
		display: block;
		width: 50px;
		height: 50px;
		float: left;
		padding: 0 1px 1px 0;
		line-height: 1;
	}

	ul.facebookcommunity li a {
		display: block;
		width: 50px;
		height: 50px;
	}
	
	#facebookcommunity-detail {
		width: 300px;
		padding-bottom: 20px;
	}
	
	#facebookcommunity-detail-gravatar {
		margin-right: 20px;
	}
	
	#facebookcommunity-detail dt {
		float: left;
		clear: left;
		width: 100px;
		font-weight: 700;
		height: 30px;
	}
	
	#facebookcommunity-detail dd {
		float: left;
		width: 200px;
	}
	
	#widget_fbc #facebookcommunity-sidebar-showall a {
	}
	
	/* Navigation (Sidebar) : the navigation */
	#widget_nav ul {
		padding: 0;
	}

	#widget_nav ul li {
		list-style: none;
	}

	#widget_nav ul li a {
		padding: 5px 10px;
		display: block;
		text-decoration: none;
		font-size: 16px;
		line-height: 1;
		color: #443a2c;
	}

	#widget_nav ul li.selected a {
		background: transparent url(../images/menuPijltjeMetBckgrnd.png) no-repeat 0 0;
		text-decoration: underline;
	}
	
	#widget_nav ul li.selected ul li.selected a {
		background: transparent url(../images/menuPijltje.png) no-repeat 148px 4px;
		text-decoration: underline;
	}
	
	#widget_nav ul li.selected ul li a {
		font-size: 14px;
	}

	#widget_nav li ul {
		padding: 0;
	}

	#widget_nav ul li.selected ul li a {
		background: none;
		text-decoration: none;
	}

	#widget_nav li a:hover, #widget_nav li.selected ul li a:hover {
		background: transparent url(../images/menuPijltje.png) no-repeat 148px 4px;
	}

	#widget_nav ul li.selected ul li a {
		padding: 5px 10px 5px 25px;
		font-weight: 300;
	}

	/* Content */

	#content {
		width: 390px;
		padding: 0 40px 0 105px;
		float: left;
		margin: -30px 0 0 40px;
		min-height: 400px;
		height: auto !important;
		height: 400px;
		overflow-x: visible;

	}
	
	#content.fullwidth {
		width: 595px;
	}

	#content h2 {
		width: 400px;
		position: relative;
		left: -105px;
		height: 50px;
		padding: 50px 10px 0 105px;
		background: transparent url(../images/title0.png) no-repeat 0 0;
	}
	
	#content h2.double {
		height: 60px;
		padding: 40px 0 0 105px;
	}
	
	#content h2.title1 {
		background: transparent url(../images/title1.png) no-repeat 0 0;
	}
	
	#content h2.title2 {
		background: transparent url(../images/title2.png) no-repeat 0 0;
	}
	
	#content h2.title3 {
		background: transparent url(../images/title3.png) no-repeat 0 0;
	}
	
	#content h2.double {
		height: 60px;
		padding: 40px 0 0 105px;
		background: transparent url(../images/title1.png) no-repeat 0 0;
	}

	/* Footer */
	#footer {
		position: fixed;
		height: 19px;
		bottom: 0;
		left: 0;
		right: 0;
		background: url(../images/footer.png) repeat-x 0 0;
	}
	
	#footer ul {
		width: 780px;
		text-align: center;
	}

	#footer li {
		color: #cbaf87;
		font-size: 11px;
		list-style: none;
		display: inline;
		padding: 0 10px;
	}
	
	#footer li a {
		color: #cbaf87;
		text-decoration: none;
	}
	
	#footer li a:hover {
		color: #fff;
	}
	
	#footer #kaho {
		display: block;
		position: fixed;
		height: 63px;
		width: 110px;
		bottom: 25px;
		left: 831px;
		background: transparent url(../images/kaho.png) no-repeat 0 0;
		text-indent: -999px;
		overflow: hidden;
	}

	#footer #kaho:hover {
		background-image: url(../images/kaho-hover.png);
	}
	
	#lady {
		display: block;
		width: 120px;
		height: 80px;
		bottom: 19px;
		position: fixed;
		background: transparent url(../images/shesalady2.png) no-repeat 0 0;
		text-indent: -999px;
		overflow: hidden;
	}

/**
 *
 * = Blog
 * ----------------------------------------------------------
 */

	#blogarchive-mini {
		width: 150px;
		position: absolute;
		background: transparent url(../images/blogarchiveminiback.png) repeat-y bottom right;
		left: 840px;
		top: 270px;
		border: 1px solid #666;
		padding: 3px;
	}

	.blogpostdate {
		display: none;
		width: 50px;
		float: left;
		margin: 0 10px 10px -60px;
		padding: 6px 0;
		background: transparent url(../images/title0.png) repeat-y 50% 90%;
		border: 1px solid #806B51;
	}

	.blogpostdate span {
		display: block;
		text-align: center;
		line-height: 1;
	}

	.blogpostdate span.blogpostmonth {
		font-size: 12px;
	}

	.blogpostdate span.blogpostday {
		color: #000;
		font-size: 20px;
		line-height: 24px;
	}

	.blogpostdate span.blogpostyear {
		font-size: 12px;
	}

	.blogpost h2 a {
		text-decoration: none;
		color: #000;
	}

	.blogpost h2 a:hover {
		text-decoration: underline;
	}

	.blogpost h2 a#rss {
		display: block;
		width: 50px;
		height: 50px;
		background: transparent url(../images/rss-big.gif) no-repeat 0 0;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 10px;
		top: 35px;
		text-indent: -9999px;
		overflow: hidden;
		
	}

	p.date {
		font-style: italic;
		padding-bottom: 24px;
		font-size: 11px;
		margin-top: -20px;
	}

	
	.meta {
	}
	
	.meta ul {
		background: transparent url(../images/backlink.png) no-repeat 100% 50%;
		list-style: none;
		height: 32px;
		line-height: 32px;
		padding: 0 20px 0 0;
		margin: 0;
		text-align: center;
	}
	
	.meta ul.nav {
		background: none;
		position: absolute;
		top: 110px;
		width: 410px;
	}
	
	.meta ul li {
		padding: 0 10px;
		margin: 0;
		display: inline;
	}

	.meta ul li.rss {
		background: transparent url(../images/title0.png) no-repeat scroll 50% 50%;
		padding-top: 2px;
		padding-bottom: 2px;
	}

	.meta ul li.rss a {
		padding: 2px 2px 2px 22px;
		background: transparent url(http://farm1.static.flickr.com/37/105903167_96893dc129.jpg) no-repeat scroll 2px 50%;
	}
	
	.meta ul li.first {
		padding-left: 0;
	}

	#message, #nospam, .text input {
		width: 380px;
		border: 1px solid #806B51;
		font: normal 12px Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
		padding: 3px;
		display: block;
	}

	#message {
		/* width: 374px; */
	}

	.blogform dt {
		padding-top: 8px;
	}

	.form-error {
		color: #CC0000;
	}

	.commenttitle {
		display: none;
	}

	ul.thumbslist {
		list-style :none;
		margin: 0;
		padding: 0 0 18px 0;
		width: 280px;
		margin: 0 auto 0;
	}

	ul.thumbslist li {
		display: block;
		float: left;
		padding: 6px 6px 18px 6px;
		background: #F1F1F1;
		margin: 0 4px 4px 0;
	}

	.author {
		font-style: italic;
		padding: 0;
		font-size: 11px;
		display: block;
		border-bottom: 1px solid #806B51;
		margin-bottom: 6px;
	}

	.blogcomment .gravatar {
		float: left;
		margin-left: -50px;
		margin-top: -3px;
	}

	.blogcomment {
		padding-top: 40px;
	}

/**
 * = Fork Defaults
 * ----------------------------------------------------------
 */

	/* Fork defaults: image classes */
	img.gravatar {
		float: right;
	}
	
	img.alignleft {
		float: left;
		padding: 0 10px 10px 0;
	}
	
	img.alignright {
		float: right;
		padding: 0 0 10px 10px;
	}
	
	/* Fork defaults: linkbutton */
	a.linkbutton {
		border: 1px solid #E5EAF7;
		background: #FFF;
		padding: 3px 8px;
		display: block;
		float: left;
		font-weight: 700;
		margin: 0 10px 0 0;
	}
	
	/* Fork defaults: backlinks*/
	p.backlink {
		clear: both;
		text-align: right;
	}
	
	p.backlink a {
		text-decoration: none;
		background: transparent url(../images/backlink.png) no-repeat 50% 50%;
		padding: 3px;
	}
	
	p.backlink a:hover {
		text-decoration: underline;
	}
	
	/* Fork defaults: general purposes classes */
	.hidden { display: none; }
	.block { display: block; }
	.nopadding { padding: 0 !important; }
	.floatleft { float: left; }
	.floatright { float: right; }
	
	/* Clearfix */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

/* pagination */

	.paginationWrap {
		width: 100%;
		overflow: hidden;
	}

	.pagination {
		float: left;
		position: relative;
		left: 50%;
	}

	.pagination ul {
		padding: 18px 0;
		z-index: 2;
		overflow: hidden;
		position: relative;
		left: -50%;
	}

	.pagination li {
		float: left;
		list-style: none;
		margin: 0 5px 0 0;
		text-decoration: none;
		padding: 0;
		line-height: 15px;
		font-size: 12px;
		text-align: center;
	}

	.pagination li span {
		float: left;
		display: block;
		padding: 4px 5px;
		color: #AB9374;
		min-width: 12px;
	}

	.pagination li.currentpage span {
		font-weight: 700;
		color: black;
	}

	.pagination li.selected span {
		padding: 4px 5px;
		font-weight: 700;
		color: black;
	}

	.pagination li a:link,
	.pagination li a:visited {
		float: left;
		display: block;
		padding: 3px 4px;
		text-decoration: none;
		min-width: 12px;
	}

	li.ellipsis {
		margin: 0;
	}

	li.ellipsis span {
		color: black;
	}

	.pagination li a:hover,
	.pagination li a:active {
		color: black;
	}

	.nextPage, .previousPage {
		font-size: 11px !important;
	}

	.pagination li.nextPage {
		margin-left: 10px;
	}

	.pagination li.previousPage {
		margin-right: 15px;
	}


	p.text {
		color:  #555;
	}
	
	b, strong {
		font-weight: 700 !important;
	}
	
	#curriculum-blokken {
		padding-top: 6px;
	}
	
	#curriculum-blokken dt {
		width: 34%;
		padding-right: 1%;
		float: left;
		min-height: 20px;
		background: transparent url(../images/tabletdback2.png) no-repeat bottom right;
		font-weight: 700;
		text-align: right;
	}
	
	#curriculum-blokken dd {
		width: 65%;
		float: left;
		margin-bottom: 20px;
	}