/*
Theme Name: Osqledaren
Theme URI: http://osqledaren.se
Description: Osqledaren design, sommaren 2010.
Version: 2.0
Author: Victor Hallberg, Dennis Nkangi. Uppdateringar av Petter Eek
Author URI: http://osqledaren.se
Tags: osqledaren

	...

*/

/* Global reset */
html, body, div, span, fieldset, form, label, legend,
h1, h2, h3, h4, h5, h6, p, pre, ol, ul, li, a, code, img, em, strong, blockquote, cite
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

/* Force Vertical Scrollbar */
html { overflow-y: scroll; }


/* General typography */

a {
	text-decoration: none;
	color: #4f7f0d;
}
a:hover {
	text-decoration: underline;
}

em { font-style: italic; }
strong { font-weight: bold; }
big { font-size: 1.23em; font-weight: bold; }
small {	color: #666; font-size: 0.846em; }

h1,h2, h3, h4, h5 {
	color: #000;
	font-weight: bold;
	line-height: 1.2em;
}
h2 { font-size: 2.2em; margin-top: 0.5em; }
h3 { font-size: 1.5em; margin-top: 0.67em; }
h4 { font-size: 1.25em; margin-top: 0.533em; }
h5 { font-size: 1em; margin-top: 0.5em; }

ul { margin-left: 1.2em; }
ol { margin-left: 2.2em; }

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

input, select { font-family: sans-serif; font-size: 1.1em; }
textarea { font-family: sans-serif; font-size: 1.1em; }

a.download, p.download a {
	padding-left: 1.5em;
	background: transparent no-repeat 0.1em 0.1em;
	/* HTTP_ADDRESS */
	background-image: url("/wp-content/themes/osqledaren2/images/icons/document-lines.gif");
}

hr {
	border: 0 solid #eee;
	border-bottom-width: 0.1em;
	color: #999;
	background: #999;
	height: 0.2em;
}


/* Basic layout */

body {
	color: #000;
	/*background: #eee url("/media/2010/03/OLbakgrund.jpg");*/
	background: #999 url('/wp-content/themes/osqledaren2/images/ol_body_bg_summer.png') repeat-x  top center;
	padding: 0.3em 0 0 0;
	font-size: 62.5%;
	font-family: Arial, sans-serif;
	text-align: center;
}

#wrapper {
	margin: 0.6em auto 1em;
	padding: 1em;
	border: 0.1em solid #eee;
	background: #fff;
	text-align: left;
	width: 94em;
}

#content {
	clear: both;
	margin: 1em 0;
	line-height: 1.5em;
}

#sidebar {
	float: left;
	padding: 0 0.8em 0 1em;
	border-left: 0.1em solid #ccc;
	width: 22.4em;
}

#sidebar-ads {
	float: right;
	padding: 0 0.8em;
	width: 22.4em;
}

#sidebar-ads h6.ad-title {
	margin-bottom: 4px;
}
.sidebar-ads-wide {
	border-left: 0.1em solid #ccc;
}

#main {
	float: left;
	margin-right: 1em;
	padding: 0 0.8em 1em;
	width: 43em;
}

#main-wide-column {
	float: left;
	margin-right: 1em;
	padding: 0 0.8em 1em;
	width: 66.4em;
}

#footer {
	clear: both;
	text-align: center;
}

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

/* Fixes for strange IE7 floats */
.clearer, .empty {
	line-height: 0;
	font-size: 0;
	height: 0;
}
.clearer {
	clear: both;
}

/* Box layout */

.box {
	margin: 0.8em;
	background: #eeeeee;
	/*border: 0.1em solid #86a3ba;*/
	line-height: 1.273em;
}

.box h4 {
	margin: 0;
	padding: 0.6em 0.4em 0.5em 0.4em;
	background: #3b6b85;
	color: #fff;
	text-indent: 0.3em;
	font-size: 1.2em;
	text-align:right;
	text-transform:uppercase;
}


/* Header & title */

#header {
	background: #fff;
}

#title a {
	display: block;
	float: left;
	/*padding: 0.5em 1em 0 0.5em;*/
	margin-bottom:0.25em;
	color: #000;
	font-size: 5em;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.04em;
}

/* Topbar ad */

#topbar-ads {
	margin: 0 auto 0 auto;
	padding: 0;
	background: #fff;
	border: 0.1em solid #eee;
	text-align: center;
	width: 96em;
	height: 10em;
	position: relative;
}
#feed-ad {
	margin: 1.2em auto 1.2em auto;
	padding: 0 0 1.2em 0;
	width: 43em;
	border-bottom: 0.1em solid #ccc;
	text-align: center;
	position: relative;
}
#feed-ad .widget_text {
	background: transparent;
	border: 0.1em solid #eee;
}
#feed-ad .ads-logo {
	position: absolute;
	top: 0.2em;
	left: -0.8em;
	width: 0.6em;
	height: 4em;
	background: transparent url('images/annons.png');
}
#topbar-ads div.ads-logo {
	position: absolute;
	top: 0.2em;
	left: -0.8em;
	width: 0.6em;
	height: 4em;
	background: transparent url('images/annons_inverted.png');
}

