td {
	FONT:  9px verdana, arial, helvetica, sans-serif;
}

body
{
    padding: 0px;
    FONT-FAMILY: arial, tahoma, helvetica, sans-serif;
    FONT-SIZE: 11px;
    BACKGROUND: #860000;
    MARGIN: 0px;
    COLOR: #000;
    TEXT-ALIGN: justify;
}

#top
{
    margin-top: 10px;
    padding: 0px;
    border-top: #000 1px solid;
    border-bottom: #000 1px solid;
    background: #fff;
    text-align: left;
    height: 100px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 98px;
}

html>body #top {
    height: 98px;
}

#ebtop
{
    margin-top: 10px;
    padding: 0px;
    border-top: #000 1px solid;
    border-bottom: #000 1px solid;
    background: #fff;
    text-align: left;
    height: 125px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 123px;
}

html>body #ebtop {
    height: 123px;
}

#image
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 300px;
    PADDING-TOP: 0px;
    POSITION: absolute;
    TOP: 11px;
    HEIGHT: 98px;
}

#ebimage
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 600px;
    PADDING-TOP: 0px;
    POSITION: absolute;
    TOP: 11px;
    HEIGHT: 123px;
}

#title
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    RIGHT: 14px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 417px;
    PADDING-TOP: 0px;
    POSITION: absolute;
    TOP: 130px;
    HEIGHT: 76px;
}

#content
{
    border: black 1px solid;
    padding: 1px 10px 10px 10px;
    background: #fff;
    width: auto;
    margin: 10px 212px 10px 10px;
    voice-family: "\"}\"";
    voice-family: inherit;
    margin: 10px 192px 10px 10px;
}

html>body #content {
    margin:  10px 192px 10px 10px;
}

#right
{
    position: absolute;
    top: 120px;
    right: 10px;
    border: black 1px solid;
	padding: 10px;
    background-color: #fff;
    width: 172px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 150px;
}

html>body #right {
    width:  150px;
}

#right td {
	font:  9px verdana, arial, helvetica, sans-serif;
	padding: 2px;
	border: 0px;
}

#bottom
{
    BORDER-TOP: black 1px solid;
    BORDER-BOTTOM: black 1px solid
    BORDER-LEFT: black 1px solid;
    BORDER-RIGHT: black 1px solid;
	padding-top: 5px;
	padding-bottom: 5px;
    PADDING-LEFT: 6px;
    BACKGROUND: #fff;
    MARGIN: 10px 192px 10px 10px;
    WIDTH: auto;
    FONT-SIZE: 9px;
    TEXT-ALIGN: center;
}


/*---  Used in Trackback and Pingback page.  ---*/

H2 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   17px;
 color:       #333333;
 font-weight: bold;
}

/*---  Used in Weblog templates to format the title of entries  ---*/

H3 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   14px;
 color:       #333333;
 font-weight: bold;
}

/*---  Used in weblog.php in the left side-bar, and archives.php page to format the date header  ---*/

H4 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   12px;
 color:       #999999;
 margin-top: 2px;
 margin-bottom: 5px;
 font-weight: bold;
}

/*---  Used in comment templates to format text used in the comment form. ---*/

H5 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #666666;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
}


.dev_overview {
	padding-left:15px;
	padding-top:15px;
	padding-right:15px;
	}

.blogbody {
	color:black;
	background:white;
	line-height:140%;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	border:black 1px solid;
	}

.title {
	color:black;
	text-transform:uppercase;
	font-weight:bold;
    	FONT-SIZE: 11px;
	}

.date {
	color:black;
	padding:5px;
	margin-bottom:10px;
	font-weight:normal;
    	FONT-SIZE: 11px;
	}

.text2 {font-family: arial; font-size: 2px;}
.text9, .text9red,  .text9green,  .text9blue,  .text9purple, .text9grey {  font-family:  verdana,geneva,arial,sans-serif; font-size: 9px; font-weight: normal; }
.text10, .text10red, .text10green, .text10blue, .text10purple, .text10grey { font-family: verdana,geneva,arial,sans-serif; font-size: 10px; font-weight: normal; }
.text11, .text11red, .text11green, .text11blue, .text11purple, .text11grey { font-family: verdana,geneva,arial,sans-serif; font-size: 11px; font-weight: normal; }
.text12, .text12red, .text12green, .text12blue, .text12purple, .text12grey { font-family: trebuchet,verdana,geneva,arial,sans-serif; font-size: 12px; font-weight: normal; }
.text13, .text13red, .text13green, .text13blue, .text13purple, .text13grey { font-family: verdana,geneva,arial,sans-serif; font-size: 13px; font-weight: bold; }
.text14, .text14red, .text14green, .text14blue, .text14purple, .text14grey { font-family: verdana,geneva,arial,sans-serif; font-size: 14px; font-weight: bold; }

