/* Layout ----------------------------------------------------------- */

#div {
	border: 1px solid #FF0000;
}

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

#container {
	position: relative;
	min-height: 100%;
	min-width: 880px;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 40px 0px;
	text-align: center;
}

* html #container {
	height: 100%;
}

.style_content {
	position: relative;
	margin: 0px auto;
	text-align: left;
}

br.clear {
	clear: both;
}


/* Header Layout */

#header {
	margin: 0px;
	padding: 0px;
}

#header .style_content {
	width: 900px;
	height: 145px;
	position: relative;
	display: block;
}

#search_box {
	display: inline;
	margin: 0px 40px 0px;
	padding: 25px 0px 0px;
	float: right;
}

#input_search {
	width: 150px;
}

#title {
	margin: 0px 20px 0px;
	padding: 40px 0px 0px;
}

#tagline {
	margin: 5px 30px;
}

#menu {
	display: block;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	height: 45px;
	position: absolute;
	bottom: -1px;
}

html>body #menu {
	bottom: 0px;
}

#menu li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#menu li a {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px 10px;
	height: 45px;
	line-height: 30px;
}


/* Content Layout */

#content {
	margin: 0px;
	padding: 0px;
	/*background-color:#E3D0FB;  LICHT del after use */
}

#content .style_content {
	width: 880px;
	padding: 20px 0px 0px 20px; /* ej hier de inner marges mee doen */
	background-color:#fff;
	/*background-color:#CDABF8;  DONKER del after use */
}

html>body #content .style_content {
	width: 860px; /* -> DEZE bepaalt de breedte van de donkere zone*/
	padding: 20px 0px 0px 0px;
	/*background-color:#CDABF8;  DONKER del after use */
}

#loop_articles {
	width: 480px;
	float: left;
	padding-top: 10px; /* ej */
	/*background-color:#DEF8E4;  del after use */
}

#loop_page {
	width: 580px;
	float: left;
	padding-top: 10px; /* ej */
	/*background-color:#DEF8E4;  del after use */
}

#loop_single {
	width: 480px;
	float: left;
	padding-top: 10px; /* ej */
	/*background-color:#DEF8E4;  del after use */
}

#loop_comments {
	width: 460px;
	float: left;
	border-bottom: 1px solid #DFDFDF;
}

#form_comments {
	width: 460px;
	margin: 0px 0px 0px 0px;
	padding-top: 20px;
}

#information {
	width: 340px;
	margin: 0px 0px 20px 20px;
	float: left;
	padding: 0px;
	clear: right;
	/*background-color:#00CC66;  del after use */
}

#post_meta {
	width: 340px;
	padding: 0px;
	margin: 0px 0px 20px 20px;
	float: left;
	display: inline;
}

#search {
	width: 340px;
	margin: 0px 0px 20px 20px;
	padding: 0px;
	float: left;
	/*background-color:#E2E7E7;  del after use */
}

#author {
	width: 340px;
	margin: 0px 0px 20px 20px;
	padding: 0px;
	float: right;
}

#widgets {
	padding: 0px;
	margin: 0px 0px 20px 20px;
	float: right;
	/*background-color:#E2E7E7;  del after use */
}

.widgets_home, .widgets_single {
	width: 340px;
}

#archive_links {
	width: 320px;
	padding: 0px;
	margin: 0px 20px 30px 0px;
	float: right;
	clear: right;
	/*background-color:#E2E7E7;  del after use */
}

#archive_links .archive_group {
	padding: 0px;
	float: left;
	width: 140px;
	clear: none;
}

#archive_links .even {
	margin: 0px;
	float: right;
}

#archive_links .odd {
	margin: 0px 20px 0px 0px;
}

#loop_articles h2, #loop_comments h2 {
	margin: 0px 0px 20px 0px;
}

.navigation ul {
	display: block;
	margin: 0px 0px 30px;
	padding: 0px;
}

.navigation li {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 49%;
}

.navigation li.next {
	text-align: right;
	float: right;
}

#form_search {
	margin: 0px 0px 20px;
}

#input_form_search {
	width: 150px;
}


/* Post and Comment Layout */

.post {
	padding: 0px 0px 0px 0px ; /**/
	margin: 0px 0px 20px 0px;
	position: relative;
	border-bottom: 1px solid #DFDFDF;
}

.post .info {
	font-size: 0.85em;
	clear: both;
	color: #999;
}

.post .content {
	position: relative;
}

#post_meta .metadata {
	width: 145px;
	padding: 0px;
	margin:  0px;
}

#post_meta .odd {
	float: left;
	clear: left;
}

#post_meta .even {
	float: right;
}

