/*
     FILE ARCHIVED ON 7:34:28 Aug 9, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 4:15:38 Oct 24, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
Theme Name: Water
Theme URI: http://theundersigned.net/
Description: Clean blue theme - a lot of whitespace and focusing on the content. The theme is made for easy and quick customization, colors, font family, header image etc. can all be changed from the theme options page. The theme is also widget ready.
Version: 1.1
Author: The undersigned
Author URI: http://theundersigned.net/
*/

/*

General styling

*/

body {
	margin:0;
	background-color:#FFF; /*water body bgcolor*/
	font-family:"Trebuchet MS", sans-serif;
	color:#333; /*water body color*/
}

#wrapper {
    width:800px;
    margin:0 auto;
}

a:link, a:visited {
	text-decoration:none;
	color:#73A533; /*water maincolor_1*/
}

a:hover {
    text-decoration:underline;
}

* {
padding:0;
margin:0;
}

/* HEADER */

#header {
    margin-bottom:20px;
}

    #title a:hover {
        text-decoration:none;
        color:#0092C8; /*water maincolor 2*/
    }

    #topmenu {
        margin-top:0px;
        z-index:5;
		position: relative;
		left: 100px;
		top:20px;
        width:400px;
    }

        #top-nav a:link, #top-nav a:visited, #top-nav a:hover {
            color:#333; /*water body color*/
			text-decoration: none;
		/*	white-space: nowrap;*/
			overflow: hidden;
        }



		#top-nav > li {
			display: block;
			float: left;
			margin-right: 15px;
			padding:5px 6px 0px 5px;
			position: relative;
			border-bottom:2px solid #73A533; /*water maincolor_1*/
			font-size:11px;
			height:12px;
		}

		#top-nav > li > a, #top-nav > li > a:visited  {
			font-size:11px;
			text-transform:uppercase;
			padding: 0;
			margin: 0;
		 }

		#top-nav > li:hover {   /* When we hover over top level menu  elements change underline */
		    border-bottom:2px solid #0092C8; /*water maincolor 2*/
		}



		#top-nav .dropdown { /* Dropdown menus */
			visibility:hidden;
			display:block;
			margin: 0 0 0 -5px;
			padding: 2px 0 0 0;
			position:absolute;
			list-style:none;
			border-top:1px solid #CCC; /*water gray 1*/
			z-index:50;
		 }



		#top-nav .dropdown a:before {
/*			display:marker;*/
			content: "\00BB\00A0";
			padding-left:3px;
		}

		#pages-dropdown, #cat-dropdown, #archive-dropdown {
		 	width: 220px;
		}


		#recent-dropdown {
			width: 300px;
		 }


		#top-nav > li:hover > .dropdown,  #top-nav > li.msiefix > .dropdown {
			visibility: visible;
			z-index:50;
		 }

		#top-nav .dropdown li {
			position:relative;
		   	display: block;
			width: 100%;
			line-height:18px;
			height:18px;
			vertical-align: middle;
			color:#333; /*water body color*/
			font-size:10px;
			z-index:50;
		}

		#top-nav .dropdown a {
			width: 100%;
			line-height:18px;
			height:18px;
			display:block;
			background-color: #73a533;
		}

		#top-nav .dropdown a:hover {
			background-color:#0092C8; /*water maincolor 2*/
			text-decoration: none;
			z-index:50;
		}

		#top-nav .dropdown .parent > a:hover {
			background-color:#7D50B6; /*#CD0008; */
			text-decoration:none;
			z-index:50;
		}


		#top-nav li.parent ul { /*submenus initially hidden */
			visibility: hidden;
			margin:0;
			padding: 0;
			width: 220px;
			background-color: #73a533;
			position:absolute;
			left: 100%;
			top:0%;
			list-style: none;
			border-left: 1px solid #CCC;
			z-index:50;

		 }



		#top-nav .parent:hover > .children, #top-nav .parent.msiefix > .children {
			visibility: visible;
			z-index:50;
		 }

		#top-nav .parent-marker {
			position: absolute;
			right: 10px;
			top:0;
			z-index:300;
		}



    #headerimage {
        clear:both;
        height:151px;
		border: none;
        background-image:url(/web/20110809073428/http://www.infiniteinjury.org/blog/wp-content/themes/water-10/infiniteinjury.png);
        background-repeat:no-repeat;
        background-position:center;
    }

	#header-bloglink {
		position: relative;
		top:30px;
	}


	#header-bloglink_div {
		height:100px;
		width:750px;
	}


