/*  
Theme Name: minimalism
Theme URI: http://www.minimalism.ch
Description: 3 Columns Wordpress theme with collapsible menus created by Robert Masse
Version: 2.01
Author: Robert Masse
Author URI: http://www.minimalism.ch

This theme is released under Creative Commons Attribution 2.5 License.
*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, Georgia, Sans-Serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background-color: #fff;
	color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, Georgia, Sans-Serif;
	font-size: 14px;
}

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

a:hover { text-decoration: none; }

a img { border: 0; }

abbr, acronym { border: 0; }

address, dl, p { padding: 10px 0 0; }

blockquote {
	margin: 10px 10px 0;
	background: #FFFFFF url(images/bg_blockquote.gif) no-repeat 5px 7px;
	color: #9A9A9A;
}

blockquote p {
	padding: 10px 10px 10px 20px;
}

blockquote blockquote {
	margin: 10px 20px;
	background: #fff;
	color: #373737;
}

blockquote blockquote p { padding: 10px; }

code {
	background: #f9f9f9;
}

dt {
	font-weight: bold;
}

dd {
	padding: 0 0 5px 15px;
}

hr {
	clear: both;
	margin: 15px 0 5px;
	width: 100%;
	border: 0;
	height: 1px;
	text-align: left;
	background: url(images/bg_comment_bottom.gif) no-repeat;
}

small {
	font-size: 10px;
}

input, textarea {
	font-family: Verdana, Arial, Helvetica, Georgia, sans-serif;
	font-size: 12px;
	padding: 2px;
}

input#author, input#email, input#url, textarea#comment {
	border: 1px solid #CECECE;
	background-color: #fff;
	padding: 3px;
}

input#author, input#email, input#url {
	margin: 0 5px 0 0;
}

#container, #header, #menu, #menu ul li, #menu ul li a, #pagetitle, h1, #syndication, .pagewrapper, .page, .wrapper, .narrowcolumnwrapper, .narrowcolumn, .content, .post, .entry, .browse {
	text-align: left;
	vertical-align: top;
}

#container {
	margin: 0 auto;
	width: 904px;
	padding: 10px 0 0;		/* distance from top */
}

#header {
	margin-bottom: 4px;		/* 3px distance from content */
	float: left;
	width: 904px;
	color: #C6C6C6;
}

#menu ul {
	margin: 0;
	height: 31px;
	padding-left: 10px;	/* distance from left */
	list-style: none;
}

#menu ul li {
	float: left;
	margin-right: 10px;
	font-size: 12px;
	font-weight: bold;
	background: url(images/bg_tab_right.gif) no-repeat right top;
	color: #626262;
}

#menu ul li a {
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 11px;
	padding-bottom: 5px;
	text-decoration: none;
	background: url(images/bg_tab_left.gif) no-repeat left top;
	color: #626262;
}

#menu ul li a:hover {
	text-decoration: none;
	color: #C6C6C6;
}

#pagetitle {
	clear: both;
	width: 904px;
	/*height: 160px;*/
}

#pagetitle h1{
	padding: 0 28px 0;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
}

#pagetitle h1 a {
	text-decoration: none;
	color: #fff;
}

#syndication {
	float: left;
	margin-top: 100px;
	padding-left: 30px;
	color: #8F8F8F;
}

#syndication a { color: #9A9A9A; }

#syndication a.feed {
	padding: 0 0 0 19px;
	background: url(images/feed_icon.png) no-repeat 0 1px;
}

#searchbox {
	/*float: right;*/
	text-align: right;
	margin: 15px 15px 15px 0;
}

#searchbox input#s {
	border: 1px solid #D4D4D4;
	background: #eee;
	height: 14px; 
	width: 120px;;
}

#searchbox input#searchsubmit {  
	margin-right: 0px;
	text-align: right;
}

.pagewrapper {
	padding-bottom: 10px;
	min-height: 300px;
	float: left;
	width: 904px;
	background-color: #fff;
	color: #373737;
}

.page {
	float: left;
	padding: 0 0 0 0;
}

.wrapper { /* This wrapper class appears only on Page and Single Post pages. */
	float: left;
	width: 500px;
}

.narrowcolumnwrapper {
    min-height: 300px;
	float: left;
	width: 500px;
	/*padding-right: 8px;*/
	background: #fff url(images/bg_narrowcol.gif) repeat-y;		/* vertical line */
}

