/* contact: John Dowler, cosmicidea.com*/
/*jdowler@cosmicidea.com*/
/*Aug 2006*/

/* VARNISH STRIPPING */

/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */
* { margin:0; padding:0; }
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/* GENERAL FORMATING */

body {
	background-color:#ACEBDA;
	background-image:url(images/gradient_bg_new3.jpg);
	margin: 0;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	border: 0;
	padding: 0;
	align: center;
	background-repeat: repeat-x;
	background-position: top;
}

table {
	margin: 0;
	border: 0;
	padding: 0;

}

table td {
	margin: 0;
	border: 0;
	padding: 0;
}

img {
	margin: 0;
	border: 0;
	padding: 0;
	
}

.clear_left {
	clear: left;
}

.clear_right {
	clear: right;
}

.clear_both {
	clear: both;
}

ol {
	list-style:decimal inside;
	padding-left: 10px;
	padding-bottom: 10px;	
}

ol.gentle {
	list-style:decimal outside;	
	margin-left: 22px;
}	

/* LAYOUT */

#layout-table {
	width: 100%;
}

#wrapper {
	width: 94%;
	align: center;
	margin-bottom: 20px;
}


#wrapper {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	border: 0px;
}

td#marquee {
	width: 300px;
	height: 200px;
	background-image:url(images/nav-cell.jpg);
	margin: 0;
	border: 0;
	padding: 0;
}


#nav-cell {
	height: 200px;
	background-image:url(images/nav-cell.jpg);
	background-color:#66CCFF;
	background-position: right top;
	vertical-align: top;

}

a.facebook {
	background-image: url("http://susanlyons.ca/images/logo_facebook_on-30px.png");
	width: 30px;
	height: 30px;
	display: block;
	text-indent: -9000px;
	float: left;
  margin-right: 5px;
}

a:hover.facebook {
	/*background-image: url("images/logo_facebook3.gif");
	background-position: 0px 0px;*/
	opacity: .7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}
a.pinterest {
	background-image: url("http://susanlyons.ca/images/pinterest_logo-30px.png");
	width: 30px;
	height: 30px;
	display: block;
	text-indent: -9000px;
	float: left;
	margin-right: 5px;	
}

a:hover.pinterest {
	opacity: .7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

a.bookbub {
	background-image: url("http://susanlyons.ca/images/btn-bookbub-30px.png");
	width: 30px;
	height: 30px;
	display: block;
	text-indent: -9000px;
	float: left;
}

a:hover.bookbub {
	opacity: .7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}



a.goodreads {
	background-image: url("http://susanlyons.ca/images/logo_goodreads_on-30px.png");
	width: 30px;
	height: 30px;
	display: block;
	text-indent: -9000px;
	float: left;
  margin-right: 5px;
}

a:hover.goodreads {
	opacity: .7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

#border-right-top {
	background-image:url(images/border-right-top.jpg);
	width: 10px;
}

#title-cell {
	background-image: url(images/content.jpg);
	height: 70px;
	margin: 0;
	border: 0;
	padding: 0;
	background-position: right top;
	align:center;
}

#border-left {
	background-image:url(images/border-left.jpg);
	background-repeat:repeat-y;
	
	width: 9px;
	background-color:#66CCFF;
	margin: 0;
	border: 0;
	padding: 0;
	/*background-repeat: repeat-y;
	background-position: left top;*/
}

#content {
	background-image: url(images/content.jpg);
	margin: 0;
	border: 0;
	padding: 0;
	vertical-align: top;
	width: auto;
	background-repeat: repeat;
	background-position: left top;
	align: left;
	text-align: left;
}

#border-right {
width: 10px;
background-image:url(images/border-right.jpg);
	margin: 0;
	border: 0;
	padding: 0;
}

#bottom-corner-left {
	height: 15px;
	background-image:url(images/bottom.jpg);
		margin: 0;
	border: 0;
	padding: 0;
}

#bottom {
	height: 16px;
	background-image: url(images/bottom.jpg);
	margin: 0;
	border: 0;
	padding: 0;
}

#bottom-corner-right {
	height: 10px;
	background-image:url(images/bottom-corner-right.jpg);
	margin: 0;
	border: 0;
	padding: 0;
}

.textbox {
	border: 1px solid #000;
	margin: 20px 10px 10px 20px;
}


#contestform, #contact_form {
	font-size: 12px;
}

.event_table {
	margin: 0 10px 10px 20px;
	line-height: 1.3em;
}

.event_table td {
	vertical-align: top;
}

.date_cell {
	width: 100px;
}

.aphro_banner {
	padding: 10px 0 20px 22px;
}


.video {
	padding: 10px 0 20px 22px;
}


