/*
Theme Name: Black Minimalism
Theme URI: http://www.cinexl.net/blog/?p=63
Description: Get More Free Wordpress Themes By Visiting <a href="http://www.wordpress.pro">Wordpress Themes</a>
Version: 2.0
Author: Valter Nepomuceno, Paul Wellner Bou
Author URI: http://cinexl.net/blog, http://wbou.de


	This theme is based in the K2 Wordpress Structure:
	http://binarybonsai.com/k2/

	This theme was created by Valter Nepomuceno:
	http://cinexl.net/blog

	All elements of this theme are protected by the GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Black Minimalism 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@cinexl.net
	
	This CSS was modified by Paul Wellner Bou <paul@purecodes.org> while porting the
	black minimalism theme to flatpress http://www.flatpress.org
	

-->	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.
	
*/

@import url(form.css);
@import url(column.css);

/* FONTS */

	blockquote {
		font-style: italic;
	}
	
	body {
		font: 75% Helvetica, sans;
	}
	
	code, pre {
		font: 0.9em monospace;
	}
	
	h1, h2, h3, h4 {
		font-family: inherit;
	}
	
	.itemtext {
		font-size: 1.2em;
	}
	
	textarea {
		font: 75% Helvetica, sans;
	}

/** /FONTS **/

div.shortlink {
	text-align: right;
}

div.admincontrols {
	text-align: right;
}

div#widgets-bottom {
	padding-top: 2em;
	display: block;
}

div.widget h4 {
	font-size: 1.8em;
}

div.widget ol,
div.widget ul {
	padding-left: 0px;
}

div#widget-searchbox ul li form p {
	display: block;
	padding-bottom: 0.5em;
	margin-right: 10px;
	text-align: right;
}

div.widget ol li,
div.widget ul li {
	list-style-type: none;
}

/*- Page Structure */

body {
	background-image:url(../imgs/wallpaper.jpg);
	text-align: center;
	margin: 0 0 30px;
}

#page {
	margin:0px auto;
	text-align:left;
	/* The entire template's width is set in this class. */
	width:800px;
	_width:800px;
	background-image:url("../imgs/layout_middle.png")!important;
	background-image:none;
	filter:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fp-interface/themes/black-minimalism/bm-column/imgs/layout_middle.png', sizingMethod="scale");
	background-repeat:repeat-y;
}

#top_layout {
	width:800px;
	height:53px;
	margin:30px auto 0;
	background-image:url("../imgs/layout_top.png")!important;
	background-image:none;
	filter:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fp-interface/themes/black-minimalism/bm-column/imgs/layout_top.png', sizingMethod="scale");
}

#titlediv {
	/*background-image:url("../imgs/powered.png");*/
	background-image:none;
	background-repeat: no-repeat;
	background-position: top right;
	height: 33px;
	margin-right: 20px;
	margin-left: 20px;
	text-align: left;
	vertical-align: bottom;
	font-size: 60%;
	position: relative;
	top: 20px;
}

#titlediv a {
	color: #eee;
	text-decoration: none;
	font-size: 1.5em;
	font-weight: bold;
}

#titlediv span {
	color: #eee;
	text-decoration: none;
	font-size: 1em;
}


#footer {
	font-size:0.8em;
	line-height:1.5em;
	color:#FFF;
	text-align:center;
	width:800px;
	height:53px;
	background-image:url("../imgs/layout_bottom.png")!important;
	background-image:none;
	filter:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fp-interface/themes/black-minimalism/bm-column/imgs/layout_bottom.png', sizingMethod="scale");
}
   
#head {
	text-align:left;
	width: 739px;
	padding:0px;
	margin:0px;
	position: relative;
	height: 200px;
	background-image: url(../imgs/header.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

div.content {
	background-color: #fff;
	margin: 0 18px 0 30px;
	_margin: 0 18px 0 30px; /* IE Hack */
	padding: 0;
}

.primary {
	width: 540px;
	_width: 550px; /* IE Hack */
	padding: 0 0 15px 0;
	margin: 0;
}
	
.vertical {
	vertical-align:top;
	}

.comments {
	text-align: left;
	padding: 30px 0 0;
	position: relative;
	}


/*- Main Menu in Header */

div#widget-bp-menu ul {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 90%;
	}

