/* CSS Document */

/*----------------HTML TAGS-------------------*/
body {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #f1ede2;
}
a{
	color: #1d0124;
}

a:visited {
	color: #9C864B;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #1d0124;
	font-size: 22px;
	margin: 5px 0 10px 0;
	font-weight: normal;
}
h2 {
	color: #1d0124;
	font-size: 13px;
	margin: 0 0 10px 0;
	font-weight: 700;
}
h4 {
font-style:italic
}



/*----------------LAYOUT SHELL-------------------*/

#container {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#content {
	width: 950px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 80px;
}

/*----------------MAIN CONTENT SHELL------------------*/
#main-content{
	width:700px;
	float:left;
	margin:20px 0 0 20px;
	text-align: left;
	line-height: 1.3;
	font-size:12px;
	overflow: hidden;
}
#main-content p{
	margin:0 0 15px 0;
	color: #453f2a;
}

#main-content ul{
	list-style: outside disc;
	margin:0 0 0 15px;
}
#main-content ul li{
padding:3px 0 3px 0;
}
#main-content .floatbox{
	float:right;
	width:300px;
	padding: 0 10px;
}
#main-content .floatbox p{
	font-size:9px;
	text-align:center;
	padding: 0 8px;
}

#main-content .joinbox{/*Displays join now button*/
	font-size:10px;
	text-align:center;
	padding:10px;
	background: #e1d9be;
	margin: 8px 0;
}
#main-content p.description{/*small text under images*/
	font-size:9px;
	text-align:center;
	line-height: 1.2em;
	padding: 0 8px;
}
/**** MAIN CONTENT LEFT / RIGHT COLUMNS*****/
#main-content .left {
	float: left;
	width: 330px;
	height:auto;
	line-height: 1.3em;
	padding: 0 15px 15px 0;
}
#main-content .featured-image{
	float:left; margin:0 8px 8px 0;
}
#main-content .right {
	float: left;
	width: 315px;
	height:auto;
	padding:0 0 15px 15px;
	line-height: 1.3em;
	margin: 0 0 0 15px;
	
}

/**** header *****/

#header {
	height: 98px;
	background: url(../images/elements/header-bg2.jpg) top;
}
#headerinterior {
	width: 950px;
	background: url(../images/elements/header-bg.jpg) no-repeat;
	height: 98px;
}
#userInfoHeader {
	font-size: 11px;
	float: right;
	color: #fff;
	margin: 10px 35px 0 0;
	font-weight: bold;
}
#header #logo {
	padding: 30px 0 0 30px;
	float: left;
}
/**** footer ****/

#footer {
	height: 51px;
	background: url(../images/elements/footer-bg.jpg) repeat-x;
	color: #fff;
	padding: 25px 0 0 0;
	width: 100%;
	font-size: 12px;
}
#footercontent, #headerinterior {
	width: 950px;
	margin: 0 auto;
}
#footer .copyright {
	float: left;
	width: 300px;
	margin-left: 20px;
}
#footer .links {
	float: left;
	width: 600px;
	margin-right: 20px;
	text-align: right;
}
#footer a {
	font-size: 11px;
	text-decoration: none;
	color: #fff;
}
#footer a:hover {
	text-decoration: underline;
}

/*----------------TOP NAVBAR-------------------*/

#topnavbar {
	background: #048cbb;
	height: 28px;
	padding: 0 0 0 20px;
}
#topnavbar ul {
	width: 910px;
	margin: 0 auto;
	padding: 0 0 0 5px; 
}
#topnavbar li {
	float: left;
	padding: 8px 10px 0 10px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#topnavbar li a {
	color: #fff;
	text-decoration: none;
}
#topnavbar li a:hover {
	text-decoration: underline;
}
#topnavbar .signin li.lastleft {
/*	width: 110px; */
	text-align: left;
}
#topnavbar .signout li.lastleft {
	width: 180px;
	text-align: left;
}
#topnavbar li .textbox {
	font-size: 11px;
}
#topnavbar li.sign {
	float: right;
	padding-right: 10px
}
#topnavbar li.search {
	padding-top: 3px;
	margin-right: 13px;
	float: right;
}
#topnavbar li.search .button {
	margin-top: 2px;
	margin-left: 3px;
}
#topnavbar li.search input, #topnavbar li.search label {
	float: left;
}
#topnavbar li.search label {
	margin: 5px 5px 0 10px;
}
#topnavbar .signout li.search label {
	margin: 5px 5px 0 0px;
}

