@charset "utf-8";
/* poetryforyoursoul.com - Website Designed and Created by Patima Tantiprasut */

/************************** 
    General CSS Styles     
**************************/ 

*{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Tahoma, Helvetica;
}

html{
	margin: 0;
	padding: 0;
	height: 100%;
}

body{
	margin: 0 auto;
	padding: 0;
	height: 100%;
	text-align: left;
	background: #e5ded3 url(../art/background-watermark.jpg) no-repeat top left;
	color: #8d7d68;
}

img {
	border: 0;
}


h1 {
	color: #33c6f4;
	font-size: 1.3em;
	font-family: georgia, courier new;
	font-weight: normal;
}

h2 {
	color: #9f876d;	
	font-weight: normal;
	font-size: 1.1em;
	font-style: italic;
	line-height: 2.4em;
	padding: 10px 0 0 20px;
}

p {
	font-size: 0.9em;	
	padding: 10px 0 8px 20px;
	font-style: italic;
	line-height: 1.7em;
}

p.home-text {
	font-size: 1.1em;
	padding: 14px 0 14px 20px;
}

a {
	outline: none;
	text-decoration: none;
	color: #2c8393;
}

a:hover {
	text-decoration: underline;	
}

#ie-message {
	background-color: #fff;	
	padding: 20px;
}

#container {
	width: 100%;
	background: url(../art/footer-rocks-and-sand.jpg) no-repeat bottom left;
	padding: 0;
}

#top-nav {
	background: url(../art/top-nav-repeat.png) repeat-x top left;
	color: #6e929a;
	font-size: 0.7em;
	padding: 0;
	height: 23px;
	padding: 3px 0 0 124px;
}

#top-nav-audio {
	background: url(../art/top-nav-repeat.png) repeat-x top left;
	color: #6e929a;
	font-size: 0.7em;
	padding: 0;
	height: 23px;
}

#top-nav-audio #myFlash {
	width: 60px;
	float: left;
	padding: 0;
}

#top-nav-audio ul {
	list-style-type: none;
	padding: 3px 0 0 124px;
}


#top-nav ul {
	list-style-type: none;
}

#top-nav li,
#top-nav-audio li {
	display: inline;
	border-right: 1px solid #3c6f7f;
}

#top-nav li a,
#top-nav-audio li a {
	color: #6e929a;
	text-decoration: none;
	padding: 3px 50px 3px 50px;
}

#top-nav li a:hover,
#top-nav-audio li a:hover {
	color: #fff;
	text-decoration: none;
}

#top-nav li a.active,
#top-nav-audio li a.active {
	font-style: italic;
}

#top-nav li.contact,
#top-nav-audio li.contact {
	border-style: none;
}

#banner {
	width: 1054px;
	height: 174px;	
	background-image:url(../art/banner.jpg);	
}

#banner.healing {
	background-image:url(../art/banner-healing.jpg);	
}

#banner.cancer {
	background-image:url(../art/banner-cancer.jpg);	
}

#banner.yoga {
	background-image:url(../art/banner-yoga.jpg);	
}

#banner.hope {
	background-image:url(../art/banner-hope.jpg);	
}

#banner.family {
	background-image:url(../art/banner-family.jpg);	
}

#banner.new-poems {
	background-image:url(../art/banner-newpoems.jpg);	
}

#banner img {
	float: left;
}

#left-panel-rocks {
	width: 265px;
	float: left;
	clear: both;
}


#left-nav {
	width: 134px;
	float: left;
	height: 551px;
	font-style: italic;
	font-size: 0.8em;
	padding: 80px 20px 0 30px;
}

div.cancer {
	background: url(../art/left-panel-polaroids-cancer.jpg) no-repeat;	
}

div.cancer a {
	color: #24550c;	
}

div.healing {
	background: url(../art/left-panel-polaroids-healing.jpg) no-repeat;	
}

div.healing a {
	color: #dec1ec;	
}

div.hope {
	background: url(../art/left-panel-polaroids-hope.jpg) no-repeat;	
}

div.hope a {
	color: #f4b6ba;
}

div.family {
	background: url(../art/left-panel-polaroids-family.jpg) no-repeat;	
}

div.family a {
	color: #e9abb5;
}

div.yoga {
	background: url(../art/left-panel-polaroids-yoga.jpg) no-repeat;	
}

div.yoga a {
	color: #9a5c25;
}

div.new-poems {
	background: url(../art/left-panel-polaroids-new.jpg) no-repeat;	
}

div.new-poems a {
	color: #8a4e21;	
}

div.polaroid {
	background: url(../art/left-panel-polaroids.jpg) no-repeat;	
}

div.poet {
	background: url(../art/left-panel-polaroids-poet.jpg) no-repeat;	
}

div.contact {
	background: url(../art/left-panel-polaroids-contact.jpg) no-repeat;	
}

#left-nav-plain {
	width: 134px;
	float: left;
	background: url(../art/left-panel-polaroids-plain.jpg) no-repeat;
	height: 336px;
	font-style: italic;
	font-size: 0.8em;
	padding: 80px 20px 0 30px;
}

#left-nav-plain a {
	color: #584639;	
}

#left-nav ul, #left-nav-plain ul {
	list-style-type: none;
}

#left-nav li, #left-nav-plain li {
	padding: 5px 0px 5px 0px;
}

#left-nav li a, #left-nav-plain li a {
	/*color: #584639;*/
	text-decoration: none;
	padding: 5px 0px 5px 0px;
}

#left-nav li a:hover, #left-nav-plain li a:hover {
	color: #fff;
	text-decoration: none;
}

#left-nav li a.active, #left-nav-plain li a.active {
	color: #f6f2e5;
}

