html { height: 100%; width: 100%; }

body { background: url("/wp-content/themes/wordimpressed/images/bg.png") repeat scroll left top transparent; margin: 0; padding: 0; height: 100%; width: 100%; }

#content { height: 100%; min-height: 100%; width: 100%; position: relative; overflow: hidden; }

/* non-essential demo only CSS */

#aboutSexyPlus h1 { color:#666666; font-size:90px; font-weight:normal; line-height:1.1em; margin:20px 0 0; text-shadow:1px 1px 1px #FFFFFF; }

#aboutSexyPlus { width: 960px; margin: 0 auto; padding: 50px 0 0 0; text-align: center;  }

#aboutSexyTextWrap {-moz-border-radius: 5px; border-radius: 5px;background-color:#CCCCCC;}

#aboutSexyPlus p { color:#FFFFFF; font-size:22px; font-style:italic; text-shadow:1px 1px 1px #999999; padding: 5px 10px; line-height: 120%}

#aboutSexyPlus a { font-size: 24px; color:#666; text-decoration:none; text-shadow:1px 1px 1px #FFFFFF; }

#aboutSexyPlus a:hover { background-color:#CCC; text-decoration: none; }

/* ----- Page Curl ---------- */

#turn_wrapper { width: 80px; height: 80px; display:block; position: absolute; bottom:0; right:0; cursor: nw-resize; }

#turn_hideme { width: 85%; height: 85%; overflow:hidden; display:block; position:absolute; float:left; bottom:0; right: 0; }

#turn_object { position: relative; }

/* If the option is set for the flip to the right Right */

#turn_wrapper.right #turn_object { float: right !important; }

#turn_wrapper.right #turn_hideme { float: right !important; right: 0 !important; left: auto; }

#turn_wrapper.right #turn_object { right: 0 !important; left: auto !important; }

#turn_wrapper.right { position: absolute; bottom: 0; width: 100%; height: 0; right: 0 !important; }

/* Do We want the Flip on the Bottom Right? */

#turn_wrapper.bottomRight #turn_object { float: right !important; }

#turn_wrapper.bottomRight #turn_hideme { background-color: #FFF; float: right !important; right: 0 !important; left: auto; }

#turn_wrapper.bottomRight #turn_object { right: 0 !important; left: auto !important; }

#turn_wrapper.bottomRight { position: absolute; bottom: 0; right: 0 !important; }

#turn_wrapper #turn_object img#turn_fold { display:block; width: 100%; height:100%; right: 0; position:absolute; z-index: 999; }

#turn_wrapper .ui-wrapper { left: 0 !important; top: 0 !important; }

#turn_wrapper .ui-resizable-handle { position: absolute; border: none !important; border-width: 0 !important; /* I have NO idea why this works for IE7, but it does. Background none doesn't work. Go figure. */ background: url(#none) !important; width: 100% !important; height: 100% !important; }

/* target area that holds your content */



#target { cursor: default; width: 460px; position: absolute; bottom: 35px; right: 35px; text-align: right; overflow: hidden; font-family:Georgia, "Times New Roman", Times, serif; }


#target h3 { font-weight: normal; font-size: 18px; color: #F60; margin: 0; padding: 0;}

#target a { color: #0c3543; font-weight: bold; }

#pageFlipHeader { padding: 10px 0 10px 0px; overflow: hidden; }

#pageFlipHeader .boldP { width: 300px; float: right; }

#target .boldP { color:#0c3543; font-weight: bold; }

#target p { color: #464646; font-size: 14px; margin: 0; padding: 0; }