#topnavbar li.search input {
	margin: 1px 0 0 0;
}

/*----------------SIGN UP BOX-------------------*/
#banner{
background: url(../hpimages/rotate.php) no-repeat;
width:890px;
margin: 15px auto;
height: 361px;
}
#signupBox {
	
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5b5540;
	padding: 15px 25px 15px 25px;
	line-height: 1.3em;
	text-align: left;

}

#signupBox h1 {
	color: #1d0124;
	font-size: 22px;
	margin: 0 0 10px 0;
}
#signupBox h5 {
	color: #900;
	font-size: 12px;
	font-weight: bold;
}
#signupBox p {
	margin: 0 0 10px 0;
}
#signupBox .col1 {
	width: 248px;
	float: left;
	margin: 10px 15px 0 0;
}
#signupBox .col2 {
	width: 238px;
	float: left;
	margin: 10px 20px 0 0;
}

#signupBox .signup {
	width:520px;
	height:55px;
	background: url(../images/elements/signup-audio-bg.gif) no-repeat;
	padding: 10px;
	color: #046c90;
	margin: 12px 0 0 0;
}
#signupBox a {
	color: #046c90;
}

#signupBox .audio-links {
	font-size:11px;
	line-height: 1.2em;
	text-decoration: none;
	color: #453f2a;
	width:210px;
	float:left;
	padding:8px 0px 0 30px;
	background: url(../images/buttons/audio.gif) left no-repeat;
	
}
#signupBox .signup-button {
	width:220px;
	float:left;
	margin: 3px 0 0 40px;
	font-size:11px;
	line-height: 1.2em;
}

#signupBox ul {
	margin:0;
	list-style:none outside;
}
#signupBox li{
	background: url(../images/buttons/audio.gif) left top no-repeat;
	padding:1px 0 3px 24px;
}


/*----------------SIDEBAR------------------*/

#sidebar-outerbox{
	background: url(../images/elements/sidebar-top-bkg.gif) top no-repeat;
	padding:15px 0 0 0;
	width:228px;
	float:left;
	height: auto;

}
#sidebar {
	background: url(../images/elements/sidebar-button-bkg.gif) top right repeat-y;
	height: 1%;
}
html>body #sidebar {
height: auto
}
#sidebar-bottom{
background: url(../images/elements/sidebar-bottom-bkg.gif) bottom no-repeat;
height:30px;
display:block;

}

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

#sidebar li{

}

#sidebar li a{
	display:block;
	padding:8px 0 8px 0;
	color:#1D0124;
	font-size:12px;
	text-decoration:none;
	font-weight:700;
	text-align:right;
	width: 218px;
	margin:0 10px 0 0;
	

}

#sidebar li a:hover{
	text-decoration:underline;
}
/*----------------COLUMNS------------------*/


#col-wrapper { /* Container holds #Sidebar and 4 Column Container */
	width: 890px;
	margin: 15px auto;
}

#col-4-wrapper{
	/*width:542px;*/
height:auto;
	float:left;
	padding:0 0 0 20px;
	text-align: left;
}
#col-4-wrapper p{
	color:#453F2A;
	font-size:12px;
	line-height:1.3;
	padding: 10px  0 10px 0;
}
#col-4-wrapper a{
color:#453F2A;
text-decoration:underline;
}

