/*  
Theme Name: Compass
Theme URI: http://www.mindloop.be/
Description: Theme created by <a href="http://www.mindloop.be">Mindloop Webdesign</a> (widget ready). 


Version: 1.0
Author: Andy Mathijs
Author URI: http://www.mindloop.be/

This theme was designed and built by Andy Mathijs,
whose site you will find at http://www.mindloop.be/
*/

/*reset.css*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;}



/*fonts.css*/
body{font:11px geneva,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% geneva,arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}



/*standard theme stuff*/
#s, textarea, input
{
	background-color: #FFE298;
	border: 1px solid #FFB800;
	color: #3E1809;
	font-family: Geneva, Arial, Helvetiva, sans-serif !important;
	font-size: 10px;
	padding:4px;
}


#searchsubmit, #submit
{
	border: 1px solid #FFB800;
	background-color:#FFC83E;
	color:#8D2C05;
	font-family:Geneva,Arial,Helvetiva,sans-serif !important;
	font-size:10px;
	text-transform:uppercase;
	cursor: pointer;
}

.post ol, .commentlist ol
{
list-style:decimal;
padding:5px 0px 5px 0px;
list-style-position:inside;
}

.post ul, .commentlist ul
{
list-style:disc;
list-style-position:inside;
padding:5px 0px 5px 0px;
}

.post li, .commentlist li
{
	padding-bottom:5px;
}

.post strong, .post b
{
	font-weight:bold;
}

.post em, .post i
{
font-style:italic;
}

.post a {
	color: #8D2C05;
	text-decoration: none;
}

.post a:hover {
	text-decoration: underline;	
}

.page_item .page_item, #sidebar ul.children
{
	margin-left:20px;
}

#calendar_wrap td, #calendar_wrap thead tr th
{
	padding:3px;
}

#calendar_wrap thead
{
	background-color:#666666;
	color:white;
	
}

#calendar_wrap caption
{
	text-align:center;
	
}

#searchsubmit
{
	display:block;
	margin-top:5px;
}
/**********************/



div.clear
{
clear:both;
height:0px;
width:0px;
overflow:hidden;
}


body
{
	background-color:white;
	/*margin:10px;*/
	background-image:url(images/bgrd.gif);
}

#page
{
	width:822px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	border-left:3px solid white;
	border-right:2px solid white;
	background-image:url(images/bodybgrd.jpg);
	background-repeat:repeat-y;
	background-color:#FFB802;	
	

}

#header
{width:822px;
height:480px;
padding-left:0px;

background-color:#FFB802;
background-image:url(images/headerbgrd.jpg);

}

#header .headertag {
	font-family: Georgia, Times, 'Times New Roman', serif;
	Font-size: 10px;
	text-transform: uppercase;
	color: #D9541E;
	text-align: center;
	padding-top: 5px;
	letter-spacing: .1em;
}

#header .headertag img {
	padding-left: 3px;
	padding-right: 3px;	
}

#header .logo img {
	position: relative;
	top: 3px;
	left: 288px;	
}

#header .line img {
	margin: 100px auto;	
}

#header .announce, #header .announce a {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 23px;
	color: #8D2C05;
	letter-spacing: .01em;
	font-variant: small-caps;
	text-align: center;
	padding-bottom: 10px;	
	text-decoration: none;
}

#header .announce a:hover {
	color: #3E1809;
}

#header .book {
	background-image: url(images/bookbgrd.gif);
	background-repeat: no-repeat;
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #D9541E;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;
	height: 51px;	
	width: 163px;
	float: right;
	margin-top: -115px;
	margin-right: 10px;
	padding: 7px 1px;
}

#header .book a{
	color: #D9541E;
	text-decoration: none;
	margin-top: 10px;
	width: 163px;
	height: 51px;		
}

#header .book a:hover {
	color: #8D2C05;
	text-decoration: none;
}

div.ruler {
	height: 1px;
	border-top: 1px solid #FFB800;
	margin: 2px auto;
	width: 70%;
	padding: 0 !important;
}

div.ruler hr {
	display: none;
}

br {
	clear: both;
}


ul#themenu  {
	padding: 0 0 25px;
	margin: 0;
	list-style: none;
	position:relative;
	top: 25px;
	line-height: normal;
	text-align: center;
  }

#themenu li
{
	display: inline;
	position: relative;
}