.narrowcolumn {
	float: left;
	width: 500px;
}

.content {
	float: left;
	width: 500px;
	
}

.post {
	padding: 9px 16px 15px;
	line-height: 18px;
}

.post h2 {
	padding: 0 0 2px;
	font-size: 16px;
	font-weight: bold;
	line-height: 27px;
	display: inline;
}

.post h2 a {
	text-decoration: none;
	color: #626262;
	/*border-bottom: 1px solid #626262;*/
}

.post h2 a:hover {
	text-decoration: none;
	color: #BABABA;
	/*border-bottom: 1px solid #BABABA;*/
}

.post img {
	/*padding: 4px;*/
	/*border: 1px solid #D4D4D4;*/
	background: #fff;
}

.post img.alignleft {
	float: left;
	margin: 5px 10px 0 0;
}

.post img.alignright {
	float: right;
	margin: 5px 0 0 10px;
}

.post img.wp-smiley {
	padding: 0;
	border: 0;
	background: none;
}

.entry{ color:#454545}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	padding: 9px 0 0;
}

.entry h1 {
	font-size: 20px;
	line-height: 30px;
}

.entry h2{ line-height: 18px; }

.entry h3{ font-size: 14px; }

.entry h4{ font-size: 12px; }

.entry h5{ font-size: 11px; }

.entry h6{ font-size: 10px; }

.postinfo{
	font-size: 11px;
	color: #8F8F8F;
}

.postinfo a {
	color: #BABABA;
}

.postdate{ color: #AEAEAE; }

.browse{
	border-top: 1px solid #BABABA;
	padding: 15px 16px;
	line-height: 18px;
}

/* calendar style */

#wp-calendar {
	/*border: 1px solid #ddd;*/
	empty-cells: show;
	font-size: 10pt;
	margin: 0;
	width: 90%;
}

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

#wp-calendar a:hover {		/* with post */
	/*background: #e0e6e0;*/
	color: #A2A2A2;
	background: #C6C6C6;
	/*color: #fff*/
}

#wp-calendar caption {
	/*color: #9CA579;*/
	color: #A2A2A2;		/* current month */
	font-size: 13px;
	text-align: left;
}

#wp-calendar td {
	color: #B6B6B6;		/* all sdates */
	font: normal 11px Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #A2A2A2;	/* today's date */
	color: #FFF;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	color: #626262;			/* days */
}


/* end calendar style */

/* COMMENTS TEMPLATE */

.post h3#comments, .post h3#respond{
	padding: 0 0 2px 19px;
	line-height: 27px;
	background: url(images/user_comment.gif) no-repeat 0 6px;
	color: #AEAEAE;
}

.post h3#respond{
	background: url(images/add_comment.gif) no-repeat 0 6px;
	color: #373737;
}

ol.commentlist{
	margin: 0 0 11px;
	padding:0;
	list-style: none;
}

ol.commentlist li{
	padding: 13px 0;
	background: url(images/bg_comment_bottom.gif) no-repeat left bottom;
}

ol.commentlist li .commentmetadata{
	font-size: 11px;
	color: #707070;
}

ol.commentlist li .commentmetadata a{
	color: #707070;
}

form#commentform small{
	font-size: 11px;
}

#buyNow {
	margin-top: 10px;
}

#sidebar {
	width: 192px;
	float: right;
	background-color: #EEEEEE;
	margin: 0;
	padding: 0;
}

#myTitle {
	padding: 10px 10px 0 10px;
}

#myTitle h2 a {
	text-decoration: none;
	color: #626262;
}

#myTitle h2 a:hover {
	text-decoration: none;
	color: #BABABA;
}


/* tag cloud */
#clouds {
	width: 192px;	
	float: right;
}

#clouds ul.cosmos {
	font-size: 120%;
	margin-top: 0;
	padding-left: 0;
	padding-right: 10px;
}
	
#clouds li.cosmos {
	display: inline;
	line-height: 1.3em;
}

a.cloudsClass, a.cloudsClass:active, a.cloudsClass:visited {
	text-decoration: none;
}

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