#col-4-wrapper #col-1{
	width:140px;
	float:left;
	height:400px;
	margin: 0 0 0 0;
}
#col-4-wrapper #col-2{
	width:140px;
	float:left;
	height:400px;
	margin:0 0 0 25px;
}
#col-4-wrapper #col-3{
	width:140px;
	float:left;
	height:400px;
	margin:0 0 0 25px;
}
#col-4-wrapper #col-4{
	width:140px;
	float:left;
	height:400px;
	margin:0 0 0 25px;
}
/*----------------REGISTER------------------*/
#registerBoxAlone {
	width: 710px;
	margin: 0;
	padding: 0;
	text-align:left;
	float: left;
}
.registerArea {
	padding: 20px;
	margin: 20px 0 0 20px;
	font-size: 12px;
	color: #453f2a;
	background: #e1d9be;
}
#registerBoxAlone  h1 {
	color: #1d0124;
	font-size: 22px;
	margin: 0 0 10px 0;
}
.registerArea label {
	float:left;
	display: block;
	font-size: 12px;
	color: #453f2a;
	width:190px;
	text-align:right;
	padding: 5px 0 0 0;
	
}
.registerArea .textinput {
	width: 175px;
	float: left;
	margin:0 0 10px 10px;
}
.registerArea .left {
	float: left;
	width: 315px;
	height:375px;
	line-height: 1.3em;
	padding: 15px;
}
.registerArea .left hr{
	display:block;
	margin:10px 0;
	width:100%;
	border-top:1px dashed #9C8E5F;
}

.registerArea .right {
	float: left;
	width: 270px;
	height:375px;
	padding:0 0 0 15px;
	line-height: 1.3em;
	border-left:1px solid #9C8E5F;
	margin: 0 0 0 15px;
	
}
.registerArea .right ul{
	padding:130px 0 0 0;

}
.registerArea .right li{
	padding:5px 0;

}
.registerArea p {
	margin: 0 0 10px 0;
	line-height: 1.2;
}
.registerArea .left label {/*Used when registere area is Split left/right */
	float:left;
	display: block;
	font-size: 12px;
	color: #453f2a;
	width:100px;
	text-align:right;
}
.registerArea .left .textinput{/*Used when registere area is Split left/right */
	width: 175px;
	float: left;
	margin:0 0 0 10px;
}
.registerArea .input-button{

	margin:30px 0 0 110px;
}
#registerBox #firstName, #registerBox #city {
	margin-right: 25px;
}
#registerBox .box {
	float: left;
}
.registerArea div.error {
	color: #F00;
	border: 1px solid #F00;
	background: #CCC;
	padding: 5px;
	margin: -5px 0 10px 0;
	font-size: 11px;
}

/**** Form Box ****/
#form-box{
width:450px;
float:left;

}
/**** signup ****/
#signupBoxAlone {
	width: 890px;
	height: 180px;
	background: url(../images/elements/signupbox-bg.gif) no-repeat;
	margin: 20px 0;
	padding: 20px 0 0 0;
	clear: both;
}
#pwdBoxAlone {
	width: 890px;
	height: 226px;
	background: url(../images/elements/pwdbox-bg.gif) no-repeat;
	margin: 20px auto;
	padding: 20px 0 0 0;
	clear: both;
}
.loginArea {
	width: 275px;
	margin: 0 auto;
}
.loginArea label {
	display: block;
	font-size: 11px;
	margin: 5px 0;
}
.loginArea .textbox {
	margin: 0 0 5px 0;
	width: 222px;
}
.loginArea h2 small {
	color: #046c90;
	font-size: 11px;
}
.loginArea .notice {
	font-weight: bold;
	font-size: 12px;
	color: #048cbb;
	margin: 15px 0;
}
.loginArea p {
	font-size: 12px;
	color: #453f2a;
	margin: 0 0 10px 0;
}
/**** interior ****/

.featuredstories h2 {
	margin: 20px 0 10px 28px;
}

.navbar {
	background: #e1d9be;
	width: 890px;
	height: 21px;
	margin: 0 auto;
}
.navbar li {
	float: left;
	padding: 5px 10px 5px 10px;
	font-size: 10px;
	color: #a3917f;
}
.navbar li a {
	text-decoration: none;
	color: #a3917f;
}
.navbar li a:hover {
	text-decoration: underline;
}
.navbar li.first {
	color: #998675;
	background: #d4cbaf;
}
li.pagination {
	float: right;
	font-size: 10px;
}
li.pagination a {
	text-decoration: none;
	color: #a3917f;
}
li.pagination div {
	float: left;
	padding: 0 2px;
}
li.inactive {
	background: url(../images/elements/inactive.gif) no-repeat right;
	margin-right: 5px;
}
li.down {
	background: url(../images/elements/down.gif) no-repeat right;
	margin-right: 5px;	
}
li.up {
	background: url(../images/elements/up.gif) no-repeat right;
	margin-right: 5px;	
}

