/*
Theme Name: Prototype
Theme URI: http://www.propellerblog.se/prototype/
Description: This theme is a prototype.
Version: 0.5
Author: Hugo Gnadeberg
Author URI: http://www.propeller.se/
Tags: green, custom header, fixed width, two columns
*/


/* ----- TYPOGRAPHY & COLORS ----- */

/* structure */

body {background-color:#fff; color:#4a4643; font-size:62.5%; font-family:Arial, Verdana, Sans-Serif; text-align:center;}

#page {text-align:left;}

#headercontainer {background-color:#c4bbb4;}

#header {text-align:left;}

#headerimg {margin:0; padding:0;}

#topmenu{text-align:left;}

#content {font-size:1.4em}

.widecolumn .entry p {text-align:left;}

.narrowcolumn .entry, .widecolumn .entry {line-height:1.4em;}

.widecolumn {line-height:1.6em;}

.narrowcolumn .postmetadata {text-align:left;}

.post {text-align:left;}

.thread-alt {background-color:#f0e9e3;}

.thread-even {background-color:#fff;}

.depth-1 {text-align:left;}

.even, .alt {text-align:left;}

#sidebar {font-size:1em;}

#sidebar p{font-size:1.1em;}

#footer {text-align:left; font-size:1.1em;}

small {font-size:0.8em; line-height:2em;}

#sidebar small {font-size:0.9em; line-height:1.6em;}


/* links */

a, a:visited {color:#21a15f; text-decoration:none;}

a:hover {text-decoration:underline;}


/* headers */

h1, h2, h3 {text-align:left; font-weight:normal;}

h1 {font-size:4em;}

#headerimg .description {font-size:1.2em; text-align:left;}

h2 {font-size:1.3em; line-height:1.1em;}

h2.pagetitle {font-size:1.6em;}

h3 {font-size:1em; font-weight:bold;}

#sidebar h2 {font-size:1.4em;}

#sidebar h3 {font-size:1.1em; font-weight:normal;}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration:none;}

h2 a, h2 a:visited, h3 a, h3 a:visited {text-decoration:none;}

h2 a:hover, h3 a:hover {text-decoration:underline;}


/* topmenu */

#topmenu {font-size:1.2em;}

#topmenu a{color:#fff;}

#topmenu ul li a{color:#000;}

#topmenu ul li ul a{color:#fff;}

/* #topmenu li.current_page_ancestor a{color:#fff;} */

#topmenu li.current_page_item a{color:#000;}

#topmenu li.current_page_item li a{color:#fff;}

#topmenu ul a:hover {color:#000; text-decoration:none;}

#topmenu ul li a:hover {color:#000; text-decoration:none;}


/* comments */

.commentlist li, #commentform input, #commentform textarea {font-size:0.9em;}

.commentlist li ul li {font-size:1em;}

.commentlist li .avatar {float:right;}

.commentlist cite, .commentlist cite a {font-weight:bold; font-style:normal; font-size:1.1em;}

.commentlist p {font-weight:normal; line-height:1.5em; text-transform:none;}

#commentform p {text-align:left;}

.commentmetadata {font-weight:normal;}


/* misc */

code {font: 1.1em 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps{ font-size:0.9em; letter-spacing:.07em;}

#wp-calendar #prev a, #wp-calendar #next a {font-size:9pt;}

#wp-calendar a {text-decoration:none;}

#wp-calendar caption {font-size:1.3em text-align:center;}

#wp-calendar th {font-style:normal; text-transform:capitalize;}



/* ----- STRUCTURE ----- */

body {margin:0 0 20px 0; padding:0;}

#page {margin:0 auto; padding:0; width:860px;}

#headercontainer {width:100%; margin:0 0 30px 0; padding:0 0 20px 0;}

#header {margin:0 auto; padding:30px 0 0 0; width:860px;}

#headerimg {padding:0 0 20px 0; margin:0; float:left;}

#topmenu {margin:0; padding:0 0 0 20px; float:right;}

.narrowcolumn {float:left; padding:0 40px 20px 0; margin:0; width:560px;}

.widecolumn {padding:0 0 20px 0; margin:0; width:860px;}

.narrowcolumn .postmetadata {padding-top:5px;}

.widecolumn .postmetadata {margin:30px 0;}

.widecolumn .smallattachment {text-align:center; float:left; width:128px; margin:5px 5px 5px 0px;}

.widecolumn .attachment {text-align:center; margin:5px 0px;}

.post {margin:0 0 20px 0;}

.post hr {display:block;}

.entry {margin:0; padding:0;}

.entry p {margin:0; padding:0 0 20px 0;}

#sidebar .entry p {margin:0; padding:0 0 10px 0;}

.navigation {float:left; clear:both; text-align:left; margin-bottom:20px; width:100%;}

.postmetadata {clear:both;}

.clear {clear:both;}

small {margin:0; padding:0;}

#sidebar {float:left; padding:0 0 20px 0; margin:0; width:260px;}

#sidebar .entry {margin-bottom:10px;}

#footer {padding:0; margin:0; width:860px; clear:both;}

#footer p {margin:0;padding:20px 0;}


/* headers */

h1 {padding-top:70px; margin:0;}

h2 {margin:0; padding:0 0 10px 0;}

h2.pagetitle {padding-bottom:20px;}

#sidebar h2 {padding-bottom:5px;}

h3 {padding:0; margin:0;}

h3.comments {padding:0; margin:0;}

.entry h3 {margin-bottom:10px;}


/* lists */

html>body .entry ul {margin-left:0px; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px;}

html>body .entry li {margin:7px 0 8px 10px;}

.entry ol {padding:0 0 0 35px; margin:0;}

.entry ol li {margin:0; padding:0;}

.postmetadata ul, .postmetadata li {display:inline; list-style-type:none; list-style-image:none;}


/* sidebar list */

#sidebar ul, #sidebar ul ol {margin:0; padding:0;}

#sidebar ul li {list-style-type:none; list-style-image:none; margin-bottom:15px;}

#sidebar ul p, #sidebar ul select {margin:0 0 10px 0;}

#sidebar ul ul {margin:0;}

#sidebar ul ul ul, #sidebar ul ol {margin:0 0 0 10px;}

ol li, #sidebar ul ol li {list-style:decimal outside;}

#sidebar ul ul li, #sidebar ul ol li {margin:3px 0; padding:0;}


/* menu list */

#topmenu ul {margin:0; padding:0;}

#topmenu ul li {list-style-type:none; list-style-image:none; margin:0 0 0 50px; float:left;}

#topmenu li ul {float:none; margin:0;}

#topmenu ul ul {margin:5px 0 0 0;}

#topmenu ul ul li {margin:0; float:none;}

#topmenu ul ul ul {margin:0 0 0 10px;}


/* ----- IMAGES ----- */

p img {padding: 0; max-width:100%;}

.entry img {margin-bottom:0;}

img.centered {display:block; margin-left:auto; margin-right:auto;}

img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}

img.alignleft {padding:4px;,margin:0 7px 2px 0; display:inline;}

.alignright {float:right;}

.alignleft {float:left}

#flashimage {margin-bottom:20px;}



/* ----- FORM ELEMENTS ----- */

#searchform {margin:10px 0; padding:0; text-align:left;}

#searchform label {line-height:1px; visibility:hiddden;}

#sidebar #searchform #s {width:108px; padding:2px;}

#sidebar #searchsubmit {padding:1px;}

.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center;}

select {width:130px;}

#commentform {width:620px;}

#commentform input {width:170px; padding:2px; margin:5px 0 1px 0;}

#commentform {margin:5px 10px 0 0;}

#commentform textarea {width:620px; padding:2px 0;}

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

#commentform #submit {margin:0 0 5px auto; float:right;}



/* ----- COMMENTS ----- */

.alt {margin:0;	padding:10px;}

.commentlist {padding:0; text-align:left; width:620px;}

.commentlist li {margin:0 0 10px; padding:5px 5px 10px 10px; list-style:none;}

.commentlist li ul li {margin-right:-5px; margin-left:10px;}

.commentlist p {margin:10px 5px 10px 0;}

.children {padding:0;}

#commentform p {margin:5px 0;}

.nocomments {text-align:center; margin:0; padding:0;}

.commentmetadata {margin:0; display:block;}


/* ----- CALENDAR ----- */

#wp-calendar {empty-cells:show; margin:10px auto 0; width:155px;}

#wp-calendar #next a {padding-right:10px; text-align:right;}

#wp-calendar #prev a {padding-left:10px; text-align:left;}

#wp-calendar a {display:block;}

#wp-calendar caption {text-align:center; width:100%;}

#wp-calendar td {padding:3px 0; text-align:center;}

#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color:#fff;}



/* ----- MISCELLANEOUS ----- */

acronym, abbr, span.caps {cursor:help;}

acronym, abbr {border-bottom:1px dashed #999;}

blockquote {margin:15px 30px 0 10px; padding-left:20px;	border-left:5px solid #ddd;}

blockquote cite {margin:5px 0 0; display:block;}

.center {text-align:center;}

.hidden {display:none;}

a img {border:none;}

.breaker {height:1px; margin:0 0 -1px 0; padding:0; line-height:1px; background-color:#fff; visibility:hidden; clear:both;}

.breakerspace {height:1em; line-height:1em; background-color:#fff; visibility:hidden; clear:both;}

.hrlight, .hrdark {height:1px; line-height:1px; overflow:hidden; clear:both;}

.hrlight{background-color:#e8e2dd;}

.hrdark{background-color:#c4bbb4;}


/* ----- CAPTIONS ----- */

.aligncenter, div.aligncenter {display:block; margin-left:auto;	margin-right:auto;}

.wp-caption {text-align:left; background-color:#e8e2dd; margin-bottom:10px;}

.wp-caption img {margin:0; padding:0; border:0 none;}

.wp-caption p.wp-caption-text {font-size:0.8em; line-height:1.3em; padding:5px 5px 5px 10px; margin:0;}