/* 
FloorHouse (v1) Main stylesheet
------------------------------
Created for www.FloorHouse.be by tom.mampaey@floorhouse.be
 */

/* @group undoHTML */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

@charset utf-8;

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol,li { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:12px; }


h2{
margin-top: 10px!important; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border: none; color:#EA3D01;  }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

/* @end */

/* @group basic */

html {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #C8C8C8;
	margin: 10px 0px 0px 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container { 
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	background-image:url(background/background.gif);
} 
#header { 
	padding: 0;
	margin: 0;
}
#header #logo {
	margin: 0;
	padding: 0;
	width: 229px;
	float: left;
	height: 126px;
}
#header #topImage {
	margin: 0;
	padding: 0;
	width: 671px;
	float: left;
	background-color: #C8C8C8;
	height: 102px;
}
#header #mainNav {
	margin: 0;
	padding: 0;
	width: 671px;
	float: left;
	background-color: #C8C8C8;
	height: 24px;
	font-size: 11px;
	font-weight: bold;
}
#mainNav ul{
	padding: 0;
	margin: 0;
}
#mainNav li {
	float: left;
	background-image: url(background/buttonContent.jpg);
	background-repeat: repeat-x;
	height: 24px;
	padding-top: 2px;
	color: #ea3d01;
}
#mainNav li.between {
	float: left;
	height: 24px;
	width: 31px;
	background-image: url(background/buttonBetween.jpg);
	background-repeat: no-repeat;	
}
#mainNav li.left {
	float: left;
	height: 24px;
	width: 25px;
	background-image: url(background/buttonLeft.jpg);
	background-repeat: no-repeat;	
}
#mainNav li.right {
	float: left;
	height: 24px;
	width: 23px;
	background-image: url(background/buttonRight.jpg);
	background-repeat: no-repeat;	
}
#mainNav a:link {
	color:#333333;
}
#mainNav a:visited {
    color: #333333;
}
#mainNav a:hover {
    color: #ea3d01;
}
#breadCrumb {
	margin: 0;
	padding: 0;
	width: 878px;
	float: left;
	background-color: #FFFFFF;
	height: 16px;
	background-image:url(background/breadCrumb.jpg);
	background-repeat:no-repeat;
}
#breadCrumb ul{
	padding: 0;
	margin-right: 6px;
}
#breadCrumb li {
	margin-left: 4px;
	padding: 0;
	float: right;
	color: #ea3d01;
	font-size: 10px;
}
#breadCrumb a {
	color: #333333;
}
#breadCrumb a:visited {
    color: #333333;
}
#breadCrumb a:hover {
    color: #ea3d01;
}
#contentContainer {
	background-image:url(background/sidebarLeft.jpg);
	background-repeat: repeat-y; 
	width: 871px;
	float: left;
	padding: 0;
	margin: 0;
	min-height: 300px;
}
/*--------------------sidebar ------------------------------*/
#sidebarLeft {
	float: left;
	width: 191px;
	padding: 0;
}
#sidebarLeft ul
{
	padding:0px;
	margin:0px;
	padding-left:8px;
}
.sidebar_title
{
	background:url(images/sidebar_title.png) no-repeat;
	width:179px;
	height:25px;
}
#sidebarLeft ul ul
{	
	padding-left:10px;
	padding-right:35px;	
}
#sidebarLeft ul li
{
	margin-bottom:30px;
	height:1%;
}
#sidebarLeft ul ul ul
{
	padding-top:13px;
}
#sidebarLeft ul ul li
{
	padding-bottom:10px;
	font-size:11px;
	background:url(images/li_img.jpg) no-repeat left 3px;
	padding-left:10px;
	margin-bottom:0px;
}
#sidebarLeft ul ul li a, #sidebarLeft ul ul li a:visited
{
	color:#000;
}
#sidebarLeft ul ul li a:hover
{
	color:#676767;
}
.sidebar_title h2
	{
		padding-left:20px;
		color:#fff;
		font-size:13px !important;
	}
