/* Theme Name: Krimimessen 2010 Theme URI: http://www.netsans.dk/ Description: WordPress theme til Krimimessen 2010 designet af Morten Brunbjerg Bech. Version: 2.0 Author: Morten Brunbjerg Bech Author URI: http://www.netsans.dk/about/ */ /* ====================================================== >> Reset styles - http://meyerweb.com/eric/tools/css/reset/ ====================================================== */ 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 {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} /* ====================================================== >> Basic styles ====================================================== */ body {margin: 0;padding: 0 0 20px 0;text-align: center;background: #593c2a url(graphics/bg-body.png) repeat-x top fixed;font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px;line-height:150%} a:link {color: #c71d22;} a:visited {color: #c71d22;} a:active, a:hover {color: #c71d22; text-decoration:none;} input {font-family: Arial, Verdana, Helvetica, sans-serif;} hr.clear {visibility:hidden;height:0;clear:both;} #wrapper {background: url(graphics/bg-content.png) top center repeat-y;width: 978px;margin: 0 auto;text-align: left;} #wrapper:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #wrapper {display:inline-block;} /* Hide from IE Mac \*/ #wrapper {display:block;} /* End hide from IE Mac */ /* ====================================================== >> Header ====================================================== */ #header {width:978px;height:93px;text-align:left;margin:0 auto;position:relative;background:url(graphics/bg-content-top.gif) center bottom no-repeat;padding:0 9px 17px;} h3#title {margin:15px 0 0;position:absolute;z-index: 0;} h3#title a {display:block;width:487px;height:55px;background:url(graphics/logo.gif) top left no-repeat;text-indent:-9000px;overflow:hidden;margin:0 2px;} #description {font-size:18px;color:#fff;font-weight:normal;position:absolute;top:68px;left:19px;} #feed {width:280px;position:absolute;top:71px;right:19px;text-align:right;} #feed a {font-weight:bold;padding:3px 24px 3px 0;background:url(graphics/icon-feed.gif) right top no-repeat;} /* ====================================================== >> Content ====================================================== */ #content {background:#fff url(graphics/bg-sidebar.jpg) right repeat-y;width:960px;margin:-9px 9px 0;position:relative;} #content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #content {display:inline-block;} /* Hide from IE Mac \*/ #content {display:block;} /* End hide from IE Mac */ /* ====================================================== >> Primary Content ====================================================== */ #primary-content {width:640px;float:left;display:inline;overflow:hidden;border-top:3px solid #c71d22;} #primary-content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #primary-content {display:inline-block;} /* Hide from IE Mac \*/ #primary-content {display:block;} /* End hide from IE Mac */ #primary-content img {border: 3px solid #593c2a;} #primary-content a:hover img {background:#fff;border:2px solid #c71d22;padding:1px;} #primary-content .alignright {float:right;margin: 0 0 0 10px;} #primary-content .alignleft {float:left;margin: 0 10px 0 0;} #primary-content .aligncenter {margin: 0 auto 10px;text-align:center;display:block;clear:both;} .wp-smiley {border: 0!important; vertical-align:middle;} .wp-caption {background:#ddd;margin-bottom: 18px!important;} .wp-caption a img {border:none!important;padding:0!important;margin:3px!important;} .wp-caption a:hover img {background:#ccc!important;border:1px solid #999!important;!important;padding:0!important;margin:2px!important;} p.wp-caption-text {margin:0!important;padding:0 3px 2px;font-size:11px;color:#666;} /* ====================================================== >> Blog Posts ====================================================== */ .byline {font-size:11px;} .entry-content h1 {font-size:24px;font-weight:normal;margin:0 0 12px;} .entry-content h2 {font-size:18px;font-weight:normal;margin:0 0 12px;} .entry-content h3 {font-size:14px;margin:0 0 6px;} .entry-content h4 {font-size:12px;} .entry-content p {margin:0 0 18px;} .entry-content blockquote {padding:9px 36px 0;margin:0 0 18px;color:#666;background:#fff url(graphics/blockquote.gif) left top no-repeat;} .entry-content ul, .entry-content ol {margin: 0 0 18px;} .entry-content ul li {padding:2px 0 2px 12px;background:url(graphics/bullet-blue.gif) 0 6px no-repeat;} .entry-content ol li {list-style:decimal;margin:2px 0 2px 20px;} .entry-content pre {font-family:"Courier New", Courier, mono;background:#ddd;padding:10px 3px;border:1px solid #ccc;margin:0 0 18px;} #topstory {background: #000 url(graphics/top-img-2011.jpg) top left no-repeat;min-height:260px;_height:260px;} #topstory .hentry {width:280px;padding:16px 20px 20px;margin: 0 320px 0 0;color:#fff;} #topstory .hentry h1 a {font-size:24px;line-height:120%;font-weight:normal;color:#fff;} #topstory h1 .comments a {font-size:12px;color:#b0958a;padding-left:26px;background:url(graphics/icon-comment.gif) 10px 2px no-repeat;} #topstory .byline {color:#b0958a;margin: 0 0 8px;} #topstory .byline a {color:#b0958a;} #topstory .more {display:block;width:128px;height:22px;border:1px solid #3b090a;background:#c71d22 url(graphics/bg-button.gif) top repeat-x; color:#fff;text-decoration:none;text-transform:uppercase;margin-top:5px;} #topstory .more:hover {background:#c71d22 url(graphics/bg-button.gif) bottom repeat-x;} #topstory .more span {display:block;padding:2px 0 0 18px;background:url(graphics/bullet-white.gif) 7px 5px no-repeat;width:109px;height:19px;border-top:1px solid #dd777a;border-left:1px solid #dd777a;} #featured-posts {background:#c71d22 url(graphics/bg-grungycontent-red.jpg) bottom left no-repeat;color:#fff;border-bottom:1px solid #661214;} #featured-posts .hentry {display:inline;float:left;width:280px;margin:12px 20px 10px;overflow:hidden;} #featured-posts .hentry h2 a {font-size:18px;line-height:120%;font-weight:normal;color:#fff;} #featured-posts h2 .comments a {font-size:12px;color:#ffabad;padding-left:26px;background:url(graphics/icon-comment-white.gif) 10px 2px no-repeat;} #featured-posts .byline, #featured-posts .byline a {color:#ffabad; margin:0 0 8px;} #posts {padding:12px 20px 20px;} #posts .hentry {border-bottom: 1px solid #ccc;padding: 0 0 12px; margin: 0 0 12px;} #posts h1 {font-size:24px;line-height:120%;font-weight:normal;} #posts h1.entry-title {margin: 20px 0 0;} #posts h3 a {font-size: 14px;font-weight:bold;} #posts h3 .comments a {font-size:12px;font-weight:normal;color:#b0958a;padding-left:26px;background:url(graphics/icon-comment.gif) 10px 2px no-repeat;} #posts .byline, #posts .byline a {color:#b0958a; margin:0 0 8px;} #post-meta {border-top:1px dashed #ccc;padding:12px 0 0;text-transform:uppercase;letter-spacing:2px;font-size:10px;color:#999;} #post-meta img.avatar {float:left;margin: 0 10px 0 0;} #post-meta span.author {display:block;} #post-meta span.author a {color:#999;} .post-nav {background:#000 url(graphics/top-img-2011.jpg) left center no-repeat;padding-top:120px;font-size:11px;} .post-nav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .post-nav {display:inline-block;} /* Hide from IE Mac \*/ .post-nav {display:block;} /* End hide from IE Mac */ .post-nav .previous {display:block;width:280px;float:left;padding:3px 20px;} .post-nav .next {display:block;width:280px;float:right;text-align:right;padding:3px 20px;} .post-nav .previous a {padding: 3px 14px; background:url(graphics/bullet-white-left.gif) left 6px no-repeat;color:#fff;} .post-nav .next a {padding: 3px 14px; background:url(graphics/bullet-white.gif) right 6px no-repeat;color:#fff;} .entry-content dl {margin:20px 0 30px;} .entry-content dd {padding:0 0 10px 100px;border-bottom:1px solid #999;margin:0 0 9px;} .entry-content dt {float:left;display:inline;width:90px;font-weight:bold;} .entry-content div.promote {background:#c71d22;padding:12px 10px;border:1px solid #593c2a;color:#fff;margin:12px 0;font-size: 14px;} .entry-content div.left {float:left;display:inline;margin-right:10px;width:200px;} .entry-content div.right {float:right;display:inline;margin-left:10px;width:200px;} /* ====================================================== >> Comments ====================================================== */ h3.comments {font-size:14px;font-weight: bold;margin:0 0 18px;padding:30px 0 0;border-top:1px dashed #ccc;} #commentlist li {font-size:12px;line-height:18px;padding-bottom: 24px;} #commentlist:after, #commentlist li:after, .comment:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #commentlist, #commentlist li, .comment {display:inline-block;} /* Hide from IE Mac \*/ #commentlist, #commentlist li, .comment {display:block;} /* End hide from IE Mac */ #commentlist li small.commentmetadata {display:block;padding: 0 0 10px 0;} #commentlist li a.timestamp {font-size:11px;float:right;color:#999;text-decoration:none;padding:0;} #commentlist li small.commentmetadata .edit a {font-size:11px;color:#999;display:inline;padding-left:10px;margin-left:10px;border-left: 1px solid #CCC;float: right;} #commentlist li cite {font-style:normal;} .comment {background: url(graphics/comment-slant.gif) 60px 20px no-repeat;} .comment img.avatar {float: left;} #commentlist li div.comment-text {background:#ddd;padding:0 10px;min-height:50px;width:510px;float:left;display:inline;color:#555;margin-left:20px;} .comment p {margin: 1.4em 0;} /* Comment form */ h3.respond {font-size:14px;font-weight: bold;margin:0 0 18px;} #commentform {width: 600px;line-height: 18px;} #commentform p {margin: 10px 0;} #commentform input {width: 288px;padding: 5px 3px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;border: 1px solid #999;background: url(graphics/bg-hr-dropshadow.gif) center 1px repeat-x;} #commentform label {font-size:12px;padding-left: 5px;color: #666;} #commentform textarea {width: 588px;border: 1px solid #999;padding: 5px 3px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;} #commentform input#submit {color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:12px;width:150px;height:25px;border:1px solid #3b090a;background:#c71d22 url(graphics/bg-button.gif) top repeat-x;padding: 2px 3px 4px;} #commentform input:hover#submit {background:#c71d22 url(graphics/bg-button.gif) bottom repeat-x;} /* ====================================================== >> Secondary Content ====================================================== */ #secondary-content {width: 320px;float:left;display:inline;bottom:0;overflow: hidden;border-top:3px solid #c71d22;} #secondary-content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #secondary-content {display:inline-block;} /* Hide from IE Mac \*/ #secondary-content {display:block;} /* End hide from IE Mac */ #navigation {background: /*#050200 - 2010 color*/ #020202 url(graphics/bg-menu-2011.jpg) left center no-repeat;min-height:260px;_height:260px;} #navigation #ticket-shop { background: url(graphics/bloodsplatter.gif) 0 -100px no-repeat; border-bottom:1px solid #472b1f; padding:10px 20px; } #navigation #ticket-shop a { background:#c71d22 url(graphics/bg-button.gif) top repeat-x; border:1px solid #3b090a; -moz-box-shadow: 0 0 20px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5); box-shadow: 0 0 20px rgba(0,0,0,.5); color:#fff; display: block; font-size: 18px; padding: 8px 3px 10px; text-align: center; text-decoration: none; text-shadow: 0 1px 0 rgba(0,0,0,.8); width:280px; } #navigation #ticket-shop a:focus, #navigation #ticket-shop a:hover { background:#c71d22 url(graphics/bg-button.gif) bottom repeat-x; -moz-box-shadow: inset 0 0 20px rgba(0,0,0,.5), 0 0 20px rgba(0,0,0,.5); -webkit-box-shadow: inset 0 0 20px rgba(0,0,0,.5), 0 0 20px rgba(0,0,0,.5); box-shadow: inset 0 0 20px rgba(0,0,0,.5), 0 0 20px rgba(0,0,0,.5); padding: 9px 3px 9px; } /*#navigation ul {background: url(graphics/bloodsplatter.gif) 0 -100px no-repeat;min-height:260px;_height:260px;}*/ #navigation li a {display:block;width:262px;padding:6px 20px 6px 38px;border-bottom:1px solid #472b1f;text-decoration:none;color:#fff;background:url(graphics/bullet-blue.gif) 20px 11px no-repeat;} #navigation li a:hover {color:#fff;background:rgb(71, 43, 31) url(graphics/bullet-white.gif) 20px 11px no-repeat;background:rgba(71, 43, 31, 0.6) url(graphics/bullet-white.gif) 20px 11px no-repeat;} /* ====================================================== >> Widgets ====================================================== */ #widgets-area-01 {width:300px;padding:0 10px 10px;overflow:hidden;} #widgets-area-02, #widgets-area-03 {float:left;width:140px;padding:10px;overflow:hidden;} .widget h3 {color:#db262b;padding:12px 10px 20px;font-size:14px;} #widgets-area-01 .widget h3 {background:url(graphics/h3-shade-sidebar-wide.png) center bottom no-repeat;} #widgets-area-02 .widget h3, #widgets-area-03 .widget h3 {background:url(graphics/h3-shade-sidebar.png) center bottom no-repeat;} .widget ul {padding:0 10px;} .widget li {color:#b0958a;padding:2px 0;} .widget li a {color:#fff;} .widget select {width:116px;margin:0 10px;padding:2px;;background:#593c2a;color:#fff;border:1px solid #666;font-size:10px;font-family:Arial, Helvetica, sans-serif;} /* -- Advertisement widget -- */ .no-sponsors {background:#000 url('graphics/bloodsplatter.gif') 0px -100px no-repeat;color:#fff;border:1px solid #593c2a;padding:10px;} /* -- Calendar widget -- */ .widget_calendar table {width:100%;color:#fff;} .widget_calendar caption {text-align: left;font-weight: bold;padding-bottom:.4em;} .widget_calendar th, .widget_calendar td {text-align: center;padding: 3px;} .widget_calendar th {background:#222;border:1px solid #000;} .widget_calendar td {background:#333;border:1px solid #000;} .widget_calendar td a {display: block;background:#c71d22;color:#fff;} .widget_calendar td a:hover {display: block;background:#b91b20;color:#fff;} .widget_calendar tfoot td {background:#222;} .widget_calendar tfoot td a {display:inline;background:none;color:#fff;} .widget_calendar tfoot td a:hover {background:none;color:#fff;} .widget_calendar td#prev {text-align:left;} .widget_calendar td#next {text-align:right;} /* -- Search widget -- */ #widgets-area-01 #search {margin: 0 0 10px;} #widgets-area-01 #search input {width:202px;height:15px;border:1px solid #999;background:#593c2a;padding:3px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#fff;margin:0 0 0 10px;} #widgets-area-01 #search input#searchsubmit {width:58px;height:25px;border:1px solid #3b090a;background:#c71d22 url(graphics/bg-button.gif) top repeat-x;padding: 2px 3px 4px;} #widgets-area-01 #search input:hover#searchsubmit {background:#c71d22 url(graphics/bg-button.gif) bottom repeat-x;} /* ====================================================== >> Footer ====================================================== */ #footerwrap {clear:both;width:978px;margin:0 auto;padding:0 0 17px;text-align:left;background:url(graphics/bg-content-bottom.png) center bottom no-repeat;} #footer {width:960px;padding:0 9px;background: url(graphics/bg-content.png) center repeat-y;} #site-information {background: #3c231c url(graphics/bg-footer.gif) left top repeat-x;border-top: 3px solid #c71d22;} #site-information:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #site-information {display:inline-block;} /* Hide from IE Mac \*/ #site-information {display:block;} /* End hide from IE Mac */ .copyright {width:480px;float:left;display:inline;height:80px;} .corporate {width:480px;float:left;display:inline;background: url(graphics/bloodsplatter.gif) 120px -110px no-repeat;height:80px;} .home {display:block;text-indent:-9000px;margin:25px 20px 0;width:279px;height:24px;background:url(graphics/logo-footer.gif) left top no-repeat;overflow:hidden;} .brand {display:block;text-indent:-9000px;margin:30px 20px 0;width:280px;height:14px;float:right;background:url(graphics/logo-horsensbib.gif) left top no-repeat;overflow:hidden; }