/*

Theme Name: minimalism

Theme URI: http://www.genaehr.com/minimalism/

Description: A minimized and professional designed WordPress theme by <a href="http://www.genaehr.com/">genaehr.com</a> based on the famous Kubrick.

Version: 1.0.1

Author: Christian Genaehr

Author URI: http://www.genaehr.com/

Tags: white, fixed width, two columns, widgets, minimalism



	minimalism v1.0.1

	http://www.genaehr.com/minimalism/



	This theme was designed and built by Christian Genaehr,

	whose website you will find at http://www.genaehr.com/



	The CSS, XHTML and design is released under GPL:

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



*/







/* Begin Typography & Colors */

body {

	font-size: 90%; /* Resets 1em to 10px */

	font-family: Arial, Helvetica, Sans-Serif;

	background: #000;

	color: #eee;

	text-align: center;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	}



#page {

	background-color: #fff;

	text-align: left;

	}



#header {

	background: #fff;

	}



#headerimg 	{

	margin: 7px 9px 0;

	height: 175px;

	}



#content {

	font-size: 1.2em

	}



.widecolumn .entry p {

	font-size: 1.05em;

	}



.narrowcolumn .entry, .widecolumn .entry {

	line-height: 1.4em;

	}



.widecolumn {

	line-height: 1.6em;

	}



.narrowcolumn .postmetadata {

	font-size: 0.9em;

	}



.alt {

	background-color: #fff;

	border-top: 1px solid #eee;

	border-bottom: 1px solid #eee;

	}



#footer {

	background: #fff;

	border: none;

	}



small {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 0.9em;

	line-height: 1.5em;

	}



h1, h2, h3 {

	font-family: Arial, Helvetica, Sans-Serif;

	font-weight: bold;

	}



h1 {

	font-size: 3em;

	}



#headerimg .description {

	font-size: 1.2em;

	}



h2 {

	font-size: 1.5em;

	color: #666;

	}



h2.pagetitle {

	font-size: 1.6em;

	}



#sidebar h2 {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 1.2em;

	}



h3 {

	font-size: 1.3em;

	color: #666;

	}



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

	text-decoration: none;

	color: #666666;

	}



h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

	color: #996;

	}



h2 a, h2 a:visited, h3, h3 a, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {

	text-decoration: none;

	color: #996;

	}



#sidebar h2 {

	color: #666;

	}



h2 a:hover, h3 a:hover {

	text-decoration: none;

	color: #666;

	}



.entry p a:visited {

	color: #996;

	}



.commentlist li, #commentform input, #commentform textarea {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 1em;

	line-height: 1.4em;

	}



.commentlist li {

	font-weight: bold;

	}



.commentlist li .avatar { 

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}



.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}



#commentform p {

	font-family: Arial, Helvetica, Sans-Serif;

	}



.commentmetadata {

	font-weight: normal;

	}



#sidebar {

	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

	color: #333;

	}



code {

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

	}



acronym, abbr, span.caps

{

	font-size: 0.9em;

	letter-spacing: .07em;

	}



a {

	color: #3978B7;

	text-decoration: underline;

	}



a.homelinks {

	color: #ffffff;

	font-style: italic;

	}

	

a:hover {

	color: #999999;

	text-decoration: underline;

	}



#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 9pt;

	}



#wp-calendar a {

	text-decoration: none;

	}



#wp-calendar caption {

	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	}

/* End Typography & Colors */







/* Begin Structure */

body {

	margin: 0 0 20px 0;

	padding: 0;

	}



#page {

	background-color: #fff;

	margin: 20px auto;

	padding: 0;

	width: 760px;

	}



#header {

	background-color: #fff;

	margin: 0 0 0 1px;

	padding: 0;

	height: 175px;

	}



#headerimg {

	margin: 0;

	height: 175px;

	padding: 0 0 0 45px;

	}



.narrowcolumn {

	float: left;

	padding: 0 0 20px 45px;

	margin: 0px 0 0;

	width: 450px;

	}



.widecolumn {

	padding: 10px 0 20px 0;

	margin: 5px 0 0 150px;

	width: 450px;

	}



.post {

	margin: 0 0 40px;

	text-align: justify;

	}



.post hr {

	display: block;

	}



.widecolumn .post {

	margin: 0;

	}



.narrowcolumn .postmetadata {

	padding-top: 5px;

	}



.widecolumn .postmetadata {

	margin: 30px 0;

	}



.widecolumn .smallattachment {

	float: left;

	width: 128px;

	margin: 5px 5px 5px 0px;

}



.widecolumn .attachment {

	margin: 5px 0px;

}



.postmetadata {

	clear: both;

}



