/*

Theme Name: Water

Theme URI: http://aizen.the-aria.org/blog/?page_id=8

Description: The Water theme is made for easy and quick customization.

Version: 1.4.4.1

Author: Fallen Tsubasa, The Undersigned

Tags: nature, 2 columns, gray, white, blue, green, widget ready, ajax comments

*/



/* General styling */



body {

	margin: 0;

	/* background-color: #393939; */

        background-image: url('images/blue_shell.gif');

	font-family: Verdana, sans-serif;

	font-size: 11px;

	color: #333;

}



#wrapper {

	vertical-align: middle;

	width: 900px;

	margin: 0 auto;

	padding: 0 10px 0 10px;

	background: #fff;

}



a:link, a:visited {

	text-decoration: none;

	color: #73A533;

}



a:hover {

	text-decoration: underline;

}



* {

	padding: 0;

	margin: 0;

}

h2 {
        margin-top: 10px;
}

/* HEADER */



#title {

	float: right;

	margin: 7px 5px 0 0;

	font-size: 30px;

	font-weight: normal;

}



#title a:link, #title a:visited  {

	color: #6A6868;

	margin-right: 5px;

	font-weight: normal;

}



#title a:hover {

	text-decoration: none;

	color: #0092C8;

}



#tagline {

	float: right;

	margin-right: 5px;

	color: #FFF;

	font-size: 17px;

}



#topmenu {

	float: left;

	margin-top: 25px;

	z-index: 5;

	width: 400px;

}



#topmenu a:link, #topmenu a:visited {

	color: #333;

}



#topmenu a:hover {

	text-decoration: none;

}



#topmenu ul { 

	list-style: none;

	margin: 0 0 0 5px;

	padding: 0;

}



#topmenu ul li a:link, #topmenu ul li a:visited {

	display: block;

	line-height: 11px;

	padding: 5px 10px 2px 9px;

	margin: 0 7px 0 0;

	font-size: 11px;

	border-bottom: 2px solid #73A533;

	text-transform: uppercase;

}



#topmenu ul li a:hover {

	border-bottom: 2px solid #73A533;

}



#topmenu ul li {

	display: block;

	float: left;

	position: relative; 

}



#topmenu ul li ul {

	display: block;

	position: absolute;

	top: auto;

	list-style: none;

	margin: 0;

	padding: 0;

	visibility: hidden;

	border-top: 1px solid #CCC;

	width: 220px;

}



#topmenu ul li:hover ul, #topmenu ul li.msiefix ul {

	visibility: visible;

}



#topmenu ul li ul li {

	position: relative;

	float: none;

	line-height: 18px;

	color: #333;

	font-size: 10px;

}

	

#topmenu ul li ul li a:link, #topmenu ul li ul li a:visited, #topmenu ul li ul li a {

	display: block;

	border: 0;

	margin: 0;

	padding: 2px 0 2px 10px;

	line-height: 15px;

	text-transform: none;

	color: #FFF;

	background-color: #73A533;

}

		

#topmenu ul li ul li a:hover {

	background-color: #73A533;

}



#headerimage {

	clear: both;

	height: 150px;

	width: 100%;

	margin-bottom: 10px;

	border-top: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

/* This image is adapted from a work by louise-paisley: http://www.flickr.com/people/louise-paisley/
 * It is licensed under the following: http://creativecommons.org/licenses/by-nc-sa/2.0/
 */
	background: url('images/drop-header.jpg') no-repeat center;

}



/* CONTENT */



#content {

	margin: 0 15px 0 8px;

	padding: 0;

	width: 680px;

	float: left;

}



.post {

	margin: 5px 0 30px 3px;

	clear: both;

}



.post .posttitle, #sidebar span {

	font-size: 20px;

	line-height: 20px;

	color: #333;

	margin: 0 0 5px 0;

	font-weight: normal;

	display: block;

}

.posttitle img {

	float: left;

	margin-right: 3px;

}



.post a:link, .post a:visited {

	color: #73A533;

}



.post a:hover {

	color: #0092C8;

	text-decoration: none;

}



.post a:link span, .post a:visited span {

	color: #CCC;

}



.post a:hover span {

	color: #AAA;

}



.post .postmeta {

	font-size: 10px;

	line-height: 10px;

	color: #AAA;

	text-transform: uppercase;

	margin: 2px 0 5px 0;

}



.post .postmeta a:link, .post .postmeta a:visited {

	color: #7E7E7E;

	font-weight: bold;

}



.post .postmeta a:hover {

	color: #73A533;

	text-decoration: none;

}



.post p {

	margin: 10px 0 10px 0;

	line-height: 15px;

}



.post p.wp-caption-text {

	text-align: center;

}



.post p a:link, .post p a:visited, .post ul a:link, .post ol a:link, .post ul a:visited, .post ol a:visited {

	color: #73A533;

}



.post p a:hover, .post ul a:hover, .post ol a:hover {

	text-decoration: underline;

}



.post .the_content ul, .post .the_content ol {

	margin-bottom: 15px;

}



.post .the_content pre ol {

	margin: 0 0 0 20px;

}