.whitebar li img {
	margin-top: 3px;
}


#colsThreeExpanded {
	width: 890px;

	margin: 15px auto;
}
#colsThreeExpanded .col {
	float: left;
	width: 270px;
}
#colsThreeExpanded li {
	margin: 0 25px 20px 0;
	width: 270px;
/*	background: #6F9;*/
	height: 130px;
	float: left;
}
#colsThreeExpanded .middlecol {
	margin: 0 35px;
}
#colsThreeExpanded .avatar {	
	float: left;
	width: 83px;
	margin-right: 5px;
}
#colsThreeExpanded .text {
	float: left;
	font-size: 11px;
	width: 193px;
}
#colsThreeExpanded p {
	font-size: 11px;
	color: #5b5540;
}
#colsThreeExpanded .avatar img, #colsOne .avatar img {
	width: 75px;
	border: 4px solid #a79b73;
}
#colsThreeExpanded h2 {
	margin: 10px 0 20px 0;
}
#colsThreeExpanded h3, #colsThreeExpanded h4 {
	color: #1d0124;
	font-size: 11px;
	font-weight: normal;
}
#colsThreeExpanded h3 {
	font-weight: bold;
}
#colsThreeExpanded h4 {
	display: block;
	margin: 2px 0;
	padding-top: 2px;
	font-weight: bold;
}
#colsThreeExpanded .text img {
	float: left;
}
#colsThreeExpanded .morelink {
	margin: 15px 0;
	float: right;
}
#colsThreeExpanded .morelink a {
	font-size: 11px;
	color: #453f2a;
	text-decoration: none;
}
#colsThreeExpanded .morelink a:hover {
	text-decoration: underline;
}





#colsOne {
	margin: 15px auto;
}
#colsOne p a {
	color: #5b5540;
	text-decoration: none;	
}
.readStory #colsOne {
	float: left;
	margin: 0 0 0 20px;
}
#colsOne .col {
	float: left;
	width: 270px;
}
#colsOne li {
	margin: 0 0 30px 0;
}
#colsOne .middlecol {
	margin: 0 35px;
}
#colsOne .avatar {	
	float: left;
	width: 83px;
	margin-right: 5px;
}
#colsOne .text {
	float: left;
	font-size: 11px;
	width: 193px;
}
#colsOne p {
	font-size: 11px;
	color: #5b5540;
}
#colsOne .avatar img {
	border: 4px solid #a79b73;
}
#colsOne h2 {
	margin: 10px 0 20px 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #1d0124;
}
#colsOne h3, #colsOne h4 {
	color: #1d0124;
	font-size: 11px;
	font-weight: normal;
}
#colsOne .info, #colsThreeExpanded .info {
	float: left;
	width: 160px;
}
#colsOne p, #colsThreeExpanded p {
	padding-bottom: 3px;
}
#colsOne h3 {

	font-weight: bold;
	
}
#colsOne h4 {
	display: block;
	margin: 2px 0;
	padding-top: 2px;
	font-weight: bold;
}
#colsOne .text img {
	float: left;
}
#colsOne .morelink {
	margin: 15px 0;
	float: right;
}
#colsOne .morelink a {
	font-size: 11px;
	color: #453f2a;
	text-decoration: none;
}
#colsOne .morelink a:hover {
	text-decoration: underline;
}

/**** readStory ****/
.readStory {
	padding-top: 20px;
}
#storyBox {
	float: left;
	background: #e1d9be;
	width: 550px;
	padding: 15px 30px;
	font-size: 12px;
	color: #5b5540;
	line-height: 1.3em;
	margin-left: 30px;
}
#storyBox p {
	margin-bottom: 10px;
}
#storyBox h2, #storyBox h3 {
	color: #1d0124;
	font-size: 12px;
	font-weight: bold;
}
#storyBox h2 {

}
#storyBox h3 {
	width: 390px;
	margin-bottom: 10px;
}

