/*
Theme Name: OOOFbok
Theme URI: http://www.ooofbok.se
Description: OOOFboks nya design
Version: 1 (WP2.7)
Author: Calle Lindholm
Author URI: http://kkumgyeol.com
*/

/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/* @group MainStyles */

body {
	border-top: 0.5em solid #a00;
}

#wrapper {
	margin-left: 1.4em;
	width: 1060px;
}

#header {
	height: 5em;
	margin-bottom: 4em;
}

#header h1 {
	float: left;
	display: block;
	height: 75px;
	width: 190px;
	background: url(images/logo.gif) no-repeat;
	text-indent: -9999px;
	margin-top: 0.7em;
}

#header h1 a {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
}

.blogPost h3.postDate {
	font-family: 'Gill Sans', Verdana;
	font-size: 1em;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-weight: bold;
	margin-bottom: 0;
}

.postYear {
	color: #991e26;
}

.blogPost h2 {
	color: #600;
	margin-bottom: 0.5em;
	font: 2.8em/0.8em 'Times New Roman', times-roman, georgia, serif;
	letter-spacing: -0.08em
}

.blogPost p {
	margin-bottom: 0.8em;
	font: 1em/1.3em Georgia, serif;
}

.blogPost p a {
	color: #600;
}

.blogPost a:link, .blogPost a:visited {
	text-decoration: none;
	border-bottom: 2px dotted #195c18;
}

.blogPost a:hover, .blogPost a:focus {
	border-bottom: 2px solid #800;
	color: #800;
}

.blogPost a:active {
	color: #800;
}

.blogPost h2 a:link {
	color: #600;
	text-decoration: none;
	border: none;
}

.blogPost h2 a:visited {
	color: #700;
	text-decoration: none;
	border: none;
}

.blogPost h2 a:hover, .blogPost h2 a:focus {
	color: #a00;
	text-decoration: none;
	border: none;
}

.blogPost h2 a:active {
	color: #700;
	text-decoration: none;
	border: none;
}

.blogPost blockquote {
	margin-left: 3em;
	border-left: 0.3em solid #600;
	padding-left: 0.5em;
	margin-bottom: 0.5em;
	width: 30em;
	font: normal 1em Optima, Arial, sans-serif;
}

.blogPost blockquote p {
	font: normal 1em Optima, Arial, sans-serif;
}

/* @end */

/* @group Nav */

ul#nav {
	float: right;
	list-style-type: none;
}

ul#nav li {
	display: block;
	float: left;
	font: 0.9em/1 'Gill Sans', Verdana;
}

ul#nav li a, ul#nav ul#nav li a:visited {
	display: block;
	width: 8.3em;
	text-decoration: none;
	color: #333;
	border-right: .1em solid #bbb;
	-moz-border-radius-bottomright: 0.6em;
	-webkit-border-bottom-right-radius: 0.6em;
	cursor: pointer;
	padding: 2em .3em 1em 1em;
	font-weight: bold;
}

ul#nav li a:hover, ul#nav li.current_page_item a, ul#nav li.current_page_item a:visited {
	background: #a00;
	-moz-border-radius-bottomleft: 0.6em;
	-webkit-border-bottom-left-radius: 0.6em;
	-moz-border-radius-bottomright: 0.6em;
	-webkit-border-bottom-right-radius: 0.6em;
	color: #fff;
	border: 0;
	margin: 0;
	padding: 2em .37em 1em 1em;
	text-shadow: 2px 2px 2px #000;
}

/* @end */

#sidebarright {
	float: right;
	width: 11em;
	margin-left: 0.5em;
	font: 0.9em/1.4em Georgia, "Times New Roman", Times, serif;
}

#sidebarleft {
	float: right;
	width: 12em;
	margin-left: 1em;
	font: 0.9em/1.4em Georgia, "Times New Roman", Times, serif;
}

#sidebar {
	float:right;
	width: 23em;
}

#mainContent {
	width: 680px;
	float: left;
}

h2.widgettitle {
	background-color: #434343;
	padding: 0.3em;
	-moz-border-radius-topleft: 0.3em;
	-webkit-border-top-left-radius: 0.3em;
	margin-bottom: 0.5em;
	color: #fff;
	font: normal normal 1em 'Gill Sans', Verdana;
}

#searchform {
	margin-bottom: 1.5em;
}

#s {
	width: 60%;
}

.widget ul {
	margin-bottom: 1.5em;
}

div.postMeta {
	background-color: #d6d155;
	border: 1px solid #7d7539;
	margin-bottom: 5em;
	padding: 1em 0.6em;
	-moz-border-radius-bottomleft: 0.8em;
	-webkit-border-bottom-left-radius: 0.8em;
	margin-top: 1.3em;
	font-family: "Gill Sans", Verdana;
	line-height: 1.5em;
	clear: left;
}