.post .the_content pre ol li {

	margin: 0 0;

	border-left: 1px solid black;

}



.post blockquote {

	margin: 0 0 10px 20px;

	padding: 5px;

/*	border-top: 1px solid #73A533;

	border-bottom: 1px solid #73A533;*/

}



.post blockquote p {

	margin: 0;

	padding-bottom: 5px;

}



.post blockquote blockquote {

	margin-top: 15px;

	background-color: #7E7E7E;

}



.post blockquote blockquote p {

	padding-bottom: 5px;



}





.the_content table, .the_content div {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



.the_content pre ol li div {

	margin: 0 0;

	padding: 0 0 0 10px;

	background-color: #FFFACD

}



.the_content pre {

	border: 1px dotted black;

	overflow: auto;

	margin-top: 10px;

}



.the_content img {

/*	border: 1px solid #73A533; */

	margin: 0 0 3px 3px;

}



.post .wp-smiley {

	float: none;

	border: 0;

	margin: 0;

}



.edit, .edit:focus {

	background: url('images/edit_button.png');

	border: 2px double;

	border-color: #CCC #AAA #AAA #CCC;

	color: #73A533;

	height: 18px;

	width: 30px;

	float: right;

	font-size: 10px;

	margin-top: -6px;

	font-family: Verdana, sans-serif;

}



.edit:active {

	border: 3px double;

	border-color: #CCC #888 #888 #CCC;

}



.postslink {

	padding-left: 14px;

	background: url('images/posts.gif') no-repeat center left;

	margin-right: 50px;

}

div.codecolorer-container {
margin-top: 10px;
}

div.codecolorer {
padding-left: 10px;
}

.commentslink {

	padding-left: 16px;

	background: url('images/comments.gif') no-repeat center left;

}



/* COMMENTS */



#comment {

	width: 100%;

}



#submit {

	float: left;

	width: 110px;

	height: auto;

}



#commentlist, #trackbacks {

	list-style: none;

}



#commentlist li {

	margin: 0;

	padding: 15px 10px 0 10px;

	border-bottom: 1px solid #73A533;

	background-color: #FFF;

	width: 98%;

}



#commentlist li a span {

	color: #AAA;

}



#commentlist li a:hover span {

	color: #7E7E7E;

}



#commentlist li.odd {

	background-color: #F3F3F3;

}



#commentlist li.author {

	background-color: #EAF3FA;

}



#trackbacks li {

	padding: 5px 10px 5px 10px;

}



.post .commenttitle {

	font-size: 16px;

	color: #73A533;

	margin: 0 0 2px 0;

	font-weight: normal;

}



.post #commentlist .commenttitle a:link, .post #commentlist .commenttitle a:visited {

	color: #73A533;

}



.post #commentlist .commenttitle a:hover {

	color: #73A533;

	text-decoration: none;

}



#content .left, #content .right {

	padding: 5px 0 5px 0;

}



/* SIDEBAR */



#sidebar {

	width: 180px;

	float: right;

}



#sidebar a:link, #sidebar a:visited {

	color: #73A533;

}



#sidebar a:hover {

	color: #0092C8;

	text-decoration: none;

}



/* LISTS */



html>body .the_content ul {

	margin-left: 0;

	padding: 0 0 0 10px;

	list-style: none;

	text-indent: -10px;

} 



html>body .the_content li {

	margin: 7px 0 8px 10px;

}



.the_content ol {

	padding: 0 0 0 15px;

	margin: 0;

	text-indent: -5px;

}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

}



#sidebar ul li {

	list-style: none;

	margin-bottom: 15px;

}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 5px;

}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

}



.the_content ul li, #sidebar ul ul li {

	background: url('images/li.gif') no-repeat 0 6px;

	text-indent: 9px;

}



#wp-calendar {

	vertical-align: middle;

	width: 100%;

	text-align: center;

}



#wp-calendar #prev {

	text-align: justify;

}



#wp-calendar #next {

	text-align: right;

}



#wp-calendar a:link, #wp_calendar a:visited, #next a:link, #next a:visited, #prev a:link, #prev a:visited {

	color: #73A533;

	text-decoration: underline;

}



#wp-calendar a:hover, #next a:hover, #prev a:hover {

	color: #0092C8;

	text-decoration: underline;

}



#today {

	font-weight: bold;

	color: #73A533;

}



/* FOOTER */



#footer {

	clear: both;

	border-top: 1px solid #CCC;

	margin: 5px 0 -2px 5px;

	text-transform: uppercase;

	font-size: 10px;

	color: #CCC;

	height: 30px;

}



#footer a:link, #footer a:visited {

	color: #AAA;

}



#footer a:hover {

	color: #0092C8;

	text-decoration: none;

}



/* Alignments */



.commenttitle img, .right{

	float: right;

}



.left {

	float: left;

}



.alignright, .alignleft, .aligncenter {

	float: none;

	display: block;

}



.alignright, img.alignright {

	margin: 0 0 0 auto;

	text-align: right;

}



.alignleft, img.alignleft {

	margin: 0 auto 0 0;

	text-align: left;

}



.aligncenter, img.aligncenter {

	margin: 0 auto 0 auto;

	text-align: center;

}