/*
Theme Name: Blueline
Theme URI: http://www.valutakurserne.dk/blueline.zip
Description: Clear Blue WordPress theme, two-columns, fixed-width, conservative, widget-ready sidebar, custom menus, custom header, comment on page, left sidebar, Footer on post with tags, catagories, Header on post with images and "Edit" link, Comments with speech bubble, valid html 
Version: 1.1
Author: Jimmy Sigenstroem
Author URI: http://www.valutakurserne.dk
Tags: blue, white, two-columns, fixed-width, custom-header, custom-menu

License: GNU General Public License v2.0
License URI: license.txt

*/
/* 
   Reset (http://meyerweb.com/eric/tools/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, 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; } blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 
none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/*---------------------------- 
   General 
-----------------------------*/
* {
	margin: 0;
	padding: 0;
}
a {
	color: #57648e;
}
a:hover {
	color: #7b797a;
}
body {
	background-image: url(design/bg.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 0;
	color:#111;
	
	
}
input {
	color: #111;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,code,ul, ol {
	font-size: 1.1em;
	padding-bottom: 1.2em;
	
}



cite {
	font-size: 1.2em;
	padding-bottom: 1.2em;
	color:#57648e;
}
h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}
h2 {
	font-size: 1.4em;
	margin-bottom: 4px;
}
h1,h2,h3 {
	color: #57648e;
	padding-top: 6px;
}
.alignright { text-align:right; align:right;}
.alignleft { text-align:left;}
.aligncenter  { text-align:center;}
/*----------------------------
Misc
----------------------------*/
.clearer {
	clear: both;
}

#postnavigation{
	height: 20px;
	margin-bottom: 10px;
	text-align: center;
	color: Gray;
}
/*----------------------------
Header
----------------------------*/
.banner
{
	background-image: url(design/header.jpg);
	background-repeat:no-repeat;
	width: 995px;
	height: 222px;
}
.center_wrapper 
{
	margin: 0 auto;
	width: 955px;

}
.header {
	margin: 0 auto;
	width: 955px;
}
/*----------------------------
Pagetitle
----------------------------*/
.headertitle {
	float: left;
	padding: 0px 0 0 0px;
	color: #FFF;
	width: 720px;
}
.headertitle h1 
{
	padding-left:25px;
	color: #FFF;
	font: normal 2.8em Verdana,sans-serif;
	padding-top:28px;
}
.headertitle h2 {
	font-size: 1.1em;
	font-weight:normal;
	padding-top:0px;
	padding-left:40px;
	color: #FFF;
}
.headertitle a {
	text-decoration: none;
	color: #FFF;
	
}
/*----------------------------
Navigation(Top)
----------------------------*/
#navigation
{
	padding-top:47px;
	
}
#navigation ul, #navigation li 
{
	display: inline;
	
}
#navigation li 
{
	display: inline;
	
}

#navigation a 
{
	border-left: 1px solid #FFF;
	
	color: #FFF;
	float: left;
	font: bold 0.9em Georgia,Tahoma,sans-serif;
	margin-right: 1px;
	margin-top: 1px;
	padding: 10px 14px;
	text-align: center;
	text-decoration: none;
}
#navigation li:last-child a {border-left: 1px solid #FFF; padding: 10px 10px;}
#navigation a:hover,#navigation li.current_page_item a {
	color: #999;
}
.last
{
	border-right: 1px solid #FFF; 
	padding: 0px 0px 20px;
}
/*----------------------------
Main page
----------------------------*/
#layout_body
{
	width : 995px;
	margin : 0 auto;
	text-align : left;
}
.main 
{
	width : 995px;
	background-image: url(design/indhold.jpg);
}
/*----------------------------
Content
----------------------------*/
.clock
{
	background-image: url(design/clock.png);
	background-repeat:no-repeat;
	padding-left:13px;
}
.posted
{
	background-image: url(design/author.png);
	background-repeat:no-repeat;
	padding-left:13px;
}

.content, .wp-caption-text
{
float : right;
width : 720px;
padding : 0px 5px 0px 5px;
}
.content .postheader {
	text-decoration: none;
	color: #57648e;
}
.content .description {
	color: #57648e;
	margin-bottom: 6px;
}
.content li {
	margin-left: 0px;
	font-size: 0.9em;
}
.content ol, li {
	margin-left: 0px;
}
.postfooter {
	margin-top:35px;
	margin-bottom:30px;
	padding:5px 3px 5px 8px;
	border:1px solid #e3e4e4;
	background-color:#dbd9da;
	font-size:0.9em;
	color:#111;
}
.postfooter p
{
	padding-bottom:2px;
	
}
.gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
	padding:5px;
}
.sticky 
{
	border: none;
}
/* =Images
-------------------------------------------------------------- */

