/*
THEME NAME: klubbnorgebeijing
Theme URI: http://klubbnorgebeijing.com/
Description: Unique theme for KlubbNorge Beijing, based on the Sandbox-theme. http://www.plaintxt.org/themes/sandbox/
Author: elisabeth irgens / sortenke.no 
*/

* {margin: 0; border: 0; padding: 0;}
body {font-family: "Trebuchet MS", "Lucida Sans", Verdana, sans-serif; font-size: 62.5%; line-height: 1.5; 
font-style: normal; font-weight: normal; color: #444; background: #BE1E2D url(img/bg.png) repeat-x;}
ul {list-style: none; margin: 0;}
p {font-size: 1.4em; line-height: 1.5; margin-bottom: 1em;}
a {text-decoration: none; font-weight: bold;}
a:link {color: #5D84A5;}
a:visited {color: #5D84A5;}		
a:hover {color: #2d6082;}
:focus {outline: 0;}


/* ------------ layout structure ------------ */

div#header {height: 200px; background: url(img/header.png) no-repeat 50% top;}
div#wrapper {width: 90em; margin-left: -45em; position: absolute; left: 50%; top: 200px; background-color: #FAFAF0;}
div#container {width: 65em; padding-bottom: 2em; float: left; min-height: 45em; margin: 2em 0 2em 3em; display: inline;}
div#content {margin: 0 5em 2em 0;}
div#sidebar {width: 17em; float: right; margin: 3em 2.5em 0 0; display: inline;}
div#footer {clear:both; padding: 0.5em 2em 0.5em 0; border-top: 1px solid #EFA130; background-color: #F2B75A;}


/* ------------ header ------------ */

h1#blog-title {text-indent: -4000px;}
div#header #blog-title a {height: 180px; display: block;}


/* ------------ main content typo & spacing------------ */

div#container {border-right: 1px dashed #FBBD49;}
div#content h1 {font-size: 3em; line-height: 1.2em; margin-bottom: 0.5em;}
body.single div#content div.post {margin-bottom: 5em; min-height: 25em;}
body.single h2.entry-title {font-size: 2.6em; line-height: 1.2em; margin-bottom: 0.5em;}
div#content h3 {font-size: 1.4em;}
div#content h2#related_content {margin: 5em 0 1.5em 0; padding-top: 0.5em; border-top: 1px dashed #BED6E5; color: #666; font-size: 1em; text-transform: uppercase; clear: both;}
div#content p a {border-bottom: 1px solid #BED6E5;}
div#content p a:hover {border-bottom: 1px solid #386A8C;}
div.entry-content ul {margin: -1em 0 1.5em 3em; list-style-type: disc;}
div#content ol {margin: -1em 0 1.5em 3em; }
div#content li {font-size: 1.3em; line-height: 1.5em;}
div#content p.wp-caption-text {text-align: right; margin-right: 1em; font-size: 1.2em; font-style: oblique;}
div#content div.subnav_above {border-bottom: 1px dashed #BED6E5; margin-bottom: 2em; padding-bottom: 0.5em; font-size: 1.4em;}
div#content div.subnav_below {border-top: 1px dashed #BED6E5; margin-top: 2em; padding-top: 0.5em; font-size: 1.4em;}

body.home div#content h2 {border-top: 1px dashed #FBBD49; margin-top: 3em; padding-top: 0.3em; 
background: url(img/arrow_dl.png) no-repeat 67% 75%; color: #BE1E2D; font-size: 1.6em; text-align: right; clear: both;}


/* ------------ events ------------ */

div#content ul#eventlist {list-style: none; margin: 1.5em 0 0 0; font-weight: bold;}

ul#eventlist li {position: relative; margin-bottom: 1.2em;}
ul#eventlist li a {display: block; height: 68px; line-height: 68px; background: url(img/calendar.png) no-repeat top left;}
ul#eventlist li a:hover {background-position: left bottom;}

span.month {padding: 0 3px; position: absolute; top: 6px; left: 31px; line-height: 16px;
font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #fff;}
span.date {position: absolute; top: 25px; right: 92.5%; font-size: 32px; line-height: 34px; color: #DB8303;}
span.weekday {position: absolute; top: 1px; left: 50px; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #DB8303;}
span.hour {position: absolute; top: 15px; left: 48px; font-size: 12px; color: #DB8303; }
span.eventtitle {font-size: 16px; color: #DB8303; margin-left: 105px; position: relative; top: -17px;
text-transform: uppercase; letter-spacing: 0.5px;}

ul#eventlist a:hover span {color: #BE1E2D;}
ul#eventlist a:hover span.month {color: #fff;}
ul#eventlist p {font-size: 12px; font-weight: normal; margin-left: 105px; position: absolute; top: 2.3em; width: 36em;}

body.single h2.entry-title {margin-bottom: 0.1em;}
body.single div.entry-content {margin-top: 2em; clear: left;}
body.single ul#eventlist li {float: left; height: 68px; width: 105px; line-height: 68px; background: url(img/calendar.png) no-repeat left bottom; margin-right: 1em;}
body.single span.date { right: 55%;}
body.single ul#eventlist li span {color: #BE1E2D;}
body.single ul#eventlist li span.month {color: #fff;}

div#content ul#eventlist_previous {font-size: 1em; margin: 0; list-style: none;}


/* ------------ markedsplassen ------------ */


form div.button {border: 0; margin: 10px 0 0 0;}
form div.button input {border: 0; padding: 6px 14px; color: #fff; background: #ccc url(/img/button_reflection.png) repeat-x 0 50%;
-webkit-border-radius: 8px; -moz-border-radius: 8px;}
form input[type="text"], form textarea {padding: 6px; color: #36362B; font: bold 12px Courier, "Courier New", monospace; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
form input[type="text"]:focus, form textarea:focus {border: 2px solid #A5CD39;}


h3#comments {font-size: 16px; color: #D87805; border-top: 1px dashed #D87805; margin: 40px 0; text-align: right;}

ul.commentlist {margin-bottom: 20px; font-size: 8.5px; list-style-type: none; font-size: 0.7em; }
ul.commentlist li.comment {margin: 2em 0; padding: 1em 2em; background-color: #fff;}
ul.commentlist p.comment-meta {text-transform: uppercase;}
ul.commentlist p.comment-meta a {border-bottom: none;}

ul.commentlist h4 {font-size: 14px;}

div#respond {margin: 60px 0;}
div#respond form {padding: 18px; background-color: #F2B75A; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
div#respond h3 {color: #D87805;}
div#respond form div {float: right;}
div#respond form label {font-size: 13px; display: block; margin: 0 8px 3px 8px; color: #7C5316;}
div#respond form input[type="text"] {border: 2px solid #EF9F2B; width: 200px; height: 14px;}
div#respond form fieldset {margin-bottom: 10px;}
div#respond form fieldset#commentarea {float: left;}
div#respond form textarea {width: 300px; height: 135px; border: 2px solid #EF9F2B;}
div#respond form div.button {float: right;}
div#respond input#submit_comment {padding: 6px 26px; background-color: #CC4825; font-weight: bold; color: #fff; border: 2px solid #B54021; font-size: 12px;}
div#respond input#submit_comment:hover {background-color: #B7202E;}


/* ------------ links------------ */

div#content ul#links {list-style-type: none; margin-left: 0;}
div#content li.linkcat h2 {font-size: 1.1em; margin-bottom: 1em;}
div#content ul#links ul.blogroll li {font-size: 1.1em;}


/* ------------ sidebar ------------ */

div#sidebar h2 {text-indent: -4000px; font-size: 1px;}
div#sidebar ul#nav {}
div#sidebar ul#nav a {display: block; width: 180px; height: 26px; line-height: 26px; text-indent: 28px; font-size: 16px; 
           font-weight: bold; background: url(img/nav_calendar.png) no-repeat left 50%; color: #6d97bb;}
div#sidebar ul#nav li.page-item-4 a {background: url(img/nav_info.png) no-repeat left 50%;}       /*Om KlubbNorge*/	
div#sidebar ul#nav li.page-item-10 a {background: url(img/nav_luggage.png) no-repeat left 50%;}   /*Ny i Beijing*/
div#sidebar ul#nav li.page-item-8 a {background: url(img/nav_bookmark.png) no-repeat left 50%;}   /*Nyttige lenker*/
div#sidebar ul#nav li.button a {background: url(img/nav_email.png) no-repeat left 50%;}           /*Kontakt oss*/	
div#sidebar ul#nav li.page-item-12 a {background: url(img/nav_shopping.png) no-repeat left 50%;}  /*Markedsplassen*/

div#sidebar ul#nav li a:hover {background-position: right 50%; color: #2d6082;}
div#sidebar ul#nav li.button {margin-top: 1.4em;}
div#sidebar ul#nav li.page-item-4 {margin-top: 1.4em;}
div#sidebar ul#nav li.page-item-12 {margin-top: 1.4em;}

body.pageid-38 div#sidebar ul#nav li.page-item-38 a {background-position: right 50%; color: #2d6082;}
body.pageid-14 div#sidebar ul#nav li.page-item-14 a {background-position: right 50%; color: #2d6082;}
body.pageid-16 div#sidebar ul#nav li.page-item-16 a {background-position: right 50%; color: #2d6082;}
body.pageid-18 div#sidebar ul#nav li.page-item-18 a {background-position: right 50%; color: #2d6082;}
body.pageid-20 div#sidebar ul#nav li.page-item-20 a {background-position: right 50%; color: #2d6082;}
body.pageid-291 div#sidebar ul#nav li.page-item-291 a {background-position: right 50%; color: #2d6082;}
body.pageid-4  div#sidebar ul#nav li.page-item-4  a {background-position: right 50%; color: #2d6082;}
body.pageid-10 div#sidebar ul#nav li.page-item-10 a {background-position: right 50%; color: #2d6082;}
body.pageid-8  div#sidebar ul#nav li.page-item-8  a {background-position: right 50%; color: #2d6082;}
body.pageid-12 div#sidebar ul#nav li.page-item-12 a {background-position: right 50%; color: #2d6082;}


div#sidebar h3 {text-indent: -4000px; font-size: 6px;}
ul#latest5ads {margin-left: 1em; font-size: 1.2em; line-height: 1.3; list-style-image: url(img/bullet.png);}
ul#latest5ads li {margin: 0 0 0 0.5em;}
ul#latest5ads li a {font-weight: normal; color: #444;}
ul#latest5ads li a:hover {color: #2d6082;}


/* ------------ images ------------ */

img.aligncenter {display: block; margin: 0 auto;}
img.alignright {padding: 4px; margin: 0 0 2px 20px; display: inline;}
img.alignleft {padding: 4px; margin: 0 20px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left}


/* ------------ footer typo & spacing------------ */

div#footer {font-size: 1em; text-align: right; text-transform: uppercase; letter-spacing: 0.1em; color: #D87805;}
div#footer a {color: #D87805;}
div#footer a:hover {color: #BE1E2D;}

/* ------------ self-clear floats from handcraftedcss.com ------------ */

.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* ------------ all done, go away now ------------ */