/*
Theme Name: Singlessite Blog
Theme URI: http://www.singlessite.nl/blog/
Description: Singlessite thema.
Version: 1.0
Author: Sebastiaan Smid, Netvlies
Author URI: http://www.netvlies.nl/
Tags: Singlessite

	Netvlies
	 http://www.netvlies.nl/

*/

@import url('user-content.css');
	
/*	= GENERIC
----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: "Trebuchet MS", Arial; font-size: 13px; color: #000; }
	img, fieldset { border: 0; }
	li { list-style: none; }
	table, tr, td { border: none; border-collapse: collapse; border-spacing: 0; }
	a { outline: 0; text-decoration: none; color: #000; }
	a:hover { text-decoration: underline; }
	body { text-align: center; background: #e5e5e5 url(img/page_bg_large.gif) no-repeat center top; text-align: center; }
	h1.pagetitle { font-size: 20px; margin-bottom: 20px; color: #000; }
	#logo { display: block; position: absolute; top: 30px; left: 20px; width: 218px; height: 85px; }

/*	= BOX MODEL
	----------------------------------------------------*/
	#page-box { position: relative; width: 960px; margin: 24px auto; padding-top: 148px; text-align: left; }
	#content-box { background: #f3f3f3 url(img/content-box_bg.gif) no-repeat left top; padding: 22px 20px 0 20px; overflow: hidden; height: 100%; }
	#col-a { float: left; width: 600px; overflow: hidden; height: 100%; }
	#col-b { float: left; width: 300px; padding-left: 20px; overflow: hidden; height: 100%; background: url(img/col-b_bg.gif) no-repeat 9px top; }
	
/*	= NAV META
	----------------------------------------------------*/	
	#nav-main { position: absolute; top: 114px; right: 20px; height: 34px; background: #f3f3f3 url(img/nav-meta_right-top_bg.gif) no-repeat right top; }
	#nav-main * { color: #000; line-height: 34px; font-size: 12px; line-height: 12px; }
	#nav-main li { display: inline;}
	#nav-main li a { display: block; float: left; padding: 12px 8px 8px 8px; background: url(img/nav-meta_divider.gif) no-repeat left 13px; }
	#nav-main li.first a { background: url(img/nav-meta_left-top_bg.gif) no-repeat left top; }

/*	= FORM SEARCH
	----------------------------------------------------*/
	#frm-search { margin-bottom: 14px; overflow: hidden; height: 100%; }
	#frm-search .txtfld { float: left; width: 240px; height: 26px; background: url(img/frm-search_input-txt_bg.gif) no-repeat left top; }
	#frm-search input { width: 220px; height: 16px; margin: 4px 10px; padding: 0; font-size: 12px; border: none;  }
	#frm-search input.btn { width: 60px; height: 26px; margin: 0; padding: 0; float: left; }

/*	= FORM LOGIN
	----------------------------------------------------*/
	#login { margin-bottom: 14px; overflow: hidden; height: 43px; background: url(img/dot.gif) repeat-x bottom left; }
	#login span { float: left; font-size: 17px; line-height: 26px; }
	#login span.small { padding: 5px 0 0 4px; line-height: 16px;font-size: 11px;  }
	#login span a { color: #797979; font-size: 11px; text-decoration: underline; line-height: 16px; vertical-align: top; }
	#login img { float: left; margin-left: 4px; }
	#login span a:hover { text-decoration: none; }
	#login span a.user { color: #000; }
	
