/* CSS Document */
/* WeWriteRomance.com */
/* Copyright Heather Reed */
/* July 1, 2008 */

html{
	font-size: 125%;
	}
body { 
	margin: 0 auto; 
	padding: 0; 
	background-color: #fff; 
	color: #444; 
	width: 1000px;
	position: relative;
	} 
body, form, table { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	text-align: left;
	line-height: 1em;
	}

#header { 
	padding: 1px 0px 2px 0; 
	margin: 0; 
	background-color: #fff;
	border-bottom: 1px solid #fff; 
	min-height: 140px; 
	} 
#logo { 
	float: left; 
	padding-top: 55px;
	padding-left: 15px; 	
	background-color: #fff;
	}
#communityinfo { 
	margin-top: 10px; 
	margin-left: 240px; 
	margin-right: 0; 
	text-align: right;
	background-color: #fff;
/*	white-space: nowrap;
	overflow: hidden; */
	}
#communityinfo p { 
	padding: 4px; 
	margin: 4px 0; 
	color: #333333; 
	}
#upcoming { 
	margin-right: 2px; 
	background-color: #fff; 
	border: 1px solid #000000;
	}
#banner {
	position : relative;
	text-align : right;
	margin : 0;
	padding : 5px 0;
	background-color : #fff;
	border-bottom : 1px solid #000000;
	min-height: 90px;
	}  
      #banner img {
	margin : 5px;
	} 
      #banner a , #banner a:hover {
	background-color : transparent;
	text-decoration : none;
	} 

#banner-billboard { 
	padding: 2px 2% 0 2%; 
	margin: 0 0 4px 0; 
	background-color: #A20925; 
	border: 1px solid #000000;
	text-align: center;
	min-height: 194px;
	} 

.banner-subpages { 
	padding: 0; 
	margin: .3em 4px 0 0; 
	text-align: right; 
	} 
.banner-subpages img { 
	border: 1px solid #000000;
	}
.banner-home { 
	padding: 0; 
	margin: 5px 6px 5px 4px; 
	text-align: center; 
	} 
.banner-home img { 
	border: 2px solid #000000; 
	text-align: center;
	margin-right: 5px;
	}
.layout { 
	position: relative; 
	top: auto; 
	left: auto; 
	padding-right: 240px; 
	}
.content { 
	margin-top: 0; 
	}
.content p { 
	margin-top: 0; 
	line-height: 1.4em; 
	}
#main { 
	clear: both; 
	z-index: 1; 
	padding-left: 4%; 
	padding-right: 4%; 
	}

/* ---------NAV------- */

#navbar { 
	clear: both; 
	z-index: 100; 
	padding: 2px 2% 0 2%; 
	margin: 0 0 4px 0; 
	background-color: #9966CC; 
	border: 1px solid #000000;
	text-align: right;
	min-height: 25px;
	} 
#navbar span { 
	color: #ffffff; 
	margin-right: 2%; 
	padding: 4px 0; 
	line-height: 2em; 
	}
#nav, #nav ul { 
	padding: 0; 
	margin: 0; 
	list-style: none; 
	text-align: left;
	font-varient: small-caps; 
	line-height: 1; 
	}
#nav a { 
	display: block; 
	width: 90px; 	
	padding: 4px 1px 4px 10px; 
	background-color: #9966CC; 
	border: 0px solid #000000; 
	}
#nav a:hover { 
	background-color: #9966CC; 
	text-decoration: underline; 
	border: 0px solid #000000; 
	}
#nav a:link { 
	color: #ffffff; 
	}
#nav a:visited { 
	color: #ffffff; 
	}
#nav li { 
	float: left; 
	width: 100px; 
	margin: 0; 
	padding: 0; 
	}
#nav li ul { 
	position: absolute; 
	z-index: 100; 
	background-color: #9966CC; 
	width: 130px; 
	left: -999em; 
	}
#nav li ul a, #nav li ul li a { 
	width: 128px; 
	}
#nav li ul li { 
	float: left; 
	width: 130px; 
	margin: 0; 
	padding: 0; 
	}