#left-nav li.contact, #left-nav-plain li.contact {
	border-style: none;
}

#content-container {
	width: 1028px;
	background: url(../art/content-repeat.png) repeat-y top right;
}

#content-top {
	width: 1028px;
	background: url(../art/content-background.jpg) no-repeat top right;
}


#content {
	background: url(../art/content-background-bottom.jpg) no-repeat bottom left;
	width: 409px;
	float: left;
	padding: 20px 140px 0px 30px;
}

#content ul {
		padding: 0 0 0 60px;
		font-size: 0.9em;
		font-style: italic;
}

#content li {
	padding: 5px 0 10px 0;
}

#clear {
	clear: both;	
}

#clear-content {
	clear: both;
	background: url(../art/content-footer-curve.jpg) no-repeat left;
	height: 92px;
	width: 1028px;
}

#clear-content-plain {
	clear: both;
	background: url(../art/content-footer-curve-plain.png) no-repeat bottom left;
	height: 42px;
	width: 1028px;
}


#footer {
	clear: both;
	height: 180px;
	padding: 20px 0 0 183px;
}

#footer ul {
	padding:0;
	margin:0;
}

#footer li {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}

#footer li a{
	height:120px;
	display:block;
	border:0;
}

#footer a span {
	display:none;
}

#footer ul li#home {
	width: 126px;
	background:url(../art/footer-nav.jpg) 0px -120px no-repeat;
}

#footer ul li#home:hover, #footer ul li#home.sfhover {
	background:url(../art/footer-nav.jpg) 0px 0px no-repeat;
}

#footer ul li#poets-corner {
	width: 137px;
	background:url(../art/footer-nav.jpg) -126px -120px no-repeat;
}

#footer ul li#poets-corner:hover, #footer ul li#poets-corner.sfhover {
	background:url(../art/footer-nav.jpg) -126px 0px no-repeat;
}

#footer ul li#poems {
	width: 148px;
	background:url(../art/footer-nav.jpg) -262px -120px no-repeat;
}

#footer ul li#poems:hover, #footer ul li#poems.sfhover {
	background:url(../art/footer-nav.jpg) -262px 0px no-repeat;
}

#footer ul li#poetry-store {
	width: 111px;
	background:url(../art/footer-nav.jpg) -409px -120px no-repeat;
}

#footer ul li#poetry-store:hover, #footer ul li#poetry-store.sfhover {
	background:url(../art/footer-nav.jpg) -409px 0px no-repeat;
}

#footer ul li#links {
	width: 120px;
	background:url(../art/footer-nav.jpg) -519px -120px no-repeat;
}

#footer ul li#links:hover, #footer ul li#links.sfhover {
	background:url(../art/footer-nav.jpg) -519px 0px no-repeat;
}

#footer ul li#contact {
	width: 139px;
	background:url(../art/footer-nav.jpg) -638px -120px no-repeat;
}

#footer ul li#contact:hover, #footer ul li#contact.sfhover {
	background:url(../art/footer-nav.jpg) -638px 0px no-repeat;
}

/**************** POEMS PAGE ****************/

div.poem-button {
	width: 185px;
	float: left;
	display: block;
	padding: 0 5px 0 10px;
}

div.poem-button a div span {
	display: none;
}

div.poem-button div#healing {
	width: 185px;
	height: 130px;
	background:url(../art/poems-buttons1.png) 0px 0px no-repeat;
}

div.poem-button div#healing:hover, div.poem-button div#healing.sfhover {
	background:url(../art/poems-buttons1.png) -188px 0px no-repeat;
}

div.poem-button div#yoga {
	width: 185px;
	height: 110px;
	background:url(../art/poems-buttons1.png) 0px -151px no-repeat;
}

div.poem-button div#yoga:hover, div.poem-button div#yoga.sfhover {
	background:url(../art/poems-buttons1.png) -188px -151px no-repeat;
}

div.poem-button div#family {
	width: 185px;
	height: 110px;
	background:url(../art/poems-buttons1.png) 0px -282px no-repeat;
}

div.poem-button div#family:hover, div.poem-button div#family.sfhover {
	background:url(../art/poems-buttons1.png) -188px -282px no-repeat;
}

div.poem-button div#cancer {
	width: 185px;
	height: 130px;
	background:url(../art/poems-buttons2.png) 0px 22px no-repeat;
}

div.poem-button div#cancer:hover, div.poem-button div#cancer.sfhover {
	background:url(../art/poems-buttons2.png) -188px 22px no-repeat;
}

div.poem-button div#hope {
	width: 185px;
	height: 110px;
	background:url(../art/poems-buttons2.png) 0px -107px no-repeat;
}

div.poem-button div#hope:hover, div.poem-button div#hope.sfhover {
	background:url(../art/poems-buttons2.png) -188px -107px no-repeat;
}

div.poem-button div#various {
	width: 185px;
	height: 110px;
	background:url(../art/poems-buttons2.png) 0px -211px no-repeat;
}

div.poem-button div#various:hover, div.poem-button div#various.sfhover {
	background:url(../art/poems-buttons2.png) -188px -211px no-repeat;
}

#mailing-list {
	width: 370px;
	margin: 0 0 0 20px;
	color: #8d7d68;
}

#mailing-list input {
	border: 1px solid #8d7d68;	
	height: 18px;
	margin: 3px 3px 0 0;
	padding: 2px 0 0 4px;
	font-size: 0.8em;
	color: #8d7d68;
}

#mailing-list input.name {
	width: 313px;
}

#mailing-list input.email {
	width: 254px;
}

#mailing-list #go-btn {
	width: 54px;
	height: 28px;
	background: url(../art/sign-up-button.gif) no-repeat top left;
	border: none;
	text-indent:-9999px
}