/*
Theme Name: SethRonland
Theme URI: sethronland.nu
Description: Theme for <a href="www.sethronland.nu">sethronland.nu</a> by Jimmy Morin (<a href="http://magnotic.com">magnotic.com</a>).
Author: Jimmy Morin
Author URI: http://www.magnotic.com
Version: 1.4
*/

* { outline: none }

html, body { padding: 0; margin: 0; height: 100% }
body { font: 90% georgia,arial,tahoma,verdana; color: #2d2d2d; margin: 0; padding: 0; text-align: center }

#container { position: relative; width: 978px; margin: auto; text-align: left }

#header { position: relative; width: 100% }
#header #logo { width: 982px; height: 100px; margin: auto }
#header #logo img {  position: absolute; top: 5px; left: 5px }

#wrapper { position: relative; width: 100%; background: #f0f0f0; overflow: hidden; z-index: 99; text-align: left }

#wrapperImages { position: relative; padding: 1px }
#wrapperImages img { float: left; margin: 1px }

#menu { height: 25px; clear: left }
#menu ul { list-style: none; margin: 0; padding: 0px 1px 1px 1px}
#menu ul li { position: relative; float: left; background: #191919; width: 120px; height: 25px; margin: 1px; padding: 0; z-index: 999 }
#menu ul li ul { position: absolute; top: 24px; left: -2px; padding: 1px 2px 2px 2px; background: #fff; display: none; z-index: 999 }
#menu ul li ul li { margin: 1px 0; z-index: 999 }
#menu ul li:hover ul { display: block; z-index: 999 }

#menu a { float: left; display: block; width: 110px; height: 15px; padding: 5px; color: #f0f0f0; font: bold 0.85em arial; text-transform: uppercase }
#menu a:hover { text-decoration: none!important; background: #9b0000 }
#menu .current-cat { background: #c30000!important } 

#contents { position: relative; padding: 0; margin: 4px 282px 2px 2px; height: 385px; min-height: 385px; background: #fff; z-index: 9 }
html>body #contents { height: auto }

#contents img { padding: 10px; margin: 5px; background: #f5f5f5; border: 1px solid #e0e0e0 }
#contents img.alignleft { float: left }
#contents img.alignright { float: right }

#sidebar { position: absolute; right: 0; width: 266px; padding: 10px 8px 8px 8px; color: #323232 }
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 { text-transform: lowercase; color: #c30000 }

#sidebar div { font-family: arial,tahoma,verdana; margin: 0 0 10px 0 }
#sidebar div ul { margin: 0; padding: 0; list-style: none }
#sidebar div li { font-size: 0.80em; margin: 0 0 5px 0; padding: 0 }
#sidebar h4 { font-size: 15px; margin: 0.25em 0 0.25em 0; color: #646464 }
#sidebar a { color: #c14646; color: #005f9b; }

#sidebar #comments_latest {}
#sidebar #posts_popular { padding: 0 0 10px 0; border-bottom: 1px dashed #c8c8c8 }
#sidebar #posts_related { }

#footer { position: relative; font-size: 0.9em;  text-align: center; padding: 10px 0 15px 0; color: #7d7d7d }
#footer a { color: #afafaf }
#footer a:hover { text-decoration: underline }

#sponsors { position: relative }
#sponsors a { float: right; display: block; height: 50px; text-indent: -1000em }
#sponsors a:hover { text-decoration: none!important; background-position: 0 -50px!important }

.clear { clear: both; width: 1px; height: 1px; overflow: hidden }

/* WP specific styling */

.categories { margin: 0 0 2.5em 0; padding: 8px 8px 0 8px }
.categories h1 { margin: 0; padding: 0 0 0.10em 0 }
.categories h2 {  margin: 0.5em 0 0.25em 0 ; padding: 0!important }
.categories h3 { margin: 0.15em 0 0.25em 0 }
.categories .info { float: right; color: #7d7d7d; margin: 0.20em 0 0 0; font-size: 0.80em; text-transform: uppercase }

.navigation { position: relative; width: 684px; height: 50px }
.navigation .nleft { position: absolute; bottom: 5px; left: 5px; }
.navigation .nright { position: absolute; bottom: 5px; right: 0 }

.post, .page { position: relative; margin: 0; padding: 8px 8px 0 8px }
.post h1 { margin: 0; padding: 00 }
.post .info { color: #7d7d7d; margin: 0; font-size: 0.75em }
.post .info a { color: #323232 }
.post .entry {
	position: relative;
	margin: 0.75em 0 3em 0;
	padding: 0.5em 0 0 0;
}
.post .entry .more { float: right; margin: 0; padding: 0; font: 0.95em tahoma,arial }
.post .entry p { margin: 0.15em 0 0.65em 0 }

.frontpage h1 { font-size: 1.4em }
.frontpage .info a { color: #323232 }
.frontpage .entry { font-size: 0.85em }

.info { position: relative; font-family: arial,tahoma,verdana; height: 1.35em; overflow: auto }
.infoTime { float: left; padding: 0 8px 0 0; }
.infoCategory { float: left; padding: 0 8px 0 14px; }
.infoComments { float: left; padding: 0 8px 0 14px; }

.comments {
	position: relative;
	font-family: arial,verdana,tahoma;
	top: -347px;
	width: 684px;
	margin: 0.75em 0 -150px 0;
	padding: 10px 6px 0 6px;
	border-top: 1px dashed #c8c8c8;
}
.comments h4, .comments_form h4 { font-size: 15px; text-transform: lowercase; margin: 0 0 0.5em 0; color: #5f5f5f }
.comments p { margin: 0; padding: 0 }
.comments .author {
	color: #646464;
	padding: 0;
	font-size: 0.66em;
}
.comments .author em { font-size: 1.26em }
.comments .entry {
	position: relative;
	font-size: 0.90em;
	padding: 14px 6px 6px 6px;
	margin: 0 5px 15px 0;
}

.comments_form {
	position: relative;
	width: 684px;
	width: 270px;
	height: 325px;
	left: 695px;
	margin: 0.75em 0 0 0;
	padding: 10px 6px 0 6px;
	border-top: 1px dashed #c8c8c8;
	clear: left;
}
.comments_form label { float: left; width: 4.5em; font-size: 0.90em; padding: 0; margin: 0.25em 0 }
.comments_form textarea { font-family: arial; font-size: 1em; width: 200px; height: 98px; margin: 0 0 0 3px }
.comments_form input { margin: 0.15em 0 }

.contact label { float: left; width: 8.5em; font-size: 0.90em; padding: 0; margin: 0.25em 0 }
.contact textarea { font-family: arial; font-size: 1em; width: 500px; height: 98px }
.contact input { margin: 0.15em 0 }

ul { margin: 0 0 2em 0; padding: 0 0 0 2em }

.left { float: left; margin-left: 0 }
.right { float: right; margin-right: 0 }
.center { text-align: center; margin-bottom: 1em }
.clear { display:block;clear:both;height:1px;overflow:hidden }

a { color: #005f9b; color: #c30000; text-decoration: none }
a:hover { text-decoration: underline  }
a:visited { color: #005f9b; color: #c30000 }

h1, h2, h3, h4 { font-family: tahoma,arial,sans-unicode; font-weight: normal; margin: 0.25em 0 0.5em 0; color: #191919 }
h1 { font-size: 1.65em; }
h2 { font-size: 1.50em; margin-top: 0 }
h3 { font-size: 1.25em }
h4 { font-size: 1.11em; font-weight: bold }

small { font-size: 0.75em }
p { margin: 5px 0; padding: 0 0 10px 0 }
form { margin: 0; padding: 0 }
hr { background: #EAEAEA; height: 4px; margin: 0; padding: 0; border: none; clear: left }

blockquote { margin: 2.5em 0 0 0; padding: 0.5em 0.5em 1.25em 0.5em; font-style: italic; clear: both }

fieldset { border: none; margin: 0 0.20em; padding: 0 }
small { font-family: arial; font-size: 0.65em }

table,tr,td { margin: 0; padding: 0; border: none }