/*  
Project: Waterline Studios
URL: http://www.waterlinefountains.com/
Description: Style sheet for Waterline Studios website.
Date: October 2005
Author: Debbie Campbell, Parallax Web Design
Author URL: http://www.parallaxwebdesign.com/
*/

/* set height of content ID box for IE */
* html #content, html #content_right /*html #content_left*/ {
	height:450px;
	}
	
/* General Rules */

/* zeros all margins and paddings */
body, p, ul, ol, li, form,
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%; /* Resets 1em to about 13px */
	color: White;
	background-color: #28394B;
	text-align: center;
	}
	
h1, h2, h3, h4 {
	color: black;
	background-color: transparent;
	font-weight: bold;
	margin: 10px 0 0 14px;
	}	

.blue_underline {
	color: #31475B;
	background-color: transparent;
	padding-bottom: 2px;
	border-bottom: 1px solid #31475B;
}

h1 {
	font-size: 1.5em;
	}
	
h1 a:link, h1 a:visited {
	text-decoration: none;
	color: #375060;
	}

h1 a:hover, h1 a:active {
	text-decoration: none;
	color: #0099FF;
	}

h2 {
	font-size: 1.3em;
	}

h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
	color: #375060;
	}
	
h2 a:hover, h2 a:active, h3 a:hover, h3 a:active {
	color: #0099FF;
	}
	
h3 {
	font-size: 1.2em;
	padding-top: 0.5em;
	}
	
h4 {
	font-size: 1.2em;
	}
	
a {
	color: white;
	text-decoration: none;
	}
.left {
	margin: 0 20px 0 20px;
	float: left;
}
.clearleft {
	clear: left;
}
/* End General Rules*/

/* Begin Layout */

#header {
	width: 770px;
	height: 64px;
	margin: 0 auto 0 auto;
	padding: 30px 0 3px 0;
	background-color: transparent;
	}

#subheader {
	width: 770px;
	height: 22px;
	background-color: Black;
	text-align: left;
	}

#wrapper {
	margin: 0 auto 0 auto;
	width: 770px;
	text-align: left;
	background-color: White;
	background-image: url(images/wrapper_backcolor.gif);
	background-repeat: repeat-y;
	}

#wrapper-nobg {
	margin: 0 auto 0 auto;
	width: 770px;
	text-align: left;
	background-color: White;
}

#content {
	width: 770px;
	min-height: 450px;
	color: red;
	background-image: url(images/background.jpg);
	background-position: top;
	}

#store {
	width: 770px;
	margin: 0;
	padding: 0 10px 0 0;
	min-height: 450px;
	text-align: left;
	background-color: transparent;
}
	
#content_waterfall {
	position: relative;
	top: 375px;
	left: 400px;
	background-color: transparent;
	margin: 0;
	padding: 0;	
	}
	
#content_left {
	float: left;
	width: 560px;
	min-height: 450px;
	color: Black;
	background-color: white;
	padding-bottom: 5px;
	}
	
#content_left p {
	color: black;
	background-color: transparent;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.5em;
	margin: 12px 6px 10px 14px;
	padding: 0;
	}

.indent {
	text-indent: 2em;
	}

.archivesum {
	color: red;
}

/* thumbnail text for Plogger */

.thumbnail_text {
color: black;
font-size: 0.9em;
}

#content_left a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	color: #31475B;
	background-color: transparent;
	}

#content_left a:link {
	color: #31475B;
	background-color: transparent;
	text-decoration: none;
	}

#content_left a:visited {
	color: #456581;
	background-color: transparent;
	text-decoration: none;
	}
	
#content_left a:hover {
	color: #31475B;
	background-color: transparent;
	text-decoration: underline;
	}
	
#content_left a:active {
	color: #31475B;
	background-color: transparent;
	text-decoration: underline;
	}

/* Previous/more links */
#morelinks {
	font-size: 0.9em;
	text-align: right;
	margin-bottom: 8px;
	padding-bottom: 0.2em;
}
#more {
	font-size: 0.9em;
	text-align: right;
	margin-bottom: 8px;
	padding-bottom: 0.2em;
}
#more a, #more a:link {
	color: #31475B;
	background-color: transparent;
	text-decoration: none;
	border-bottom: 0.1em dashed #31475B;
	}

#more a:visited {
	color: #456581;
	background-color: transparent;
	text-decoration: none;
	}
	
