/* Theme Name: Smeder Theme URI: http://smeder.nu Description: Wordpress-tema skapat för Smeder ord & tanke skapat av Editerat Version: 2.8 Author: Editerat (Fredrik Lind) Author URI: http://editerat.se Tags: vitt, svart */ /*@import "style/css/reset.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, 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; } :focus { outline: 0; } body { line-height: 1; color: black; background: white; } 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: "" ""; } /* General */ html { overflow-y: scroll;} body { background-color: #000; font-family: Arial, Helvetica, sans-serif; color: #424242; font-size:12px;} p { font-size: 12px; line-height: 15px; margin-bottom: 15px;} a { color: #424242; text-decoration: underline;} a:visited { color: #424242; text-decoration: underline;} a:hover { color: #424242; text-decoration: underline;} a:active { color: #424242; text-decoration: underline;} .textfield { border: 1px solid #c8c7c7; padding: 3px;} /* Basic elements */ #page-wrap { width: 685px; background: #fff url(images/top.jpg) no-repeat; padding: 50px 50px 0; margin: 50px auto 50px; overflow: hidden;} #main-content { float: left; width: 460px; margin-right: 50px;} #sidebar { float: left; width: 175px;} /* Main-content */ #main-content h1 { color: #a9a9a9; font-size: 23px; padding-bottom: 30px; border-bottom: 1px solid #b2b2b2; margin-bottom: 29px;} #main-content h2 { color: #a9a9a9; font-size: 24px; margin-bottom: 16px; line-height: 26px; font-weight:normal;} #post-6 h2 { margin-bottom:0;} #post-6 p { margin-top: 15px;} #post-6 table { margin-top: 15px;} #post-6 td { padding:5px 0;} .textwidget { font-style: italic; padding-bottom: 30px; border-bottom: 1px solid #b2b2b2; margin-bottom: 29px; font-size: 12px; line-height:15px;} /* Post listing */ ol#posts { list-style: none;} ol#posts li { padding-bottom: 30px; border-bottom: 1px solid #b2b2b2; margin-bottom: 29px;} /* List formatering */ #main-content ul li { padding-bottom: 0; border-bottom: none; margin-bottom: 4px; list-style: inside;} #posts .date { margin-bottom: 10px; text-transform: uppercase; font-size: 12px; color: #797979;} #posts .meta { overflow: hidden;} #posts .tags { float: left; width: 256px; margin-bottom: 0;} #posts .read-more { float: right; margin-bottom: 0;} .nex-prev-posts a { text-decoration: none;} .nex-prev-posts a:hover { text-decoration: underline;} /* Main-navigation */ ul#main-nav { overflow: hidden; margin-bottom: 30px; list-style: none;} ul#main-nav li { display: block; margin: 0 25px 8px 0; float: left; height: 41px; background-repeat: no-repeat; text-indent: -9999px;} ul#main-nav li a { display: block; height: 41px;} #tjanster { width: 205px; background-image: url(images/tjanster.gif);} #tjanster a:hover { border-bottom: 2px solid #ec008c; margin-bottom: -2px;} #smeder { width: 162px; background-image: url(images/smeder.gif);} #uppdrag { width: 192px; background-image: url(images/uppdrag.gif);} #uppdrag a:hover { border-bottom: 2px solid #30c3dc; margin-bottom: -2px;} #vitsord { width: 174px; background-image: url(images/vitsord.gif);} #vitsord a:hover { border-bottom: 2px solid #bdc61e; margin-bottom: -2px;} #nej { width: 66px; background-image: url(images/nej.gif);} #nej a:hover { border-bottom: 2px solid #ef2222; margin-bottom: -2px;} #kontakt { width: 194px; background-image: url(images/kontakt.gif);} #kontakt a:hover, #smeder a:hover { border-bottom: 2px solid #000; margin-bottom: -2px;} /* Sidebar */ #logo a { background: transparent url(images/logo.jpg) no-repeat; display: block; height: 73px; text-indent: -9999px;} img#tiina { margin: 25px 0;} .om-tiina { height: 175px; height: 54px; background: transparent url(images/om-tiina.gif) no-repeat; text-indent: -9999px; margin-bottom: 25px;} /* Sidebar Ul's */ #sidebar ul { margin-bottom: 25px; list-style: none;} #sidebar li p, #sidebar .nyhetsbrev p { font-size: 11px;} #sidebar ul li.cat-item { margin-bottom: 4px;} #sidebar li a { text-decoration: none; font-size: 11px; margin-bottom: 4px;} #sidebar li a:hover { text-decoration: underline;} #sidebar h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 5px;} #sidebar ul.kategorier h3 { background: transparent url(images/kategorier.gif) no-repeat; height:13px; width:108px; text-indent: -9999px;} #sidebar ul.arkiv h3 { background: transparent url(images/arkiv.gif) no-repeat; height:13px; width:53px; text-indent: -9999px;} #sidebar .nyhetsbrev h3 { background: transparent url(images/nyhetsbrev.gif) no-repeat; height:13px; width:109px; text-indent: -9999px;} #nyhetsbrev-form { position: relative; width: 161px; background: transparent url(images/ok.gif) no-repeat scroll right 3px;} #ok-nyhetsbrev { position: absolute; top:-1px; *top:1px; right:0; width: 23px; height: 20px; background: transparent; border: none; cursor: pointer;} .nyhetsbrev p { margin-bottom: 5px;} .nyhetsbrev .textfield { width: 117px;} /* Single Post */ .post { border-bottom: 1px solid #B2B2B2; padding-bottom: 15px; margin-bottom: 8px;} .post-meta { margin-bottom: 40px;} /* Footer */ #footer { clear: left; height:55px; padding-top:35px; background: transparent url(images/bottom.jpg) bottom left no-repeat; width:785px; margin: 0 -50px;} #footer p { margin-left: 50px; color: #888; font-size:11px;} #footer p a { color:#888;} /****** Comments */ ol.commentlist, ol.children { list-style-type: none; padding: 0; margin: 6px 0; } ol.commentlist li.comment { position: relative; margin-bottom: 10px; z-index: 5; } ol.commentlist ul.children li.comment { background-color: #e7e7e7; border-color: #ccc; } ol.commentlist li.comment .vcard img { position: absolute; top: 15px; left: 15px; } ol.commentlist li.comment .comment-body p { margin-top: 0; color:#888888; font-style:italic; margin-top:0; line-height:17px;} .comment-meta.commentmetadata a { position: absolute; right: 15px; top: 15px; font-size: 9px; color: #999; text-decoration: none; } .comment-meta.commentmetadata a.comment-edit-link { display: none; } .comment .says { display: none;} #commentform textarea#comment { width: 265px; margin-bottom: 4px; padding: 10px; } .children .depth-2 #commentform textarea#comment { width: 225px; } #main-content #comments { font-size: 12px; font-weight: bold; color:#888888;} .comment-reply-link { background-color: #e7e7e7; padding: 4px; text-decoration: none; font-size: 11px;} #cancel_reply a { width: 104px; } .comment-reply-meta { position: absolute; top: 10px; left: 50px; } .comment .comment-childs .commentmetadata { position: absolute; top: 12px; right: 10px; } .comment cite a { text-decoration: underline; font-weight:normal; font-size:14px; font-style:italic;} cite.fn, .comment-reply-meta cite { font-style: normal; font-weight: bold; font-size: 1.1em; margin-bottom: 10px; } .depth-1 #respond { margin-top: 15px;} ol.commentlist li.depth-3 { margin-left: -50px; padding-top: 20p; } ol.commentlist li.depth-3 .comment-meta a { top: 3px; right: 5px; } .comment ul.children { margin-top: 15px;} .comment-author { margin-bottom: 12px;} .commentmetadata { height: 0;} .comment .comment-reply-meta { font-size: 1em; } #respond h2 { font-size:12px; font-weight:bold; margin-bottom: 8px;} .thdrpy:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .thdrpy a { float: right; margin-right: 3px; background-color: #a68e72; padding: 1px 4px; color: #dcdcdc !important; font-size: 0.85em; text-align: center; } .thdrpy { margin: 0; } /* Facebook Connect */ #fb-user { border: 1px solid #CCCCCC; background-color: #fff; padding: 10px; display: block; position: relative; height: 59px; margin-bottom: 10px;} #fb-user .fb_profile_pic_rendered { position: absolute; top: 5px; left: 5px; } #fb-msg p { margin-left: 75px;} #alt-login-methods { padding: 10px 0; margin-bottom: 10px;} /* WP-Greet */ .piclenselink { display: none;} .page th { font-weight: bold;} .greeting-card-body { margin: 15px 0;} .post-44 tr { height: 23px;} .vykort-form { font-size:11px;} .vykort-form input, .vykort-form textarea { margin:3px 0 3px;} .vykort-form .subject-field { font-size:11px; margin: 13px 0 2px;} .vykort-form input { width: 167px; padding: 5px; border: 1px solid #CCC;} .vykort-form .subject-field input { width:395px;} .vykort-form textarea { width:395px; padding: 5px; border: 1px solid #CCC;} .vykort-form input:focus, .vykort-form textarea:focus { border: 1px solid #10BAD7;} .vykort-form .kopia { display: none;} .vykort-form label.kopia-text {display: none;} p.skicka-form { text-align: left; margin:13px 0 0;} /*.skicka-form input { margin-bottom:10px; height:12px; text-indent:-9999px; width:65px; background: url(/images/skicka.gif) no-repeat; border:none; cursor:pointer;}*/ label.error { display:block; margin-bottom:11px; color: #EC0000;} input.error, textarea.error { border: 1px solid #EC0000;} /* Kontaktformulär */ form.kontakt label { font-size: 12px; line-height: 17px; cursor: pointer;} form.kontakt .txtfield { width: 162px;} form.kontakt .txtfield, form.kontakt textarea { padding: 5px; border: 1px solid #CCC; margin-bottom:8px;} form.kontakt textarea { width:363px;} form.kontakt .txtfield:focus, form.kontakt textarea:focus { border: 1px solid #10BAD7;} form.kontakt #submitinput { font-size: 16px; padding: 5px; margin: 6px 0 14px;} #bademail, #badeserver, #success { padding: 8px; background-color:#900; color: #fff; text-align: center;} #success { background-color: #BDC61E;} /* Annat */ .bloglovin { margin: 20px 0; display:block;}