/*
Theme Name: Black Minimalism
Theme URI: http://cinexl.net/blog/?page_id=45
Description: Designed and created by <a href="http://cinexl.net/blog">Valter Nepomuceno</a>. Based in K2 structure. All rights reserved. Use, abuse and tell your friends.
Version: 1.0
Author: Valter Nepomuceno
Author URI: http://cinexl.net/blog

This theme is based in the K2 Wordpress Structure:
	http://binarybonsai.com/k2/
	This theme was created by Valter Nepomuceno:
	http://binarybonsai.com/







	All elements of this theme are protected by the GPL:



	http://www.opensource.org/licenses/gpl-license.php







	Black Inspiration uses Fam Fam Fam Silk Icons: 



	http://www.famfamfam.com/lab/icons/silk/



	



	Please, while using this Wordpress Theme, if you find any bugs, contact me:



	Vnepomuceno@hotmail.com



	







-->	CSS Overview



	



	There are sections throughout, roughly describing 



	the contents inside each section. To step through each



	section, do a search for '/ * -' (without spaces) and



	repeat the search until you find the section you need.



	



	The use of selectors has been exagerrated in some places,



	so as to make it easier for people to gain an overview



	of what classes belong where in the hierarchy.



	



*/











/*- Page Structure */







body { 



	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */



	background-color: #AFC8DB; /* was C9C9C8, CACCE0 oogt blauwig, oogt baby ABC6EB */



	text-align: center;



	margin: 0 0 5px 10px;



	}







#page {



	background: url(images/middle.jpg);



	text-align: left;



	margin: 0 auto;



	/* The entire template's width is set in this class. */



	width: 719px; /* instead of 719px */



	_width: 719px;



	}







#top_layout {/* blauwe balk boven mdv logo  */



  background: url(images/top2.jpg);
	
	background-color: #6872F5;

	background-repeat: no-repeat; 

	width: 719px; /* instead of 719px */

	height: 11px;

	margin: 1px auto 0; /* komt van  30 px*/



}

#flash {/* flashdeel  */



  background: url(images/middle.jpg);
	
	background-color: #6872F5;

	width:; /* instead of 719px */
	
	padding:0px;

	margin:0px;
	
}



#header { /* het hele header deel */


	text-align:left;

	padding:0px;

	margin:0px;

	position: relative;
	
	background-image: url(images/grasgroot.jpg);   /* 1 of 2 -- was middle.jpg */
		
	height: 20px;
	
	
	}



	



#footer {

	font-size: .9em;

	line-height: 1.5em;

	color: #0033cc;

	width:719px;

	height:40px;

	position: relative;

	background-image: url(images/footer2.jpg);

	text-align: center;

	}







#footer a {



	color: #0033cc;



	font-weight: bold;



	}







#footer a:hover {



	border: #0033cc;



	font-weight: bold;



	}







.primary {



	width: 655px;



	_width: 655px; /* IE Hack */



	padding: 0px 0px 10px 20px; /*let op 15 10 10 px, eerst boven/onder dan links/rechts 1,2,4*/



	margin: 0 10px 10px 20px; /* marges ingesteld volgens voorstel danny*/



	_margin: 0 20px 0 15px; /* IE Hack */



	}







.primary img { /* afbeeldingen */



	margin-left: -5px;



	padding:2px;



	border: ; /*veranderd 0px solid #999*/



	max-width: 100%;



	}



	



.primary a img {



	margin-left: -5px;



	padding:2px;



	border: /* 2px solid #999 */;



	max-width: 100%;



	}



	



.primary a:hover img {



	margin-left: -5px;



	padding:2px;



	border: /* 2px solid #999 */;



	max-width: 100%;



	}







.secondary {



	font: 11px/14px Lucida Grande, Verdana, Arial, Sans-Serif, Segoe UI, Sans-Serif;



	padding: 0px 0 10px;



	color: #666;



	width:100%;



	position: relative;



	/* The following are IE Fixes */



	_padding: 30px 0 10px;



	_margin-left: 0%;



	_margin-right: -4%;



	_width: 26.5%;



	}



	



.vertical {



	vertical-align:top;



	}







.comments {



	text-align: left;



	padding: 30px 0 0;



	position: relative;



	}











/*- Main Menu in Header */







ul.menu {



	margin: 0;
	
		
	padding: 0;



	position: absolute;



	bottom: 0;



	left: 20px;



	width: 95%;



	}







ul.menu li {



	display: inline;



	margin: 0;



	}