/*	= BLOCKS
	----------------------------------------------------*/	
	.block { margin-bottom: 20px; position: relative; }
	.block h2 { padding-left: 14px; line-height: 23px; height: 23px; background: #46a6dd url(img/block_h2_bg_color-1.gif) no-repeat left top; font-size: 14px; color: #fff; }
	.block h2 small { font-size: 10px; color: #fff; }
	.block h2 span { position: absolute; right: 14px; line-height: 11px; top: 6px; font-size:11px; color: #fff; font-weight: normal; }
	.block h2 span a { font-weight: normal; font-size:11px; color: #fff;  }
	.block h2 a { color: #fff; }
	.block-content { position: relative; background: #e5e5e5 url(img/block-content_bg_bottom.gif) no-repeat left bottom; padding-bottom: 10px; overflow: hidden; height: 100%; }	
	.block-content .user-content { overflow: hidden; height: 100%; }
	
	.block.color1 h2 { background: #46a6dd url(img/block_h2_bg_color-1.gif) no-repeat left top; }
	.block.color2 h2 { background: #71a305 url(../img/block_h2_bg_color-2.gif) no-repeat left top; }
	.block.color3 h2 { background: #ba082f url(../img/block_h2_bg_color-3.gif) no-repeat left top; }
	.block.color4 h2 { background: #d02168 url(../img/block_h2_bg_color-4.gif) no-repeat left top; }
	.block.color5 h2 { background: #2e7925 url(../img/block_h2_bg_color-5.gif) no-repeat left top; }
	.block.color6 h2 { background: #fb8817 url(../img/block_h2_bg_color-6.gif) no-repeat left top; }
	.block.color7 h2 { background: #3782a4 url(../img/block_h2_bg_color-7.gif) no-repeat left top; }
	
	.block-content .more-link { position: absolute; bottom: 6px; right: 14px; font-size: 11px; color: #797979 !important; text-decoration: underline;  }
	.block-content .meta { margin: 0 14px; border-top: 1px solid #ccc; padding: 5px 0; }
	.block-content .meta * { font-size: 11px; color: #797979; }
	.block-content .meta li { display: inline; float: left; padding: 0 5px; border-right: 1px solid #797979; }
	.block-content .meta li.last {  border-right: none; }
	
	.block-content #social-media { position: absolute; right: 15px; bottom: 5px; width: 300px; text-align: right; }
	.block-content #social-media .bookmark { margin: 0 0 0 5px; }
	
	#plaatscomment { margin: 0 14px; }
	#respond { margin: 14px 0 7px 0; }
	.commentlist { margin: 0 14px; height: 100%; overflow: hidden; }
	.commentlist li { padding: 18px 0 5px 0; border-bottom: 1px solid #ccc; }
	.commentlist li small { display: block; margin-top: 8px; padding-left: 8px; background: url(img/comment_small_bullet.gif) no-repeat left center;}
	.commentlist li small, .commentlist li small * { color: #797979; font-size: 11px; }
	#commentform {  }
	#commentform p { margin: 7px 0 ;}
	#comment { width: 570px; border: 1px solid #797979;}
	
/*	= CALL TO ACTIONS
	----------------------------------------------------*/
	.cta-block { padding: 20px 0; background: url(img/dot.gif) repeat-x top left;  }
	.cta-block.homefirst { background: none; padding-top: 0px; }
	.cta-block h1 { font-size: 16px; }
	.cta-block h1.color1, .cta-block h1.color2,	.cta-block h1.color3, .cta-block h1.color4, .cta-block h1.color5, .cta-block h1.color6, .cta-block h1.color7 { padding-left: 20px; }
	.cta-block h1.color1 { background: url(img/ctc_h1_ico_color1.gif) no-repeat left center; }
	.cta-block h1.color2 { background: url(img/ctc_h1_ico_color2.gif) no-repeat left center; }
	.cta-block h1.color3 { background: url(img/ctc_h1_ico_color3.gif) no-repeat left center; }
	.cta-block h1.color4 { background: url(img/ctc_h1_ico_color4.gif) no-repeat left center; }
	.cta-block h1.color5 { background: url(img/ctc_h1_ico_color5.gif) no-repeat left center; }
	.cta-block h1.color6 { background: url(img/ctc_h1_ico_color6.gif) no-repeat left center; }
	.cta-block h1.color7 { background: url(img/ctc_h1_ico_color7.gif) no-repeat left center; }
	
	.cta-block li { padding: 2px 0 2px 14px; background: url(img/li_icon.gif) no-repeat 1px 10px; }
	
/*	= WEBRING
	----------------------------------------------------*/	
	#webring { position: absolute; top: 0px; left: 0px; width: 100%; height: 24px; background: url(img/webring_bg.gif); text-align: center; }
	#webring * { font-size: 11px; }
	#webring ul { width: 960px; height: 16px; margin:  4px auto 0 auto; overflow: hidden; }
	#webring ul li { display: inline; padding: 0 18px; background: url(img/webring_divider.gif) no-repeat top left; }
	#webring ul li.first { background: none; }
	#webring ul a { text-decoration: none; }

/*	= FOOTER
	----------------------------------------------------*/
	#footer { width: 960px; height: 27px; margin: 0 auto 0 auto; overflow: hidden; background: #d3d3d3 url(img/footer_bg.gif) no-repeat left bottom; text-align: center; }
	#footer * { font-size: 12px; line-height: 27px; }
	#footer li { display: inline; padding: 0 6px; background: url(img/footer_divider.gif) no-repeat center left; }
	#footer li.first { background: none; }
	#footer a.rss { background: url(img/footer_rss_icon.gif) no-repeat center left; padding-left: 16px; }

/*	= BANNERS
	----------------------------------------------------*/
	#banner-top { position: absolute; top: 23px; left: 464px; padding: 4px; background: #fff; line-height: 0; font-size: 0; }
	
	.navigation { overflow: hidden; height: 100%; margin-bottom: 20px; } 
	.navigation .alignleft { float: left; }
	.navigation .alignright { float: right; }
	
	.search-result { display: block; padding: 14px; overflow: hidden; height: 100%; border-bottom: 1px solid #cccccc; }
	.search-result h3 { margin: 0; }
	.result-content, .result-content * { font-size: 13px; margin: 0; padding: 0; text-decoration: none; }
	.result-content a:hover { text-decoration: none; }
	.reaction-login-lnk { font-weight: bold; text-decoration: underline; }