/**********************************************
 * GLOBAL
 *********************************************/
* {
	font-family:				"Trebuchet MS";
	font-size:					12px;
}
 
html, body {
	padding:					0;
	margin:						0;
	height:						100%;
	background:				transparent
								none
								no-repeat
								fixed
								center 20px;
}

#home		{ background-image: url('../img/bg_home.gif'); }
#profiel	{ background-image: url('../img/bg_profiel.gif'); }
#links		{ background-image: url('../img/bg_links.gif'); }

h1 span,
h2 span,
h3 span,
a span {
	display:					none;
	visibility:				hidden;
}

/**********************************************
 * DESIGN
 *********************************************/
#wrap {
	position:					relative;
	height:						100%;
	background:				transparent
								url('../img/nav_bg_pattern.jpg')
								repeat-x;
}

#header {
	position:					relative;
	width:						992px;
	height:						95px;
	background:				transparent
								url('../img/nav_bg.png')
								no-repeat;
	margin:						0 auto;
}

#content-container {
	position:					relative;
	width:						992px;
	xheight:					100%;
	margin:						0 auto;
}

/**********************************************
 * HEADER / NAV / MYTWEETS
 *********************************************/
#header #nav {
	position:					relative;
	width:						244px;
	height:						48px;
	left:						114px;
	float:						left;
}

#header #nav ul {
	list-style:				none;
	width:						244px;
	height:						48px;
	margin:						0;
	padding:					0;
}

#header #nav ul li {
	height:						48px;
	display:					inline;
	float:						left;
}

#header #nav ul li a {
	display:					block;
	height:						48px;
	background:				transparent none no-repeat scroll top;
}

#header #nav ul li.home a {
	width:						70px;
	background-image:			url('../img/nav_home.jpg');
}
#header #nav ul li.profiel a {
	width:						107px;
	background-image:			url('../img/nav_profiel.jpg');
}
#header #nav ul li.links a {
	width:						67px;
	background-image:			url('../img/nav_links.jpg');
}

#header #nav ul li a:hover {
	background-position:		0 -48px;
}

#header #nav ul li.active a {
	background-position:		0 -96px;
}

#header #mytweets {
	position:					relative;
	width:						537px;
	height:						95px;
	left:						212px;
	float:						left;
}

#header #mytweets #tweet {
	width:						299px;
	height:						66px;
	padding:					11px 15px 0px 223px;
	background:				transparent
								url('../img/mytweets_bg.png')
								no-repeat;
}

#header #mytweets #tweet span {
	font-size:					10px;
	color:						#FFFFFF;
}
#header #mytweets #tweet p {
	color:						#FFFFFF;
	margin-top:				4px;
	line-height: 13px;
}

#header #mytweets #follow-me {
	position:					relative;
	top:						6px;
	float:						right;
}

#header #mytweets #follow-me a {
	display:					block;
	width:						70px;
	height:						12px;
	background:				transparent
								url('../img/btn_follow_me.png')
								no-repeat;
}

/**********************************************
 * CONTENT / LOGO-CONTAINER / SIDEBAR
 *********************************************/
#content-container #logo-container {
	width:						99px;
	float:						left;
}

#content-container #logo-container a {
	position:					relative;
	display:					block;
	width:						52px;
	height:						184px;
	background:				transparent
								url('../img/logo.png')
								no-repeat;
	top:						5px;
	left:						32px;
}

#content-container #content {
	display:					inline;
	width:						550px;
	xheight:					1000px;
	padding:					0px 56px 0px 57px;
	height:						100%;
	float:						left;
	background:				transparent
								url('../img/content_bg_pattern.png')
								repeat-y;
}

#content-container #sidebar {
	xposition:					relative;
	display:					inline;
	width:						224px; /* 224 */
	*width:						245px;
	height:						570px;
	xtop:						44px;
	xleft:						-15px;
	float:						left;
	margin:						44px 0px 0px -15px;
}

#content-container #sidebar #search-and-tags {
	float:						left;
	width:						218px;
	xheight:					282px;
	padding:					20px 12px 2.8em 15px;
	background:				transparent
								url('../img/sb_block_purple.jpg')
								repeat-y;
}

#content-container #sidebar #contact {
	float:						left;
	width:						229px;
	height:						223px;
	margin-top:				29px;
	padding:					15px 20px 0px 15px;
	background:				transparent
								url('../img/sb_block_sand.jpg')
								no-repeat;
}

#content-container #sidebar div form {
	float:						left;
	margin-bottom:				1.5em;
}

