* {
	margin:		0;
	padding:	0;
	border:		0;
}

body {
	background:	#990000;
	text-align:	center;
}
body.Fabio {
	background:	#990000;
	text-align:	center;
}
body.Joah {
	background:	#4f7eae;
	text-align:	center;
}
body.Lucy {
	background:	#541B3D;
	text-align:	center;
}

.Inner {
	position:	relative;
	left:		15px;
	width:		840px;
	background:	#cc0000;
}
.Joah .Inner {
	position:	relative;
	left:		15px;
	width:		840px;
	background:	#74a5d6;
}
.Lucy .Inner {
	position:	relative;
	left:		15px;
	width:		840px;
	background:	#bd408f;
}

#PreviousArrow {
	margin: 500px 0px 0px 0px;
	width: 108px;
	float: left;
}

#NextArrow {
	margin: 500px 0px 0px 0px;
	width: 108px;
	float: left;
}

#WholePageWithArrows {
	width: 1092px;
	margin: 20px auto;
}

#WholePage {
	float: left;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		0.9em;
	color:			#ffffff;
	width:	876px;
	margin: 20px auto;
}

#TopBackground {
	height:		156px;
	width:		876px;
	background:	url(../images/TopBackground-trans.png) no-repeat;		
}

#TopBackground .Inner {
	top:		12px;
	height:		144px;}		

#TopBackground-joah {
	height:		177px;
	width:		876px;
	background:	url(../images/TopBackground-trans-joah.png) no-repeat;		
}

#TopBackground-joah .Inner {
	top:		12px;
	height:		165px;
}		
#TopBackground-lucy {
	height:		177px;
	width:		876px;
	background:	url(../images/TopBackground-trans-joah.png) no-repeat;		
}

#TopBackground-lucy .Inner {
	top:		12px;
	height:		165px;}		


#HeaderLogo {
	position:	relative;
	top:		44px;
}
	
#MidBackground {
	width:		876px;
	background:	url(../images/MidBackground-trans.png) repeat-y;
	padding-bottom: 50px;
}
.Joah #MidBackground,
.Lucy #MidBackground {
	width:		876px;
	background:	url(../images/MidBackground-trans1px.png) repeat-y;
	padding-bottom: 0px;
}
#BottomBackground {
	clear:		both;
	height:		101px;
	width:		876px;
	background:	url(../images/BottomBackground-trans.png) no-repeat;
}

#BottomBackground .Inner {
	text-align:	right;
	height:		77px;
}

#FooterLogo {
	padding-right:	18px;
}
	
.StoryDate {
	height:			40px;
	width:			177px;	
	background:		url(../images/DateBackground-trans.png) no-repeat;
	margin-top:		12px;
	margin-bottom:	12px;
}

.Joah .StoryDate {
	height:			40px;
	width:			177px;	
	background:		url(../images/DateBackground-trans-joah.png) no-repeat;
	margin-top:		12px;
	margin-bottom:	12px;
}
.Lucy .StoryDate {
	height:			40px;
	width:			177px;	
	background:		url(../images/DateBackground-trans-lucy.png) no-repeat;
	margin-top:		12px;
	margin-bottom:	12px;
}


.StoryDate h1 {
	padding:		5px 0px 0px 0px;
	font-family:	"Comic Sans MS";
	color:			#ffffff;
	font-size:		16px;
	font-weight:	normal;
}

.StoryTitle{
	float:			left;
	height:			63px;
	margin-top:		12px;
	margin-bottom:	12px;
}

.StoryTitle .StoryTitleOuter{
	height:			63px;
	background:		url(../images/ScribbleRight-trans.png) no-repeat right top;
	margin-left:	37px;
}

.StoryTitle .StoryTitleInner{
	height:			63px;
	background:		url(../images/ScribbleLeft-trans.png) no-repeat left top;
	margin-left:	-37px;
}

.StoryTitle h1 {
	padding:		10px 20px 0px 20px;
	font-family:	"Comic Sans MS";
	color:			#ffffff;
	font-size:		25px;
	font-weight:	normal;
}

