/*
Theme Name: Blueline
Theme URI: http://w3blog.dk/download-wordpress-themes/blueline
Description: Blueline 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
Version: 2.0
Author: Jimmy Sigenstroem
Author URI: http://w3blog.dk
Tags: blue, white, two-columns, fixed-width, custom-header, custom-menu, translation-ready, left-sidebar

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

You can always download the lates version at the theme uri.
The theme top menu, doesn´t support more that a width of 720px large menu.

*/
/* 
   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-color:#fff;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 0;
	color:#111;
	padding-bottom: 1px; /* force scrollbars */
	
}
input {
	color: #111;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p{
	font-size: 1.1em;
	padding-bottom: 1.2em;
	
}
h1 {font: normal 2.0em Georgia,sans-serif;}
h2 {font: bold 1.3em Georgia,sans-serif;}
h3 {font: bold 1.3em Georgia,sans-serif;}
h4 {font: bold 1.3em Georgia,sans-serif;}
h5 {font: bold 1.3em Georgia,sans-serif;}
h6 {font: bold 1.3em Georgia,sans-serif;}

h1,h2,h3,h4,h5,h6 {margin-bottom: 0.2em; clear: both;}
h1,h2,h3 {
	color: #57648e;
	padding-top: 6px;
}
.alignright { text-align:right;}
.alignleft { text-align:left;}
.aligncenter  { text-align:center;}
/*----------------------------
Misc
----------------------------*/
.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;	
}

#postnavigation{
	height: 20px;
	margin-bottom: 10px;
	text-align: center;
	color: Gray;
}
/*----------------------------
Header
----------------------------*/
#header
{
	background-image: url(design/bg.jpg);
	background-repeat:repeat-x;
}
.banner
{
	background-image: url(design/header.jpg);
	background-repeat:no-repeat;
	width: 995px;
	height: 216px;
}
.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;
	height:134px;
}
.headertitle h1 
{
	padding-left:5px;
	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;
	
}
/*
Top Navi
------------------------------------------------------------------- */
#wrapper-top-navigation
{
	width:100%;
	float:left;

}

#wrapper-top-navigation ul
{
	list-style-type:none;
	padding:0;
	margin:0;
	display:block;
	
}
#wrapper-top-navigation li
{
	float:left;
	position:relative;
	list-style: none outside none;
}
#wrapper-top-navigation ul ul {

	display: none;
	position: absolute;
	top: 33px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
	
}
#wrapper-top-navigation ul li:hover > ul {
	display: block;
	background: #57648E;
}
/* style all the links */
#wrapper-top-navigation a, #wrapper-top-navigation :visited 
{
	display:block;
	color:#eeeeee;

	margin-right: 1px;
	padding: 10px 8px 10px 10px;
	text-align: left;
	text-decoration: none;
	
}
#wrapper-top-navigation ul ul a {
	
	line-height: 1em;
	padding: 10px 8px 10px 10px;

	height: auto;

}
#wrapper-top-navigation ul ul li {
	min-width: 180px;
}
#wrapper-top-navigation ul ul ul {
	left: 100%;
	top: 0;
	
}
/* style the links hover */
#wrapper-top-navigation a:hover
{
		color: #57648E;
  background:#E3E4E4;
}

/*----------------------------
Main page
----------------------------*/
#layout_body
{
	width : 995px;
	margin : 0 auto;
	text-align : left;
	background-image: url(design/indhold.jpg);
}
.main 
{
	width : 995px;

}
/*----------------------------
Content
----------------------------*/
.content
{
	float : right;
	max-width : 720px;
	padding : 0px 5px 0px 5px;
	width : 720px;
	font: normal 1.0em Verdana,sans-serif;
}
.wp-caption-text
{
		float : right;
	max-width : 720px;
	padding : 0px 5px 0px 5px;
	font: normal 1.0em Verdana,sans-serif;
}
.content .postheader {
	text-decoration: none;
	color: #57648e;
}
.content .description {
	color: #57648e;
	margin-bottom: 6px;
}
.entry li, .entry ol, .entry ul {

    line-height: 24px;
    margin: 0 10px;
    position: relative;
}

/*
Post Header
--------------------------------------------------------------------*/
.meta
{
	border-bottom: 1px dashed #DDD;
}
.clock
{
	background-image: url(design/clock.png);
	background-repeat:no-repeat;
	padding-left:18px;
	height:16px;
	padding-bottom:2px;
}
.posted
{
	background-image: url(design/author.png);
	background-repeat:no-repeat;
	padding-left:13px;
	margin-left:5px;
	height:16px;
}

/* Postfooter
-------------------------------------------------------------- */
.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;
	
}
.postfooter p
{
	padding-bottom:2px;
	
}
.commentbouble
{
	background-image: url(design/comment.png);
	background-repeat:no-repeat;
	padding-left:16px;
	height:16px;
}
.full_post
{
	background-image: url(design/full_post.png);
	background-repeat:no-repeat;
	padding-left:16px;
	height:16px;
	padding-bottom:5px;
	margin-bottom:5px;

}
.gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
	padding:5px;
}
/* =Images
-------------------------------------------------------------- */

.main img {
	margin: 0;
	height: auto;
 	max-width: 98%;
}
.main .attachment img
{
	max-width: 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;
	padding-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;
}
.entry ol, .entry ul 
{
	margin: 0 0 1.2em 0;
}

/*----------------------------
Main menu
----------------------------*/
#navigation
{
	width:100%;
	

}

