/* THEME NAME: Craig McLachlan THEME URI: http://www.plaintxt.org/themes/sandbox/ DESCRIPTION: Craig McLachlan Wordpress Theme TAGS: craig mcLachlan VERSION: 1.0 AUTHOR: Digital Visions Queenstown AUTHOR URI: http://www.dvq.co.nz/ */ /* GLOBAL RESET ---------------------------- */ body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; } address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; } acronym, abbr, fieldset, img { border: 0;} :focus { outline: 0; } /* BASE STYLE ---------------------------- */ body { background: #554119; font: 75%/1.5em Arial, sans-serif; color: #575046; } #bg-wrapper { background: #406222 url(images/bg-repeat.gif) repeat 0 0; } #bg-wrapper-2 { background: url(images/bg.gif) repeat-x 0 0; } .wrapper { width: 870px; margin: 0 auto; position: relative; } strong { font-weight: bold; } p { margin-bottom: 1em; } em { font-style: italic; } a { color: #6faa27; text-decoration: underline; } a:hover { color: #387d9c; text-decoration: none; } h2 { color: #3a352f; font: 165%/1.5em Helvetica, Arial, sans-serif; border-bottom: 1px solid #d8d5bf; padding-bottom: 2px; margin-bottom: 20px; } h3 { color: #3a352f; font: 135%/1.5em Helvetica, Arial, sans-serif; margin: 10px 0; } .hidden { display: none; } ul, ol { margin-bottom: 10px; } ul li { background: url(images/bullet.gif) no-repeat 8px 6px; padding-left: 25px; margin-bottom: 3px; } ol li { list-style-type: decimal; list-style-position: inside; } ul li ul, ol li ol { margin: 0; } ol li ol li { margin-left: 21px; } /* HEADER ---------------------------- */ #header-bg { width: 100%; background: url(images/header-bg.jpg) no-repeat top center; padding: 33px 0 85px 0; position: relative } h1 { display: block; text-indent: -9999px; background: url(images/logo.png) no-repeat 0 0; width: 225px; height: 58px; margin-left: 11px; } #sociidot-ad { width: 314px; height: 234px; display: block; text-indent: -9999px; background: url(images/sociidot-ad.png) no-repeat 0 0; position: absolute; top: -20px; right: 0; z-index: 100; } /* LANGUAGE BOX ---------------------------- */ #language-box { width: 113px; height: 19px; position: absolute; top: -26px; right: 0; background: url(images/language-box.gif) no-repeat 0 0; } #language-box-text { display: none; } #english-flag { width: 19px; height: 13px; background: url(images/english-flag.gif) no-repeat 0 0; text-indent: -9999px; display: block; position: absolute; top: 1px; left: 65px; } #japanese-flag { width: 19px; height: 13px; background: url(images/japanese-flag.gif) no-repeat 0 0; text-indent: -9999px; display: block; position: absolute; top: 1px; left: 87px; } /* MAIN CONTENT ---------------------------- */ #main-content-wrapper { width: 600px; float: right; margin: 15px 0 30px 0; } #main-content { background: #f1f8e8 url(images/main-content-top.gif) no-repeat 0 0; width: 580px; padding: 65px 10px 0px 10px;} #main-content-bottom { background: url(images/main-content-bottom.gif) no-repeat bottom left; height: 15px; width: 600px; } #main-content a { color: #6faa27; text-decoration: none; background: #e8f0dd; border-bottom: 1px solid #6faa27; } #main-content a:hover { color: #387d9c; border-bottom: none; padding-bottom: 1px; background: #e1ecd4; } #main-content img { background: #d8d5bf; border: 1px solid #c9c6b0; padding: 4px; } #main-content img.border-none { background: none; border: none; padding: 0; } #main-content a.bouncing-book { width: 580px; height: 216px; display: block; text-indent: -9999px; background: url(images/bouncing-book.gif) no-repeat 0 0; border: none; border-bottom: 1px solid #d8d5bf; padding-bottom: 10px; margin-bottom: 20px; } #main-content a.bouncing-book:hover { opacity: 0.8; } #main-image { margin-bottom: 20px; background: #d8d5bf; border: 1px solid #c9c6b0; padding: 4px; width: 570px; height: 190px; } #main-content .img-container-225 { background: #d8d5bf; border: 1px solid #c9c6b0; padding: 4px; width: 225px; } #main-content .img-container-225 img { margin-bottom: 10px; padding: 0; border: none; background: none; } #main-content .img-container-225 p { margin-bottom: 0; } #main-content .img-container-150 { background: #d8d5bf; border: 1px solid #c9c6b0; padding: 4px; width: 150px; } #main-content .img-container-150 img { margin-bottom: 10px; padding: 0; border: none; background: none; } #main-content .img-container-150 p { margin-bottom: 0; } #photos-left { width: 275px; float: left; } #photos-right { width: 275px; float: right; } #photos-left .img-container-265, #photos-right .img-container-265 { background: #d8d5bf; border: 1px solid #c9c6b0; padding: 4px; width: 265px; margin-bottom: 30px; } #photos-left .img-container-265 img, #photos-right .img-container-265 img { margin-bottom: 10px; padding: 0; border: none; background: none; } #photos-left .img-container-265 p, #photos-right .img-container-265 p { margin-bottom: 0; } #main-content a.buy-on-amazon-button { margin: -44px auto 20px auto; display: block; width: 216px; height: 58px; text-indent: -9999px; position: relative; background: url(images/buy-on-amazon-button.gif) no-repeat 0 0; border: none; } #main-content a.buy-on-amazon-button:hover { background-position: 0 100%; border: none; padding: 0; } /* SIDEBAR ---------------------------- */ #sidebar { width: 247px; float: left; margin: 39px 0 40px 0; } #nav-bg { background: #56842e url(images/nav-bg.gif) repeat 0 0; width: 247px; } #nav { background: url(images/nav-top.gif) no-repeat 0 0; width: 227px; padding: 40px 10px 6px 10px; } #sidebar ul { border-top: 1px solid #6c9f3e; padding-bottom: 4px; margin: 0; } #sidebar ul li { display: inline; padding: 0; margin: 0; background: none; } #sidebar ul li a { color: #afe782; text-decoration: none; display: block; margin: 1px 0; padding: 5px 0 5px 30px; border-bottom: 1px solid #6c9f3e; background: url(images/sidebar-bullet.gif) no-repeat 6% 50%; } #sidebar ul li a:hover { color: #c6efa5; background-color: #5c8934; } #sidebar ul li.sub-nav a { padding: 5px 0 5px 50px; background: url(images/sidebar-bullet.gif) no-repeat 16% 50%; color: #8fc560; } #sidebar ul li.sub-nav a:hover { color: #a2d876; background-color: #5c8934; } #get-in-touch-box { background: url(images/get-in-touch.jpg) no-repeat 0 0; width: 247px; height: 93px; display: block; text-indent: -9999px; margin: 30px 0 30px 0; } #get-in-touch-box:hover { background-position: bottom left; } #craigs-novel { width: 247px; height: 220px; background: url(images/craigs-novel.png) no-repeat 0 0; display: block; text-indent: -9999px; border: none; margin: -110px 0 20px 0; } #craigs-novel:hover { opacity: 0.9; } #twitter-btn { float: left; background: url(images/twitter-btn.png) no-repeat 0 0; width: 109px; height: 93px; display: block; text-indent: -9999px; margin: 0 0 50px 0; } #twitter-btn:hover { background-position: bottom left; } #instagram-btn { float: right; background: url(images/instagram-btn.png) no-repeat 0 0; width: 109px; height: 93px; display: block; text-indent: -9999px; margin: 0 0 50px 0; } #instagram-btn:hover { background-position: bottom left; } /* FOOTER ---------------------------- */ #footer { background: #554119 url(images/footer-bg.gif) repeat-x 0 0; width: 100%; color: #a3864c; padding: 48px 0 30px 0; } .footer-left { float: left; margin: 0; } .footer-right { float: right; margin: 0; } .footer-right a { color: #b99e67; } /* MISC STYLES ---------------------------- */ .alignright { float: right; margin: 0 0 10px 10px; } .alignleft { float: left; margin: 0 10px 10px 0; } .aligncenter { display: block; margin: 0 auto; } #main-content .plainimg { background: none; padding: 0; margin: 20px auto 0 auto; border: none; } /* P.I.E. FLOAT CLEARING ---------------------------- */ .clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } .clearfix {display:inline-block;} .clearfix {display:block;}