html body {
	margin: 0;
}

h1 {
	margin: 0 ;
}

li {
	list-style: none;
}


#form-area {
	width: 960px;
	margin: 70px auto 30px;
}
#form-area h4 {
	width: 720px;
	margin: 0 auto 10px;
	text-align: center;
	padding: 10px 0;
	background: none #376fb7;
	color: #fff;
}
#form-area .privacy {
	margin: 0 0 20px 90px;
}
#form-area .submit-btn {
	text-align: center;
}


#form-area li {
	margin: 0 0 5px 0;
}
#form-area li span {
	vertical-align: top;
	display: inline-block;
	*display: inline-block;
	*zoom: 1;
	width: 250px;
	padding: 5px 20px 5px 0;
	text-align: right;
	background: none #eeeeee;
}

#form-area li input,
#form-area li textarea,
#form-area li select,
#form-area li radio {
	display: inline-block;
	*display: inline-block;
	*zoom: 1;
}

#form-area li input[type=text],
#form-area li textarea,
#form-area li select {
	width: 400px;
	padding: 5px 0;
}

#form-area p {
	width: 80%;
	margin: 10px auto 10px;
	text-align: center;
}
.notpublish {
	width: 91.5% !important;
	padding: 10px 0 !important;
	background: none #eeeeee;
	margin: 50px auto 0 !important;
	color: #f00;
	font-weight: bold;
}
.btns {
	text-align: center;
}
.send {
	width: 200px;
	display: inline-block;
	*display: inline-block;
	*zoom: 1;
	padding: 10px;
}
.reset {
	width: 200px;
	display: inline-block;
	*display: inline-block;
	*zoom: 1;
	padding: 10px;
}
.send  input,
.reset input {
	width:100%;
}


#original-recipe .contents h2 span {
	font-size: 18px;
}

.present-word h3 {
	margin: 20px 0;
	font-size: 16px;
}
.present-photo {
	padding: 20px 0 0;
	text-align: left;
}


table
        {
        width: 720px;
        padding: 0;
        margin: 0 auto 1.5em auto;
        border-left: 1px solid #333333;
        border-collapse:collapse;
        }
caption
        {
        padding: 0 0 5px 0;
        margin:0 auto;
        width:auto;
        font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-align: right;
        }

th
        {
        font: bold 12px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		width:300px;
        color: #333;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333;
        border-top: 1px solid #333333;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 8px 12px 4px 12px;
        background: #eeeeee;
        vertical-align:middle;
        text-align: left;
        }

td.first
        {
        font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #333333;
        border-top: 1px solid #333333;
        color: #4f6b72;
        }

td input
        {
		margin:0 0 0 5px;
        padding: 2px;
        }

td textarea
        {
		margin:0 0 0 5px;
        padding: 2px;
        }

td select
        {
		margin:0 0 0 5px;
        padding: 2px;
        }

td p
        {
		margin:0 0 0 5px;
        padding: 2px;
		color:#ff0000;
		text-align:center;
        }

td
        {
        font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333;
		margin:0 0 0 5px;
        padding: 6px 12px 6px 12px;
        color: #4f6b72;
        }
/* Alternate row style */
tr.alt
        {
        background: #F5FAFA;
        color: #797268;
        }
/* The current cell */
table tbody tr td.currentCell,
table tbody tr td:hover,
table tbody tr.alt td:hover
        {
        background-color:#aaFAFA;
        }
/* Normal row hover styles */

table tr.rowHover td,  /* Internet Explorer < 7 (and 7 in quirks mode) requires a specific class */
tr:hover td     /* All others can use the :hover pseudo */
        {
        background-color:#daFAFA;
        }

/* Alternate row hover styles */
tr.alt:hover td
        {
        background-color:#caFAFA;
        }

/* Column "cell" highlighting */
table tr td.rowHover
        {
        background-color:#eaFAFA;
        }
/* Header highlighting */
table tr th.rowHover
        {
        color:#222;
        }

/* Row select styles */

table tbody tr.alt.rowSelect,   /* Everything but Internet Explorer (IE treats this rule as being tr.rowSelect) */
table tbody tr.alt.rowSelect td
        {
        background-color:#597bc6;
        color:#eee !important;
        }
table tbody tr.rowSelect, /* All browsers */
table tbody tr.rowSelect td
        {
        background-color:#6783cb;
        color:#fff !important;
        }

tr.rowSelect td.rowHover,
tr.rowSelect:hover td
        {
        background-color:#6783bb;
        }
tr.alt.rowSelect td.rowHover,
tr.alt.rowSelect:hover td
        {
        background-color:#597bb6;
        }
table tr.rowSelect td:hover,
tr.rowSelect td.currentCell
        {
        background-color:#5783bb;
        }
table tr.alt.rowSelect td:hover
        {
        background-color:#497bb6;
        }



#footer p {
	margin: 0;
}