body {
	font-family: Arial, sans-serif;
	font-size: 90%;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}


/* Main	*/

#main {
	color: black;
	background-color: white;
}

#main a {
	text-decoration: none;
	font-weight: bold;
	color: #700;
}

#main a:hover {
	text-decoration: underline;
	color: #900;
}

#main a img.subtle {
	border: 0;
}

#main ul {
	padding-left: 1em;
}

#main h1 {
	font-size: 1.4em;
	font-weight: bold;
}

#main h1 {
	font-size: 1.2em;
	font-weight: bold;
}
	

#main h3 {
	font-size: 1em;
	font-weight: bold;
}

/* Header */
#header {
	margin: 0;
	padding: 0;
	display: block;
	height: 100px;
	background-color: #EEE;
	border-bottom: 2px solid black;
}

#header h1 {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 28px;
	left: 28px;
	font-size: 36px;
	
}

#avatar {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background-color: white;
	width: 100px;
	height: 100px;
}

#avatar img.hidden {
	display: none;
}

#avatar:hover img.obvious {
	display: none;
}

#avatar:hover img.hidden {
	display: block;
}

#navibar {
	display: block;
	position: absolute;
	top: 0;
	right: 100px;
	margin: 0;
	padding: 0;
	height: 100px;
	z-index: 100;
}

#navibar ul {
	margin: 0;
	padding: 0;
}

#navibar ul li {
	display: block;
	background-color: #EEE;
	float: left;
	width: 100px;
	height: 100px;
}

#navibar ul li ul li {
	float: none;
	border-left: 2px solid black;
	border-bottom: 1px solid black;	
}

#navibar ul li+li ul li {
	border-left: 1px solid black;
}

#navibar ul li+li+li+li ul li {
	border-left: 1px solid black;
	border-right: 2px solid black;
}

#navibar ul li ul li+li+li+li {
	border-bottom: 2px solid black;
}

#navibar ul li ul li+li {
	display: none;
}

#navibar:hover ul li ul li+li {
	display: block;
}

#navibar ul li a {
	display: block;
	width: 100px;
	padding-top: 40px;
	height: 60px;
	text-align: center;
	text-decoration: none;
	background-color: white;
	color: black;
	font-size: 16px;
	font-weight: bold;
}

#navibar ul li ul li a:hover {
	background-color: #9C9;
}

/*
#navibar ul li+li ul li a:hover {
	background-color: #AC9;
}
#navibar ul li+li+li ul li a:hover {
	background-color: #BC9;
}
#navibar ul li+li+li+li ul li a:hover {
	background-color: #CC9;
}


#navibar ul li ul li+li a:hover {
	background-color: #9BA;
}
#navibar ul li+li ul li+li a:hover {
	background-color: #A0B09A;
}
#navibar ul li+li+li ul li+li a:hover {
	background-color: #B0B095;
}
#navibar ul li+li+li+li ul li+li a:hover {
	background-color: #CB9;
}

#navibar ul li ul li+li+li a:hover {
	background-color: #9AB;
}
#navibar ul li+li ul li+li+li a:hover {
	background-color: #A0A09A;
}
#navibar ul li+li+li ul li+li+li a:hover {
	background-color: #B0A095;
}
#navibar ul li+li+li+li ul li+li+li a:hover {
	background-color: #CA9;
}

#navibar ul li ul li+li+li+li a:hover {
	background-color: #99C;
}
#navibar ul li+li ul li+li+li+li a:hover {
	background-color: #A9B;
}
#navibar ul li+li+li ul li+li+li+li a:hover {
	background-color: #B9A;
}
#navibar ul li+li+li+li ul li+li+li+li a:hover {
	background-color: #C99;
}

/* Main -> Body */

#body {
	width: 50%;
	float: left;
	margin-top: 2em;
	margin-bottom: 2em;
}