#navigation ul
{
	list-style-type:none;
	padding:0;
	margin:0;
	display:block;

}
#navigation li
{
	
	position:relative;
	list-style: none outside none;
}
#navigation ul ul {

	display: none;
	position: absolute;
	top: 33px;
	left: 0;
	float: left;
	width: 200px;
	z-index: 99999;
	
}
#navigation ul li:hover > ul {
	display: block;
	background: #E3E4E4;
}
/* style all the links */
#navigation a, #navigation :visited 
{
	display:block;
	color:#57648E;

	margin-right: 1px;
	padding: 6px 8px 6px 3px;
	text-align: left;
	text-decoration: none;
	
}
#navigation ul ul a {
	
	line-height: 1em;
	padding: 8px 8px 8px 10px;
	display: block;
	height: auto;
}
#navigation ul ul li, #navigation ul li {
	width: 200px;
}
#navigation ul ul ul, #navigation ul ul {
	left: 100%;
	top: 0;
}
/* style the links hover */
#navigation a:hover
{
	color: #E3E4E4;
  	background:#57648E;
}

/*----------------------------
Widget zone
----------------------------*/

.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;
	
}
.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;
}
.footertitle h2
{
	padding-top:95px;
	float:left;
	padding-left:50px;
	
	color:#fff;
}
/*----------------------------
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
----------------------------*/

#reply
{
	text-align:right;
	padding-right:35px;
}

#submit
{
	width:200px;
	
}
.commentlist, .children, #comment ul, .children #comment ul .entry li  {
    list-style: none outside none;
    margin: 0;
}

#container-comment 
{
	width : 700px;
	margin : 0 auto;
}
#commentheader {
	margin: 10px 0px 0px 40px;
	padding: 25px 0px 0px 10px;
	background: url(design/comment-header.png) no-repeat;
}
#commentmain{
	margin: 0px 0px 0px 40px;
	padding: 0px 10px 0px 10px;
	background: url(design/comment-main.png) repeat-y;
	color:#111;
}
#commentfooter
{
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 10px 10px;
	background: url(design/comment-footer.png) no-repeat;
	height:22px;
}
.children #container-comment 
{
	width : 720px;
	margin : 0 auto;
}
.children #commentheader {
	margin: 10px 10px 0px 50px;
	padding: 25px 0px 0px 10px;
	background: url(design/comment-header.png) no-repeat;
}
.children #commentmain{
	margin: 0px 5px 0px 50px;
	padding: 0px 10px 0px 10px;
	background: url(design/comment-main.png) repeat-y;
	color:#111;
}
#commentmain li
{
	border:none;
	list-style:inherit;
	padding-left:10px;
	
}
.children #commentfooter
{
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 10px 10px;
	background: url(design/comment-footer.png) no-repeat;
}
.commentlist li.comment, .longmeta li.comment
{

    line-height: 24px;
    margin: 0 0 24px;
    position: relative;
	border:thin solid #c0c0c0;
	list-style:outside none;
	
}
.children li.comment {
    border:none;
}
#comments ul, #comments ol, #container-comment ul
{
	padding:0px;
	margin:0px;
}
#commentmain ul, #commentmain ol
{
	padding-left:10px;
}
#comments img, .longmeta li.comment img, #li-comment li.comment img
{
	padding-left:5px;	
	padding-top:5px;	
}
.children img
{
	padding-left:20px;
	
}
.children ul
{
	padding:0px;
	margin:0px;
	
}
.url, .fn
{
	color:#57648E;
	font-style:normal;
	text-transform : capitalize;
}
.bypostauthor
{
	background-color: #f3f3f3;
	border:thin solid #c0c0c0;
	color:#fff;
	
}
.comment-meta, .reply
{
	padding-left:5px;
}
.nav-previous {
	float: left;
	text-align: left;
}
.nav-next {
	float: right;
	

	
}
/* Sticky
-------------------------------------------------------------- */
.sticky 
{
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #E3E4E4;
    border: 1px solid #e3e4e4;
    margin: 15px 0 30px;
    padding: 5px 10px;
}
/*----------------------------
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;
	font-size:1.2em;
}
#wp-calendar {
	border:thin solid #e3e4e4;
	margin: 0 auto;
	font-size: 1.0em;
	width: 100%;
}
#wp-calendar a 
{
    font-weight: bolder;
}
.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;
}
/* 
   Definition list 
------------------------------------------------------------------- */
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
ins {
	background: #ffc;
	text-decoration: none;
}
cite,
em,
i {
	font-style: italic;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite, blockquote em, blockquote i 
{
	font-style: normal;
}
pre 
{
	background: #DBD9DA;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
	font-size:1.3em;
}
code, adress, kbd, tt
{
	font-size:1.3em;
}
abbr, acronym 
{
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup, sub 
{
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
strike
{
	text-decoration:line-through;
}
/* Table
-------------------------------------------------------------- */
.alternate
{
	background-color:#DBD9DA;
}
.content tr th,
.content thead th {
	color: #57648E;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
.content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
.content tr.odd td {
	background: #f2f7fc;
}
/* Textarea
-------------------------------------------------------------- */
textarea#comment
{
	width: 96%; padding: 0; margin: 0; 
}
#respond p {
	padding: 0; margin: 0
}
.allowed_tags
{
	font-size:85%;	
}
#respond {
	
	margin: 40px 0;
	overflow: hidden;
	position: relative;
}
#respond .comment-notes
{
	padding-bottom:10px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 50%;
	display:block;
}
#respond #author
{
	border:1px solid #ccc;
	height:20px;
	width:200px;
	background:#fefefe url(design/info.png) no-repeat 3px;
	padding-left:25px;
}
#respond #email
{
	border:1px solid #ccc;
	height:20px;
	width:200px;
	background:#fefefe url(design/mail.png) no-repeat 3px;
	padding-left:25px;
}
#respond #url
{
	border:1px solid #ccc;
	height:20px;
	width:200px;
	background:#fefefe url(design/home.png) no-repeat 3px;
	padding-left:25px;
}

#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}