.clear {

	clear: both;

}



#footer {

	padding: 0 0 0 45px;

	margin: 0 auto;

	clear: both;

	}



#footer p {

	margin: 0;

	padding: 20px 0;

	}

/* End Structure */







/*	Begin Headers */

h1 {

	padding-top: 70px;

	margin: 0;

	}



h2 {

	margin: 30px 0 0;

	}



h2.pagetitle {

	margin-top: 30px;

}



#sidebar h2 {

	margin: 5px 0 0;

	padding: 0;

	}



h3 {

	padding: 0;

	margin: 30px 0 0;

	}



h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

	}

/* End Headers */







/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

/* End Images */







/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	line-height: 1em;

	}



html>body .entry li {

	margin: 7px 0 8px 10px;

	}



.entry ul li:before, #sidebar ul ul li:before {

	content: "\00BB \0020";

	}



.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 15px;

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

	}



ul ul li {

	margin-left: 0px;

	padding-left: 10px;

	text-indent: -10px;

	}



/* End Entry Lists */







/* Begin Form Elements */

#searchform {

	margin: 10px auto;

	padding: 5px 3px;

	}



#sidebar #searchform #s {

	width: 108px;

	padding: 2px;

	}



#sidebar #searchsubmit {

	padding: 1px;

 	cursor: pointer;

	}



.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}



select {

	width: 130px;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 100%;

	padding: 2px;

	}



#commentform #submit {

	margin: 0;

	float: right;

 	cursor: pointer;

	}



input

 {

 	border: #ddd 1px solid;

 	background-color: #ffffff;

	font-family: Arial, Helvetica, Sans-Serif;

 	font-size:10px;

 	font-weight: normal;

 }



#searchsubmit 

 {

 	cursor: pointer;

 	text-decoration:none;

 }



/* End Form Elements */









/* Begin Comments*/

.alt {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

	}



.commentlist p {

	margin: 10px 5px 10px 0;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */







/* Begin Sidebar */

#sidebar

{

	padding: 20px 0 10px 0;

	margin-left: 545px;

	width: 190px;

	}



#sidebar form {

	margin: 0;

	}

/* End Sidebar */







/* Begin Calendar */

#wp-calendar_wrap {



	text-align: left;

	}

#wp-calendar {

	empty-cells: show;

	margin: 10px 0 0 0;

	width: 155px;

	text-align: left;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	width: 100%;

	text-align: left;

	}



#wp-calendar td {

	padding: 3px 0;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }

/* End Calendar */







/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #eee;

	}



blockquote {

	font-weight:bold;

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #eee;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	}



.hidden {

	display: none;

	}



hr {

	display: none;

	}



a img {

	border: none;

	}



.navigation {

	display: block;

	margin-top: 10px;

	margin-bottom: 60px;

	}

/* End Various Tags & Classes*/







/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #eee;

	background-color: #fff;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0px 5px;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}



#bluetext

{

color:#3978B7;

font-size:12px;

}



#darkgreytext

{

color:#333333;

font-size:12px;

}



.whiteheader

{

	color:#ffffff;

	font-size:18px;

	font-weight: bold;

	text-align: left;

	border-bottom-width: thin;

	border-bottom-style: none;

	border-bottom-color: #dddddd;

	background-color: #3978B7;

	padding-left: 3px;

	padding-right: 3px;

	padding-bottom: 3px;

}



.announceheader

{

	color:#999999;

	font-size:16px;

	font-weight: bold;

	text-align: left;

}



.announcetext

{

	color:#FFFFFF;

	font-size:12px;

	text-align: left;

	border-bottom-width: thin;

	border-bottom-style: dashed;

	border-bottom-color: #666666;

	border-top-width: thin;

	border-right-width: thin;

	border-left-width: thin;

	border-top-style: dashed;

	border-right-style: dashed;

	border-left-style: dashed;

	border-top-color: #666666;

	border-right-color: #666666;

	border-left-color: #666666;

	padding: 5px;

	background-color: #333333;

}



td.descrip

{

	color:#000000;

	/* color:#3978B7; */

background-color:#eee;

	border-bottom: 1px #999999 dotted;

	text-align: left;

	font-size: 13px;

	font-weight: normal;

}



td.costs

{

/* color:#990000; */

color:#000000;

background-color:#ccc;

font-size:14px;

border-bottom: 1px #999999 dotted;

text-align: left;

}



.linkbox

{

	font-size:small;

	line-height: normal;

	vertical-align:middle;

	border-top-width: thin;

	border-top-style: solid;

	border-top-color: #dddddd;

}



#homelinks

{

	color:#ffffff;

	font-size:8px;

	text-align: left;

	font-style: italic;

}



td.gearheader

{

	font-weight: bold;

	border-bottom: 1px #000000 solid;

	font-size:14px;

	line-height: 18px;

	vertical-align:middle;

	text-align: left;

	font-style: normal;

}



td.gearheader_notitle

{

font-weight: bold;

border-top: 1px #000000 solid;

border-bottom: 1px #000000 solid;

background-color:#eee;

font-size:14px;

line-height: 18px;

vertical-align:middle;

text-align: left;

}



td.footnotes

{

color:#ffffff;

font-size:13px;

padding: 4px;

font-style:oblique;

text-align: left;

}



sup

{

color:#000000;

}



.greysup

{

color:#ffffff;

}



td.rightcolumn

{

font-weight: bold;

padding: 6px;

border-color:#333333;

font-size:11px;

vertical-align:top;

text-align: left;

}











#lists {

float: left;

margin: 0;

width: 300px;

}



