/* @override 
	http://edisonlee.net/edison.css
	http://www.edisonlee.net/edison.css
*/

body {
	background-color: #8d0046;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

hr {
	border: none 0; 
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #ccc;
	width: 50%;
	height: 2px;
	margin: 10px auto;
	text-align: left;
	}	
	

/* @group front page */

#frontleft h1 {
	display: block;
	text-indent: -9999px;
	width: 270px;
	height: 375px;
	margin: 0;
	padding: 0;
}

#frontwrapper {
	width: 857px;
	margin-right: auto;
	margin-left: auto;
	height: 757px;
	padding: 0;

}

#frontleft {
	width: 361px;
	height: 862px;
	background-image: url(images/homeleft.jpg);
	float: left;
	margin: 0;
	padding: 0;
}

#frontright {
	background-image: url(images/homeright.jpg);
	width: 477px;
	height: 660px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	top: 94px;
}

/* @group frontpage navigation */

ul#frontbuttons {
	margin: 0;
	padding-left: 30px;
	text-indent: -9999px;
}

ul#frontbuttons li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#frontbuttons a {
	display: block;
	width: 211px;
	height: 52px;
	text-decoration: none;
}

ul#frontbuttons li#front_dailyink a {
		width: 309px;
		height: 55px;
}


li#front_about a {
	background: url(images/front_about.jpg) no-repeat 0 0;
}

li#front_notes a {
	background: url(images/front_notes.jpg) no-repeat 0 0;
}

li#front_johnsstudio a {
	background: url(images/front_johnsstudio.jpg) no-repeat 0 0;
}

li#front_edisonfiles a {
	background: url(images/front_files.jpg) no-repeat 0 0;
}

li#front_behindscenes a {
	background: url(images/front_behindscenes.jpg) no-repeat 0 0;
}

li#front_john a {
	background: url(images/front_john.jpg) no-repeat 0 0;
}

li#front_edisonstore a {
	background: url(images/front_edisonstore.jpg) no-repeat 0 0;
}

li#front_purchase a {
	background: url(images/purchase_reprint.jpg) no-repeat 0 0;
}

li#front_dailyink a {
	background: url(images/front_dailyink.jpg) no-repeat 0 0;
}

li#front_about a:hover, li#front_notes a:hover,li#front_edisonfiles a:hover,li#front_behindscenes a:hover,li#front_john a:hover, li#front_edisonstore a:hover, li#front_johnsstudio a:hover {
	background-position: 0 -52px;
}

li#front_purchase a:hover {
	background-position: 0 -53px;
}

li#front_dailyink a:hover {
	background-position: 0 -55px;
}

/* @end */

/* @end */

#wrapper {
	width: 857px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/bg.gif);
}

h2#edisonfiles {
	background: url(images/title_files.jpg) no-repeat;
	width: 167px;
	height: 273px;
}

h2#aboutedison {
	background: url(images/title_about.jpg) no-repeat;
	width: 167px;
	height: 157px;
}

h2#labnotes {
	background: url(images/title_notes.jpg) no-repeat;
	width: 167px;
	height: 273px;
}

h2#behindscenes {
	background: url(images/title_behindscenes.jpg) no-repeat;
	width: 167px;
	height: 273px;
}

h2#john {
	background: url(images/title_john.jpg) no-repeat;
	width: 167px;
	height: 108px;
}

h2#store {
	background: url(images/title_store.jpg) no-repeat;
	width: 167px;
	height: 108px;
}

.pagetitle {
	display: block;
	left: 5px;
	position: relative;
	margin: 0;
	padding: 0 0 25px;
	text-indent: -9999px;
}

.pagetitle2 {
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
}

#header {
	height: 73px;
	margin: 0;
	padding: 0;
	background-color: gray;
	display: block;
	background-image: url(images/bg_header.gif);
}

.post h3 a {
	text-decoration: none;
}

#navigation {
	height: 34px;
	padding: 0;
	margin: 0;
	background-image: url(images/bg_nav.gif);
}

#sidebar {
	width: 172px;
	float: left;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	background: url(images/bg_side.gif) no-repeat;
	margin: 0;
	padding: 0;
}