#body h2 {
	display: inline;
	font-size: 1.1em;
	height: 1.2em;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	background-color: #8B8;
	border: 1px solid black;
	border-left: 0;
	border-bottom: 1px solid #8B8;
	padding: 0;
	margin: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#body div {
	display: block;
	background-color: #EEE;
	border: 1px solid black;
	border-left: 0;
	padding: 0.5em;
	padding-bottom: 0.1em;
	margin: 0;
}

#body div p {
	margin: 0;
	padding: 0;
	padding-bottom: 0.3em;
}

#body .author {
	display: block;
	text-align: right;
}

/* Main -> LiveJournal */

#lj {
	margin: 0;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 0;
	width: 45%;
	float: right;
}

#lj img {
	max-width: 100%;
}

#lj .bordered {
	border: 1px solid black;
}

#lj a img[alt="[info]"] {
	border: none;
	vertical-align: bottom;
}


#lj .box {
	margin: 0;
	padding: 0;
	margin-bottom: 2em;
}

#lj h2 {
	display: block;
	height: 1.2em;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	border-bottom: 1px solid black;
	margin: 0;
	padding: 0;
}

#lj h2 .date {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
	margin-right: 1em;
	float: right;
}

#lj h2 .title {
	display: block;
	background-color: #BB8;
	border: 1px solid black;
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#lj .entry {
	clear: both;
	background-color: #EEE;
	margin: 0;
	padding: 0.3em;
	border-left: 1px solid black;
}

#lj .talklinks {
	text-align: right;
	padding-right: 0.5em;
	padding-left: 0.5em;   
	border-top: 1px solid black;
	background-color: white;
}

#lj .permalink {
	float: left;
}

#lj .ljtags {
	display: none;
	margin-top: 0.5em;
}

#lj .metadata-mood {
	padding: 0.2em;
}

#lj .metadata-music {
	padding: 0.2em;
}

#lj .metadata-mood span {
	font-weight: bold;
}

#lj .metadata-music span {
	font-weight: bold;
}


#lj table {
	width: 100%;
}

#lj table th {
	text-align: left;
}

#toLJ {
	display: block;
	float: right;
	background-color: white;
}


/* Comic */

#comic {
	margin: 0;
	margin-bottom: 2em;
	float: left;
	width: 50%;
	clear: left;
}

#comic img {
	border: 1px solid black;
	border-left: none;
	width: 100%;
}

#comic img:hover {
	width: auto;
}

#comic h2 {
	display: inline;
	font-size: 1.1em;
	height: 1.2em;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	background-color: #88B;
	border: 1px solid black;
	border-bottom: 1px solid #77A;
	border-left: 0;
	padding: 0;
	margin: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#comic .copyright {
	font-size: 0.7em
}


/* Shoutbox */

#shout {
	margin: 0;
	margin-bottom: 2em;
	float: left;
	width: 50%;
	clear: left;
}

#shout h2 {
	display: inline;
	font-size: 1.1em;
	height: 1.2em;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	background-color: #88B;
	border: 1px solid black;
	border-bottom: 1px solid #77A;
	border-left: 0;
	padding: 0;
	margin: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#shout>div {
	display: block;
	background-color: #EEE;
	border: 1px solid black;
	border-left: 0;
	padding: 0;
	padding-bottom: 0.1em;
	margin: 0;
	overflow: auto;
	height: 10em;
	font-family: courier, monospace;
}

#shout>div:hover {
	height: 20em;
}

#shout div div {
	margin: 0;
	padding: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#shout div.odd {
	background-color: #F0F8F0;
}

#shout div.even {
	background-color: #F0F0F8;
}	

#shout div.me .name:before {
	content: url("/img/narutoSmall.png");
	margin-right: 0.5em;
}	

#shout div div+div {
	border-top: 1px solid #777;
}

#shout .timestamp {
	display: block;
	color: #555;
	float: right;
}

#shout .name {
	display: block;
	font-weight: bold;
	width: 7em;
}

#shout .message {
	display: block;
}

#shout form {
	margin: 0;
	padding: 0;
}

