/* ----------------------------------
FridayRain.com
Copyright © 2006-2011 FridayRain.com.
All rights reserved.
---------------------------------- */

/* Layout messed up? Using IE6 or older? Too bad. /*



							/* PRELIMINARY SETUP */

* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	}

input, textarea {
	background-color: #cccccc;
	border: 1px solid #0080c0;
	}

img { border: none; }
a { outline: none; }


html, body {
	font-size: 100.01%;
	font-family: "Verdana", "Tahoma", "Helvetica", sans-serif;
	color: #cccccc;
	background: url(layout/bg.gif);
	}

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


							/* RAINSCAPE */

#rainscape {
	width: 920px;
	height: auto;
	margin: 0 auto;
    }

	#troposphere {
		width: 100%;
	    height: 96px;
	    }

		#logo {
			width: 100%;
			height: 60px;
			background-image: url(layout/1-tropos/header.png);
			}

			.logo {
				width: 213px;
				height: 60px;
				float: left;
				}

				a.logo:link,
				a.logo:visited,
				a.logo:active {
					background-image: url(layout/1-tropos/logo.png);
					background-position: 0px 0px;
					}
				a.logo:hover {
					background-image: url(layout/1-tropos/logo.png);
					background-position: 0px -60px;
					}

ul.dropdown-one,
ul.dropdown-one li,
ul.dropdown-one ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul.dropdown-one {
	position: relative;
	font-weight: bold;
	font-family: "Verdana", "Tahoma", "Arial", sans-serif;
	font-size: .7em;
	color: #cccccc;
	float: left;
	z-index: 597;
	}

ul.dropdown-one li {
	padding: 0;
	width: 100px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	vertical-align: middle;
	color: #666666;
	float: left;
	}

ul.dropdown-one li.hover,
ul.dropdown-one li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
	}

ul.dropdown-one ul {
	visibility: hidden;
	position: absolute;
	width: 100%;
	top: 100%;
	left: auto;
	right: 0;
	z-index: 598;
	}

ul.dropdown-one ul li {
	height: 20px;
	line-height: 20px;
	float: none;
	}

ul.dropdown-one ul li.writing-po a:link,
ul.dropdown-one ul li.writing-po a:visited,
ul.dropdown-one ul li.writing-po a:active {
	background-image: url(layout/1-tropos/writing-po.gif);
	background-position: 0 0;
	}

ul.dropdown-one ul li.writing-fi a:link,
ul.dropdown-one ul li.writing-fi a:visited,
ul.dropdown-one ul li.writing-fi a:active {
	background-image: url(layout/1-tropos/writing-fi.gif);
	background-position: 0 0;
	}

ul.dropdown-one ul li.writing-nf a:link,
ul.dropdown-one ul li.writing-nf a:visited,
ul.dropdown-one ul li.writing-nf a:active {
	background-image: url(layout/1-tropos/writing-nf.gif);
	background-position: 0 0;
	}

ul.dropdown-one ul li.writing-po a:hover,
ul.dropdown-one ul li.writing-fi a:hover,
ul.dropdown-one ul li.writing-nf a:hover {
	color: #0080c0;
	}

ul.dropdown-one li:hover > ul {
	margin-top: -60px;
	visibility: visible;
	}

ul.dropdown-one .dir {
	background-position: 0 0;
	color: #cccccc;
	}

ul.dropdown-one a,
ul.dropdown-one span {
	display: block;
	}

ul.dropdown-one a:link,
ul.dropdown-one a:visited,
ul.dropdown-one a:active {
	color: #cccccc;
	text-decoration: none;
	background-position: 0 0;
	}
ul.dropdown-one a:hover {
	color: #cccccc;
	background-image: url(layout/1-tropos/light.png);
	background-position: 0 0;
	}

ul.dropdown-one ul a {
	width: 100px;
	}

ul.dropdown-one ul a:hover {
	width: 100px;
	}