/* SIDEBAR */

#sidebar {
	width:220px;
    float:right;
    margin:0 5px 0 0;
	font-size:10px;
	font-family: Verdana, sans-serif;
}

#sidebar a:link, #sidebar a:visited {
    color:#333; /*water body color*/
}

#sidebar a:hover {
    color:#73A533; /*water maincolor_1*/
    text-decoration:none;
}

#sidebar .widgettitle {
	font-family:"Trebuchet MS", sans-serif;
    font-size:20px;
    line-height:20px;
    color:#0092C8; /*water maincolor 2*/
    margin:0 0 2px 0;
    font-weight:normal;
}


#sidebar  > ul {
	margin: 0;
	padding: 0;
	list-style:none;
}

.widget {
	margin-bottom:10px;
}

.widget ul p, .widget select {
	margin: 5px 0 8px;
}

.widget ul {
	margin-bottom: 5px;
	margin-top: 2px;
	margin-left:5px;
}

.widget ul li {
	list-style: none;
	margin-left:5px;
}


#sidebar .widget ul li:before {
	content: "\00BB\00A0";
	color:#73A533;  /*water maincolor_1*/
	/*display: marker;*/
}

#sidebar .rssli {
	margin-top:3px;
}

#sidebar #navlinks .rssli:before {
/*	display: marker;*/
	content: url(/web/20110809073428/http://www.infiniteinjury.org/blog/wp-content/themes/water-10/rss.png);
	vertical-align: middle;
	margin-left:-3px;
}

#navlinks li {
	margin-bottom:1px;
}

.link-category-name {
	font-size: 12px;
}

.blinkswidget {
	padding-top: 2px;
	list-style:none;
}

#sidebar .widget .blinkswidget > li:before {
	content:"";
}

.blinkswidget ul {
	list-style:none;
}

#sidebar .blinkswidget ul li:before {
	content: "\00BB\00A0";
	color:#73A533;  /*water maincolor_1*/
/*	display: marker;*/
	margin-left:-9px;
}

#sidebar .blinkswidget ul li {
	margin-left:10px;
	margin-bottom:2px;
}


#gsearch {
	margin-top:10px;
	margin-bottom:10px;
	padding-right:40px;
}


/* CONTENT */

#content {
    margin:0 0 0 5px;
    width:520px;
    float:left;
	overflow: visible;
	padding-left:10px;
}

.the_content {
	font-family:Verdana, Arial, sans-serif;
}

