/*  
Theme Name: 3RDS
Theme URI: http://3rds.be/
Description: The one and only 3RDS Theme baby!
Version: 1.0
Author: Bramus! from Third Degree Sideburns (3RDS)
Author URI: http://www.3rds.be/
*/

/* Exodus 20.15 - http://www.biblegateway.com/passage/?search=exodus%2020.15;&version=8; */			
			
			/* -------(  ALL YOUR MARGIN AND PADDING ARE BELONG TO *  )------- */
		
				* {
					margin: 0;
					padding: 0;
				}
			
			/* -------(  FIREFOX FIXES  )------- */

				html {	/* force scrollbar */ 
					min-height: 100%; 
					margin-bottom: 1px; 
				}
		
				a {	/* remove big outlines in FX */
					overflow: hidden;
				}
		
				a img {	/* bad borderz */
					border: 0;
				}
			
			/* -------(  GENERAL  )------- */
			
				body {
					color: #b2b2b2;
					background: #1e1d1e url(images/layout/wood.jpg) repeat 0 0;
					font-family: Tahoma, Arial, Helvetica, sans-serif;
				}
				
				hr {
					display: none;
				}
				
				blockquote {
					margin-left: 25px;
					padding-left: 25px;
				}
				
				strong {
					color: #fff;
				}
				
				a {
					color: #fff;
					text-decoration: none;
				}
				
				#services a {
					border-bottom: 1px solid #B31000;				
				}
				
				#services a:hover {
					color: #B31000;
				}
				
				#news a {
					border-bottom: 1px solid #B46300;				
				}
				
				#news a:hover {
					color: #B46300;
				}
				
				#references a {
					border-bottom: 1px solid #00A1B4;				
				}
				
				#references a.reference {
					border-bottom: 0px;				
				}
				
				
				#references a:hover {
					color: #00A1B4;
				}
				
				#contact a {
					border-bottom: 1px solid #B4007A;				
				}
				
				#contact a:hover {
					color: #B4007A;
				}
				
				p, li, label, input, textarea, div {
					font-size: 12px;
					line-height: 20px;
				}
				
				p {	
					padding: 15px 15px 15px 10px;
				}
			
			/* -------(  HEADER )------- */
			
				#headerWrapper {
					width: 100%;
					height: 350px;
					background: transparent url(images/layout/background-headerwrapper.png) repeat-x 0 0;
				}
				
				#header {
					width: 850px;
					height: 350px;
					margin: 0 auto 0;
					position: relative;
					overflow: visible;
					background: transparent url(images/layout/3rds-logo.png) no-repeat 60% 25%;
				}
				
				#header h1 {
					width: 210px;
					height: 90px;
					position: absolute;
					top: 55px;
					left: -15px;
				}
				
				#header h1 a#top {
					display: block;
					width: 210px;
					height: 90px;
					background: transparent url(images/layout/3rds-logotype.png) no-repeat 0 0;
					text-indent: -9999px;
					overflow: hidden;
					border: 0;
				}
				
				#header ul#nav {
					display: block;
					width: 100px;
					height: 100px;
					position: absolute;
					right: 0;
					top: 35px;
				}
				
				#header ul#nav li {
					display: block;
					width: 100px;
					height: 20px;
					list-style: none;
				}
				
				#header ul#nav li a {
					display: block;
					width: 100px;
					height: 20px;
					text-align: right;
					color: #FFF;
					font: bold 14px/20px Georgia, "Times New Roman", Times, serif;
					text-transform: lowercase;
					text-decoration: none;
					border: 0;
				}
				
				#header ul#nav li a:hover {
					color: #b2b2b2;
				}
			
			
			/* -------(  CONTENT : PRECONTENT )------- */
			
				#contentWrapper {
					position: relative;
					top: -75px;
				}
				
				#preContent {
					width: 850px;
					margin: 0 auto 0;
				}
				
				#preContent h2 {
					display: none;
				}
				
				#preContent p {
					text-align: center;
					color: #b2b2b2;
					font: normal 18px/25px Georgia, "Times New Roman", Times, serif;
					letter-spacing: -1px;
				}
				
				#preContent p.top {
					display: none;
				}
			
			
			/* -------(  CONTENT : CONTENT )------- */
			
				#content {
					width: 850px;
					margin: 55px auto 0;
				}
			
				#services {
					width: 257px;
					float: left;
					margin-right: 28px;
					overflow: hidden;
				}
			
				#news, #references, #err404, #archief, #page_10, #page_35 {
					width: 565px;
					float: right;
				}
				
				#references {
					margin-top: 25px;
				}
			
				#news.nofloat, #references.nofloat {
					width: auto;
					float: none;
				}
			
			
			/* -------(  CONTENT : CONTENT : SERVICES )------- */
			
				#err404 h2 {
					width: 551px;
					height: 31px;
					background: transparent url(images/layout/titel-404.png) no-repeat 0 0;
					text-indent: -9999px;
					overflow: hidden;
					margin: 0 0 15px 0;
				}
			
			
			
			/* -------(  CONTENT : CONTENT : SERVICES )------- */
			
				#services h2 {
					width: 253px;
					height: 31px;
					background: transparent url(images/layout/titel-diensten.png) no-repeat 0 0;
					text-indent: -9999px;
					overflow: hidden;
					margin: 0 0 15px 0;
				}
			
			
			/* -------(  CONTENT : CONTENT : NEWS )------- */
			
				#news h2 {
					width: 551px;
					height: 31px;
					background: transparent url(images/layout/titel-nieuws.png) no-repeat 0 0;
					text-indent: -9999px;
					overflow: hidden;
					margin: 0 0 15px 0;
				}
			
				div.newsItem {
					padding: 0 15px 15px 15px;
				}
				
				div.newsItem h3 {
					color: #fff;
					font: bold 16px/20px Georgia, "Times New Roman", Times, serif;
					letter-spacing: -1px;
				}
				
				div.newsItem h3 em {
					color: #b2b2b2;
					font-size: 14px;
				}

				div.newsItem ul, div.news ul {
					width: 500px;
					margin: 0 15px 15px 10px;
					list-style: none;
				}
			
				div.newsItem ul li, div.news ul li {
					width: 500px;
					padding: 0 0 0 18px;
					background: transparent url(images/layout/bullet.gif) no-repeat 5px 8px;
				}
				
				.news blockquote {
					border-left: 3px solid #B46300;
				}
				
				.news h3.hierzo {
					color: #fff;
					font: normal 18px/29px Georgia, "Times New Roman", Times, serif;
					letter-spacing: -1px;
					width: 498px;
					height: 29px;
					margin: 0 0 15px 0;
					padding: 0px 0 2px 10px;
					overflow: hidden;
					background: transparent url(images/layout/titel-nieuws-leeg.png) no-repeat 0 0;
				}
				
			
			/* -------(  CONTENT : CONTENT : REFERENCES )------- */
			
				#references h2 {
					width: 551px;
					height: 31px;
					background: transparent url(images/layout/titel-referenties.png) no-repeat 0 0;
					text-indent: -9999px;
					overflow: hidden;
					margin: 0 0 15px 0;
				}
			
				div.refItem {
					padding: 0 15px 15px 15px;
				}
				
				div.refItem h3 {
					color: #fff;
					font: bold 16px/20px Georgia, "Times New Roman", Times, serif;
					letter-spacing: -1px;
				}
				
				div.refItem h3 em {
					color: #b2b2b2;
					font-size: 14px;
				}
				
				/* div.refItem img, */
				div.ref a.reference, div.refItem a.reference {
					float: left;
					margin: 15px;
				}
			
				div.ref ul, div.refItem ul {
					float: left;
					width: 350px;
					margin: 15px 0 15px 0;
					list-style: none;
				}
			
				div.ref ul li, div.refItem ul li {
					float: left;
					width: 350px;
					padding: 0 0 0 18px;
					background: transparent url(images/layout/bullet.gif) no-repeat 5px 8px;
				}
				
				.ref blockquote {
					border-left: 3px solid #00A1B4;
				}

			/* -------( FOOTER )------- */
			
				#footerWrapper {
					position: relative;
					top: -50px;
				}
				
				#footer {
					width: 850px;
					height: 43px;
					margin: 0 auto 0;
					/* background: transparent url(images/layout/background-footer.png) no-repeat 50% 50%; */
					border-top: 1px solid #B41000;
				}
				
				#footer p {
					margin: 0;
					padding: 4px 0 0 0;
					text-align: center;
					color: #b2b2b2;
					font: normal 14px/18px Georgia, "Times New Roman", Times, serif;
					letter-spacing: -0.3px;
				}
				
				#footer p.top {
					display: none;
				}
			
			
			
			/* -------(  CONTENT : PAGE : SERVICES )------- */

				#page_2 h2, #page_35 h2 {
					width: 283px;
					height: 31px;
					background: transparent url(images/layout/titel-diensten.png) no-repeat 0 0;
					text-indent: -9999px;
					overflow: hidden;
					margin: 0 0 15px 0;
				}
			
				#page_35 h2 {
					width: 551px;
					background: transparent url(images/layout/h2-services.png) no-repeat 0 0;
				}
				
				#page_2 a, #page_35 a  {
					border-bottom: 1px solid #B31000;				
				}
				
				#page_2 a:hover, #page_35 a:hover {
					color: #B31000;				
				}
			
			/* -------(  CONTENT : ARCHIVES )------- */

				h2.pagetitle {
					color: #fff;
					font: bold 24px/36px Georgia, "Times New Roman", Times, serif;
					letter-spacing: -1px;
					margin-bottom: 16px;
				}

				h2#Nieuws {
					width: 551px;
					height: 31px;
					background: transparent url(images/layout/titel-nieuws.png) no-repeat 0 0;
					text-indent: -9999px;
					overflow: hidden;
					margin: 0 0 15px 0;
				}

				h2#Referenties{
					width: 551px;
					height: 31px;
					background: transparent url(images/layout/titel-referenties.png) no-repeat 0 0;
					text-indent: -9999px;
					overflow: hidden;
					margin: 0 0 15px 0;
				}

				h2.archieftitle {
					width: 551px;
					color: #fff;
					height: 29px;
					overflow: hidden;
					margin: 0 0 15px 0;
					padding: 0px 0 2px 10px;
					text-transform: lowercase;
					font: normal 26px/31px Georgia, "Times New Roman", Times, serif;
					background: transparent url(images/layout/titel-archief-leeg.png) no-repeat 0 0;
				}


				.refItem h3 a {
					border-bottom: 1px solid #00A1B4;				
				}
				
				.refItem h3 a:hover {
					color: #00A1B4;
				}
				
				.newsItem h3 a {
					border-bottom: 1px solid #B46300;				
				}
				
				.newsItem h3 a:hover {
					color: #B46300;
				}

			
			
			/* -------(  CONTENT : PAGE : CONTACT )------- */
			
				#page_10 h2 {
					width: 551px;
					height: 31px;
					background: transparent url(images/layout/titel-contact-2.png) no-repeat 0 0;
					text-indent: -9999px;
					overflow: hidden;
					margin: 0 0 15px 0;
				}
				
				#page_10 a {
					border-bottom: 1px solid #B4007A;				
				}
				
				#page_10 a:hover {
					color: #B4007A;				
				}

			
			
			/* -------(  CONTENT : PAGE : CONTACT : DA FORM ITSELF (css output disabled in plugin) )------- */

			
				#page_10 p.error {
					padding: 10px 10px 10px 50px;
					margin: 0 15px 10px 0;
					border: 1px solid #B41000;
					border-left: 0px;
					border-right: 0px;
					background: transparent url(images/layout/error.gif) no-repeat 10px 50%;
				}
			
				#page_10 p.success{
					padding: 10px 10px 10px 50px;
					margin: 0 15px 10px 0;
					border: 1px solid #34A629;
					border-left: 0px;
					border-right: 0px;
					background: transparent url(images/layout/success.gif) no-repeat 10px 50%;
				}

				.contactform {
					position: static;
					overflow: hidden;
				}

				.contactleft {
					width: 15%;
					text-align: right;
					clear: both;
					float: left;
					display: inline;
					padding: 4px;
					margin: 5px 0;
				}

				.contactright {
					width: 80%;
					text-align: left;
					float: right;
					display: inline;
					padding: 4px;
					margin: 5px 0;
				}

				.contactform input, .contactform textarea {
					background: #343434;
					border: 1px solid #b5007b;
					color: #b2b2b2;
					height: 14px;
					padding: 4px;
					font: normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
					filter:alpha(opacity=75); /* IE6 + IE7 */
					-moz-opacity:0.75; /* FX */
					opacity: 0.75; /* ZE OTHERZ */
				}

				.contactform textarea {
					height: 140px;
					width: 373px;
				}

				.contactform .contacterror {
					border: 1px solid #B41000;
				}

				#contactsubmit {
					height: auto;
				}
			
			
			/* -------(  CONTENT : POST DETAIL )------- */ 

				div.post.news h2, div.post.ref h2 {
					width: 827px;
					height: 29px;
					overflow: hidden;
					margin: 0 0 15px 0;
					padding: 0px 0 2px 10px;
					font: normal 26px/31px Georgia, "Times New Roman", Times, serif;
					/* text-transform: lowercase; */
				}

				div.post.news h2 em, div.post.ref h2 em {
					color: #FFF;
					letter-spacing: -1px;
				}

				div.post.news h2 {
					background: transparent url(images/layout/titel-nieuws-leeg.png) no-repeat 0 0;
				}

				div.post.ref h2 {
					background: transparent url(images/layout/titel-referenties-leeg.png) no-repeat 0 0;
				}
				
				div.post.news a, div.newsItem a {
					border-bottom: 1px solid #B46300;				
				}
				
				div.post.news a:hover, div.newsItem a:hover {
					color: #B46300;
				}
				
				div.post.ref a, div.refItem a {
					border-bottom: 1px solid #00A1B4;				
				}
				
				div.post.ref a:hover, div.refItem a:hover {
					color: #00A1B4;
				}

				div.post.news a.reference, div.newsItem a.reference, div.post.ref a.reference, div.refItem a.reference {
					border-bottom: 0px;
				}

				div.post.ref h2 a, div.post.ref h2 a:hover, div.post.news h2 a, div.post.news h2 a:hover {
					color: #fff;
					border-bottom: 0px;
				}

				div.navigation {
					width: 817px;
					height: 20px;
					margin: 20px 0 0 0;
					padding: 10px 10px 0 10px;
				}
				
				div.post.news div.navigation {
					border-top: 1px solid #B46300;
					/* border-bottom: 1px solid #B46300; */
				}
				
				div.post.ref div.navigation {
					border-top: 1px solid #00A1B4;
					/* border-bottom: 1px solid #00A1B4; */
				}

				div.navigation div.alignleft {
					width: 408px;
					float: left;
				}

				div.navigation div.alignright {
					width: 408px;
					float: right;
					text-align: right;
				}

				#archief div.navigation {
					width: 550px;
					border-top: 1px solid #B48D00;
					border-top: 0px;
				}
				
				#archief div.navigation div {
					width: 275px;
				}
				
				#archief div.navigation div a {
					border-bottom: 1px solid #B48D00;
				}

				#archief div.navigation div a:hover {
					color: #B48D00;
				}
			
				#archief.Referenties div.navigation div a {
					border-bottom: 1px solid #00A1B4;
				}

				#archief.Referenties div.navigation div a:hover {
					color: #00A1B4;
				}
			
				#archief.Nieuws div.navigation div a {
					border-bottom: 1px solid #B46300;
				}

				#archief.Nieuws div.navigation div a:hover {
					color: #B46300;
				}

			/* -------(  CONTENT : POST DETAIL : COMMENTS )------- */ 

			
				#commentsWrapper {
					margin-top: 120px;
					padding: 10px 0 0 0;
					background: transparent url(images/layout/test.png) repeat 0 0;
				}

				#englishExcuse {
					background: transparent url(images/layout/test.png) repeat 0 0;
				}


				h2#comments, h2#respond {
					color: #fff;
					margin-left: 5px;
				}

				h2#respond {
					margin-top: 120px;
				}

				#commentform input, #commentform textarea {
					background: #343434;
					color: #b2b2b2;
					height: 14px;
					width: 250px;
					padding: 4px;
					font: normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
					filter:alpha(opacity=75); /* IE6 + IE7 */
					-moz-opacity:0.75; /* FX */
					opacity: 0.75; /* ZE OTHERZ */
				}

				#commentform textarea {
					height: 140px;
					width: 817px;
				}

				div.post.news #commentform textarea, div.post.news #commentform input {
					border: 1px solid #B46300;
				}
				
				div.post.ref #commentform textarea, div.post.ref #commentform input {
					border: 1px solid #00A1B4;			
				}

				#commentform  #submit {
					height: auto;
					width: auto;
				}


				dl.commentlist {
					width: 817px;
				}

				dl.commentlist dt {
					margin: 0;
					padding: 0;
					width: 215px;
					float: left;
					clear: left;
					padding-top: 15px;
					min-height: 60px;
				}

				dl.commentlist dd {
					margin: 0;
					padding: 0;
					width: 602px;
					float: left;
					min-height: 60px;
				}

				div.post.news dl.commentlist dd.notfirst, div.post.news dl.commentlist dt.notfirst {
					border-top: 1px solid #B46300;
				}
				
				div.post.ref dl.commentlist dd.notfirst, div.post.ref dl.commentlist dt.notfirst {
					border-top: 1px solid #00A1B4;			
				}

				em.approval {
					font-size: 11px;
				}