.postMetaComments {
	background: url(images/microphone.png) no-repeat;
	padding-left: 1.3em;
}

.postMetaAuthor {
	background: url(images/pencil.png) no-repeat;
	padding-left: 1.3em;
}

.postMetaCategory {
	background: url(images/text_list_bullets.png) no-repeat;
	padding-left: 1.3em;
}

.postMetaLine {
	margin-right: 1em;
}

.postMetaLine a:link {
	color: #1d1900;
}

.postMetaLine a:visited {
	color: #1d1b00;
}

.postMetaLine a:hover, .postMetaLine a:focus {
	color: #554f23;
}

.postMetaLine a:active {
	color: #8a8239;
}

img.alignleft {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

img.alignright {
	float: right;
	margin-bottom: 1em;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}

div#footer {
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #600;
	text-align: center;
	padding: 1.5em;
	margin-top: 5em;
	clear: both;
}

div#footer a:link {
	color: #baa;
}

div#footer a:visited {
	color: #baa;
}

div#footer a:hover, div#footer a:focus {
	color: #dcc;
}

div#footer a:active {
	color: #dcc;
}

#postNavLinks {
	margin-bottom: 2em;
	font: 1.1em Georgia, "Times New Roman", Times, serif;
}

#postNavLinks a:link, #postNavLinks a:visited {
	color: #400;
	text-decoration: none;
}

#postNavLinks a:hover, #postNavLinks a:focus {
	text-decoration: underline;
	color: #a00;
}

#postNavLinks a:active {
	color: #a00;
}

#sidebarleft a:link, #sidebarright a:link, #sidebarleft a:visited, #sidebarright a:visited {
	color: #000;
	text-decoration: none;
}

#sidebarleft a:hover, #sidebarright a:hover, #sidebarleft a:focus, #sidebarright a:focus, #sidebarleft a:active, #sidebarright a:active {
	color: #ff1e1f;
	text-decoration: underline;
}

li.recentcomments {
	margin-bottom: 0.6em;
}

div.singleMeta {
	margin-bottom: 1em;
}

h3.commentHeading {
	font: 1.4em "Gill Sans", Verdana, sans-serif;
	border-bottom: 2px solid #800;
	margin-bottom: 1em;
}

#commentblock {
	padding-left: 3em;
}

li.comment, li.pingback, li.trackback {
	margin-bottom: 2em;
	padding-top: 0.5em;
	padding-left: 0.5em;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.3em;
	-moz-border-radius-topleft: 0.4em;
	-webkit-border-top-left-radius: 0.4em;
}

#comments {
	color: #787878;
	font: normal normal 0.9em Georgia, "Times New Roman", Times, serif;
}

img.avatar {
	float: left;
	margin-right: 10px;
	border: 4px solid #fff;
}

div.comment-author {
	background-color: #d6d155;
}

.comment-author a {
	font-weight: normal;
	font-style: normal;
}

.pingback .comment-author {
	padding-left: 10px;
}

span.says {
	color: #10230f;
	font-size: 0.8em;
}

#respond {
	font: 1.2em "Gill Sans", Verdana, sans-serif;
	border-bottom: 2px solid #800;
	margin-bottom: 1em;
}

#commentform {
	font: 0.9em Georgia, "Times New Roman", Times, serif;
}

.comment p {
	margin-bottom: 0.5em;
}

div.comment-meta {
	margin-bottom: 1em;
	font: 0.8em/1.3em "Gill Sans", Verdana;
	margin-top: 0.3em;
}

.comment-meta a:link, .comment-meta a:visited {
	color: #19320d;
}

.comment-meta a:hover, .comment-meta a:focus,  .comment-meta a:active{
	color: #32621c;
	text-decoration: none;
}

.comment-author a:link, .comment-author a:visited {
	color: #0f1d08;
}

.comment-author a:hover, .comment-author a:focus,  .comment-author a:active{
	color: #32621c;
	text-decoration: none;
}

p.noComment {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 2em;
	margin-top: 2em;
}

h2.pagetitle {
	font: 2em "Gill Sans", Verdana;
	color: #6f6f6f;
	margin-bottom: 1em;
}

span.search-terms {
	font-style: italic;
	color: #3e3e3e;
}

div.blogPost ul li {
	list-style-type: disc;
	list-style-position: inside;
	text-indent: 10px;
}

div.blogPost ul {
        margin-bottom: 10px;
}

ul.menu li li {
	text-indent: 15px;
	background: url(images/subCategory.gif) no-repeat 5px 5px;
}

ul.sub-menu {
	margin-bottom: 0px;
}

.blogPost h3 {
	font-size: 1.2em;
	margin-bottom: 10px;
}

.blogrollbloglink {
	font-weight: bold;
}

.blogrollfeedlink {
	float: right;
	margin-right: 10px;
}