/*  
Theme Name: Springtime.nu
Theme URI: http://www.springtime.nu
Description: Theme for Springtime
Author: We Up North
Author URI: http://springtime.nu
*/


body, h1, h2, h3, h4, h5, ul#sidebar, ul.widgets, li, ul#sidebar li ul, ol.commentlist, ul.children, ul#footercol li ul,
div#submenu-nav ul, div#submenu-nav ol, form, img, table, ul, li, p
	{
	margin:0;
	padding:0;
	border: 0;
	list-style-type: none;
	}
	
/* General Structure
--------------------------------------------- */	
	
body{font-family: "Trebuchet MS",Tahoma,Arial,sans-serif; font-size: 62.5%; background: #fff;}	


a{color: #D12D1F; text-decoration: none;}
a:hover{color: #D12D1F; text-decoration: underline;}
strong{font-weight: bold;}
em{font-style: italic;}

.left{float: left;}
.right{float: right;}

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



#page{margin: 0 auto; width: 719px;}


/* Top Links
--------------------------------------------- */

#top-links{height:26px; background: url(images/topshadow.gif) no-repeat;}

#top-links ul.links {float: right; background:url(images/topdockright.gif) no-repeat top right; height: 26px; padding: 0 22px 0 0; margin: 0 14px 0 0;}
#top-links ul.links li.round-corner{float: left; margin:0 10px 0 0; width: 9px; background:url(images/navdockleft.png) no-repeat top left; display: block; height:26px; }
#top-links ul.links li{float: left; margin: 6px 4px 0 0; }
#top-links ul.links li a{background: url(images/rssicon.gif) no-repeat top left; padding: 0 0 0 18px; color: #000; font-size: 1.1em;}

#top-links ul.language-switcher {float: right; background:url(images/topdockright.gif) no-repeat top right; height: 26px; padding: 0 22px 0 0;}
#top-links ul.language-switcher li{float: left; margin: 6px 4px 0 0; }
#top-links ul.language-switcher li.round-corner{float: left; margin:0 10px 0 0; width: 9px; background:url(images/navdockleft.png) no-repeat top left; display: block; height:26px; }
#top-links ul.language-switcher li.se a{display: block; width: 18px; height: 12px; background:url(images/flag-se.gif) no-repeat; text-indent: -9000px;}
#top-links ul.language-switcher li.en a{display: block; width: 18px; height: 12px; background:url(images/flag-en.gif) no-repeat; text-indent: -9000px;}

/* Header
--------------------------------------------- */

#header{background: url(images/menutopbg.jpg) no-repeat left bottom; height: 50px; position: relative;}
a#logo{display: block; width: 195px; height: 30px;text-indent: -9999px; background: url(images/logo.gif) no-repeat;  }

/* Navigation
--------------------------------------------- */

#nav{height: 64px; background: url(images/navbgnew.jpg) no-repeat;}
#nav ul{height: 27px; margin: 0 0 0 4px;}
#nav ul li{float: left; font-size: 1.25em; font-weight: 700; background: url(images/nav-seperator.png) no-repeat top right;}
#nav ul li:last-child{background: none}
#nav ul li a{color: #fff; padding: 0 10px; display: block; float: left; height: 27px; line-height: 26px; font-weight:700;}
#nav ul li a:hover, #nav ul li.current_page_item a{background: url(images/nav-active.png) no-repeat bottom center; text-decoration: none;}

/* Content
--------------------------------------------- */

#content{float: right; width: 445px;}
#content h1{font-size: 2.4em; margin: 0 0 14px 0; color: #414141;}
#content h2{color: #3F3F3F; margin: 14px 0 4px 0; font-weight: bold; font-size: 1.4em; }
#content p{font-size: 1.4em; margin: 0 0 15px 0; line-height: 135%; color: #3F3F3F;}
#content .entry ol, #content .entry ul{font-size: 1.2em; margin: 0 0 15px 0; line-height: 155%; color: #3F3F3F; padding: 0 0 0 30px;}
#content .entry ol, #content .entry ol li{list-style-type: decimal;}
#content .entry ul li{list-style-type: square; margin: 0 0 12px 0; font-size: 1.1em;}
#content .entry ol li{margin: 0 0 6px 0;}

#content .twitter {margin: 10px 0 30px 0;}
#content .twitter h3{font-size: 1.6em; margin: 0 0 10px 0; color: #565656;}
#content .twitter p{font-size: 1.3em; font-style: italic;}
#content .twitter span{font-size: 1.1em; color: #acacac; }
#content .newsletter {margin:10px 0 0 0;}
#content .newsletter h3{font-size: 1.6em; margin: 0 0 8px 0; color: #565656;}
#content .newsletter p{font-size: 1.2em;}
#content .newsletter input{padding: 4px 3px; margin: 4px 0 12px 0; font-family: Trebuchet MS; color: #545454; font-size: 1.25em; width: 160px;}
#content .newsletter button{display: block; height: 31px; width: 108px; background: url(images/button-newsletter.png) no-repeat; border: 0; text-indent: -9000px; cursor: pointer;}

#content a.rss{background: url(images/rssicon.gif) no-repeat center left; padding: 0 0 0 18px; }


/* Blog */

#content  h2.pagetitle{border-bottom: 1px solid #d6d6d6; padding: 0 0 4px 0; margin: 0 0 8px 0; font-size: 1.5em;}
#content .post h3.title{font-size: 2.1em;}
#content .post .post-meta{margin: 10px 0 10px 0; font-size: 1.2em; color:#5b5b5b;}

#content ul.share{font-size: 1.22em; display: block; height: 40px; margin:40px 0 0 0; }
#content ul.share li{float: right; margin: 0 14px 0 0px;}
#content ul.share li.facebook a{background: url(images/facebook.png) no-repeat; padding: 0 0 0 22px;}
#content ul.share li.tweet a{background: url(images/twitter.png) no-repeat; padding: 0 0 0 22px;}

#content #comments h3{font-size: 1.5em; color: #606060;}
#content .commenttable {width: 380px;}
#content .commenttable label{font-size: 1.3em; color: #3F3F3F;}
#content .commenttable input{padding: 4px 3px; margin: 4px 0 4px 0; font-family: Trebuchet MS; color: #545454; font-size: 1.25em; width: 160px;}
#content  textarea#comment{width: 375px; height: 110px; margin: 8px 0 0 0; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #858585; border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1;}
#content  button#submit{display: block; height: 31px; width: 166px; background: url(images/button-addcomment.png) no-repeat; border: 0; text-indent: -9000px; cursor: pointer;}


a.download{background: url(images/laddanerpdf.gif) no-repeat; text-indent: -9000px; width: 147px; height: 31px; display:block;}
a.download-peking{background: url(images/download-peking.gif) no-repeat; text-indent: -9000px; width: 147px; height: 31px; display:block;}
a.download-shangai{background: url(images/download-shangai.gif) no-repeat; text-indent: -9000px; width: 147px; height: 31px; display:block;}

/* Blog */

#content .blog-teaser {border-bottom: 1px solid  #dfdfdf; margin: 0 0 16px 0;}
#content .blog-teaser h1{float: left;}
#content .blog-teaser a{float: left; margin: 6px 0 0 14px;}

#content ol.commentlist {margin: 14px 0 0 0;}
#content ol.commentlist .fn{font-style:normal; font-weight: bold; font-size:1.35em;}
#content ol.commentlist span.says{display: none;}
#content ol.commentlist .comment-author img{float: right;}
#content ol.commentlist .comment-meta {margin: 4px 0 10px 0; font-size: 1.2em;}
#content ol.commentlist  p{font-size: 1.25em;}

/* Co-workers */

#content ul.co-workers {margin: 0 0 12px 0; display: block;}
#content ul.co-workers li{width: 140px;float: left; font-size: 1.15em; font-weight: bold; line-height: 200%;}

#content ul.contact {font-size: 1.35em; color: #3F3F3F; line-height: 150%; margin: 0 0 20px 0;}

#asides{float: left; width: 243px; }
#asides .aside{margin: 0 0 16px 0;}
#asides .aside h3{font-size: 1.5em; color: #3F3F3F; margin: 0 0 4px 0; padding: 0 14px;}

#asides .widget_kbrss, #asides .widget_recent_entries, #asides .widget_archive, #asides .widget_links {background: url(images/asides-bg.png) no-repeat top left; width: 243px; padding: 14px 0px 0 0px; margin: 0 0 12px 0;}
#asides .widget_kbrss h3, #asides .widget_recent_entries h3, #asides .widget_archive h3, #asides .widget_links h3{font-size: 1.5em; color: #3F3F3F; margin: 0 0 4px 0; padding: 0 14px;}
#asides .widget_kbrss ul, #asides .widget_recent_entries ul, #asides .widget_archive ul, #asides .widget_links ul{padding: 0 14px 20px 14px; background: url(images/asides-bg.png) no-repeat bottom left;}
#asides .widget_kbrss ul li, #asides .widget_recent_entries ul li, #asides .widget_archive ul li, #asides .widget_links ul li{background: url(images/bullet.gif) no-repeat 0 5px; padding: 0 0 0 14px; line-height: 160%; font-size: 1.1em; margin: 0 0 4px 0; }
#asides .widget_kbrss ul li a.title, #asides .widget_recent_entries ul li a.title{color: #3F3F3F;display: block; font-size: 1.05em;}
#asides .widget_kbrss ul li.more-link{font-weight: bold;}

#asides .widget_recent_twitter{background: url(images/asides-bg.png) no-repeat top left; width: 243px; padding: 14px 0px 0 0px; margin: 0 0 12px 0;}
#asides .widget_recent_twitter h3{font-size: 1.5em; color: #3F3F3F; margin: 0 0 4px 0; padding: 0 14px;}
#asides .widget_recent_twitter ul{padding: 0 14px 20px 14px; background: url(images/asides-bg.png) no-repeat bottom left;}
#asides .widget_recent_twitter ul li{background: url(images/bullet.gif) no-repeat 0 5px; padding: 0 0 0 14px; line-height: 160%; font-size: 1.1em; margin: 0 0 4px 0; }
#asides .widget_recent_twitter span{display: block; margin: 4px 0 0 0; color: #777777;}


#asides .posts, #asides .archives{background: url(images/asides-bg.png) no-repeat top left; width: 213px; padding: 14px 30px 0 0px; margin: 0 0 12px 0;}
#asides .posts h3, #asides .archives h3{font-size: 1.5em; color: #3F3F3F; margin: 0 0 4px 0; padding: 0 14px;}
#asides .posts ul, #asides .archives ul{padding: 0 14px 20px 14px; background: url(images/asides-bg.png) no-repeat bottom left;}
#asides .posts ul li, #asides .archives ul li{background: url(images/bullet.gif) no-repeat 0 5px; padding: 0 0 0 14px; line-height: 160%; font-size: 1.1em; margin: 0 0 4px 0; }
#asides .posts ul li a.title{color: #3F3F3F;display: block; font-size: 1.05em;}
#asides .posts ul li.more-link{font-weight: bold;}

#asides .categories {background: url(images/asides-bg.png) no-repeat top left; width: 243px; padding: 14px 0px 0 0px; margin: 0 0 12px 0;}
#asides .categories h3{font-size: 1.5em; color: #3F3F3F; margin: 0 0 4px 0; padding: 0 14px;}
#asides .categories ul{padding: 0 14px 20px 14px; background: url(images/asides-bg.png) no-repeat bottom left;}
#asides .categories li{background: url(images/bullet.gif) no-repeat 0 5px; padding: 0 0 0 14px; line-height: 160%; font-size: 1.1em; margin: 0 0 4px 0; }

#asides .tags {background: url(images/asides-bg.png) no-repeat top left; width: 243px; padding: 14px 0px 0 0px; margin: 0 0 12px 0;}
#asides .tags h3{font-size: 1.5em; color: #3F3F3F; margin: 0 0 4px 0; padding: 0 14px;}
#asides .tags p{padding: 0 14px 20px 14px; background: url(images/asides-bg.png) no-repeat bottom left;}
#asides .tags li{background: url(images/bullet.gif) no-repeat 0 5px; padding: 0 0 0 14px; line-height: 160%; font-size: 1.1em; margin: 0 0 4px 0; }

/* Frontpage */

#container #flashteaser{position:relative;top: -36px}

#content  #front-columns{padding: 0 0 16px 0;}
#content  .left-column{float: left; width: 200px;}
#content  .right-column{float: right; width: 200px;}
#content .right-column h3, #content .left-column h3{font-size: 1.6em; color: #3d3d3d; margin: 0 0 14px 0;}
#content .right-column .front-icons a{font-size: 1.2em; padding: 0px 0 0 46px; display: block; height: 32px; margin: 0 0 10px 0; font-weight: bold;}
#content .right-column .front-icons li.flickr a{background: url(images/front-flickr.png) no-repeat; }
#content .right-column .front-icons li.bambuser a{background: url(images/front-bambuser.png) no-repeat; }
#content .right-column .front-icons li.youtube a{background: url(images/front-youtube.png) no-repeat; }
#content .right-column .front-icons li.slideshare a{background: url(images/front-slideshare.png) no-repeat; }

#content  .left-column a.twitter-link{font-weight: bold; font-size: 1.2em; margin: 0 0 0 46px;}
#content ul.twitbox{font-size: 1.25em; color: #3F3F3F; line-height: 150%;}
#content ul.twitbox li{padding: 0 0 0 46px; background: url(images/front-twitter.png) no-repeat; margin: 0 0 16px 0;}
#content ul.twitbox span{display: block; font-size: .95em; margin: 5px 0 0 0; color: #747474;}
#content ul.twitbox span{display: block; font-size: .95em; margin: 5px 0 0 0; color: #747474;}

#asides .newsletter{background: url(images/asides-bg.png) no-repeat top left; width: 243px; padding: 14px 0px 0 0px; margin: 0 0 12px 0;}
#asides .newsletter h3{font-size: 1.5em; color: #3F3F3F; margin: 0 0 8px 0; padding: 0 0px;}
#asides .newsletter label{font-size: 1.2em; margin: 0 0 6px 0;}
#asides .newsletter .newsletter-content{padding: 0 14px 20px 14px; background: url(images/asides-bg.png) no-repeat bottom left;}
#asides .newsletter input{padding: 4px 3px; margin: 4px 0 12px 0; font-family: Trebuchet MS; color: #545454; font-size: 1.25em; width: 160px;}
#asides .newsletter button{display: block; height: 31px; width: 108px; background: url(images/button-newsletter.png) no-repeat; border: 0; text-indent: -9000px; cursor: pointer;}

/* Subnavigation */

#asides .subnavigation h3{font-size: 1.6em; color:#525252;}
#asides .subnavigation ul{font-size: 1.25em; font-weight: bold; margin: 4px 0 0 2px;}
#asides .subnavigation ul li{padding: 0 0 0 6px; display: block; height: 21px; line-height: 21px; margin: 0 0 2px 0;}
#asides .subnavigation ul li a{display: block; height:  21px; float: left; padding: 0 6px 0 4px; margin: 0 0 0 3px;}
#asides .subnavigation ul li a:hover{text-decoration: none;}

#asides .subnavigation ul li:hover, #asides .subnavigation ul li.current_page_item{background: url(images/subnav-li-active.png) no-repeat top left; }
#asides .subnavigation ul li:hover a, #asides .subnavigation ul li.current_page_item a{background: url(images/subnav-a-active.png) no-repeat top right; color: #fff;}


#content .nav {font-size: 1.25em; font-weight: bold;}

/* Footer
--------------------------------------------- */

#footer{height:35px; background: url(images/footerbg.gif) no-repeat; margin: 20px 0 20px 0; padding: 4px 20px 0 20px;}
#footer p{float: left; width: 160px; color: #fff; font-size: 1.1em; height: 26px;}
#footer p.telephone, #footer p.email, #footer p.postadress{padding: 0 0px 0 50px; background: url(images/footericons.gif) no-repeat;}
#footer p.telephone{background-position: 0 0;}
#footer p.email{background-position: 0 -30px;}
#footer p.postadress{background-position: 0 -55px;}
#footer a{color: #fff;}