div#widget-bp-menu ul li {
	display: inline;
	margin: 0;
	}

div#widget-bp-menu ul,
div#widget-bp-menu ul li a {
	padding: 4px 15px 4px;
	}

div#widget-bp-menu ul li a {
	font-size: 1em;
	color: #000;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
}

div#widget-bp-menu ul li a:hover {
	background: #000;
	color: #eee !important;
	text-decoration: none;
	}

div#widget-bp-menu ul li a:visited {
	color: #000;
	}

div#widget-bp-menu ul li.current_page_item a,
div#widget-bp-menu ul li.current_page_item a:hover {
	color: #333 !important;
	background: white;
	text-decoration: none;
	}

.admintab {
	position: absolute;
	right: 0px;
	_padding: 5px 15px 6px; /* IE hack */
	}

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

/*- Sidebar Subpages Menu */

#sidebar {
	width:658px;
}

.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 { /* 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 {
	color: white;
	}

h1:hover {
	text-decoration: underline;
	}

#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 { /* Used on static pages and archives */
	text-align: center;
	margin: 15px 0 15px;
	}

.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
	display: inline;
	}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 15px;
	padding: 0;
	display: inline;
	}

.primary h3, .primary h4, .permalink .primary .aside h3, .itemarea h3, .itemarea h4 {
	/* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.2em;
	font-weight: normal;
	letter-spacing: -1px;
	display: inline;
}

.primary .aside h3 {
	font-size: 1.6em;
	font-weight: normal;
	}

.itemarea {
	font-size: 88%;
	padding-bottom: 1.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #aaa;
}

.itemhead {
	margin-top: 1em;
	}
	
.itemhead a:visited {
	color:#777;
	}
	
.itemhead h3 a:visited {
	color:#444;
	}

.itemtext p, ul, ol {
	margin-top: 0px !important;
	padding-bottom: 0.5em !important;
	padding-top: 0 !important;
}

.itemtext h3 { /* For use on Pages */
	font-size: 1.7em;
	display: block;
	padding: 0.5em 0 0.3em 0;
	margin: 0;
	}

.itemtext h4 { /* For use on Pages */
	font-size: 1.3em;
	display: block;
	padding: 0 0 0.2em 0;
	font-weight: bold;
	margin: 0.5em 0 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: #999;
	font-weight: normal;
	}

.primary .item .itemhead .metalink, .comments .primary .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

.primary .aside .itemhead .metalink {
	font-size: 1.4em;
	}

.permalink .primary .aside .itemtext {
	font-size: 1.4em;
	color: #999;
}

.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 {
	}

.metadata { /* Time and category for blog entries */
	font-size: 1em;
	display: block;
	margin-top: 2px;
	color: #bbb;
	}

.metadata a {
	color: #777;
	}

.commentslink {
	padding: 2px 0 2px 20px;
	background: url('../imgs/comment.png') left center no-repeat;
	margin-right: 10px;
	}

.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('../imgs/time.png') left center no-repeat;
	}

.chronodata:after {
	content: ".";
	}

.tagdata {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('../imgs/tag_blue.png') left center no-repeat;
	}

/*- Primary Contents */

.primary .item {
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
	}

.itemtext {
	font-size: 1.1em/1.5em;
	text-align: justify;
	color: #444;
	padding-left: 0em;
	padding-right: 0em;
	padding-top: 1em;
}

.itemtext p,
.itemtext ul,
.itemtext ol,
.itemtext div,
.itemtext blockquote {
/*	margin: 13px 0; */
}

.metalinks {
	margin-top: 3px;
	}
	
.commentsrsslink {
	background: url('../imgs/feed.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	margin-right: 10px;
	height: 16px;
	}

.trackbacklink {
	background: url('../imgs/arrow_refresh.png') left top no-repeat;
	padding: 2px 0 2px 20px;
	height: 16px;
	}

.commentsrsslink a, .trackbacklink a {
	color: #999;
	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('../imgs/time.png') left center no-repeat;
}

.comments .commentlist {
	display: block;
}

.commentmetadata {
	display: inline;
}

.commentmetadata a{
	color:#666;
}
	
.commentmetadata a:visited {
	color:#666;
	}
	
#comments a img {
	border:none;
	padding:0px;
	}

