@import url("post.css");

@import url("reset.css");

/* Basic

---------------------------------------------------------- */



body {

	margin:0 0 40px;

	min-width:747px;

	padding:0;

	text-align:center;

	background: #f8f8ff url("../images/grid/bg.gif") 0 0 repeat-x;

	color:#5f5f5f;

	font: 68.75% "Trebuchet MS", Georgia, sans-serif

}

	input, textarea {

		font-size: 100%;

	}

	form, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, p {

		margin: 0;

		padding: 0;

		}

	img { border: 0; }

	a {

		color: #6a8aba;

		text-decoration: none;

	}

	a:hover {

		text-decoration: underline;

	}

	pre {

		overflow:auto;

	}



/* Layout

----------------------------------------------- */

#root {

	width:747px;

	margin:0 auto;

	text-align:left;

	background: #fff url("../images/grid/bg_root.gif") 0 0 repeat-y;

}

#root-1 {

	background: url("../images/grid/bg_sea.gif") 0 0 no-repeat;

}

#wrapper {

	clear: right;

	background: url("../images/grid/bg_wrapper_2.gif") 523px 100% no-repeat;

}

#wrapper-1 {

	background: url("../images/grid/bg_wrapper_1.gif") 523px 85px no-repeat;

	padding: 0 0 30px;

}

	#wrapper-1:after {

		content: ".";

		display: block;

		height: 0;

		clear: both;

		visibility: hidden;

	}

	#wrapper-1 {

		display: block;

	}



#content {

	float: left;

	width: 523px;

	widt\h: 483px;

	padding: 10px 17px 0 23px;

	line-height:1.5em;

}

#content.popup-comments {

	float:none;

	width:auto;

	padding:20px;

	text-align:left;

}

#sidebar {

	float: right;

	width: 220px;

	line-height:1.5em;

}



/* Header

----------------------------------------------- */

#header {

	float: right;

	text-align: right;

	padding:24px 10px 24px 10px;

	min-height: 142px;

}

	#header h1 {
	background: url("../images/grid/logo_fishlover.gif") 0 0 no-repeat;
	font: bold 480.45%/1em Georgia, sans-serif;
	color:#ffc000;
	letter-spacing:-0.09em;
	float: right;
	text-align: left;
	padding: 6px 0.09em 0 100px;
	min-height:85px;
	text-transform:lowercase;
	}

		#header #description {
	display:block;
	font-weight: bold;
	font-size: 23.33%;
	line-height:1em;
	color:#757575;
	letter-spacing: 0;
	margin:-7px 0 7px;
	text-transform: capitalize;
		}

		#header h1 a {

			color:#ffc000;

			position:relative;

			z-index:100;

		}

		#header h1 a:hover {

			text-decoration: none;

			color:#ffc000;

		}





/* Content

----------------------------------------------- */

#content p {

	margin: 0 0 10px;

	line-height:1.6em;

}

#content h2 {
	font-size:218.18%;
	font-weight: bold;
	color:#ffc000;
	line-height:1em;
	background: url("../images/grid/icon_fish.gif") 0 0 no-repeat;
	padding: 0 0 0 52px;
	margin:0 0 14px;
}

#content .sticky h2 {

	background: url("../images/grid/icon_fish_sticky.gif") 0 0 no-repeat;

}

#content #respond h2 {

	background:none;

	padding:0;

}



/* Post

----------------------------------------------- */

.post {

	margin: 0;

}

	/* post-header */

	.post-header {

		margin: 0;

	}

		.post-header h3 {
	font-size:90.91%;
	font-weight: bold;
	color:#8d8d8d;
	text-transform: uppercase;
	line-height:1em;
	padding: 0 0 0 52px;
		}

		#content .post-header h2 {

			padding: 6px 0 0 52px;

			margin:-6px 0 12px;

		}

		#content .post-header h2.sub-header {

			padding: 0 0 0 52px;

			margin:0 0 14px;

		}

			.post-header h2 a {

				color:#ffc000;

			}

			.post-header h2 a:hover {

				color:#ffc000;

				text-decoration: underline;

			}



	/* post-body (file: post.css) */

	#content .post .post-body:after

	{

		content: ".";

		display: block;

		height: 0;

		clear: both;

		visibility: hidden;

	}



	/* post-meta */

	.post-meta {

		clear: both;

		background: #f0f0ff url("../images/grid/postmeta_2.gif") 0 100% no-repeat;

		text-align: center;

		width:274px;

		margin:0 auto 38px;

	}

		#content .post-meta p {

			background: url("../images/grid/postmeta_1.gif") 0 0 no-repeat;

			padding: 9px 18px;

			margin:0;

			font-size:127.27%;

			color:#696e9c;

		}

			.post-meta p span {

				color:#b5b5b5;

				margin: 0 2px;

			}



	/* post-description */

	.post-description {

		background: url("../images/grid/bg_post-description.gif") 50% 0 no-repeat;

		text-align: center;

		margin: 0 auto 21px;

		padding:21px 0 0;

	}

		#content .post-description p {

			background: url("../images/grid/bg_post-description.gif") 50% 100% no-repeat;

			color:#8b8bbe;

			line-height:1.25em;

			padding:0 0 19px;

			margin:0;

		}

			#content .post-description p a {

				font-weight: bold;

			}



