* {
margin:0; 
border: 0; 
padding: 0; 
font-size: 100%;
}

a:link{color: #000000; text-decoration: none;}
a:visited{color: #000000; text-decoration: none;}
a:hover{color: #999999;}
a:active{text-decoration: underline;}

html, body {
	height: 100%;
	background-color: white;
	background-repeat: repeat-x;
	font-family: "century gothic";
}

#header {
	background-image:url('grafik/joelheader.png');
	background-repeat: no-repeat;
	height: 144px;
	width: 1000px;
	margin:0px auto;
	text-align:center;
	clear: both;
}

#nav {
	background-image:url('grafik/bgwide.png');
	background-repeat: repeat-y;
	height: 30px;
	width: 1000px;
	margin:0px auto;
	text-align:center;
	clear: both;
	padding: 0px 0px 0px 0px;
}
#navigation {
	background-color: white;
	height: 29px;
	width: 976px;
	margin:0px auto;
	text-align:center;
	clear: both;
	padding: 0px 0px 0px 0px;
	border-bottom-color: black;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#navigation ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0px;
width: 12em;
float: left;
}

.topmenu {
padding: 0px 0px 0px 15px;
}

#friends {
border-left-color: black;
border-right-color: black;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: black;
border-left-width: 1px;
border-right-width: 1px;
}

/* style, color and size links and headings to suit */
#navigation a {
display: block;
margin: 0;
padding: 2px 3px;
}

#navigation a {
color: #000;
background: white;
text-decoration: none;
}

#navigation a:hover {
color: #666666;
background: #fff;
}

#navigation li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#navigation ul ul {
position: absolute;
z-index: 500;
}

#navigation ul ul ul {
top: 0;
left: 100%;
}

#navigation ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#navigation ul ul,
div#navigation ul li:hover ul ul,
div#navigation ul ul li:hover ul ul
{display: none;}

div#navigation ul li:hover ul,
div#navigation ul ul li:hover ul,
div#navigation ul ul ul li:hover ul
{display: block;}

#container {
	background-image:url('grafik/bgwide.png');
	background-repeat: repeat-y;
	height: 100%;
	width: 1000px;
	margin:0px auto;
	text-align:center;
	clear: both;
}

#box1 {
width: 185px;
float: left; 
background-color: white;
min-height: 100%;
margin-left: 15px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: black;}

#box1 h2{
padding: 10px;
text-align: left;
font-size: 20px;
color: #666666;
}

#blog {
width: 185px;
clear: both;
background-color: white;
}

#blog p {
text-align: left;
font-size: 12px;
padding: 0px 0px 0px 10px;
}

#blog h2 {
text-align: left;
padding: 0px 0px 0px 10px;
}

#links {
margin-top: 10px;
width: 185px;
clear: both;
background-color: white;
text-align: left;
}

#links p,h2 {
padding: 10px;
text-align: left;
}

#login {
width: 185px;
clear: both;
background-color: white;
}

#login form,p,h2 {
text-align: left;
padding: 0px 0px 0px 10px;
}

#username{
border-width: 1px;
border-color: black;
border-style: solid;
}

#password{
border-width: 1px;
border-color: black;
border-style: solid;
}

#box2 {
width: 598px;
float: left;
background-color: white;
min-height: 100%;
border-left-style: solid;
border-left-width: 1px;
border-left-color: black;
border-right-style: solid;
border-right-width: 1px;
border-right-color: black;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: black;
}

#box2 p {
padding: 10px;
text-align: left;
}

#box2 h2{
padding: 10px;
text-align: center;
font-size: 70px;
color: #666666;
}

#box3 {
width: 185px;
float: right;
background-color: white;
min-height: 100%;
margin-right: 15px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: black;}

#box3 h2{
padding: 10px;
text-align: left;
font-size: 20px;
color: #666666;
}

#flattr {
width: 185px;
clear: both;
background-color: white;
}

#addthis_toolbox {
    width: 185px;
    height: 30px;
	text-align: center;
}

#twitter {
margin-top: 10px;
width: 185px;
clear: both;
background-color: white;
}

#about {
margin-top: 10px;
width: 185px;
clear: both;
background-color: white;
}

#footer {
	background-image:url('grafik/bgwide.png');
	background-repeat: repeat-y;
	width: 1000px;
	margin:0px auto;
	text-align:center;
}

#footer p {
padding: 10px;
font-size: 10px;
text-align:center;
}