#gearcontainer {

	background-color: #eee;

	width: 248px;

	text-align: left;

	border-right: 1px solid #000;

	border-left: 1px solid #000;

}



#gearlists

{

padding-left: 0;

margin-left: 0;

border-top: 1px solid #000;

border-bottom: 1px solid #000;

width: 250px;

}



#gearlists li

{

list-style: none;

margin: 0;

padding: 0.15em;

border-bottom: 1px dashed #ddd;

}



#listheader

{

 	font-weight: bold;

	text-align: left;

	color:#330033;

	font-size: 12px;

	line-height: 17px;

	padding: 0 4px 5px;

	background-color: #fff;

}



#totals

{

 	font-weight: bold;

	color: #996;

	padding-right: 6px;

	padding-left: 2px;

}



#gearlists li a { text-decoration: none; }



#listnotes

{

 	font-weight: bold;

	text-align: left;

	list-style:square;

	color:#330033;

}



#subheader

{

 	font-weight: bold;

	font-style:italic;

	text-align: left;

	vertical-align: bottom;

	margin-left: 50px;

	color:#330033;

	font-size: 12px;

	line-height: 17px;

}



#size

{

	text-align: right;

}



#flickcost

{

 	font-weight: bold;

	color: #996;

	margin-left: 30px;

}



#magcost

{

 	font-weight: bold;

	color: #996;

	margin-left: 70px;

}













table.gearlists

{

background-color:#fafafa;

border: solid;

border-collapse:collapse;

border-spacing:0;

}



td.geartype

{

background-color:#dddddd;

border: 1px #000000 solid;

text-align:left;

font-family:Arial, Helvetica, sans-serif;

font-weight: bold;

font-size:12px;

color:#000000;

}



td.gearsubtype

{

background-color:#dddddd;

border: 1px #000000 solid;

text-align:left;

font-family:Arial, Helvetica, sans-serif;

font-weight: bold;

font-size:12px;

color:#000000;

}



td.size

{

border-bottom: 1px #6699cc dotted;

text-align:left;

font-family:Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 1em;

color:#404040;

background-color: #fafafa;

padding-top: 4px;

padding-bottom: 4px;

padding-left: 8px;

padding-right: 0px;

}



td.cost

{

border-bottom: 1px #6699cc dotted;

text-align:left;

font-family:Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 1em;

color:#404040;

background-color: #fafafa;

padding-top: 4px;

padding-bottom: 4px;

padding-left: 8px;

padding-right: 0px;

}



/* End captions */

#pagecontainer .geartables input {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}





/*<![CDATA[*/



/* page styling, unimportant for the menu. only makes the page looks nicer */







/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu

	placed here to clarify the terminology I use when referencing submenus in posts */

/*	

.menu>li:first-child>a, .menu li + li + li li:first-child>a {

	color: #567;

}

*/



/*]]>*/





[if lte IE 6]>

<style type="text/css" media="screen, tv, projection">

/*<![CDATA[*/



/* - - - ADxMenu: BASIC styles - - - */



/*

	this rules improves accessibility - if Javascript is disabled, the entire menu will be visible

	of course, that means that it might require different styling then.

	in which case you can use adxie class - see: aplus.co.yu/adxmenu/examples/ie6-double-style/

 */

.menu ul {

	visibility: visible;

	position: static;

}



.menu, .menu ul {	/* float.clear */

	zoom: 1;

}



.menu li.adxmhover {

	z-index: 10000;

}



.menu .adxmhoverUL {	/* li:hover>ul selector */

	visibility: visible;

}



.menu .adxmhoverUL {	/* submenu goes to the right */

	left: 100%;

}



/* - - - ADxMenu: DESIGN styles - - - */