.StoryBody {
	clear:		both;
}

.StoryBody p {
	text-align:		left;
	padding-left: 14px;
	padding-bottom:	10px;
	padding-bottom:	10px;
}

.Comment {
	clear:		both;
	border-style:	dotted;
	border-width:	1px 0px 0px 0px;
	margin-top:   16px;
	margin-right:	10px;
	margin-left:	13px;
	padding:	10px;
	text-align:	left;
}

.CommentHead {
	font-size:	70%;
	font-weight: bold;
}

.CommentBody {
	padding:	10px 0px 0px 0px;
	font-size:	90%;
	font-style:	italic;
}

.Comment a {
	font-style:		normal;
	font-weight:		bold;
	text-decoration:	underline;
	font-variant:		small-caps;
	margin-right:		2em;
}

.SomeSpace {
	clear:	both;
	padding-bottom:	50px;
}

.IE7Hack {
	clear:	both;
	font-size: 1px;
	padding: 0px;
	margin: 0px;
}

/* IMAGE BORDER CLASSES */
.IBMain {
	margin: 0px;
	font-size: 16px;
}

.FloatLeft {
	float: left;
}

.FloatRight {
	float: right;
}

.IBMainForm {
	margin:0px auto 0px auto;
	width:580px;
}

.IBTop {
	height: 30px;
	background: url(../images/PhotoFrameTRs-trans.png) no-repeat right top;
	margin-left: 50px;
}

.IBTop .Left {
	height: 30px;
	background: url(../images/PhotoFrameTLs-trans.png) no-repeat left top;
	margin-left: -50px;
}

.IBTop .Middle {
	position:	relative;
	left:		15px;
	top:		12px;
	height:		18px;
	background: #ff863b;
}

.Joah .IBTop .Middle {
	position:	relative;
	left:		15px;
	top:		12px;
	height:		18px;
	background: #b9d3ff;
}
.Lucy .IBTop .Middle {
	background: #F587B3;
}

.IBMiddle {
	background: url(../images/PhotoFrameMR-trans.png) repeat-y right top;
	margin-left: 50px;
}

.IBMiddle .Left {
	background: url(../images/PhotoFrameML-trans.png) repeat-y left top;
	margin-left: -50px;
}

.IBMiddle .Middle {
	position:	relative;
	left:		15px;
	background: #ff863b;
}

.Joah .IBMiddle .Middle {
	position:	relative;
	left:		15px;
	background: #b9d3ff;
}
.Lucy .IBMiddle .Middle {
	background: #F587B3;
}

.IBBottom {
	height: 50px;
	background: url(../images/PhotoFrameBR-trans.png) no-repeat right bottom;
	margin-left: 50px;
}

.IBBottom .Left {
	height: 50px;
	background: url(../images/PhotoFrameBL-trans.png) no-repeat left top;
	margin-left: -50px;
}

.IBBottom .Middle {
	position:	relative;
	left:		15px;
	height:		26px;
	background: #ff863b;
}

.Joah .IBBottom .Middle {
	position:	relative;
	left:		15px;
	height:		26px;
	background: #b9d3ff;
}
.Lucy .IBBottom .Middle {
	background: #F587B3;
}

.IBMiddle img {
	margin: -15px 24px -26px 18px;
}

.IBMiddle #puzzle {
	margin: -16px 22px -24px 17px;
}

.FillMain .Left   { width: 580px;}
.FillMain .Middle { width: 544px;}

.IBCaption p {
	font-size: 12px;
	font-style:	italic;
	font-variant: small-caps;
	text-align: center;
	font-weight: bold;
	margin-left: 15px;
	margin-top: -15px;
	color: #ffffff;	
}

.IBYouTube {
       margin: -15px 24px -26px 18px;
	z-index: -1;
}

a {
	color:	#ffffff;
	font-weight:	bold;
	text-decoration:	underline;
	font-variant:	small-caps;
}