/* Topbar */

#topbar {
	float: right;
}

#topbar .box {
	background: none;
	float: right;
	clear: right;
	width: 22.5em;
}

#topbar #search-box 
{
	border-top:0.1em solid #ccc;
	height: 3em;
	margin:0;
	padding: 0.3em 0 0 0;
}

#topbar .box p {
	/*margin: 0.556em;*/
}
#topbar .widget_page_excerpt {
	margin:0;
	height: 8em;
}
#topbar .widget_page_excerpt p {
	margin-top: 0.333em;
	margin-bottom: 0.333em;
	font-size: 1.1em;
}
#topbar .widget_page_excerpt p strong 
{
	display:block;
	margin-bottom:-0.7em;
	color:#000;
}

#search-box #s {
	float:left;
	color:#666;
	margin: 0.15em;
	font-size: 1.1em;
	width: 15.8em;
}

#search-box #search-submit {
	float: left;
	margin-right: 0.5em;
	margin-bottom: 0.4em;
	padding: 0;
	font-size: 1.2em;
	font-weight: normal;
}

#topbar .box img {
	float: left;
	margin:0;
	margin-right: 0.4em;
	padding: 0.1em;
}

p.download {
	margin-top: 0;
	margin-bottom: 0;
}

/* Menu */

#menu-top {
	border-top: 1em solid #000000;
	/*border-bottom-width: 0.2em;*/
	/* HTTP_ADDRESS */
	background: #d4f2b1;
	height: 2.6em;
	overflow: hidden;
}

#menu {
	margin: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu li a {
	float: left;
	padding: 0.4em 1em;
	/*border-right: 0.0833em solid #c2185e;*/
	color: #000000;
	font-size: 1.4em;
	/*font-weight: bold;*/
	text-decoration: none;
}

#menu li a:hover {
	background:#bcd69d;
}

#menu li.current_page_item a, #menu li.current-menu-item a {
	color:#ffffff;
	background: #85966e;
}

#menu-clear {
	clear: both;
	line-height: 0;
}

#current-date {
	float: right;
	margin: -0.5em 1em 0 0;
}

#menu-sub {
	margin: 0;
	margin-top: 0.2em; /* separated menus */
	/*border: 0.1em solid #c07c98;*/
	/*border-top: 0;*/
	background: #eeeeee;
	height: 2em;
	list-style: none;
}

#menu-sub li {
	display: inline;
}

#menu-sub li a {
	float: left;
	padding: 0.33em 1.2em;
	/*border-right: 0.0833em solid #c07c98;*/
	color: #333;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
}

#menu-sub li a:hover {
	text-decoration: underline;
}

#menu-sub li.current-cat a {
	text-decoration: underline;	
}


/* Footer */

#footer {
	margin-top: 0.5em;
	padding-top: 0.5em;
	border-top:0.6em solid #000000;
	/*background: #f6f6f6 url("/wp-content/themes/osqledaren/images/separator.gif") repeat-x;*/
}

#footer-links, .footer-links {
	margin: 0;
	padding: 0.5em 0em 0.5em 0em;
	list-style: none;
}
.footer-links {
	float: right;
}

#footer-links li, .footer-links li {
	float: left;
	margin: 0 1em;
	color: #000000;
	font-weight: normal;
	font-size: 1.2em;
}

#footer-links li a, .footer-links li a {
	color: #3d3d3d;
}
#footer-links li a:hover, .footer-links li a:hover {
	text-decoration: underline;
}

.footer-links #copyright {
	float: right;
}


/* Main content formatting */

#main .column {
	float: left;
	margin-right: 1.5em;
}
#main .most { width: 62%; }
#main .two { width: 45%; }
#main .tri { width: 29%; }


/* Sidebar */

#sidebar .box {
	margin: 0 0 1.67em 0;
	padding: 0.273em 0.545em;
	font-size: 1.2em;
}

#sidebar .box h4 {
	margin: -0.272em -0.545em;
	margin-bottom: 0.182em;
	font-size: 1em;
}

#sidebar .box h5 {
	margin-top: 0.545em;
}

#sidebar .box p {
	margin: 0.232em 0 0.312em;
}

#sidebar .box ol, #sidebar .box ul {
	margin-bottom: 0.455em;
}


/* Entry listings */

.post {
	margin-bottom: 1.4em;
	padding-bottom: 0.4em;
	border-bottom: 0.1em solid #ccc;
}

.post.single-post {
	padding-bottom: 0;
	border-bottom: none;
}

.post ul.post-categories {
	margin: 0;
	padding: 0;
	list-style: none;
}
.post ul.post-categories li {
	float: left;
	/*margin-bottom: -0.4em;*/
	margin-right: 1em;
	text-transform: uppercase;
}
.post ul.post-categories li a {
	font-size: 1em;
}

.post .title {
	clear: left;
	margin-top: 0.5em;
	color: #000;
}
.post .title a {
	color: #000;
}


/* Entry content */

.entry {
	font-size: 1.3em;
	line-height: 1.7em;
}

