/* Theme Name: Lance Manion Theme URI: http://planmysite.com/ Author: PlanMySite Version: 1.3 */ 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, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 20px; background: url(images/top_bg.jpg) no-repeat 50% 42px #000 } a { text-decoration: none } #twitterbar {width: 100%; background: #fff; height: 42px; border-bottom: #c6a342 2px solid} #twitterbar #inner { width: 960px; margin: auto; height: 42px} #twitterbar #inner #left { width: 780px; height: 42px; background:url(images/twitter_left.png) no-repeat left; float: left} #twitterbar #inner #left a {color: #c6a342 } #twitterbar #inner #left p { font-size: 12px; padding-top: 11px; padding-left: 55px} #twitterbar #inner #left span.grey { color: #808080} #twitterbar #inner #left p i span {color: #c6a342} #twitterbar #inner #right { float: right; padding-top: 10px} #twitterbar #inner #right a { float: right; display: block; text-indent:-9999px; overflow: hidden; text-decoration: none; } #twitterbar #inner #right a.lastfm { width:26px; height: 19px; background:url(images/social_sprite_v2.png) no-repeat 0 0 ; margin-right: 10px} #twitterbar #inner #right a.twitter {width: 16px; height: 20px; background:url(images/social_sprite_v2.png) no-repeat -37px 0px; margin-right: 10px} #twitterbar #inner #right a.facebook {width: 22px; height: 20px; background:url(images/social_sprite_v2.png) no-repeat -61px 0px; margin-right: 10px} #twitterbar #inner #right a.pinterest {width: 19px; height: 19px; background:url(images/social_sprite_v2.png) no-repeat -124px 0px; margin-right: 10px} #twitterbar #inner #right a.linkedin {width: 19px; height: 19px; background:url(images/social_sprite_v2.png) no-repeat -184px 0px; margin-right: 10px} #twitterbar #inner #right a.instagram {width: 19px; height: 19px; background:url(images/social_sprite_v2.png) no-repeat -154px 0px; margin-right: 10px} #twitterbar #inner #right a.rss { width: 20px; height: 20px; background:url(images/social_sprite_v2.png) no-repeat -95px 0px} #twitterbar #inner #right a:hover {background-position-y: -19px } #lastfmrecords li { display: block !important; width: 142px !important; height: 122px !important; float: left; background:url(images/coverbg.png) no-repeat center; margin-right: 10px !important } #lastfmrecords li img { width: 116px; height: 116px; margin-left: 3px; margin-top: 3px} #book_popup { width: 288px; height: 1110px; background:url(images/book_popup-longer10.png) no-repeat bottom; position: absolute; right: 10px; top: 80px; display: none;} #book_popup #cont {width: 191px; height: auto; position: absolute; left: 57px; top: 40px} #book_popup img { width: 60px; height: 80px; float: left} #book_popup .book { float: left; clear: left; margin-bottom: 25px; position: relative} #book_popup h3 { position: absolute; left: 70px; top: 0px; width: 120px;color: #666666; font-size: 14px; line-height: 15px} #book_popup h3 a {color: #666666} #book_popup h3 a:hover {color: #C6A342} ul.lastfm { border-top: #242424 1px solid; font-size: 12px; width: 300px; margin-top: 20px} ul.lastfm li {padding-top: 10px; padding-bottom: 10px; border-bottom: #242424 1px solid; position: relative} ul.lastfm li span { float: right; color: #666666} #site-wrapper { width: 100%; } #site-wrapper #inner { width: 960px; margin: auto;} #site-wrapper #inner #logo-menu {width: 960px; height: 160px; position: relative; z-index: 999; } #site-wrapper #inner #logo-menu a#toplogo { position: absolute; display:: block; width: 350px; height: 84px; text-indent: -9999px; overflow: hidden; background:url(images/toplogo.png) no-repeat center; left: 305px; top: 32px} #site-wrapper #inner #logo-menu ul li { display: block; float: left; font-size :18px;font-style:italic} #site-wrapper #inner #logo-menu ul li a {color: #fff} #site-wrapper #inner #logo-menu ul#left { position: absolute; left: 10px; top: 63px} #site-wrapper #inner #logo-menu ul#left li { margin-right: 28px} #site-wrapper #inner #logo-menu ul#right {position:absolute; left: 690px; top: 63px} #site-wrapper #inner #logo-menu ul#right li { margin-right: 35px} #site-wrapper #inner #logo-menu ul#right li.last { margin-right: 0} #site-wrapper #inner #logo-menu ul a:hover {color: #c6a342; text-decoration:underline} #site-wrapper #inner #logo-menu ul a.active-menu {color: #c6a342; text-decoration:underline} #site-wrapper #inner #quote { width: 960px; margin: auto; color: #fff; padding-bottom: 80px} #site-wrapper #inner #quote p {font-size: 26px; line-height: 36px;font-style: italic} #site-wrapper #inner #quote span { font-size: 12px;} #site-wrapper #inner #content { width: 960px; overflow: visible} #site-wrapper #inner #content h3#left { float: left; padding-left: 30px; font-size: 18px; color: #c6a342; width: 300px; padding-bottom: 17px; font-style: italic } #site-wrapper #inner #content h3#right { float: right; padding-left: 30px; font-size: 18px; color: #c6a342; width: 300px; clear: none; padding-bottom: 17px; font-style: italic } #site-wrapper #inner #content #leftcol { width: 627px; float: left; clear: left; padding-bottom: 50px} #site-wrapper #inner #content #leftcol .post {width: 627px; float: left; clear: left; margin-bottom: 20px} #site-wrapper #inner #content #leftcol .post .date { float: left; width: 75px; height: 91px; background:url(images/dribb.png) no-repeat center } #site-wrapper #inner #content #leftcol .post .date .book { width: 31px; height: 25px; background: url(images/book_icon.png) no-repeat center; position:relative; top: 45px; left: 35px} #site-wrapper #inner #content #leftcol .post .date p { color: #fff; text-align: center; padding-top: 35px; padding-left: 25px} #site-wrapper #inner #content #leftcol .post .date p span.month { text-transform:uppercase;font-style:italic} #site-wrapper #inner #content #leftcol .post .date p span.day {font-size: 36px} #site-wrapper #inner #content #leftcol .post .pcontent { position: relative; width: 513px; float: left; background: #fff; padding-top: 47px; padding-left: 19px; padding-right: 19px; padding-bottom: 18px} #site-wrapper #inner #content #leftcol .post .pcontent #ptop { width: 510px; height: 20px; background: url(images/ptop.png) no-repeat center; position: absolute; left: 20px; top: 9px} #site-wrapper #inner #content #leftcol .post .pcontent blockquote { padding-left: 55px; font-size: 24px; color: #c6a342; line-height: 32px; font-style: italic; background:url(images/quote.png) no-repeat 0px 5px} #site-wrapper #inner #content #leftcol .post .pcontent .pbottom { width: 551px; height:8px; background:url(images/pbottom.png) no-repeat center; position: absolute; bottom:0; left: 0 } #site-wrapper #inner #content #leftcol .post .pcontent h2 { font-size: 30px; text-transform:uppercase; line-height: 36px; padding-bottom: 10px} #site-wrapper #inner #content #leftcol .post .pcontent h1 { font-size: 30px; text-transform:uppercase; line-height: 36px; padding-bottom: 10px} #site-wrapper #inner #content #leftcol .post .pcontent h3 { padding-bottom: 20px} #site-wrapper #inner #content #leftcol .post .pcontent h2 a { color: #000} #site-wrapper #inner #content #leftcol .post .pcontent h2 a:hover { color: #C6A342} #site-wrapper #inner #content #leftcol .post .pcontent #bnav a {color: #c6a342; font-size: 18px; font-style:italic} #site-wrapper #inner #content #leftcol .post .pcontent #bnav {border-top: #cccccc 1px solid; padding-top: 20px} #site-wrapper #inner #content #leftcol .post .pcontent #bnav #next { float: right; clear: none; margin-bottom: 7px} #site-wrapper #inner #content #leftcol .post .pcontent #bnav #prev { float: left; clear: none; margin-bottom: 7px} #site-wrapper #inner #content #leftcol .post img { padding: 5px; border: #b3b3b3 1px solid} #site-wrapper #inner #content #leftcol .post p {padding-bottom: 23px} #site-wrapper #inner #content #leftcol .post p a {color: #bf0000; text-decoration: underline} #site-wrapper #inner #content #leftcol h3#newsupdates { float: left; padding-left: 30px; font-size: 18px; color: #c6a342; width: 300px; padding-bottom: 20px; font-style: italic } #site-wrapper #inner #content #leftcol .post .pcontent h2.desc {float:left; display:block; width: 510px; height: 16px; background:url(images/bdesc_title.png) no-repeat center; text-indent:-9999px; overflow:hidden; margin-top: 23px; margin-bottom: 40px} #site-wrapper #inner #content #leftcol .post .pcontent h2.revs {float:left; display:block; width: 510px; height: 16px; background:url(images/brevs_title.png) no-repeat center; text-indent:-9999px; overflow:hidden; margin-top: 53px; margin-bottom: 40px} #site-wrapper #inner #content #leftcol .post .pcontent .review { float: left; clear: left; margin-bottom: 40px} #site-wrapper #inner #content #leftcol .post .pcontent .review img { float: left; border: none; padding: 0; padding-left: 2px} #site-wrapper #inner #content #leftcol .post .pcontent .review p { padding-left: 30px; padding-bottom: 12px} #site-wrapper #inner #content #leftcol .post .pcontent .review a { font-style:italic; color: #c6a342} #site-wrapper #inner #content #leftcol .post .pcontent .review .author {color: #666666; font-style:italic; font-size: 10px; float: right} #site-wrapper #inner #content #leftcol ol {list-style:decimal; margin-left:20px} #site-wrapper #inner #content #leftcol ol li {border-bottom: #d9d9d9 1px dotted; padding-bottom: 18px; padding-top: 18px} #site-wrapper #inner #content #leftcol ol li a { text-transform:uppercase; text-decoration:underline; color: #ae8f3a} #site-wrapper #inner #content #leftcol #questions { border-bottom: #bdbdbd 1px solid} #site-wrapper #inner #content #leftcol #answers { margin-top: 50px} #site-wrapper #inner #content #leftcol #answers h2 { font-size: 18px; color: #000; padding-bottom: 17px} #site-wrapper #inner #content #leftcol #answers p { padding-left: 8px; border-left: #e6e6e6 1px dotted; padding-bottom: 0px} #site-wrapper #inner #content #leftcol #answers li { border: none} #ficon { width: 32px; height: 32px; background:url(images/faq_icon.png) no-repeat center; margin-left: 35px; margin-top: 45px} #site-wrapper #inner #content #leftcol .link {width: 627px; float: left; clear: left} #site-wrapper #inner #content #leftcol .link .lheader { width: 627px; float: left} #site-wrapper #inner #content #leftcol .link p {float: left; clear: left; color: #fff; padding-left: 92px; padding-top: 17px; padding-bottom: 30px; color: #666666; line-height: 20px} #site-wrapper #inner #content #leftcol .link p a { color: #c6a342; text-decoration: underline; font-style: italic } #site-wrapper #inner #content #leftcol .link .rating { float: left; margin-right: 20px; width: 70px} #site-wrapper #inner #content #leftcol .link .rating div { height: 20px; float: right; background: url(images/stars.png) no-repeat right; overflow: hidden; text-indent: -9999px} #site-wrapper #inner #content #leftcol .link .rating .rating-stars-3 { width: 70px} #site-wrapper #inner #content #leftcol .link .rating .rating-stars-2 { width: 39px} #site-wrapper #inner #content #leftcol .link .rating .rating-stars-1 { width: 18px} #site-wrapper #inner #content #leftcol .link h2 { width: 500px; border-bottom: #404040 1px dotted; color: #fff; text-transform:uppercase; float: left; clear: none; padding-bottom: 20px} #site-wrapper #inner #content #leftcol .link h2 a { color: #fff; text-decoration: underline; line-height: 1.25em; } #site-wrapper #inner #content #leftcol .link h2 a:hover { color: #c6a342} #site-wrapper #inner #content #leftcol #socialbox { width:627px; margin-top: 10px; float: left} #site-wrapper #inner #content #leftcol #socialbox h3 { color: #fff; font-size: 18px; font-style:italic; float: left; padding-left: 10px} #site-wrapper #inner #content #leftcol #socialbox .right { float: right; clear: none} #site-wrapper #inner #content #leftcol #socialbox .right.pin { padding-right: 5px} #site-wrapper #inner #content #leftcol #socialbox .right.linked { width: 59px; padding-right: 5px; overflow: hidden} #site-wrapper #inner #content #leftcol #comments { float: left; width: 627px; margin-top: 75px; position: relative} #site-wrapper #inner #content #leftcol h3.comments { color: #fff; font-size: 30px; font-style: italic; padding-left: 10px; float: left; padding-bottom: 10px} #site-wrapper #inner #content #leftcol #comments h3 { color: #fff; font-size: 30px; font-style: italic; padding-left: 10px; float: left; padding-bottom: 10px} #site-wrapper #inner #content #leftcol #comments #inner { float: left; clear: left; margin-left: 80px; width: 549px; border-top: #808080 1px dotted; margin-bottom: 50px} #site-wrapper #inner #content #leftcol #comments #inner ul.children { margin-left: 70px} #site-wrapper #inner #content #leftcol #comments .comment-body { border-bottom: #808080 1px dotted; padding-bottom: 30px } #site-wrapper #inner #content #leftcol #comments #inner .comment {padding-top: 30px; position: relative; } #site-wrapper #inner #content #leftcol #comments #inner .comment .vcard { float: left; width: 61px; margin-right: 10px; height: 100%} #site-wrapper #inner #content #leftcol #comments #inner .comment .vcard .avbg { width: 61px; height: 62px; background:url(images/av_bg.png) no-repeat center} #site-wrapper #inner #content #leftcol #comments #inner .comment .vcard .avbg img { margin-left: 4px; margin-top: 5px; border: #b3b3b3 1px solid} #site-wrapper #inner #content #leftcol #comments #inner .comment cite a {color: #c9a84d; font-style:normal} #site-wrapper #inner #content #leftcol #comments #inner .comment cite {color: #c9a84d; font-style:normal} #site-wrapper #inner #content #leftcol #comments #inner .comment .commentmetadata { position: absolute; font-size: 10px; color: #999999; font-style: italic; right: 24px; top: 35px} #site-wrapper #inner #content #leftcol #comments #inner .comment .commentmetadata a { color: #c9a84d } #site-wrapper #inner #content #leftcol #comments #inner .comment .commentmetadata a span { color: #999999} #site-wrapper #inner #content #leftcol #comments #inner .comment p {color: #fff; line-height: 22px; padding-top: 20px; padding-left: 71px} #site-wrapper #inner #content #rightcol {width: 329px; float: right; clear: none} #site-wrapper #inner #content #rightcol #books-widget { width: 329px;margin-bottom: 40px; color: #fff; position: relative} #site-wrapper #inner #content #rightcol #books-widget:after { clear:both; content:"."; display:block; height:0; visibility:hidden; } #site-wrapper #inner #content #rightcol #books-widget .bookcontainer { position: relative; float: left; clear:left; height: 400px; margin-bottom: 20px} #site-wrapper #inner #content #rightcol #books-widget .shelf {width: 309px; height: 52px; background:url(images/shelf_small.png) no-repeat center; position: absolute; top: 260px; left: 10px} #site-wrapper #inner #content #rightcol #books-widget .bookcontainer img { position: absolute; z-index: 10; left: 60px; width: 206px; height: 278px;} #site-wrapper #inner #content #rightcol #books-widget .bookcontainer em { font-size: 18px} #site-wrapper #inner #content #rightcol #books-widget .pprice { color: #c6a342; font-style:italic; position: absolute; top: 327px; left: 50px} #site-wrapper #inner #content #rightcol #books-widget .pprice .full { font-size: 20px} #site-wrapper #inner #content #rightcol #books-widget .pprice .decimal {vertical-align: super} #site-wrapper #inner #content #rightcol #books-widget .pprice .label { color: #7d7d7d; font-size: 11px; text-align: center} #site-wrapper #inner #content #rightcol #books-widget .eprice { color: #c6a342; font-style:italic; position: absolute; top: 327px; left: 140px} #site-wrapper #inner #content #rightcol #books-widget .eprice .full { font-size: 20px} #site-wrapper #inner #content #rightcol #books-widget .eprice .decimal {vertical-align: super; } #site-wrapper #inner #content #rightcol #books-widget .eprice .label { color: #7d7d7d; font-size: 11px;} #site-wrapper #inner #content #rightcol #books-widget em { font-size: 30px} #site-wrapper #inner #content #rightcol #books-widget a#buy {display: block; width: 46px; height: 20px; background:url(images/buy_btn.png) no-repeat top; text-indent:-9999px; overflow: hidden; position: absolute; left: 220px; top: 327px} #site-wrapper #inner #content #rightcol #books-widget a#buy:hover {background-position: bottom} #site-wrapper #inner #content #rightcol #bquotes { padding-left: 10px} #site-wrapper #inner #content #rightcol #bquotes h2 { font-style: italic; color: #c6a342; font-size: 18px; padding-bottom:30px } #site-wrapper #inner #content #rightcol #bquotes blockquote { color: #fff; padding-left: 50px; font-size: 16px; line-height: 23px; font-style:italic; background:url(images/bquote.png) no-repeat 0px 3px; padding-bottom: 24px } #site-wrapper #inner #content #rightcol #bquotes blockquote p { padding-bottom: 20px; border-bottom: #808080 1px dotted; width: 95%} #site-wrapper #inner #content #rightcol #fb-widget { width: 272px; height: 286px; background:url(images/fb_bg.jpg) no-repeat right; padding-left: 57px; padding-top: 74px; margin-bottom: 40px} #site-wrapper #inner #content #rightcol #lastfm-widget {width: 329px; min-height:366px; color: #fff; padding-left: 20px; padding-bottom: 20px; } #site-wrapper #inner #content #rightcol #lastfm-widget h3 {color: #c6a342; font-size: 18px; padding-bottom: 25px} #err { width: 960px; height: 513px; background: url(images/404_bg.jpg) no-repeat center; margin: auto; position: relative } #err a#back {display: block; width: 170px; height: 172px; background:url(images/404_back.png) no-repeat center; position: absolute; left: 589px; top: 134px} #site-wrapper #inner #content #centercol { width: 960px; float: left; clear: left; margin-bottom: 20px} #site-wrapper #inner #content #centercol #shelves {background:url(images/shelves.jpg) repeat-y 0 0; margin: auto; clear: left} #site-wrapper #inner #content #centercol #shelves:after { clear:both; content:"."; display:block; height:0; visibility:hidden; } #site-wrapper #inner #content #centercol #shelves .bookc {width:315px; height: 211px; position: relative; float: left; margin: 0 0 30px;} #site-wrapper #inner #content #centercol #shelves .bookc h2 {font-size: 15px; color: #fff; position: relative; padding: 10px 0 5px 20px; } #site-wrapper #inner #content #centercol #shelves .bookc h2 a {color: #fff; } #site-wrapper #inner #content #centercol #shelves .bookc h2 a:hover {color: #c6a342; text-decoration: underline; } #site-wrapper #inner #content #centercol #shelves .bookc a.cover { width: 94px; height: 127px; position: relative; float: left; left: 30px; top: 10px; overflow: visible} #site-wrapper #inner #content #centercol #shelves .bookc img { width: 94px; height: 127px; display: block; } #site-wrapper #inner #content #centercol #shelves div.prices { position: relative; float: right; clear: right; top: 0; width: 190px} #site-wrapper #inner #content #centercol #shelves .pprice, #site-wrapper #inner #content #centercol #shelves .eprice { color: #c6a342; font-style:italic; padding: 10px 0 0; position: relative; float: left; width: 75px; text-align: center; left: auto; top: 0;} #site-wrapper #inner #content #centercol #shelves .eprice.free { top: 3px; } #site-wrapper #inner #content #centercol #shelves .pprice .full { font-size: 20px} #site-wrapper #inner #content #centercol #shelves .pprice .decimal {vertical-align: super} #site-wrapper #inner #content #centercol #shelves .pprice .label { color: #7d7d7d; font-size: 11px; text-align: center} #site-wrapper #inner #content #centercol #shelves .eprice .full { font-size: 20px} #site-wrapper #inner #content #centercol #shelves .eprice .decimal {vertical-align: super; } #site-wrapper #inner #content #centercol #shelves .eprice .label { color: #7d7d7d; font-size: 11px;} #site-wrapper #inner #content #centercol #shelves p { color: #666666; font-size: 11px; font-style: italic; line-height: 15px; position: relative; float: right; width: 180px; margin-top: 7px;} #site-wrapper #inner #content #centercol #shelves a.buy {display: block; width: 46px; height: 20px; background:url(images/buy_btn.png) no-repeat top; text-indent:-9999px; overflow: hidden; position: relative; margin: 0 auto; left: auto; top: 4px;} #site-wrapper #inner #content #centercol #shelves a.download {display: block; width: 88px; height: 20px; background:url(images/download-link.png) no-repeat top; text-indent:-9999px; overflow: hidden; position: relative; margin: 0 auto; left: auto; top: 4px;} #site-wrapper #inner #content #centercol #shelves a.buy:hover { background-position: 0 -20px} #site-wrapper #inner #content #centercol #shelves a.download:hover { background-position: 0 -20px} #centercol #rrevs { width: 466px; float: left; margin-top: 75px; margin-right: 50px} #centercol #rrevs h2 {color: #c6a342; font-style:italic; font-size: 18px;padding-left: 20px; padding-bottom: 50px} #centercol #rrevs ul {} #centercol #rrevs ul li { background:url(images/ricon2.png) no-repeat 2px 0; width: 390px; padding-left: 30px; margin-left: 30px; color: #fff; padding-bottom: 10px; margin-bottom: 10px; border-bottom: #808080 1px dotted; line-height: 23px} #centercol #rquotes {width: 430px; float: left; margin-top: 75px} #centercol #rquotes h2 {color: #c6a342; font-style:italic; font-size: 18px; padding-bottom: 50px} #centercol #rquotes ul {} #centercol #rquotes ul li { width: 390px; color: #fff; padding-bottom: 10px; margin-bottom: 10px; border-bottom: #808080 1px dotted; line-height: 23px; background:url(images/bquote.png) no-repeat 0px 5px } #centercol #rquotes ul li p { margin-left: 60px } #site-wrapper #inner #content #contactcol { width: 960px; float: left; clear} #site-wrapper #inner #content #contactcol .date #cicon { width: 28px; height: 18px; background:url(images/cicon.png) no-repeat center; position:absolute; left: 36px; top: 48px} #site-wrapper #inner #content #contactcol .date { position:relative;float: left; width: 75px; height: 91px; background:url(images/dribb.png) no-repeat center; clear: left} #site-wrapper #inner #content #contactcol #ccontent { float: left; width:870px; background: url(images/conttop.png) no-repeat top left #fff; height: 415px; margin-bottom: 50px; position: relative } #site-wrapper #inner #content #contactcol #ccontent #cbottom { width: 870px; height: 15px; background:url(images/cbottom.png) no-repeat center; position: absolute; bottom: 0 } #site-wrapper #inner #content #contactcol #ccontent #ctext { width: 330px; font-size: 12px; line-height: 18px; position: absolute; left: 22px; top: 45px; float: left} #site-wrapper #inner #content #contactcol #ccontent #ctext p { padding-bottom: 25px} #site-wrapper #inner #content #contactcol #ccontent #cspacer { width: 312px; height: 26px; background:url(images/cspacer.png) no-repeat center; position:absolute; top: 200px; left: 22px} #site-wrapper #inner #content #contactcol #ccontent #wtm { width: 224px; height: 80px; background:url(images/wtm.png) no-repeat center; position: absolute; left: 58px; top: 295px} #site-wrapper #inner #content #contactcol #ccontent a { display: block; position: absolute; text-indent:-9999px; overflow: hidden; top: 254px} #site-wrapper #inner #content #contactcol #ccontent a#fb { width:74px; height: 13px; background:url(images/cfb.png) no-repeat center; left: 97px } #site-wrapper #inner #content #contactcol #ccontent a#tw { width: 60px; height: 13px; background:url(images/ctw.png) no-repeat center; left: 198px} #site-wrapper #inner #content #contactcol #contform { position: absolute; left: 355px; top: 43px; width: 510px} /* #site-wrapper #inner #content #contactcol #contform .input { float: left; height: 40px; width:244px; margin-right:8px; margin-bottom: 12px } #site-wrapper #inner #content #contactcol #contform .input.name { background:url(images/contform.png) 0 0 } #site-wrapper #inner #content #contactcol #contform .input.name input { background: none; color: #999999; font-family: Georgia; margin-left: 30px; margin-top:13px; border:none; width:200px} #site-wrapper #inner #content #contactcol #contform .input.mail { background:url(images/contform.png) 0 -40px } #site-wrapper #inner #content #contactcol #contform .input.mail input { background: none; color: #999999; font-family: Georgia; margin-left: 30px; margin-top:13px; border:none; width:200px} #site-wrapper #inner #content #contactcol #contform input:focus, #site-wrapper #inner #content #contactcol #contform textarea:focus { outline:none} #site-wrapper #inner #content #contactcol #contform .input.country {background:url(images/contform.png) 0 -80px} #site-wrapper #inner #content #contactcol #contform .input.country input { margin-left: 30px; margin-top: 13px} #site-wrapper #inner #content #contactcol #contform .input.state {background:url(images/contform.png) 0 -80px} #site-wrapper #inner #content #contactcol #contform .input.state input { margin-left: 30px; margin-top: 13px} #site-wrapper #inner #content #contactcol #contform .message { width: 495px; height: 189px; float:left; clear:left; background:url(images/contform.png) no-repeat 0 -120px; margin-bottom:10px} #site-wrapper #inner #content #contactcol #contform .message textarea { color: #999; font-family: Georgia ;width:484px; height: 174px; padding-left: 11px; padding-top:15px; background:none; border: none; resize:none; } #site-wrapper #inner #content #contactcol #contform .submit { float: right; margin-right: 14px; background:url(images/contform.png) no-repeat 0 -499px; width: 124px; height: 39px} #site-wrapper #inner #content #contactcol #contform .submit input { width: 124px; height: 39px; background:none; border:none; cursor: pointer} #site-wrapper #inner #content #contactcol #contform .checkbox { margin-top:10px; float: left; clear: left} #site-wrapper #inner #content #contactcol #contform .checkbox label { color: #c9a84d; font-style:italic; font-size: 12px} #site-wrapper #inner #content #contactcol #contform .checkbox .checker { margin-bottom: 2px} #site-wrapper #inner #content #contactcol #contform .input.name.error {background-position: -244px 0px} #site-wrapper #inner #content #contactcol #contform .input.mail.error {background-position: -244px -40px} #site-wrapper #inner #content #contactcol #contform .input.country.error {background-position: -244px -80px} #site-wrapper #inner #content #contactcol #contform .input.state.error {background-position: -244px -80px} #site-wrapper #inner #content #contactcol #contform .message.error {background-position: 0px -309px} */ /* #site-wrapper #inner #content #contactcol #cform .input.name input { background: none; color: #999999; font-family: Georgia; margin-left: 30px; margin-top: 13px; border: none; width: 130px} #site-wrapper #inner #content #contactcol #cform .input.name { height: 40px; float: left; background: url(images/commform.png) no-repeat 0 0; margin-right: 9px} #site-wrapper #inner #content #contactcol #cform .input.mail input { background: none; color: #999999; font-family: Georgia; margin-left: 30px; margin-top: 13px; border: none; width: 130px} #site-wrapper #inner #content #contactcol #cform .input.mail { height: 40px; float: left; width: 178px; background: url(images/commform.png) no-repeat 0 -40px; margin-right: 9px} */ #footer { width: 100%; height: 280px; float: left; background: #fff} #footer #inner { width: 960px; margin:auto; height: 250px} #footer #inner #copy h3 { font-size: 34px; font-style: italic } #footer #inner #copy { float: left; padding-left: 15px; padding-top: 40px; width: 155px; font-size: 12px; color: #666666; line-height: 18px; margin-right: 30px} #footer #inner #copy p { padding-top: 25px} #footer #inner #copy p a {color: #ceaf5b} #footer #inner #mailing { float: left; width: 400px; height: 280px; position: relative; margin-right: 40px} #footer #inner #mailing h3 { padding-left: 43px; padding-top: 40px; font-size: 18px; font-style: italic} #footer #inner #mailing { background:url(images/mailing_bg.png) no-repeat 0px 80px} #footer #inner #mailing .textf { position: absolute; left: 50px; top: 127px } #footer #inner #mailing .textf input:focus { outline:none} #footer #inner #mailing .textf input{ color: #c6a342; border: none; background: none; width: 240px; font-size: 14px; font-family: Georgia} #footer #inner #mailing .submit { position: absolute; left: 302px; top: 122px } #footer #inner #mailing .submit input { width:90px; height:36px; display: block; border: none; background: none; cursor: pointer } #footer #inner #links { float: left; width: 305px; height: 280px; position: relative} #footer #inner #links h3 { font-size: 18px; padding-top: 40px; font-style:italic} #footer #inner #links ul { padding-top: 27px; list-style: disc; width: 300px} #footer #inner #links ul li { border-bottom: #cdcecd 1px solid; padding-bottom:8px; padding-top: 8px; list-style-position: inside} #footer #inner #links ul li a {color: #666666;} #footer #inner #links ul li a:hover { color: #ceaf5b; text-decoration:underline} #footer #inner #links a#links {display: block; width:68px; height: 23px; text-indent:-9999px; overflow: hidden; background:url(images/link_btn.png) no-repeat center; position: absolute; top: 40px; right: 0} #cform { margin-top: 47px; padding-left: 78px; float: left; clear: left; height: 260px; position: relative} #cform h3 { display: none} #cform label { display: none} #cform span { display: none} #cform .checker span { display: block !important; margin-bottom:10px} #cform .tfield { height: 40px; float: left} #cform .tfield input:focus { outline: none} #cform p { float: left} #cform .comment-form-author input, #cform .comment-form-email input, #cform .comment-form-url input { background: none; color: #999999; font-family: Georgia; margin-left: 30px; margin-top: 13px; border: none; width: 130px} #cform .comment-form-author.error { background-position-x: -178px} #cform .comment-form-author { height: 40px; float: left; width: 178px; background: url(images/commform.png) no-repeat 0 0; margin-right: 9px} #cform .comment-form-email { height: 40px; float: left; width: 178px; background: url(images/commform.png) no-repeat 0 -40px; margin-right: 9px} #cform .comment-form-email.error { background-position-x: -178px} #cform .comment-form-url { height: 40px; float: left; width: 177px; background: url(images/commform.png) no-repeat 0 -80px} #cform .comment-form-url.error { background-position-x: -177px} #cform .last { margin-right: 0} #cform .comment-form-comment {width: 551px; height:110px; background:url(images/commform.png) no-repeat 0 -120px; float: left; clear: left; margin-top: 12px} #cform .comment-form-comment.error { background-position-y: -230px} #cform .form-submit { float: right; width: 123px; height: 40px; background: url(images/commform.png) no-repeat -393px -35px; margin-top: 9px} #cform .form-submit input {width: 123px; height: 40px; border:none; background:none; cursor:pointer; text-indent: -9999px; text-transform:capitalize} #cform textarea {resize:none; padding: 10px; width: 528px; height: 90px; border: none; background: none; color: #999999; font-family:Georgia} #cform textarea:focus { outline: none} .logged-in-as { color: #fff} .logged-in-as a { color: #C9A84D} #cform p.subscribe-to-comments { position: absolute; top: 185px; color: #fff } #cform p.subscribe-to-comments label { display:inline !important; color: #fff; font-style: italic; color: #c9a84d; font-size: 12px} .wp-pagenavi { margin-left: 75px; font-size: 18px; font-style: italic; float: left; width: 552px; position: relative; text-align:center; clear: left} .wp-pagenavi a { border: none !important; color: #fff} .wp-pagenavi a.more { color: #c6a342 } .wp-pagenavi a:hover { color: #c6a342; text-decoration: underline; } .wp-pagenavi .pgs { width: 400px; margin: auto; text-align:center} .wp-pagenavi .nextpostslink { color: #c6a342; clear: none; position: absolute; right: 0; top: 0} .wp-pagenavi .previouspostslink { color: #c6a342; position: absolute; left: 0; top: 0} .wp-pagenavi .current { color: #c6a342; padding-left: 10px; padding-right: 10px } .wp-pagenavi .current:before { content: '{'} .wp-pagenavi .current:after { content: '}'} .wp-pagenavi .page { padding-left: 10px; padding-right: 10px} // By Paul .wp-pagenavi a.more { text-decoration: none; } .wp-pagenavi a:hover.more { text-decoration: underline; } #site-wrapper #inner #content #leftcol .post p a { text-decoration: none; } #site-wrapper #inner #content #leftcol .post p a:hover { text-decoration: underline; } #site-wrapper #inner #content #leftcol .post .pcontent h2 a:hover { text-decoration: underline; } #footer #inner #copy h3 { color: #000; } #footer #inner #links ul li a { font-style: italic; } #footer #inner #links a#links { text-decoration: none; } #footer #inner #links a:hover#links { text-decoration: underline!important; } #site-wrapper #inner #content #rightcol #books-widget .bookcontainer.small h3 a { color: #fff; } #site-wrapper #inner #content #rightcol #books-widget .bookcontainer.small h3 a:hover { color: #c6a342; text-decoration: underline; } #rrevs a { color: #c6a342; text-decoration: underline; } #rrevs a:hover { color: #c6a342; text-decoration: none; } .lastfm-item a { color: #fff; } .lastfm-item a:hover { color: #c6a342; text-decoration: underline; } input, select, option { font-size: 12px; } input:focus, textarea:focus { outline:none } .clear { clear:both; height: 0; overflow: hidden; position: relative; } #site-wrapper #inner #content #rightcol #books-widget .bookcontainer.small {margin-bottom: 50px; } #site-wrapper #inner #content #rightcol #books-widget .bookcontainer.small .shelf {width: 309px; height: 52px; background:url(images/shelf_small.png) no-repeat center; position: relative; clear: both; top: -5px; left: 10px;} #site-wrapper #inner #content #rightcol #books-widget .bookcontainer.small a.cover { position: relative; float: left; display: block; z-index: 10; width: 94px; top: 10px; ; left: 0; margin-left: 30px;} #site-wrapper #inner #content #rightcol #books-widget .bookcontainer.small img { display: block; width: 94px; height: 127px; left: 0; top: 0; position: relative} #site-wrapper #inner #content #rightcol #books-widget .bookcontainer.small p { color: #666666; font-size: 11px; font-style: italic; line-height: 15px; position: relative; float: right; top: 10px; width: 190px; padding: 0 0 0 10px;} #site-wrapper #inner #content #rightcol #books-widget .bookcontainer.small div.prices { position: relative; float: right; clear: right; top: 10px; width: 190px} #site-wrapper #inner #content #rightcol #books-widget .bookcontainer.small em { font-size: 18px} #site-wrapper #inner #content #rightcol #books-widget .bookcontainer.small .pprice, #site-wrapper #inner #content #rightcol #books-widget .bookcontainer.small .eprice { color: #c6a342; font-style:italic; padding: 10px 0 0; position: relative; float: left; width: 75px; text-align: center; left: auto; top: 0;} #site-wrapper #inner #content #rightcol #books-widget .bookcontainer.small .eprice { width: 88px; } #site-wrapper #inner #content #rightcol #books-widget .bookcontainer.small .eprice.free { top: 3px; } #site-wrapper #inner #content #rightcol #books-widget .bookcontainer.small { height: 169px} #site-wrapper #inner #content #rightcol #books-widget .bookcontainer a.buy {display: block; width: 46px; height: 20px; background:url(images/buy_btn.png) no-repeat top; text-indent:-9999px; overflow: hidden; position: relative; margin: 0 auto; left: auto; top: 4px;} #site-wrapper #inner #content #rightcol #books-widget .bookcontainer a.download {display: block; width: 88px; height: 20px; background:url(images/download-link.png) no-repeat top; text-indent:-9999px; overflow: hidden; position: relative; margin: 0 auto; left: auto; top: 4px;} #site-wrapper #inner #content #rightcol #books-widget .bookcontainer a.buy:hover { background-position: 0 -20px} #site-wrapper #inner #content #rightcol #books-widget .bookcontainer a.download:hover { background-position: 0 -20px} #site-wrapper #inner #content #rightcol #books-widget .bookcontainer.small h3 {font-size: 16px; color: #fff; width: 100%; line-height: 1.25em; padding: 10px 0 0 15px; left: auto; top: auto;} #site-wrapper #inner #content #rightcol #books-widget .bookcontainer.single-book .prices { margin: 0 0 0 45px; display: block; position: relative; } .posts-nav-link { position: relative; display: block; width: 50%; } .prev-posts-link { float: left; text-align: left; } .next-posts-link { float: right; text-align: right; } .posts-nav-link a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 20px; font-style: italic; color: #c6a342; } .posts-nav-link a:hover { text-decoration: underline; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ /* gform styles for contact */ #contform .gform_wrapper{ margin-top: 0px; } #contform .gform_wrapper .validation_error{ margin-bottom: 10px; padding: 5px 0px; } #contform .gform_wrapper li.gfield{ margin-top: 0px; margin-bottom: 10px; } #contform .gform_wrapper li.gfield label{ color: #c9a84d; } #contform .gform_wrapper li.gfield .gfield_description.validation_message{ padding-top: 5px; font-size: .9em; } #contform .gform_wrapper li.gfield input, #contform .gform_wrapper li.gfield select, #contform .gform_wrapper li.gfield textarea{ margin-top: 0px; box-shadow:inset 0 0 10px #EAEAEA; -moz-box-shadow:inset 0 0 10px #EAEAEA; -webkit-box-shadow:inset 0 0 10px #EAEAEA; background: transparent; border-color: #c9a84d; border-style: solid; border-width: 1px; color: #999999; padding: 5px 6px; } #contform .gform_wrapper li.gfield textarea{ height: 140px; } #contform .gform_wrapper li.gfield.gfield_error textarea{ height: 80px; } #contform .gform_wrapper .gform_footer{ padding-top: 0px; margin-top: 5px; } #contform .gform_wrapper .gform_footer .gform_button.button{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ac0a0e+0,790507+100 */ background: #ac0a0e; /* Old browsers */ background: -moz-linear-gradient(top, #ac0a0e 0%, #790507 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ac0a0e 0%,#790507 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ac0a0e 0%,#790507 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac0a0e', endColorstr='#790507',GradientType=0 ); /* IE6-9 */ color: #fff; border: none; padding: 8px 25px; font-weight: bold; font-style: italic; border-radius: 3px; } #contform .gform_wrapper .gform_footer .gform_button.button:hover{ cursor: pointer; background: #c9a84d; } #contform .gform_wrapper li.gfield .ginput_container{ margin-top: 0px; } .icon-user input{ background-image: url('./images/icon-user.png') !important; background-repeat: no-repeat !important; background-position: 5px center !important; padding-left: 28px !important; } .icon-email input{ background-image: url('./images/icon-envelop.png') !important; background-repeat: no-repeat !important; background-position: 5px center !important; padding-left: 28px !important; }