/* Theme Name: Diana Gabaldon Theme URI: http://www.dianagabaldon.com/ Description: Custom theme for author Diana Gabaldon 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/nav.css'); @import url('css/posts.css'); @import url('css/colorbox.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 {height:100%; } body { background:#616161; color: #111;} body, select, input, textarea { font: 100% Georgia, "Times New Roman", Times, serif /*Global font-size reset*/; } p { margin-bottom: 1.4em; line-height:160%; font-size:12px; } a, a:visited { color: #05383e; } a:hover, a:active { color:#3b0f0d; } hr { display: block; height:1px; background:#4d1411; border:0; color:##4d1411;margin:10px 0; } 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:#0e474d; padding:0 18px 0 38px; margin:25px 25px; font:italic 1em Georgia, "Times New Roman", Times, serif; letter-spacing:.03em;background:url(images/quote.png) top left no-repeat; } /* ---------- @ Structure -----------*/ body {background:url(images/page-background.jpg) center fixed #025159;} #main { overflow:hidden; } #wrapper { font-size:.8em /*Global content font-size*/; width:940px; margin:0 auto;min-height: 100%;height: auto !important;height: 100%;margin: -190px auto -42px; /* the bottom margin is the negative value of the footer's height */; padding: 20px 10px;} #branding { height:151px;} #content { width:620px; float:left; } #sidebar { width: 300px; float:right;margin-left:20px; } .left { float:left; } .right { float:right; } .clear {clear:both;} .read_more {text-align:right;} /*Header Area*/ #masthead_wrapper {background:#541612 url(images/masthead-background.jpg) top center no-repeat;height:190px;} #masthead {overflow:hidden;width:960px; margin:0 auto; position:relative;} #logo {position:absolute;text-indent:-9999em;background:url(images/header-background.png) no-repeat;height:70px;width:698px;left:10px;top:40px;} #description {position:absolute;right:0;bottom:8px;font: 14px Georgia, "Times New Roman", Times, serif; line-height:1.2; color:#fafaf7; margin:0;text-align:right;width:620px;} #quote2, #quote3 {display:none;} #masthead #searchform {position:absolute;width:280px; text-align:right; padding-top:5px; right:0;top:10px;} #searchfield { width:150px;background-color:#f9e4a4;font-size:10px;padding:4px; border:1px solid #b7a879; outline:none; } #searchsubmit { vertical-align:top; } #flags {position:absolute;left:12px;top:10px;} #flags li {float:left;margin-right:10px;} #english a {display:block;height:11px;width:16px;text-indent:-9999em;background-image:url(images/gb.png);} #german a {display:block;height:11px;width:16px;text-indent:-9999em;background-image:url(images/de.png)} /* ---------- @ Headers -----------*/ h1, h2, h3, h4, h5, h6 { font-family:BeryliumRegular, Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#4d1411; } h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {font-family:BeryliumItalic, Georgia, "Times New Roman", Times, serif; font-weight:normal;} h1.pagetitle {margin-bottom:20px; } h1, h2 { margin-bottom: 15px; font-size:32px;} h3 {font-size:26px; margin-bottom:15px;} h4 { font-size:20px; margin-bottom:15px;} h5 { font-size: 18px;margin-bottom:15px;} h6 { font-size: 16px;;margin-bottom:15px;} h2.posttitle, h1.posttitle { margin:0; font-size: 36px; } h2.posttitle a, h1.posttitle a {color:#4d1411;text-decoration:none;} h2.posttitle a:hover, h1.posttitle a:hover {text-decoration:underline;} #respond h3, h3#comments, h3#trackbacks { margin:45px 0 20px; font-weight:bold; } h3#comments { margin:32px 0 12px; } h2.posttitle.single_title {margin:-2px 0;} p.postmetadata.single_meta {padding-top:0;margin-bottom:15px !important;} /* ---------- @ Content Styles -----------*/ /* Home Page */ #follow_diana.side_box {min-height:0;} #follow_diana, #next_book {width:300px;float:left;min-height:286px;} #fanfic_policy {min-height:319px;} #next_book {margin-right:20px;} .copy_column, .video_column {width:300px;float:left;} .video_column {margin-left:20px;} .post_content, .post {background:url(images/main-bottom-border.png) no-repeat center bottom;padding-bottom:50px;margin-bottom:20px;} .post {padding-bottom:16px !IMPORTANT;} #sidebar .post_content {background:none;padding-bottom:0;margin-bottom:0;} .side_box {background:url(images/sidebar-bottom-border.png) no-repeat bottom;padding-bottom:30px;margin-bottom:15px;} #featured_illo {width:145px;margin-right:15px;height:100%;} #featured_illo img, #featured_author_image {-moz-box-shadow:2px 2px 4px rgba(0,0,0,.7);-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.7);} #featured_copy {float:left;width:460px;} .video_column p {text-align:center;margin-top:10px;} #order_button, #site_button{margin-right:15px;display:block;float:left;} #order_button {margin-left:34px;} .button, .comment-reply-link {border:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 0 #000000;-webkit-box-shadow:0 1px 0 #000;background:#BA972F;background:-moz-linear-gradient(center top , #BA972F, #826A21) repeat scroll 0 0 transparent;border-top:1px solid #96D1F8;color:#541712 !important;font-family:Georgia,Serif;font-size:15px;padding:2px 10px;text-decoration:none;text-shadow:-1px -1px 0 rgba(255, 255, 255, .5);vertical-align:middle;text-transform:uppercase;letter-spacing:1px;} .button, .comment-reply-link {background:-webkit-gradient(linear,left bottom,left top,color-stop(0.72, #ba972f ),color-stop(.38, #826a21));} .button:hover, .comment-reply-link:hover {background:-moz-linear-gradient(center top ,#826A21, #BA972F) repeat scroll 0 0 transparent;color:#FFF;text-shadow:none;} .button:hover, .comment-reply-link:hover {background:-webkit-gradient(linear,left bottom,left top,color-stop(0.38,#826a21),color-stop(.72, #ba972f));} /* books and series */ .book_sidebar {float:left;width:140px;margin-right:20px;} .book_copy {width:460px;float:left;} .book_read_more {text-align:center;margin-top:15px;} #book_page_sidebar {float:left;width:220px;} #book_copy {float:left;margin-left:20px;width:380px;} .attribution {text-align:right;font-size:14px;} #praise blockquote {margin:0 0 10px 0;} .attachment-book_page_cover {-moz-box-shadow:2px 2px 4px rgba(0,0,0,.7);-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.7); margin-bottom:15px;} #jump_menus {font-size:14px;} #jump_menus select {float:right;padding:3px;margin-bottom:10px;width:120px;display:block;font-size:12px;} #jump_menus label {display:block;float:left;width:80px;margin-bottom:10px;margin-right:10px;vertical-align:middle;height:20px;padding-top:5px;clear:both;} #discuss_links li {text-indent:-9999em;display:block;float:left;height:32px;width:32px;margin-right:8px;} #discuss_links a {display:block;height:32px;width:32px;float:left;} #amazon_link {background:url(images/icon-amazon.png);} #goodreads_link {background:url(images/icons-goodreads.png);} #compuserve_link {background:url(images/icon-compuserve.png);} #bn_link {background:url(images/icon-bn.png);} #weread_link {background:url(images/icon-weread.png);} /* Sidebar */ #featured_author_image {border:1px solid #3c0f0d;margin-right:8px;margin-bottom:5px;} #featured_blog h3 {margin-bottom:4px;} #featured_blog h4 {margin-bottom:5px;} #featured_blog h4 a {color:#02272b;text-decoration:none;} #featured_blog h4 a:hover {text-decoration:underline;} p.date {color:#541612;font-style:italic;} #featured_blog .read_more {margin-bottom:0;} #featured_blog {min-height:606px;} #social_links {margin:20px 0;padding:0 0 53px 0;list-style-image:none;} #social_links li {float:left;margin:0 4px 0 0;height:59px;width:71px;padding:0;} #social_links li a {display:block;height:59px;width:71px;text-indent:-9999em;} #social_links li a:hover {opacity:.7;} #rss_link a {background-image:url(images/icon-rss.png)} #twitter_link a {background-image:url(images/icon-twitter.png);} #facebook_link a {background-image:url(images/icon-facebook.png);} #youtube_link a {background-image:url(images/icon-youtube.png);} .side_box ul {list-style-image:url(images/diamond.png);margin-left:23px;} .side_box li {line-height:1.4;margin-bottom:15px;padding-left:5px;} .side_box li small {font-size:12px;display:block;margin:4px 0;color:#3c0f0d;text-transform:uppercase;font-family:"Times New Roman", Times, serif;} li.aktt_more_updates {list-style-image:none;text-align:right;} #related_pages ul, #excerpts_inner {background:url(images/related-background.png) top center no-repeat; min-height:185px;font-size:16px;} #related_pages ul ul {min-height:0;} #related_pages ul li, #excerpts ul li {margin-bottom:12px;} ul#other_titles {background:none;min-height:0;} /* Misc */ .commentcount {margin-left:75px;margin-right:40px; } .more-link { display:block; margin-top:12px; clear:both } /* 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*/ .widget { margin-bottom:24px; overflow:hidden } .widget li { list-style:none; border-bottom:1px solid #CCC; padding:6px 0; line-height:140%; } .widget li a, .widget li a:visited { color:#111; text-decoration:none } .widget li a:hover, .widget li a:active { color:#6d6d6d; } .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; } /* ---------- @ 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; } #commentform textarea { width: 98%; height:250px; } /* ---------- @ Footer -----------*/ #footer_wrapper {border-top:1px solid #441d1c;height:41px; background-color:#3c0f0d;} .push {height:41px;} .top_push {height:190px;} #footer { font-size:.8em; overflow:hidden; width:960px; padding: 0 10px; height:31px; margin:0 auto; color:#bf9b30;text-transform:uppercase;letter-spacing:1px;padding-top:10px;font-family:"Times New Roman", Times, serif;background:url(images/footer-background.jpg) no-repeat;} $footer a {color:#0ba1b0;} #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; } /* Typography */ @font-face { font-family: 'BeryliumRegular'; src: url('berylium-webfont.eot'); src: local('☺'), url('css/berylium-webfont.woff') format('woff'), url('css/berylium-webfont.ttf') format('truetype'), url('css/berylium-webfont.svg#webfontX8dkh3Ml') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BeryliumItalic'; src: url('beryliumitalic-webfont.eot'); src: local('☺'), url('css/beryliumitalic-webfont.woff') format('woff'), url('css/beryliumitalic-webfont.ttf') format('truetype'), url('css/beryliumitalic-webfont.svg#webfontPpYNZbkA') format('svg'); font-weight: normal; font-style: normal; } /* main slider */ .anythingSlider { width: 160px; height: 275px; position: relative;margin:0 80px; } .anythingSlider .wrapper { width: 160px; overflow: hidden; height: 275px; margin: 0; position: absolute; top: 0; left: 0;z-index:100; } .anythingSlider .wrapper ul { width: 99999px; list-style: none; top: 0; left: 0; margin: 0 !important;} .anythingSlider ul li { display: block; float: left; padding: 10px; height: 255px; width: 140px; margin: 0; position:relative;} .large_image img { -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.7); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,.7);} .featured_info {position:absolute;width:410px;height:300px;right:60px;top:10px;background-color:rgba(255,255,255,.34);padding:10px 10px 10px 40px; -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.7); -webkit-box-shadow:0px 0px 15px rgba(0,0,0,.7); -moz-border-radius-bottomleft:30px; -webkit-border-bottom-left-radius:30px;} .featured_info p {font-size:14px;color:#250101;} .featured_info .read_more a, .featured_info .read_more a:visited {font-family:Arial, Helvetica, sans-serif;background-color:rgba(62,116,100, .74);display:inline-block;padding:5px 7px;float:right;text-decoration:none;text-transform:uppercase;color:#c5c5c5;letter-spacing:1px;} .featured_info h3 {font-family:"BitstreamVeraSerifRoman", Arial, Helvetica, sans-serif; margin:0 0 5px 0;font-size:28px;color:#330101; text-shadow: -1px -2px rgba(255,255,255,.2);line-height:1;} .featured_info h4 {text-transform:uppercase;font-family:Verdana, Geneva, sans-serif;letter-spacing:1px;font-size:12px;color:#c5c5c5;margin:0 0 15px 0;} .comments_box {width:65px;height:65px;padding:5px;background-color:rgba(255,255,255,.34);color:#651313;position:absolute;bottom:-5px;right:15px;} .comments_box a {color:#651313;} .comments_box .number {display:block;text-align:center;font-size:42px;font-family:"BitstreamVeraSerifRoman", Arial, Helvetica, sans-serif;} .comments_box small {display:block;letter-spacing:1px;font-size:11px;} .anythingSlider .arrow {cursor:pointer;text-indent:-99999em;} .anythingSlider .arrow:hover {opacity:.9;} .anythingSlider .thumbNav { display:none;} .anythingSlider #start-stop {display:none;} .arrow.forward {position:absolute;right:-50px;top:100px;background:url(images/forward-button.png) no-repeat;height:38px;width:34px;} .arrow.back {position:absolute;left:-50px;top:100px;background:url(images/back-button.png) no-repeat;height:38px;width:34px;} .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } .no_thumbnail {width:120px;height:110px;border:2px solid #960;background:url(images/masthead-background.jpg);padding:50px 10px 10px;color:#A88406}