/*
Theme Name: twenty ten html5
Theme URI: 
Description: 
Author: 
Version: 1.0
Tags: 
*/

@import url("reset.css");

body { font-size: 62.5%; font-family: lucida grande, lucida sans unicode, sans-serif; background: #333 url(images/background.jpg) 0 0 repeat fixed; color: #fff; }

a:link, a:visited { color: #02a3cd; text-decoration: none; border-bottom: 1px dotted #02a3cd; }
a:hover { border-bottom-color: rgba(17,17,17,.5); }

#wrap { width: 940px; margin: 0 auto; padding: 0 20px; background: rgba(0,0,0,.3); position: relative; }
#right { float: left; width: 130px; position: fixed; }
#main { float: left; width: 810px; padding-left: 130px; }
#container, #desc { width: 490px; float: left; padding: 0 20px; }
#aside, #follow { float: left; width: 280px; }

/* -- Navigation -- */
#nav { position: absolute; left: -20px; padding-top: 73px; }
#nav li { margin: 0 0 5px; }
#nav li a { width: 125px; padding: 9px 5px 10px 20px; background-color: rgba(17,17,17,.5); display: block; text-decoration: none; font-size: 1.4em; color: #cfcfcf; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom: none; }
#nav li a:hover, #nav li.current-menu-item a { background-color: rgba(2,163,205,.8); color: #fff; }

/* -- Header -- */
#header { padding: 20px 0; width: 810px; float: left; }
#logo h1 { font-size: 3.2em; height: 33px; overflow: hidden; text-transform: uppercase; padding: 0 20px; }
#logo a { text-decoration: none; color: #fff; }
#follow ul { float: right; }
#follow li { float: left; width: 32px; height: 32px; padding-left: 5px; }
#follow li a { text-indent: -10000em; float: left; width: 32px; height: 32px; display:  block; border-bottom: none; }
#follow li.twitter a { background-image: url(images/social_twitter_32.png); }
#follow li.facebook a { background-image: url(images/social_facebook_32.png); }
#follow li.linkedin a { background-image: url(images/social_linkedin_32.png); }

/* -- Page -- */
.post, .type-page, .blog { width: 450px; padding: 20px; border-radius: 3px; background-color: rgba(17,17,17,.5); margin-bottom: 20px; position: relative; }
.post h2, .type-page h2, .blog h2 { font-size: 1.6em; font-weight: normal; }
.blog h3 { font-size: 1.4em; font-weight: normal; }
.post p, .type-page p, .blog p { font-size: 1.2em; line-height: 12pt; padding-top: 10px; }
.post a { border-bottom: none; width: 450px; height: 234px; overflow: hidden; display: block; }
.post a img { position: relative; }
.post a div { display: none; }
.post a:hover div { position: absolute; top: 20px; width: 450px; height: 36px; padding: 99px 0; background-color: rgba(17,17,17,.5); display: block; z-index: 10; }
.post a:hover div h2 { background-color: rgba(2,163,205,.8); color: #fff; padding: 10px; }
.blog p.postdato { font-size: 95%; color: #c5c5c5; }

/* -- Aside -- */
#primary, #secondary { float: left; border-radius: 3px; background-color: rgba(17,17,17,.5); padding: 20px; width: 240px; margin-bottom: 20px; }
#primary p { font-size: 1.1em; line-height: 11pt; }
.widget_twitter li { font-size: 1.1em; line-height: 12pt; padding: 9px 0 0 0; margin-top: 10px; border-top: 1px dotted #3f3f3f; }
.widget_twitter h3 a { border-bottom: none; color: #cfcfcf; font-size: 1.4em; font-weight: normal; cursor: default; }
span.entry-meta { font-size: 50%; display: block; padding-top: 5px; color:  #cfcfcf; }
span.entry-meta a { color: #9f9f9f; border-bottom: none; cursor: default; }

/* -- Footer -- */
#footer { padding: 0 300px 20px 150px; }
.foot { width: 450px; padding: 20px; background-color: rgba(17,17,17,.3); color: #cfcfcf; }
.foot a { color: #9f9f9f; border-bottom-color: #9f9f9f; }
.foot a:hover { border-bottom-color: rgba(17,17,17,.5);; }
.foot p { font-size: 1.1em; line-height: 12pt; }

/* -- misc -- */
.skip-link, .nocomments, .screen-reader-text, .dNone { display: none; }
.clr { clear: both; }