#nav li:hover ul, #nav li.sfhover ul { 
	left: auto; 
	margin-left: 0; 
	}
.skiplink { 
	display: none; 
	}

#footer {
	clear : both; 
	margin: 20px 0 0 0; 
	padding: 10px 20px; 
	background-color : #ffffff; 
	border-top: 1px solid #000000; 
	text-align : center; 
	}      
.fnavlinks { 
	letter-spacing: 1px; 
	text-transform: none; 
	font-size: 82%; 
	}

/* ------------GENERAL LINKS------------ */
a:link { 
	color: #3333CC; 
	text-decoration: none; 
	}
a:visited { 
	color: #3333CC; 
	text-decoration: none; 
	}
a:hover { 
	color: #9966CC; 
	text-decoration: underline;
	background-color: transparent; 
	}
a:hover img { 
	background-color: transparent; 
	}
a:active { 
	color: #3333CC; 
	}

/* --------HEADERS--------- */

h1 , h2 , h3 , h4 , h5 , h6 { 
	padding-top: 10px; 
	margin-top: 0; 
	line-height: 1.2em;
	}
h1 { 
	font-size: 1.5em; 
	color: #9966CC; 
	}
h2 { 
	font-size: 1.3em; 
	color: #000000; 
	}

h2.head {
	margin : 0;
	padding : 5px 0 5px 5px;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #000000;
	font-size: 100%;
	} 

h3 { 
	font-style: italic; 
	}
h3 , h4 , h5 , h6 { 
	font-size: 1.1em; color: #000000; 
	}
h1 span.subtitle {
	font-size: .6em; 
	letter-spacing: normal; 
	}
h3 a:link , h3 a:visited {
	text-decoration: underline; 
	}
#main h2 a:link, #main h2 a:visited { 
	color: #3333CC; 
	text-decoration: none; 
	}
#main h2 a:hover, #main h2 a:active { 
	color: #9966CC;
	text-decoration: underline; 
	}


/* --------IMAGES-------- */

img { 
	border-color: #000; 
	}
img.tracking { 
	border: none; 
	display: none; 
	}
img.icon { 
	float: left;
	margin-right: 5px; 
	}
img.aff { 
	border: 1px solid #000000;
	text-align: center;	 
	}
img.cover {
	border: 1px solid #000000; 
	margin-top: 1em;
	}
img.upcoming {
	border: 2px solid #000000; 
	text-align: center;
	margin-right: 5px;
	}
img.left {
	border: 1px solid #000000;
	float: left;
	margin: 3px 5px 0px 1px;
	}

/* -------SPECIFIC PAGES-------- */

.mobile { 
	background-color: #fff; 
	margin-left: auto; 
	margin-right: auto; 
	width: 200px; 
	padding: 0; 
	}
.mobile h2 { 
	font-size: 120%; 
	font-weight: bold; 
	}

.featurecol1 { 
	width: 58%; 
	float: left; 
	margin: 0 auto 24px auto; 
	padding-right: 3%; 
	}
.featurecol2 { 
	width: 30%;
	float: left; 
	margin: 0 auto 24px 4%; 
	clear: right; 
	padding-left: 5px; 
	padding-right: 5px; 
	border-left: 1px dotted #9966CC; 
	}
.featurecol3 { 
	clear: both; 
	}
.featuredate { 
	font-size: 1.1em; 
	}
.featuretitle { 
	font-size: 1.1em; 
	display: inline; 
	}

.review .featurecol1 h2 , .review .featurecol2 h2 { 
	margin-top: .5em; 
	}

 .review .featurecol2 h2 { 
	border-top: 1px solid #000000; 
	border-bottom: 1px solid #000000; 
	}

.member .booklist { 
	clear: both; 
	}

.memberslist ul {
	margin-left: 25px; 
	padding-left: 0;
	}
.memberslist ul li {
	list-style-type: none; 
	list-style-position: outside;
	list-style-image: url(/imgs/pheart.gif); 
	margin-left: 15px;
	padding: 0 0 0 5px; 
	font-weight: bold; 
	}

