/* Theme Name: Brent Weeks Theme URI: http://www.brentweeks.com/ Description: A custom theme for fantasy author Brent Weeks Version: 1.0 Author: Jeremiah Tolbert Author URI: http://www.clockpunkstudios.com/ TABLE OF CONTENTS Inherited Styles Eric Meyer Reset HTML Tags Structure Headers Content Styles Form Elements Footer /* ---------- @ Inherited Styles -----------*/ @import url('css/typography/luxi.css'); @import url('css/nav.css'); @import url('css/posts.css'); /* RESET RELOADED by Eric Meyer */ html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* ---------- @ HTML Tags -----------*/ * { margin:0; padding:0; outline:none; } body, html { min-height:101%; /*Firefox scrollbar fix*/ } body { background:#0e184e url(images/page-background.jpg) repeat-x; } body, select, input, textarea { font: 100% Arial, Verdana, Sans-Serif /*Global font-size reset*/; } p { margin: 15px 0; line-height:160%;font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#131719;} a, a:visited { color: #6f171a; } a:hover, a:active { color:#405a8c; } hr { display: block; height:1px; background:#CCC; border:0; color:#CCC; } table { border-collapse:collapse; width:100%; margin:15px 0; } td { padding:4px 6px; border-top:1px solid #CCC; } tr { background:#e3e3e3; } table caption { background:#FFF; padding:2px 0; } blockquote { color:#7b7b7b; padding:0 18px; margin:25px 45px; border-left:3px solid #CCC; font:italic 1em Georgia, "Times New Roman", Times, serif; letter-spacing:.03em; } blockquote.emphasis {color:#006; border-left:none; font-size:16px;font-family:Tahoma, Geneva, sans-serif;letter-spacing:.05em;background:#d6deec url(images/flare.png) top right no-repeat; margin:25px 20px; padding:10px 30px; -moz-border-radius:5px;-webkit-border-radius:5px;} /* ---------- @ Structure -----------*/ #main { overflow:hidden; padding-left:10px; } #wrapper { font-size:.8em /*Global content font-size*/; width:960px; margin:0 auto; background:#e9ecf9; border-right:1px solid #606fb6; border-left:1px solid #606fb6;} #masthead { overflow:hidden; width:960px; height:266px; background:url(images/masthead-background.jpg) no-repeat; position:relative; } #branding { text-indent:-9999em; background-image:url(images/logo.png); width:530px; height:97px; position:relative; top:10px; } #content { width:620px; float:left; } #sidebar { width: 310px; float:right; margin-left:20px; } .left { float:left; } .right { float:right; } .clear { clear:both; } #top_banner {margin-bottom:25px;} #top_banner img {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} /* ---------- @ Headers -----------*/ h1, h2, h3, h4, h5, h6 { font-family:LuxiSerifRegular, Georgia, "Times New Roman", Times, serif; } h1.pagetitle { border-bottom:1px solid #d7d7d7; padding-bottom: 12px; margin-bottom:20px; } h2 { font-family:LuxiSerifRegular, Georgia, "Times New Roman", Times, serif; } .entry h2 { font-size:1.8em; margin: 15px 0 0; } #sidebar h2 { text-transform:uppercase; color:#6f171a; font-size:34px; letter-spacing:2px; margin-bottom:10px; line-height:1; } #sidebar #countdown h2 { font-size:41px; line-height:36px; } #sidebar #books h2 { font-size:30px; } #sidebar #countdown h2 span { letter-spacing:3px; } #sidebar #countdown h2 small {font-size:32px;} #sidebar #follow h3 { color:#6f171a; font-size:32px; margin:0 20px; padding-left:58px; background:url(images/tweet_icon.png) no-repeat; clear:both;} h2.posttitle, h1.posttitle { margin:0; font-size: 2.2em; font-family:LuxiSerifBold, Georgia, "Times New Roman", Times, serif; color:#012335; } h2.posttitle a, h1.posttitle a {text-decoration:none;color:#012335;} h2.posttitle a:hover, h1.posttitle a:hover {text-decoration:none;color:#6f171a;} .entry h3 { font:1.6em Georgia, "Times New Roman", Times, serif; } #respond h3, h3#comments, h3#trackbacks { margin:45px 0 20px; font-weight:bold; } h3#comments { margin:32px 0 12px; } h3 {font-size:1.8em;margin-bottom:15px;} h4 { font-size:1.4em; margin-bottom:15px;} h5 { font-weight: bold; font-size: 1.2em } h6 { font-weight: bold; font-size: 1em; } /* ---------- @ Content Styles -----------*/ /*Misc*/ #logo { font: bold 2.7em Georgia, "Times New Roman", Times, serif; } #description { font: italic 1.2em Georgia, "Times New Roman", Times, serif; color:#939393; margin:0; } .commentcount { padding-left: 17px; background:url(images/bubble.gif) no-repeat; margin-left:14px; } .more-link { display:block; margin-top:12px; clear:both } #quiz {border: 1px solid #cfdae9; background-color:#dee9fb;padding:10px;width:280px;overflow:hidden;margin-bottom:20px;} form#quiz {width:inherit;} #quiz_body {} #quiz #quiz_body h2 {text-indent:-9999em;background-image:url(images/what-magic-header.png);width:280px;height:68px;display:block;margin: 0 auto 15px;} a#quiz_link {text-indent:-9999em;background:url(images/quiz_button.png) top right;height:42px;width:280px;display:block;} a#quiz_link:hover {opacity:.7;} div#illo {text-align:center;} img {border:1px solid #3972a0; -moz-box-shadow:1px 1px 8px rgba(0,0,0,.4); -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.4);margin: 0 auto;} #countdown {} #countdown #timer {float:left;width:158px;} #countdown #book_cover {float:right;width:140px;} #countdown p {margin:5px 0;font-family:LuxiSerifRegular, Georgia, "Times New Roman", Times, serif; text-transform:uppercase;line-height:1;} p.days {font-size:34px;} p.hours {font-size:30px;color:#6f171a;} p.minutes {font-size:25px;} p.seconds {font-size:20px;color:#6f171a;letter-spacing:3px;} #countdown p.more {margin-top:20px;} p.more a {display:block;background-image:url(images/more-button.png);height:38px;width:158px;text-indent:-9999em;} #countdown p#timer_expired {line-height:1.6;margin:0 0 15px 0;text-transform:none;font-size:12px;font-family:Georgia, "Times New Roman", Times, serif;} /* Author Page*/ #writer { overflow:hidden; background:#f2f2f2; margin-bottom:20px; padding:16px; } #writer p { margin-top:0; } #writer .avatar { margin:4px 17px 7px 0 } /* Search and Archives*/ .search-highlight { background:#FFFF00 } #comment_pagination { margin-top:22px; overflow:hidden; } #archive_pagination { overflow: hidden; padding: 20px; text-align: center } .current-numeric-page { padding: 5px 8px; } #archive_pagination a, #archive_pagination a:visited { border:1px solid #CCC; padding: 5px 8px; text-decoration: none; } #archive_pagination a:hover { background: #f5f5f5; } #archive_pagination a:active { background:#e6e6e6; border-color:#bebebe; } #comment_pagination div { float:left; margin-right:10px; } a #icon-rss { border:none } .archive #icon-rss { vertical-align: middle; margin-left:3px; } /*Sidebar and Widgets*/ #social_icons {height:80px;} #social_icons li, #social_icons li a {float:left;height:56px;width:56px;text-indent:-9999em;display:block;} #social_icons li {margin-right:16px;} #social_icons li a:hover {opacity:.7;} #social_icons #rss_icon {margin-left:5px;} #social_icons #rss_icon a {background-image:url(images/rss.png)} #social_icons #twitter_icon a {background-image:url(images/twitter.png)} #social_icons #facebook_icon a {background-image:url(images/facebook.png)} #social_icons #youtube_icon a {background-image:url(images/youtube.png);} .aktt_tweets ul {} .aktt_tweets ul li {margin: 15px 0; line-height:160%;font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;} .aktt_tweets ul li a {} .widget { margin-bottom:40px; overflow:hidden;width:300px;} .widgettitle {display:none;} .widget li {} .widget li a, .widget li a:visited {} .widget li a:hover, .widget li a:active {} .widget li.current_page_item a, .widget li.current_page_item a:visited, .widget li.current-cat a, .widget.current-cat a:visited { font-weight:bold } .widget li.current_page_item li a, .widget li.current_page_item li a:visited, .widget li.current-cat li a, .widget li-current-cat li a:visited { font-weight:normal; } .widget li li { margin-left:34px; border:0; list-style:disc; } #wp-calendar tr { background:#f2f2f2; } #wp-calendar td { text-align:center; padding:3px; } #recentcomments { color: #787878; } #recentcomments a, #recentcomments a:visited { font-style:italic } #recentcomments a.url, #recentcomments a.url:visited { font-weight:bold; font-style:normal; } a.rsswidget, a.rsswidget:visited { font-weight: bold } .rssSummary { line-height:160%; } #wp125adwrap_2c { overflow:hidden } #wp125adwrap_2c .wp125ad { float:left; margin-right: 8px; } .wp125ad a img { border:none; } #wp125adwrap_2c div+div { margin:0 !important; } #countdown, #follow {background:url(images/flare.png) top right no-repeat;} /* ---------- @ Form Elements -----------*/ #author, #email, #comment, #url { background:#FFF !important; padding:5px; border-width:1px; border-style:solid; border-color: #6d6d6d #bfbfbf #bfbfbf #6d6d6d; } #author, #email, #url { width:220px; } .button { padding: 8px 14px; background:#6f171a; color:#FFF !important; border:none; font-size:1.2em; cursor:pointer; } .button:hover { background:#272727; } .button:active { background:#000; } #commentform textarea { width: 98%; height:250px; } #masthead #searchform { width:225px; text-align:right;height:27px;background-color:#0e184e;padding:6px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;overflow:hidden;} #search_button {font-size:10px;text-transform:uppercase;letter-spacing:1px;display:block;background-color:#0e184e;width:48px;float:right;margin-right:5px;text-align:center;color:#fff;text-decoration:none;padding:4px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;} #search_wrapper {width:210px;text-align:right;position:absolute;top:0;right:0;} #searchfield { width:180px; padding-right: 35px; font-size:12px; background-color:rgba(255, 255, 255, 0.9); border:none; padding:5px; border:1px solid rgba(30, 45, 91, 0.8); color:#333; -moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;} #searchsubmit { vertical-align:top; position:relative; left:-30px; opacity:.8; } /* ---------- @ Footer -----------*/ #footer {background:url(images/flare.png) #03172c top right no-repeat; font-size:.8em; overflow:hidden; width:960px; color:#dadada; padding-top:1px; min-height:340px; font-size:14px; line-height:1.3; font-family:Georgia, "Times New Roman", Times, serif; } #footer_inner { border-top:1px solid #245283; padding:20px 10px; background:url(images/flare-left.png) 0px -1px no-repeat; } #footer a { color:#9bc3ee; } #footer a:hover, #footer a:active { color:#FFF; } #footer .left { float:left; width:50%; } #footer.right { float:right; width:50%; text-align: right } #footer #icon-rss { vertical-align: middle; margin-right:5px; } #footer .footer_box { float:left; } #footer .footer_box ul li { margin-bottom:8px; } #footer h2 { font-family:LuxiSerifRegular, Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#fff; font-size:24px; margin-bottom:10px; } #footer #archives { width:140px; margin-right:20px; } #footer #categories, #footer #recent_posts { width:220px; margin-right:20px; } #footer ul li small { display:block; font-size:12px; margin-top:4px; } #footer #recent_comments { width:300px; } /*----------------@ Jcarousel CSS-----------*/ .jcarousel-container { position: relative; background:no-repeat top left; width:220px; height:270px; list-style-type:none; margin:10px 0 0 35px; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; height:270px; width:220px; left:9px; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 200px; height: 270px; border:none; text-align:center; padding: 0 10px; } .jcarousel-list li img { margin-top:0 !important; } .jcarousel-list li p { text-align:left; margin:6px 0; } .jcarousel-list li a.learn_link { text-transform:uppercase; color:#420c95; text-decoration:underline; float:right; } .jcarousel-list li div {margin: 0 auto;} .jcarousel-list li h4 { text-align:center;font-style:italic;} .jcarousel-next { z-index: 3; background:url(images/arrows.png) no-repeat bottom; height:35px; width:35px; position:absolute; top:100px; right:-40px; cursor:pointer; } .jcarousel-prev { z-index: 3; background:url(images/arrows-left.png) no-repeat bottom; height:35px; width:35px; position:absolute; top:100px; left:-20px; cursor:pointer;} .widget#books { overflow:visible; } .jcarousel-next:hover, .jcarousel-prev:hover { background-position:center; } .jcarousel-prev-disabled, .jcarousel-next-disabled, .jcarousel-prev-disabled:hover, .jcarousel-next-disabled:hover { background-position:top; } /* Quiz */ .answer {} #spectrum {width:600px;overflow:hidden;} #spectrum li {width:50px;height:50px;float:left;display:inline;border:1px solid #000;margin-right:5px;} #red1 {background-color:#ffe5e5;} #red2 {background-color:#ffcccc;} #red3 {background-color:#ffb2b2;} #red4 {background-color:#ff9999;} #red5 {background-color:#ff8080;} #red6 {background-color:#ff6666;} #red7 {background-color:#ff4c4c;} #red8 {background-color:#ff3333;} #red9 {background-color:#ff1a1a;} #red10 {background-color:#ff0000;} #quiz {margin-top:10px;} #quiz h2 {text-transform:uppercase; color:#6f171a; font-size:24px; letter-spacing:2px; margin-bottom:10px; line-height:1;} #quiz h3 {margin:10px 0 15px; font-size: 2em; font-family:LuxiSerifBold, Georgia, "Times New Roman", Times, serif; color:#012335;} #quiz .questions h3 {font-size:1.6em;} #quiz .copy {float:left;width:355px;margin-right:20px;} #quiz .results_aside {float:right;width:220px;} #quiz textarea {width:220px;height:150px;margin:20px 0;} .share_list li {margin-bottom:10px;}