ul.dropdown-one ul a.dir:hover {
	background-color: #ff0000;
	color: #ffff00;
	}

	form#paypal {
		margin-top: 8px;
		text-align: center;
		}

		form#paypal input {
			border: none;
			}

		#cumulonimbus {
			width: 100%;
			height: 14px;
			clear: both;
			background-image: url(layout/1-tropos/cnimbus.png);
			}

			.user-login {
				margin-right: 5px;
				width: 12px;
				height: 14px;
				float: right;
				}

				a.user-login:link,
				a.user-login:visited,
				a.user-login:active {
				    background-image: url(layout/1-tropos/author2.png);
				    background-position: 0px 0px;
				    }

				a.user-login:hover {
				    background-image: url(layout/1-tropos/author2.png);
				    background-position: 0px -14px;
				    }

			#login {
				margin: 0 10px;
				width: 900px;
				height: 14px;
				}

				.user-login {
					width: 12px;
					height: 14px;
					float: right;
					}

					a.user-login:link,
					a.user-login:visited,
					a.user-login:active {
						background-image: url(layout/1-tropos/user.gif);
						background-position: 0px 0px;
						}
					a.user-login:hover {
						background-image: url(layout/1-tropos/user.gif);
						background-position: 0px -14px;
						}

		#virga {
			width: 100%;
			height: 22px;
			background-image: url(layout/1-tropos/virga.png);
			}


							/* RAINCANVAS */

	#raincanvas {
		width: 100%;
		height: 100%;
		display: table;
		background-image: url(layout/raincanvas.png);
		}

		#rainfall {
			margin: 0 11px 0 22px;
			width: 602px;
			float: left;
			}

		#window {
			margin: 0 22px 0 11px;
			width: 252px;
			float: left;
			}








							/* DROP */

			.drop {
				padding: 22px 0;
				width: 602px;
				}

				.drop-top {
					height: 22px;
					background: url(layout/2-drop/drop-top.png);
					}

					.drop-top h3 {
						/* padding-left: 9px; */
						text-align: center;
						line-height: 22px;
						color: #cccccc;
						font-size: .9em;
						}

				.drop-outline {
					border: 2px;
					border-style: solid;
					border-top: none;
					border-color: #383838 #383838 #383838;
					}

					.drop-content {
						border: 1px;
						border-style: solid;
						border-color: #0080c0 #666666 #666666 #666666;
						}

						.drop-content h4 {
							margin: 22px 6px 7px 6px;
							font-family: "Courier New", Courier, monotype;
							font-weight: normal;
							color: #cccccc;
							}

						.drop-content p {
							padding: 7px 6px;
							text-align: justify;
							font-size: .8em;
							color: #aaaaaa;
							}

						.drop-content p.about {
							padding: 7px 23px;
							font-size: .8em;

							color: #aaaaaa;
							}

						.drop-content ul {
							margin-left: 2.4em; /* 1.4em */
							margin-bottom: 10px;
							}

						.drop-content ul li {
							padding: 2px 0;
							font-size: .7em;
							line-height: 12px;
							color: #aaaaaa;
							list-style-image: url(layout/2-drop/list.png);
							}

					a.content:link,
					a.content:visited,
					a.content:active {
						color: #ffffff;
						text-decoration: none;
						}
					a.content:hover {
						color: #ffffff;
						text-decoration: none;
						border-bottom: 1px solid #0080c0;
						}

					.drop-splash {
						margin-top: 3px;
						width: 596px;
						height: 15px;
						text-align: center;
						border-top: 1px solid #666666;
						background: url(layout/2-drop/drop-splash.png);
						}


							/* RAINFALL_AUTHOR_DROP */

				#author-drop {
					padding: 22px 0;
					width: 876px;
					}

					#author-drop-top {
						height: 22px;
						background: url(layout/2-drop/author-top.png);
						}

						#author-drop-top h3 {
							padding-left: 5px;
							line-height: 22px;
							color: #cccccc;
							font-size: .9em;
							}

					#author-drop-outline {
						border: 2px;
						border-style: solid;
						border-top: none;
						border-color: #383838 #383838 #383838;
						}

					#author-content {
						border: 1px;
						border-style: solid;
						border-color: #0080c0 #666666 #666666 #666666;
						}

						#author-content p {
							padding: 7px 14px;
							font-size: .8em;
							color: #cccccc;
							}

						#author-content p#error-login {
							color: #ff0000;
							}

						#author-login-form fieldset {
							margin: 12px auto;
							width: 155px;
							color: #cccccc;
							}

							#author-login-form input {
								margin: 5px;
								padding: 0px;
								float: right;
								}

					#author-drop-splash {
						margin-top: 3px;
						width: 870px;
						height: 15px;
						text-align: center;
						border-top: 1px solid #666666;
						background: url(layout/2-drop/drop-splash.png);
						}

							/* RAINFALL_AUTHOR_DROP_MENU */


						ul.nav {
							margin-left: 3px;
							position: relative;
							z-index: 597;
							font-weight: bold;
							font-size: .8em;
							float: left;
							}

							ul.nav li.author-menu-main {
								padding: 0;
								height: 22px;
								line-height: 22px;
								float: left;
								color: #ffffff;
								}

								ul.nav li a,
								ul.nav *.dir { border-right: 1px solid #1f1f1f; }

								ul.nav li.author-menu-main a:link,
								ul.nav li.author-menu-main a:visited,
								ul.nav li.author-menu-main a:active { color: #ffffff; text-decoration: none;}
								ul.nav li.author-menu-main a:hover { color: #ffffff; background-color: #334455; }

								ul.nav li.author-menu-main a#logout:link,
								ul.nav li.author-menu-main a#logout:visited,
								ul.nav li.author-menu-main a#logout:active { color: #ffffff; text-decoration: none;}
								ul.nav li.author-menu-main a#logout:hover { color: #ffffff; background-color: #553333; }

							ul.nav ul.author-menu-dir {
								margin-top: 0px !important;
								visibility: hidden;
								position: absolute;
								width: 96px;
								top: 100%;
								left: auto;
								right: 0;
								font-size: .8em;
								z-index: 598;
								}

							ul.nav ul, li {
								list-style: none;
								margin: 0;
								padding: 0;
								}

							ul.nav li {
								float: none;
								}

							ul.nav li:hover {
								position: relative;
								z-index: 599;
								cursor: default;
								}

							ul.nav li:hover > ul {
								visibility: visible;
								}

							ul.nav li:hover > a.dir:hover {
								background-color: #4698ca;
								color: #fff;
								}

							ul.nav span.dir {
								display: block;
								}

							ul.nav a {
								padding: 0 22px;
								display: block;
								}

							ul.nav *.dir {
								padding: 0 22px;
								}

							ul.nav ul.author-menu-dir li a:link,
							ul.nav ul.author-menu-dir li a:visited,
							ul.nav ul.author-menu-dir li a:active { color: #ffffff; text-decoration: none;}
							ul.nav ul.author-menu-dir li a:hover {
								border-top: 1px solid #666666;
								border-right: 1px solid #383838;
								border-bottom: 1px solid #1f1f1f;
								background-color: #334455;
								color: #ffffff;
								}

							ul.nav ul li a,
							ul.nav ul *.dir {
								border-top: 1px solid #666666;
								border-right: 1px solid #383838;
								border-bottom: 1px solid #1f1f1f;
								background-color: #383838;
								}

							ul.nav ul li.author-menu-dir-first a:link,
							ul.nav ul li.author-menu-dir-first a:visited,
							ul.nav ul li.author-menu-dir-first a:active,
							ul.nav ul li.author-menu-dir-first a:hover {
								border-top: 1px solid #0080c0;
								}

								span#author-menu-comm-count {
									color: #ffff00;
									}

							/* RAINFALL_AUTHOR_MESSAGES */

					.author-message-box {
						margin-bottom: 11px;
						width: 870px;
						height: auto;
						}

						.author-message-box table {
							}

							.author-message-box table tr, td {
								vertical-align: top;
								}

							.author-message-box td.mess-label {
								width: 90px;

								}

							.author-message-box td.mess-content {
								width: 780px;

								}

							.author-message-box tr.mess-unread {
								background-color: #334455;
								}

							.author-message-box tr.mess-read {
								background-color: #333333;
								}

							.author-message-box td.mess-from-label {
								width: 330px;
								}

							.author-message-box td.mess-subj-label {
								width: 330px;
								}

							.author-message-box td.mess-datetime-label {
								width: 202px;
								}


							/* RAINFALL_FEEDBACK_DROP */

			#contact-form {
				padding: 5px;
				width: 586px;
				}

				#contact-form p  {
					margin-top: 0;
					padding-top: 0;
					font-size: .8em;
					}

				#contact-form table {
					color: #cccccc;
					}

					#contact-form tr.separator {
						height: 7px;
						}

					#contact-form td {
						vertical-align: top;
						}

					#contact-form td.label {
						width: 75px;
						}

						input.contact-input {
							width: 259px;
							}

				p.contact-success {
					padding: 5px 0;
					text-align: center;
					}

				input#contact-form-submit {
					margin-left: 77px;
					}

				p.contact-form-error {
					padding: 0;
					margin: 0;
					font-size: .8em;
					color: #ff0000;
					}



							/* DROP_WRITING_GENERAL */

						span.contentcopy {
							font-size: .7em;
							color: #ffffff;
							}


							/* DROP_POETRY */

					#poetry-content {
						margin: 11px 77px;
						width: auto;
						}

					#poetry-content h3 {
						font-family: "Palatino Linotype";
						text-indent: 25px;
						color: #ffffff;
						border-bottom: 2px solid #cccccc;
						}

					p.error {
						font-size: .8em;
						text-align: right;
						color: #cccccc;
						}


							/* DROP_FICTION/NONFICTION */

					#writing-content {
						margin: 11px 0;
						margin-left: 7px;
						width: auto;
						/* height: 500px; */
						}

					#writing-content-fixheight {
						padding-right: 7px;
						width: auto;
						height: 600px;
						overflow: auto;
						}

						#writing-content-fixheight h3 {
							font-family: "Palatino Linotype";
							text-indent: 25px;
							color: #ffffff;
							border-bottom: 2px solid #cccccc;
							}

						#writing-content-fixheight p {
							padding: 7px 0;
							font-size: .8em;
							color: #cccccc;
							}


							/* PANE */

			.pane {
				padding: 22px 0;
				width: 252px;
				}

				.pane-top {
					height: 22px;
					background: url(layout/2-pane/pane-top.png);
					}

					.pane-top-left {
						width: 40px;
						height: 100%;
						float: left;
						}

						.pane-top p {
							margin-left: 9px;
							line-height: 22px;
							font-size: .8em;
							}

					.pane-top-middle {
						width: 172px;
						height: 100%;
						float: left;
						}

						.pane-top h5 {
							padding-left: 5px;
							line-height: 22px;
							font-size: .8em;
							text-align: center;
							color: #cccccc;
							}

						.pane-top h5#radar {
							padding-left: 5px;
							line-height: 22px;
							font-size: .8em;
							text-align: center;
							color: #ffff00;
							}

					.pane-top-right {
						width: 40px;
						height: 100%;
						float: left;
						}

				.pane-outline {
					border-left: 2px solid #383838;
					border-right: 2px solid #383838;
					border-bottom: 2px solid #383838;
					}

					.pane-content {
						border: 1px;
						border-style: solid;
						border-color: #0080c0 #666666 #666666 #666666;
						background-color: #334455;
						}

						.pane-content ul {
							margin-left: 1.2em;
							height: auto;
							}

						.pane-content ul li {
							padding: 2px 0;
							font-size: .7em;
							line-height: 12px;
							list-style-image: url(layout/2-pane/list.png);
							}

						a.pane-content-link:link, a.pane-content-link:visited { color: #cccccc; text-decoration: none; }
						a.pane-content-link:hover, a.pane-content-link:active { color: #0080c0; text-decoration: none; }

				.pane-splash {
					margin-top: 3px;
					width: 246px;
					height: 15px;
					text-align: center;
					font-size: .7em;
					border-top: 1px solid #666666;
					background: url(layout/2-pane/pane-splash.png);
					}


							/* WINDOW_AUTHOR_PANE */

			#author-pane {
				padding: 22px 0;
				width: 252px;
				}

				#author-panebox {
					height: 22px;
					background: url(layout/2-pane/pane-top.png);
					}

					#author-panebox-left {
						width: 40px;
						height: 22px;
						float: left;
						}

					#author-panebox-middle {
						width: 170px;
						height: 22px;
						float: left;
						}

						a.author-panebox-middle:link,
						a.author-panebox-middle:visited,
						a.author-panebox-middle:active { color: #cccccc; text-decoration: none; }
						a.author-panebox-middle:hover { color: #ffffff; text-decoration: none; }

					#author-panebox-right {
						width: 40px;
						height: 22px;
						float: left;
						}

					#author-panebox h5 {
						line-height: 22px;
						font-size: .8em;
						text-align: center;
						color: #cccccc;
						}

					p#author-panebox-logout {
						margin-right: 5px;
						font-size: .8em;
						line-height: 22px;
						text-align: right;
						}

						a.author-panebox-logout:link,
						a.author-panebox-logout:visited,
						a.author-panebox-logout:active,
						a.author-panebox-logout:hover {
							font-size: .8em;
							text-decoration: none;
							}
						a.author-panebox-logout:link,
						a.author-panebox-logout:visited,
						a.author-panebox-logout:active {
							color: #cccccc;
							}
						a.author-panebox-logout:hover {
							color: #ff0000;
							}

				#author-panebox-outline {
					border: 2px;
					border-style: solid;
					border-top: none;
					border-color: #383838 #383838 #383838;
					}

					#author-panebox-disp {
						border: 1px;
						border-style: solid;
						border-color: #0080c0 #666666 #666666 #666666;
						background-color: #334455;
						}

						#author-panebox-disp p {
							padding: 4px 2px;
							font-size: .7em;
							text-align: center;
							}

						a.author-panebox-disp:link,
						a.author-panebox-disp:visited,
						a.author-panebox-disp:active,
						a.author-panebox-disp:hover {
							font-size: .8em;
							text-decoration: none;
							}
						a.author-panebox-disp:link,
						a.author-panebox-disp:visited,
						a.author-panebox-disp:active {
							color: #cccccc;
							}
						a.author-panebox-disp:hover {
							color: #ffffff;
							}

				#author-panebox-bottom {
					margin-top: 3px;
					width: 244px;
					height: 15px;
					text-align: center;
					font-size: .7em;
					border-top: 1px solid #666666;
					background: url(layout/2-pane/pane-splash.png);
					}

					#author-panebox-bottom p {
						padding-right: 2px;
						line-height: 12px;
						float: right;
						color: #cccccc;
						}

					#author-panebox-bottom span {
						
						}






							/* PUDDLE */

	#puddle {
		width: 100%;
		height: 40px;
		clear: both;
		}

		#ripple {
			width: 100%;
			height: 10px;
			background: url(layout/3-puddle/ripple.png);
			}

		#water {
			width: 100%;
			height: 40px;
			background: url(layout/3-puddle/water.png);
			}

			#splash {
				margin-left: 22px;
				width: 438px;
				height: 100%;
				float: left;
				}

				span.copyright {
					margin-left: 1px;
					line-height: 30px;
					font-size: .6em;
					font-weight: bold;
					color: #ffffff;
					}

				a.copy-auth:link,
				a.copy-auth:visited,
				a.copy-auth:active,
				a.copy-authlogo:hover {
					color: #ffffff;
					}

			#reflection {
				margin-right: 22px;
				width: 438px;
				height: 100%;
				float: left;
				}

			#puddle img {
				margin: 8px 1px 0 12px;
				float: right;
			    }


							/* MISCELLANEOUS */

	span.jerkface {
	    display: none;
	    }

	#content-share {
		float: right;
		}