/*Theme Name: Black Mole Theme
Theme URI: http://brazmogu.com.br/theme
Description: A super clean dark theme.
Version: 0.2
Author: Bruno "Professional Mole" Guedes
Author URI: http://brazmogu.com.br
Tags: black, single-column, clean, minimalist, no-sidebar
*/
html
{
	width: 100%;
	background: #000000;
	text-align: center;
}

body
{
	width: 800px;
	background: #000000;
	color: #ffffff;
	font: 12pt arial, sans-serif;
	margin: 0 auto;
	padding: 0 auto;
	text-align: center;
}

div
{
	display: block;
	margin: 0px;
	padding: 0px;
}

a
{
	color: #808080;
	font-weight: bold;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a.readmore
{
	font: 10pt;
	font-style: italic;
	font-variant: small-caps;
	display: block;
	margin-top: 8pt;
}

div.comments
{
	display: block;
	margin-top: 8pt;
	font-style: italic;
	font-variant: small-caps;
}

br.forcebreak
{
	clear: both;
}

//Header
div#header
{
}

img#logo
{
	float: left;
	width: 200px;
	height: 200px;
}

div#title
{
	background: #000000;
	float: right;
	width: 600px;
	height: 120px;
	margin-left: auto;
	font: 72px bold arial;
}

div#feature
{
	background: #000000;
	float: right;
	width: 600px;
	height: 80px;
	margin-left: auto;
	vertical-align: bottom;
	text-align: left;
}

div#navbar
{
	display: table;
	clear: both;
	width: 100%;
}

div#navbar ul
{
	display: table-row;
	list-style-type: none;
	height: 80px;
	padding: 0px;
}

div#navbar ul li
{
	display: table-cell;
	min-width: 100px;
	min-height: 80px;
	font: 24px arial, serif;
	text-align: center;
	text-align: center;
	margin: 0 auto;
	padding: auto;
}

//Main Content
div#content
{
	width: 100%;
	clear: both;
	margin: 1pt auto;
}

div#content p, div#content ul
{
	text-align: justify;
}

div#content  h1
{
	font-size: 20pt;
	font-weight: bolder;
}

div#content  h2
{
	font-size: 18pt;
}

div#content  h3
{
	font-size: 16pt;
	font-variant: small-caps;
}

div#content  h4
{
	font-size: 12pt;
	font-variant: small-caps;
}

div#content div
{
	margin: 4px auto 0px;
	padding: 10pt 10pt 12pt 14pt;
	text-align: justify;
}

div#content .pane
{
	/*background: #101010;*/
	width: 764px;
	display: block;
}

div#content .halfpane
{
	/*background: #101010;*/
	width: 364px;
	display: inline-block;
	vertical-align: top;
}

div#content .thumb
{
	/*background: #400040;*/
	width: 264px;
	display: table-cell;
	vertical-align: top;
}

div#content img.center, img.aligncenter
{
	margin: 0px auto;
	clear: both;
	max-width: 90%;
}

div#content img.left, img.alignleft
{
	float: left;
	clear: left;
	max-width: 45%;
	margin-right: 4px;
}

div#content img.right, img.alignright
{
	float: right;
	clear: right;
	max-width: 45%;
	margin-right: 4px;
}

div#content img.thumbnail
{
	float: left;
	padding-right: 8px;
	width: 150px;
	max-height: 150px;
}

div#content img.icon
{
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
	width: 64px;
	max-height: 64px;
}

div#content img.indiedb
{
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}

div#content img.avatar
{
	width: 48px;
	max-height: 48px;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

//Footer
div#footer
{
	width: 100%;
	clear: both;
}

//About
div#about
{
	display: table;
	text-align: center;
	box-sizing: border-box;
}

div#about .section
{
	display: table-cell;
	width: 33%;
	border-radius: 16px;
}

div#about .button
{
	background-repeat: no-repeat;
	background-size: 64px;
	color: #fff;
	font-size: 10pt;
	text-align: center;
	display: table-cell;
	width: 25%;
	border-radius: 8px;
	height: 64px;
	line-height: 64px;
	padding: 0px 4px 0px 68px;
	margin: 0px 4px;
	border-collapse: separate;
	border-spacing: 0px 8px;
}

.button.www
{
	background-color: #808080;
	background-image: url(/icon/www.png);
}

.button.twitter
{
	background-color: #00ACF0;
	background-image: url(/icon/twitter.png);
}

.button.tumblr
{
	background-color: #2E4B67;
	background-image: url(/icon/tumblr.png);
}

.button.da
{
	background-color: #5F716F;
	background-image: url(/icon/deviantart.png);
}

.button.steam
{
	background-color: #262626;
	background-image: url(/icon/steam.png);
}

//Wordpress Theme
.wp-caption
{
	border: thin solid #404040;
	background: #606060;
	text-align: center;
	font-size: 10pt;
	margin: 0px auto;
	padding: 0px auto;
	clear: both;
	max-width: 90%;
}