/* @group Lab Notes posts */

.post {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.post small {
	font-size: 75%;
	color: gray;
}

.post h2, .post h2 a {
	color: #8d0046;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin-bottom: 0;
}



/* @end */

#main {
	color: #666666;
	font-size: 90%;
	float: left;
	width: 685px;
}

/* @group content */

#main h3 {
	font-weight: normal;
	font-style: normal;
	color: #8d0046;
	font-size: 1.6em;
	padding: 0;
	margin: 0 0 5px;
}

#main {
	margin-top: 30px;
}

.content {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
}

.content a {
	color: #8d0046;
	
}

#main p {
	line-height: 1.23em;
	font-size: 90%;
	margin-top: 10px;
	margin-right: 30px;
}

#main p.short {
		width: 400px;
	
}

#main p.blocked {
	
}

.character {
	clear: both;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	border-top-style: dashed;
	padding: 20px;
	border-top-width: 1px;
}

.character p {
}

}

/* @end */

/* @group navigation */

#navigation ul li {
	display: inline;
	margin-right: 10px;
	margin-left: 10px;
}

#navigation ul {
	list-style-type: none;
	font-size: 80%;
	text-indent: -9999px;
	margin: 0;
	padding: 0 0 0 60px;
}

#navigation ul li a {
	margin-right: 10px;
	margin-left: 10px;
}

#navigation ul li a:hover {
	background-position: 0 -18px;
}

a#nav_about {
	display: block;
	width: 114px;
	height: 18px;
	float: left;
	background-image: url(images/nav_about.gif);
}

a#nav_labnotes {
	display: block;
	width: 64px;
	height: 18px;
	float: left;
	background-image: url(images/nav_notes.gif);
	
}


a#nav_edisonfiles {
	display: block;
	width: 111px;
	height: 18px;
	float: left;
	background-image: url(images/nav_files.gif);
	
}


a#nav_behindscenes {
	display: block;
	width: 144px;
	height: 18px;
	float: left;
	background-image: url(images/nav_behindscenes.gif);
	
}


a#nav_john {
	display: block;
	width: 110px;
	height: 18px;
	float: left;
	background-image: url(images/nav_john.gif);
	
}


a#nav_contactjohn {
	display: block;
	width: 116px;
	height: 18px;
	float: left;
	background-image: url(images/nav_contactjohn.gif);
		
}


/* @end */

/* @group header */

#header h1 {
	margin: 0;
	text-indent: -9999px;
}

#header h1 a {
	display: block;
	width: 407px;
	height: 21px;
	background: url(images/title.gif) no-repeat;
	position: relative;
	top: 41px;
	left: 70px;
	overflow: hidden;
}

#header h1 a:hover {
	background-position: 0 -21px;
}

/* @end */

/* @group sidebar */

.sideitem {
	font-size: 70%;
	margin-left: 13px;
	margin-right: 10px;
	color: #8d0046;
	margin-bottom: 25px;
}

.sideitem h3 {
	font-size: 1.2em;
	color: black;
	margin-bottom: 0;
	margin: 0;
	padding: 0;
}

.sideitem p {
	margin-top: 5px;
}

.sideitem ul {
	margin-left: 0;
	padding-left: 15px;
}

#sidebar a {
	color: #8d0046;
	
}

#sidebar a:hover {
	color: black;
}

.sideitem ul li {
	padding-left: 0;
	margin-left: 0;
}

/* @end */

/* @group Footer */

#frontfooter {
	padding-top: 15px;
	clear: both;
	width: 857px;
	height: 85px;
	background: url(images/homefooter.gif) no-repeat right top;
}

#innerfooter {
	min-height: 76px;
	clear: both;
	background: #5f0042 url(images/bg_footer.gif) no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin: 0;
	padding: 0;
}

#innerfooter p {
	top: 20px;
	position: relative;
}

.footer
 {
	font-size: 70%;
	color: white;
	text-align: center;
	line-height: 1.5em;
}

.footer a,.footer a:visited {
	color: #b25382;
	text-decoration: none;
}

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


/* @end */




/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */