/*
Theme Name: myTales
Theme URI: http://erayne.com/
Description: Erotic Story Layout
Version: 1.0
Author: William Ludwig
Author URI: http://weludwig.com/
*/


/* STYLE RESET
---------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, 
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, 
ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }


/* TYPOGRAPHY
---------------------------------------------------------------------------*/
body { font-size: 100%; line-height: 1.125em; letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; }
h1 { font-size: 1.125em; } /* 16x1.5 = 18px */
h2 { font-size: 1.125em; } /* 16x1.125 = 18px */
h3, h4 { font-size: 1em; } /* 16x1 = 16px */
h5, h6, p, li, cite, blockquote { font-size: 0.875em; } /* 16x0.875 = 14px */


/* TOP LEVEL LAYOUT
---------------------------------------------------------------------------*/
body { background-color: #111; }
#wrapper { width: 950px; }
#headerWrapper { height: 200px; width: 100%; overflow: auto; background: url("images/bg-header.png") no-repeat; }
#contentWrapper { width: 100%; overflow: auto; background: #f2f2eb url("images/bg-content.png") repeat-y; }
#footerWrapper { height: 200px; width: 100%; overflow: auto; background: url("images/bg-footer.png") no-repeat; }


/* HEADER
---------------------------------------------------------------------------*/
#headerRight { float: right; width: 670px; overflow: hidden; margin: 49px 10px 0 0; }
#headerRight #logo { float: left; margin-top: 25px; }
#headerRight #logo p { margin: 0; padding: 0; text-align: center; font-size: 16px; line-height: 20px; vertical-align: middle; }
#headerRight #rss { float: right; }
#headerLeft { float: left; margin: 55px 0 0 30px; }


/* CONTENT - RIGHT
---------------------------------------------------------------------------*/
#contentRight { float: right; width: 660px; overflow: auto; margin: 0 10px 0 0; }
#contentMain { float: left; width: 500px; overflow: hidden; }
#contentMain h1 { font-size: 1.125em; line-height: 20px; margin-bottom: 20px; color: #1a1a1a; font-style: italic; }
#contentSidebar { float: right; width: 125px; overflow: hidden; margin: 0 5px 0 0; }


/* STORY STYLES
---------------------------------------------------------------------------*/
.eroticStory { margin-bottom: 39px; }
.eroticStory a { text-decoration: none; font-style: italic; color: #00c; }
.eroticStory a:hover { border-bottom: 1px solid #c00; }
.storyHeader { margin-bottom: 20px; }
.storyHeader h1, .storyHeader h2 { font-size: 1em; line-height: 20px; color: #00c; text-decoration: none; font-style: italic; }
.storyHeader p { font-size: .875em; line-height: 20px; color: #1a1a1a; }
.storyBody p { font-size: .875em; line-height: 20px; margin-bottom: 20px; color: #1a1a1a; }
.storyBody br { display: none; }
.storyFooter p { font-size: .75em; line-height: 20px; text-align: right; color: #1a1a1a; }
.storyFooter p img { position: relative; top: 3px; }
.storyFooter a, .storyFooter a:hover { border-bottom: 0px; }
.storyCopy h4 { font-size: .875em; line-height: 20px; border-bottom: 1px solid #c00; }
.storyCopy p { text-align: left; font-size: .75em; font-style: italic; }

/* VIDEOPLAYER */
#videoPlayer { margin-bottom: 15px; text-align: center; }

/* IMAGES */
.storyBody img.alignright { float: right; margin-left: 10px; position: relative; top: 5px; border: 1px solid #1a1a1a; }
.storyBody img.alignleft { float: left; margin-right: 10px; position: relative; top: 5px; border: 1px solid #1a1a1a; }

/* DISCLAIMER */
.disclaimer { margin-bottom: 40px; border-bottom: 1px solid #c00; }
.disclaimer h3 { margin: 0; padding: 0; font-size: .875em; line-height: 20px; color: #333; font-style: italic; border-bottom: 1px solid #c00; }
.disclaimer p { padding: 10px 0; font-size: .75em; line-height: 20px; color: #666; font-style: italic; }

/* ADBLOCK */
.adBlock { margin: 0 0 40px 0; text-align: center; }
.adBlock a:hover { border-bottom: 0px; }



/* CONTENT SIDEBARS
---------------------------------------------------------------------------*/
.sidebarBlock { padding-bottom: 40px; color: #1a1a1a; }
.sidebarBlock ul, #contentSidebar li { list-style-type: none; }
.sidebarBlock h6 { font-size: .875em; line-height: 20px; font-style: italic; border-bottom: 1px solid #c00; }
.sidebarBlock li { font-size: .875em; line-height: 20px; }
.sidebarBlock a { display: block; text-decoration: none; font-style: italic; color: #00c; border-bottom: 1px solid #fff; }
.sidebarBlock a:hover { color: #c00; border-bottom: 1px dashed #c00; }
.sidebarBlock .ctc a { display: inline; }

/* SEARCH FORM */
#searchForm { width: auto; overflow: auto; }
input.searchInput { float: left; width: 90px; margin-top: 1px; padding: 2px; font-size: .75em; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #666; }
input.searchSubmit { float: right; font-size: .75em; }


/* CONTENT - LEFT
---------------------------------------------------------------------------*/
#contentLeft { float: left; width: 160px; overflow: auto; margin: 0 0 0 10px; }
table.dailyClips th { padding: 20px 0 5px 0; text-align: left; font-size: .875em; font-weight: normal; font-style: italic; }
table.dailyClips a, table.dailyClips a:hover { border: 0; }
p.dailyClipsP { margin: 10px 0; text-align: center; font-weight: bold; }


/* FOOTER
---------------------------------------------------------------------------*/
#footerRight { float: right; width: 660px; margin: 15px 15px 0 0; height: 125px; overflow: hidden; }
#footerLeft { float: left; width: 160px; height: 125px; overflow: hidden; margin: 15px 0 0 10px; text-align: center; }