/*  
Theme Name: Monomo Space Frame
Theme URI: http://monomo.com/
Description: Strong and stylish - Tribute to everybody contributing to Word Press 
Version: 1.1
Author: Felix Benedikt
Author URI: http://www.monomo.com/

	Monomo Space Frame
	http://www.monomo.com

	This theme was designed and built by Monomo
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

* {
	margin:0; 
	padding:0;
} 

html {
	height:100%; 
	font-size:100.01%;
} 

body
{
	text-align: center;
	min-height: 101%;
	font: 100.01%/130% Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	min-width: 770px;
	max-width: 984px;/*use body to center everything*/
	margin: 20px auto;
	padding:10px;
	background-color: #f4f2ed;
} 

body * {
	text-align:left;
}

a:link {
	text-decoration:none;
	color:#111;
}

a:visited {
	text-decoration:none;
	color:#444;
}

a:hover, a:active {
	text-decoration:underline;
	color:#000;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
}



/* ------------------------------------------------- */
/* The Header */

#header {
    /*margin-top:10px;*/
}

#header h1 {
	margin:3px 10px 3px 10px;
	padding:0;
	line-height:2em;
}

/* ------------------------------------------------- */
/* The SEARCH */

#header fieldset{
   border:none;
   float:right;
}

#header legend {
	display:none;
}

#header label {
	display:none;
}

#header .searchInput {
	font-size:1.4em;
	width:10px;
	margin:0;
	color:#ffff77;
	background-color:#ffff77;
	border:solid 10px #ffff77;
}

#header:hover .searchInput, #header:active .searchInput,  #header:focus .searchInput {
	width:200px;
	color:#111;
	background-color:#fff;
	border:solid 10px #ffff77;
}

.searchInput:active, .searchInput:focus {
	width:200px;
	color:#111;
	background-color:#fff;
	border:solid 10px #ffff77;
}
/* ------------------------------------------------- */
/* Konstellation A: Content & Navigation 50% (Blau) | Content & Navigation 50% (Rot) */

div.fiftyLeft
{
	width: 49.9%;
	float:left;
	margin:10px 0 0 0;

}

div.fiftyRight
{
	width: 49.9%;
	float:right;
	margin:10px 0 0 0;
}

