/* Theme Name: etiopiaklubben Description: A child theme of the 2010 default theme for WordPress, made for etiopiaklubben.no Author: Elisabeth Irgens Author url: http://sortenke.no/ */ @import url('../twentyten/style.css'); a:link {color:#006B3F;} a:visited {color:#006B3F;} a:active, a:hover {color: #003820;} body {background: #eed url(img/bg.png);} :focus {outline: 0;} /* =Layout -------------------------------------------------------------- */ #wrapper {padding: 0; margin-top: 0px; margin-bottom: 30px; border: 3px solid #ccb; border-top-width: 0px; border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; background: #fff url(img/footer-people.png) no-repeat bottom left;} #main {padding: 20px 20px 30px 20px; width: 900px; } #container {float: left; margin: 0 -200px 0 0; width: 100%;} #content {margin: 40px 240px 40px 20px;} body.home #content {margin-right: 200px;} #primary, #secondary {margin-top: 20px; float: right; overflow: hidden; width: 200px;} #secondary {clear: right;} #shopsidebar {margin-top: 100px; float: right; overflow: hidden; width: 200px;} #footer {clear: both; width: 100%; margin-top: 30px;} /* =Fonts -------------------------------------------------------------- */ #site-description, .entry-summary a, #crumbs, .page-title span {font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;} .btn, .linkcat h2, #rss, #shopsidebar h2 {font-family: 'Yanone Kaffeesatz', serif;} /* =Global -------------------------------------------------------------- */ input[type="text"], textarea {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;} /* =Header -------------------------------------------------------------- */ #header {padding: 0; position: relative;} div#branding {height: 120px; background: #19724C url(img/header-people.png) no-repeat bottom right; border-bottom: 20px solid #EADC4D; border-top: 3px solid #0F603B;} #site-title {width: 500px; height: 100px; margin: 10px 0px 0px 20px;} #site-title a {background: url(img/logo.png) no-repeat top left; color: #EADC4D; text-indent: -5555px; display: block; width: 500px; height: 100px;} #site-title a:hover {background-position: bottom left;} #site-description {clear: right; float: right; margin: 35px 15px 18px 10px; width: 200px; color: #AFC9B2; font-size: 15px; font-style: normal; line-height: 1.2;} /* =Menu -------------------------------------------------------------- */ #access {background: #aa4121 url(img/btn_reflectionx.png) repeat-x 0 51%; padding-left: 20px; width: 920px; border-top: 1px solid #AA4121; border-bottom: 1px solid #871A02; position: relative;} #access li:hover > a, #access ul ul :hover > a {color:#fff; background:#871A02;} #access ul ul a {background:#aa4121; border-top: 1px solid #871A02;} #access ul ul {z-index: auto;} #access div.menu-header {position: relative; z-index: 9999;} #access .current-menu-item a {color:#fff; background:#871A02;} #access .current_page_parent .sub-menu a {background: #aa4121;} #access .current_page_parent .sub-menu a:hover {background: #871A02;} #access .current_page_parent a {color:#fff; background:#871A02;} #access .menu-header, div.menu {font-size: 15px;} #access a {color: #fff; padding: 0 12px;} #menu-meny a {text-shadow: 1px 1px 1px #871A02;} #crumbs {width: 600px; position: absolute; top: 40px; clear: left; margin-left: 20px; color: #888; font-size: 12px;} #crumbs a {color: #888; display: inline; padding: 0;} #crumbs a:hover {text-decoration: underline;} .page-id-16 #crumbs, .single-ebproduct #crumbs {display: none;} /* not 100% logical in etiopiabutikken */ /* =sidebar -------------------------------------------------------------- */ #primary {background: #fff url(img/sidebar-people.png) no-repeat top right; padding-top: 115px; margin-top: 5px;} .btnbox {margin-bottom: 20px; margin-right: 20px;} .btn {line-height: 1.2; letter-spacing: 1px;} a.btn {display: block; border: 2px solid #E8CC03; color: #B5940D; font-size: 24px; padding: 5px 0 0 20px; text-shadow: 0px 1px 1px #F4EBBA; background: #EADC4D url(img/btn_reflection.png) repeat-x 0 50%; border-radius: 10px; -moz-border-radius: 10px;} a.btn:hover {background-color: #E0C605; color: #A0870A; border: 2px solid #C6A70C; text-decoration: none;} #searchform div {margin-bottom: 10px; margin-right: 20px; height: 60px;} #searchform input {font-size: 15px; line-height: 26px; border-radius: 10px; -moz-border-radius: 10px;} #searchform #s {height: 26px; width: 150px; padding: 5px 0px 5px 10px; background-color: #fff; border: 2px solid #eed;} #searchsubmit {background: #EADC4D url(img/search.png) no-repeat 50% 50%; width: 40px; height: 40px; border: 2px solid #E8CC03; text-transform: uppercase; color: #B5940D; position: relative; top: -40px; left: 140px;} #searchsubmit:hover {background-color: #E0C605; border: 2px solid #C6A70C;} #rss {margin: -10px 10px 25px 20px; font-size: 24px;} #rss a {color: #ccb;} #rss a:hover {color: #E57E30; text-decoration: none;} #rss a img {position: relative; top: 10px; left: 4px;} #rss a img:hover {} #primary ul ul.xoxo {margin-left: 0; list-style-type: none;} #primary ul ul.blogroll {margin-left: 0;} .linkcat {border-bottom: 2px solid #eed; padding-bottom: 5px;} .linkcat h2 {margin: 15px 10px 5px 20px; font-size: 26px; color: #ccb; } ul ul.blogroll {font-size: 16px; line-height: 1.2;} ul ul.blogroll li {margin-bottom: 5px; margin-left: 0;} ul ul.blogroll li a {display: block; padding: 2px 2px 2px 20px;} ul ul.blogroll li a:hover {background-color: #eed; text-decoration: none;} #shopsidebar a {text-decoration: none;} #shopsidebar h2 {margin: 30px 10px 5px 20px; font-size: 24px; color: #ccb; } #shopsidebar ul {list-style-type: none; margin-left: 0; font-size: 16px; line-height: 1.2;} #shopsidebar ul li {margin-bottom: 5px; margin-left: 0;} #shopsidebar ul li a {display: block; padding: 2px 2px 2px 20px;} #shopsidebar ul li a:hover {background-color: #eed; text-decoration: none;} /* =Content -------------------------------------------------------------- */ #content h2, #content h3, #content h4, #content h5, #content h6 {margin: 0 0 5px 0;} .entry-title a:link, .entry-title a:visited {color: #333; text-decoration: none;} .entry-title a:active, .entry-title a:hover {color: #006B3F;} .home .post {width: 302px; float: left; margin: 0 38px 20px 0; height: 360px; overflow: hidden;} .home .sticky {width: 302px; height: 360px; float: left; background: #fff; border-top: none; margin: 0 38px 20px 0; padding: 0;} .home .sticky .page-link a {background: inherit;} .home .entry-title a {font-size: 24px; line-height: 1;} .wp-post-image {border: 1px solid #999; opacity: .9;} .wp-post-image:hover {border: 1px solid #777; opacity: 1;} .entry-summary {padding-top: 5px; line-height: 1.2;} .entry-summary a {margin-top: 5px; padding: 3px 5px 3px 30px; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 14px; display: block; float: right; color: #ccb;} .entry-summary a:hover {background-color: #eed; color: #bba;} #content h1.entry-title {font-size: 36px;} #content h1.page-title {font-size: 36px;} .page-title span {color: #aa4121; font-size: 36px; font-style: normal; font-weight: bold;} #content p {margin-bottom: 16px;} .entry-content {width: 640px;} .entrylist {list-style-type: none; margin-left: 0;} .entrylist li {margin-bottom: 10px;} .page-id-16 .eb_product {width: 302px; float: left; margin: 0 38px 20px 0; height: 260px; overflow: hidden;} .sociable {clear: both;} .sociable-tagline {width: 150px; float: left; } .sociable-tagline strong {color: #ccb; font-weight: normal;} .sociable img {padding-right: 5px;} /* =Images -------------------------------------------------------------- */ body.single-post #content img, body.page #content img {margin-top: 20px; border: 1px solid #bba;} body.single-post #content .wp-smiley, body.single-post #content .sociable img {margin:0; border: 0;} #content .wp-caption { padding: 0 0 8px 0; line-height: 18px; text-align: left; margin-bottom: 20px; background-color: inherit; } #content .wp-caption img { margin: 0; padding: 0; } #content .wp-caption p.wp-caption-text { color: #555; font-size: 12px; text-align: right; padding-right: 10px; } /* =Navigation -------------------------------------------------------------- */ .navigation {width: 640px; float: left;} .navigation a:link, .navigation a:visited {color: #888; text-decoration: none;} .navigation a:active, .navigation a:hover {color: #888; text-decoration: underline;} #nav-above {margin: -20px 0 30px 0; border-bottom: 2px solid #eed;} #nav-below {margin: -10px 0 0 0; border-top: 2px solid #eed;} .nav-previous {float: left; width: 180px;} .nav-next {float: right; width: 180px;} /* =Footer -------------------------------------------------------------- */ #colophon {border-top: 1px dashed #ccb; padding-bottom: 0;} #webdesigner {float: right; width: 220px; font-style: italic;} #webdesigner a {color: #666; display: block; width: 200px; text-decoration: none; background: url(img/spider.png) center left no-repeat; padding-left: 36px; line-height: 16px;} #webdesigner a:hover {text-decoration: underline;} #site-generator {float: right; width: 200px; margin-right: 10px;} #site-generator a {background: url(img/wordpress.png) center left no-repeat;} /* redaksjon -------------------------------------------------------------- */ body.page-id-437 #wrapper {background-image: none; width: auto; margin: 0 50px 50px;} body.page-id-437 #main {width: auto;} body.page-id-437 #content {margin-right: 20px;} body.page-id-437 #content img {margin: 0 5px 5px 0;} body.page-id-437 p.txt {width: 640px;} /* ------------ self-clear floats from handcraftedcss.com ------------ */ .group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .group { /* IE6 */ height: 1%; } *:first-child+html .group { /* IE7 */ min-height: 1px; } /* ------------ all done, go away now ------------ */