/* Comments

----------------------------------------------- */

#comments {

	margin: 0 0 20px;

}

	#comments li {

		background:none;

		color:#3d3d3d;

		list-style:none;

		padding: 8px 11px 1px;

	}

	#comments li.odd {

		background:#f8f8ff;

	}

	#comments li.even {

		background:#fff;

	}

	#comments li img.avatar

	{

		border:3px solid #BABAD8;

		float:right;

		margin:3px 0 10px 10px;

	}

		#comments li .comment-author {

			line-height: 1.25em;

		}

			#comments li .comment-author cite {

				color:#8b8bbe;

				font-size:127.27%;

				font-weight: bold;

			}

			#comments li .comment-author a {

				color:#6a8aba;

				font-size:100.0%;

				font-weight: bold;

			}

			#comments li .comment-author a:hover {

				text-decoration: none;

			}

				#comments li .comment-author cite a {

					color:#6a8aba;

					font-size:100%;

				}

		#comments li .comment-meta {

			color:#6a8aba;

			font-size:90.91%;

			line-height: 1.45em;

			margin: 0 0 10px;

		}

		

		#comments li .reply

		{

			font-size:13px;

			font-weight:bold;

			margin:0 0 10px;

		}

		

	.nav-prev-next-comment

	{

		font-size:13px;

		padding:20px 0;

	}

	.nav-prev-next-comment:after

	{

		content: "."; 

		display: block; 

		height: 0; 

		clear: both; 

		visibility: hidden;

	}

	.nav-prev-next-comment .next

	{

		float:left;

	}

	.nav-prev-next-comment .prev

	{

		float:right;

	}



/* Reply

----------------------------------------------- */

#respond {

	margin: 0 0 15px;

}

	#respond p.info {

		padding-left:43%;

	}

	#respond form div {

		padding: 0 0 5px;

	}

	#respond form div:after {

		content: ".";

		display: block;

		height: 0;

		clear: both;

		visibility: hidden;

	}

	#respond form div {

		display: block;

	}



		#respond form div label {

			float: left;

			width: 40%;

			/*padding: 0 13px 0 0;*/

			padding: 0 2.69% 0 0;

			color:#3d3d3d;

			text-align: right;

		}

		#respond form div label span {

			color:#8b8bbe;

		}

		#respond form div input.text,

		#respond form div textarea {

			float: left;

			/*width: 206px;

			widt\h: 198px;*/

			width:40.99%;

			background: #f8f8ff;

			padding: 1px 0 1px 5px;

			margin: 0 2px 0 0;

			border:0;

			border-left:1px solid #c9c9e1;

			border-top:1px solid #c9c9e1;

			color:#babad8;

			vertical-align: middle;

		}

		.odd > #respond form div input.text,

		.odd > #respond form div textarea

		{

			background-color:#fff;

		}

		#respond form div input.text:focus,

		#respond form div textarea:focus {

			background: #eafcff;

			color:#3d3d3d;

		}

		#respond form div textarea {

			overflow: auto;

			height:101px;

			font-size:100%;

		}

		#respond form div.box-submit {

			clear:left;

			padding-left:42.69%;

		}

			#respond form div.box-submit #button_submit {

				background: #ffc000;

				margin: 1px 0 0 0;

				padding: 3px 8px 2px;

				border:0;

				color:#fff;

				text-transform: uppercase;

				font-weight: bold;

			}

			#respond form div.box-submit #button_submit:focus {

				background: #babad8;

			}

			

.navigation

{

	font-size:14px;

	font-weight:bold;

}

.navigation a

{

	color:#BABAD8;

}

.navigation:after

{

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



/* Sidebar

----------------------------------------------- */

#root #sidebar .search-box {

	margin: 0 15px 46px;

}

	#sidebar .search-box #search {

		width: 163px;

		widt\h: 157px;

		background: #fff;

		padding: 1px 0 1px 5px;

		margin: 0 2px 0 0;

		border:0;

		border-left:1px solid #cfcfcd;

		border-top:1px solid #cfcfcd;

		color:#babad8;

		vertical-align: middle;

	}

	#sidebar .search-box #search:focus {

		background: #eafcff;

		color:#3d3d3d;

	}

	#sidebar .search-box #btn_search {

		vertical-align: middle;

	}