#blue_content_50 {
	margin:0 5px 0 0;
	background-color: #9DCBD6;
	background-image: url(images/top_inwards_left.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#red_content_50 {

	margin:0 0 0 5px;
	background-color: #ddab9e;
	background-image: url(images/top_inwards_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/* ------------------------------------------------- */
/* Konstellation B: Navigation (Blau) | Content & Navigation (Rot) */


#blue_navi {
	width:240px;
	float:left;
	margin:10px 0 0 0;
	background-color: #9DCBD6;
	background-image: url(images/top_inwards_left.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#red_content {
	margin:10px 0 0 250px;
	background-color: #ddab9e;
	background-image: url(images/top_inwards_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* ------------------------------------------------- */
/* Konstellation C: Content & Navigation (Blau) | Navigation (Rot) */


#blue_content {
	margin:10px 250px 0 0;
	background-color: #9DCBD6;
	background-image: url(images/top_inwards_left.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#red_navi {
	width:240px;
	margin:10px 0 0 0;
	float:right;
	background-color: #ddab9e;
	background-image: url(images/top_inwards_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/* ------------------------------------------------- */
/* Konstellation D: Neutral (Grau) */


#grey_content {
	margin:10px 0 0 0;
}







/* ------------------------------------------------- */
/* Generic classes for boxes */


div.blue_frame {
	color:#777;
	background-color: #f9f7f5;
	border-color: #03a8e2;
	border-width: 10px;
	border-style: solid;
	margin: 0 24px 0 0;
}

div.blue_frame:hover {
	background-color: #fff;
	color:#444;
}

div.red_frame {
	color:#777;
	background-color: #f9f7f5;
	border-color: #ff6820;
	border-width: 10px;
	border-style: solid;
	margin: 0 0 0 24px;
}

div.red_frame:hover {
	background-color: #fff;
	color:#444;
}


div.grey_frame {
	color:#777;
	background-color: #f9f7f5;
    border-color: #c1bcb9;
	border-width: 10px;
	border-style: solid;
}

div.grey_frame:hover {
	background-color: #fff;
	color:#444;
}




/* The shadow of the coloured boxes */
div.blue_box_bottom 
{
	float:left;
	height:24px;
	width:100%;
	padding: 0;
	margin:0;
	background-color: #51A1B7;
	background-image: url(images/bottom_inwards_left.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

div.red_box_bottom 
{
	float:left;
	height:24px;
	width:100%;
	padding: 0;
	margin:0;
	text-align:right;
	background-color: #d15e3f;
	background-image: url(images/bottom_inwards_right.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div.grey_box_bottom 
{
	margin:0;
	padding:0;
	height:24px;
	background-color: #d8d4d2;
	background-image: url(images/head_right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;		
}

.red_box_bottom img, .blue_box_bottom img,  .grey_box_bottom img
{
	padding: 0;
	margin:0;
}

.separator
{
	clear:both;
	font-size:0.1em;
	margin-top:-0.1em;
}







/* ------------------------------------------------- */
/* Credits & Footer */

div.credits {
	font-size:0.6em;
	color:#777;
	clear:both;
	margin-top:43px;
	margin-left:43px;
}




/* ------------------------------------------------- */
/* UL LISTS */

ul.blue_li {
	margin:10px;
	padding:0;	
	font-size:0.8em;
	text-align:left;
	list-style:none;
	border-style:solid;
	border-color:#03a8e2;
	border-width:0 0 1px 0 ;
}

ul.red_li {
	margin:10px;
	padding:0;	
	font-size:0.8em;
	text-align:left;
	list-style:none;
	border-style:solid;
	border-color:#ff4800;
	border-width:0 0 1px 0 ;
}



/* SUB ULs */

.blue_li ul, .red_li ul{
	padding:0px;
	margin:0px;
	list-style-type: none;
}


.blue_li ul ul, .red_li ul ul{
	font-size:0.9em;
	padding:0 0 0 10px;
	margin:0px;	
	list-style-type: none;
}

.blue_li ul ul ul, .red_li ul ul ul{ /* from that level no indent */
	padding:0 0 0 10px;
	margin:0px;
	list-style-type: none;
}



/* LI Formats */

.blue_li li { 
	border-style:solid;
	border-color:#03a8e2;
	border-width:1px 0 0 0 ;
}

.red_li li { 
	border-style:solid;
	border-color:#ff6633;
	border-width:1px 0 0 0;
}


.red_li li.invisible, .blue_li li.invisible  {
	display:none;
	/*background-color:#77eeff;*/
}


/* General SUB li format*/
.blue_li ul ul li, .red_li ul ul li { 
	border-style:solid;
	border-color:#CCC;
	border-width:1px 0 0 0;
}





/* HEADLINES IN UL */

.blue_li h3, .red_li h3 {
	font-size:1.3em;
	line-height:1.4em;
	/*color: #474543;*/
	font-weight:normal;
	margin:0px;
	padding: 1px 5px;
	/*background-color:#f4f2f0;*/
}




.blue_li h3.kp_parent, .red_li h3.kp_parent {
	font-size:1.4em;
	line-height:1.4em;
	/*color: #111 !important;*/
	font-weight:normal;
	margin:0px;
	padding: 1px 0;
	/*background-color:#f4f2f0;*/
}


/*THE UL LINKS*/
/* The general Format */

.blue_li a:link, .blue_li a:visited, .red_li a:link, .red_li a:visited  {
	display:block;
	text-decoration: none;
	color: #777573;
	margin:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding: 1px 5px;
}


.blue_li .kp_parent a:link, .blue_li .kp_parent a:visited, .red_li .kp_parent a:link, .red_li .kp_parent a:visited  {
	display:block;
	text-decoration: none;
	color: #222;
	margin:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding: 1px 5px 1px 5px;
}

.blue_li a:hover, .red_li a:hover {
	display:block;
	background-color: #ffff77;
	text-decoration: none;
	color: #000;
	margin:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding: 1px 5px;
}





/* CURRENTLY ACTIVE LI LINKS */

.blue_li li a.menu_visited:link, .blue_li li a.menu_visited:visited, .red_li li a.menu_visited:link, .red_li li a.menu_visited:visited {
	display:block;
	text-decoration: none;
	color: #000;
	margin:0px;
	padding: 1px 5px;
}

.blue_li li a.menu_visited:hover, .red_li li a.menu_visited:hover {
	display:block;
	background-color: #ffff77;
	text-decoration: none;
	color: #000;
	margin:0px;
	padding: 1px 5px;
}




/* ------------------------------------------------- */
/* CONTENT NAVIGATION SPLIT */


div.contentBoxRed { /*for future corrections */

}

div.navigationBoxRed {
	position:relative;
	width:195px;
	float:right;
}

div.contentDisplayRed {
	padding:10px;
	margin:0 190px 0 0;
}


div.contentBoxBlue { /*for future corrections */

}

div.navigationBoxBlue {
	position:relative;
	width:195px;
	float:left;
}

div.contentDisplayBlue {
	padding:10px;
	margin:0 0 0 190px;
}

/*for contect form */
div.contentDisplayGrey {
	padding:10px;
}


/**/

.contactDetails {
	width:45%;
	padding:10px;
	float:left;

}

/* ------------------------------------------------- */
/* THE FOOTERS */

/* RED */

div.footerBoxRed 
{
	clear:both;
	font-size:0.6em;
	margin:20px 0 10px 0;
}

.footerBoxRed ul li{
	display: inline;
	list-style-type: none;
	padding:0 10px 0 10px;
	margin:0;
}

.footerBoxRed ul {
	text-align:left;
}




div.footerBoxBlue 
{
	clear:both;
	font-size:0.6em;
	margin:20px 0 10px 0;
}

.footerBoxBlue ul li{
	display: inline;
	list-style-type: none;
	padding:0 10px 0 10px;
	margin:0;
}

.footerBoxBlue ul {
	text-align:right;
}


.footerBoxBlue a:link, .footerBoxRed a:link
{
	color:#777;
}


/* ------------------------------------------------- */
/* THE POSTS */


/* The Headlines are the same everywhere */
.contentDisplayRed h2, .contentDisplayBlue h2, .contentDisplayGrey h2 {
	font-size:1.2em;
	margin:0 0 0 0;
	font-weight:normal;
}

.contentDisplayRed h3, .contentDisplayBlue h3, .contentDisplayGrey h3 {
	font-size:1.0em;
	margin:0 0 0 0;
	font-weight:normal;
}

.contentDisplayRed .minipost, .contentDisplayBlue .minipost {
	margin:0 0 15px 0;

}
.contentDisplayRed .minipost small, .contentDisplayBlue .minipost small {
	font-size:0.6em;
	line-height:1.4em;
	color:#777;
}

small.light {
	color:#aaa !important;	
}

/* Just in case there is an abstract */
.contentDisplayRed div.minipost div.entry, .contentDisplayBlue div.minipost div.entry {
	margin:5px 0 5px 0;
	font-size:0.7em;
	line-height:1.4em;
	text-align:justify;
}


/* Navigation Table */
table.post_navigation_table {
	width:90%;
	border:none;
	font-size:0.6em;
	line-height:1.4em;
	color:#777;
	margin-bottom:15px;
}

.post_navigation_table .alignleft {
	text-align:left;
	width:40%;
	padding-right:10px;
}

.post_navigation_table .alignright {
	text-align:right;
	width:40%;
	padding-left:10px;
}


.contentDisplayRed .post, .contentDisplayBlue .post, .contentDisplayGrey .post {
	margin:0 0 30px 0;

}
.contentDisplayRed .post small, .contentDisplayBlue .post small, .contentDisplayGrey .post small {
	font-size:0.6em;
	line-height:1.4em;
	color:#777;
}

/* Just in case there is an abstract */
.contentDisplayRed div.post div.entry, .contentDisplayBlue div.post div.entry, .contentDisplayGrey div.post div.entry {
	margin:5px 0 5px 0;
	font-size:0.8em;
	line-height:1.4em;
}

div.post div.entry p {
	text-align:justify;
	margin:0 0 0.8em 0;

}

div.post div.entry ul {
	list-style-type: none;
}

div.post div.entry ol {
	margin:0 0 0 1.6em;
}

div.post div.entry li {
	margin:0 0 1.0em 1.0em;
}



.postmetadata_alt {
	margin-top:10px;
	text-align:left !important;
}

.postmetadata_alt small {
	font-size:0.8em !important;
}

.postmetadata {
	margin-top:5px;
	text-align:left !important;
	font-size:0.8em !important;
}

/* FOR COMMENTS */
#comments { /*h3 introducing the comment patch */
	margin:30px 0 0 0;
}

ol.commentlist {
	padding:0 10px 10px 10px;
	margin:0 10px 10px 10px;
	font-size:0.8em;
	line-height:1.4em;
}

#respond { /*h3 introducing the writing form */
	margin:30px 0 0 0;
}

#commentform { /* That's the form containing all elements */

}
#commentform small { 
	font-size:0.6em;
	line-height:1.4em;
	color:#777;
}

#commentform .comment_form { 
	font-size:0.8em;
	line-height:1.4em;
	color:#111;
	width:200px;
	border:solid 1px #ccc;
}
#commentform textarea { 
	margin:10px 0;
}

input.send_button {
	text-align:center;
}


/* where we cannot apply our system */
p.separated {
	font-size:0.8em;
	line-height:1.4em;
}


/*
.contentDisplayRed p, .contentDisplayBlue p{
	margin:2px 0 10px 0;
	font-size:0.8em;
	line-height:1.4em;
	text-align:justify;
}

*/

/* ------------------------------------------------- */
/* Specific Link Colours */


/* RED */
.contentDisplayRed a {
	color:#ff6633;	

}

.contentDisplayRed a:hover {
	background-color:#ffff77;	
	text-decoration:none;
}


/* BLUE */
.contentDisplayBlue a {
	color:#03a8e2;	

}

.contentDisplayBlue a:hover {
	background-color:#ffff77;	
	text-decoration:none;
}
/* ------------------------------------------------- */
/* Formatting of Sliders - in conjunction with the calendar css */

.toggled_content {
	margin-bottom:10px;
}

.kp_link_display {
	font-size:0.8em;
	line-height:1.4em;
}

.kp_link_display ul, .kp_link_display li
{
	list-style-type: none;
}