#themenu li ul {
	background-color:#FFCE4E;
	border:1px solid #FFB800;
	display:none;
	left:0;
	padding:7px 0;
	position:absolute;
	width:16em; 
	z-index: 100;
	line-height: normal;
	text-align: left;
 }
 
#themenu li ul li {
	display: block;
	padding: 2px 0;
	left: -2px;
	margin-left: 0;
}

li > ul {
	top: auto;
	left: auto;
	}

#themenu li:hover ul, #themenu li.over ul { 
	display: block; 
	}

#themenu li a {
	padding: 0 21px;
	color: #D9541E;
	text-decoration:none;
	font-family: 'Times New Roman', Times, Georgia, serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .05em;
}

#themenu li a:hover
{
	color:#8D2C05;
}




#content
{float:left;
clear:left;
display:inline;
margin-left:20px;
margin-top: -160px;
width:450px;
}

.client-page #content, .work-order #content {
	margin-top: -320px;	
}

.work-order .book, .work-order #themenu, .work-order .list, .work-order .announce {
	display: none;	
}

#page .page, #content.widecolumn {
	width: 580px;	
	margin-left: 120px;
}

	#content .post
	{
		margin-bottom:15px;

		
	}

	#content .post img
	{
		border:1px solid #FFB800;
		max-width: 200px;
		max-height: 200px;
		padding: 2px;
		background-color: #FFD875;
		margin: 2px;
	}
	
	#content .post img.quote {
		background: none;
		border: none;
		float: left;
		margin-left: 0;
		padding-left: 0;
		padding-right: 10px;
		padding-bottom: 0;
                opacity: .25;
                filter:alpha(opacity=25);
	}

	#sidebar .post img
	{
		border:1px solid #FFB800;
		max-width: 125px;
		max-height: 125px;
		padding: 2px;
		background-color: #FFD875;
		margin: 2px;
	}

	#content .post h2 , #sidebar h2, h3#comments, h3#respond, h2.pagetitle, h2.center, #content .post h5, #page .page h4
	{
		display:block;
		color: #3E1809;
		font-size: 24px;
		margin-top:5px;
		margin-bottom:5px;
		font-family:Georgia, "Times New Roman", Times, serif;
		text-align: center;
		letter-spacing: .05em;
		font-variant: small-caps;
	}
	
	#content .post h5 {
		margin-bottom: 10px;
		text-align: left;	
	}
	
	#content h4, #sidebar h4, #page .page h2 {
		display:block;
		color: #D9541E;
		font-size: 23px;
		margin-top:20px;
		padding-top: 2px;
		padding-bottom: 1px;
		font-family:Georgia, "Times New Roman", Times, serif;
		text-transform: uppercase;
		text-align: center;
		letter-spacing: .1em;
		background-color: #FFD875;
		border: 1px solid #FFB800;
	}
	
	#page .page h4 {
		background: none;
		border: none;
		font-size: 24px;
		margin-top: 5px;
		letter-spacing: .05em;
		font-variant: small-caps;
		text-transform: none;
	}
	
	#content h4 a, #sidebar h4 a {
		text-decoration: none;
		color: #D9541E !important;		
	}
	
	#content h4 a:hover, #sidebar h4 a:hover {
		color: #8D2C05 !important;
		text-decoration: none;
	}
	
	#content table {
		width: 100%;	
	}
	
	#content table td {
		padding: 0 10px 0 10px;	
		vertical-align: top;
		width: 50%;
	}
	
	table#disco td {
		width: auto;	
	}
	
	#page .page h2 {
		margin-bottom: 10px;	
	}
	
	#page .page h3, #page .page h1, .entry h1, #page .page .rate, .entry ol li strong, .gearlist ul li strong {
		font-size: 13px;
		color: 	#8D2C05;
		text-align: center;
		text-transform: uppercase;
		padding-bottom: 5px;
		padding-top: 5px;
		font-weight: normal;
	}
	
	/** Adjustment for Press page **/
	#post-773.post .entry h3 {
		text-align: left;	
	}
	
	.entry ol li, .gearlist ul li {
		list-style: none;
		line-height: 170%;
	}
	
	.entry ol.numbered li {
		list-style-type:inherit;
		margin-left: 25px;	
	}
	
	#page .page .rate {
		text-align: left;	
	}
	
	#page .page h1, .entry ol li strong {
		font-size: 11px;
			
	}

	#content .post h2 a, .navigation a, #sidebar .post h2 a
	{
		color:#3E1809;
		text-decoration: none;
	}
	
	#content .post h2 a:hover, #content .post h3 a:hover, .navigation a:hover, #sidebar .post h2 a:hover
	{
		color:#8D2C05;
	}
	
	.alignright {
		float: right;
		padding-top: 10px;
	}
	
	.alignleft {
		float: left;
		padding-top: 10px;
	}

	#content .post p, .commentlist p, #sidebar .post p
	{
		line-height:170%
	}
	
	#content .post p a, #sidebar .post p a, #sidebar div a
	{
		color: #8D2C05;
	}	
	
	#content .post p, #sidebar .post p
		{
			margin-bottom:15px;
			color: #3E1809;
			text-align: justify;
			}

	#content .post blockquote
	{
		padding:10px;
		background-color:#DCF0FC;
		color:black;
		border:2px solid #FFCE8A;
		font-style:italic;
		margin:10px;
	}

	#content .post blockquote blockquote
	{
		background-color:white;
		color:black;
	}