.post {
    margin:0 0 15px 0;
    clear:both;
}

    .post .posttitle {
		font-family:"Trebuchet MS", sans-serif;
        font-size:20px;
        line-height:20px;
        color:#0092C8; /*water maincolor 2*/
        margin:0 0 2px 0;
        font-weight:normal;
    }

        .post a:link, .post a:visited {
            color:#0092C8; /*water maincolor 2*/
        }

        .post a:hover {
            color:#73A533; /*water maincolor_1*/
            text-decoration:none;
        }

        .post a:link span, .post a:visited span {
            color:#CCC; /*water gray 1*/
        }

        .post a:hover span {
            color:#AAA; /*water gray 2*/
        }

    .post .postmeta {
        font-size:10px;
        line-height:10px;
        color:#CCC; /*water gray 1*/
        text-transform:uppercase;
        margin:0 0 5px 0;
    }

        .post .postmeta a:link, .post .postmeta a:visited {
            color:#AAA; /*water gray 2*/
        }

        .post .postmeta a:hover {
            color:#73A533; /*water maincolor_1*/
            text-decoration:none;
        }

    .the_content p {
        margin-top:0;
 		margin-right:0;
 		margin-bottom:15px;
 		margin-left:0;
     /*   line-height:15px; */
    }

        .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; /*water maincolor_1*/
        }

        .the_content p a:hover,
        .the_content ul a:hover,
        .the_content ol a:hover {
            text-decoration:underline;
        }

       .the_content ul, .the_content ol {
            margin-bottom:15px;
        }

		.post blockquote.question {
			margin:0 0 15px 20px;
	        padding:5px;
	        border-top:none;
	        border-bottom:none;
			text-align: justify;
			font-weight:bold;
			font-family:"Times New Roman", Times, serif;
		}

	    .post blockquote {
	        margin:0 0 15px 20px;
	        padding:5px;
	        border-top:1px solid #73A533; /*water maincolor_1*/
	        border-bottom:1px solid #73A533; /*water maincolor_1*/
			text-align: justify;
			font-family:"Times New Roman", Times, serif;
		}


        .post blockquote p {
            margin:15px 0 0 0;
          /*  font-style:italic;*/
        }

        .post blockquote blockquote {
            margin-top:15px;
            background-color:#F3F3F3; /*water gray 3*/
            font-style:italic;
	    font-size:85%;
	}

    .post img {
    float:right;
    border:1px solid #73A533; /*water maincolor_1*/
    margin:0 0 10px 20px;
    }

    .post .wp-smiley {
        float:none;
        border:0;
        margin:0;
    }

	.the_content dt {
		font-weight: bold;
		font-size: 110%;
	}

	.the_content dd {
		margin-left:20px;
		margin-top:10px;
		margin-bottom:10px;

	}

	.the_content h2,h3,h4 {
		margin-bottom:7px;
	}

	.the_content h5,h6 {
		margin-bottom: 5px;
	}

	/* LISTS */

	.the_content ul {
		margin-left: 0px;
		padding: 0 0 0 30px;
		list-style: none;
		padding-left: 10px;
		/*text-indent: -10px;*/
		}

	 .the_content li {
		margin: 7px 0 8px 10px;
		}

	.the_content ol {
		padding: 0 0 0 15px;
		margin: 0;
		/*text-indent:-5px;*/
	}

	.postmetadata ul, .postmetadata li {
		display: inline;
		list-style: none;
		}

	.the_content ul li:before {
		content: "\00BB\00A0";
		color:#73A533; /*water maincolor_1*/
	}


/* Series TOC */

.series_toc h3 {
	font-size:12px;
	margin-bottom:0;
	font-weight:bold;
}


.series_toc ul {
	list-style:none;
	margin-top:0;
	padding-top:0;
	margin-bottom:3px;
	font-size:10px;
	text-transform:uppercase;
}

.series_toc_list li:before {
	content: "\00BB\00A0";
	color:#73A533; /*water maincolor_1*/
}

.series_toc_list li {
	margin-top:2px;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

/* tagging */

.posttags {
	padding-top:1px;
    font-size:10px;
    line-height:10px;
    color:#CCC; /*water gray 1*/
    text-transform:uppercase;
    margin:0;
}

    .posttags a:link, .posttags a:visited {
        color:#AAA; /*water gray 2*/
    }

    .posttags a:hover {
        color:#73A533; /*water maincolor_1*/
        text-decoration:none;
    }

/********* Tag Cloud *********/
ul#tagcloud { padding:0; margin:0; text-align:center; list-style:none; }
ul#tagcloud li { display:inline; font-size:70%; color:#ccc;}
ul#tagcloud li a, ul#tagcloud li a:link { text-decoration:none; }
ul#tagcloud li a:hover { text-decoration:underline; }
ul#tagcloud li.t1 a { color:#797979; font-size: 120%; }
ul#tagcloud li.t2 a { color:#6d6d6d; font-size: 160%; }
ul#tagcloud li.t3 a { color:#616161; font-size: 190%; }
ul#tagcloud li.t4 a { color:#555555; font-size: 210%; }
ul#tagcloud li.t5 a { color:#484848; font-size: 230%; }
ul#tagcloud li.t6 a { color:#3c3c3c; font-size: 250%; }
ul#tagcloud li.t7 a { color:#303030; font-size: 270%; }
ul#tagcloud li.t8 a { color:#242424; font-size: 290%; }
ul#tagcloud li.t9 a { color:#181818; font-size: 310%; }
ul#tagcloud li.t10 a { color:#0c0c0c; font-size: 330%; }

/********* Related Posts *********/
#stprelated { margin-top: 15px; padding: 10px; background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; width: auto;}
#stprelated h3 { margin:0; padding:0; font-size: 90%; text-transform:uppercase; color:#AAA; /*water gray 2*/ font-size:12px;}
#stprelated ul { margin: 0; padding:0; font-size: 90%; list-style:none;}
#stprelated ul li { margin: 0; padding:0 0 0 15px;  text-transform:uppercase; font-size:10px;}
#stprelated ul li:before {
	content: "\00BB\00A0";
	color:#73A533; /*water maincolor_1*/
}