.search
	{
		padding-bottom:21px;
		padding-left:6px;
	}
.searchText
	{
		float:left;
		width:98px;
		border:solid 1px #000;
		background:#ffffff;
		font-size:13px;
		font-family:arial;
		margin:0px;
		padding:2px;
		margin-top:2px;
		color:#353535;
		height:14px;
		margin-right:3px;
	}
.go
	{
		float:left;
		border:0px;
		font-size:14px;
	    font-family:Tahoma,Arial, Helvetica, sans-serif;
	    font-weight:normal;
		color:#ea3d01;
		background:none;
		font-weight:normal;
		margin:0px;
		padding:0px;
		cursor:pointer;
		width:50px;
		padding-top:1px;
	}
/*----------------contentArea------------------------------*/
#mainContent {
	padding: 0;
	float: left;
	width: 670px;
	background-color:#FFFFFF;
	padding-top:10px;
}
#mainContent a {
	color: #ea3d01; text-decoration:underline;
}

#mainContent a h3 {
	color: #ea3d01; text-decoration:none;
}

#mainContent a:visited {
    color: #ea3d01;
}
#mainContent a:hover {
    color:#000000;
}
.story
	{
		overflow:hidden;
		padding-bottom:32px;
		color:#3e3e3e;
		padding-left:5px;
	}
.storyTitle
	{
		position:relative;
	}
.storyTitle	h3
	{
		font-size:18px;
		font-weight:normal;
		color:#ea3d01;
		float:left;
		width:550px;
		padding-top:8px;
	}
.storyTitle	h3 a, .storyTitle h3 a:visited
	{
		text-decoration:none !important;
		color:#ea3d01;
	}
.storyTitle	h3 a:hover
	{
		text-decoration:none;
		color:#5baa00;
		cursor:pointer;
	}
.author
	{
		font-size:11px;
		padding-top:4px;
	}
.author span
	{
		color:#5baa00;
	}
.dt
	{
		width:85px;
		float:left;
		height:59px;
		background:url(images/dtbg.jpg) no-repeat;
		margin-right:4px;
		color:#000;
	}
.date
	{
		font-size:20px;
		font-weight:bold;
		text-align:center;
	}
.mon
	{
		text-align:center;
		font-size:12px;
	}
.storyContent
	{
		padding-top:10px;
		color:#3e3e3e;
		padding-left:14px;
	}
.comment_tag
	{
		border-top:solid 1px #e8e8e8;
		height:1%;
		padding:10px 3px;
		margin-top:10px;
		margin-left:14px;
	}
.story_comment
	{
		float:right;
		width:130px;
		text-align:right;
	}
.story_ext
	{
		float:left;
		width:300px;
	}
.ext
	{
		font-size:13px;
		color:#3e3e3e;
	}
.ext a, .ext a:visited
	{
		text-decoration:none;
		font-size:13px;
		color:#5baa00;
	}
.ext a:hover
	{
		text-decoration:underline;
	}
.story_comment a, .story_comment a:visited
	{
		text-decoration:none;
		font-size:13px;
		color:#5baa00;
	}
.story_comment a:hover
	{
		text-decoration:underline;
	}
.storyContent img
	{
		float:left;
		margin:10px;
		margin-left:0px;
	}
.storyContent h1, .storyContent h2, .storyContent h3, .storyContent h4, .storyContent h5, .storyContent h6
	{
		padding-bottom:10px;
	}
.story p
	{
		padding-bottom:10px;
	}	
/*********************************************************/
.comment_template
	{
		padding-left:10px;
		padding-top:25px;
	}
blockquote
	{
		padding:10px 12px 0px 12px;
		width:400px;
		font-size:13px;
		border:dashed 1px #b9ccdf;
	}
h2.center
	{
		color:red;
		font-size:16px;
		font-weight:bold;
		text-align:center;
		padding:10px;
	}
h3#respond
	{
		color:#115788;
		font-size:17px;
		font-weight:bold;
		padding-bottom:13px;
	}
