/* Grey style created by Mitchell Foral */

/* This is the page background */
body {
	background-color: #f2f2f2;
	padding: 10px;
}

/* This is the heading of the blog. It holds the image or blog title */
#Header {
	font-family: Arial, Sans-Serif;
	font-size: 24px;
	color: black;
	background-color: #cccccc;
	padding: 5px 10px 5px 10px;
	border: 1px solid #999999;
	margin: 0px 10px 0px 10px;
	text-align: center;
}

/* This is the footer. It holds the XHTML and CSS valid text */
#Footer {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	clear: both;
	background-color: #cccccc;
	padding: 5px 10px 5px 10px;
	border: 1px solid #999999;
	margin: 0px 10px 0px 10px;
	text-align: center;
}


/* Blog Post Settings */
.PostTitle {
	font-family: Arial, Sans-Serif;
	font-size: 16px;
	color: #000000;
	background-color: #e6e6e6;
	border: 1px solid #cccccc;
	padding: 3px 10px 3px 10px;
	margin: 10px 10px 0px 10px;
	text-align: left;
}

.PostDate {
	font-family: Times New Roman, Serif;
	font-size: 14px;
	color: #333333;
	background-color: #fafafa;
	border: 1px solid #cccccc;
	border-width: 0px 1px 0px 1px;
	padding: 5px 10px 0px 10px;
	margin: 0px 10px 0px 10px;
	text-align: left;
}

.PostBody {
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	color: black;
	background-color: #fafafa;
	border: 1px solid #cccccc;
	border-width: 0px 1px 1px 1px;
	padding: 10px;
	margin: 0px 10px 0px 10px;
	text-align: justify;
}

.PostFooter {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: black;
	background-color: #fafafa;
	border: 1px solid #cccccc;
	border-width: 0px 1px 1px 1px;
	padding: 2px 10px 2px 10px;
	margin: 0px 10px 10px 10px;
	text-align: right;
}

/* These all pertain to menu items */
.MenuTitle {
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	color: #000000;
	background-color: #e6e6e6;
	border: 1px solid #cccccc;
	padding: 3px 10px 3px 10px;
	margin: 10px 10px 0px 10px;
	text-align: left;
}

.MenuBody {
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	color: black;
	background-color: #fafafa;
	border: 1px solid #cccccc;
	border-width: 0px 1px 1px 1px;
	padding: 10px;
	margin: 0px 10px 10px 10px;
	text-align: left;
}

.CommentTitle {
	font-family: Arial, Sans-Serif;
	font-size: 16px;
	color: #000000;
	background-color: #e6e6e6;
	border: 1px solid #cccccc;
	padding: 2px 10px 2px 10px;
	margin: 10px 10px 0px 10px;
	text-align: left;
}

.CommentPosterInfo {
	font-family: Times New Roman, Serif;
	font-size: 14px;
	color: black;
	background-color: #fafafa;
	border: 1px solid #cccccc;
	border-width: 0px 1px 0px 1px;
	padding: 5px 10px 0px 10px;
	margin: 0px 10px 0px 10px;
	text-align: left;
}

.CommentBody {
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	color: black;
	background-color: #fafafa;
	border: 1px solid #cccccc;
	border-width: 0px 1px 1px 1px;
	padding: 10px;
	margin: 0px 10px 0px 10px;
	text-align: justify;
}

.CommentTime {
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	color: black;
	background-color: #fafafa;
	border: 1px solid #cccccc;
	border-width: 0px 1px 1px 1px;
	padding: 5px 10px 5px 10px;
	margin: 0px 10px 0px 10px;
	text-align: right;
}

/* These pertain to the tabs in the admin area */
#TabContainer {
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	padding: 5px 5px 5px 0px;
	margin: 5px;
}

#TabContainer a, a:hover, a:link, a:visited 
	{ color: #0000af; background: transparent; border: 0px; }

.SelectedTab {
	background-color: #fafafa;
	border: 1px solid #cccccc;
	padding: 2px 5px 2px 5px;
	margin-left: 5px;
}

.SelectedTab:hover { border: 1px solid #999; }

.NotSelectedTab {
	background-color: #f2f2f2;
	border: 1px solid #f2f2f2;
	padding: 2px 5px 2px 5px;
	margin-left: 5px;
}

.NotSelectedTab:hover {
	background-color: #fafafa;
	border: 1px solid #cccccc;
}

/* This is the main container. It holds all content */
#Main { width: 100%; }

/* This is the container where all blog posts are placed */
#PostContainer {
	background-color: #f2f2f2;
	margin: 20px 200px 30px 0px;
}

/* This is the container where all menus and links are placed */
#MenuContainerLeft {
	width: 200px;
	float: left;
	background-color: #f2f2f2;
	margin: 10px 0px 10px 0px;
}

#MenuContainerRight {
	width: 200px;
	float: right;
	background-color: #f2f2f2;
	margin: 10px 0px 10px 0px;
}

/* These are the way images are formatted */
img {
	border: 0px;
}

.floatleft {
	float: left;
	margin: 5px 10px 5px 0px;
}

.floatright {
	float: right;
	margin: 5px 0px 5px 10px;
}

/* These are the way html tags are formatted */
p {
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	color: black;
}

q {
	background-color: #f2f2f2;
	border: 1px solid #d9d9d9;
	padding: 0px 5px 0px 5px;
}

table, tr, td {
	border: 1px solid #cccccc;
}

/* These are hyperlink formats */
a {
	color: #000000;
	background: transparent;
	text-decoration:none;
}

a:link {color: #0000af; background: transparent;}
a:visited {color: #0000af; background: transparent;}
a:hover {color: #0000ff; border-bottom: 1px solid #0000ff; background: transparent;}

/* These are for text fields and submit buttons */
input {
	color: black;
	background-color: #fff;
	border: 1px solid #cccccc;
	padding: 2px 5px 2px 5px;
	margin: 2px 0px 2px 0px;
}

input:hover, input:focus { border: 1px solid #999; }

textarea {
	width: 98%;
	color: black;
	background-color: #fff;
	border:1px solid #cccccc;
	padding: 5px;
}

textarea:hover, textarea:focus { border: 1px solid #999; }

select {
	color: black;
	background-color: #fff;
	border: 1px solid #cccccc;
}

select:hover, select:focus { border: 1px solid #999; }

.Quote {
	background-color: #f2f2f2;
	border: 1px solid #d9d9d9;
	padding: 0px 5px 2px 5px;
	margin-top: 5px; margin-bottom: 5px;
	text-align: left;
}

.Emotes {
	background-color: #f2f2f2;
	border: 1px solid #d9d9d9;
	padding: 2px 5px 2px 5px;
	text-align: left;
}

/* Comments and Permalink Buttons*/
.Comments {
	float: right;
	font-size: 10px;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	padding: 2px;
	margin-top: 5px; margin-right: 5px;
	text-align: center;
}

.Comments a { color: #0000af; background: transparent; border: 0px; }
.Comments:hover { border: 1px solid #999; }

.Permalink {
	float: right;
	font-size: 10px;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	padding: 2px;
	margin-top: 5px; margin-right: 5px;
	text-align: center;
}

.Permalink a { color: #0000af; background: transparent; border: 0px; }
.Permalink:hover { border: 1px solid #999; }

/* These are Miscellaneous things */
.Previous {
	float: left;
	font-size: 12px;
	padding-left: 5px;
	margin-top: 5px; margin-left: 5px;
	text-align: left;
}

.Next {
	float: right;
	font-size: 12px;
	padding-right: 5px;
	margin-right: 5px; margin-top: 5px;
	text-align: right;
}