#sidebar ul {

	list-style: none;

}

#sidebar ul li {

	background: none;

	padding: 0;

	margin: 0;

}

#sidebar .widget,

#sidebar li {

	margin: 0 15px;

	list-style: none;

}

#sidebar h2 {

	background:none;

	color:#bebed4;

	font-size:172.72%;

	font-weight: normal;

	margin: 0 0 9px;

}

	#sidebar h2 a {

		color:#bebed4;

	}

#sidebar p {

	color:#b1b1b1;

	margin: 0 0 21px;

	line-height:1.3em;

}

#sidebar ul li ul {

	color:#b1b1b1;

	margin: 0 0 19px;

	line-height:1.3em;

	list-style: none;

}

	#sidebar ul li ul li {

		background: url("../images/grid/arrow.gif") 3px 4px no-repeat;

		padding: 0 0 0 14px;

		margin: 0 0 2px;

	}

	#sidebar ul li ul li a {

		color:#b1b1b1;

	}

/* Tags Widget */

#sidebar ul li.widget_tag_cloud div

{

	margin: 0 0 21px;

}

/* Calendar Widget */

	

	#sidebar ul li #calendar_wrap {

		position:relative;

		padding:20px 0 15px;

	}

	#sidebar ul li #calendar_wrap table

	{

		border-collapse:collapse;

		margin:0;

		width:100%;

	}

	#sidebar ul li #calendar_wrap caption

	{

		color:#8e8ec5;

		font-weight:bold;

		display:block;

		left:0;

		margin:0;

		position:absolute;

		text-align:center;

		top:0;

		width:100%;

	}

	#sidebar ul li #calendar_wrap th,

	#sidebar ul li #calendar_wrap td

	{

		border:1px solid #BABAD8;

		background:#F8F8FF;

		color:#8B8BBE;

		padding:3px 2px;

		text-align:center;

	}

	#sidebar ul li #calendar_wrap td a

	{

		color: #FFC000;

	}

	#sidebar ul li #calendar_wrap thead th

	{

		background:#d1d1ea;

		border-bottom:none;

		color:#8e8ec5;

		font-weight:bold;

		padding:3px 2px;

	}

	#sidebar ul li #calendar_wrap td.pad

	{

		font-weight:bold;

	}

	#sidebar ul li #calendar_wrap tfoot td

	{

		border:none;

		padding:3px 5px;

	}

	#sidebar ul li #calendar_wrap tfoot td#prev

	{

		text-align:left;

	}

	#sidebar ul li #calendar_wrap tfoot td#next

	{

		text-align:right;

	}

	/* Text widget */

	#sidebar ul li .textwidget

	{

		color:#b1b1b1;

		margin: 0 0 21px;

		line-height:1.3em;

	}

	/* RSS widget */

	#sidebar ul li h2 img

	{

		display:inline;

		margin:0 0 5px;

		vertical-align:middle;

	}

	#sidebar ul li li span.rss-date

	{

		color:#8D8D8D;

		display:block;

		text-transform:uppercase;

	}

	#sidebar ul li li a.rsswidget

	{

		color:#6A8ABA;

	}

	#sidebar ul li li .rssSummary

	{

		color:#b1b1b1;

		margin:5px 0;

		line-height:1.3em;

	}

	#sidebar ul li li cite

	{

		color:#8D8D8D;

		display:block;

		margin:5px 0 10px;

		text-align:right;

	}



/* Archives .archives-info

----------------------------------------------- */

#sidebar .archives-info {

	background: url("../images/grid/bg_archives-info-1.gif") 0 0 no-repeat;

	color:#fff;

	padding: 17px 0 0;

	width: 196px;

	margin: 0 0 24px 11px;

}

	#sidebar .archives-info h3 {

		background: #ffc000 url("../images/grid/bg_archives-info-2.gif") 0 100% no-repeat;

		color:#fff;

		font-weight: normal;

		font-size:100%;

		padding: 0 22px 17px;

		line-height:1.25em;

	}

	#sidebar .archives-info strong {

		color:#fff;

		font-weight:bold;

	}





/* Footer

----------------------------------------------- */

#footer {

	background: #f8f8ff url("../images/grid/bg_footer.gif") 0 0 no-repeat;

	text-align: center;

	color:#b0b3cd;

	padding: 22px 20px 0;

}

	#footer h1.copyright {

		color:#b0b3cd;

		font-size:109.09%;

		letter-spacing:0.25em;

	}

		#footer h1.copyright a {

			font-weight: bold;

			color:#b0b3cd;

		}

	#footer p.standards {

		font-size:90.91%;

		line-height:1em;

	}

		#footer p.standards a {

			color:#b0b3cd;

		}