/* Theme Name: Utvecklingsbloggen Theme URI: http://utvecklingsbloggen.se Author: Tedde Lundgren Author URI: http://tedeh.net */ @import 'reset.css'; /* Tags */ body {font: normal 14px "Garamond", "Georgia", serif; background-color: white;} div {overflow: hidden;} a:link {color: #5e2a5e;} a:visited {color: #5e2a5e;} a:hover {color: black;} a:active {color: black;} p {line-height: 1em; color: #404040;} em {font-style: italic;} strong {font-weight: bold;} q {font-style: italic;} del {text-decoration: line-through;} ins {text-decoration: underline;} blockquote {font-style: italic;} /* Helpers */ .no-border {border: 0!important;} .float-container {overflow: auto;} /* Head */ #head {height: 206px; padding: 0 20px; background: white url(/images/huvud.png) no-repeat;} #head h1 {margin-top: 125px; font: normal 48px impact, charcoal, sans-serif; text-transform: uppercase;} #head h1 a {text-decoration: none; color: #724371;} #head h1 a .first {color: #ceadce;} #head h1 a .second {text-transform: lowercase; color: #ceadce;} #head h2 {position: relative; top: -8px; font: normal 12px tahoma, geneva, sans-serif; color: #724371;} /* Menu */ #menu {float: right; overflow: auto; height: 54px; margin: 1px 0 0 0;} #menu li {float: left; text-align: center; height: 52px; background-repeat: no-repeat;} #menu-start {background-image: url(/images/menu/start.gif); width: 99px;} #menu-about {background-image: url(/images/menu/about.gif); width: 114px;} #menu-program {background-image: url(/images/menu/program.gif); width: 113px;} #menu-verktyg {background-image: url(/images/menu/verktyg.gif); width: 113px;} #menu-rd {background-image: url(/images/menu/rd.gif); width: 89px;} #menu-kontakt {background-image: url(/images/menu/kontakt.gif); width: 148px;} #menu li a {height: 16px; background-repeat: no-repeat; background-position: 0 0; display: block; overflow: hidden; text-indent: -9999px; margin: 18px 0 0 45px;} #menu li a:hover, #menu .selected a {background-position: 0 -37px;} #menu-start a {background-image: url(/images/menu/start-a.gif);} #menu-about a {background-image: url(/images/menu/about-a.gif);} #menu-program a {background-image: url(/images/menu/program-a.gif);} #menu-verktyg a {background-image: url(/images/menu/verktyg-a.gif);} #menu-rd a {background-image: url(/images/menu/rd-a.gif);} #menu-kontakt a {background-image: url(/images/menu/kontakt-a.gif);} /* Parts */ #page {background-color: #5e2a5e; width: 900px; overflow: hidden;} #content {overflow: hidden; clear: both; padding: 10px 20px;} #flow {float: left; width: 580px;} #side {float: right; width: 272px;} /* General content */ #flow .box {margin: 0 0 10px 0; background-color: #f4f2f4;} /* Program page */ #flow .program {font-size: 16px;} #flow .program h2 {padding: 10px 20px 10px 105px; background: white url(/images/hot-tree.png) top left no-repeat; font-weight: bold; color: #494949; font-size: 24px;} #flow .program .section {background: #f4f2f4; padding: 10px;} #flow .program .section h3 {font-size: 18px; color: #ec7f2e; font-weight: bold; margin: 0 0 6px 0;} #flow .program .section p {color: #414141;} #flow .program .section .right {width: 465px;} #flow .program .left {float: left; display: block;} #flow .program .right {float: right; display: block;} #flow .program ul {margin: 3px 0 10px 0;} #flow .program ul li {background: white; margin: 0 0 3px 0; padding: 5px 0;} #flow .program li h4 {margin: 0 0 6px 0; color: #5e2a5e; border-left: 3px solid #5e2a5e; font-weight: bold; padding: 0 0 0 6px;} #flow .program li p {margin: 0 9px 6px 9px;} /* Header page */ #flow .header {background: white; margin: 0 0 12px 0; padding: 12px;} #flow .header h2 {font-size: 18px; font-weight: bold; color: #494949;} /* Generic page */ #flow .page {background: white url(/images/generic-tree.png) left bottom no-repeat; padding: 12px 10px 10px 95px;} #flow .page h2 {color: #494949; font-weight: bold; font-size: 24px; margin: 0 0 8px 8px;} #flow .page .content {background: #f4f2f4; padding: 8px;} #flow .page .content p {line-height: 1em;} #flow .page .content h3 {color: #ec7f2e; font-weight: bold; font-size: 18px; margin: 0 0 2px 0;} /* Search page */ #flow .search {background: white; padding: 10px 0;} #flow .search h2 {color: #ec7f2e; font-size: 18px; font-weight: bold; margin: 6px 12px 12px 12px;} #flow .search ol li {padding: 12px;} #flow .search ol li.odd {background: #f4f2f4;} #flow .search ol li.even {background: white;} #flow .search li h3 {color: #494949; font-size: 18px; font-weight: bold; margin: 0 0 2px 0;} #flow .search li .content {margin: 12px 0 0 0; padding: 0;} #flow .search li .meta span {display: block;} #flow .search li .meta {font-size: 14px; color: #303030;} #flow .search li .meta .date {display: block; float: left; margin: 0 9px 0 0;} #flow .search li .meta .comments {padding: 0 0 0 20px; display: block; float: left; background: url(/images/comment-icon.png) left center no-repeat;} #flow .search li .meta .tags {float: left; padding: 0 0 0 6px;} /* Paginator */ #flow .paginator {background: white; padding: 12px; border-top: 1px solid #cbcbcb; text-align: center;} #flow .paginator .next {float: right; display: block; font-weight: bold;} #flow .paginator .previous {float: left; display: block; font-weight: bold;} #flow .paginator .browse a {font-weight: bold;} #flow .paginator .browse ol {display: inline;} #flow .paginator .browse li {display: inline;} #flow .paginator .browse .current {font-size: 20px; font-weight: bold; color: #ec7f2e;} #flow .paginator .meta {font-size: 14px; color: #5e2a5e;} #flow .paginator .meta q {color: #ec7f2e;} /* Hot content box */ #flow .hot h2 {padding: 15px 20px 13px 80px; margin: 0 0 10px 0; background: white url(/images/hot-tree.png) top left no-repeat; font-weight: bold; color: #494949; font-size: 17px;} #flow .hot img {float: left; display: block;} #flow .hot .wrapper {padding: 0 10px;} #flow .hot .book {float: right; width: 490px; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #d9d3d9;} #flow .hot .book h3 {color: #5e2a5e; font-size: 16px;} #flow .hot .book p {color: #414141; font-size: 14px;} #flow .hot .book a {font-weight: bold; font-size: 12px;} /* Post head */ #flow .post .meta {padding: 10px; background-color: white;} #flow .post .meta h2 {font-size: 24px; font-weight: bold; color: #494949; line-height: 1em;} #flow .post .meta span {font-size: 14px; color: #303030;} #flow .post .meta .row {margin: 6px 0 0 0;} #flow .post .meta .date {display: block; float: left; margin: 0 9px 0 0;} #flow .post .meta .comments {padding: 0 6px 0 20px; display: block; float: left; background: url(/images/comment-icon.png) left center no-repeat;} #flow .post .meta .tags {float: left;} #flow .post .comments-link {background-color: #f4f2f4; display: block; float: right; color: #5e2a5e; border-left: 1px solid #d3d1d3; margin: 0 6px 2px 0; font-weight: bold; padding: 0 0 0 6px;} #flow .post .rss-link {display: block; background: #e9e1e8 url(/images/rss-icon.png) left center no-repeat; float: left; padding: 4px 10px 4px 32px; margin: 5px 0 10px 10px;} #flow .post .comments-excerpt {margin: 5px 10px; overflow: auto;} #flow .post .comments-excerpt h3 {background: white; text-align: center; float: right; font-size: 12px; padding: 4px; font-weight: bold; margin-bottom: 12px; width: 100px; height: 48px; border: 1px solid #d3d1d3; border-left: none;} #flow .post .comments-excerpt h3 span {display: block;} #flow .post .comments-excerpt h3 a {display: block; margin-top: 8px;} #flow .post .comments-excerpt .holder {float: left; border: 1px solid #d3d1d3; background: white; padding: 4px; width: 371px; height: 48px;} #flow .post .comments-excerpt .avatar {float: left; margin: 0 12px 6px 0;} #flow .post .comments-excerpt .content {padding: 0; margin-bottom: 4px;} #flow .post .comments-excerpt .author {font-size: 12px; font-weight: bold; color: #414141;} #flow .post .comments-excerpt .date {font-size: 12px; font-weight: bold; color: #414141;} /* Post content */ #flow .content {padding: 10px;} #flow .content p {margin-bottom: 1em; font-size: 16px; line-height: 1em;} #flow .content .more {color: #fa883e; font-weight: bold;} #flow .content object {display: block;} #flow .content ul, #flow .content ol {margin: 12px 0 12px 22px; font-size: 16px; color: #404040; line-height: 1em;} #flow .content ul {list-style-type: disc; } #flow .content ol {list-style-type: decimal;} #flow .content li {margin: 0 0 6px 0;} #flow .content blockquote {margin: 4px 0 4px 22px;} #flow .content .wp-caption {background: white; padding: 8px 0 8px 8px; border: 1px solid #cec0ce;} #flow .content .wp-caption p {margin: 0; text-align: center;} #flow .content .alignleft {float: left; margin: 0 14px 12px 0;} #flow .content .alignright {float: right; margin: 0 0 14px 12px;} #flow .content form {margin: 6px 0;} #flow .content label {font-weight: bold; display: block;} #flow .content input[type=password] {border: 1px solid #cec0ce; padding: 2px; margin: 3px 0;} /* R&D Form */ #flow #rd-form fieldset {margin: 0 0 12px 0;} #flow #rd-form label {font-size: 14px; margin: 6px 0 6px 0;} #flow #rd-form input {border: 1px solid #cec0ce; background-color: white; padding: 2px; margin: 0 0 8px 0;} #flow #rd-form select {margin: 0 0 6px 0;} #flow #rd-form ul {margin: 0 0 12px 0;} #flow #rd-form ul li {overflow: auto;} #flow #rd-form ul li input {float: left; vertical-align: middle;} #flow #rd-form ul li label {float: right; width: 430px; margin: 0;} #flow #rd-form fieldset input {width: 200px;} #flow #rd-form #input_prata {width: 350px;} #flow #rd-form .float {overflow: auto; margin: 6px 0 0 0;} #flow #rd-form .float label {float: right; width: 430px; margin: 0;} #flow #rd-form #check_blogg {vertical-align: middle; width: auto; float: left; margin: 0;} /* Share post */ #flow .post .share {padding: 10px 0; border-top: 1px solid #d9d3d9; clear: both;} #flow .post .share h3 {border-left: 6px solid #5e2a5e; padding: 0 0 0 8px; margin: 0 0 0 0; font-size: 14px; font-weight: bold; color: #525252;} #flow .post .share ul {overflow: auto; margin: 0 20px 0 15px; padding: 8px 0 8px 0; border-bottom: 1px solid #d9d3d9;} #flow .post .share ul li {float: left; margin-right: 10px; overflow: auto;} #flow .post .share ul .header {color: #525252; font-size: 14px; margin: 0 20px 0 0; background-color: transparent; padding: 8px 0 0 0;} #flow .post .share ul img {display: block; float: left; margin-right: 6px;} #flow .post .share ul a {color: #5e2a5e; text-decoration: none; display: block; float: left; margin-top: 8px;} #flow .post .share ul a:hover {text-decoration: underline;} /* Related posts */ #flow .related {background: white; padding: 8px 0;} #flow .related h3 {border-left: 6px solid #5e2a5e; font-weight: bold; font-size: 18px; color: #494949; padding: 0 0 0 12px;} #flow .related .wrapper {padding: 10px 18px;} #flow .related .wrapper li {float: left; width: 260px; margin: 0 12px 12px 0;} #flow .related .wrapper li h4 {font-size: 16px; color: #494949; font-weight: bold;} /* Comment list */ #flow .comments {padding: 10px 0 0 0; background: white; margin-bottom: 0;} #flow .comments h2 {padding: 0 0 0 12px; font-size: 18px; color: #494949; font-weight: bold; border-left: 6px solid #5e2a5e; margin: 0 0 10px 0;} #flow .comments li {overflow: auto; margin: 0 0 18px 22px;} #flow .comments li img {float: right; display: block; margin: 10px 22px 6px 30px;} #flow .comments li .meta {float: left; width: 421px; background: #f4f2f4; border: 1px solid #c5c5c5; padding: 7px 5px;} #flow .comments li .meta h3 {font-size: 16px; font-weight: bold; color: #5e2a5e; margin: 0 0 6px 0;} #flow .comments li .meta h3 a {color: #5e2a5e;} #flow .comments li .meta .content {color: #494949;} #flow .comments li .meta .date {font-size: 14px; color: #5e2a5e; font-weight: bold;} /* Comment form */ #flow .comment {background: white; padding: 10px 0; background: white;} #flow .comment h2 {padding: 0 0 0 13px; font-size: 18px; color: #494949; font-weight: bold; border-left: 7px solid #5e2a5e; margin: 0 0 10px 0;} #flow .comment h3 {padding: 0 0 0 20px; font-size: 12px; color: #5a5b5b; margin: 0 0 10px 0;} #flow .comment fieldset {padding: 0 20px 0 20px;} #flow .comment fieldset input, #flow .comment fieldset textarea {border: 1px solid #e2e0e0; margin: 0 0 8px 0; background: white; padding: 3px; font: normal 14px helvetica, arial, sans-serif; width: 420px;} #flow .comment fieldset textarea {height: 165px; overflow: auto;} #flow .comment fieldset label {margin: 0 0 4px 0; display: block; font-weight: bold; color: #5e2a5e; font-size: 12px;} #flow .comment button {font: normal 14px garamond, georgia, serif; color: white; border: none; font-weight: bold; background: url(/images/comment-submit-button.gif) no-repeat; width: 151px; height: 34px;} /* Share comment */ #flow .comment .share h3 {color: #5e2a5e; font-size: 12px; font-weight: bold; padding-left: 0;} #flow .comment .share ul {overflow: auto; margin: 0 0 8px 0;} #flow .comment .share li {float: left; margin: 0 18px 0 0;} #flow .comment .share li input {width: auto;} #flow .comment .share li label {vertical-align: top; padding: 2px 0 2px 18px; display: inline; color: #5b5b5b; font-weight: normal; background-repeat: no-repeat; background-position: top left;} #flow .comment .share .facebook label {background-image: url(/images/share/facebook-icon.png);} #flow .comment .share .twitter label {background-image: url(/images/share/twitter-icon.png);} #flow .comment .share .ping label {background-image: url(/images/share/ping-icon.png);} #flow .comment .share .friendfinder label {background-image: url(/images/share/friendfinder-icon.png);} /* Widget common */ #side li {margin: 0 0 5px 0; background: white; padding: 1px 0;} #side li h2 {border-left: 7px solid #5e2a5e; color: #5e2a5e; margin: 10px 0; font-size: 18px; font-weight: bold; padding: 0 13px;} #side li a {color: #373737; font-size: 14px;} /* About widget */ #side .widget_about p {margin: 0 10px 10px 10px; font-size: 16px;} #side .widget_about span {display: block; margin: 0 10px 10px 10px;} #side .widget_about ul {margin-left: 10px;} #side .widget_about .holder {overflow: auto;} #side .widget_about .image {float: left; margin: 0 1px 5px 10px;} #side .widget_about p.text {border: 1px solid #cec0ce; float: right; font-style: italic; padding: 3px; width: 174px; background-color: #f4f2f4;} #side .widget_about .date {display: block; font-style: normal; margin: 0; padding: 0; font-size: 12px;} #side .widget_about .more {float: right; margin-right: 10px; text-align: right;} #side .widget_about .more .bloggy { background: url(/images/share/bloggy-icon.png) 0 1px no-repeat; padding-left: 22px; } /* RSS widget */ #side .widget_rss ul {margin: 0 10px 10px 10px;} #side .widget_rss li {background: url(/images/rss-icon.png) left center no-repeat; padding: 2px 0 2px 34px;} #side .widget_rss li a {font-size: 18px;} /* Registration/VIP widget */ #side .widget_vip h2 {border: none; font-size: 22px; color: #5e2a5e; text-align: center; padding: 2px 0;} #side .widget_vip h3 {background: #5e2a5e url(/images/vip-flik.png) 160px 0 no-repeat; border-left: 17px solid #ec7f2e; color: white; padding: 8px 0 8px 12px; font-weight: bold; font-size: 18px;} #side .widget_vip ul {margin: 10px 12px 14px 0; padding: 0 0 0 5px;} #side .widget_vip ul li {background: url(/images/vip-list-bullet.png) no-repeat; padding: 0 0 0 24px; color: #5e2a5e;} #side .widget_vip form {margin: 0 25px 10px 25px;} #side .widget_vip form input {font-size: 12px; border: 1px solid #cec0ce; padding: 2px; margin: 0 0 4px 0; width: 218px;} #side .widget_vip form button {margin: 4px 0 0 0; float: right; background: #5e2a5e; color: white; border: none; padding: 3px 12px; text-align: center; font: bold 13px garamond, georgia, serif;} #side .widget_vip form p {text-align: right; margin: 3px 0 0 0; color: #656464;} /* Search widget */ #side .widget_search form {margin: 0 20px 10px 20px;} #side .widget_search form input {width: 192px; border: 1px solid #d6c8d5; background: white; border-right: none; padding: 4px;} #side .widget_search form button {margin: 0 0 0 -4px; padding: 3px 12px 3px 12px; border: 1px solid #d6c8d5; border-left: none; background: white url(/images/search-icon.gif) center center no-repeat; overflow: hidden; text-indent: -9999px;} /* List widget */ #side .widget_list {margin-bottom: 0;} #side .widget_list ol, #side .widget_list ul {background: #f4f2f4; padding: 8px;} #side .widget_list li {background: transparent url(/images/side-list-bullet.gif) 0 5px no-repeat; padding: 0 0 0 14px; margin: 0 0 6px 0;} #side .widget_list li a {font-size: 14px; } /* Keyword widget */ #side .widget_keywords {margin-bottom: 0; overflow: auto;} #side .widget_keywords ol {float: left; padding: 0 14px 0 14px;} #side .widget_keywords .second {border-left: 1px solid #5e2a5e;} #side .widget_keywords .wrapper {background: #f4f2f4; padding: 8px;} #side .widget_keywords ol li {background: transparent;} #side .widget_keywords ol a {font-size: 14px;} /* Tag cloud widget */ #side .widget_tag_cloud h2 {margin-bottom: 0;} #side .widget_tag_cloud .wrapper {margin: 0 22px 10px 22px;} /* Page footer */ #footer {margin-top: 10px; padding: 25px 20px; background-color: #eadbea;} #footer .post-script {font: normal 24px impact, charcoal, sans-serif; text-transform: uppercase; color: #724371;} #footer .post-script .first {color: #ad85ad;} #footer .post-script .second {text-transform: lowercase; color: #ad85ad;}