ul.menu,



ul.menu li a {


	margin: 0px;
	padding: 5px 15px 2px;



	}





.submenu a {



	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, Sans-Serif;

	font-weight: bold;

	color: #303030;
	
	font-size: 11px;

	margin: 0;



	}


ul.menu li a {



	font: 11px 'Trebuchet MS', Verdana, Helvetica, Arial, Sans-Serif;

	font-weight: bolder;

	color: #55BA0E; /* algemeen menu-item was 55BA0E*/



	margin: 0px;



	}







ul.menu li a:hover {



	background: #6872F5; /* #6872F5 achtergrond van een menu item (groen 34D21A)*/



	color: white !important;



	text-decoration: none;
	
	margin: 0;



	}







ul.menu li.current_page_item a,



ul.menu li.current_page_item a:hover {



	color: #333 !important;



	background: #65BE26;

	margin: 0;

	text-decoration: none;



	}







.admintab {



	position: absolute;



	right: 0px;

	margin: 0;

	_padding: 5px 15px 6px; /* IE hack */



	}







a img,:link img,:visited img { border:none }







/*- Sidebar Subpages Menu */







#sidebar {



	width:658px;



	padding:4px;



}







.sb-pagemenu ul {



	margin-left: 10px;



	}







.sb-pagemenu ul ul {



	margin-top: 2px;



	}







.sb-pagemenu ul ul .page_item {



	margin-left: 10px;



	padding: 0;



	}







.sb-pagemenu .current_page_item {



	}











/*- Headings */







h1, h2, h3, h4 {



	font-family: 'Trebuchet MS', Verdana, Sans-Serif;



	}







h1 { /* H1 is used for the title of your blog */



	font-size: 3em;



	font-weight: bold;



	letter-spacing: -1px;



	padding-top: 75px;



	margin: 0 0 0 40px;



	width: 100%;



	}







h1, h1 a, h1 a:hover, h1 a:visited,



#header .description {



	text-decoration: none;
	
	color: black; /* was white */



	}







h1:hover {



	text-decoration: none; /* was onderlijnd*/



	}







#header .description { /* Blog description, under blog title */



	font-size: 1em;



	margin: 0 0 0 40px;



	display: inline; /* Checking for IE bug. If people start having problems with header width, then this is it */



	}







.pagetitle { /* titel van de statische pagina's */



	text-align: left;
	font-size: 10px;

	margin: 15px 0 15px;



	}







.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */



	font-size: 2.4em; /* was 2.4em*/



	font-weight: bold;



	letter-spacing: -1px;



	text-align: center;



	display: inline;



	}







.secondary h2 { /* Secondary H2 is sidebar headlines */



	font-size:15px; /* was 15px */



	padding: 0;



	display: inline;



	}







.primary h3, .primary h4, .permalink .primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */



	font-size: 1.7em; /* 1.9 em, was 2.2em, later 1.6em */



	font-weight: bold;



	letter-spacing: -0.35px; /* was -1px */



	display: inline;



	}







.primary .aside h3 {



	font-size: 1.6em;



	font-weight: normal;



	}







.itemhead {



	margin-top: 10px;



	}







.itemtext h3 { /* For use on Pages */



	font-size: 1.7em;



	display: block;



	padding: 15px 0 0;



	}







.itemtext h4 { /* For use on Pages */



	font-size: 1.5em;



	display: block;



	padding: 15px 0 0;



	}







.secondary div {



	margin: 20px 0 0;



	padding: 0;



	}







.secondary div div div {



    margin: 0;



    }



	



.primary .metalink a, .primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */



.secondary .metalink a, .secondary .metalink a:visited,



.secondary span a, .secondary span a:visited {



	color: #545353;



	font-weight: normal;



	}







.primary .item .itemhead .metalink, .comments .primary .metalink {



	font-size: 1.8em;

	color: #545353;

	letter-spacing: -1px;



	text-transform: lowercase;



	margin-left: 15px;



	}







.primary .aside .itemhead .metalink {



	font-size: 1.4em;

	color: #545353;

	}







.permalink .primary .aside .itemtext {



	font-size: 1.4em;



	color: #545353;



	}







.comments .primary .metalink {



	margin: 0 15px 0 0;



	float: none;



	}







.feedicon { /* Next to Comment Section Headline */



	border: 0 !important;



	padding: 0 !important;



	}







.feedlink img { /* On the sidebar */



	height: 16px;



	width: 16px;



	border: none;



	position: absolute;



	right: 0;



	}