#content .post small
{
	display:block;
	margin:5px 0px 7px 0px;
}

#content .post p.postmetadata, #sidebar .post p.postmetadata
{
	display:block;
	clear:both;
	text-align:center;	
	margin-bottom:5px;
}

#content .post p.postmetadata a, #sidebar .post p.postmetadata a, #content .post small a, #content p a
{
color: #8D2C05 !important;
text-decoration: none;
}

#content .post p.postmetadata a:hover, #sidebar .post p.postmetadata a:hover, #content .post small a:hover, #content p a:hover
{
text-decoration: underline;
}


/*The comments*/


.commentlist li
{
	display:block;
	background-color:#FFE298;
	padding:5px;
	border: 1px solid #FFB800;
	margin-bottom:15px;
}

/*name of author*/
.commentlist li cite ,.commentlist li cite a 
{
	color:#8D2C05;
}



.commentlist li small.commentmetadata
{
	display:block;
	margin:10px 0px 10px 0px;
	color:#0CC4E8;
	
}



.commentlist li a
{
	color:#8D2C05;
	text-decoration: none;
}

.commentlist li a:hover {
	text-decoration: underline;	
}



#commentform
{
}

#commentform p {
	
text-align: center;
}

#commentform a
{
	color:#CC9900;
}

#commentform input, #commentform textarea
{
	margin-top:5px;
}

h3#comments, h3#respond
{
margin-top:30px;
}


#sidebar
{float:right;
margin-right:20px;
margin-top: -160px;
width:305px;
margin-bottom:25px;
display: inline;
}

#sidebar a
{
	color:#CC9900;
	text-decoration:none;
	padding-left:0px;
}




#sidebar li
{
		margin-top:5px;
}

#sidebar a:hover
{
text-decoration:underline;

}

#footer
{
clear:both;
margin-top:50px;
padding-top:5px;
padding-right:10px;
text-align:center;
font-size: 10px;
font-family: Geneva, Arial, Helevetica, sans-serif;
color: #3E1809;
background-image:url(images/footerbgrd.jpg);
background-repeat:no-repeat;
background-position: bottom;
margin-bottom: 10px;
}

#footer div {
	padding-top: 25px;	
}

#footer p {
 line-height: 150%;	
}

#footer a
{
	color: #3E1809;
	padding-bottom:1px;
	text-decoration: none;
}

#footer a:hover
{
	color: #D9541E;
	text-decoration: underline;
}

#bottomtag {
	color: #D9541E;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: .1em;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}


.commentlist li ul li, .commentlist li ol li
{
	border-left:0px solid white;
}

.commentmetadata a
{
	color:#0CC4E8;
}

.cform {
	margin: 0 auto !important;
	width: 605px !important;

}

.list .cform, .list .signup {
	margin-left: 146px;
	margin-top: -19px;	
}



.entry .cform {
	width: 580px !important;	
}

.list .cform label {
	display: none !important;
}

.entry div.join {
	display: none;	
}

.entry ol.cf-ol li {
	float: none;
	display: block;
	margin: 5px 0 !important;	
}

.entry .cform label, .entry .cform label span {
	width: 230px;	
}

