/*  
Theme Name: Base
Theme URI: 
Description: Version 1.0 av Base.
Version: 1.0
Author: Stefan Persson
Author URI: http://www.gefledesign.se/
*/

/* ---------->>> Body and universal reset <<<-----------*/
* { margin: 0; padding: 0; }
body { background: #FBF7DF; color: #333; font-size: 12px; font-family: Helvetica, Arial, sans-serif; text-align: left; line-height: 1.5em; }

/* ---------->>> Container <<<-----------*/
#container { width: 780px; padding: 0 0 0 10px; }

/* ---------->>> Header <<<-----------*/
#header { margin: 0 0 10px; }
#header h1 { width: 780px; height: 147px; background: url(images/header.jpg) top left no-repeat; }
#header h1 a { width: 780px; height: 147px; display: block; text-indent: -9999px; }

/* ---------->>> Menu <<<-----------*/
#menu { margin: 0 0 30px; padding: 0 12px 0 40px; }
#menu ul { }
#menu ul li { font-size: 14px; font-weight: bold; text-transform: lowercase; float: left; margin: 0 12px 0 0; }
#menu ul li a { color: #3F3E38; text-decoration: none; }
#menu ul li a:hover { color: #000; }

/* ---------->>> Content <<<-----------*/
#content { width: 758px; margin: 0 0 25px; padding: 0 0 0 22px; }

/* ---------->>> Content Primary<<<-----------*/
#content-primary { width: 518px; float: left; }

/* ---------->>> Content Secondary<<<-----------*/
#content-secondary { width: 220px; float: right; }

/* ---------->>> Footer <<<-----------*/
#footer { color: #7F7C73; border-top: 1px solid #E7E4D9; margin: 0 0 2em 22px; padding: 5px 0 0; }

/* ---------->>> Post <<<-----------*/
.post { background: #FFF; border: 1px solid #E2E3E4; margin: 0 0 1.5em; padding: 15px; }
.post h2, .post h3 { margin: 0 0 12px; }
.post-header { border-bottom: 1px solid #DDD; margin: 0 0 15px; padding: 0 0 3px; }
.post-header h2, .post-header h3 { margin: 0 0 4px; }
.post-header p { color: #777; margin: 0; }
.post ul { margin: 10px 0 1.5em; }
.post ul li { list-style: disc outside; margin: 0 0 5px 15px; }
.post ol { margin: 10px 0 1.5em; }
.post ol li { list-style: decimal outside; margin: 0 0 8px 20px; }
.post .img-border { border: 1px solid #DDD; padding: 2px; }
.post .postmetadata { border-top: 1px solid #DDD; margin: 0; padding: 3px 0 0; }

/* ---------->>> Comments <<<-----------*/
#comments-holder { background: #FFF; border: 1px solid #E2E3E4; margin: 0 0 1.5em; padding: 15px; }
#comments-holder h4, #comments-holder h5 { font-size: 16px; }
#comments-holder h5 { display: block; border-top: 1px solid #DDD; margin: 10px 0; padding: 10px 0; }
#comments-holder span.hook { position: relative; display: block; }
.commentlist { margin: 0 0 20px; }
.commentlist .children { margin: 0 0 0 40px; }
.commentlist .comment-author { font-size: 14px; font-weight: bold; border-top: 1px solid #DDD; overflow: hidden; margin: 10px 0 0; padding: 7px 0 0; }
.commentlist .comment-author cite { font-style: normal; }
.commentlist .comment-meta a { color: #777; }
.commentlist li p { margin: 1em 0; }
.commentlist li .reply { text-align: right; padding: 0 0 10px; }
.commentlist li .reply a { display: inline; }
.commentlist li ul, .commentlist li ol, .commentlist li blockquote { margin: 0 20px; }
.cancel-comment-reply { top: -1px; right: 4px; position: absolute; }
#commentform .contain { margin: 0 0 10px 0 !important; }
#commentform p label { margin: 4px 0 0 0; }
#commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #FFF; border: 1px solid #DDD; margin: 0 4px 0 0; padding: 4px 3px; }
#commentform #author, #commentform #email, #commentform #url, #commentform textarea { width: 160px; border: 1px solid #DDD; outline: none; padding: 4px 3px; }
#commentform textarea { width: 98%; float: none; overflow: auto; }

/* ---------->>> Frame <<<-----------*/
.frame { background: #FFF url(images/heading-bg.gif) top left repeat-x; border: 1px solid #E2E3E4; margin: 0 0 1.5em; padding: 10px; }
.frame h4 { height: 28px; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 1.1em; letter-spacing: 1px; margin: 0 0 5px; }
.frame h4 a { color: #FFF; text-decoration: none; }
.frame form label { height: 27px; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 1em; letter-spacing: 1px; margin: 0 0 5px; }
.frame div { margin: 15px 0 0; }
.frame ul { }
.frame ul li { list-style: circle outside; margin: 0 0 5px 15px; }

/* ---------->>> Misc <<<-----------*/
h1, h2, h3 { color: #222; font-weight: normal; line-height: 1em; letter-spacing: 1px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited { color: #222; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover { color: #555; }

a:link, a:visited { color: #578552; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }

p { margin: 0 0 1.5em; }

ul, li { list-style: none; }

blockquote { background: url(images/blockquote.gif) 10px 0 no-repeat; color: #555; font-style: italic; padding: 4px 5px 4px 35px; }

#navigation { margin: 0 0 1.5em; }
#navigation a { color: #3F3E38; text-decoration: none; }
#navigation a:hover { color: #000; }
#navigation #alignleft { float: left; }
#navigation #alignright { float: right; }

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

p img { max-width: 100%; }
img.centered { display: block; margin: 0 auto; }
img.alignright { display: inline; margin: 0 0 2px 7px; padding: 4px; }
img.alignleft { display: inline; margin: 0 7px 2px 0; padding: 4px; }

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

.rsswidget img { display: none; }