* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
body, ul, li {
	padding: 0;
	margin: 0;
}
a {
	/*color: #1A1A1A;*/
	color: #404040;
	text-decoration: none;
}
a:hover {
	border-bottom-style: dashed;
}
body {
	font-family: "Comic Sans MS", cursive;
	font-size: small;
	color: #404040;
}
#wrapper {
	width: 996px;
	margin: 0 auto;
	background-image: url(../image/fishHead1.gif), url(../image/fishTail1.gif), url(../image/fishBone2.gif);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position-y: 0, bottom, 0;
}
#header {
	background-position: right 4px;
	height: 150px;
	background-image: url(../image/logo.png);
	background-repeat: no-repeat;
	padding: 60px 0 0 34px;
}
#header a {
}
h1#headerText {
}
#nav {
}
#nav ul {
}
#nav ul li {
	display: inline-block;
	width: 24%;
	height: 30px;
	text-align: center;
}
#nav ul li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}
#nav ul li:hover {
	background-color: #b5a371;
}
#content {
	padding-left: 200px;
}
#content>h1 {
/*margin-top:0;*/
}
#content>ul {
	margin-left:3em;
	line-height:2em;
}

#content>article {
	padding-bottom: 30px;
	margin-bottom: 3em;
}
#content>article:nth-child(odd) {
	background-image: url(../image/cateatfish.gif);
	background-repeat: no-repeat;
	background-position-y: bottom;
}
#content>article:nth-child(even) {
	background-image: url(../image/fisheatcat.gif);
	background-repeat: no-repeat;
	background-position: right bottom;/*background-position-y: bottom;*/
}
article header time:first-child {
	font-size: larger;
	background: #FFF;
	/*-webkit-text-stroke: .5px #FFF;*/
	float: left;
	margin-top: -3em;
	margin-left: -180px;
	font-weight: bold;
}
article#comments {	
	border-top: #BBB dotted 2px;
}
article#comments p {
	padding-bottom: .5em;
	border-bottom:#CCC dashed 1px;
}
article#comments p:last-child {
	border:none;
	padding-bottom:30px;
	background: url(../image/fisheatcat.gif) no-repeat right bottom;	
}
section article:first-child {
	margin-bottom: 1em;
}
/*#commentForm textarea {
	width: 480px;
	height: 40px;
	display: block;
}*/
#footer {
	height: 4em;
	line-height: 1.3em;
	margin-top: 1em;
	text-align: center;
	overflow: hidden;
}
#footer #footerText {
	height: 5.5em;
	background-image: url(../image/cathead.gif);
	background-repeat: no-repeat;
	background-position: center 1.7em;
	-webkit-transition: All 0.5s ease-in-out;
	-moz-transition: All 0.5s ease-in-out;
	-o-transition: All 0.5s ease-in-out;
	transition: All 0.5s ease-in-out;
}
#footer:hover #footerText {
	height: 2em;	
	background-position-y: 4em;
}
label {
	display: inline-block;
	text-align: right;
	margin-right: .5em;
	width: 6em;
}
input[name="userid"][value="0"]~label {
	width: 10.5em;
}
input[id="activeY"]+label[for="activeY"], input[id="activeN"]+label[for="activeN"] {
	width: 28px;
	margin-right: 0;
	text-align: left;
}
input[type="submit"] {
	margin-right: 0;
	margin-left: 6.5em;
}
input[name="userid"][value="0"]~input[type="submit"] {
	margin-left: 10.5em;
}
input[type="text"], input[type="password"], input[type="email"] {
	width: 15em;
}
/* add or edit blog entry start */
label[for="body"] {
	vertical-align: top;
}
input[type="url"] {
	width: 30em;
}
#createblogentry label {
	width: 6.5em;
}
#createblogentry input[type="submit"] {
	margin-left: 7em;
}
textarea {
	width: 30em;
	height: 12em;
}
/* add or edit blog entry end */

/* add comment start */
input[name="blog_id"]~label {
	width: 5em;
}
input[name="blog_id"]~input[type="submit"] {
	margin-left: 5.5em;
}
label[for="comment"] {
	vertical-align: top;
}
/* add comment end */

.errors {
	color: red;
}
.success {
	color: green;
}
button+table {
	border: #404040 solid 1px;
	border-collapse: collapse;/*table-layout:auto;*/	
}
button+table tbody tr:hover {
	background: #F4F4F4;
}
button+table td, button+table th {
	padding: .5em 1.5em;
}
button+table thead {
	border-bottom: solid 1px;
}
/* Clear Class Start*/
.clear:before, .clear:after {
	content: "";
	display: table;
}
.clear:after {
	clear: both;
}
.clear {
	zoom: 1;
}
/* Clear Class End*/