.primary .aside {



	padding: 8px;



	margin: 0 4%;



	}







.secondary .aside {



	margin: 0;



	padding: 0 0 10px;



	word-spacing: -1px;



	}







.secondary .aside .metalink {



	padding-left: 0px;



	}







.secondary span a {



	margin-left: 10px;



	}







.editlink img {



	width: 16px;



	height: 16px;



	border: none !important;



	padding: 0 !important;



	margin: 4px 0 0 !important;



	position: absolute;



	right: 0;



	}







.aside .editlink img {



	top: 9px;



	}







.commentseditlink {



	border: none;



	padding: 2px;



	padding-left: 10px;



	}







.metalink a span {



	display: none;



	}







.metalink a:hover span {



	display: inline;



	}







h2, h2 a, h2 a:visited,



h3, h3 a, h3 a:visited,



h4, h4 a, h4 a:visited {



	color: #444;



	}







h2, h2 a, h2 a:hover, h2 a:visited,



h3, h3 a, h3 a:hover, h3 a:visited,



h4, h4 a, h4 a:hover, h4 a:visited {



	text-decoration: none;



	}







.metadata { /* Time and category for blog entries */



	font-size: 1em;



	display: block;



	margin-top: 2px;



	color: #bbb;



	}







.metadata a {


					
	color: #545353; /*#00366c en #545353*/



	}







.commentslink {



	padding: 2px 0 2px 20px;

	color: #545353;

	background: url('images/comment.gif') left center no-repeat; /* verandert naar groen */



	margin-right: 10px;



	}







.chronodata {



	padding: 2px 0 2px 20px ;

	color: #545353;

	background: url('images/time.gif') left center no-repeat; /* transparant gemaakt en gif genoemd */



	}







.chronodata:after {



	content: ".";



	}







.tagdata {



	display: block;



	padding: 2px 0 2px 20px;



	background: url('images/tag_blue.png') left center no-repeat;



	}







/*- Primary Contents */







.primary .item {



	margin: 0;



	padding: 5px 0 15px;



	position: relative;



	}







.primary .item .itemtext {



	font: 1.1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;



	text-align: left; /* aangepast na commentaar MDV bestuur */



	color: #444;



	}







.primary .item .itemtext p,



.primary .item .itemtext ul,



.primary .item .itemtext ol,



.primary .item .itemtext div,



.primary .item .itemtext blockquote {



	margin: 13px 0;



	}







.primary .aside .itemtext p,



.primary .aside .itemtext ul,



.primary .aside .itemtext ol,



.primary .aside .itemtext div,



.primary .aside .itemtext blockquote {



	margin: 5px 0;



	}







.permalink .primary .aside .itemtext p,



.permalink .primary .aside .itemtext ul,



.permalink .primary .aside .itemtext ol,



.permalink .primary .aside .itemtext div,



.permalink .primary .aside .itemtext blockquote {



	margin: 13px 0;



	}







.metalinks {


					 
	margin-top: 3px;



	}







.commentsrsslink {



	background: url('images/feed.png') left top no-repeat;



	padding: 2px 0 2px 20px;



	margin-right: 10px;



	height: 16px;



	}







.trackbacklink {



	background: url('images/arrow_refresh.png') left top no-repeat;



	padding: 2px 0 2px 20px;



	height: 16px;



	}







.commentsrsslink a, .trackbacklink a {



	color: #545353;



	padding: 2px;



	}







.comments .commentlist {



	margin: 0;
	
	
	padding: 20px 0;
	


	position: relative;



	}







.comments .commentlist li {



	margin: 10px 0;



	padding: 10px 10px 5px;



	list-style: none;



	}







.comments .commentlist .commentmetadata {



	padding: 2px 0 2px 20px;

	background: url('images/time.gif') left center no-repeat;

	
	
	display: block;



	}







.commentmetadata a{



	color:#666;



	}







.comments .commentlist li img {



	padding: 0;



	border: none;



	}







.comments .commentlist li img.gravatar {



	float: right;



	margin: -5px 0 0;



	}







.comments .commentlist li .commentauthor {



	font-size: 1.5em;



	font-weight: bold;



	letter-spacing: -1px;



	}



	



.commentauthor {



	color:#444;



	}



	



.commentauthor a {



	text-decoration:none; /* was onderlijnd*/



	color:#444;



	}



	



.comments .commentlist li .counter {



	display: none;



	font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;



	color: #999;



	float: left;



	width: 35px;



	}