.sidebar-search { 
	position: absolute; 
	top: 100px; 
	right: 0; 
	width: 180px; 
	padding-right: 5px; 
	}
.sidebar-search h3 { 
	font-size: 100%; 
	border-bottom: 1px solid #000000; 
	border-top: 1px solid #000000; 
	}

.sidebar { 
	position: absolute; 
	top: 0; 
	right: 0; 
	width: 180px; 
	padding-left: 5px; 
	padding-right: 5px; 
	border-left: 1px dotted #9966CC; 
	}
.sidebar h3 { 
	font-size: 100%; 
	border-bottom: 1px solid #000000; 
	border-top: 1px solid #000000; 
	}
.sidebar h4 { 
	font-size: 100%; 
	}

.intro { 	
	clear: both; 
	}
.intro p { 
	margin-top: 0; 
	font-family: georgia, serif; 
	font-size: 110%; 
	line-height: 1.4em; 
	font-style: italic; 
	}

.bio p { 
	font-family: georgia, serif; 
	font-size: 110%; 
	line-height: 1.4em; 
	}

p.photo { 
	float: left; 
	text-align: left; 
	font-style: normal; 
	width: 115px; 
	margin: 0 2em .6em 0; 
	background-color: #fff; 
	padding: 8px; 
	}
.photo img { 
	border: 1px solid #000; 
	}

.review .bookinfo { 
	float: left; 
	width: 220px; 
	padding-right: 20px; 
	line-height: 1.4em; 
	}
.bookinfo img { 
	border: 1px solid #000; 
	}
.review .content { 
	margin-bottom: 20px; 
	margin-left: 240px; 
	}
.books-left { 
	margin-top: 2.5em; 
	margin-right: 1em; 
	margin-bottom: 1em; 
	float: left; 
	text-align: center; 
	width: 150px;
	height: 300px;
 	border: none;	
	font-size: 90%;
	line-height: 1.2em;
	}
.info { 
	float: left; 
	width: 220px; 
	padding-right: 20px; 
	clear: left; 
	margin-top: 0; 
	padding-top: 0; 
	}
.desc { 
	margin-bottom: 20px; 
	margin-left: 240px; 
	clear: right; 
	margin-top: 0; 
	padding-top: 0; 
	}
.morelinks { 
	font-size: 90%; 
	}
.reviewshort { 
	margin-top: 3em; 
	margin-bottom: 2em; 
	clear: both;
	} 
.reviewshort img { 
	float: left; 
	margin-right: 2em;
	border: 1px solid #000; 
	}
.reviewshort img.rating { 
	border: none; 
	float: none;
	}

img.rating { 
	border: none; 
	float: none;
	}

.reviewshort h3 { 
	font-style: normal; 
	font-weight: normal; 
	}
.reviewshort em { 
	font-style: normal; 
	font-family: georgia, serif; 
	font-size: 110%; 
	display: inline;  
	}

.buy { 
	font-family: georgia, serif; 
	margin-top: 10px;
	margin-bottom: 20px; 
	font-size: 110%; 
	color: #000000; 
	}
.buy strong { 
	font-size: 100%; 
	}

.buynow { 
	font-size: 95%;
	color: #664066
	}


textarea, select, select.ddlinks { 
	background-color: #ffffff; 
	color: #D56F9B; 
	border-color: #D56F9B; 
	border-width: 2px; 
	font-family: arial, verdana, sans-serif; 
	} 

input { 
	margin-top: 1em; 
	}

input.button { 
	background-color: #ffffff; 
	color: #D56F9B; 
	border: 1px solid #666699; 
	font-weight: bold; 
	font-size: 100%; 
	vertical-align: middle; 
	font-family: verdana, sans-serif; 
	padding: 0; 
	margin: 0; 
	} 
.backto { 
	text-align: center; 
	font-weight: bold; 
	font-family: georgia, tahoma, sans-serif; 
	font-size: 1.1em; 
	margin-top: 2em; 
	clear: both;
	}
p.divider { 
	text-align: center; 
	background-image: url(/imgs/dot-list.gif); 
	background-position: center center; 
	background-repeat: repeat-x; 
	width: 45px; 
	vertical-align: middle; 
	line-height: 15px; 
	}