#more a:hover {
	color: #339933;
	background-color: transparent;
	text-decoration: none;
	border-bottom: 0.1em solid #339933;
	}
	
#more a:active {
	color: #339933;
	background-color: transparent;
	text-decoration: none;
	border-bottom: 0.1em solid #339933;
	}
/* End previous/more links */

.img_content_left {
	float: right;
	background-color: transparent;
	margin: 0;
	padding: 5px 5px 2px 5px;
	}
p.img_content_left {
	float: right;
	text-align: left;
	font-size: 0.9em;
	}
	
#list_content_left {
	line-height: 1.5em;
	margin-top: 1em;
	padding: 0em;
	}
	
#list_content_left ul {
	list-style-type: circle;
	margin-left: 3em;
	padding: 0;
	display: block;
	}

#list_content_left ul ul {
	list-style-type: square;
	margin-left: 3em;
	padding: 0;
	display: block;
	}

.numbered_list {
	list-style-type: decimal;
	}	
	
#list_content_left li {
	font-size: 0.9em;
	margin: 1.5em;
	padding: 0;
	}
		
#list_content_left ul ul li {
	font-size: 1em;
	margin: 1.2em;
	padding: 0;
	}
	
#list_content_left li a, #list_content_left ul ul a {
	text-decoration: none;
	font-weight: bold;
	color: #31475B;
	background-color: transparent;
	}

#list_content_left a:link, #list_content_left ul ul a:link {
	color: #31475B;
	background-color: transparent;
	text-decoration: none;
	}

#list_content_left a:visited, #list_content_left ul ul a:visited {
	color: #456581;
	background-color: transparent;
	text-decoration: none;
	}
#list_content_left a:hover, #list_content_left ul ul a:hover {
	color: #31475B;
	background-color: transparent;
	text-decoration: underline;
	}
#list_content_left a:active, #list_content_left ul ul a:active {
	color: #31475B;
	background-color: transparent;
	text-decoration: underline;
	}

#content_right {
	float: right;
	min-height: 450px;
	width: 190px;
	color: Black;
	background-color: transparent;
	}	

/*A List Apart's PHP Navigation Sample*/
#navigation { 
	position: relative;
	top: 4px;
	left: 510px;
	width: 300px;
	height: 10px;
	margin: 0;
	padding: 0;	
	}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#navigation li {
	display: inline;
	font-size: 0.7em;
	background-color: transparent;
	margin: 0;
	padding: 0;
	}

#navigation a {
	padding: 0 5px 0 5px;
	text-decoration: none;
	color: #BABABA;
	border-left: 1px solid Black;
	border-right: 1px solid Black;
	}

#navigation a:link, a:visited {
	color: #BABABA;
	}
	
#navigation a:hover, a:active {
	color: #A2B5C4;
	}
		
#navigation #currentpage a {
	color: White;
	border-left: 1px solid White;
	border-right: 1px solid White;
	}
/*End of A List Apart's PHP Navigation Sample*/

/* Begin simple navigation list format for right content */
#navlist {
	width: 160px;
	background-color: transparent;
	margin: 8px 12px 12px 12px;
	padding: 0;	
	}

#navlist ul {
	font-size: 0.8em;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
	}
	
#navlist ul ul {
	margin-left: 2em;
	}
	
.navlist-sub {
	display:none;
}

body#opennav ul#open {
	display: block;
	} 
	
body#closednav ul#closed {
	display: none;
}

#navlist li {
	line-height: 1.5em;
	list-style: none;
	margin: 0;
	padding: 0.3em 0 0.1em 0;
	border-bottom: 1px solid #31475B;
	background-color: transparent;
	}

#navlist ul ul li {
	font-size: 1.1em;
	line-height: 1.5em;
	list-style: none;
	margin: 0;
	border-bottom: none;
	padding: 0.3em 0 0.2em 0;
	}

#navlist li a, #navlist ul ul a {
	text-decoration: none;
	color: #31475B;
	background-color: transparent;
	}

#navlist a:link, #navlist ul ul a:link {
	color: #31475B;
	background-color: transparent;
	text-decoration: none;
	}

#navlist a:visited, #navlist ul ul a:visited {
	color: #456581;
	background-color: transparent;
	text-decoration: none;
	}
#navlist a:hover, #navlist ul ul a:hover {
	color: White;
	background-color: transparent;
	text-decoration: none;
	}
#navlist a:active, #navlist ul ul a:active {
	color: White;
	background-color: transparent;
	text-decoration: none;
	}