.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;
	padding: 2px 0 2px 20px;
	background:transparent url(../imgs/comment.png) no-repeat scroll left center;
	
}
	
.commentauthor a {
	text-decoration:underline;
	color:#444 !important;
	}
	
.comments .commentlist li .counter {
	display: none;
	font-size: 1.5em;
	color: #999;
	float: left;
	width: 35px;
	}

.comments .commentlist li.authorcomment {
	color:#000000;
	background: #fff;
	border-top:1px solid gray;
	border-bottom:0px dotted;
	}

.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;
}

.commentauthor {
	font-weight: bold;
}

.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: 40px;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -2px;
	}

.comments #loading {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 40px;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -1px;
	}

input[type=text], input[type=password], textarea, select {
	font-size: 1em;
	padding: 3px;
	color: #777;
	}
	
select {
	padding: 1px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
	}

/*- Links */

a {
	color:#666;
	text-decoration: underline;
}

.itemtext a, a:visited {
	color:#666;
	}
	
.itemtext a:hover {
	color:#aaa;
}

.secondary a {
	text-decoration:none;
	}

.primary a:hover, .primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration:underline;
	}

h2 a:hover, h2 span a:hover {
	color:#666!important;
	}

#footer a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}

#footer a:hover {
	font-weight:bold;
	text-decoration:underline;
}

/*- 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, pre {
	padding:1em 1em 1em 2em;
	display:block;
	background-color: #eee;
	}

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: 30px 0;
	padding: 0.1em 20px 0.1em 35px;
	background: url('../imgs/quote.png') 3% top no-repeat;
	background-color: #f0f0f0;
	border: none;
}

hr {
	display:none;
	}

.navigation {
	text-align: center;
	margin: 0px 0 10px;
	padding: 0;
	width: 100%;
	}

.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 {
	text-decoration:none;
	color: #999;
	}

.navigation a:hover {
	text-decoration:underline;
	}

.alert {
	background: #FFD5EA;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
	}
	
/*- Begin Lists */
.itemtext ol, .itemtext ul {
	padding: 0 0 0.5em 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 li {
	padding:0 0 15px 0;
	list-style:none;
	}
	
.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;
	}

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

/* 
	Related Entries 2.0
	http://www.w-a-s-a-b-i.com/archives/2006/02/02/wordpress-related-entries-20/
*/

.related {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('../imgs/related.png') left center no-repeat;
	}

/*
	Browser Sniff
	http://priyadi.net/archives/2005/03/29/wordpress-browser-detection-plugin/
*/

.browser_sniff {
	padding: 2px 0 2px 20px;
	background: url('../imgs/browser_sniff.png') left center no-repeat;
	display: block;
}

/*
	WP-PostRating
	http://www.lesterchan.net/portfolio/programming.php
*/

.rating {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('../imgs/rating.png') left center no-repeat;
	}

/*
	Flickr RSS
	http://eightface.com/wordpress/flickrrss/
*/

.sb-flickr {
	width:658px;
	}

.sb-flickr img {
	margin:0 2px 0 2px;
	padding: 4px;
	border: 2px solid #999999;
	}
	
.sb-flickr a img {
	padding: 4px;
	border: 2px solid #999999;
	}
	
.sb-flickr a:hover img {
	padding: 4px;
	border: 2px solid #585858;
	_border: 2px solid #585858; /* IE Fix */
	}

/*
	Ultimate Tag Warrior
	K2 removes UTW's default tags for more default control.
*/

.localtags, .technoratitags {
	display: none;
	}

/*
	Spam Karma 2.2
	http://unknowngenius.com/blog/wordpress/spam-karma/
*/

#sk2-footer {
	color:#FFFFFF;
	background-color:#444444;
	width:;
	margin:22px 0 0 0;
	border-top:#888 solid 1px;
}


/** Flickr Badge **/
#flickr_badge_wrapper img {
	margin: 2px !important;
}