.entry p, .entry blockquote {
	margin: 0.25em 0 0.75em;
	text-align: left;
	
	font-family:Georgia, serif;
}

.entry blockquote {
	margin-left: 1em;
}

.entry ol, .entry ul {
	margin: 0.083em 0 0.67em 0;
}
.entry ol {
	margin-left: 0.75em;
}
.entry ul {
	margin-left: 0.33em;
}

.entry li {
	margin: 0 1em 0 1.5em;
}

.entry .image, .entry .wp-caption {
	color: #666;
	text-align: center;
}

.entry .wp-caption-text {
	font-family: Arial, sans-serif;
	margin: 0;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.2em;
}


.entry .left, .entry .right, .entry .alignleft, .entry .alignright {
	float: right;
	margin: 0.417em 0 0.417em 1em;
	line-height: 1.2em;
}
.entry .left, .entry .alignleft {
	float: left;
	margin: 0.417em 1em 0.417em 0;
}

.entry p.close, .entry a.close, .entry div.close {
	margin-top: 0;
	margin-bottom: 0;
}

.entry a.download, .entry p.download a {
	padding-left: 1.417em;
	background-position: 0.167em 0.25em;
}

/* Metadata displays */

.post-meta {
	margin: 1em 0;
	list-style: none;
}
.post-meta li {
	margin-top: 0.1em;
	font-size: 1.1em;
}
.post-meta-key {
	font-weight: bold;
}

.metadata {
	color: #666;
	font-size: 1.1em;
	line-height: 1.3em;
}

.metadata a {
	color: #666;
}

.metadata p {
	margin: 0.27em 0;
}

.metadata.filed-in {
	margin: 1em 0;
}

.metadata .date, .metadata .categories, .metadata .tags, .metadata .comments {
	padding-left: 1.364em;
	background: transparent no-repeat 0.09em 0.182em;
	/* HTTP_ADDRESS */
	background-image: url("/wp-content/themes/osqledaren2/images/icons/tag.gif");
}
.metadata .date {
	background-image: url("/wp-content/themes/osqledaren2/images/icons/calendar.gif");
}
.metadata .categories {
	background-image: url("/wp-content/themes/osqledaren2/images/icons/folder.gif");
}
.metadata .comments {
	background-image: url("/wp-content/themes/osqledaren2/images/icons/comments.gif");
}

.metadata span.comments {
	margin-left: 0.73em;
}


/* Comment display */

#comments, #respond {
	clear: both;
	margin-bottom: 2em;
	padding-top: 0.2em;
	/* HTTP_ADDRESS */
	background: transparent url("/wp-content/themes/osqledaren2/images/separator-light.gif") repeat-x;
}

.comments {
	margin: 0.7em 0 0 0;
	padding: 0;
	list-style: none;
}

li.comment {
	padding: 0.4em 0.8em;
	background: #fff;
}
li.comment.alt {
	border: 0.1em solid #ccc;
	border-width: 0.1em 0 0.1em 0;
	background: #f8f9fc;
}

li.comment .data {
	font-weight: bold;
	font-size: 1.1em;
}

li.comment .author, li.comment .metadata {
	margin-left: 0.5em;
	font-style: normal;
}

li.comment .metadata {
	font-weight: normal;
	font-size: 1em;
}

li.comment .entry {
	font-size: 1.1em;
}


/* Content in margins */

.navigation, .edit-link {
	font-size: 1.1em;
	line-height: 1.3em;
}

.navigation {
	margin: 0;
	height: 1.3em;
}

.nav-older {
	float: left;
}

.nav-newer, .edit-link {
	display: block;
	float: right;
}

.post {
	clear: both;
}

.edit-link a {
	color: #666;
}

/* Archive page */


.archive-list {
	font-size: 1em;
}
.archive-list li {
	margin-top: 0.2em;
}
.archive-list li a {
	font-weight: bold;
}

/* Forms */

form {
	display: block;
	width: 100%;
}

#main form {
	width: 97%;
}

.entry form {
	font-size: 0.9167em;
}

form.entry {
	font-size: 1.1em;
}

form.pad .two.column {
	margin-right: 2em;
	width: 42%;
}

fieldset {
	margin: 0.2em 0;
}

#main label, input.button {
	display: block;
	margin: 0.5em 0 0;
	cursor: pointer;
	font-weight: bold;
	line-height: 1.5em;
}

input.button {
	padding: 0.2em 1em;
	font-weight: normal;
}
input.button.default {
	font-weight: bold;
}

label span {
	display: block;
}

.required {
	color: #d72;
}

input.text, textarea, select {
	display: block;
	padding: 0.2em;
	width: 97%;
}

textarea#comment {
	height: 10em;
}

span.wpcf7 {
	color: #d33;
	font-size: 1em;
}


/* Advertisement sidebar */

#sidebar-ads .ad {
	margin-bottom: 1.6em;
}

#sidebar-ads h6 {
	margin: 0 0.333em 0;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.05em;
}

/* A hoverable class */
.hoverable
{
	cursor:pointer;
}
/* Cause child spans to break row */
.newrow>span {
	display:block;
	padding:0;
	margin:0;
}