.main img {
	margin: 0;
	height: auto;
	max-width: 450px;
	width: auto;
}
.main .attachment img
{
	max-widt: 450px;
}
.main .alignleft,
.main img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.main .alignright,
.main img.alignright  {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.main .aligncenter,
.main img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.main img.alignleft,
.main img.alignright,
.main img.aligncenter {
	margin-bottom: 12px;
}
.main .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	max-width: 590px;
}
.main .wp-caption img {
	margin: 5px 5px 0;
}
.main.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
	max-width: 580px;
	border:none;
}
.main .wp-smiley {
	margin: 0;
}
.main .gallery {
	margin: 0 auto 18px;
}
.main .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.main .gallery img {
	border: 2px solid #e3e4e4;
}
.main .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
	width:100%;
	border:none;
}
.main .gallery dl {
	margin: 0;
}
.main .gallery img {
	border: 10px solid #e3e4e4;
}
.main .gallery br+br {
	display: none;
}
.main .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}
.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*----------------------------
Main left(Menu)
----------------------------*/
.sidenav {
	float: left;
	width: 200px;
	padding : 10px 0px 0px 40px;
}
.sidenav h1 {
	border-bottom: 1px dashed #DDD;
	color: #E73;
	font-size: 1.2em;
	height: 20px;
	margin-top: 1.2em;
}
.sidenav img {
	border: none;
}
.sidenav ul 
{
	text-transform: capitalize;
	margin: 0;
	padding: 0;
	font-size: 1.0em;
}
.sidenav li { 
	color: #111;
	list-style-type:none;
	margin: 0;
	padding: 0;
	font-size: 1.0em;
}
.sidenav li h3 
{ 
	font-size: 1.3em;
}
.sidenav li a {
	color: #57648e;
	font-size: 1.1em;
	padding: 3px -16px 3px 3px;
	text-decoration: none;
	
}
.sidenav li a:hover {
	color: #111;
	
}

/*----------------------------
footer
----------------------------*/
#container-footer 
{
	width : 995px;
	margin : 0 auto;
	text-align : center;
}

#footer  {

	background-image: url(design/footer.jpg);
	background-repeat:no-repeat;
	width: 995px;
	height: 160px;
	float:left;
}
#copy
{
	padding-top:108px;
	float:right;
	padding-right:20px;
	font-size:0.9em;
	color:#fff;
	
}
#footer a
{
	color:#fff;
	text-decoration:none;
}
/*----------------------------
Widgets
----------------------------*/

div#widgetzone{
	padding: 0;
	background: none;
	width:199px;
}

div#widgetzone .clear{
	clear: left;
}

div.widget{
	margin-bottom: 10px;
	width:199px;
	
	z-index: 1;
	min-width: 1px;
	clear: both;
}
div.widget .content{
	line-height: 16px;
	color: #666;
	width: 100%;
	float: none;
	margin: 0;
}

div.widget h3{
	font-size: 1.1em;
	border-bottom: 1px dashed #DDD;
	color: #111;
	padding-bottom: 5px;
	margin: 0;
	margin-bottom: 5px;	
	z-index: 0;
	letter-spacing: 1px;
}
div.widget h4, .widgettitle {
    border-bottom: 1px dashed #DDDDDD;
    color: #111111;
    font-size: 1.3em;
    letter-spacing: 1px;
    padding-bottom: 2px;
	padding-top: 15px;
    z-index: 0;
}
#widgetzone .widget .content ul {
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
	text-transform: capitalize;
}

#widgetzone .widget .content ul li {
	list-style: none !important;
	margin-left: 0;
	padding: 0;
	margin-bottom: 3px;

}

#widgetzone div.search{
	background: none;
	border: none;
}
#widgetzone img.rssButton {
	margin-right: 3px;
}

/*----------------------------
comment body
----------------------------*/
#container-comment
{
	width : 700px;
	margin : 0 auto;
	font-size:1.2em;
}
#commentheader
{
	margin: 10px 10px 0px 20px;
	padding: 25px 0px 0px 10px;
	background: url(design/comment-header.png) no-repeat;
}
#commentmain
{
	margin: 0px 30px 0px 30px;
	padding: 0px 10px 0px 10px;
	background: url(design/comment-main.png);
	color:#111;
}
#commentfooter
{
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 10px 10px;
	background: url(design/comment-footer.png) no-repeat;
}
#reply
{
	float:right;
	padding-right:35px;
}
#comments ol, li, ul
{
	list-style:none;
}
textarea#comment
{
	width: 96%; padding: 0; margin: 0; 
}
#submit
{
	width:200px;
	
}
.commentlist .bypostauthor, .url, .fn 
{
	color:#000;
	font-style:normal;
	text-decoration:none;
	
}
/*----------------------------
Calendar
----------------------------*/

#calendar_wrap {
	text-transform: capitalize;
	text-align:center;
	
}
#wp-calendar caption {
    background: none repeat scroll 0 0 #DBD9DA;
    margin: 2px 0;
    padding: 2px 4px;
}
#wp-calendar {
	border:thin solid #e3e4e4;
	margin: 0 auto;
	font-size: 1.0em;
	width: 100%;
}

.pad
{
	background-color: #F1F1F1;
}
#today
{
	border:thin solid #e3e4e4;
	background-color: #F1F1F1;
	font-weight:bold;
}
#prev, #next
{
	text-align: center; 
	background-color: #fff;
}
.calendar .other 
{
	background-color::#fff;
	color: silver;
}

.calendar a.exist {
	display: block;
	font-weight: bold;
	color: #000;
}

.calendar td, tr {
	vertical-align: top;
	background: white;
}