#content-container #sidebar div h2 {
	margin:						0px 0px 5px 9px;
}

#content-container #sidebar div input {
	width:						202px;
	height:						17px;
	padding:					2px 7px 0px 7px;
	border:						none;
	background:				transparent
								url('../img/textfield_bg.png')
								no-repeat;
}

#content-container #sidebar div .tags {
	list-style:				none;
	margin:						0px 0px 0px 0.8em;
	padding:					0;
}

#content-container #sidebar div .tags li {
	display: 					block;
	float:						left;
	margin-right:				1em;
	line-height:				20px;
	white-space:				nowrap;
}

#content-container #sidebar div .tags li.unpop {
	display:					none;
}

#content-container #sidebar div .tags li a {
	display: 					block;
	color:						#FFFFFF;
	text-decoration:			none;
}

#content-container #sidebar div .tags li a:hover {
	text-decoration:			underline;
}

#content-container #sidebar div .tags li a.active_tag {
	text-decoration:			underline;
}

#content-container #sidebar div .clear,
#content-container #sidebar div .view-all {
	display:					block;
	float:						right;
	margin:						1.8em 0.3em 0px 0px;
}

#content-container #sidebar div .clear {
	float:						right
	xclear:						left;
	
}

#content-container #sidebar div .view-all {
	clear:						left;
	display:					none;
	margin:						1.8em 0.3em 0px 12px;
}

#content-container #sidebar div p {
	width:						229px;
	margin-left:				0.7em;
	line-height:				20px;
	*line-height:				17px;
}

#content-container #sidebar div p a {
	color:						#a42e5a;
	text-decoration:			none;
}

#content-container #sidebar div p a:hover {
	text-decoration:			underline;
}

/**********************************************
 * CONTENT
 *********************************************/
#content .item {
	padding:					0px 0px 2em 0px;
	margin:						0px 0px 2em 0px;
	background:				transparent
								url('../img/block_separator.png')
								no-repeat
								scroll left bottom;
}

#content div .meer {
	float:						left;
	margin-bottom:				1em;
}

#content div .moretext {
	position:					relative;
	display:					none;
	float:						left;
}

#content div .extra_image {
	display:					none;
}
 
#content div span {
	color:						#999999;
	display:					block;
	clear:						both;
}

#content h2 {
	font-family:				Georgia;
	font-size:					26px !important;
	font-weight:				normal;
	color:						#ff8400;
	margin:						0.2em 0;
}

#content h3 {
	font-weight:				bold;
	color:						#ff8400;
	margin:						0.2em 0;
}

#content a {
	color:						#000000;
	text-decoration:			none;
}

#content a:hover {
	text-decoration:			underline;
}

#content div p,
#content div img {
	margin-bottom:				1em;
	line-height:				18px;
}

#profiel #content p,
#links #content p,
#profiel #content td,
#links #content td {
	line-height:				18px;
}

#content div a {
	color:						#a42e5a;
	text-decoration:			none;
}

#content div a:hover {
	text-decoration:			underline;
}

#content div .itemlink {
	xfloat:						left;
	height:						16px;
	padding:					0px 25px 0px 5px;
	color:						#FFFFFF;
	text-decoration:			none;
	background:				#a42e5a
								url('../img/itemlink_arrows.gif')
								no-repeat
								scroll right;
	clear:						both;
}

#content #pagination {
	float:						right;
	clear:						both;
	margin-bottom:				2em;
}

#content #pagination ul {
	list-style:				none;
	margin:						0;
	padding:					0;
}

#content #pagination ul li {
	float:						left;
	margin:						0 1px;
	color:						#ff8400;
}

#content #pagination ul li a {
	height:						17px;
	padding:					0 0.5em;
	color:						#ff8400;
	background:				transparent;
	text-decoration:			none;
}

#content #pagination ul li a:hover,
#content #pagination ul li a.active {
	color:						#FFFFFF;
	background:				#ff8400;
}

/**********************************************
 * STYLISH SELECT
 *********************************************/
:focus {outline:none;}
ul.newList * {margin:0; padding:0;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; width:216px; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {width:216px; color:#000; height:19px; padding:3px 0 0 6px; float:left; background:url('../img/select_bg.png') no-repeat; margin-bottom:0.3em;}
.newListSelected span {width:216px; display:block;}
ul.newList li {padding:3px 8px;}
.selectedTxt {width:202px; overflow:hidden; height:16px; padding:2 7px 0 7px;}
.hiLite {background:#999999;!important; color:#fff!important;}
.newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.xnewListSelHover, .xnewListSelFocus {background-position:0 -22px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}