#shout #name {
	width: 10em;
	float: left;
}

#shout #antispam {
	width: 5em;
	margin-left: 1em;
	font-weight: bold;
}

#shout #msg {
	margin-top: 5px;
	width: 100%;
}

#shout #submit {
	color: black;
}


/* AMV */

.collection {
	clear: both;
	padding-top: 2em;
}

.collection h2 {
	display: inline;
	font-size: 1.1em;
	height: 1.2em;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	background-color: #88B;
	border: 1px solid black;
	border-bottom: 1px solid #77A;
	border-left: 0;
	padding: 0;
	margin: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.collection h2+div {
	border-top: 1px solid black;
}

.amv {
	display: block;
	background-color: #EEE;
	border: 1px solid black;
	float: left;
	margin: 1em;
	padding: 0.5em;
	/*max-width: 45%;*/
}

.amv img {
	float: left;
}

.amv div {
	padding: 0;
	margin-left: 0.5em;
}

.amv p {
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 0;
	clear: left;
}

.amv .comments {
	position: absolute;
	border: 2px solid black;
	background-color: white;
	display: none;
	padding: 0.5em;
	padding-top: 0;
	max-width: 45%;
}

.amv:hover .comments {
	display: block;
}

.amv span {
	display: block;
	padding-bottom: 0.2em;
}	

.amv span:before {
	font-family: courier new, courier;
	font-weight: bold;
	font-size: 0.8em;
	white-space: pre;
	padding-left: 0.5em;
}

.amv a span.title {
	padding-bottom: 0.5em;
	text-decoration: none;
}

.amv a:hover span.title {
	text-decoration: underline;
}

.amv span.creator:before {
	content: "Creator:    ";
}

.amv span.anime:before {
	content: "Anime:      ";
}

.amv span.artist:before {
	content: "Artist:     ";
}

.amv span.song:before {
	content: "Song:       ";
}

.amv span.dimensions {
	display: none;
}

.amv span.resolution:before
{
	content: "Resolution: ";
}

.amv span.size:before {
	content: "Size:       ";
}

/* Footer */

#footer {
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
}

#footer div {
	display: block;
	border-top: 1px solid black;
	border-bottom: 1px solid #777;
	background-color: #EEE;
	color: #444;
	height: 1.5em;
	margin: 0;
	padding: 2px;
}

#copyright {
	display: block;
	float: left;
	vertical-align: middle;
	height: 1.5em;
}

#browsers {
	display: block;
	float: right;
	vertical-align: middle;
	height: 1.5em;
}

#browsers img {
	border: 0;
	margin: 2px;
}


/* Webcam */

#webcam {
	margin: 0;
	margin-bottom: 2em;
	clear: left;
	
}

#webcam img {
	border: 1px solid black;
	border-left: none;
}

#webcam h2 {
	display: block;
	width: 6em;
	font-size: 1.1em;
	height: 1.2em;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	background-color: #88B;
	border: 1px solid black;
	border-bottom: 1px solid #77A;
	border-left: 0;
	padding: 0;
	margin: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
}


/* Photos */

#photos {
	background-color: white;
	color: black;
	margin: 2em;
	padding: 0;
}

#photos h1 {
	text-decoration: underline;
	font-size: 1.2em;
}

#photos div {
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #BBBBBB;
	border: 1px #333333 solid;
	margin-bottom: 2em;
}


#photos img {
	border: 1px solid black;
	margin-top: 2em;
}

#photos h2 {
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}


/* Misc */

.center {
	text-align: center;
}

.borderless {
	border: 0;
}

#splash {
	float: right;
	margin: 0;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 0;
	border: 1px solid black;
	border-right: 0;
}

.underline {
	text-decoration: underline;
}

.photos div {
	display: block;
	float: left;
	width: 320px;
	height: 320px;
	line-height: 320px;
	padding: 0;
	margin: 5px;
	margin-top: 10px;
	text-align: center;
}

.photos img {
	vertical-align: middle;
}