#storyBox .avatarLarge {
	float: left;
	margin: 0 15px 15px 0; 
}
#storyBox .avatarLarge img {
	border: 4px solid #a79b73;
}



#commentBox {
	background: #f1ede2;
	padding: 20px 20px;
	width: 500px;
	margin: 0 auto;
}
#commentBox .submitButton {
	float: right;
}
#commentBox .close {
	float: right;
	cursor: pointer;
}
#commentBox label {
	color: #645e49;
	font-size: 11px;
	font-weight: bold;
}
#commentBox .textbox {
	width: 175px;
}
#commentBox textarea {
	width: 460px;
	height: 100px;
	margin: 0 0 20px 0;
}
#commentBox small {
	font-weight: normal;	
}

.whitebar {
	background: #fff;
	width: 510px;
	padding: 5px 15px;
	margin: 40px auto 20px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5b5540;
}
.whitebar a {
	color: #5b5540;
	text-decoration: none;
}
.whitebar li {
	float: left;
}
.whitebar li.emailStoryteller div {
	float: left;
}
.whitebar li.emailStoryteller  {
	width: 190px;
}
.whitebar li.emailStoryteller img {
	padding: 0 5px;
}
.whitebar li.rateStory  {
	width: 290px;
}
.whitebar #rateStoryForm {
	width: 170px;
	margin-left: 10px;
	float: left;
}
.whitebar li.pagination  {
	float: right;
}
/**** reviews ****/

.reviewsTwoCol {
	width: 890px;
	margin: 15px auto;
}
.reviewsCol {
	width: 575px;
	margin: 15px 36px 0 30px;
	float: left;
}
.reviewsCol h2 {
	color: #1d0124;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.reviewsCol p {
	font-size: 11px;
	color: #5b5540;
}
.reviewsCol li {
	margin: 0 0 20px 0;
}
.commentsCol {
	float: left;
	width: 275px;
	margin: 15px 0;
}
.commentsCol .commentBox {
	width: 278px;
}
.commentsCol .commentBoxHeader {
	width: 278px;
	height: 9px;
	background: url(../images/elements/commentBoxHeader.gif) no-repeat;
}
.commentsCol .commentBoxFooter {
	width: 278px;
	height: 9px;
	background: url(../images/elements/commentBoxFooter.gif) no-repeat;
}
.commentsCol .commentBoxMiddle {
	width: 228px;
	padding: 0 25px;
	background: #e1d9be;
}
.commentsCol p {
	color: #5b5540;
	font-size: 12px;
	padding: 15px 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
}
.commentsCol label {
	font-weight: bold;
	font-size: 12px;
	display: block;
}
.commentsCol .textbox, .commentsCol textarea {
	margin: 3px 0 10px 0;
	width: 227px;
}
 .commentsCol textarea {
 	height: 273px;
 }
.commentsCol .submitButton {
	float: right;
	margin: 10px 0 10px 0;
}

/**** about ****/

.threeCol {
	width: 890px;
	margin: 15px auto;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5b5540;
	line-height: 16px;
}
.threeCol .col1 {
	margin: 15px 0;
	float: left;
	width: 275px;
}
.threeCol .col2 {
	margin: 15px 30px;
	float: left;
	width: 275px;
}
.threeCol .col3 {
	margin: 15px 0;
	float: left;
	width: 275px;
}
.threeCol p {
	margin: 0 0 15px 0;
}
.threeCol .pic {
	float: left;
	margin: 5px 10px 4px 5px;
}
.threeCol h2 {
	color: #1d0124;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 20px 0;
	padding: 0;
}
/**** terms ****/
.twoCol {
	width: 890px;
	margin: 15px auto;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5b5540;
	line-height: 16px;
}
.twoCol .col1 {
	width: 430px;
	float: left;
	margin-right: 30px;
}
.twoCol .col2 {
	width: 430px;
	float: left;
}
.twoCol p {
	margin: 0 0 15px 0;
}
#terms .twoCol {
	font-size: 11px;
}
/**** write Story ****/