/*#commentform p a, #commentform p a:visited
	{
		color:#8da9c7;
		text-decoration:none;
	}
#commentform p a:hover
	{
		text-decoration:underline;
	}*/
	
	
/* ------------- comments.php --------------- */
#comment
	{
		font-family:verdana;
		font-size:12px;
		color:#747373;
		line-height:150%;
		border:solid 1px #a8a8a8;
		width:450px;
		background:#ffffff;
		height:100px;
	}
.commentClass
	{
		background:url(images/comments_bg2.gif) no-repeat;
		width:450px;
		height:348px;
		padding:20px 25px;
	}
.commentClass label
	{
		color:#115788;
		font-size:12px !important;
		padding-left:10px;
	}

#author
	{
		font-family:verdana;
		font-size:12px;
		color:#747373;
		padding:2px;
		border:solid 1px #a8a8a8;
		width:400px;
		background:#ffffff;
	}
#email
	{
		font-family:verdana;
		font-size:12px;
		color:#747373;
		padding:2px;
		border:solid 1px #a8a8a8;
		width:400px;
		background:#ffffff;
	}
#url
	{
		font-family:verdana;
		font-size:12px;
		color:#747373;
		padding:2px;
		border:solid 1px #a8a8a8;
		width:400px;
		background:#ffffff;
	}
#submitcomment
	{
		background:none;
		border:solid 1px #d1d1d1 !important;
		background:url(images/button_bg.gif) repeat-x top #e2e2e2;
		color:#014c80;
		padding:2px;
	}	
.lblextra
	{
		color:#115788;
		font-size:12px !important;
		padding-left:10px;
		position:absolute;
		margin-top:-120px;
		margin-left:210px;
	}
/*response or comments in comments.php*/
h3#comments
	{
		color:#353535;
		padding-top:5px;
		padding-bottom:15px;
		font-size:15px;
		font-weight:bold;
		padding-left:15px;
	}

/* comment by any user (user name will be link) */
/*ul.commentlist li a, ul.commentlist li a:visited
	{
		color:#8da9c7;
		text-decoration:none;
	}
ul.commentlist li a:hover
	{
		text-decoration:underline;
	}*/

/* search result's title */
h2.pagetitle, .article h2
	{
		color:#afafaf;
		font-size:22px;
		font-weight:normal;
		padding-top:5px;
		padding-bottom:20px;
		padding-left:15px;
	}
	
/* no match found in search */
.error
	{
		color:#afafaf;
		font-size:22px;
		font-weight:normal;
		padding-top:0px;
		padding-bottom:10px;
		padding-left:15px;
	}

/*if there is any list posted by user in comment*/
.storyContent ul, ol
	{
		margin-left:20px;
		margin-bottom:15px;
		padding:5px;
	}
.storyContent ol li
	{
		list-style:decimal !important;
	}
.storyContent ul li
	{
		list-style:square !important;
	}
/************************************/
.commentAvatar
	{
		float:left;
	}

.fl_right
	{
		padding:0px 0px;
		height:1%;
	}
.fl_left
	{
		padding-bottom:5px;
	}
.commentText
	{
		padding:8px 5px 0px 5px;
		line-height:15px;
		border-top:dashed 1px #e1e1e1;
	}
.avatarImg
	{
		float:left;
		border:solid 1px #e1e1e1;
		padding:2px;
		margin-left:5px;
	}
.commentAuthor
	{
		float:left;
		padding-left:20px;
		padding-top:2px;
	}
.authorName
	{
		padding:3px 0px 3px 0px;
		font-size:13px;
	}
.commentTime
	{
		font-size:11px;
		letter-spacing:1px;
	}
.authorLink
	{
		padding-top:5px;
		
	}
/*********************************************************/

/* Begin Comments*/
.alt {
	/*margin:0px;
	padding:0px;
	border:solid 1px #f3c377;*/
	/*border-left:none !important;
	border-right:none !important;*/
	/*height:1%;*/
	}
ul.commentlist {
	padding:0px;
	margin:0px;
	text-align: justify;
	width:615px;
	}