/*-------------------- IMAGE THUMB CLASSES---------*/
.IThumbRight {
	float: right;
	padding: 0px 0px 0px 0px;
	margin: -30px 24px 0px 24px;
}

.IThumbLeft {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: -30px 24px 0px 24px;
}

.IThumbInner {
	padding: 1px;
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	font-size: 0px;  /* Need this to avoid extra space - dunno why */
}

/*-------------------- SIDEBAR --------------------*/
.SidebarInner {
	position:	relative;
	left:		15px;
	width:		192px;
	background:	#ff863b;  /*   Mid: #f5943c  Light #ffaa55; */ /* Used to be #ec7f23; */
	text-align:	left;
}

.Joah .SidebarInner {
	position:	relative;
	left:		15px;
	width:		192px;
	background:	#b9d3ff;
	text-align:	left;
}
.Lucy .SidebarInner {
	position:	relative;
	left:		15px;
	width:		192px;
	background:	#F587B3;
	text-align:	left;
}


#Sidebar {
	float:			Left;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		0.8em;
	font-style:		italic;
	color:			#333333;
	width:			228px;
	margin:			20px auto;
}

#SidebarTop {
	height:		25px;
	width:		228px;
	background:	url(../images/SidebarTop-trans.png) no-repeat;		
}

#SidebarTop .SidebarInner {
	top:		12px;
	height:		13px;
}		

#SidebarMiddle {
	width:		228px;
	background:	url(../images/SidebarMiddle-trans.png) repeat-y;
}

#SidebarBottom {
	height:		36px;
	width:		228px;
	background:	url(../images/SidebarBottom-trans.png) no-repeat;
}

#SidebarBottom .SidebarInner {
	height:		12px;
}

#LeftColumn {
	clear:	both;
	margin: 0px 0px 0px 20px;
	width:	583px;
	float:	Left;
}

.Joah #LeftColumn,
.Lucy #LeftColumn {
/** padding removed from MidBackground and added here instead **/
       padding-bottom: 50px;
}

#WholeColumn {
	clear:	both;
	margin: 0px 30px 0px 20px;
	width:	831px;
	float:	Left;
}

#CenteredColumn {
	clear:	both;
	margin: 40px auto 0px auto;
	width:	650px;
}

#SidebarPhotos {
	clear: both;
	margin: 50px 0px 20px 0px;
}

.SidebarSection {
	padding: 0px 16px 0px 16px;
	clear: both;
}

.BigSidebarPhoto {
	padding: 0px 16px 0px 8px;
	clear: both;
}

.SidebarSection .Field {
	font-weight:	bold;
	font-style:	normal;
}

.SidebarSection a {
	font-weight:	bold;
	text-decoration: underline;
	color:			#333333;
	font-variant: normal;
}

.SidebarSection p {
	padding: 6px 0px 6px 0px;
}

.SidebarLogo {
	padding: 0px 0px 0px 7px;
	clear: both;
}

.IndexSidebarLogo {
	padding: 0px 0px 0px 37px;
	clear: both;
}

#Previous {
	padding: 0px 0px 0px 20px;
	color:	#ffffff;
	float:	left;
	font-style:	normal;
}

#Next {
	padding: 0px 24px 0px 0px;
	color:	#ffffff;
	float:	right;
	font-style:	normal;
}

.Dummy {
	clear:	both;
}

/*-------------------- BLOG INDEX PAGE ---------*/
.TitleList {
	clear:		both;
	padding:	10px 0px 0px 0px;
	list-style:	none;
	text-align:	left;
	margin:	16px;
}

.Commentary {
	clear:		both;
	padding:	16px 0px 0px 0px;
	text-align:	left;
	font-style: italic;
	margin-left:	16px;
	margin-top: 24px;
	border-style:	dotted;
	border-width:	1px 0px 0px 0px;
}

.TopNote {
	clear:		both;
	padding:	2px 0px 8px 0px;
	text-align:	left;
	font-style: italic;
	margin-left:	16px;
}

.TitleList .Text {
	float: left;
	width: 300px;
	padding: 20px 0px 0px 10px;
}