/* LISTS */

ul {
	margin-left: 40px;
	list-style: disc outside;
}



/* NAVIGATION */

.navigation {
	position: relative;
	margin: 35px 0 10px 0px;
	font-size: .8em;
	color:#CC0099;
	text-align: right;
}

.navigation li {
	list-style: none;
	display: inline;
}

.navigation li a:link {
	color:#CC0099;
	text-decoration: none;
}

.navigation li a:visited {
	color:#CC0099;
	text-decoration: none;
}

.navigation li a:hover {
	color:#009900;
	text-decoration:underline;
}

.navigation li a:active {
	color:#CC0099;
	text-decoration: none;
}


/* BOOKS NAVIGATION */

#books_nav {
	/*position:relative;*/
	vertical-align: middle;
	text-align: center;
	border: 0;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	margin: 0px 0px 0 0;
	background-color:transparent;
	display: block;
	padding: .5em 0 .5em 0;
	top: -654px;
}

#books_nav p {
	text-align: center;
	padding-right: 10px;
	color:#660099;
	font-size: .87em;
	font-weight:bold;
}

#books_nav a img {
border: 1px solid #000;
color:#FFCC00;
text-decoration: none;
}

#books_nav a:hover img, #books_nav a:focus img, #books_nav a:active img {
color:#FFFF33;
border: 1px solid #fff;
/*background-color: #FFFBDB;*/
}

#content .column-right ul#book_list {
	margin-left: 20px;
	float: left;
	list-style-type:none;
}

#content .column-right ul#book_list li {
	padding-bottom: 5px;
}

h1.pullquote  {
	font-size: 160%;
	font-weight: normal;
}

#content .column-right .newsletter_signup {
	padding-left: 0;
	padding: 40px 0 20px 20px;
}


/* TEXT */

.left_box {
	width: 150px;
	border: 1px solid red;
	float: right;
	margin: 15px;
}

.left_box img {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
}

.clear_left {
	clear: left;
}

.clear_both {
	clear: both;
}

.column-left {
	margin: 0px 10px 10px 10px;
	font-size: .83em;
	color: #000000;
	float: left;
	width: 45%;
}

.column-left p {
	line-height: 1.3em;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 25px;
}


.column-right {
	position: relative;
	margin: 0px 20px 0px 10px;
	float: right;
	font-size: .83em;
	color: #000000;
	width: 42%;
}

.column-right p {
	margin: 0 10px 10px 20px;
	line-height: 1.3em;
}

.column-right .textbox p {
	line-height: 1.4em;
}

.column-right .date {
	color:#660099;
}

.column-left .credit {
	font-size: .8em;
	color:#000099;
	padding-left: 45px;
}

.column-left .bigquote {
	font-size: 16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0 15px 0 15px;
}

.column-left .medquote, .column-right .medquote {
	font-size: 14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0 15px 0 15px;
}

.column-left .citation, .column-right .citation {
	text-align: right;
	font-size: 10px;
	margin: 3px 15px 10px 15px;
}

.column-left .citation a, .column-right .citation a {
	font-weight: bold;
}


.column-left .textbox p, .column-right .textbox p {
	margin-left: 15px;
	margin-right: 15px;
}

.column-left .textbox h2, .column-right .textbox h2 {
	margin-left: 15px;
	margin-right: 15px;
}



.imagetext {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #CC0099;
}

#image_blurb p {
	color:#660066;
	width: 350px;
	text-align: left;
	margin: 10px 0 0 0;
}

.list-para {
	margin-bottom: -10px;
	margin-top: 0px;
	line-height: .5em;
}

.spaced_list li {
	padding-bottom: 8px;
}

.excerpt {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.caption {
	font-size: .67em;
	clear: left;
	width: 200px;
	text-align: left;
}

.caption_wide {
	font-size: .67em;
	clear: left;
	width: 330px;
	text-align: left;

}

.highlight {
	background-image:url(images/highlight-bg.jpg);
}

h1 {
	font:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1.5em;
	color:#990099;
	margin: 0 0 20px 25px;
}

#content h1 {
	font-size: 1.5em;	
}

h2 {
	font:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1.2em;
	color:#000099;
	margin: 20px 0 8px 18px;
}

.textbox h2 {
	margin-top: 20px;
}

.column-left h2 {
	margin-left: 25px;
}

.column-right h1 {
	margin-left: 18px;
}

.title {
	font-size: 1.3em;
	color:#0000CC;
}

.pullquote {
	clear: right;
	text-align: left;
	margin: 5px 10px 0 0px;
	border: 1px solid #fff;
	padding: 5px;
	color:#CC0000;
	font-size: 1.1em;
}