.metalinks {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	display: block;
	clear: both;
}

.metalinks li {
	float: left; 
	margin-right: 10px; 
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
}

#input_comment {
	width: 100%;
}

#comment_area .comment {
	padding: 0px;
	/*background-color:#f4f4ec;  del after use */
}

#comment_area .comment_content { /* extraatje van evert*/
	margin-left: 25px;
}


#comment_area .metadata {
	color:#555344;
	display: block;
	padding: 5px;
	font-weight: bold;
	font-size: 1.0em;
}

#comment_area .metadata .writer { /* extraatje van evert*/
	background-image: url(../images/icon_comment.gif);	
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
}

#comment_area .metadata dt {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#comment_area .metadata dd {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#comment_area .metadata dt.comment_number {
	display: none;
}

#comment_area .metadata dd.comment_number { /* mag eigenlijk helemaal weg */
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	font-size: 100%;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
}

.post img { /*evert*/
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}


/* Footer Layout */

#footer {
	position: relative;
	/*margin-top: -140px;*/
	text-align: center;
	/*height: 340px;*/
}

#footer .style_content {
	width: 860px;
	padding: 20px;
}

#newsletter_signup {
	position: relative;
	display: inline;
	padding: 0px;
	margin: 8px 40px 0px 0px;
	float: right;
}

#input_email_address {
	width: 150px;
	vertical-align: middle;
}


#button_email_address {
	vertical-align: middle;
}

#footer_title {
	padding: 0px;
	margin: 0px 0px 0px 20px;
	/*line-height: 25px;*/
}

#copyright_notice p {
	display: block;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#logos {
	position: relative;
	display: inline;
	padding: 0px;
	margin: 0px 20px 0px 0px;
	float: right;
	vertical-align: middle;
}

#logos img {
	vertical-align: middle;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}


/* Typography ------------------------------------------------------ */

p, center, blockquote, quote, pre {
	margin: 0px 0px 20px;
}

.reduced p, .reduced center, .reduced blockquote, .reduced quote, .reduced pre, .reduced ol, .reduced ul, .reduced table, .reduced dl, .reduced dd, .reduced dt {
	font-size: 95%;
}

blockquote, quote {
	margin: 30px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px 5px;
}

h1 {
	font-size: 250%;
	line-height: 100%;
}

h2 {
	font-size: 180%;
	line-height: 100%;
	margin: 0px 0px 5px;
}

.lead h3.title, #loop_single h3.title, #loop_page h3.title {
	font-size: 180%;
	line-height: 100%;
}

h3 {
	font-size: 140%;
	line-height: 100%;
}

h4 {
	font-size: 150%;
	line-height: 100%;
}

h5 {
	font-size: 130%;
	line-height: 100%;
}

h6 {
	font-size: 110%;
	line-height: 100%;
}

ul, ol, dl {
	margin: 0px 0px 15px 0px;
	padding: 5px 0px;
}

li, dd {
	margin: 0px 0px 5px 20px;
	padding: 0px 0px 0px 5px;;
}

ul li {
	list-style-type: square;
}

dt {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

#header a {
	text-decoration: none;
}

#tagline {
	font-size: 120%;
}


/* Graphical Bullets ----------------------------------------------- */

ul .icon, dl .icon, ul.icon li {	
	background-repeat: no-repeat;
	background-position: 0px 1px;
	display: block;
	margin: 0px 10px 5px 0px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
}

ul .date, dl .date, ul.icon li {
	background-image: url(../images/icon_date.gif);
}

ul .tag, dl .tag, ul.tag li {
	background-image: url(../images/icon_tag.gif);
}

ul .category, dl .category, ul.category li {
	background-image: url(../images/icon_category.gif);
}

ul .information, dl .information, ul.information li {
	background-image: url(../images/icon_lightbulb.gif);
}

ul .jump, dl .jump, ul.jump li {
	background-image: url(../images/icon_page.gif);
}

ul .comment, dl .comment, ul.comment li {
	background-image: url(../images/icon_comment.gif);
}

ul .feed, dl .feed, ul.feed li {
	background-image: url(../images/icon_feed.gif);
}

ul .entry, dl .entry, ul.entry li {
	background-image: url(../images/icon_entry.gif);
}

ul .author, dl .author, ul.author li {
	background-image: url(../images/icon_entry.gif);
}

ul .delicious, dl .delicious, ul.delicious li {
	background-image: url(../images/icons/delicious.gif);
}

ul .technorati, dl .technorati, ul.technorati li {
	background-image: url(../images/icons/technorati.gif);
}

ul .digg, dl .digg, ul.digg li {
	background-image: url(../images/icons/digman.gif);
}

