/*  
Theme Name: ElectroMcB
Theme URI: http://seanmcb.com/
Description: Special theme by Sean McBride for his site. Totally sweet.
Version: 0.1
Author: Sean McBride
Author URI: http://seanmcb.com/

	ElectroMcB v0.1
	 http://seanmcb.com/

	This theme was designed and built for my own personal site.
	If you like it, thanks!

	The CSS and XHTML and are released under Creative Commons.
	
	The design is copyright by Sean McBride.

*/

/* LAYOUT STUFF */

body {
	background-color: #999999;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px */
	font-weight: normal;
	color: #000000;
}

.wrapper {
	width: 760px;
	margin: 5px auto 5px auto;
	padding: 0px;
	text-align: left;
	background-image: url(images/main_back.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

.upper {
	margin: 0px;
	padding: 0px;
	background-color: #999999;
	text-align: right;
	font-size: 0.7em;
}

.header {
	margin: 0px;
	padding: 131px 0px 0px 0px;
	background-image: url(images/header_back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.header h1 {
	/* Hide this text */
	height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.sidebar {
	float: left;
	width: 208px;
	margin: 20px 0px 20px 0px;
	padding: 0px;
	background-image: url(images/side_main_back.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

.sidebar-header {
	margin: 0px;
	padding: 55px 0px 0px 0px;
	background-image: url(images/side_top_back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.sidebar-header h3 {
	/* Hide this text */
	height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.sidebar-main {
	margin: 0px;
	padding: 5px 10px 5px 25px;
}

.sidebar-footer {
	margin: 0px;
	padding: 42px 0px 0px 0px;
	background-image: url(images/side_bottom_back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.main {
	float: right;
	width: 512px;
	margin: 0px;
	padding: 30px 22px 20px 0px;
	background-image: url(images/top_braille.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.footer {
	clear: both;
	margin: 0px;
	padding: 35px 22px 20px 256px;
	background-color: #999999;
	background-image: url(images/bottom_back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.footer p {
	margin: 0px;
	padding: 0px;
}

.post {
	margin: 5px 0px 10px 0px;
	border-bottom: 1px solid #666666;
}

.validate {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	float: right;
	width: 100px;
	text-align: right;
}

.validate img {
	padding: 0px 0px 2px 0px;
}

/* LIST STUFF */

.sidebar ul {
	margin: 0px;
	padding: 0px;
}

.sidebar li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.sidebar ul ul {
	margin: 0px 0px 5px 10px;
	padding: 0px 0px 0px 10px;
}

.sidebar li li {
	margin: 0px 0px 1px 0px;
	list-style-position: outside;
	list-style-image: url(images/bullet.gif);
}

/* TEXT STUFF */

.wrapper {
	font-size: 1em;
}

img {
	border: 0px;
}

a {
	color: #990033;
	text-decoration: underline;
}

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

.footer {
	font-size: 0.8em;
	color: #666666;
}

.footer a {
	color: #114466;
}

.footer a:hover {
	color: #336688;
}

.sidebar h2 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #990033;
	font-size: 1.5em;
}

.sidebar a {
	color: #000000;
	text-decoration: none;
	display: block;
	width: 100%;
	background-color: none;
}

html>body ul.rollmenu a {width: auto}

.sidebar a:hover {
	color: #333333;
	text-decoration: none;
	background-color: #999999;
}

.main {
	font-size: 1.2em;
}

.main h2 {
	color: #990033;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 1.5em;
}

.main h3 {
	color: #990033;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 1.3em;
}

small {
	color: #666666;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
}

.entry {
	margin: 15px 0px 5px 0px;
}

.entry p {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

.postmetadata {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	text-align: right;
	color: #666666;
	font-size: 0.8em;
}

.postmetadata a {
	color: #114466;
}

.postmetadata a:hover {
	color: #336688;
}