.TitleList .Date {
	width:	150px;
}

.TitleList .Date a {
	font-style:	italic;
	text-decoration:	none;
	font-variant:		normal;
	font-weight:		normal;
	font-size:		80%;
}

.TitleList .Title a {
	text-decoration:	none;
}

.TitleList .Title img {
       float: right;
       padding-left: 10px;
}

.TitleList a:hover {
	text-decoration:	underline;
}

.IndexEntryLeft {
	float: left;
	width: 500px;
	padding: 0px 0px 0px 0px;
	margin: -10px 24px 0px 14px;
}

.IndexEntryRight {
	float: left;
	width: 500px;
	padding: 0px 0px 0px 0px;
	margin: -10px 24px 0px 44px;
}

.IndexEntryVRight {
	float: left;
	width: 400px;
	padding: 0px 0px 0px 0px;
	margin: -10px 24px 0px 74px;
}

.IndexThumbInner {
	float: left;
	padding: 1px;
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	font-size: 0px;  /* Need this to avoid extra space - dunno why */
}

/* ----------- My Form ----------- */
.stdform{
text-align:left;
margin:0;
padding: 14px 14px 0 14px
}

/* ----------- stylized ----------- */
#stylized{
text-align:left;
color:#333333;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
margin:15px 20px 35px 30px;
border-bottom:solid 1px #444444;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:160px;
float:left;
}
#stylized .small{
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:160px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #444444;
width:320px;
margin:2px 0 20px 10px;
}
#stylized textarea{
float:left;
font-size:12px;
font-family:	Verdana, Arial, Helvetica, sans-serif;
padding:4px 2px;
border:solid 1px #444444;
width:320px;
margin:2px 0 20px 10px;
overflow:hidden;
resize:none;
}
#stylized button{
clear:both;
margin-left:377px;
margin-top:30px;
width:130px;
height:49px;
background:url(/images/okbutton-trans.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
cursor:pointer;
}

#stylized .error {
float:left;
font-size:12px;
font-weight:bold;
color:#ffffff;
padding:4px 2px;
border:solid 1px #444444;
width:313px;
margin:-10px 0 30px 170px;
background-color:#cc0000;
padding:5px 5px 5px 5px;
}

#stylized .explain{
font-style:italic;
float:left;
font-size:11px;
padding:4px 2px;
width:320px;
margin:-20px 0 20px 10px;
text-align:right;
}

/*-------------------- ADVENT CALENDAR --------------------*/

/* Advent - hide sidebar */
#blog_97 #Sidebar,
#blog_103 #Sidebar {
display:none;
}
.advent-row {
   width:800px;
}
.advent-tree {  
margin: auto;
}
.door {
padding: 20px 10px;
background-color: darkgreen;
width: 40px;
height: 20px;
margin-right: 20px;
margin-bottom: 20px;
float: left;
box-shadow: 0 0 30px 15px white;
}
.door.open {
background:white;
padding: 0;
width: 60px;
height: 60px;
}
.door.last {
margin-right:0px;
}
.door.trunk {
background-color: darkred;
padding: 50px
}
.door a {
text-decoration: none;
}
.hidden {
display:none;
}

/*-------------------- BLOG EDIT --------------------*/
form.edit {
	text-align: left;
	margin: 0 34px;
}
form.edit ul {
	list-style: none;
}
form.edit input#blog_title {
	width: 300px;
	margin: 10px 0;
}
form.edit ul textarea#blog_content {
    height: 200px;
    width: 569px;
    margin: 10px 40px 10px 0;
    float: left;
}
form.edit ul textarea#blog_sidebar {
    height: 200px;
    width: 160px;
    margin: 10px 0 10px;
}
form.edit p.help {
    font-size: 0.9em;
    font-style: italic;
    margin-bottom: 20px;
}



/*-------------------- Footnotes --------------------*/
#Footnotes {
	clear:		both;
	text-align:	center;
	font-size: 0.7em;
	margin: 20px 10px 0px 10px;
}

#FormLogo {
	margin: -5px 0px -16px 24px;
}