/* --------LISTS-------- */

ul { 
	line-height: 1.4em; 
	}

ul.none { 
	list-style-type: none;
	line-height: 1.4em; 
	margin: 0;
	padding: 10px 0 5px 10px;
	font-size: 90%;
	}
ul.none li { 
	list-style-type: none; 
	margin: 0;
	margin-left: 5px; 
	margin-bottom: 5px;
	padding: 0; 
	} 

.related ul , .booklist ul , .bookinfo ul , .review ul { 
	list-style-type: none; 
	margin: 0;
	margin-bottom: 5px;
	padding: 10px 0 5px 10px;
	font-size: 90%;
	}
.related li , .booklist li , .bookinfo li , .review li { 
	margin: 0; 
	padding: 0;
	padding-bottom: 8px; 
	}

ul.pheart , ul.pstar ,ul.quill, ul.dot-list { 
	list-style-type: none; 
	list-style-position: inside; 
	margin: 3px 5px 10px; 
	padding: 0; 
	} 
ul.quill2 { 
	list-style-type: none; 
	list-style-position: outside; 
	margin: 0 5px 0 5px; 
	padding: 2px 0 0 20px; 
	} 
ul.quill li { 
	margin: 0; 
	padding-top: 5px; 
	} 
ul.pheart li , ul.pstar li, ul.quill li , ul.dot-list li , ul.dot li { 
	margin: 0; 
	padding: 0; 
	} 
ul.pheart { 
	list-style-image: url(/imgs/pheart.gif); 
	}
ul.pstar { 
	list-style-image: url(/imgs/pstar2.gif); 
	}
ul.quill { 
	list-style-image: url(/imgs/quill.gif); 
	}
ul.quill2 { 
	list-style-image: url(/imgs/quill.gif); 
	}
ul.dot-list { 
	list-style-image: url(/imgs/dot-list.gif); 
	}
ul.dot { 
	list-style-image: url(/imgs/dot.gif); 
	}


/* -------MISC STYLINGS-------- */

blockquote {
	margin-left: 20px; 
	margin-right: 20px; 
	margin-top: 10px; 
	margin-bottom: 10px; 
	font-style: italic; 
	}

.left { 
	margin-right: 2em; 
	margin-bottom: 2em; 
	float: left; 
	}

.right { 
	margin-left: 2em; 
	margin-bottom: 2em; 
	float: right; 
	}

.title {
	font-weight: bold;
	}

.clear {
	clear: both;
	}
.smtext { 
	font-size:.9em;
	font-style: italic;
	}
.smtext-homeimg { 
	font-size:.8em;
	text-align: center;
	margin-left: 10px;
	}

.smtext-homeimg a { 
	text-decoration: none;
	}

.smtext-homeimg a:hover { 
	text-decoration: none;
	color: #000000
	}

.price { 
	margin-top: 5px;
	margin-bottom: 10px;
	}
.center { 
	text-align: center; 
	}


/* --------BOOK AD--------- */

.bookad { 
	border: 1px solid #444;
	font-size: 88%;
	width: 155px;
	margin: 2px;
	}
.bookad p { 
	text-align: center;
	padding: 0 5px 5px 5px;
	}
.bookad img { 
	align: center; 
	margin: auto;
	padding-top: 5px;
	border: 1px
 	border-color: #444;
	}
.bookad img.bookcover  {
	float: none;
	text-align: center;
	margin: 3px auto;
	}

/* ---------TABLES-------- */
table.list { 
	border: 1px solid #000000;
	font-size: 90%; 
	} 
table.list tr { 
	border-bottom: 1px solid #000000; 
	margin-bottom: 3px; 
	}
table.list td { 
	padding: 3px 6px; 
	border-bottom: 1px solid #000000; 
	} 
table.list td.center { 
	text-align: center; 
	} 
tr.head { 
	background-color: #fff; 
	color: #F9CDE0; 
	border-bottom: 2px solid #000000; 
	} 
table.list .fxdwidth { 
	width: 120px; 
	}

