/*
Theme Name: Aidens Theme
Description: Theme For my son Aiden's Page
Version: 0.1H
Author: Sean T. Evans
Author URI: http://www.morydd.net/

The only graphic in this theme is the blue background, which is there for texture, it should work equally well without the graphic.

This file is part of Aiden's Theme, by Sean T. Evans, for Habari.
*/

body {
	background: #3a352f;
	color: #3a352f;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

input {
	background-color: #d9c1a9;
	color: #3a352f;
}

#rap {
	position: relative;
	border-bottom: 1px #3a352f solid;
	background-color: #3a352f;
	margin: auto;
	padding: 0;
	width: 750px;
}

#header {
	background: #6b82a1 url(images/back.jpg) center;
	height: 144px;
	border-top: 10px #3a352f solid;
	border-bottom: 10px #3a352f solid;
	text-align: center;
	font-size: 150%;
	color: #3a352f;
}

#header a {
	color: #3a352f;
	text-decoration: none;
}

#content {
	position: absolute;
	top: 154px;
	left: 0;
	margin: 0;
	padding: 0px;
	width: 505px;
	border-right:  3px #3a352f solid;
	border-bottom: 1px #3a352f solid;
	background: #6b82a1 url(images/back.jpg) center;
}

#content a:visited {
	text-decoration: none;
}

#content h2 {
	font-size: 95%;
	padding: 0 0 0 5px;
	margin: 0px;
	border-bottom: 3px #3a352f solid;
	border-top: 7px #3a352f solid;
	font-style: italic;
}

.post {
	border-width: 1px 10px;
	border-style: solid;
	border-color: #3a352f;
}

blockquote {
	border-top: 2px #3a352f dotted;
	border-bottom: 2px #3a352f dotted;
	border-left: 2px #3a352f solid;
	border-right: 2px #3a352f solid;
	padding: 5px;
}

strong {
	font-weight: bolder;
}

.storytitle {
	font-size: 175%;
	font-weight: bold;
	font-variant: small-caps;
	padding: 5px;
	border-bottom: 2px #3a352f dotted;
	text-align: center;
} 

.storytitle a, #comments a{
	color: #3a352f;
	text-decoration: none;
}

.storycontent, .comment_content, .comment_form {
	padding: 7px;
	margin: 0;
	text-align: justify;
	border-left: 10px #3a352f solid;
	border-right: 10px #3a352f solid;
	border-bottom: 2px #3a352f solid;
}

.storycontent p, .comment_content p, .comment_form p {
	padding: .5em 0;
	margin: 0;
	text-indent: 1em; /* Your call if you want to keep this. */
}

.storycontent a, .meta a, .feedback a, .comment_content a, .comment_form a, .tags a {
	color: #d9c1a9;
}

.storycontent a:hover, .meta a:hover, .feedback a:hover, .comment_content a:hover, .comment_form a:hover, .tags a:hover {
	color: #3a352f;
}

.storycontent img {
	margin: 5px;
	text-align: center;
	border: 2px solid #3a352f;
	overflow: hidden;
	max-width: 97%; /* 97% is just a guess. Probably better to have a real dimension here. Keeps huge images reasonably sized. */
}

.commentform textarea {
	width: 465px;
	background-color: #d9c1a9;
	color: #3a352f;
}

.meta, .feedback, .tags {
	padding: 0 0 0 5px;
	font-size: 85%;
	border-bottom: 3px #3a352f solid;
}

.meta {
	border-bottom: 3px #3a352f solid;
}	

.nav {
	text-align: center;
	margin-bottom: 7px;
	padding: 3px;
	font-variant: small-caps;
}

.nav a {
	color: #3a352f;
	text-decoration: none;
}

.nav a:hover {
	color: #d9c1a9;
}

#menu {
	background: #6b82a1 url(images/back.jpg) center;
	position: absolute;
	top: 154px;
	left: 525px;
	width: 225px;
	margin: 0;
	padding: 0;
}

#menu a {
	color: #3a352f;
	text-decoration: none;
}

#menu a:hover {
	color: #d9c1a9;
}


#menu ul {
	margin: 0;
	padding: 5px;
	list-style-type: none;
	border-width: 0 7px;
	border-style: solid;
	border-color: #3a352f;
}

#menu h2 {
	font-size: 95%;
	padding: 0 0 0 5px;
	margin: 0px;
	border-bottom: 3px #3a352f solid;
	border-top: 7px #3a352f solid;
	font-style: italic;
}

#menu ul li{
	font-size: 100%;
	font-variant: small-caps;
	padding: 0;
	margin: 0;
	text-align: center;
}

#menu form {
	padding: 5px;
	margin: 0;
	border-width: 0 7px;
	border-style: solid;
	border-color: #3a352f;
}

#menu input {
	margin: 3px;
}

#menu p {
	text-align: center;
	font-variant: small-caps;
	margin: 0;
	padding: 5px 8px;
	border-width: 0 7px;
	border-style: solid;
	border-color: #3a352f;
}

#search form {
	text-align: center;
}