/*
Theme Name: Steffen Jørgensen
Theme URI: http://beta.jint.dk
Description: My Own creation
Version: v.2
Author: Steffen Jørgensen
Author URI: http://jint.dk
Tags: none
*/

/*
Orange: #fe5541;
Sort:#222;
Grå:#f4f4f4;
*/

/* CSS 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{
	background:transparent;
	border:none;
	color:#222;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	font-size:10px;
	font-weight:normal;
	line-height:18px;
	list-style-type:none;
	margin:0;
	outline:0;
	padding:0;
	text-decoration:none;
	vertical-align:top;}

body{
	background:#222 url(grafik/bg.png);}

/* CENTERES EVERYTHING ON THE PAGE */
.container{
	float:left;
	position:absolute;
	left:50%;
	margin:0 0 0 -470px;
	width:940px;}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content p,
#content li,
#content dl,
#content a{margin:0 0 1em 0;}

h1,
h1 a{font-size:20px;}
h2,
h2 a{font-size:20px;}
h3,
h3 a{font-size:18px;}
h4,
h4 a{font-size:16px;}
h5,
h5 a{font-size:14px;}
h6,
h6 a{font-size:12px;}
p,
li,
dl{
	font-size:12px;}
a:link,
a:active,
a:visited{
	color:#fe5541;
	font-size:inherit;}
a:hover{}

p a:link,
p a:active,
p a:visited{
	border-bottom:1px solid #fe5541;
	color:#fe5541;
	font-size:inherit;}
p a:hover{
	border-bottom:1px solid #333;}

/* --------------------------- NAVIGATION -------------------------- */
#navigation{
	background:#f4f4f4;
	border-bottom:1px solid #fff;
	height:80px;
	font-size:18px;
	width:100%;}
ul#home,
ul#menu{
	float:left;}
ul#home li a{
	background:#fff url(grafik/logo-temp.png) no-repeat 0 -50px;
	border:none;
	display:block;
	height:50px;
	width:220px;
	position:absolute;
	top:15px;
	text-indent:-9999px;}
ul#home li a:hover{
	background:#fff url(grafik/logo-temp.png) no-repeat;}
ul#menu{
	position:absolute;
	top:14px;
	left:240px;}
ul#menu li{
	float:left;}
ul#menu li a{
	border-bottom:7px solid #fff;
	color:#222;
	display:block;
	float:left;
	font-size:18px;
	margin:0 10px 0 0;
	padding:23px 30px 3px 3px;}
ul#menu li a:hover,
ul#menu li.current-cat a,
ul#menu li.current_page_item a{
	background:#fff;
	border-bottom:7px solid #fe5541;
	text-decoration:none;}


/* --------------------------- CONTENT -------------------------- */
#content{
	float:left;
	position:relative;
	top:20px;}

#content #submenu,
#content #posts,
#latest .latestpost,
#error{
	border-bottom:7px solid #fe5541;
	box-shadow: 3px 3px 3px #222;
	-moz-box-shadow: 3px 3px 3px #222;
	-webkit-box-shadow: 3px 3px 3px #222;}

#content #submenu{
	background:#f4f4f4;
	float:left;
	padding:20px;
	width:180px;}
#submenu ul#postslist{
	margin:0 0 20px 0;}
#submenu .title{
	font-size:2em;}
#submenu ul li a{
	display:block;}
#submenu ul li a:hover{}
#content #posts{
	background:#f4f4f4;
	float:left;
	margin:0 0 20px 20px;
	padding:20px;
	width:660px;}

.post{
	border-bottom:5px solid #fff;
	margin:0 0 20px 0;
	padding:0 0 10px 0;}
.post:last-child{
	border-bottom:none;}
.post p{
	width:660px;}
.post p img{
	background:#f4f4f4;
	background:#fff;
	padding:5px;}
.post p img:hover{
	background:#ddd;}
.post blockquote p{
	background:#f4f4f4;
	border:1px solid #ddd;
	padding:10px;
	width:440px;

	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}

#latest{
	float:right;
	position:relative;}
#latest .latestpost{
	background:#f4f4f4;
	float:left;
	margin:0 0 0 20px;
	padding:20px;
	width:180px;}


#error{
	background:#f4f4f4;
	margin-top:20px;}
#error h2{
	margin:50px 50px 20px 50px;}
#error p{
	margin:0 50px 20px 50px;}


/* --------------------------- FOOTER -------------------------- */
#footer{
	background:#fff;
	position:fixed;
	bottom:0;
	height:50px;
	width:100%;}