/*
Theme Name: Matt's Semantic WP Theme // Ravaror
Description: The most Semantic, SEO Optimised Wordpress Theme!
Author: Matthew Rochow
Author URI: http://www.matthewrochow.com
*/

.headerfont{
color:#0b99ff;
font-size:1.24em;
}
.headerfont2{
background:url(images/up-arrow.png) left no-repeat;
color:#0b99ff;
font-size:1.24em;
padding: 5px 0 5px 22px
}

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
a, a:visited {color:#2b86e2;font-weight:700;text-decoration:none}
a:hover {}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
body {background:#056dab url(images/bg.png) left top repeat-x;color:#616161;font:75%/125% Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:700}
dt {font-weight:700}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1 {border-bottom:1px solid #CCC;font:700 1.75em/1.25em Arial, Sans-Serif;margin:10px 0 0 10px}
h2 {font:700 1.5em/1.25em Arial, Sans-Serif}
h3 {font:700 1.25em/1.25em Arial, Sans-Serif}
h4 {font:700 1em/1.25em Arial, Sans-Serif}
hr {margin:0 0 .5em}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:.5em 0;padding: .5em 1em}

/* Containers */
#page {margin:20px auto;position:relative;width:956px}

/* Header */
#header {height:110px;overflow:hidden;margin: 0;width:945px}
#header #logo {color:#09C;float:left;font:italic 700 2.25em/1.2em Georgia, Garamond, Serif;margin: 0 0 0 21px;width:217px}
#header span#slogan {clear:left;float:left;color:#fff;font-size:1.165em;height:17px;margin:4px 0 0 21px;overflow:hidden;width:396px}
#header .navigations {clear:both;width:100%}

	/*Search Form*/
	#header form#searchform {height:34px;position:absolute;right:0;top:4px;width:215px}
	#header form .search-bg {background:url(images/search-bg.png) left top no-repeat;height:34px;width:215px}
	#header form .search-bg input#s{background:none;border:0;color:#bdbdbd;font:1.165em Arial, Sans-Serif;margin:4px 0 0 5px;padding: 4px 7px;width:186px;}
	
	
	/* Main Navigation*/
	#header ul#nav {clear:left;display:inline;float:left;list-style:none;margin:24px 0 0 15px;}
	#header ul#nav li {float:left;height:30px;margin:0 0 0 3px}
	#header ul#nav li a {background:url(images/nav-left.png) left top no-repeat;float:left;font-size:1.335em;font-weight:700;height:30px;padding:0 0 0 5px;text-decoration:none}
	#header ul#nav li a span {background:url(images/nav-right.png) right top no-repeat;color:#e0e0e0;float:left;font-weight:700;height:17px;padding:8px 10px 5px 5px}
	#header ul#nav li a:hover, #header ul#nav li.current_page_item a {background:url(images/nav-left-hover.png) left top no-repeat;color:#262626}
	#header ul#nav li a:hover span, #header ul#nav li.current_page_item a span {background:url(images/nav-right-hover.png) right top no-repeat;color:#262626}
	
		/*Submenu*/
		#header ul#submenu {float:right;padding: 30px 0 0 0;position:relative;text-align:right;width:368px}
		#header ul#submenu li {display:inline;margin: 0 0 0 6px}
		#header ul#submenu li a {color:#5b5b5b;font-size:1.135em;font-weight:400;text-decoration:none}
		
/* Content*/
#main {background:#fff url(images/content-bg.png) left top no-repeat;float:left;font-size:1.075em;overflow:hidden;padding:15px 6px 20px 4px;width:997px}

	/*Breadcrumb*/
	#main .breadcrumb {color:#0b99ff;font-size:.785em;margin:0 7px 7px 0;position:relative;text-align:right;width:935px}
	#main .breadcrumb a {color:#8f8f8f;text-decoration:none}

#image-container {float:right;width:704px}
#content {float:left;overflow:hidden;padding:10px 0 20px;width:481px}
#fpcontent {float:left;overflow:hidden;padding:10px 0 20px;width:700px}

	/* Post */
	#content .post {padding:10px;margin:10px 0 5px}
	#content .post .meta {font-size:.8em}
	#content .post .entry {padding: 10px 0 0}
	#content .post ul {list-style:disc;margin:0 0 1em 18px}
	#content .post ol {list-style:decimal;margin:0 0 1em 22px}
	#content .post h1 {border:0;color:#343434;font-size:2.335em;margin:0}
	#content .post h2 {font-size:2.335em}
	#content .post h2 a {color:#343434;text-decoration:none}
	#content .post a.more-link {background:url(images/arrow.png) left no-repeat;clear:both;display:block;padding-left:19px;margin: 16px 0 0 2px;}
	
/* Pagination */
#prev-next {list-style:none}
#prev-next #prev {float:left}
#prev-next #next {float:right}

/*Left Sidebar*/
#left-sidebar {align:left;clear:both;float:left;min-height:250px;padding:0;width:255px;border:0px solid black;padding: 5px;}
* html #left-sidebar {height:auto!important;height:400px;overflow:visible;}
#left-sidebar ul {list-style:none;margin:0 0 1em}
#left-sidebar ul ul {list-style:none}

	/*Senaste List*/
	#left-sidebar ul li.senaste {padding: 0 0 0 6px}
	#left-sidebar ul li.senaste h3 {background:url(images/check.png) left no-repeat;color:#616161;font-size:1.24em;padding:9px 0 9px 33px}
	#left-sidebar ul li.senaste ul li {background:url(images/grey-arrow.png) 7px 2px no-repeat;font-size:1.085em;margin: 5px 0 27px;padding: 0 0 0 31px;position:relative}
	#main #left-sidebar ul li.senaste ul li a {color:#0797ff}
	
	/*Overblick Table*/
	#left-sidebar ul li.overblick {background:url(images/stock.png) center repeat-y;margin: 0 0 20px;width:250px}
	#left-sidebar ul li.overblick div {background:url(images/stock-top.png) left top no-repeat;width:250px}
	#left-sidebar ul li.overblick div div {background:url(images/stock-bottom.png) right bottom no-repeat;padding:26px 26px 30px 19px;text-align:left;width:193px}
	#left-sidebar ul li.overblick div div table {width:193px}
		
		/*Table variations*/
		#left-sidebar ul li.overblick div div table tr th {border-bottom:1px solid #fff;color:#fff;font-size:1.165em;padding: 0 0 6px 6px}
		#left-sidebar ul li.overblick div div table tr td {border-bottom:1px solid #565656;color:#fff;padding: 9px 0 9px 7px;font-weight:700}
		#left-sidebar ul li.overblick div div table tr td.center {text-align:center;padding:9px 0}
		#left-sidebar ul li.overblick div div table tr td.green {color:#3be20d}
		

/* Sidebar */
#sidebar {float:right;padding:30px 0 0;width:223px}
#sidebar ul {list-style:none;margin:0 0 1em}
#sidebar ul ul {list-style:none}

	/*Nyheter list*/
	#sidebar ul li.nyheter h3 {color:#0b99ff;font-size:1.24em;margin: 0 5px 0 0;padding: 7px 0;position:relative}
	#sidebar ul li.nyheter h3 span {background:url(images/rss.png) left top no-repeat;display:block;height:32px;position:absolute;right:0;top:10px;width:33px}
	#sidebar ul li.nyheter ul {background:#d3e8ff;margin: 0 0 20px;padding:5px 20px;}
	#sidebar ul li.nyheter ul li {margin: 7px 0}
	
	/*Handla list*/
	#sidebar ul li.handla h3 {background:url(images/up-arrow.png) left no-repeat;color:#0b99ff;font-size:1.24em;padding: 5px 0 5px 22px}
	#sidebar ul li.handla div {background:url(images/handla.png) center repeat-y; width:222px}
	#sidebar ul li.handla div div  {background:url(images/handla.png) left top no-repeat;width:222px}
	#sidebar ul li.handla div div h4 {color:#0b99ff;font-size:1.085em;padding: 9px 14px}
	#sidebar ul li.handla div div ul  {background:url(images/handla.png) right bottom no-repeat;font-size:1.085em;margin:0;width:222px}
	#sidebar ul li.handla div div ul li {background:url(images/grey-up-arrow.png) 6px center no-repeat;border-top: 1px solid #fff;padding:8px 4px 8px 26px}
	#sidebar ul li.handla div div ul li a {color:#6c6c6c;font-weight:400}
	#sidebar ul li.handla div div ul li a.more {color:#227612; font-weight:700}

/* Footer */
#footer {clear:both;color:#75aedf;height:1%;padding:10px 10px;overflow:hidden;}
#footer a {clear:both;color:#DEDEDE;height:1%;padding:10px 10px;overflow:hidden;}
#footer p {font-size:.835em;text-align:center}

/* Image Alignment */
img.centered {display:block;margin-left:auto;margin-right: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}

/* Comments */
#comments #commentlist {list-style:none;margin:0 auto 1em;padding:0;text-align:justify;width:90%}
#comments #commentlist li {list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
#comments #commentlist li.alt {background:#EEE}
#comments #commentlist li .avatar {background:#fff;border:1px solid #eee;float:right;padding:2px}
#comments #commentlist cite, #commentlist cite a {font-style:normal;font-weight:700}
#comments #commentlist p {margin:10px 5px 10px 0}
#comments #commentmetadata {font-weight:normal}
#comments #commentform input.input {border:1px solid #CCC;font-size:1.1em;margin:5px 5px 1px 0;padding:2px;width:170px}
#comments #commentform input.input:hover {background:#EEE}
#comments #commentform textarea {border:1px solid #CCC;padding:2px;width:98%}
#comments #commentform textarea:hover {background:#EEE}
#comments #commentform #submit {}
#comments #commentform p {margin:0 0 .5em}
#comments #allowed-tags strong {display:block}
#comments .nocomments {margin:0;padding:0;text-align:center}
#comments .commentmetadata {display:block;margin:0}