/*
Theme Name: Hello You!
Theme URI: http://www.centraldesign.be/
Description: Version 2.1 of the Hello You! theme designed by <a href="http://www.centraldesign.be/">Central</a>. <b>Updated: Firefox 3 compatible.</b>
Version: 2.1
Author: Geoffroy Delobel | Central
Author URI: http://www.centraldesign.be/

	Hello You! v2.1
	http://www.centraldesign.be/

	This theme was designed and built by Geoffroy Delobel (http://www.centraldesign.be/)

*/


/* @group Global */


*{
	padding: 0;
	margin: 0;
}

HTML{
	border: 0;
}

BODY{
	border: 0;
	color: #363836;
	background: #eeefeb;
	font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

A,
A:link{
  color: #363836;
	text-decoration: underline;
}
A:visited{color: #666666;}
A:hover,
A:active{color: #ff5500;}

:focus{
	outline: 0;
}

UL, LI{
  list-style: none outside;
}

H1{
  font: bold 26px/28px Helvetica, Arial, sans-serif; 
}

H2{
  font: 20px/normal Helvetica, Arial, sans-serif;  
}

/* float clearing for IE6 */
* html .clearfix{
	height: 1%;
	overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
	min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.count{
	opacity: 0.6;
  font-weight: bold;
}

.center{
   text-align: center;
}

.help,
.help A{
   color: #666666;
}

.meta{
	clear: both;
	font-size: 9px;
	line-height: 13px;
	padding: 0;
	margin: 0 !important;
}

.meta + .meta{
}

.meta LI{
	float: left;
	margin: 1px 2px 1px 0;
}

.meta LI A,
.meta LI A:visited,
.meta LI SPAN{
	display: block;
	background-color: White;
	padding: 2px 5px 3px;
	white-space: nowrap;
}

.meta LI A{ text-decoration: underline !important; }

.meta LI A:hover,
.meta LI A:active{
	color: White;
	background-color: #ff5500 !important;
}

.meta LI SPAN A,
.meta LI SPAN A:hover,
.meta LI SPAN A:active{
	color: #363836 !important;
  	display: inline !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	text-decoration: underline;
}
.meta LI SPAN A:hover,
.meta LI SPAN A:active{
	color: #ff5500 !important;
}

.meta .metaComments,
.meta .metaComments A{
  font-weight: bold !important;
}

/* @end */

/* @group Header */

#header{
  display: none;
}

/* @end */

/* @group Footer */

#footer{
	clear: both;
	display: none;  
}

/* @end */

/* @group Main */

#main{

}

/* @end */


#logo{
	position: absolute;
	top: 35px;
	left: 0px;
	z-index: 100;
	overflow: hidden;
	width: 113px;
	height: 105px;
}

#logo A{
	display: block;
	width: 113px;
	height: 105px;
	text-indent: -1000px;
	background: #ff5500 url(images/logo.gif) no-repeat 0 0;
	
	font: bold 36px/30px Helvetica, Arial, sans-serif;
	padding: 15px 10px 35px;
	padding-left: 20px;
	color: #eeefeb !important;	
	text-decoration: none !important;
	
	overflow: hidden;
}

#logo A:hover{
	background-position: 0 -150px !important;
}

/* @group Sidebar */

#sidebar{
	position: absolute;
	top: 35px;
	padding-top: 150px;
	left: 20px;
  	width: 220px;
	padding-bottom: 50px;
	font-size: 9px;
	line-height: 13px;
}

#sidebar H1{
	display: none;
}

#sidebar H2{
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-right: 6px;
	/*
	background: transparent url(images/sidebar_h2_bg.gif) repeat-x left center;
	*/
}

#sidebar H2 SPAN{
	background: #eeefeb;
}

#sidebar H2 A{
	color: #363836;
	text-decoration: none;
}
#sidebar H2 A:hover,
#sidebar H2 A:active{
	color: #ff5500;
	text-decoration: none;
}

#sidebar .podPlus{
	float: left; 
	margin-top: -1px;
	background: #eeefeb;
}

#sidebar #podPages H2{
	display: none;
}

#sidebar #pods{

}

#sidebar #pods LI{
	clear: both;
	margin: 0;
	padding: 0;
}

#sidebar #pods LI UL{
	color: #5b5d5a;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
}

#sidebar #pods LI UL LI{
	margin: 6px 0;
}

#sidebar #pods LI UL LI A{
	color: #5b5d5a;
}

#sidebar #pods LI UL LI A:visited{color: #666666;}
#sidebar #pods LI UL LI A:hover,
#sidebar #pods LI UL LI A:active{color: #ff5500;}

#sidebar #podSearch{
	margin: 25px 0;
	margin-bottom: 28px;
}