.commentlist li {
	margin:0px;
	padding: 0px;
	margin-bottom:30px;
	list-style: none;
	height:1%;
	}
.commentlist li cite img
	{
		border:0px;
		vertical-align:middle;
	}


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

.commentmetadata {
	margin: 0;
	margin-top:3px;
	display: block;
	padding:0px 0px 0px 0px;
	}
/* CALENDER STYLE */
/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin:0px auto;
	padding: 0px;
	width: 200px;
	font-size:12px;
	color:#555555;
	text-align:center;
	}
#wp-calendar th
	{
		color:#c10000;
	}
#wp-calendar #today
	{
		color:#353535;
		font-weight:bold;
	}
#wp-calendar #next a {
	padding-right: 5px;
	color:#c10000;
	text-align: right;
	background:none;
	text-decoration:none;
	}
#wp-calendar #next a:hover
	{
		text-decoration:underline;
		background:none;
	}
#wp-calendar #prev a {
	padding-left: 5px;
	text-align: left;
	color:#c10000;
	background:none;
	text-decoration:none;
	}
#wp-calendar #prev a:hover
	{
		text-decoration:underline;
		background:none;
	}
#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align:center;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:10px;
	width:200px;
	/*color:#105a82;*/
	/*background:#cfcfd0;*/
	}
	
#wp-calendar td a, #wp-calendar td a:visited {
	border-left: none;
	padding:0px;
	color: #c10000;
	text-decoration:none;
	font-weight:bold;
	font-size:11px !important;
}
#wp-calendar td a:hover {
	background: none;
	border-left: none;
	font-weight:bold;
	text-decoration: underline;
}

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

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




/************************************************/
.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;
   /* optional rounded corners for browsers that support it */
   /*-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;
}
.navigation
{
	padding:10px 0px 20px 0px;
}
.navigation a:hover
{
	text-decoration:underline;
}
.alignleft
{
	float:left;
}
.alignright
{
	float:right;
}
	
/************************************/
#footer { 
	padding: 0;
	background:#DDDDDD;
} 
#footer #left{ 
	margin: 0;
	background:#DDDDDD;
	width: 190px;
	background-image:url(background/footerLeft.jpg);
	height: 70px;
	float: left;
}
#footer #left p{ 
	padding: 30px 0px 0px 10px;
	margin: 0;
	font-size:9px;
	color:#666666;
	line-height: 11px;
}
#footer #middle{ 
	padding: 0;
	margin: 0;
	background:#DDDDDD;
	width: 680px;
	background-image:url(background/footerMiddle.jpg);
	height: 70px;
	float: left;
}
#footer #middle ul{
	padding: 0;
	margin-top: 8px;

}
#footer #middle li {
	float: left;
	margin-right: 3px;
	height: 24px;
	padding-top: 2px;
	font-size:9px;
	line-height: 11px;
	color:#666666;
}
#footer a {
	color: #666666;
}
#footer a:visited {
    color: #666666;
}
#footer a:hover {
    color: #ea3d01;
}
#footer #right{ 
	padding: 0;
	margin: 0;
	background:#DDDDDD;
	width: 28px;
	background-image:url(background/footerRight.jpg);
	height: 70px;
	float: left;
}
#footer p {
	margin: 0;
	padding: 10px 0;
}
.fltrt {
	padding-top: 6px;
	float: right;
	padding-left: 6px;
	margin-right: 8px;
}
.fltlft { 
	margin-top: 4px;
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#sidebarLeft h2 {
	font-size:10px
	
}

#mainContent h1 {
	
border-bottom:1px solid #999999;
color:#EA3D01;
font-family:tahoma;
text-decoration:none!important;
font-size:20px;
margin-bottom:12px;
padding:8px;
width:94%;
	
}

#mainContent h1 a {
	

text-decoration:none!important;
	
}

#sitemap h3 {
    font-size: 18px;
    color: #000;
    padding-top: 15px;
    padding-bottom: 5px;
}

.tagcloud a {
 	color: #333333 ;}
	
.tagcloud a:hover {
 	color: #666666 ;}