.text9    { color: #333333; }
.text10   { color: #000000; }
.text11   { color: #000000; }
.text12   { color: #000000; }
.text13   { color: #000000; }
.text14   { color: #000000; }


.text9red    { color: #ff0000; }
.text10red   { color: #ff0000; }
.text11red   { color: #ff0000; }
.text12red   { color: #ff0000; }
.text13red   { color: #ff0000; }
.text14red   { color: #ff0000; }

.text9green  { color: #009933; }
.text10green { color: #009933; }
.text11green { color: #009933; }
.text12green { color: #009933; }
.text13green { color: #009933; }
.text14green { color: #009933; }

.text9blue   { color: #333399; }
.text10blue  { color: #333399; }
.text11blue  { color: #333399; }
.text12blue  { color: #333399; }
.text13blue  { color: #333399; }
.text14blue  { color: #333399; }

.text9purple   { color: #990099; }
.text10purple  { color: #990099; }
.text11purple  { color: #990099; }
.text12purple  { color: #990099; }
.text13purple  { color: #990099; }
.text14purple  { color: #990099; }

.text9grey   { color: #666666; }
.text10grey  { color: #999999; }
.text11grey  { color: #666666; }
.text12grey  { color: #666666; }
.text13grey  { color: #666666; }
.text14grey  { color: #666666; }

.pulldown {
	font-family:		trebuchet,Verdana, sans-serif;
	font-size:			11px;
	font-weight:        bold;
	color:				#333333;
	border-top:			#000000 1px solid; 
	border-left:		#000000 1px solid; 
	border-right:		#000000 1px solid; 
	border-bottom:		#000000 1px solid;
}

.smpulldown {
	font-family:	trebuchet,Verdana, sans-serif;
	font-size:	10px;
	font-weight:    normal;
	color:		#333333;
	border-top:	#000000 1px solid; 
	border-left:	#000000 1px solid; 
	border-right:	#000000 1px solid; 
	border-bottom:	#000000 1px solid;
	width:		10em;
}

.box, .box20, .box40,.box50, .box100, .box120, .box150, .box200, .box250, .box270, .box300, .box330, .box350, .box400, .box500 {
	font-family:		trebuchet,Verdana, sans-serif;
	font-size:			11px;
	font-weight:        bold;
	color:				#000000;
	height:				1.5em;
	padding:            .3em 0 0 2px;
	margin-top:         3px;
	background-color:	#f8c8b8;
	border-top:			#999999 1px solid; 
	border-left:		#999999 1px solid; 
	border-right:		#999999 1px solid; 
	border-bottom:		#999999 1px solid;
}

   .box20  {width:   20px;}
   .box40  {width:   40px;}  
   .box50  {width:   50px;} 
   .box100 {width:  100px;}
   .box120 {width:  120px;}
   .box150 {width:  150px;}
   .box200 {width:  200px;}
   .box250 {width:  250px;}
   .box270 {width:  270px;}
   .box300 {width:  300px;}
   .box300 {width:  330px;}
   .box325 {width:  325px;}
   .box350 {width:  350px;}  
   .box400 {width:  400px;}   
   .box500 {width:  500px;}   
  


.titleBox {
	font-family:		trebuchet,Verdana, sans-serif;
	font-size:			11px;
	font-weight:        bold;
	color:				#000000;
	height:				1.5em;
	padding:            .3em 0 0 2px;
	margin-top:         3px;
    width:               350px;
	background-color:	#f8c8b8;
	border-top:			#999999 1px solid; 
	border-left:		#999999 1px solid; 
	border-right:		#999999 1px solid; 
	border-bottom:		#999999 1px solid;
}

.dateBox {
    	FONT-FAMILY: 		arial, tahoma, helvetica, sans-serif;
    	FONT-SIZE: 		11px;
	font-weight:        	normal;
	color:			#000000;
	height:			1.5em;
	padding:            	.3em 0 0 2px;
	margin-top:         	3px;
    	width:               	8em;
	background-color:	#f8c8b8;
	border-top:		#999999 1px solid; 
	border-left:		#999999 1px solid; 
	border-right:		#999999 1px solid; 
	border-bottom:		#999999 1px solid;
}

.imagePrefBox {
	font-family:		trebuchet,Verdana, sans-serif;
	font-size:			10px;
	font-weight:        bold;
	color:				#0000b0;
	height:				1.5em;
	padding:            .3em 0 0 2px;
    width:               330px;
	background-color:	#f8c8b8;
	border-top:			#999999 1px solid; 
	border-left:		#999999 1px solid; 
	border-right:		#999999 1px solid; 
	border-bottom:		#999999 1px solid;
}


.titleBoxBM {
	font-family:		trebuchet,Verdana, sans-serif;
	font-size:			11px;
	font-weight:        bold;
	color:				#000000;
	height:				1.5em;
	margin-top:         3px;
	padding:            .3em 0 0 2px;
    width:               350px;
	background-color:	#f8c8b8;
	border-top:			#999999 1px solid; 
	border-left:		#999999 1px solid; 
	border-right:		#999999 1px solid; 
	border-bottom:		#999999 1px solid;
}


.smbox {
 font-family:  trebuchet,verdana,sans-serif;
 font-size:   10px;
 font-weight: bold;
 height:	 1.5em;
	margin-top:         3px;
 padding:            .3em 0 0 2px;
 color:    #333333;
 background-color: #f8c8b8;
 border-top:   #ffffff 1px solid;
 border-left:  #ffffff 1px solid;
 border-right:  #ffffff 1px solid;
 border-bottom:  #ffffff 1px solid;
}  

.button   {
	font-family:      trebuchet,Verdana,sans-serif;
    font-size:        10px;
    font-weight:      bold;
    color:            #333333;    
    background-color: #ffffff;
} 

.smbutton   {
	font-family:      trebuchet,Verdana,sans-serif;
    font-size:        9px;
    font-weight:      bold;
    color:            #333333;    
    background-color: #ffffff;
}   

.smtextarea {
	font-family:		trebuchet,Verdana, sans-serif;
	font-size:			12px;
    width:              500;
    margin-top:         3px;
	padding:            .3em 0 0 2px;
	font-weight:        normal;
	color:				#000000;
	background-color:	#f8c8b8;
	border-top:			#999999 1px solid; 
	border-left:		#999999 1px solid; 
	border-right:		#999999 1px solid; 
	border-bottom:		#999999 1px solid;
} 
   
   
.textarea {
    FONT-FAMILY: arial, tahoma, helvetica, sans-serif;
    FONT-SIZE: 11px;
    	width:              50em;
	font-weight:        normal;
	margin-top:         3px;
	padding:            .3em 0 0 2px;
	color:				#000000;
	background-color:	#f8c8b8;
	border-top:			#999999 1px solid; 
	border-left:		#999999 1px solid; 
	border-right:		#999999 1px solid; 
	border-bottom:		#999999 1px solid;
} 


textarea:focus {
	background-color : #fefeff;
}
input:focus {
	background-color : #fefeff;
}

.form  {
	font-size : 9px;
	font-family : verdana;
	color : #000000;
	border-width : 1;
	border-style : solid;
	border-color : #860000;
	background-color : #ffffff;
}


/* this class define the current day in the calendar in the case in which  
blogs are present*/
.back A:link {
	FONT-FAMILY: arial, tahoma, helvetica, sans-serif;
	font-size : 12px;
	COLOR: #99cc00; TEXT-DECORATION: none;  border-width : 1;border-style : solid;border-color : #ff9900
}
.back A:visited {
	FONT-FAMILY: arial, tahoma, helvetica, sans-serif;
	font-size : 12px;
	COLOR: #99cc00; TEXT-DECORATION: none;  border-width : 1;border-style : solid;border-color : #ff9900
}
.back A:hover {
	FONT-FAMILY: arial, tahoma, helvetica, sans-serif;
	font-size : 12px;
	COLOR: #ff9900; TEXT-DECORATION: none ; border-width : 1;border-style : solid;border-color : #ff9900
}
.back A:active {
	FONT-FAMILY: arial, tahoma, helvetica, sans-serif;
	font-size : 12px;
	COLOR: #99cc00; TEXT-DECORATION: none;  border-width : 1;border-style : solid;border-color : #ff9900
}

/* this class define a general day in the calendar in the case in which  
blogs are present*/
.back2 A:link {
	FONT-FAMILY: arial, tahoma, helvetica, sans-serif;
	font-size : 12px;
	COLOR: #99cc00;  TEXT-DECORATION: none
}
.back2 A:visited {
	FONT-FAMILY: arial, tahoma, helvetica, sans-serif;
	font-size : 12px;
	COLOR: #99cc00;  TEXT-DECORATION: none
}
.back2 A:hover {
	FONT-FAMILY: arial, tahoma, helvetica, sans-serif;
	font-size : 12px;
	COLOR: #ff9900;  TEXT-DECORATION: none
}
.back2 A:active {
	FONT-FAMILY: arial, tahoma, helvetica, sans-serif;
	font-size : 12px;
	COLOR: #99cc00;  TEXT-DECORATION: none
}

.calendar {
	MARGIN-TOP: 10px;
	FONT-FAMILY: arial, tahoma, helvetica, sans-serif;
	font-size : 5px;
}
.calmonth {
	FONT:  9px verdana, arial, helvetica, sans-serif;
	COLOR: #860000;
}
.calday {
	COLOR: black;
}
.calday A {
	font-weight: normal;
}
.calday A:link {
	TEXT-DECORATION: none;
	COLOR: black;
}
.calday A:visited {
	TEXT-DECORATION: none;
	COLOR: black;
}
.calday A:hover {
	TEXT-DECORATION: none;
	COLOR: black;
}
.calday A:active {
	TEXT-DECORATION: none;
	COLOR: black;
}
.caltoday A:link{
	COLOR: #ffffff; 
	background : #860000;
	TEXT-DECORATION: none;
}
.caltoday A:visited{
	COLOR: #ffffff; 
	background : #860000;
	TEXT-DECORATION: none;
}
.caltoday A:hover{
	background: #ffffff; 
	COLOR : #860000;
	TEXT-DECORATION: none;
}
.caltoday A:active{
	COLOR: #ffffff; 
	background : #860000;
	TEXT-DECORATION: none;
}


#mid-section {
	position:relative;
	left:0;
	top:0;
	min-width:60em;
}
  #mid-col-1 {
  position:relative;
  top:0;
  left:0;
  width:12em;
  }
  #mid-col-2 {
  position:absolute;
  top:0;
  left:12em;
  width:12em;
  }
  #mid-col-3 {
  position:absolute;
  top:0;
  left:24em;
  width:12em;
  }
  #mid-col-4 {
  position:absolute;
  top:0;
  left:36em;
  width:12em;
  }
  #widecolumn {
  position:relative;
  top:0;
  left:0;
  width:48em;
  }

#mid-section1a {
	position:relative;
	left:0;
	top:0;
	min-width:60em;
	background-color:	#f8c8b8;
}

#activity-form-s {
	position:relative;
	left:0;
	top:0;
}

#activity-sect {
	position:relative;
	left:0;
	top:0;
}
#activity-hdr {
	position:relative;
	left:0;
	top:0;
	background: #f8c8b8;
	width: 50em;
}
#activity-hdrc0 {
	position:absolute;
	top:0;
	left:0;
	width:3em;
}
#activity-hdrc1 {
	position:relative;
	top:0;
	left:2.5em;
	width:4em;
}
#activity-hdrc2 {
	position:absolute;
	top:0;
	left:6em;
	width:4em;
}
#activity-hdrc3 {
	position:absolute;
	top:0;
	left:9em;
	width:4em;
}
#activity-hdrc4 {
	position:absolute;
	top:0;
	left:12em;
	width:4em;
}
#activity-hdrc5 {
	position:absolute;
	top:0;
	left:15em;
	width:4em;
}
#activity-hdrc7 {
	position:absolute;
	top:0;
	left:21em;
	width:36em;
	clip: rect(0 36em 1.5em 0);
}

#activity-row {
	position:relative;
	left:0;
	top:0;
    FONT-FAMILY: arial, tahoma, helvetica, sans-serif;
    FONT-SIZE: 9px;
}
#activity-col0 {
	position:absolute;
	top:0;
	left:0;
	width:3em;
}
#activity-col1 {
	position:relative;
	top:0;
	left:3em;
	width:4em;
}
#activity-col2 {
	position:absolute;
	top:0;
	left:7em;
	width:4em;
}
#activity-col3 {
	position:absolute;
	top:0;
	left:11em;
	width:4em;
}
#activity-col4 {
	position:absolute;
	top:0;
	left:15em;
	width:4em;
}
#activity-col5 {
	position:absolute;
	top:0;
	left:19em;
	width:4em;
}
#activity-col7 {
	position:absolute;
	top:0;
	left:23em;
	width:36em;
	clip: rect(0 36em 1.5em 0);
}

	/*  Create subnav buttons 	*/ 

#primetop	{
	border-top: 1px solid #ddc;
	}

#right ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
	}

#right li	{
	text-align: center;
	border-bottom: 1px solid #ddc;
	width: 100px;
	margin: 0;
	padding: 0;
	font: 10px/15px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	color: #f79b60;
	background: #fdf8f2;
	}

#itemtop, #secondarytop, #tertiarytop	{
	border-top: 1px solid #ddc;
	}

#right li a {
	display: block;
	font-weight: normal;
	padding: 0;
	border-left: 1px solid #ddc;
	border-right: 1px solid #ddc;
	background: #fdf8f2;
	color: #334;
	text-decoration: none;
	width: 100px; 	/* False value for IE4-5.x/Win. */
 	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 98px;	/* You get it. Good value for compliant browers. */	
	}
	
html>#right li a {
	width: 98px;	 /* Be nice to Opera */
	}
	
#right li a:hover {
	font-weight: normal;
	background: #860000;
	color: #ffe;
	border-left: 1px solid #860000;
	border-right: 1px solid #860000;
	text-decoration: none;
	}

#right li a:active {
	font-weight: normal;
	background: #000;
	color: #ffe;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	text-decoration: none;
	}

#right h4	{
	text-align: center;
	border-bottom: 1px solid black;
	width: 130px;
	margin-top: 15px;
	padding: 0;
	font: 10px/15px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	color: black;
	background: #ffb900;
	}

#content h2 {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	color:       white;
	background: #860000;
	font-weight: bold;
	left: 10px;
	border-bottom: 1px solid #999999;
	padding-left: 5px;
}

/*---  Weblog entry formatting.  ---*/

.weblog {
 padding-bottom: 12px;
 border-bottom:1px solid #999999;
}

.weblog a:link { 
 color: #860000; 
 font-size: 11px; 
 font-weight: bold; 
 text-decoration: none; 
}

.weblog a:visited { 
 color: #860000; 
 font-size: 11px; 
 font-weight: bold; 
 text-decoration: none; 
}

.weblog a:active { 
 color: #860000; 
 font-size: 11px; 
 font-weight: bold; 
 text-decoration: none; 
}

.weblog a:hover { 
 color: #860000; 
 font-size: 11px; 
 font-weight: bold; 
 text-decoration: underline; 
}

/*---  Name of author in weblog entries ---*/

.author {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #999999;
 font-weight: normal;
 clear:		  left;
}

#recipe {
	font-family: 		verdana,trebuchet,sans-serif;
	font-size:   		11px;
	font-weight: 		normal;
	color:				#000000;
	background-color:	#fdf8f2;
	float:				left;
	width:				250px;
	height:				300px;
	border:				1px solid black;
	padding:			4px;
}