.column-left p.pullquote {
	margin-left: 0;
	margin-top: 5px;
}

.column-right .date {
	font-weight: bold;
	margin: 20px 0 10px 20px;
}

.indent {
	padding-left: 15px;
}

.column-right .corkboard {
	background-color: #00FF00;
	background-image: url(images/bg_cork.jpg);
	background-repeat: repeat;
	padding: 10px;
	border: 2px solid white;
	text-align: center;
}

blockquote {
	margin-left: 40px;
	margin-right: 40px;	
}

/* IMAGES */

.pink-window {
	margin: 0 0 0 4px;
	padding:0;
}

.aphro_logo {
	padding-left: 60px;
}

.susan-writing {
	margin: 0px 0px 0 0px;
}

.susan-window {
	margin: 0px 0px 25px 28px;
}


.right-image {
	float: right;
	margin: 5px 0 10px 10px;
	border: 1px solid #fff;
	padding: 0;
}

.right-image2 {
	float: right;
	margin: 5px 15px 10px 10px;
	border: 1px solid #fff;
	padding: 0;
}

.right-image-contest {
	float: right;
	margin: 5px 10px 20px 10px;
	border: 1px solid #fff;
	padding: 0;
}

.right-image-no-border {
	float: right;
	margin: 15px 15px 10px 10px;
	border: 0;
	padding: 0;
}

.left-image {
	float: left;
	border: 1px solid #fff;
	padding: 0;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 25px;
}

.left-image-flush {
	float: left;
	margin: 5px 10px 0 0px;
	border: 1px solid #fff;
	padding: 0;
}

.image-border {
	margin: 5px 10px 0 18px;
	border: 1px solid #fff;
	padding: 0;
}

.left-image-wide {
	margin: 5px 10px 25px 25px;
	border: 1px solid #fff;
	padding: 0;
}

.photo-page-image {
	margin: 15px 10px 0 75px;
	border: 1px solid #fff;
	padding: 0;
}

.right-window {
	float: right;
	margin: 0px 35px 10px 0px;
	border: 0px solid #fff;
	padding: 0;
}

.underwear-window {
	margin: -20px 25px 10px 45px;
	border: 0px solid #fff;
	padding: 0;
}

.very-bottom-image {
	float: right;
	margin: 5px 10px -10px 0px;
	clear:both;
}

#bigimage {
	margin: 20px 0 0px 0;
	border: 1px solid #fff;
}

.susan-camera {
	margin: -20px 0 0 0;
}

.no_margin {
	margin: 5px 0 0 -12px;
}



/* susan camera was -60, but doesn't work in IE */

/* FORMS */

#contact-form {
	margin: 25px 0 0 27px;
}

.jump_div {
margin-left: 20px;
}

#jump_menu {

}

#jump_menu select {
	background-color:#66CCFF;
	width: 350px;
}

/* LINKS */

a:link {
	color:#000099;
} 

a:hover,  a:active {
	text-decoration: underline;
	color:#CC00CC;
	}

.top_link {
	text-align: left;
	margin-left: 20px;
	font-style: italic;
}

.linkspage a:link {
	color:#0000CC;
	text-decoration: none;
}

.linkspage a:visited {
	text-decoration: none;
	color:#CC0000;
}
.linkspage a:hover,  .linkspage a:active {
	text-decoration: underline;
	color:#CC0099;
	}
	
.cosmic {
text-align: right;
font-size: .87em;

}

.cosmic a:link, .cosmic a:visited {
color:#CC0000;
}

.cosmic a:hover, .cosmic a:active {
	color:#FF0000;
	background-color:#99FFFF;
}
.bold
{
	font-weight:bold;
}
  
p.book_links {
	font-size: .83em;
}

.size_79 {
	font-size: .79em;
}

.books_menu {
/*	max-width: 466px;*/
}

.red {
	
}

table#booksellers {
	margin-left: 25px;
}

table#booksellers td  a:link img, a:link .ebook_link {
		border: 2px solid blue;
}

table#booksellers td  a:hover img, a:hover .ebook_link {
		border: 2px solid yellow;
}

table.booksellers {
	margin-left: 25px;
}

table.booksellers td  a:link img, a:link .ebook_link {
		border: 2px solid blue;
}

table.booksellers td  a:hover img, a:hover .ebook_link {
		border: 2px solid yellow;
}


#book_cover {
	border: 0px;
}


.slideshow_box {
	max-width: 490px;
	text-align: center;	
}

#example_2_container {
	margin-left: auto;
	margin-right: auto;
}

/* EVENTS PAGE */

.events-table-new {
	margin-left: 20px;
}

.events-table-new td {
	padding: 5px;	
}