/*
 * PALLETTE
 * Text:			Brown 2		#663311
 * Borders:		Violet			#CCCCFF
 * Text Bgrnd:	Yellow 2		#FFFFCC
 * Accent:			Brown 3		#996633
 * Accent:			Pastel Pink	#FFCCCC
 */

*, body, a, li, p, td, div, span, dt, dd, input, label, h1, h2, h3, h4, h5, h6
{
	color: #663311 ;
	background: transparent ;
	font-family: "Comic Sans MS", "Arial Round", San-Serif ;
}
*, body, a, li, p, td, div, span, dt, dd, input, label
{
	font-size: 15px ;
}

body
{
    background-image: url("/images/page-background.png") ;
	margin: 0 ;
	border: 0 ;
	padding: 0 ;
}

td, div, img, a img, p, li
{
	margin: 0 ;
	border: none ;
	padding: 0 ;
}

.row
{
	float: left ;
	clear: both ;
	margin: 20px ;
}

.col
{
	float: left ;
	clear: none;
}


#ads, #haikus, #poll, #logo, #addthis, #nav
{
	float: none ;
	clear: both ;
}

#addthis { float: left ; clear: both; }
#logo { float: left ; clear: left ; }
#nav { float: left ; clear: none ; }
#poll { float: right ; clear: none ; }
#ads { float: none ; clear: both ; }
#haikus{ float: none ; clear: both ; width: 100% ; }

	
/*
 * NAVIGATION
 *
 */

#nav
{ 
} 
 
#nav ul 
{	
	display: inline ;
}

#nav li 
{	display: inline ;
	list-style: none ;
	margin: 0 .5em 0 .5em ;
}

#nav a
{
	text-decoration: none ;
	font-weight: bold ;
	font-size: 125% ;
	color: #663311 ;
	border-bottom: solid .3em #663311 ;
}

#nav a:hover
{
	color: #FFF3377 ;
	border-bottom: solid .3em #FF3377 ;
}

/*
 * Hide nav item for current page
 */
#index #home , 
#compose #compose,
#about #about,
#legal #legal,
#links #links
{ display: none; } 

/*
 * HAIKU BLOCK FORMATTING
 *
 */
 
.boxed, .haiku
{ 	
	margin: 1em ;
	border: .5em solid #CCCCFF ; 
	padding: 1em ;
	background-color: #FFFFCC ;
}

.haiku
{	
	float: left ;
	width: 18em ; 
	height: 4em ;
	text-align: center ;
	text-transform: lowercase ;
}


.haiku img
{ 	padding: 0 ;
	margin: 0 ;
	margin-top: -.75em ;
	margin-left: -1.25em ;
	margin-right: -55px ;
	padding-right: 1.25em ;
	margin-bottom: .75em ;
	float: left ;
	
}
  

.alert
{ 	
	font-weight: bold ;
}

/*
 * HAIKU LINK FORMATTING
 *
 */

.haiku a
{
	background: transparent ;
	text-decoration: none ;
}

.haiku a:hover
{
	color: #FFCCCC ;
}

#legal .boxed, #about .boxed
{	
	width: 60em ;
}

#legal .boxed a
{ text-decoration: underline ;
}


/*
 * EASTEREGG FORMATTING
 *
 */
div.easteregg
{
	float: left ;
	height: 4em ;
	width: 4em ;
	margin: 2em 0 2em 0 ;
	border: none ;
	padding: 0 ;
	
}
.easteregg img
{
	border: none ;
}

/*
 * LOGO FORMATTING
 *
 */
 
#logo
{
	/* background-image: url("/images/logo-background.gif") ; */
}


/*
 * FOOTER FORMATTING
 *
 */
#footer
{ 
}

.tall
{ height: 4em ;
}

#form-container
{ float: left ;
}

form
{ background: transparent ;
  float: left ;
  clear: both ;
  padding: 0 ;
  border: none ;
  margin: 0 ;
}  

form dt
{ 	/* height: 2em ; */
	border: none ;
	padding: 0 ;
	margin: 0 0 0 .5em ;
	padding: .5em 0 0 0 ;
}
form dd
{ margin: 0 ;
  margin-top: -2.25em ;
  height: 2.5em ;
  padding-left: 15em ;
}

form input
{	margin: .5em ;
	padding: .25em ;
	background-color: #EEEEBB ;
	border: 1px solid #CCCCFF ;
}

form ul.buttons
{ clear: both ;
  float: left ;
}

form li
{ list-style: none ;
  float: left ;
}

form input.button
{ 	width: 5em ;
	height: 3em ;
}

form input.button:hover
{	background-color: #FF3377 ;
}

/* 
td
{ border: solid 1px gray ;
}
*/