diff --git a/style.css b/style.css index ea2f2b0..cc3c716 100644 --- a/style.css +++ b/style.css @@ -1,899 +1,915 @@ - /* -Theme Name: ComicPress -Theme URI: http://comicpress.org -Description: Publish a comic with WordPress. Standard Edition. Visit the ComicPress Website. -Author: Tyler Martin -Author URI: http://mindfaucet.com/ -Version: 2.7.1 -. -The CSS, XHTML and design is released under GPL v3: -http://www.opensource.org/licenses/gpl-3.0.html -. -*/ - - - -/* STANDARD TAGS */ - -body { - margin: 0; - color: #000; - font-size: 12px; - font-family: 'Arial', sans-serif; - text-shadow: #000 0 0 0; /* Lighten Safari's heavy fonts */ - } - -a { - color: #800; - text-decoration: none; - } - - a:hover { - color: #f00; - } - - a:focus { - outline: none; - } - - a img { - border: none; - } - -p { - margin: 12px 0; - } - -img { - max-width: 100%; - padding: 0; - } - -small { - font-size: 11px; - } - -hr { - height: 1px; - color: #000; - background-color: #000; - border: 0px; - } - -blockquote { - margin: 10px; - padding: 5px 10px 5px 20px; - border-width: 1px 1px 1px 5px; - border-style: solid; - border-color: #000; - } - - blockquote cite { - margin: 5px 0 0; - display: block; - } - -cite { - font-size: 13px; - font-weight: bold; - font-style: normal; - } - -code { - padding: 10px; - display: block; - font-family: 'Courier New', monospace; - border: 1px dotted #000; - overflow: scroll; - } - -acronym, abbr, span.caps { - cursor: help; - } - - acronym, abbr { - border-bottom: 1px dashed #000; - } - -form { - margin: 0; - } - - - -/* HEADINGS */ - -h1, h1 a, h1 a:hover { - padding: 10px 0 0 0; - margin: 0; - color: #000; - font-size: 60px; - font-family: 'Georgia', serif; - font-weight: normal; - line-height: 50px; - text-decoration: none; - letter-spacing: -4px; - font-variant: small-caps; - } - -h2, h2 a, h2 a:hover { - margin: 0; - color: #000; - font-weight: bold; - letter-spacing: -1px; - font-size: 24px; - } - - h2.pagetitle, h2.pagetitle a { - padding: 0 0 5px 0; - margin: 0 0 20px 0; - font-family: 'Georgia', serif; - font-size: 32px; - font-weight: normal; - letter-spacing: -2px; - } - -h3, h3 a, h3 a:hover { - padding: 0; - margin: 0; - font-size: 20px; - font-weight: bold; - text-align: left; - color: #000; - text-decoration: none; - clear: both; - letter-spacing: -1px; - } - - - -/* THE PAGE WRAPPER */ -/* Change this width to set the entire site's width - increase/reduce #content width by the same amount */ - -#page { - width: 760px; - margin: 0px auto; - } - - - -/* THE HEADER */ - -#header { - text-align: center; - } - - .description { - padding: 0 0 10px 0; - font-size: 14px; - font-style: italic; - letter-spacing: 2px; - } - - - -/* THE MENU */ - -#menubar { - background: #000; - zoom: 1; /* IE fix, allows for variable height menu */ - } - -#menunav { - float: right; - } - - #menunav a { - width: 25px; - height: 25px; - display: block; - float: left; - color: #fff; - font-size: 19px; - font-weight: bold; - line-height: 25px; - text-align: center; - border-left: 1px solid #fff; - } - - #menunav a:hover { - background: #800; - } - -#menu { - padding: 0; - margin: 0; - list-style: none; - float: left; - line-height: 25px; - font-size: 12px; - text-transform: uppercase; - } - - #menu a { - padding: 0px 5px; - display: block; - color: #fff; - text-decoration: none; - border-right: 1px solid #fff; - } - - #menu li { - float: left; - } - - #menu li:hover a, #menu li.sfhover a { - color: #fff; /* Main menu highlighted text color */ - } - - #menu li:hover, #menu li.sfhover { - background: #800; /* Main menu highlighted background color */ - } - - /* For submenu dropdowns - this order must be maintained */ - - #menu ul { - padding: 0; - margin: 0; - list-style: none; - position: absolute; - left: -9999px; - width: 151px; - line-height: 1; - border-top: 1px solid #fff; - } - #menu li li { - width: 150px; - margin: 0 0 0 -1px; - border-width: 0 1px 1px 1px; - border-color: #fff; - border-style: solid; - } - #menu li li a { - width: 139px; - padding: 4px 5px; - color: #fff; - border: none; - } - #menu li ul ul { - margin: -21px 0 0 151px; - } - #menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a { - color: #fff; /*Submenu highlighted text color */ - } - #menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a { - color: #fff; /*Submenu text color */ - } - #menu li li:hover { - background: #f00; /*Submenu highlighted background color */ - } - #menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul { - left: -9999px; - } - #menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul { - left: auto; - background: #222; /*Submenu background color */ - text-transform: none; - } - - - -/* THE COMIC */ - -#comic { - padding: 10px 0; - text-align: center; - } - - - -/* THE FOOTER */ - -#footer { - padding: 20px 0; - text-align: center; - } - - - -/* NAVIGATION */ - -.nav { - float: right; - font-size: 12px; - font-weight: bold; - } - - .nav-first { - padding: 0 5px 0 0; - float: left; - border-right: 1px solid #000; - } - - .nav-previous { - padding: 0 5px; - float: left; - } - - .nav-next { - padding: 0 5px; - float: left; - border-right: 1px solid #000; - border-left: 1px solid #000; - } - - .nav-last { - padding: 0 0 0 5px; - float: left; - } - -.nav-blog { - color: #000; - font-size: 12px; - font-weight: bold; - float: right; - } - - .nav-blog-previous { - padding: 0 5px 0 0; - float: left; - } - - .nav-blog-next { - padding: 0 0 0 5px; - float: left; - border-left: 1px solid #000; - } - -.pagenav { - padding: 40px 20px 0 20px; - color: #000; - font-size: 12px; - font-weight: bold; - clear: both; - } - - .pagenav-left { - float: left; - } - - .pagenav-right { - float: right; - } - -.nav a, .pagenav a, .nav-blog a { - display: block; - float: left; - color: #000; - } - - .nav a:hover, .pagenav a:hover, .nav-blog a:hover { - color: #800; - } - - - -/* POSTS - PAGES */ - -#content { - width: 560px; - padding: 5px 0 20px 0; - float: left; - overflow: hidden; - } - -.narrowcolumn -{ - width: 560px; - } - -.widecolumn -{ - width: 760px; - } - -.post, .post-comic, .post-page { - padding: 0 20px; - } - -.post-head, .post-page-head, .post-comic-head { - } - -.post-foot, .post-comic-foot, .post-page-foot { - margin: 0 0 40px 0; - height: 10px; - overflow: hidden; - } - - .comicdate { - font-size: 14px; - } - - .postdate { - font-size: 11px; - } - -.more-link { - border-top: 1px dashed #000; - font-style: italic; - display: block; - clear: both; - } - -.tags { - font-size: 11px; - clear: both; - } - -.comment-link { - font-family: 'Georgia', serif; - font-size: 16px; - text-align: right; - } - - - -/* THE BLOG HEADER */ - -#blogheader { - font-family: 'Georgia', serif; - padding: 25px 0 25px 20px; - font-size: 32px; - letter-spacing: -2px; - border-top: 1px solid #000; - } - - - -/* COMMENTS */ - -.comment-wrap{ - padding: 0 20px; - } - - .comment-wrap h3 { - margin: 0; - padding: 20px 0 0 0; - font-weight: normal; - font-size: 20px; - clear: both; - font-family: 'Georgia', serif; - } - -.comment { - padding: 10px; - margin: 10px 0 0 0; - clear: both; - border: 1px solid #000; - min-height: 64px; - } - - .comment .comment { - border: 1px dotted #000; - } - -.comment-author { - display: inline; - } - -.comment-meta { - display: inline; - padding: 0 0 0 5px; - margin: 0 0 0 2px; - border-left: 1px solid #000; - } - -.says { - display:none; - } - -.avatar { - margin: 0 10px 0 0; - float: left; - } - -#comment { - width: 100%; - font-size: 12px; - font-family: 'Arial', sans-serif; - } - -#author, #email, #url { - width: 200px; - font-size: 12px; - font-family: 'Arial', sans-serif; - } - -#submit { - margin: 0 0 20px 0; - float: right; - } - -ol.commentlist { - margin: 0; - padding: 0; - font-size: 11px; - list-style: none; - } - - ol.commentlist p { - margin: 10px 0 0 74px; - } - -ul.children { - margin: 0; - padding: 0; - list-style: none; - } - -.reply { - padding: 10px 0 0 0; - text-align: right; - } - - - -/* ARCHIVE */ -/* For the built-in WordPress archive pages (by month or category) as well as search result pages */ - -.comicarchiveframe { - padding: 5px; - border: 1px solid #000; - background: #fff; - opacity: 0.99; - filter: alpha(opacity=99); - } - - .comicarchiveframe:hover { - opacity: 0.70; - filter: alpha(opacity=70); - } - - .comicarchiveframe h3 { - margin: 0; - } - - .comicarchiveframe a small { - display: block; - color: #000; - } - -.archive-year { - font-size: 48px; - } - -.archive-yearlist { - padding: 0 0 10px 0; - font-size: 14px; - } - - - -/* SIDEBAR */ - -#sidebar { - width: 200px; - padding: 5px 0; - float: left; - font-size: 11px; - overflow: hidden; - } - -#sidebar h2, #sidebar h2 a { - font-size: 16px; - } - -#sidebar ul { - margin: 0; - padding: 0; - list-style: none; - } - - #sidebar ul li { - margin: 0 0 10px 10px; - padding: 0; - } - - #sidebar ul li ul li { - margin: 0 0 0 10px; - padding: 0; - } - - - -/* WIDGETS */ - -.random-comic-icon { - padding: 0 5px; - color: #fff; - background: #000; - } - -.comic-bookmark { - margin: 0 0 10px 5px; - } - -.archive-dropdown { - max-width: 100%; - } - - - -/* CALENDAR */ - -#wp-calendar { - width: 165px; - margin: 0 0 0 5px; - } - -#wp-calendar th { - font-size: 10px; - font-weight: normal; - text-align: center; - } - -#wp-calendar caption { - font-family: 'Georgia', sans-serif; - font-size: 18px; - letter-spacing: -1px; - font-variant: small-caps; - } - -#wp-calendar td { - min-width: 20px; - padding: 0; - text-align: center; - border: 1px solid #000; - } - -#wp-calendar a { - display: block; - text-decoration: none; - font-weight: bold; - } - - #wp-calendar a:hover { - color: #fff; - background: #000; - } - - - -/* SEARCH */ - -#s { - width: 140px; - margin: 0; - padding: 2px; - font-size: 12px; - font-family: 'Arial', sans-serif; - } - -#searchsubmit { - padding: 0 5px; - font-size: 12px; - font-family: 'Arial', sans-serif; - } - - - -/* GALLERY */ - -.gallery-image { - width: 518px; - border: 1px solid #000; - overflow: hidden; - background: #000; -} - -.gallery-caption { - font-size: 11px; - } - - .gallery-caption p { - width: 510px; - padding: 5px; - margin: 0; - text-align: center; - color: #fff; - background: #000; - } - -.imagenav-wrap { - margin: 5px 0 0 0; - } - -.imagenav { - width: 77px; - height: 77px; - float: left; - overflow: hidden; - } - -.imagenav-center { - width: 344px; - height: 65px; - margin: 0 5px; - padding: 10px 5px 0 5px; - float: left; - color: #000; - text-align: center; - border: 1px solid #000; - overflow: hidden; - } - -.imagetitle { - color: #000; - font-size: 18px; - } - -.imagenav-bg { - width: 75px; - height: 75px; - position: absolute; - z-index: 0; - background: #ddd; - border: 1px solid #000; - overflow: hidden; - } - - .imagenav-bg img { - width: 75px; - height: 75px; - } - -.imagenav-arrow { - width: 75px; - height: 75px; - position: absolute; - z-index: 1; - color: #fff; - font-size: 80px; - font-weight: bold; - line-height:75px; - text-align: center; - border: 1px solid #000; - float: left; - } - -.imagenav-link { - width: 75px; - height: 75px; - position: absolute; - z-index: 2; - border: 1px solid #000; - float: left; - overflow: hidden; - } - - .imagenav-link img { - width: 75px; - height: 75px; - opacity: 0.50; - filter: alpha(opacity=50); - } - - .imagenav-link img:hover { - opacity: 0.00; - filter: alpha(opacity=0); - } - - - -/* POSTED IMAGES */ - -.wp-caption p { - margin: 5px 0; - line-height: 11px; - font-size: 11px; - } - -.aligncenter { - margin: 0 auto; - display: block; - } - -.alignright { - margin: 10px 0 10px 10px; - display: inline; - float: right; - } - -.alignleft { - margin: 10px 10px 10px 0; - display: inline; - float: left - } - - - -/* TRANSCRIPT */ - -#transcript { - padding: 0 10px; - font-size: 11px; - border-left: 4px dotted #000; - border-right: 4px dotted #000; - } - - .transcript-border { - padding: 0 5px; - margin: 15px 0; - border: 1px solid #000; - background: #fff; - clear: both; - } - - a.transcript-title { - padding: 0 0 5px 0; - margin: 0 0 5px 0; - display: block; - font-family: 'Georgia', serif; - font-style: italic; - font-size: 16px; - letter-spacing: -1px; - border-bottom: 1px dashed #000; - } - - #transcript-content { - font-family: 'Courier New', monospace; - overflow: hidden; - } - -#s-transcript { - width: 140px; - margin: 0; - padding: 2px; - font-size: 12px; - font-family: 'Georgia', serif; - font-style: italic; - } - - #searchsubmit-transcript { - padding: 0 5px; - font-size: 12px; - font-family: 'Arial', sans-serif; - } - - -/* Pingbacks and Trackbacks */ - -li.pingback div p, li.trackback div p { - margin-left:0; - } - -/* STORYLINES */ - -.storyline-cats { - padding: 0; - margin: 0; - list-style: none; - } - -.storyline-cats li { - display: inline; - } - - li.storyline-root { - display: none; - } - - - -/* CLEAR FLOATS */ - -.clear { - clear: both; - } - - - -/* CLEAR MARGINS */ -/* Used with BR for clearing paragraph margins for Safari, Chrome - avoid background gaps */ - -.clear-margins { - clear: both; - height: 0; - line-height: 0; - font-size: 0; +/* +Theme Name: ComicPress +Theme URI: http://comicpress.org +Description: Publish a comic with WordPress. Standard Edition. Visit the ComicPress Website. +Author: Tyler Martin, John Bintz, Philip M. Hofer (Frumph) +Author URI: http://mindfaucet.com/ +Version: 2.7.2 +. +The CSS, XHTML and design is released under GPL v3: +http://www.opensource.org/licenses/gpl-3.0.html +. +*/ + + + +/* STANDARD TAGS */ + +body { + margin: 0; + color: #000; + font-size: 12px; + font-family: 'Arial', sans-serif; + text-shadow: #000 0 0 0; /* Lighten Safari's heavy fonts */ + } + +a { + color: #800; + text-decoration: none; + } + + a:hover { + color: #f00; + } + + a:focus { + outline: none; + } + + a img { + border: none; + } + +p { + margin: 12px 0; + } + +img { + max-width: 100%; + padding: 0; + } + +small { + font-size: 11px; + } + +hr { + height: 1px; + color: #000; + background-color: #000; + border: 0px; + } + +blockquote { + margin: 10px; + padding: 5px 10px 5px 20px; + border-width: 1px 1px 1px 5px; + border-style: solid; + border-color: #000; + } + + blockquote cite { + margin: 5px 0 0; + display: block; + } + +cite { + font-size: 13px; + font-weight: bold; + font-style: normal; + } + +code { + padding: 10px; + display: block; + font-family: 'Courier New', monospace; + border: 1px dotted #000; + overflow: scroll; + } + +acronym, abbr, span.caps { + cursor: help; + } + + acronym, abbr { + border-bottom: 1px dashed #000; + } + +form { + margin: 0; + } + + + +/* HEADINGS */ + +h1, h1 a, h1 a:hover { + padding: 10px 0 0 0; + margin: 0; + color: #000; + font-size: 60px; + font-family: 'Georgia', serif; + font-weight: normal; + line-height: 50px; + text-decoration: none; + letter-spacing: -4px; + font-variant: small-caps; + } + +h2, h2 a, h2 a:hover { + margin: 0; + color: #000; + font-weight: bold; + letter-spacing: -1px; + font-size: 24px; + } + + h2.pagetitle, h2.pagetitle a { + padding: 0 0 5px 0; + margin: 0 0 20px 0; + font-family: 'Georgia', serif; + font-size: 32px; + font-weight: normal; + letter-spacing: -2px; + } + +h3, h3 a, h3 a:hover { + padding: 0; + margin: 0; + font-size: 20px; + font-weight: bold; + text-align: left; + color: #000; + text-decoration: none; + clear: both; + letter-spacing: -1px; + } + + + +/* THE PAGE WRAPPER */ +/* Change this width to set the entire site's width - increase/reduce #content width by the same amount */ + +#page { + width: 760px; + margin: 0px auto; + } + + + +/* THE HEADER */ + +#header { + text-align: center; + } + + .description { + padding: 0 0 10px 0; + font-size: 14px; + font-style: italic; + letter-spacing: 2px; + } + + + +/* THE MENU */ + +#menubar { + background: #000; + zoom: 1; /* IE fix, allows for variable height menu */ + } + +#menunav { + float: right; + } + + #menunav a { + width: 25px; + height: 25px; + display: block; + float: left; + color: #fff; + font-size: 19px; + font-weight: bold; + line-height: 25px; + text-align: center; + border-left: 1px solid #fff; + } + + #menunav a:hover { + background: #800; + } + +#menu { + padding: 0; + margin: 0; + list-style: none; + float: left; + line-height: 25px; + font-size: 12px; + text-transform: uppercase; + } + + #menu a { + padding: 0px 5px; + display: block; + color: #fff; + text-decoration: none; + border-right: 1px solid #fff; + } + + #menu li { + float: left; + } + + #menu li:hover a, #menu li.sfhover a { + color: #fff; /* Main menu highlighted text color */ + } + + #menu li:hover, #menu li.sfhover { + background: #800; /* Main menu highlighted background color */ + } + + /* For submenu dropdowns - this order must be maintained */ + + #menu ul { + padding: 0; + margin: 0; + list-style: none; + position: absolute; + left: -9999px; + width: 151px; + line-height: 1; + border-top: 1px solid #fff; + } + #menu li li { + width: 150px; + margin: 0 0 0 -1px; + border-width: 0 1px 1px 1px; + border-color: #fff; + border-style: solid; + } + #menu li li a { + width: 139px; + padding: 4px 5px; + color: #fff; + border: none; + } + #menu li ul ul { + margin: -21px 0 0 151px; + } + #menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a { + color: #fff; /*Submenu highlighted text color */ + } + #menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a { + color: #fff; /*Submenu text color */ + } + #menu li li:hover { + background: #f00; /*Submenu highlighted background color */ + } + #menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul { + left: -9999px; + } + #menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul { + left: auto; + background: #222; /*Submenu background color */ + text-transform: none; + } + + #menu .current_page_item a { + color: #fff000; + } + + +/* THE COMIC */ + +#comic { + padding: 10px 0; + text-align: center; + } + + + +/* THE FOOTER */ + +#footer { + padding: 20px 0; + text-align: center; + } + + + +/* NAVIGATION */ + +.nav { + float: right; + font-size: 12px; + font-weight: bold; + } + + .nav-first { + padding: 0 5px 0 0; + float: left; + border-right: 1px solid #000; + } + + .nav-previous { + padding: 0 5px; + float: left; + } + + .nav-next { + padding: 0 5px; + float: left; + border-right: 1px solid #000; + border-left: 1px solid #000; + } + + .nav-last { + padding: 0 0 0 5px; + float: left; + } + +.nav-blog { + color: #000; + font-size: 12px; + font-weight: bold; + float: right; + } + + .nav-blog-previous { + padding: 0 5px 0 0; + float: left; + } + + .nav-blog-next { + padding: 0 0 0 5px; + float: left; + border-left: 1px solid #000; + } + +.pagenav { + padding: 40px 20px 0 20px; + color: #000; + font-size: 12px; + font-weight: bold; + clear: both; + } + + .pagenav-left { + float: left; + } + + .pagenav-right { + float: right; + } + +.nav a, .pagenav a, .nav-blog a { + display: block; + float: left; + color: #000; + } + + .nav a:hover, .pagenav a:hover, .nav-blog a:hover { + color: #800; + } + + + +/* POSTS - PAGES */ + +#content { + width: 560px; + padding: 5px 0 20px 0; + float: left; + overflow: hidden; + } + +.narrowcolumn { + width: 558px; + /* width: 356px; -- 3c gn etc 3 column */ + } + +.widecolumn { + width: 760px; + } + +.post, .post-comic, .post-page { + padding: 0 20px; + } + +.post-head, .post-page-head, .post-comic-head { + } + +.post-foot, .post-comic-foot, .post-page-foot { + margin: 0 0 40px 0; + height: 10px; + overflow: hidden; + } + + .comicdate { + font-size: 14px; + } + + .postdate { + font-size: 11px; + } + +.more-link { + border-top: 1px dashed #000; + font-style: italic; + display: block; + clear: both; + } + +.tags { + font-size: 11px; + clear: both; + } + +.comment-link { + font-family: 'Georgia', serif; + font-size: 16px; + text-align: right; + } + + + +/* THE BLOG HEADER */ + +#blogheader { + font-family: 'Georgia', serif; + padding: 25px 0 25px 20px; + font-size: 32px; + letter-spacing: -2px; + border-top: 1px solid #000; + } + + + +/* COMMENTS */ + +.comment-wrap{ + padding: 0 20px; + } + + .comment-wrap h3 { + margin: 0; + padding: 20px 0 0 0; + font-weight: normal; + font-size: 20px; + clear: both; + font-family: 'Georgia', serif; + } + +.comment { + padding: 10px; + margin: 10px 0 0 0; + clear: both; + border: 1px solid #000; + min-height: 64px; + } + + .comment .comment { + border: 1px dotted #000; + } + +.comment-author { + display: inline; + } + +.comment-meta { + display: inline; + padding: 0 0 0 5px; + margin: 0 0 0 2px; + border-left: 1px solid #000; + } + +.says { + display:none; + } + +.avatar { + margin: 0 10px 0 0; + float: left; + } + +#comment { + width: 100%; + font-size: 12px; + font-family: 'Arial', sans-serif; + } + +#author, #email, #url { + width: 200px; + font-size: 12px; + font-family: 'Arial', sans-serif; + } + +#submit { + margin: 0 0 20px 0; + float: right; + } + +ol.commentlist { + margin: 0; + padding: 0; + font-size: 11px; + list-style: none; + } + + ol.commentlist p { + margin: 10px 0 0 74px; + } + +ul.children { + margin: 0; + padding: 0; + list-style: none; + } + +.reply { + padding: 10px 0 0 0; + text-align: right; + } + + + +/* ARCHIVE */ +/* For the built-in WordPress archive pages (by month or category) as well as search result pages */ + +.comicarchiveframe { + padding: 5px; + border: 1px solid #000; + background: #fff; + opacity: 0.99; + filter: alpha(opacity=99); + } + + .comicarchiveframe:hover { + opacity: 0.70; + filter: alpha(opacity=70); + } + + .comicarchiveframe h3 { + margin: 0; + } + + .comicarchiveframe a small { + display: block; + color: #000; + } + +.archive-year { + font-size: 48px; + } + +.archive-yearlist { + padding: 0 0 10px 0; + font-size: 14px; + } + + + +/* SIDEBAR */ + +#sidebar { + padding: 5px 0; + float: left; + font-size: 11px; + overflow: hidden; + } + +/* Left Sidebar Themes */ +.sidebar-left { + width: 200px; + } + +/* Right Sidebar Themes */ +.sidebar-right { + width: 200px; + } + +/* Single Sidebar themes */ +.sidebar-single { + width: 200px; + } + +#sidebar h2, #sidebar h2 a { + font-size: 16px; + } + +#sidebar ul { + margin: 0; + padding: 0; + list-style: none; + } + + #sidebar ul li { + margin: 0 0 10px 10px; + padding: 0; + } + + #sidebar ul li ul li { + margin: 0 0 0 10px; + padding: 0; + } + + + +/* WIDGETS */ + +.random-comic-icon { + padding: 0 5px; + color: #fff; + background: #000; + } + +.comic-bookmark { + margin: 0 0 10px 5px; + } + +.archive-dropdown { + max-width: 100%; + } + + + +/* CALENDAR */ + +#wp-calendar { + width: 165px; + margin: 0 0 0 5px; + } + +#wp-calendar th { + font-size: 10px; + font-weight: normal; + text-align: center; + } + +#wp-calendar caption { + font-family: 'Georgia', sans-serif; + font-size: 18px; + letter-spacing: -1px; + font-variant: small-caps; + } + +#wp-calendar td { + min-width: 20px; + padding: 0; + text-align: center; + border: 1px solid #000; + } + +#wp-calendar a { + display: block; + text-decoration: none; + font-weight: bold; + } + + #wp-calendar a:hover { + color: #fff; + background: #000; + } + + + +/* SEARCH */ + +#s { + width: 140px; + margin: 0; + padding: 2px; + font-size: 12px; + font-family: 'Arial', sans-serif; + } + +#searchsubmit { + padding: 0 5px; + font-size: 12px; + font-family: 'Arial', sans-serif; + } + + + +/* GALLERY */ + +.gallery-image { + width: 518px; + border: 1px solid #000; + overflow: hidden; + background: #000; +} + +.gallery-caption { + font-size: 11px; + } + + .gallery-caption p { + width: 510px; + padding: 5px; + margin: 0; + text-align: center; + color: #fff; + background: #000; + } + +.imagenav-wrap { + margin: 5px 0 0 0; + } + +.imagenav { + width: 77px; + height: 77px; + float: left; + overflow: hidden; + } + +.imagenav-center { + width: 344px; + height: 65px; + margin: 0 5px; + padding: 10px 5px 0 5px; + float: left; + color: #000; + text-align: center; + border: 1px solid #000; + overflow: hidden; + } + +.imagetitle { + color: #000; + font-size: 18px; + } + +.imagenav-bg { + width: 75px; + height: 75px; + position: absolute; + z-index: 0; + background: #ddd; + border: 1px solid #000; + overflow: hidden; + } + + .imagenav-bg img { + width: 75px; + height: 75px; + } + +.imagenav-arrow { + width: 75px; + height: 75px; + position: absolute; + z-index: 1; + color: #fff; + font-size: 80px; + font-weight: bold; + line-height:75px; + text-align: center; + border: 1px solid #000; + float: left; + } + +.imagenav-link { + width: 75px; + height: 75px; + position: absolute; + z-index: 2; + border: 1px solid #000; + float: left; + overflow: hidden; + } + + .imagenav-link img { + width: 75px; + height: 75px; + opacity: 0.50; + filter: alpha(opacity=50); + } + + .imagenav-link img:hover { + opacity: 0.00; + filter: alpha(opacity=0); + } + + + +/* POSTED IMAGES */ + +.wp-caption p { + margin: 5px 0; + line-height: 11px; + font-size: 11px; + } + +.aligncenter { + margin: 0 auto; + display: block; + } + +.alignright { + margin: 10px 0 10px 10px; + display: inline; + float: right; + } + +.alignleft { + margin: 10px 10px 10px 0; + display: inline; + float: left + } + + + +/* TRANSCRIPT */ + +#transcript { + padding: 0 10px; + font-size: 11px; + border-left: 4px dotted #000; + border-right: 4px dotted #000; + } + + .transcript-border { + padding: 0 5px; + margin: 15px 0; + border: 1px solid #000; + background: #fff; + clear: both; + } + + a.transcript-title { + padding: 0 0 5px 0; + margin: 0 0 5px 0; + display: block; + font-family: 'Georgia', serif; + font-style: italic; + font-size: 16px; + letter-spacing: -1px; + border-bottom: 1px dashed #000; + } + + #transcript-content { + font-family: 'Courier New', monospace; + overflow: hidden; + } + +#s-transcript { + width: 140px; + margin: 0; + padding: 2px; + font-size: 12px; + font-family: 'Georgia', serif; + font-style: italic; + } + + #searchsubmit-transcript { + padding: 0 5px; + font-size: 12px; + font-family: 'Arial', sans-serif; + } + + +/* Pingbacks and Trackbacks */ + +li.pingback div p, li.trackback div p { + margin-left:0; + } + +/* STORYLINES */ + +.storyline-cats { + padding: 0; + margin: 0; + list-style: none; + } + +.storyline-cats li { + display: inline; + } + + li.storyline-root { + display: none; + } + + + +/* CLEAR FLOATS */ + +.clear { + clear: both; + } + + + +/* CLEAR MARGINS */ +/* Used with BR for clearing paragraph margins for Safari, Chrome - avoid background gaps */ + +.clear-margins { + clear: both; + height: 0; + line-height: 0; + font-size: 0; } \ No newline at end of file