#clouds li.keyword1 { font-size: 0.7em; }
#clouds li.keyword2 { font-size: 0.9em; }
#clouds li.keyword3 { font-size: 1.0em; }
#clouds li.keyword4 { font-size: 1.1em; }
#clouds li.keyword5 { font-size: 1.2em; }
#clouds li.keyword6 { font-size: 1.3em; }
#clouds li.keyword7 { font-size: 1.4em; }
#clouds li.keyword8 { font-size: 1.5em; }
#clouds li.keyword9 { font-size: 1.6em; }
#clouds li.keyword10 { font-size: 1.7em; }
#clouds li.keyword11 { font-size: 1.8em; }
#clouds li.keyword12 { font-size: 1.9em; }
#clouds li.keyword13 { font-size: 2.0em; }
#clouds li.keyword14 { font-size: 2.1em; }
#clouds li.keyword15 { font-size: 2.2em; }
		
/********************
MENU
*********************/

#obar {	
   float: left;
   margin: 0 10px 0 0;
   width: 192px;
   display: inline;  /* FIX IE double margin bug */
   margin-left: 0;
}

#menu_vert {
	margin-left: -30px;
}

/* menu li block */
#menu_vert li {
   list-style: none;
   margin: 0;
   border-bottom: 1px solid #C6C6C6;
   display: block;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_vert a {
   text-decoration: none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.5em 0.5em 0.5em 1.5em; /* some air for it */
   color: #7B7B7B; /* this will be link color for all levels */
   background: url(images/menu/arrow-right.gif) no-repeat 0.5em center; 
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}

/* hover state for all links */
div#menu_vert a:hover {
   background-color: #D4D4D4;
}
div#menu_vert a.current-cat:hover {
   background-color: #D4D4D4;
   color: #7B7B7B;
}

/* first level activ */
div#menu_vert ul h3 {
   background: url(images/menu/arrow-right-active.gif) no-repeat 0.4em center;
   background-color: #767676;
   display: block; 
   padding: 0.5em 0.5em 0.5em 1.5em;  /* some air for it */
   color: #fff;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_vert li a.current-cat {
   background: url(images/menu/arrow-down.gif) no-repeat 0.4em center; 
   background-color: #767676;
   color: #fff;
}

.childActiv {
   background: url(images/menu/arrow-down.gif) no-repeat 0.4em center; 
   background-color: #767676;
   color: #fff;
   padding: 0.5em 0.5em 0.5em 1.5em;
}

/* second level */
div#menu_vert ul ul {
	margin-left: -20px;						/*  pos second level */
}
div#menu_vert ul ul a {
   font-size: 90%;
   padding: 0.5em 0.5em 0.5em 2.6em;		/* 2.3 = 2nd level inactiv left pos text  */
   background-position: 1.7em center;		/* 1.4 pos arrow 2nd level inactiv */
}

/* second level activ */
div#menu_vert ul ul h3 {
   font-size: 90%;
   padding: 0.5em 0.5em 0.5em 2.6em;		/* pos activ 2nd level text */
   background-position: 1.5em center;		/* pos active arrow */
   background-color: transparent;
   border-bottom: none;
   color: #000;     
}

#menu_vert ul ul li {
   border: none;
   margin-left: -20px;
}

div#menu_vert ul ul li a.current-cat {
   background-position: 1.5em center; 
   background-color: transparent;
   color: #7B7B7B;
}

/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align: left;
}

/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding: 2px 0 2px 0;
   background-color: #000;
   overflow: hidden !important;
   line-height: 1px !important;
   font-size: 1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}

/* if 3rd level */
/* current page on third level, more padding */
div#menu_vert ul ul ul li a.current-cat {
   padding: 0.3em 0.5em 0.3em 3.8em;
   background: url(images/menu/arrow-right-active.gif) no-repeat 2.7em center; 
}

/* third level links, more padding */
div#menu_vert ul ul ul a {
   padding: 0.3em 0.5em 0.3em 3.8em;
   background: url(images/menu/arrow-right.gif) no-repeat 2.8em center; 
}

/* third level has some padding to have it stand out */
div#menu_vert ul ul ul {
   padding-bottom: 0.5em;
}

/* End of Menu Vertical */

.footerFrame a { 
    color: #aaa;
    /*vertical-align: baseline;*/
}
.footerFrame a:hover { 
	text-decoration: none; 
	color: #555;
}

.footerFrame {
    /*clear: both;*/
	font-family: Verdana, Arial, Helvetica, Georgia, Sans-Serif;
	font-size: 8pt;
	color: #aaa;
	text-align: center;
}