#recipe title {
	font-size:			12px;
	font-weight:		bold;
}


#tarot_sprd {
	position:relative;
	left:0;
	top:0;
}

#tarot_cell1 {
	position:absolute;
	top:0;
	left:0;
	width:150px;
}
#tarot_cell2 {
	position:relative;
	top:0;
	left:175px;
	width:150px;
}
#tarot_cell3 {
	position:absolute;
	top:0;
	left:350px;
	width:150px;
}

#tarot_posn {
	font-family: 		verdana,trebuchet,sans-serif;
	font-size:   		11px;
	font-weight: 		normal;
	color:				#000000;
	background-color:	#fdf8f2;
	width:				150px;
	height:				300px;
    TEXT-ALIGN: 		left;
	overflow:			auto;
	border:				1px solid black;
	padding:			4px;
}

#content table {
	margin-top:			1.5em;
	border-top:			1px solid #999;
	border-left:		1px solid #999;
	border-collapse:	collapse;
}

#content caption{
	font-family:		Arial, sans-serif;
	color:				#860000;
	padding-bottom:		2px;
}

#content th, td {
	padding:			4px;
	border-right:		1px solid #999;
	border-bottom:		1px solid #999;
}

#content th {
	font-family:		Verdana, sans-serif;
	background:			#860000;
	color:				white;
}