* {font-family:'century gothic',tahoma, arial}
a{color:white;}
a:hover{color:#888}
#container{margin:0 auto; width:80%;}
#header{height:170px;margin-top:30px;}
#header h1{display:inline-block;}
#header h2{display:inline-block;margin:0}
#picture{
	float:left;
	-moz-border-radius: 10px;border-radius: 10px;
	border:1px solid black;
	margin-right:20px;
	background:url('pic.png');
	width:150px;height:150px;
}
#content{
	background-color:black;
	color:white;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-left:120px;
	min-height:300px;
	padding:20px;
}
#navigation{
	position:relative;
	top:20px;
	width:120px;
	float:left;
}
#navigation .link{padding:10px;height:20px;line-height:20px;text-align:right}

#navigation .inactive{background-color:white;}
#navigation .active{
	background-color:black;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-radius-topleft: 10px;
	border-radius-bottomleft: 10px;
	width:100px;
}

#navigation .nohover{background-color:white;}
#navigation .hover{
	background-color:#ccc;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-radius-topleft: 10px;
	border-radius-bottomleft: 10px;
	width:100px;
}

#navigation .topCorner{background-color:white;width:10px;height:10px;border-radius-bottomright:10px;-moz-border-radius-bottomright: 10px;}
#navigation .bottomCorner{background-color:white;width:10px;height:10px;border-radius-topright:10px;-moz-border-radius-topright: 10px;}

#navigation #topCornerBGActive{background-color:black;left:110px;height:10px;position:absolute;top:70px;width:10px;}
#navigation #bottomCornerBGActive{background-color:black;left:110px;height:10px;position:absolute;top:40px;width:10px;}	

#navigation #topCornerBGHover{background-color:#ccc;left:110px;height:10px;position:absolute;top:70px;width:10px;display:none;}
#navigation #bottomCornerBGHover{background-color:#ccc;left:110px;height:10px;position:absolute;top:40px;width:10px;display:none;}

#navigation .inactive a{color:black}
#navigation .hover a{color:white}
#navigation .active a{color:white}

.module { -moz-border-radius: 10px;border-radius: 10px;background-color:#666;padding:20px 10px;margin-bottom:20px;overflow:hidden;}
.module h1{border-bottom:1px solid white;font-size:24px;margin:0 0 10px 0;}
.module .time{font-size:10px;text-align:right;margin-top:10px;}
.module .permalink {text-align:right;font-size:10px;}

.module .success{color:lime;font-weight:bold;}
.module .error{color:red;font-weight:bold;}

.module .module{background-color:#888;width:90%;margin:0 auto 10px auto;text-align:left;}
.module .module h2{border-bottom:1px solid black;font-size:20px;margin:0 0 10px 0;color:black;}
.module  .module a:hover{color:#666}

.module .module .module{background-color:#666;width:90%}
.module .module .module h3{border-bottom:1px solid white;font-size:18px;margin:0 0 10px 0;}
.module  .module .module a:hover{color:#888}

textarea#styled {
	-moz-border-radius: 5px;border-radius: 5px;
	width: 80%;
	height: 120px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-color: #ccc;
}
input[type=text]#styled {
	-moz-border-radius: 5px;border-radius: 5px;
	width: 80%;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-color: #ccc;
}
input[type=password]#styled {
	-moz-border-radius: 5px;border-radius: 5px;
	width: 150px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-color: #ccc;
}