#sidebar #podSearch .inputText{
	color: #b5b5b5;
  	background: White url(images/search_icon.gif) no-repeat left;
	border: 0px;
	padding: 5px 5px 6px 5px;
	padding-left: 25px;
	margin: 6px 0;
	font: 12px/normal "Lucida Grande", Lucida, Verdana, sans-serif;
	overflow: hidden;
	width: 190px;
}

/* @end */

/* @group Content */

#content{
  	min-height: 300px;
	left: 0;
	top: 0;
	margin-left: 270px;
	padding-top: 35px;
	padding-bottom: 75px;
}

.contentFiltered{
	margin-bottom: 30px;
}

.contentFiltered H1,
.contentFiltered P{
	float: left;
	font: 9px/13px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
	padding: 2px 5px 3px;
}

.contentFiltered H1{
	color: White;
	background-color: #ff5500;
	font-weight: bold;
}

.contentFiltered H1 STRONG{
   font-style: italic;
}

.contentFiltered P{
	clear: right;
	font-weight: bold;
}

#noResults{
	padding-right: 20px;
	margin-bottom: 10px;
	margin-top: 50px;
}

#noResults H1{
	font: 72px/80px Helvetica, Arial, sans-serif;
	font-weight: bold;
	opacity: 0.2;
	white-space: nowrap;
}

.contentDescription{
	padding-bottom: 2px;
	margin-bottom: 30px;
	width: 470px;
}

/* @group Post */

#posts,
#singlePost{
}

.postWrapper{
	clear: both;
	width: 530px;
	margin-bottom: 30px;
}

.post{
	float: left;
	clear: left;
	padding: 20px;
	margin-bottom: 30px;
	background: White;
}


.post .meta LI A,
.post .meta LI SPAN{
	background-color: #eeefeb;
}
.post .metaCatItem A:link,
.post .metaCatItem A:visited{
	background-color: #f7f7f5;
}

.post .postHeader{
}

.post .postHeader H1{
	width: 470px;
	margin-bottom: 2px;
}

.post .postHeader H1 A,
.post .postHeader H1 A:visited{
	color: #363836;
	text-decoration: none;
}
.post .postHeader H1 A:hover{
	color: #ff5500 !important;
}


.post .postContent{
	padding:  8px 0;
	margin-top: -12px;
}

.postContent P{
	margin: 12px 0;
}

.postContent P+P{
	width: 470px;
}

.postContent P+BLOCKQUOTE{
	width: 470px;
}

.postContent BLOCKQUOTE+P{
	width: 470px;
}

.post .postContent .paging{
   display: none;
}

.postBottom{
}

/* @end */

/* @group Telex */

.telex{
	color: White;
	background-color: #363836;
	max-width: 470px;
	min-width: 80px;
	padding-bottom: 20px;
	padding-top: 12px;
}

.telex .postContent{
}

.telex .postContent P{
	margin: 0px 0 12px 0;
	width: auto;
	max-width: 470px;
	min-width: 80px;	
}

.telex .postContent P+P{

}

.telex .meta{
	width: auto;
	max-width: 470px;
	min-width: 80px;	
}