.comments .commentlist li.authorcomment {


	background-color: #51AF00; /* was  #C9C9C8*/




	}







.comments .pinglist {



	font-size: 1.2em;



	padding: 0;



	margin: 0;



	}







.comments .pinglist li {



	margin-left: 40px;



	padding: 7px 0;



	list-style: none;



	}







.comments .pinglist li .commentauthor {



	font-weight: bold;



	display: block;



	}







.comments .pinglist li small {



	font: .8em Arial, Sans-Serif;



	display: block;



	}







.comments .pinglist li .counter {



	display: none;



	}







.comments .pinglist li span.favatar img {



	margin-left: -25px;



	border: none;



	padding: 0;



	float: left;



	}







.comments .pinglist li img {



	padding: 0;



	border: none;



	}



	



.comments #leavecomment {



	text-align: center;



	margin-bottom: 5px;



	color: #444444;



	font-size: 1.4em;
	font-weight: bold;


	letter-spacing: 0px;



	}







.comments #loading {



	text-align: center;



	margin-bottom: 40px;



	margin-top: 40px;



	color: #ddd;



	font-size: 2em;



	letter-spacing: -1px;



	}







.comments form {



	clear: both;



	padding: 1px 0 30px;



	margin: 0;



	}







input[type=text], textarea {



	font: 1em Verdana, Arial, Helvetica, Sans-Serif;



	padding: 3px;



	color: #777;



	}







input[type=text]:focus, textarea:focus {



	background: #fff;



	color: #333;



	border-color: #666;



	}







.comments form input[type=text] {



	width: 45%;



	margin: 5px 5px 1px 0;



	}







.comments form textarea {



	height: 250px;



	padding: 2px;



	width: 100%;



	_width: 98.5%; /* IE hack */



	}







.comments form #submit {
background-color: #519E1A;
font-family: Trebuchet MS, Verdana; 
border: 3px solid #519e1a;
font-size: 9pt; color: black;
font-weight:normal;

	}







/*- Links, eerstvolgende is kleur oplichten */







.primary a:hover, .primary a:visited:hover,



.secondary a:hover, .secondary a:visited:hover {

	color: #4C57A6; /* was: #505050 ---bij iedere overgang naar zwart sprignen of naar grijs 545360*/

	}







h2 a:hover, h2 span a:hover {



	color: #444444 !important; /* #444444 */



	}







a {



	color: #444444; <!-- #444444 -->
	font-family: 'Trebuchet MS',Verdana,Arial;

	text-decoration: none;
	
	font-size:1em;



	}
	
	a:hover {



	color: red; <!-- submenu item scrollkeur, was red en daarvoor #444444 -->
	font-family: 'Trebuchet MS',Verdana,Arial;

	text-decoration: none;
	
 <!-- 	font-size:1em; lelijk dat de tekst kleiner wordt, geeft bugs -->



	}







.itemtext a:visited {



	color: #444444;



	}











/*- Various Tags and Classes */







.clear {



	clear: both;



	margin: 0;



	padding: 0;



	}







.center {



	text-align: center;



	}







.alignright {



	float: right;



	}



	



.alignleft {



	float: left



	}







img.center, img[align="right"] {



	display: block;



	margin-left: auto;



	margin-right: auto;



	}



	



img.alignright, img[align="right"] {



	padding: 4px;



	margin: 0 0 2px 7px;



	display: inline;



	}







img.alignleft, img[align="left"] {



	padding: 4px;



	margin: 0 7px 2px 0;



	display: inline;



	}



	



img.noborder {



	border: none !important;



	}







.favorite img {



	padding: 0;



	border: none;



	}







small {



	font-size: .9em;



	line-height: 1.5em;



	}







small, strike {



	color: #666;



	}



	



code {



	font: 1.1em 'Courier New', Courier, monospace;



	}







acronym {



	font-size: 0.9em;



	letter-spacing: .07em;



	border-bottom: 1px dashed #999;



	cursor: help;



	}



	



abbr {



	font-size: 0.9em;



	letter-spacing: .07em;



	cursor: help;



}







blockquote {



	margin: 20px 0;



	padding: 0 20px 0 50px;



	background: url('images/quote.png') 5% no-repeat;



	border: none;



	}







hr {



	display: none;



	}







.navigation {



	text-align: center;

	font-size: 11px;

	margin: 10px 0 10px;
	
	font-weight: bold; /* dit was italic, bovenaan nieuwsberichten enkel*/


	padding: 0;
	
	
	width: 100%;
	
  letter-spacing: .1em;



	}