#myStoryBox {
	background: #e1d9be;
	width: 830px;
	margin: 15px auto;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5b5540;
	line-height: 16px;
	padding: 20px 30px;
	position: relative;
}
#myStoryBox .col1 {
	width: 220px;
	float: left;
	margin-right: 25px;
}
#myStoryBox .col2 {
	width: 585px;
	float: left;
}
#myStoryBox p {
	margin: 0 0 15px 0;
	font-size: 12px;
}
#myStoryBox p.nomargin {
	margin: 0;
	font-size: 11px;
}
#myStoryBox h1 {
	color: #1d0124;
	font-size: 22px;
	margin: 0 0 10px 0;
}
#myStoryBox #storyTtext {
	width: 585px;
	height: 550px;
	margin: 0 0 10px 0;
}
#myStoryBox .textbox {
	width: 219px;
}
#myStoryBox .left {
	float:left;
}
#myStoryBox .right {
	float:left;
	padding-left: 10px;
}

#myStoryBox textarea {
	width: 529px;
	margin: 0 0 10px 0;
	height: 400px;
}
#myStoryBox .avatarLarge {
	float: left;
	margin: 0 15px 15px 0; 
}
#myStoryBox .avatarLarge img {
	border: 4px solid #a79b73;
}
#myStoryBox .avatarUpdate {
	float: left;
	width: 380px;
}
#myStoryBox .buttons {
	float: right;
	width: 185px;
}
#myStoryBox .button {
	background: #c6bc9c;
	color: #645c42;
	font-size: 11px;
	padding: 4px 10px;
	margin: 5px 0;
	width: 165px;
}
#myStoryBox .button a {
	color: #645c42;
	text-decoration: none;
}
#myStoryBox small {
	font-size: 10px;
}
#myStoryBox .avatarInfo {
	margin-top: 30px;
}
#myStoryBox a {
	color: #645c42;
}
#myStoryBox .saveShare {
	font-size: 11px;
}
#myStoryBox .saveShare p {
	font-size: 11px;
}
#myStoryBox .saveShare .save {
	float: left;
	width: 266px;
	margin-left: 10px;
	font-size: 11px;
}
#myStoryBox .saveShare .share {
	float: right;
	width: 266px;
	margin-right: 10px;
	font-size: 11px;
	text-align: right;
}
#myStoryBox .saveButton {
	float: left;
	margin-right: 10px;
}
#myStoryBox .shareButton {
	float: right;
	margin-left: 10px;
}

#photoUpdate {
	position: absolute;
	top: 20px;
	left: 260px;
	width: 357px;
	height: 333px;
}


/**** message *****/

.message {
	margin: 10px auto;
	width: 890px;
}
.message .update {
	border: 1px solid #090;
	background: #DBFFB0;
	padding: 10px;
	color: #090;
	font-size: 12px;
}

/**** profileUpdate *****/

#profileUpdate {
	background: #f1ede2;
	padding: 15px 25px;
	position: absolute;
	top: 20px;
	right: 30px;
	width: 259px;
}
#profileUpdate #profileUpdateclosebutton {
	float: right;	
	cursor: pointer;
}
#profileUpdate h4 {
	margin: 15px 0;
}
#profileUpdate .box {
	float: left;
} 
#profileUpdate #allowEmails {

}
#profileUpdate .allowEmailBoxLeft {
	padding-bottom: 30px;	
	float: left;
	margin-right: 5px;
	margin-left: 10px;
}
#profileUpdate .allowEmailBox {
	float: left;
	font-size: 10px;
	line-height: 1.3em;
	width: 220px;
}
#profileUpdate select {
	width: 250px;	
}
#updateProfileLink {
	cursor: pointer;
}

/**** profileUpdate *****/