.menu ul a {	/* fix clickability-area problem */

	zoom: 1;

}



.menu li {	/* fix white gap problem */

	float: left;

	width: 100%;

}



.menu li {	/* prevent double-line between items */

	margin-top: -1px;

}



.menu a:hover, .menu .adxmhoverA {		/* li:hover>a selector */

	color: #fc3;

}



.menu .adxmhoverUL {	/* inset submenus, to show off overlapping */

	top: 5px;

	left: 90%;

}



/*]]>*/

</style>



<script type="text/javascript" src="ADxMenu.js"></script>

<![endif]





#Layer1 {

	position:absolute;

	left:20px;

	top:20px;

	width:97px;

	height:100px;

	z-index:2;

	visibility: visible;

}

#Layer2 {

	position:absolute;

	left:671px;

	top:-7px;

	width:97px;

	height:100px;

	z-index:3;

	visibility: visible;

}

#Layer3 {

	position:absolute;

	left:240px;

	top:55px;

	width:300px;

	height:115px;

	z-index:4;

	visibility: visible;

}



#menucontainer {

	position:absolute;

	left:10px;

	top:145px;

	width:160px;

	height:546px;

	z-index:6;

}

#Layer5 {

	position:absolute;

	left:823px;

	top:75px;

	width:214px;

	height:308px;

	z-index:6;

}

#Layer4 {

	position:absolute;

	left:308px;

	top:5px;

	width:273px;

	height:101px;

	z-index:8;

}

#Layer6 {

	position:absolute;

	left:0px;

	top:0px;

	width:344px;

	height:178px;

	z-index:7;

}

#Layer7 {

	position:absolute;

	left:570px;

	top:159px;

	width:120px;

	height:70px;

	z-index:9;

}

.style1 {

	font-size: 16px;

	font-weight: normal;

}

#Layer8 {	position:absolute;

	left:10px;

	top:8px;

	width:160px;

	height:120px;

	z-index:9;

}



#pagecontainer {

	position:absolute;

	left:200px;

	padding: 0;

	top:135px;

	width:500px;

	height:553px;

	z-index:1;

}





#homepagecontainer {

	position:absolute;

	left:200px;

	padding: 0;

	top:135px;

	width:600px;

	height:553px;

	z-index:1;

}



h1 {font-size: 2em;}

h2 {font-size: 1.5em;}



.example {

	background: #eee;

	padding: 50px;

}



/* - - - ADxMenu: BASIC styles - - - */



.menu {

	width: 10em;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */

}



.menu, .menu ul {	/* remove all list stylings */

	margin: 0;

	padding: 0;

	border: 0;

	list-style-type: none;

	display: block;

}



.menu li {

	margin: 0;

	padding: 0;

	border: 0;

	display: block;

	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */

	z-index: 5;		/* thus we need to apply explicit z-index here... */

}



.menu li:hover {

	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */

	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)

							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */

}



.menu ul {

	visibility: hidden;	/* initially hide all submenus. */

	position: absolute;

	z-index: 10;

	left: 0;	/* while hidden, always keep them at the top left corner, */

	top: 0;		/* 		to avoid scrollbars as much as possible */

}



.menu li:hover>ul {

	visibility: visible;	/* display submenu them on hover */

	left: 100%;	/* and move them to the right of the item */

}



/* -- float.clear --

	force containment of floated LIs inside of UL */

.menu:after, .menu ul:after {

	content: ".";

	height: 0;

	display: block;

	visibility: hidden;

	overflow: hidden;

	clear: both;

}

.menu, .menu ul {	/* IE7 float clear: */

	min-height: 0;

}

/* -- float.clear.END --  */



/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu

	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!

	if you do it, make sure you 110% know what you do */

.menu ul {

	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */

	padding: 30px 30px 30px 10px;

	margin: -30px 0 0 -10px;

	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.

								you can also use to adjust the safe area to your requirement */

}





/* - - - ADxMenu: DESIGN styles - - - */



.menu, .menu ul li {

	color: #000000;

	background: #666;

	text-align:left;

}



.menu {

	width: 11em;

}



.menu ul {

	width: 11em;

}



.menu a {

	text-decoration: none;

	color: #eee;

	padding: .4em 1em;

	display: block;

	font-weight: bold;

}



.menu a:hover, .menu li:hover>a {

	color: #3978B7;

	font-weight: bold;

}



.menu li {	/* create borders around each item */

	border: 1px solid #ccc;

}

.menu>li + li, .menu ul>li + li {	/* and remove the top border on all but first item in the list */

	border-top: 0;

}



.menu li:hover>ul {	/* inset submenus, to show off overlapping */

	top: 5px;

	left: 90%;

}