* { margin:0;padding:0; }
	body
	{
		margin: 0;
		padding: 0;
		font: 85% "Times New Roman";
		text-align: center;
		color: #000000;
		background-color: #000000;
	}
	
	
	#container
	{
		margin: 1em auto;
		width: 776px;
		text-align: left;
		border: 1px solid gray;
		background: url(http://haikufish.com/images/bg.gif);
	}
	
	
	#header
	{
		background: url(http://haikufish.com/images/top.gif);
		height: 224px;
		width: 776px;
	}
	#header h1, h2
	{
		text-indent: -3000px;
	}
	
	
	#contents
	{
		float: right;
		width: 580px;
		padding-bottom: 20px;
		font-style: italic;
	}
	#contents h1
	{
		font-size: 2.0em;
		padding-right: 24px;
		padding-left: 24px;
	}
	#contents p, .ad
	{
		font-size: 1.2em;
		padding-right: 24px;
		padding-left: 24px;
	}
        #contents h3
        {
                font-size: 1.4em;
                padding-right: 24px;
		padding-left: 24px;
        }
        #contents h4
        {
                font-size: 0.9em;
                padding-right: 24px;
		padding-left: 24px;
        }
        #name-email
        {
               font-size: 0.9em;
                padding-right: 24px;
		padding-left: 24px;
        }
	#contents .ad
	{
		padding-top:6px;
	}
	.contentabout
	{
		text-align: right;
		padding-top: 5px;
		padding-right: 30px;
	}
	#contents .title
	{
		font-size: 1.2em;
        color: #000000;
	}
	#contents .author
	{
		font-size: 0.8em;	
	}
	#contents a
	{
		color: #000000;
		text-decoration: none;
		text-decoration: italic;
	}
	#contents a:hover
	{
		color: #ff0000;
		text-decoration: underline;
	}
	.contentshr
	{
		background: url(http://haikufish.com/images/hr.jpg) no-repeat;
		width: 550px;
		height: 29px;
		margin-top: 20px;
	}
	
	#mainnav
	{
		margin-right: 600px;
		margin-left: 24px;
		padding-bottom: 20px;
		font-style: italic;
		font-size: 1.1em;		
	}
        div#haikuForm, div#smsForm
        {
              margin: 0px 20px 0px 20px;
             display: none;
        }
        	#mainnav li
	{
		list-style: none;
		height: 19px;
		text-indent: -3000px;
	}
	
	#mainnav .about
	{
		background: url(http://haikufish.com/images/about.gif) no-repeat;
		height: 18px;
		width: 67px;
		margin-bottom: 8px;
	}
	#mainnav .submit
	{
		background: url(http://haikufish.com/images/submit.gif) no-repeat;
		height: 19px;
		width: 87px;
		margin-top: 12px;
		margin-bottom: 8px;
	}
	#mainnav .author
	{
		background: url(http://haikufish.com/images/authors.gif) no-repeat;
		height: 17px;
		width: 88px;
		margin-top: 12px;
		margin-bottom: 8px;
	}
	#mainnav .subscribe
	{
		background: url(http://haikufish.com/images/subscribe.gif) no-repeat;
		height: 19px;
		width: 108px;
		margin-top: 12px;
		margin-bottom: 8px;
	}
	#mainnav a
	{
		/*padding-left: 20px;*/
		color: #000000;
		text-decoration: none;
		display: block;
	}
	#mainnav a:hover
	{
		color: #ff0000;
		text-decoration: underline;
	}
        input.text
        {
                background-color: #f8ffd6;
                color: black;
                font-family: 85% "Times New Roman";
                font-style: italic;
                font-size: 0.8em;
                width: 400px;
         }
         textarea 
         {
                background-color: #f8ffd6;
                color: black;
                font-family: 85% "Times New Roman";
                font-style: italic;
                font-size: 0.8em;
                width: 100px;
                height: 152px;
          }
textarae#comment-text
 {
                background-color: #f8ffd6;
                color: black;
                font-family: 85% "Times New Roman";
                font-style: italic;
                font-size: 0.8em;
                width: 400px;
                height: 152px;
          }
         select
         {
                background-color: #f8ffd6;
                color: black;
                font-family: 85% "Times New Roman";
                font-style: italic;
                font-size: 0.8em;
                width: 100px;
         }
	
	#footer
	{
		clear: both;
                background-color: #e0e49b;
                border-top: 1px solid gray;
                padding: 8px;
                text-align: right;
	}
        #footer a
        {
		color: #00ff00;
                font-style: italic;
		text-decoration: none;
	}
	#footer a:hover
	{
		color: #0000ff;
		text-decoration: underline;
	}
	.weak
	{
		color: #FF0000;
	}


/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}