/*
Theme Name: Lagom
Theme URI: http://andreasviklund.com/wordpress-themes/lagom/
Author: Andreas Viklund
Author URI: http://andreasviklund.com/
Description: "Lagom" is a Swedish word meaning "just about right", "enough" or "adequate". The Lagom theme has a visually clean design with a classic blog layout. It is based on the <a href="http://wordpress.org/extend/themes/toolbox/">Toolbox</a> theme by Automattic and styled by <a href="http://andreasviklund.com/">Andreas Viklund</a>.
Version: 1.0.0
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, translation-ready,post-formats,two-columns,one-column
*/

/* Structure */

body{background:#fff;color:#333;font:90% Georgia,"Times New Roman",serif;line-height:1.5em;}
#page{display:block;background:#fff;width:940px;margin:20px auto;border:20px solid #fff;}
#primary{float:left;margin:0 -260px 20px 0;width:100%;}
#content{margin:0 260px 20px 0;}
#main .widget-area{float:right;overflow:hidden;width:240px;}

/* Tags */
a{color:#d94410;text-decoration:none; font-weight:400;}
a:hover{color:#333;}
article{margin:0 0 40px 0;padding:20px 0;border:0;display:block;}
header{margin:0 0 15px;}
nav{margin:0 0 20px 0;}
.sticky{border-top:1px solid #eee;border-bottom:1px solid #eee; padding:15px;background-color:#f8f8f8;}

/* H1-H6 */
h1,h2,h3,h4,h5,h6{clear:left;font-weight:400;color:#555;letter-spacing:-.5px;line-height:1em;margin:0 0 5px;padding:0;text-shadow:#aaa 1px 1px 2px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-weight:400;}
h1{font-size:2em;}
h1.entry-title{width:480px;}
h2{font-size:2em;}
h3{font-size:1.6em;}
h4{font-size:1.4em;}

/* Footer */
#colophon{clear:both;display:block;padding:20px 0 0;width:100%;color:#777;text-transform:uppercase;text-align:center;border-top:1px dotted #aaa;}
#colophon p{margin:0;padding:0;}
#colophon a{font-weight:400;color:#555;}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,.image-attachment #content,.error404 #content{margin:0;}

/* Text meant only for screen readers */
.screen-reader-text,.section-heading{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;}

/* Alignment */
.alignleft{display:inline;float:left;}
.alignright{display:inline;float:right;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}

/* Header */
#site-title{font-size:2.8em;font-weight:400;margin:0;text-align:center;}
#site-title a{font-weight:400;}
#site-description{font-size:1.4em;font-weight:400;margin:10px 0 20px 0;text-align:center;}
#headerimage{clear:left;background:#fff;border:0;margin:0 0 20px 0;width:100%;height:240px;overflow:hidden;}

/* Menu */
#access{background:#fff;display:block;float:left;margin:0 auto 20px;width:100%;border:0;}
#access ul{list-style:none;margin:0;padding-left:0;}
#access li{float:left;position:relative;margin-right:10px;}
#access a{display:block;line-height:3em;font-size:1.3em;font-weight:400;padding:0 1em;text-decoration:none;text-shadow:#fff 1px 1px 3px;}
#access ul ul{display:none;float:left;left:0;position:absolute;top:3em;z-index:99999;border:0;}
#access ul ul li, #access ul ul ul li{border-right:0;}
#access ul ul ul{left:100%;top:0;border:0;}
#access ul ul a{background:#f8f8f8;height:auto;line-height:1em;padding:.5em .5em .5em 1em;width:10em;}
#access li:hover > a,#access ul ul :hover > a{background:#f8f8f8;}
#access ul ul a:hover{background:#f8f8f8;}
#access ul li:hover > ul{display:block;}

/* Content */
.entry-meta, .entry-meta-2{clear:both;display:block;font-size:1em;text-transform:uppercase;color:#777;font-weight:400; text-align:right;}
.entry-meta a{font-weight:400;color:#555;text-decoration:underline;}
.entry-meta-2{margin:-38px 0 10px 485px; width:175px;}
.sticky .entry-meta-2{margin:-38px 0 10px 465px; width:175px;}
#content nav{display:block;overflow:hidden;}
#content nav .nav-previous{float:left;width:50%;}
#content nav .nav-next{float:right;text-align:right;width:50%;}
#content #nav-above{display:none;}
#content table {width:90%;}
.paged #content #nav-above,.single #content #nav-above{display:block;}
#nav-below{margin:1em 0 0;}
.page-link{margin:1em 0 1em; clear:both;}
.clear-content{clear:both;}

/* Secondary */
#secondary {width:240px;}
#secondary .widget{margin:0 0 20px 0;}
#secondary h1{font-size:1.6em;}
#secondary ul{list-style:none;margin:0 0 15px 0;padding:0;}
#secondary ul ul{margin:5px 0 5px 20px;}
#secondary p{margin:0 0 15px 0;}
#secondary ul li{margin:0 0 5px 0;}
#secondary ul li a{text-transform:uppercase;font-weight:400;}
#secondary table{width:100%;}
#secondary .tagcloud a{font-weight:400;text-transform:uppercase;}

/* 404 page */
.error404 .widget{float:left;width:33%;}
.error404 .widget .widgettitle,.error404 .widget ul{margin-right:1em;}
.error404 .widget_tag_cloud{clear:both;float:none;width:100%;}

/* Notices */
.post .notice,.error404 #searchform{background:#f8f8f8;display:block;padding:1em;}

/* Image Attachments */
.image-attachment div.entry-meta{float:left;}
.image-attachment nav{float:right;margin:0 0 1em;}
.image-attachment .entry-content{clear:both;}
.image-attachment .entry-content .entry-attachment{background:#f8f8f8;margin:0 0 1em;padding:1em;text-align:center;}
.image-attachment .entry-content .attachment{display:block;margin:0 auto;text-align:center;}

/* Aside Posts */
.format-aside .entry-header{display:none;}
.single .format-aside .entry-header{display:block;}
.format-aside .entry-content,.format-aside .entry-summary{padding-top:1em;}
.single .format-aside .entry-content,.single .format-aside .entry-summary{padding-top:0;}

/* Aside Posts */
.format-gallery .gallery-thumb{float:left;margin-right:1em;}

/* Images */
a img{border:none;}
p img{margin-bottom:0.5em;}

/* Resize images to fit the main content area. Applies only to images uploaded via WordPress by targeting size-* classes. Other images will be left alone. Use "size-auto" class to apply to other images. */
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img,.widget-area img{height:auto;max-width:100%;}
img.alignleft{margin-right:1em;}
img.alignright{margin-left:1em;}
.gallery-caption, .wp-caption{padding:.5em;text-align:center;}
.wp-caption img{margin:.25em;}
.wp-caption .wp-caption-text{margin:.5em;}
.wp-smiley{margin:0;}

/* Forms */
#searchform label{display:none;}
#searchform input#s{width:60%;}
input[type=text],input#s{margin:0 1em 0 0;width:60%;}
textarea{width:80%;}

/* Class for labelling required form items */
.required{color:#c03;}

/* Comments */
#comments-title,#reply-title{margin-top:15px;}
article.comment{display:block;}
#respond input[type=text]{display:block;width:60%;}
#respond textarea{display:block;margin:0 0 1em;width:80%;}
#respond .form-allowed-tags{clear:both;width:80%;}
#respond .form-allowed-tags code{display:block;}
ul.children{list-style:none;}
.bypostauthor{padding:5px;background-color:#fff;border:1px solid #ccc;}

/* Widgets */
.widget{display:block; margin-bottom:20px;}
.widget-area .widget_search{overflow:hidden;}
.widget-area .widget_search input{float:left;}

