/**********************************************
 * GLOBAL
 *********************************************/
* {
	font-family:				"Trebuchet MS";
	font-size:					12px;
}
 
html, body {
	padding:					0;
	margin:						0;
	height:						100%;
	background: url('../img/2012/bg_home.gif') repeat fixed; 
}


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

/**********************************************
 * DESIGN
 *********************************************/
#wrap {
	position:					relative;
	height:						100%;
	background:					transparent url(../img/2012/header_repeat.png) repeat-x top;
}

#header {
	width:						992px;
	height:						48px;
	margin:						0 auto;
}

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

/**********************************************
 * HEADER / NAV / MYTWEETS
 *********************************************/
#header #nav {
  margin-left: 430px;
  width: 244px;
}

#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:						42px;
	background-image:			url('../img/2012/nav_home.gif');
	margin-right:				40px;
}
#header #nav ul li.profiel a {
	width:						58px;
	background-image:			url('../img/2012/nav_profiel.gif');
	margin-right:				40px;
}
#header #nav ul li.links a {
	width:						41px;
	background-image:			url('../img/2012/nav_links.gif');
}

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

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

#header #mytweets {
	position:					absolute;
	height:						95px;
	z-index:					100;
}

#header #mytweets #tweet {
  background: url("../img/2012/bg_twitter.png") no-repeat scroll 0 0 transparent;
  height: 66px;
  padding: 8px 20px 14px 73px;
  width: 299px;
}

#header #mytweets #tweet span {
	font-size:					10px;
	color:						#FFFFFF;
}

#header #mytweets #tweet a {
	text-decoration: none !important;
	color: #ffffff;
}

#header #mytweets #tweet a:hover {
	text-decoration: underline !important;
}

#header #mytweets #tweet a span {
	display: block;
	visibility: visible;
}

#header #mytweets #tweet p {
  color: #FFFFFF;
  font-size: 11px;
  letter-spacing: 0.04em;
  line-height: 15px;
  margin-top: 4px;
}

#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 {
  margin-bottom: 40px;
}

#content-container #logo-container a {
  background: url("../img/2012/logo.gif") no-repeat scroll 0 0 transparent;
  display: block;
  height: 148px;
  left: 40px;
  position: relative;
  top: 20px;
  width: 148px;
  text-indent: -9999px;
}

#content-container #content {
  background: url("../img/content_bg_pattern.png") repeat-y scroll 0 0 transparent;
  float: left;
  padding: 72px 56px 0 57px;
  width: 550px;
  margin-left: 75px;
}

#content-container #sidebar {
  background: url("../img/2012/bg_sidebar.gif") repeat-y scroll center top transparent;
  width: 224px;
  height: 3000px;
  padding-bottom: 72px;
  position: absolute;
  top: -48px;
  left: 723px;
}


#content-container #sidebar #search-and-tags {
	float:						left;
	width:						218px;
	xheight:					282px;
	padding:					20px 12px 2.8em 15px;
	background:					#a99a6f;
}

#content-container #sidebar #contact {
	width:		151px;
	margin-left: 36px;
	margin-bottom: 20px;
}

#content-container #sidebar #contact h2 {
  margin: 10px 0;
  padding: 0 10px;
  text-align: center;
}
#content-container #sidebar #contact ul{
	padding: 0;
	list-style: none;
}
#content-container #sidebar #contact  li{
	text-align: center;
	list-style: none;
	font-size: 11px;
	padding: 0;
	margin: 0;
}
#content-container #sidebar #contact  li span{
	color: #a99a6f;
	font-size: 11px;
}
#content-container #sidebar #contact  li a{
	color: #000;
	text-decoration: none;
	font-size: 11px;
}
#content-container #sidebar #contact  li a:hover{
	color: #a99a6f;
}

#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:						#a99a6f;
	text-decoration:			none;
}

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

.socials {
	float: right;
}

.socials span {
	display: inline-block !important;
}

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

#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:						#a99a6f;
	display:					block;
	clear:						both;
}

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

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

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

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

#content 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:						#a99a6f;
	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:				#a99a6f
								url('../img/2012/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:						#a99a6f;
}

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

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

/**********************************************
 * 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;}


.styled-select select {
   background: transparent;
   width: 250px;
   height: 19px;
   border: none;
   cursor: pointer;
   z-index: 900;
   position: relative;
}

.styled-select {
	border: medium none;
	margin-bottom: 10px;
	padding: 0 0px 0px 0px;
	width: 218px;
	background: #fff url(../img/2012/bg_select_wide.gif) no-repeat right;
	height: 19px;
}

.inner-style {
	overflow: hidden;
	padding-left: 4px;
}