@charset "utf-8";

/* content colors?  #fff6d0 #FFFDD0 
pink color #ee7eb3 light pink #edafcd teal color #0c9695 */

/* Reset */
* 							{ margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
html, body 					{ height: 100%; margin: 0 0 1px; padding: 0; }
ul, li						{ list-style: none; }
a:link						{ color: #ffffff; text-decoration: none; border: 0; }
a:visited					{ color: #ffffff; text-decoration: none; border: 0; }
a:hover, a:active			{ color: #de17a6; text-decoration: underline; border: 0; }		
body						{ background: #000000; }

#page-wrap					{ margin: 25px auto; width: 960px; background-color: #ee7eb3; }


#content								{ width: 585px; float: left; }
#sidebar								{ width: 175px; float: left; padding: 10px 0 0 0; }
#header									{ }
.bandb									{ padding: 0 0 0 0; }
#sidebar2								{ width: 192px; float: right; padding: 10px 0 0 0; }
p.kathy-about a							{ display: block; width: 190px; height: 253px; background: url(images/kathy.jpg) no-repeat bottom center; text-indent: -9999px; }
p.kathy-about a:hover					{ background-position: top center; }
body#about p.kathy-about a				{ background-position: top center; }
#amazon-add								{ margin: 0 auto; width: 120px; }

/* Main Nav */
#main-nav								{ margin: 0 0 0 0; padding: 0 0 0 15px; width: 155px; text-indent: -9999px; }
#main-nav li							{ list-style: none; }
#main-nav li a							{ display: block; width: 116px; height: 132px; }
#main-nav li a.home						{ background-image: url(images/nav/nav-headshot-home.png); background-repeat: no-repeat; background-position: center center; }
#main-nav li a.about					{ background-image: url(images/nav/nav-headshot-about.png); background-repeat: no-repeat; background-position: center center; }
#main-nav li a.contact					{ background-image: url(images/nav/nav-headshot-contact.png); background-repeat: no-repeat; background-position: center center; }
#main-nav li a.authors					{ background-image: url(images/nav/nav-headshot-authors.png); background-repeat: no-repeat; background-position: center center; }
#main-nav li a.girlfriend				{ background-image: url(images/nav/nav-headshot-6-full.png); background-repeat: no-repeat; background-position: center center; }
#main-nav li a.blog						{ background-image: url(images/nav/nav-headshot-kathy-blog.png); background-repeat: no-repeat; background-position: center center; }
#main-nav li a.book-selections			{ background-image: url(images/nav/nav-headshot-book-selections.png); background-repeat: no-repeat; background-position: center center; }
#main-nav li a.pulpwood					{ background-image: url(images/nav/nav-headshot-pulpwood.png); background-repeat: no-repeat; background-position: center center; }
#main-nav li a.events					{ background-image: url(images/nav/nav-headshot-events.png); background-repeat: no-repeat; background-position: center center; }
#main-nav li a.media					{ background-image: url(images/nav/nav-headshot-media-full.png); background-repeat: no-repeat; background-position: center center; }
#main-nav li a.pictures					{ background-image: url(images/nav/nav-headshot-pictures.png); background-repeat: no-repeat; background-position: center center; }


#main-nav li a:hover					{ background-position: center top; background-repeat: no-repeat; }


#top-banner-ad							{ margin: 0 0 10px 13px; }
a.top-ad 								{ display: block; height: 90px; width: 550px; text-indent: -9999px; background-image: url(images/banner-ads/LisaWingatePulpwoodBanner.jpg); background-repeat: no-repeat; background-position: top center; border: 1px solid white; }
a.top-ad:hover 							{ background-position: bottom center; border: 1px solid #de17a6; }

/*------------ nav active states -------------*/
body#about #main-nav li a.about,
body#contact #main-nav li a.contact,
body#blog #main-nav li a.blog,
body#girlfriend #main-nav li a.girlfriend,
body#authors #main-nav li a.authors,
body#events #main-nav li a.events,
body#videos #main-nav li a.videos,
body.page-id-122 #main-nav li a.media,
body#gw #main-nav li a.girlfriend,
body#pictures #main-nav li a.pictures,
body#pulpwood #main-nav li a.pulpwood,
body#book-selections #main-nav li a.book-selections,
body#home #main-nav li a.home			{ background-position: center bottom; background-repeat: no-repeat; }
/*-------------------------------------------*/



#main-content					{ float: right; width: 585px; margin: 10px 0 0 0; padding: 0 0 0 0; }
#main-content p					{ padding: 10px 10px 10px 8px; }
#main-content p a:link,
#main-content p a:visited		{ color: #ffffff; }
#main-content p a:hover,
#main-content p a:active		{ color: #de17a6; }
h1								{ margin: 0 0 5px 10px; color: #de17a6; font-size: 22px; font-style: italic; font-weight: bold; }


#footer							{ margin: 0 auto; width: 960px; height: 225px; background: #ee7eb3; }

.clear							{ clear: both; }
.cl-left						{ clear: left; }
.cl-right						{ clear: right; }
.footer-nav						{ text-align: center; font-size: 11px; }
.opn							{ padding: 0 0 0 0; text-align: center; font-size: 10px; }

.bold							{ font-weight: bold; }
.pic-rt							{ float: right; padding: 2px 10px 2px 8px; }
.pic-lt							{ float: left; }
.pic-up							{ margin: -100px 0 0 0; }
.center							{ text-align: center; }
.picks							{ width: 165px; margin: 0 auto; padding: 0 0 3px 0; }
#home .picks					{ display: none; }
.recom							{ font-size: 14px; font-weight: bold; }
.store							{ display: block; height: 300px; width: 400px; float: right; text-indent: -9999px; background-image: url(images/Beauty-and-the-Book-Store-Front1.jpg); background-repeat: no-repeat; background-position: top center; margin: 2px 10px 2px 8px; }
.store:hover					{ background-position: bottom center; }
/* Generic Utility */
.hide 							{ position: absolute; top: -9999px; left: -9999px; }
.callout 						{ margin: 0 0 0 10px; background: url(images/tab-bg-sm.png) repeat-y; }
.callout-top					{ margin: 0 0 0 10px; }
.callout p						{ margin: 0 25px 0 10px; }

/* Specific to example one */

#example-one 					{ background: url(images/tab-bg.png) no-repeat; width: 550px; padding: 15px 0 10px 25px; margin: 0 0 0 10px; }

#example-one .nav 				{ overflow: hidden; margin: 0 0 10px 0; }
#example-one .nav li 			{ width: 120px; float: left; margin: 0 10px 0 0; }
#example-one .nav li.last 		{ margin-right: 0; }
#example-one .nav li a 			{ display: block; height: 40px; padding: 5px 0 0 0; background: url(images/button.png) no-repeat bottom center; color: white; font-size: 12px; text-decoration: underline; text-align: center; border: 0; border: 0; }
#example-one .nav li a:hover 	{ background: url(images/button.png) no-repeat top center; color: #000000; border: 0; }

#example-one ul 				{ list-style: none; }
#example-one ul li				{ width: 515px; }
#example-one ul li a 			{ display: block; padding: 4px; color: #ffffff; border: 0; }
#example-one ul li a.sm-text	{ font-size: 12px; }
#example-one ul li a:hover 		{ background: #0c9695; color: white; border: 0; }
#example-one ul li:last-child a { border: none; border: 0; }

#example-one ul li.nav-one a.current 			{ background: url(images/button.png) no-repeat top center; font-weight: bold; color: #fff233; border: 0; }
#example-one ul li.nav-two a.current 	 		{ background: url(images/button.png) no-repeat top center; font-weight: bold; color: #fff233; border: 0; }
#example-one ul li.nav-three a.current  		{ background: url(images/button.png) no-repeat top center; font-weight: bold; color: #fff233; border: 0; }
#example-one ul li.nav-four a.current	  		{ background: url(images/button.png) no-repeat top center; font-weight: bold; color: #fff233; border: 0; }
#example-one ul.featured li a:hover,
#example-one ul.core li a:hover,
#example-one ul.jquerytuts li a:hover,
#example-one ul.classics li a:hover				{ background: #0c9695; font-weight: bold; color: #f3eb72; border: 0; }
li a.books										{ width: 500px; }
li a.left										{ float: left; }
#example-one ul li a.inline						{ display: inline; }

.tab-bottom										{ margin: -8px 0 0 10px; }

/* rss feed pull */
.rssFeed 			{ font-family: Arial, Helvetica, sans-serif; font-size: 90%; }
.rssFeed a 			{ text-decoration: none; }
.rssHeader 			{ display: none; }

.rssBody 			{  }
.rssBody ul 		{ list-style: none; }

.rssBody ul, 
.rssRow, 
.rssRow h4, 
.rssRow p 			{ margin: 0; padding: 0; }

.rssRow 			{  }
.rssRow h4 			{ font-size: 1.1em; }
.rssRow div 		{ display: none; }

.odd 				{ border-bottom: 2px solid black; }
.even 				{ border-bottom: 2px solid black; }
/* ----------------------------- */

/* Authors Nav */
.authors-nav ul 					{ list-style: none; width: 460px; position: relative; padding: 0 10px; }

.authors-nav ul li 					{ display: inline; }

.authors-nav ul li a 				{ display: block; float: left; background: url(images/author-button1.png) no-repeat top center; height: 17px; width: 30px; padding: 3px 0 0 0; font: bold 16px;  color: #ffffff; text-decoration: none; margin: 0 5px 0 0; text-align: center; font-weight: bold; }

.authors-nav ul li a:hover 			{ background: url(images/author-button1.png) no-repeat bottom center; color: #000000; }	

.authors-nav ul li a:active, 
.authors-nav ul li a.current 		{ background: url(images/author-button1.png) no-repeat bottom center; color: #fff233; position: relative; }

/* End Authors Nav */

.free-list							{ margin: 25px 0 0 0; border: 1px solid black; }
.paid-list							{ margin: 25px 0 0 0; border: 1px solid black; }
h3.author							{ font-size: 16px; float: left; padding: 0 0 2px 10px; width: 200px; }
h3.book-title						{ font-size: 14px; float: right; width: 370px; }
h3.narrow							{ font-size: 14px; float: right; width: 335px; }
.author-pic							{ float: left; padding: 0 10px 2px; }
.book-cover							{ float: right; padding: 0 10px 2px 4px; }
.rollover a span					{ display: none; }

.rollover a:hover span 				{ display: block; position: absolute; padding: 5px; z-index: 100; color: #de17a6; background: #edafcd; text-align: center; }
.pulp								{ padding: 0 0 0 45px; }
.pulp li							{ list-style-type: disc; }
.pulp li.indent						{ list-style-type: none; padding: 0 0 0 15px; text-decoration: underline; }
.left-right							{ margin: 0 10px; }
.larger								{ font-size: 28px; }
.larger a							{ font-size: 28px; }
.italic								{ font-style: italic; }
.social								{ width: 90px; padding: 25px 0 40px 0; margin: 50px auto 0 auto; text-align: center; }
.facebook 							{ display: block; height: 30px; width: 30px; text-indent: -9999px; background-image: url(images/facebook-follow-sm.png); background-repeat: no-repeat; background-position: bottom center; float:left; }
.twitter 							{ display: block; height: 30px; width: 30px; text-indent: -9999px; background-image: url(images/twitter-follow-sm.png); background-repeat: no-repeat; background-position: bottom center; float: left; }
.rss	 							{ display: block; height: 30px; width: 30px; text-indent: -9999px; background-image: url(images/rss-follow-sm.png); background-repeat: no-repeat; background-position: bottom center; float: left; }
.facebook:hover,
.rss:hover,
.twitter:hover						{ background-position: top center; }
.recent-tweets						{ background: #edafcd; width: 188px; }

.twtr-hd							{ display: none; }
.twtr-profile-img-anchor			{ }
.twtr-profile-img					{ }
.tweet-title						{ padding: 16px 0 0 0; }
a .twtr-hyperlink:hover				{ color: #de17a6; }

#twitter_div						{ width: 192px; }
#twitter_update_list li				{ padding: 5px; }
#twitter_update_list li a			{ font-size: 13px; }

/* --------- imgbrowz0r ---------- */
.img-description, .imgbrowz0r-navigation, #imgbrowz0r 		{ width: 585px; text-align: left; }
.imgbrowz0r-navigation 										{ padding: 5px 0 5px 0; }
.imgbrowz0r-navigation .img-statistics 						{ margin-top: 1.5em; }

.img-description 											{ margin: 1.5em auto 0; }

#imgbrowz0r .img-row 										{ padding: 0; }

#imgbrowz0r .img-directory span.img-dir-name,
#imgbrowz0r .img-directory span.img-thumb-date 				{ display: block; }
#imgbrowz0r .img-directory span.img-dir-name 				{ font-weight: bold;font-size: 1.2em; }

#imgbrowz0r .img-column-1 									{ clear: left }

#imgbrowz0r .img-thumbnail									{ float: left; padding: 0 0 10px 0; width: 33%; text-align: center; }
#imgbrowz0r .img-directory 									{ float: left; padding: 0 0 10px 0; width: 30%; text-align: center; }

#imgbrowz0r .img-thumbnail a,
#imgbrowz0r .img-directory a 								{ display: block; width: 175px; height: 150px; /* line-height: 150px; */ background-repeat: no-repeat; background-position: 50% 50%; }

#imgbrowz0r .img-directory a:link, #imgbrowz0r .img-directory a:visited, #imgbrowz0r .img-thumbnail a:link,
#imgbrowz0r .img-thumbnail a:visited 						{ background-color: #ee7eb3; border: 1px solid #000 ;font-size: 1.5em;color: #ccc; text-decoration: none; }
#imgbrowz0r .img-directory a:active, #imgbrowz0r .img-directory a:hover, #imgbrowz0r .img-thumbnail a:active,
#imgbrowz0r .img-thumbnail a:hover 							{ border-color: #de17a6; color: #de17a6; }

/* http://sonspring.com/journal/clearing-floats */
html body div.clear,
html body span.clear { background: none; border: 0;clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
/* ----------------------------- */