#photoUpdate {
	background: #f1ede2;
	padding: 15px 25px;
	position: absolute;
	top: 20px;
	right: 30px;
	width: 310px;
}
#photoUpdate #photoUpdateclosebutton {
	float: right;	
	cursor: pointer;
}
#photoUpdate h4 {
	margin: -5px 0 15px 0;
}
#photoUpdate .left, #photoUpdate .right {
	float: left;
} 
#photoUpdate .uploadArea .left {
	width: 103px;
}
#photoUpdate .uploadArea .left img {
	border: 2px solid #a79b73;	
}
#photoUpdate .uploadArea .right {
	width: 230px;
}
#photoUpdate .uploadArea2 .left {
	width: 183px;
	font-size: 10px;
}
#photoUpdate .uploadArea2 .right {
	width: 140px;
	float: right;
}
.right .download {
	margin-top: 20px;
}

#photoUpdate .left {
	padding-right: 10px;	
}
.uploadArea, .uploadArea2 {
	width: 390px;
	margin-bottom: 5px;
}
#photoUpdate .instructions {
	margin-top: 10px;
	line-height: 1.3em;
}


/**** contact ****/
#contactBox {
	float: left;
	background: #e1d9be;
	width: 550px;
	padding: 15px 30px;
	font-size: 12px;
	color: #5b5540;
	line-height: 1.3em;
}
#contactBox p {
	margin-bottom: 10px;
}
#contactBox h2, #storyBox h3 {
	color: #1d0124;
	font-size: 12px;
	font-weight: bold;
}
#contactBox h1 {
	color: #000;
	margin-bottom: 10px;
}
#contactBox label {
	margin-bottom: 3px;
}
#contactBox .textbox {
	width: 200px;	
}
#contactBox textarea {
	width: 450px;
	height: 150px;
}

#contactBox h3 {
	width: 390px;
	margin-bottom: 10px;
}
#contactBox .submitButton {
	float: right;
	margin: 10px 0;
}

/**** rave reviews *****/
.ravreviews {
	width: 850px;
	padding: 20px 0px;
	margin: 0 auto;

}
.ravreviews #reviewBox {
	width: 530px;

	margin: 10px 0px 10px 30px;
	float: left;
}
.ravreviews #colsOne {
	float: left;
	margin: 10px 0 0 20px;
}
.ravreviews h2 {
	margin: 0 0 20px 30px;
	
}
.reviewBox {
	width: 600px;
	margin-top: 10px;
}
#colsOne .commentBox {
	background: #e1d9be;
	padding: 10px;
	margin: 0 0 20px 0;
	width: 320px;
}
#colsOne .commentBox h3 {
	font-weight: normal;
	margin: 10px 0;
font-size: 12px;
}
#colsOne .commentBox .textbox {
	width: 255px;
}
#colsOne .commentBox textarea {
	width: 305px;
	height: 110px;
}
#colsOne .commentBox .submitButton {
	margin: 20px 0;
	float: right;
}
#colsOne .commentBox label {
	color: #6c6650;
	font-weight: bold;
	font-size: 11px;
	padding: 0;
	margin: 10px 0 5px 0;
	display: block;
}


.reviews li h3 {
	font-size: 14px;
	margin: 0 0 3px 0;
}
.reviews li div.review {
	font-size: 12px;
}
.reviews li {
	margin: 0 0 20px 0;
}


#emailStorytellerLink {
	cursor: pointer;
}

/**** misc *****/


.seemore {
	float: right;
	font-size: 11px;
	margin: 10px 0;
}
.seemore a {
	color: #453f2a;
}
#featuredStoriesCol .seemore {
	background: #F1EDE2;
	width: 255px;
	text-align: right;
	margin: 10px 0 -105px 0;
}
.clear {
	clear: both;
}

.photodisplay{
display:block;
padding:10px;
border:1px solid #453f2a;
margin:0 0 10px 0;
}
.photodisplay img{
	border:4px solid #000;
	float:left;
	margin:0 8px 8px 0;
	
}
.photodisplay:hover{
background:#D7F9FD;	
	
}
.featured_home {font-weight: bold; font-size: 15px; line-height: 19px; margin-top: 25px;}
.featured_text {color: #453F2A; clear: both; font-size: 12px; text-align: justify; padding: 4px 0px; line-height: 20px;}