.navigation .left {



	float: left;



	width: 50%;



	text-align: left;



	}







.navigation .right {



	float: right;



	width: 50%;



	text-align: right;



	}







.navigation p {



	margin: 0;



	padding: 0;



	}







.navigation a {



	color: #525252;



	}







.alert {



	background: #FFD5EA;



	border-top: 2px solid #444444;



	border-bottom: 2px solid #444444;



	text-align: center;



	margin: 10px auto;



	padding: 5px 20px;



	}







img.wp-smiley {



	border: none !important;



	padding: 0 0 0 5px !important;



	}















/*- Begin Lists */



.itemtext ol, .itemtext ul {



	padding: 0 0 0 35px;



	margin: 0;



	}







.itemtext ol li, .itemtext ul li {



	margin: 0 0 3px;



	padding: 0;



	}







.secondary ul, .secondary ol {



	margin: 5px 0 0;



	padding-left: 0;



	}







.secondary ul {



	_margin-left: 0px; /* IE Fix */



	}







.secondary ol {



	margin-left: 15px;



	}







.secondary ul li, .secondary ol li {



	margin: 0;



	padding: 1px 0;



	}



	



.secondary ul li {



	list-style-type: none;



	list-style-image: none;



	}







ol li {



	list-style: decimal outside;



	}







.sb-links ul li {



	margin-top: 20px;



	}







.sb-links ul ul li {



	margin-top: 0;



	}







/*- Search Form and Livesearch */







.sb-search {



	margin-top: 0px;



	}







input[type=text], textarea {



	color: #444;



	padding: 2px 0 2px 2px;



	margin: 0;



	}







input#livesearch {



	width: 97.1%;



	}







input#s {



	width: 75%;



	}







.livesearchform input[type=submit] {



	margin: 0;



	}







#LSResult {



	margin: 0;



	width: 100.1%;



	z-index: 100;



	position: absolute;



	background: #eee url('images/livesearchbg.jpg') center repeat-y;



	border-bottom: 1px solid #eee; 



	}







#searchcontrols {



	text-align: center;



	padding: 1px;



	background: #ddd url('images/livesearchbgdark.jpg') center repeat-y;



	}







#searchcontrols small {



	margin: 0;



	padding: 0;



	}







.LSRow:hover, #LSHighlight, #LSHighlight:hover {



	background: #ffffcc url('images/livesearchbghilight.jpg') center repeat-y;	}







#LSResult:hover #LSHighlight {



	background: none;



	border: none;



	padding: 5px 2px;



	}







#LSHighlight small, #LSHighlight small span a {



	color: #999;



	}







.LSRow {



	padding: 5px 10px;



	}







.LSRow span a, .LSRow span a:visited {



	word-spacing: -1px;



	line-height: 1.3em;



	font-weight: normal;



	color: #bbb;



	}











/* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */











/*-



	Brian's Latest Comments



	http://meidell.dk/archives/2004/09/12/brians-latest-comments/



*/







.secondary div.sb-comments ul li span a, div.sb-comments ul li small a {



	color: #999;



	font-weight: normal;



	word-spacing: -1px;



	}







.secondary div.sb-comments ul li {



	margin-bottom: 6px;



	}







.activityentry {



	font-size: 1em;



	}







div.sb-comments small {



	display: block;



	margin: 0;



	font-weight: normal;



	line-height: 1em;



	}



	



.sb-flickr {



	width:658px;



	}







.sb-flickr img {



	margin:0 2px 0 2px;



	padding: 4px;



	border: 2px solid #999;



	}



	



.sb-flickr a img {



	padding: 4px;



	border: 2px solid #999;



	}



	



.sb-flickr a:hover img {



	padding: 4px;



	border: 2px solid #585858;



	}











/*-



	WordPress: Touched



	http://twilightuniverse.com/2005/03/wordpress-touched/



	



	No support for Touched 0.6 in the rest of K2.



	Seems a bit flaky just now. Waiting for new version.



*/







#poststuff fieldset {



	border: none;



	}







#poststuff #title, #poststuff #excerpt, #poststuff #tags {



	width: 470px;



	}



	



#poststuff #title {



	font-size: 2em;



	}











/*



	Ultimate Tag Warrior



	K2 removes UTW's default tags for more default control.



*/







.localtags, .technoratitags {



	display: none;



	}