/* POTTER'S CLAY CSS External Stylesheet */

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #633;
	background-color: #244;
	color: #633;
	margin-top: 0px;
	
}

h1 {
	display: block;
	font-size: 24px;
	background: url(./assets/graphics/bg_title.jpg);
	color: #c5b28a;
	margin: 1px;
	margin-top: 2px;
	line-height: 30px;
	padding: 5px;
	border-top: solid 1px #633;
	border-right: solid 2px #224;
	border-bottom: solid 3px #224;
	border-left: solid 1px #633;
}

a:link, a:visited, a:active {
	color: #36c;
}

a:hover {
	color: #9cf;
}

div#frame {
	width: 970px;
	height: 610px;
	background-color: #633;
	color: white;
	border: solid 1px #000;
	margin-right: auto;
	margin-left: auto;
}

div#wrapper{
	width:934px;
	height: 580px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	border: solid thin #522;
}


div#header {
	width: 930px;
	height: 69px;
	border-top: solid 2px #066;
	border-right: solid 2px #066;
	border-bottom: solid 2px #066;
	border-left: solid 2px #066;
	background-color: #fc9;
	color: #633;
	background-image: url(./assets/bg_header.gif);
}

img#logo {
	margin-left: 20px;
	float: left;
}
img#verse {
	margin-right: 20px;
	float: right;
}

div#leftwrap{
	text-align: center;
}

div#leftcontent {
	position: relative;
	width: 196px;
	height: 515px;
	border-right: solid 2px #066;
	border-bottom: solid 2px #066;
	border-left: solid 2px #066;
	background-color: #fc9;
	color: #633;
	background: url(./assets/bg_left.jpg) no-repeat center left;
	text-align: center;
	float: left;
}
								/* Center Nav Title */

div.left {
	float: left;
}
div.right {
	float: right;
}

									/* Nav design for left block */

div#navbox {
	width: 150px;
	font-family: "Eurostile", Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
	letter-spacing: 1px;
	background-color: #066;
	color: #633;
	border: solid 1px #633;
	padding: 5px;
	padding-bottom: 7px;
}

div.redline {
	margin-top: 2px;
	border-top: solid 1px #633;
	line-height: 1px;	
}


#navbox a{
	display: block;
	width:140px;
	height:14px;
	margin-top: 1px;
	padding-top: 1px;
	border-width: 1px;
	border-style: solid;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
}


#navbox a:link {
	
	border-color: #755 #522 #522 #755;
	background-color: #633;
	color: #E9AA6B;
	
}
#navbox a:visited {
	border-color: #755 #522 #522 #755;
	background-color: #633;
	color: #E9AA6B;
}
#navbox a:hover {
	border-color: #033 #066 #066 #033;
	background-color: #055;
	color: #903;
}
#navbox a:active {
	border-color: #399;
	background-color: #633;
	color: #E9AA6B;
}

										/* emailme link */

a.em {
	display: block;
	width: 100%;
	height: 30px;
	background: url(./assets/emailme_h.gif) no-repeat center center;
}	

a.em:link, a.em:visited, a.em:active {
	background: url(./assets/emailme_l.gif) no-repeat center center;
}

a.em:hover {
	background: url(./assets/emailme_h.gif) no-repeat center center;
}

div.blueline {
	margin-top: 2px;
	border-top: solid 2px #066;
}


								/* tea cup story */
div#tc {
display: block;
width:138px;
height: 112px;
position: absolute;
top: 350px;
left: 30px;
}

div#tc a {
	text-decoration: none;
}

div#tc img {
	border: none;
}


										/* MillerWebs link */
div#mw {
	display: block;
	width: 196px;
	height: 26px;
	position: absolute;
	bottom: 4px;
	left: 0;
	background: url(./assets/MWebsLink_h.gif) no-repeat center center;
}

div#mw a {
	display: block;
	width: 196px;
	height: 26px;
	margin: auto;
	outline: none;
}

#mw a:link, #mw a:visited, #mw a:active {
	background: url(./assets/MWebsLink_l.gif) no-repeat center center;
}

#mw a:hover {
	background: none;
}


								/* text content block for left content area */
div#text-lc {
	display: block;
	height: 200px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #431;
	background: none;
	margin-top: 10px;
	padding: 6px;
	text-align: justify;
}


								/* Define CONTENT Area and Formatting */

div#content{
	display: block;
	width: 724px;
	height: 500px;
	margin-top: 3px;
	margin-left: 3px;
	padding-bottom: 10px;
	border: solid 2px #066;
	background-color: #FDD6B0;
	color: #A52A2A;
	float: right;
	overflow: scroll;
	scrollbar-face-color: #FDD6B0;
	scrollbar-shadow-color: #633;
		
}

p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	padding-right: 8px;	
	padding-left: 8px;
	text-align: justify;
	background-color: #fdd6b0;
	color: #633;
	text-indent: 3%;
	line-height: 1.2;

}
span.PCred{
	font-size: larger;
	font-weight: bold;
	background-color: #fdd6b0;
	color: #633;

}

p.small {
	font-size: smaller;
	background-color: #fdd6b0;
	color: fuchsia;
}

										/* PAGES */
				
img.m10 {
	margin: 10px;
}

img.mt0 {
	margin: 0 10px 0 10px;
}

div.spacer {
	clear: both;
	line-height: 1px;
}

								/* REFLECTIONS - swf song & slideshow pages */
div.cie {
	display: block;
	width: 100%;
	text-align: center;
}
								
div#swf {
	display: block;
	width: 640px;
	height: 540px;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
}

div#slidepres {
	display: block;
	width: 724px;
	height: 453px;
	margin-top: 1px;
	margin-left: 1px;
	background:none;
}


									/* pages under construction */


div.content{
	display: block;
	width: 724px;
	height: 500px;
	margin-top: 3px;
	margin-left: 3px;
	border: solid 2px #066;
	background-color: #866758;
	color: #633;
	float: right;
}

p.construct {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 40px;
	padding: 30px;
	border: solid 2px #f66;
	color: #f66;
	background-color: #ccf;
		
}

.cntr {
	width: 75%;
	margin: auto;
	text-align: center;
}

								/* TEA CUP PAGE */
								
div#tcframe {
	width: 970px;
	background-color: #633;
	color: white;
	border: solid 1px #000;
	margin: auto;
	margin-bottom: 50px;
	padding-bottom: 20px;
}

div#tcwrapper {
	position: relative;
	width: 934px;
	margin: auto;
	border: solid thin #422;
}

div.lscroll {
	display: block;
	width: 100px;
	height: 20px;
	background-image: url(./assets/graphics/bg_leftScroll.jpg);
	float: left;

}
div.rscroll {
	display: block;
	width: 100px;
	height: 20px;
	background-image: url(./assets/graphics/bg_rightScroll.jpg);
	float: right;
}

div#tccontent {
	display: block;
	width: 700px;
	margin: auto;
	padding: 20px;
	padding-bottom: 30px;
	border: solid 2px #066;
	background-color: #FDD6B0;
	color: #A52A2A;
}

h2 {
	margin-top: 10px;
	font-size: 1.4em;
	font-weight: bold;
	background-color: #fdd6b0;
	color: #633;
	text-align: center;
}

.teacup {
top-margin: 30px;
right-margin: 30px;
float: right;
}

.credit {
	display: block;
	width: 75%;
	font-size: 10px;
	margin: auto;
	padding: 10px;
	background: #633;
	color: #fdd6b0;
	text-align: justify;
}

.addpad {
	display: block;
	height: 1px;
}

div#cw {
	text-align: center;
}

#cw a {
	text-decoration: none;
}