/*  
Theme Name: foolography
Theme URI: http://www.foolography.com
Description: personal foolography theme.
Version: 0.1
Author: Oliver Perialis
Author URI: http://www.foolography.com/contact
*/



/* Begin Typography Colors & Backgrounds */
body 
{
	font-family: Lucida, Verdana, sans-serif;
	text-shadow: 0 0 0 #000;
	/*makes the font thinner on Safari, where it looked fat due to color inversion*/
	background: #000000 url('back9.jpg') no-repeat left top;
	color: #bbb;
}
#headerimg {
	display: none;
}

p { 
	text-align: justify;
}
code { 
	background-color: #202020;
	padding: 0.5em;
	border: 2px solid #bbb;
	display: block;
	text-align: left;
}

a:link { 
	text-decoration: underline; 
	color: #bbb;	
}

a:visited { 
	text-decoration: underline; 
	color: #bbb;
}

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

abbr {
	text-decoration: none;
}
abbr:hover {
	text-decoration: underline;
}

hr {
	margin-bottom: 3em;	
}




/* Menu BAR */
#menu h2 {
	visibility: hidden; /*hide "Menu" */
}
#menu a:link { 
	text-decoration: none; 
	color: #bbb;	
}

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

#menu ul { /* list of widgets */
	list-style-type: none;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	/*border: solid #bbb 1px;*/
}
#menu ul ul { /* list of "pages" */
	display: block;
	font-size: 1.0em;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 1em;
}
#menu ul ul ul { /* 2nd gen. pages */
	font-size: 0.8em;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 1em;
}

/*collapsing pages tree by Oli*/

/* div #menu
	ul (list of widgets)
		li (pages) 
			ul
				li (home)
				li (geotagging)
					ul
						li (methods)
						 	ul
						 		li manual
						 		li indirect
						 		li direct
						 	/ul
						 li (Uses)
						 	ul
						 		li Examples
						 		li Testimonials
						 			ul
						 				li Oli
						 				li Bjorn
						 			/ul	
						 	/ul	(uses)
					/ul (geotagging)
			/ul(pages)
	/ul (widgets)
	*/

#menu ul ul ul { /* 2nd gen. pages */
	display: none; /* generally don't display anything after 1st generation*/
} 
/*sind momentan aktiv*/

#menu li.current_page_ancestor>ul {
	display: block; /*display uncles of all generations*/
}
#menu li.current_page_item>ul {
	display: block; /*display children*/
}
#menu li.current_page_item>ul>li>ul {
	display: none; /*don't display grandchildren */
}








/*farben fuer die aktive page*/
#menu li.current_page_item a {
	color: #8d281d;	
}
#menu li.current_page_item ul a{
	color: #bbb;	

}
/*end NAVIGATION BAR*/


/* style blog sidebar */
#sidebar h2 {
	font-size: 1em;
}

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sidebar ul ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0 0 0 15px;
}
/* end sidebar*/









	
/* Begin LAYOUT */	



/* 2 or 3 column layout, depending on content */

body {
	margin:0;
	padding:0;
}
body.blog {
	min-width: 54em;      /* 2x (LC fullwidth +CC padding) + RC fullwidth */
}
body.pages {
	min-width: 54em;      /* 2x (LC fullwidth +CC padding) + RC fullwidth */
}
#header {
	height: 150px;
}

#container.blog {
	padding-left: 220px;   /* left fullwidth */
	padding-right: 16em;  /* right fullwidth + center padding */
}
#container.pages {
	padding-left: 220px;   /* left fullwidth */
	padding-right: 50px;   /*25 center padding */
}

#content.blog {
	position: relative;
	float: left;
	padding: 15px 10px 0 15px;    /* center padding */
	width: 100%;
}
#content.pages {
	position: relative;
	float: left;
	padding: 15px 10px 0 15px;    /* center padding */
	width: 100%;
}
#content h2 {
	margin-left: 70px;
}
#menu {
	position: relative;
	float: left;
	width: 170px;          /* left width */
	padding: 10px;       /* left padding */
	right: 245px;          /* left fullwidth + center (bothsides) padding */
	margin-left: -100%;
}
#sidebar {
	/*background-color: blue;*/
	font-size: 0.8em;
	position: relative;
	float: left;
	width: 12em;          /* right width */
	padding: 1em;       /* right padding */
	margin-right: -16em;  /* right fullwidth + center (bothsides) padding */
	margin-top: 2em;
}
#footer {
	text-align: center;
	clear: both;
}

/*** IE 6+lower Fix ***/
* html #menu {
	left: 170px;           /* RC fullwidth */
}
/*** IE 7 Fix ***/

*:first-child+html #menu{
	left: 10px;           /* RC fullwidth */
	}


/* End LAYOUT */