/* End simple navigation list format for right content */

#photocredit {
	clear: both;
	width: 570px;
	color: Black;
	background-color: transparent;
	margin: 0 0 0.5em 0.8em;
	padding: 0; 
	font-size: 0.7em;
	}
	
head:first-child+body #photocredit { /* affects only non-IE */
	padding: 0 0 1.5em 0;
}
	
#footer {
	clear: both;
	width: 770px;
	height: 22px;
	background-color: Black;
	}

#subfooter {
	width: 770px;
	height: 6px;
	vertical-align: top;
	color: #BABABA;
	background-color: transparent;
	margin: 0 auto 0 auto;
	padding: 3px 0 3px 0;
	font-size: 0.7em;
	}

#subfooter a, #subfooter a:link, #subfooter a:visited {
	font-weight: 600;
	}

#subfooter a:hover, #subfooter a:active {
	text-decoration: none;
	color: #BABABA;
	background-color: transparent;
	}

#subfooter_left {
	float: left;
	}
	
#subfooter_right {
	float: right;
	}
	
/* End Layout */

/* Begin Tags for pMachine weblog.css */
#menu {
 	width: 160px;
 	text-align: left;
 	padding-bottom: 20px;
	margin: 0 4px 4px 14px;
	}

#menu h3 {
	margin-left: 0;
}

#menu p {
	color: black;
	background-color: transparent;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	}

.stats {
	font-size: 0.8em;
	font-weight: normal;
	margin: 4px 4px 4px 8px;
	padding: 0px;
	text-align: left;
	}
	
.menuSpacer {
	border-bottom: 1px solid #31475B;
 	margin-bottom: 100px; 
	padding: 0;
	}
	
.loginLinks, .loginLinks a { 
 	color: #31475B;
 	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 0.9em; 
	margin: 10px 4px 4px 0;
	padding: 0;	 	
	text-decoration: none;
	}

.loginLinks a:link {
 	color: #31475B; 
	font-weight: bold;
	}
	
.loginLinks a:visited {
	color: #456581; 
	font-weight: bold;
	}
	
.loginLinks a:active {
	color: White; 
	font-weight: bold;
	}
	
.loginLinks a:hover { 
	color: White; 
	font-weight: bold;
	} 

.calender  table {
	font-size: .9em;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}	

/*---  Weblog entry formatting.  ---*/

.weblog {
 padding-bottom: 14px;
}

#weblog_master_date {
	font-style: italic;
	font-weight: bold;
	color: #98A6AD;
	background-color: transparent;
}

/*---  Name of author in weblog entries ---*/

.author {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size:   10px;
 	color:       #999999;
 	font-weight: normal;
	margin-top: 2px;
 	margin-left: 14px;
}

/*---  Paragraph formatting in weblog entries ---*/

.weblog p {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:   11px;
 color:       #333333;
 margin-top: 2px;
 margin-bottom: 4px;
 font-weight: normal;
 text-align:  left;
}

/*---  Link formatting in weblog entries ---*/

#comments_line {
	margin-left: 14px;
	font-size: 0.8em;
}

#comments_line a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	color: #31475B;
	background-color: transparent;
	}

#comments_line a:link {
	color: #31475B;
	background-color: transparent;
	text-decoration: none;
	}

#comments_line a:visited {
	color: #456581;
	background-color: transparent;
	text-decoration: none;
	}
	
#comments_line a:hover {
	color: #31475B;
	background-color: transparent;
	text-decoration: underline;
	}
	
#comments_line a:active {
	color: #31475B;
	background-color: transparent;
	text-decoration: underline;
	}

/* THE FOLLOWING CSS IS USED WITH THE MINI-CALENDAR */

/*  Calendar header text  */
.header {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #31475B;
 font-weight: bold;
}

/*  Navigational links in the header of mini-calendar  */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{ 
 color:       #31475B;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 
.navlinks a:link    { color:  #31475B; text-decoration: none;}
.navlinks a:visited { color:  #456581; text-decoration: none;}
.navlinks a:active  { color:  #222222; text-decoration: none;}
.navlinks a:hover   { color:  #222222; text-decoration: underline;}


/*  Days of the week text  */
.weekdays {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
 font-weight:  bold;
}

/*  Days of the month text and links */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
}
.monthdays a:link    { color:  #31475B; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #456581; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #222222; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #222222; text-decoration: none;font-weight: bold;}