/********* Related Tags *********/
li#relatedtags ul li {
	text-indent: 0;
	list-style:none;
	background: 0 none;
	font-size: 120%;
}
li#relatedtags ul li:before {
	content: "";
}
li#relatedtags ul li span {
	margin-right: .5em;
}


/* COMMENTS */


.comment-bar {
	border: 1px solid black;
/*	background-color: #ddd; */
	background-color: #4F5173;
	height: 40px;
	width:520px;
}

.comment-bar .replypostlink {
	float: right;
	height: 40px;
	line-height:40px;
	text-align: right;
	padding-right:20px;
	font-size: 12px;
}

.comment-bar h3 {
	float: left;
	height: 40px;
	line-height:40px;
	padding-left:20px;
	color: black;
	font-size: 16px;
}

/* Comment Form */

#respond-bar {
	background-color: #4F5173;
	border: 1px solid black;
	height: 40px;
	margin-bottom:10px;
}

#respond-bar h3 {
	float:left;
	height: 40px;
	line-height:40px;
	padding-left:20px;
	color: black;
	font-size: 16px;
}

.cancel-comment-reply {
	float: right;
	height: 40px;
	line-height:40px;
	padding-right:10px;
}

#responder-info {
	margin-top:5px;
	margin-bottom:10px;
	margin-left:20px;
}

#comment {
	margin-left:10px;
}

/*#respond:after {
		content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}*/

#submit-bar {
	background-color: #4F5173;
	border: 1px solid black;
	height: 40px;
	padding:0px;
	margin-bottom:10px;
	margin-top:10px;
}

#commentform #submit {
	margin: 0 0 5px auto;
	}

#submit-comment-button {
	float: right;
	height: 40px;
	line-height:40px;
	padding-right:10px;
	margin:0;
}

.subscribe-to-comments {
	float: left;
/*	height: 40px;*/
/*	line-height:40px;*/
	padding-left:10px;
	margin-top: 10px;
/*	padding-top:10px;*/
}


/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

.comment, .trackback {
	border: 1px solid #999;
}

.comment-body {
	padding-right: 10px;
	padding-left: 10px;
	padding-top:5px;
	padding-bottom:5px;
}

.comment-author {
	float: left;
	margin-left: 8px;
	margin-top: 2px;
}

.comment-meta, .reply {
	text-align: right;
	background-color: #ddd;
	padding-right: 5px;
	padding-left: 5px;
	padding-top:4px;
	padding-bottom:4px;
	font-size: 80%;
}

.reply {
	padding-right: 20px;
}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

/*.commentmetadata {
	margin: 0;
	display: block;
	}*/
/* End Comments */


/* FOOTER */

#footer {
    clear:both;
    border-top:1px solid #CCC; /*water gray 1*/
}

    #footer p {
        margin:5px 0 30px 5px;
        color:#CCC; /*water gray 1*/
        text-transform:uppercase;
        font-size:10px;
    }

    #footer a:link, #footer a:visited {
        color:#AAA; /*water gray 2*/
    }

    #footer a:hover {
        color:#73A533; /*water maincolor_1*/
        text-decoration:none;
    }