.entry .cform textarea, .entry .cform input {
	width: 180px;	
}
	

.cform input.sendbutton, #mc_signup_submit {
	background: #D9541E url(images/gobgrd.gif) no-repeat !important;
	border-width: 0 !important;
	width: 25px !important;
	color: #FFD875 !important;
	font-family: Geneva, Arial, Helvetiva, sans-serif !important;
	font-size: 10px !important;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	padding: 5px 5px 4px 6px;
}

.mc_signup_submit {
	clear: none !important;	
	padding: 0 !important;
	text-align: left !important;
}



.cform input, .cform textarea, .cform select, .list input {
	background-color: #FFD466 !important;
	border-color: #FFB800 !important;
	color: #3E1809;
	font-family: Geneva, Arial, Helvetiva, sans-serif !important;
	font-size: 10px !important;
}

.cform input:hover, .cform textarea:hover, .cform input:focus, .cform textarea:focus, .list input:hover, .list input:focus {
	background-color: #FFE298 !important;
}

ol.cf-ol li, .list li {
	float: left;
	padding-right: 7px	!important;
	margin: 0 !important;
	display:inline;	
}

.list ol {
	width: 600px;
}

.list p.cf-sb {
	position: relative;
	bottom: 33px;
	left: 20px;
}

#content .post .entry p.cf-sb {
	text-align: center;
	}

#header .join {
	color: #3E1809;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 12px;	
	margin-bottom:10px;
	margin-left:250px;
}

#header .list {
	position: relative;
	left: 112px;
	top: 10px;
	margin: 0 auto;
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
	#header .list {
		left: 85px;
	}	
	
	#header .join {
		margin-left: 270px;	
	}
	
	.cform input.sendbutton, #mc_signup_submit {
		padding: 6px 5px 7px 5px;
	}
	
}

#mc_signup_container {
	
}

#test {
	
}
#mc_signup_form {
	
}

.list div.success {
	background: none !important;
	color: #8D2C05 !important;
	font-variant: small-caps;
	font-size: 15px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	text-align: center;
}

.list .updated {
}

.entry div.success {
	background: none !important;
	color: #3E1809 !important;
	font-size: 11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 170%;
	text-align: justify;
}

div.cf_info {
	margin: 0 !important;
	padding: 0 !important;
	width: 605px !important;
}

.entry div.cf_info {
	width: 555px !important;	
	padding: 5px !important;
}

img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}

.mc_custom_border {
	padding: 0px !important;	
}

#mc_signup_form label {
	clear: none !important;	
	padding:4px 3px;
}

#mc_signup_form input {
	clear: none !important;	
	margin-right:5px;
}

.list .moveup {
	position:relative;
	top:-27px;
}

/* Work Order Form */

#cforms5form.cform fieldset {
	background: none;
	border: 1px solid #FFEEC3;	
}

#cforms5form.cform legend {
	color:#D9541E;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:20px;
	letter-spacing:0.1em;
		margin-left:10px;
		padding:0 2px;
	text-transform:uppercase;
}

#cforms5form ol.cf-ol li.textonly {
	background-color: #FFE298 !important;	
	padding: 5px !important;
}

#cforms5form ol.cf-ol li.subtext {
	background-color: #FFD466 !important;
}

#cforms5form.cform label, #cforms5form.cform label span {
	width: 260px;	
}

#cforms5form.cform label {
	margin-left: 10px;	
}

#cforms5form.cform input, #cforms5form.cform textarea {
	width: 260px;	
}

#cforms5form.cform textarea {
	line-height: 150%;	
}

#cforms5form.cform fieldset.cf-fs1 input, #cforms5form.cform fieldset.cf.cf-fs1 textarea {
	width: 200px;	
}

#cforms5form.cform input.cf-box-a, #cforms5form.cform input.cf-box-b, #cforms5form.cform fieldset.cf-fs1 input.cf-box-a, #cforms5form.cform fieldset.cf-fs1 input.cf-box-b {
	width: 14px;	
}

#cforms5form.cform input.sendbutton {
	background-color:#FFE298 !important;
	background-image:none !important;
	width: 100px !important;
	color: #D9541E !important;
	border: 1px solid #FFB800 !important;
}

#content .post #cforms5form img.imgcalendar {
	margin: 0 0 0 4px;
	padding: 0;	
}