/*
** genioso_style.css
** 2009.08.17
** B. Grove - nospam .at. genioso .dot. com
** CSS for Todo* - share and en joy
** Sources:
** http://css.maxdesign.com.au/floatutorial/tutorial0902.htm
*/

body {
text-align: center; 
}

div#container
{
margin-left: auto;
margin-right: auto;
width: 50em;
text-align: left;
line-height: 130%;
background-color: #fff;
color: #333;
/* border: 1px solid gray; */
}

#top
{
background:  url(image/genioso_logo_hex.jpg) no-repeat center;
height: 200px;
}

#topleft
{
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
border: 1px solid gray;
}

/* descendant selectors for top */
#top h1
{
padding: 0;
margin: 0;
}

/*
** breadcrumbs
** Sources:
** Fat Erik's Breadcrumbs
*/

#breadcontainer
{
padding: 0;
color: #000;
background-color: #ddd;
border-bottom: 1px solid gray;
}

#breadlist
{
list-style: none;
padding: 0;
margin-left: 30px;
}

#breadlist li
{
display: inline;
padding: 0;
margin: 0;
}

#breadlist li:before { content: "> "; }
#breadlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #breadlist li
{
background-image: url(/image/gt.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 1em;
margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #breadlist { height: 1%; }

* html #breadlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #breadlist li:first-child { background-image: none; }

/* 
** =================================================
** left and right navigation areas
** =================================================
*/

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 0;
/* border-right: 1px solid gray; -- use only if left > content */
}

#language
{
width: 160px;
text-align: center;
margin: 0px 10px 0px 0px ;
padding: 0px;
}

#rightnav
{
float: right;
width: 150px;
margin: 0;
padding-top: 1em;
}

#rightnav .item
{
border: none;
}

/* descendant selectors for rightnav */

#rightnav p
{
padding-left: .25em;
}

#content
{
margin-left: 200px;
border-left: 1px solid gray;
margin-right: 160px;
border-right: 1px solid gray;
padding: .5em;
max-width: 36em;
}

#content .author
{
font-family: Verdana,  sans-serif;
font-size: 10px;
text-align: right;
}

#footer
{
clear: both;
border-top: 1px solid gray;
text-align: center;
}

/* descendant selectors for footer */
#footer .date {
	float: left;
	text-align: left;
	}

#footer .contact {
	float: right;
	text-align: right;
	}
	
/* descendant selectors to remove whitespace */
#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

/*
** =================================================
** navigation stuff n junk
** Sources:
** Listamatic - http://css.maxdesign.com.au/listamatic/vertical09.htm
** Eric Meyer - http://www.meyerweb.com/eric/talks/2003/commug/commug.html
** =================================================
*/

#navlist
{
padding: 0;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
color: black;
background: gray;
width: 15em;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.5em;
border-left: 1em solid #AAB;
color: black;
background: #CCD;
text-decoration: none;
}

#navlist li a:link {
color: #448;
background: #CCD;
}

#navlist li a:visited {
color: #667;
background: #CCD;
}

#navlist li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}

/*
** =================================================
** articles and ads
** Sources:
** =================================================
*/

#article
{
margin-left: 1px;
padding: 3px;
}

#article p
{
padding: 3px 3px 3px 3px;
}