#loop_articles .summary {
	padding-left: 25px;
	background-image: url(../images/icon_page.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

#loop_articles .new {
	background-image: url(../images/icon_new.gif);
	background-position: left top;
}

.feedburnerFlareBlock {
	margin: 0px;
	padding: 0px;
	display: list-item;
	background-image: url(../images/icon_page.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	margin: 0px 10px 5px 0px;
	padding: 0px 0px 0px 25px;
	list-style-type: none;

}

/* Widget Styling -------------------------------------------------- */

#container .widget {
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

#widgets_home_a {
	width: 150px;
	margin: 20px 20px 0px 0px;
	padding: 0px;
	float: left;
}

#widgets_home_b {
	width: 150px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
}

#widgets_single_a {
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

#widgets_single_b {
	width: 150px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	display: inline;
}

#widgets_page {
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#content .advert {
	text-align: center;
	margin: 0px 0px 30px;
	padding: 0px 10px;
}

.widget_archives li, .sb-months li {
	background-image: url(../images/icon_date.gif);	
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
	list-style-type: none;
}


.widget_categories li, .sb-categories li {
	background-image: url(../images/icon_category.gif);	
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
	list-style-type: none;
}

.widget_meta li, .sb-meta li {
	background-image: url(../images/icon_page.gif);	
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
	list-style-type: none;
}

.sb-navigation li {
	display: inline;
	clear: both;
}

.widget_pages li, .sb-navigation li li {
	background-image: url(../images/icon_page.gif);	
	background-repeat: no-repeat;
	background-position: 0px 1px;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
	list-style-type: none;
}

.widget_recent_entries li, .sb-latest li {
	background-image: url(../images/icon_page.gif);	
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
	list-style-type: none;
}

.widget_rss li {
	background-image: url(../images/icon_url.gif);	
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
	list-style-type: none;
}

.gluedideas_TLA_widgetDisplay li {
	background-image: url(../images/icon_url.gif);	
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
	list-style-type: none;
}

#recentcomments li, .sb-comments li {	
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
	list-style-type: none;
	background-image: url(../images/icon_comment.gif);
}

.sb-links li {
	display: inline;
	clear: both;
}

.sb-links li li {
	background-image: url(../images/icon_page.gif);	
	background-repeat: no-repeat;
	background-position: 0px 1px;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
	list-style-type: none;
}


/* Extra Evert Styling -------------------------------------------------- */

.post a.extlink {
	padding-right: 12px;
	background: #fff url(../images/external-link.png) no-repeat right center;
}


/* cosmos FOOTER */
#UTW_footer {
	margin: 0px 150px 0px 20px;
	line-height: 200%;
}

#UTW_footer li {
	list-style-type: none;
	display: inline;
	padding: 10px 0px 10px 0px;
}
#UTW_footer a, #UTW-footer a:link {
	text-decoration: none;
}

#UTW_cloud {
	margin: 0px 0px 0px 0px;
	line-height: 200%;
}



#tagworld {
	margin: 0px 100px 0px 20px;
}
#tagworld li {
	list-style-type: none;
	display: inline;
}

#tagworld a, #tagworld a:link {
	color: #FF4400;
	text-decoration: none;
}

#tagworld a:hover, #tagworld a:active {
	color: #382e1f;
}

/* cosmos PAGE */
#cosmospage {
	color: #000000;	
	margin: 0px 0px 0px 0px;
}

#cosmospage ul li {
	text-align: center;
	margin-left: 0px;
	line-height: 190%;
	list-style-type: none;
	display: inline;
}

/* links en icons CSS voor tags en cats onderaan een post */
#post_meta_cats-tags{
	padding: 5px 0px 5px 5px;
	background-color:#f4f4ec;  /*del after use */
}

.posttags {
	background-image: url(../images/icon_tag.gif);	
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 0.9em;
	padding: 0px 0px 10px 20px;
	color: #666;
}

.postcats {
	background-image: url(../images/icon_category.gif);	
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 0.9em;
	padding: 0px 0px 10px 20px;
	color: #666;
}

#newsletter_form {
	padding: 20px 20px 10px 20px ;
	background-color:#f4f4ec;
}

#latestupdates {
	color:#999;
	margin-bottom: 20px;
	padding: 0px;
	/*background-color:#F0F0E8;*/
	border-bottom: 1px solid #DFDFDF;
}

#latestupdates li {
	background-image: url(../images/icon_page.gif);	
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	list-style-type: none;
	line-height: 170%;
}

#rss_buttons li {
	list-style-type: none;
	display: block;
	line-height: 300%;
	margin: 0px 0px 0px 0px;
}