.telex A,
.telex A:link{
  	color: White;
	text-decoration: underline;
	font-weight: bold;
}
.telex A:visited{color: #929390;}
.telex A:hover,
.telex A:active{color: #ff5500;}

.telex .meta,
.telex .meta LI A,
.telex .meta LI SPAN A{
	color: #abada9 !important;
	font-weight: normal;
}

.telex .meta LI A:visited{
	color: #9a9c98 !important;
}
.telex .meta LI A:hover{
	color: #eeefeb !important;
}
.telex .meta LI SPAN A:hover{
	color: #ff5500 !important;
}

.telex .meta LI A,
.telex .meta LI A:visited,
.telex .meta LI SPAN{
	background-color: #474946;
}

.telex .meta LI.metaCatItem A:link,
.telex .meta LI.metaCatItem A:visited{
	background-color: #3e403d;
}

/* @end */



/* @group Post Styling */



.postContent IMG{
	/*
	vertical-align: bottom;
	margin-top: 3px;
	*/
}

.postContent A IMG{
  border: 0px;
}

.postContent A:hover IMG{
  outline: 1px solid #ff5500;
}

.postContent H2{
	color: #999;
	max-width: 470px;
	font-weight: bold;
	font-size: 18px;
	margin-top: 22px;
}

.postContent H3{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 12px 0;
}

.postContent UL{
	padding-left: 14px;
	margin: 12px 0;
	list-style-type: disc;
	list-style-position: outside;
	max-width: 456px;
}

.postContent OL{
	list-style: decimal-leading-zero outside;
	padding-left: 0;
	margin: 12px 0;
}

.postContent LI{
	list-style: inherit;
	margin: 10px 0;
	padding-left: 3px;
}

.postContent BLOCKQUOTE{
	width: 470px;
	overflow: visible;
	margin: 12px 0;
	border-left: 2px double #b2b3b0;
	padding-left: 12px;
}

.postContent BLOCKQUOTE.excerpt{
	float: right;
	color: #ff5500;
	width: 210px;
	font-size: 18px;
	font-weight: normal;
	border-top: 2px solid Black;
	border-bottom: 2px solid Black;
	margin: 0;
	margin-left: 20px;
	margin-top: 5px;
	margin-right: 5px;
	padding: 0;
   font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
}

.postContent HR{
	height: 0px;
	border: 0;
	border-top: 1px solid #DDD;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group Paging */

.paging{
	clear: both;
	font-size: 9px;
  	line-height: 13px;
}

.paging A,
.paging A:visited{
	float: left;
	display: block;
	background-color: White;
	margin: 0 2px 2px 0;
	padding: 2px 5px 3px;
	text-decoration: none;
}

.paging  A:hover,
.paging  A:active{
	color: White;
	background-color: #ff5500;

}

.paging  A:hover SPAN,
.paging  A:active SPAN{
   text-decoration: underline;
}

/* @end */

/* @group Comments */

#comments{
	clear: both;
	margin-top: 30px;
	padding-bottom: 30px;
}

.commentsHeader{
  	padding-left: 20px;
	padding-bottom: 20px;
	background: transparent url(images/comments_dotline.gif) repeat-x bottom left;
}

.commentsHeader H2{
	font: bold 26px/28px Helvetica, Arial, sans-serif; 
  	width: 470px;
	margin-bottom: 2px;
}

.commentsHeader .meta LI A,
.commentsHeader .meta LI A:visited,
.commentsHeader .meta LI SPAN{
	color: #363836 !important;
	background-color: White;
}

.commentsHeader .meta LI A:hover,
.commentsHeader .meta LI A:active{
	color: White !important;
	background-color: #ff5500;
}

.commentsList{
	clear: both;
}

.commentItem{
	clear: both;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
	background: transparent url(images/comments_dotline.gif) repeat-x bottom left;
}

.commentItem .commentItemContent{
   margin-bottom: 7px;
	width: 470px;
}

.commentItem .commentItemContent P{
   margin: 10px 0;
}

.commentItem .commentItemContent BLOCKQUOTE{
	border-left: 2px double #b2b3b0;
	padding-left: 12px;
	margin-bottom: 10px;
}

.commentItem .meta{
	margin-top: 15px;	
}

.commentItem .meta LI A,
.commentItem .meta LI A:visited,
.commentItem .meta LI SPAN{
	background-color: White;
}

.commentItem .meta LI A:hover,
.commentItem .meta LI A:active{
	color: White;
	background-color: #ff5500;
}

#addComment{
	margin-top: 30px;
	margin-bottom: 200px;
}

.addCommentHeader{
  	padding-left: 20px;
	padding-bottom: 20px;
}

.addCommentHeader H2{
	font: bold 26px/28px Helvetica, Arial, sans-serif; 
  	width: 470px;
	margin-bottom: 2px;
}

.addCommentContent{
	padding-left: 20px;
}

.nocomments{
	clear: both;
	padding-left: 20px;
	padding-bottom: 20px;
}


/* @end */

/* @group Forms */

.field{
	clear: both;
	width: 470px;
}

.field .mandatory{
	font-weight: bold !important;
}

.field LABEL{
	clear: left;
	float: left;
	display: block;
	overflow: visible;
	width: 141px;
	font-size: 9px;
	line-height: 22px;
	padding:  0 7px;
	margin-right: 6px;
	margin-bottom: 6px;
	color: White;
	background: #777775 url(images/form_label_normal.gif) no-repeat top left;
	
}
.field LABEL .mute,
.field LABEL .mute A{
	color: #bbbbba;
	font-weight: normal;
}

.field LABEL.long{
	float: none;
	clear: both;
	width: 456px;
	margin-right: 0px;
	background: #777775 url(images/form_label_long.gif) no-repeat top left;
	overflow: hidden;
}

.field INPUT.inputText{
	clear: right;
	display: block;
	float: left;
	width: 295px;
	height: 18px;
	padding:  0 7px;
	padding-top: 4px;
	border: 0px;
	margin-bottom: 6px;
	font: 11px/normal "Lucida Grande", Lucida, Verdana, sans-serif;
}

.field TEXTAREA{
   clear: both;
	width: 456px;
	height: 225px;
	padding: 4px 7px;
	border: 0px;
   font: 12px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.field INPUT.button{
	clear: both;
	height: 38px;
	width: 184px;
	margin: 0;
	padding: 0;
	font: bold 16px/38px Helvetica, Arial, sans-serif;
	color: White;
	border: 0;
	cursor: pointer;
	background: url(images/comment_submit.gif) no-repeat 0 0;
	margin: 4px 0;
}
.field INPUT.button:hover,
.field INPUT.button:focus,
.field INPUT.button:active{
	background-position: 0 -50px;
}

/* @end */

/* @end */