/*
Theme Name: Mikro_Theme
Description: Custom theme for Mikro Systems
Version: 1
Author: XHTMLized
Author URI: http://xhtmlized.com/
Tags: red, grey, gradient, fixed width, two column, one column
*/



/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-size: 100%; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav { display:none; }


/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #fff; font-family: "Arial", "Helvetica", sans-serif; text-align: left; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited, a:hover, a:active {text-decoration: underline; color:#000; }
a img {border:none}

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/

.container {
font-size:1.2em;
}


/* 2.2 Header
-----------------------------------------------------------------------------------------------*/

#header h1, #navigation, #header a.mikro {display:none;}
#header img.print {margin: 0 0 2em 2em;}
.toolbar {display:none;}

#masthead img {width:750px !important; height:120px; margin-bottom:1em;}

/* 2.3 Content
-----------------------------------------------------------------------------------------------*/

.intro {
	padding:1em;
	width:auto;
	font-size:90%;
}
#flash {display:none;}
img.print-placeholder {width:100%}

#content {margin:0em 2em 3em 2em; }
#home #content {margin:0;}

#content ul.featured {
	display:inline;
}

#content ul.featured li {
	list-style:none;
	margin:0 0 1em 0;
	clear:both;
}

.featured .image {
	float:left;
	margin:0 0 0 0.5em;
	border:none;
}

.featured .desc, .featured h2 {
	float:right;
	width:34em;
	margin:0;
	text-decoration:none;
}
.featured h2 {margin-top:1em;}
.featured .desc {margin-bottom:1em;}
.featured .desc a {font-size:80%;}
.featured a {text-decoration:none;}



#masthead .title {margin:1em 2em;}
#masthead .title h1 {
	text-transform:uppercase;
	font-size:120%;
	margin:1em 0 0 0;
}


#content .title h2 {
	font-weight:normal;
	margin:0 0 1em 0;
}

#content h3,
#content .post h2 {
	margin-bottom:0;
}

#content p, #content ol, #content ul {font-size:80%;
}

td h3 { margin-top:0;}

img.alignright {float:right;}
img.alignleft {float:left; clear:both}


	
/* 2.4 Sidebar
-----------------------------------------------------------------------------------------------*/

#sidebar ul {margin:1em 0; padding:1em 0; border-top:4px solid #e51b24;}

#sidebar ul li {
	list-style:none;
	margin:0 0 1em 0;
	clear:both;
}

#sidebar .image {
	float:left;
	margin:0 0 1em 0;
	border:none;
}

#sidebar .desc {
	float:right;
	width:32em;
	margin:0;
	text-decoration:none;
}
#sidebar h2 {display:none;}
#sidebar h3 {margin:.5em 0 0 0; font-size:80%;}
#sidebar .desc {margin-bottom:1em;}
#sidebar .desc p {font-size:80%; margin:0;}
#sidebar a {text-decoration:none;}



/* 2.5 Footer
-----------------------------------------------------------------------------------------------*/
#footer { clear:both; padding-top:1em; font-size:40%; border-top:4px solid #e51b24;}
#footer ul {display:none;}