﻿/*

Theme Name: Black skyline

Theme URI: http://w3blog.dk/?themedemo=blackskyline

Description:Black WordPress theme, Custom Menus,Custom Header,Post Thumbnails,Widget-ready Sidebar,Widget-ready Footer,Right Sidebar,Footer on post with tags, catagories,Styled footer,Header on post with images and “Edit” link,Comments on pages,Seo Friendly,Author info,2 menues,Dropdown Menu,Styled Sticky,Custom background,Translation ready,Styled Commentform  

Version: 1.1.3

Author: Jimmy Sigenstroem

Author URI: http://w3blog.dk/

Tags: black, two-columns, fixed-width, custom-header, custom-menu, white, red,translation-ready, sticky-post, threaded-comments, custom-menu, custom-background, custom-header



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 

------------------------------------------------------------------- */



html {

	font-size: 62.5%; /* reset 1em to 10px */

	height: 100%;

}

body

{
	font:1.3em Verdana,sans-serif;
	margin: 0;
	padding: 0;
	color: #FFF;
	background: url("design/baggrund.png") repeat-x scroll 0 0 #535353;
}

/* 

   Typography 

------------------------------------------------------------------- */

blockquote {

	background-image: url(design/quote.png);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left:1.5em;

	margin-left:15px;

	

}

blockquote:before, blockquote:after {

	content: '"';

	content: none;

}



p {

	line-height: 1.4em;

	padding: 0.2em 0 1.2em;

}



h1 {font: normal 3em Georgia,sans-serif;}

h2 {font: normal 2.1em Georgia,sans-serif;}

h3 {font: normal 1.6em Georgia,sans-serif;}

h4 {font: normal 1.4em Georgia,sans-serif;}

h5 {font: normal 1.6em Georgia,sans-serif;}

h6 {font: bold 1.2em Georgia,sans-serif;}



h1,h2,h3,h4,h5,h6 

{

	margin-bottom: 0.2em;

	clear:both;



}

/* 

   Header / Title 

------------------------------------------------------------------- */

#header 

{

	padding-top: 20px;



}

#header

{

	height:160px;

}



#titel h1

{

	color: #020202;

	font-size : 2.4em;

	padding-top: 25px;

	padding-left:50px;

	font-weight:bold;

	margin-bottom: 0.1em;

}

#titel h2

{

	color:#fff;

	font-size : 1.1em;

	padding-left:80px;

}

#titel 

{

	color: #998;

	padding: 0 16px;

}

#titel a 

{
	color: #FFF;
	text-decoration:none;
}

#titel a:hover 

{

		color: #fff;

}

/*

   Navi 

------------------------------------------------------------------- */

#wrapper-navigation

{

	

	margin: 0 auto;

	width: 960px;

	padding-right: 13px;

}

#navigation {



	width:100%;



	font: normal 0.9em Georgia,Tahoma,sans-serif;

}  

#navigation .menu-header,

div.menu {

    float: left;

	width: 960px;

	background-image: url(design/menu-hover.png);

	background-repeat:repeat;





}

#navigation .menu-header ul,

div.menu ul {

	list-style: none;

	margin: 0;

	

}

#navigation .menu ul li

{

	padding-left:10px;

}

#navigation .menu ul li ul li

{

	padding-left:0px;

}

#navigation .menu-header li,

div.menu li {

	float: left;

	position: relative;

}

#navigation a {

	font:normal 1.1em Verdana,sans-serif;

	display: block;

 	float:left;

	padding:8px 8px;

	text-decoration: none;

  	font-weight:normal;

  	letter-spacing:-1px;

  	position:relative;

	color:#fff;

}

#navigation a:hover

{

	display: block;

 	float:left;

	color: #fff;





}

li.current_page_item a .item-left  {left:0px;bottom:0px;position:absolute;width:6px;height:68px;}

li.current_page_item a .item-right  {right:0px;bottom:0px;position:absolute;width:6px;height:68px;}



ul.children .item-left, ul.sub-menu .item-left  {display:none;}

ul.children .item-right, ul.sub-menu .item-right  {display:none;}







#navigation ul ul {



	display: none;

	position: absolute;

	top: 29px;

	left: 0;

	float: left;

	width: 180px;

	z-index: 99999;

	

}

#navigation ul ul li {

	min-width: 180px;

}

#navigation ul ul ul {

	left: 100%;

	top: 0;

	

}

#navigation ul ul a:hover {

background-color:#342e2b;

}

#navigation ul ul a {

	background: #000;

	line-height: 1em;

	padding: 10px;

	width: 180px;

	height: auto;



}

#navigation li:hover > a,

#navigation ul ul :hover > a {



		background-image: url(design/menu.png);

	background-repeat:repeat-x;	

}

#navigation ul li:hover > ul {

	display: block;

	background: #000;

}



#navigation li.current_page_item a,#navigation li.current_page_parent a,#navigation li.current_page_ancestor a {

	color: #fff;





}



#navigation li.current_page_parent li a,

#navigation li.current_page_item ul li a, 

#navigation li.current_page_ancestor li.page_item a,

#navigation li.current_page_parent li.current_page_item .page_item a, 

#navigation li.current_page_ancestor li.current_page_ancestor li.page_item a,

#navigation li.current_page_ancestor li.current_page_ancestor li.current_page_item li.page_item a,

#navigation li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor li.page_item a

{

	color: #fff;

  background:#000;

  



}

li.current_page_item {



}





#navigation li.current_page_parent li a:hover,

#navigation li.current_page_item ul li a:hover,

#navigation li.current_page_ancestor li.page_item a:hover, 

#navigation li.current_page_parent li.current_page_item a,

#navigation li.current_page_ancestor li.current_page_parent a,

#navigation li.current_page_ancestor li.current_page_ancestor a,

#navigation li.current_page_parent li.current_page_item .page_item a:hover,

#navigation li.current_page_ancestor li.current_page_ancestor li.page_item a:hover,

#navigation li.current_page_ancestor li.current_page_ancestor li.current_page_item a,

#navigation li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor a,

#navigation li.current_page_ancestor li.current_page_ancestor li.current_page_item li.page_item a:hover,

#navigation li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor li.page_item a:hover,

#navigation li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor li.current_page_item a

{

	color: #fff;

  background: #000;;

  

}

/*

Top Navi

------------------------------------------------------------------- */

#wrapper-top-navigation

{

	clear:both;

	width:100%;

	background: url('design/menu-hover.png');

	background-repeat:repeat-x;

	float:left;

	margin-top:3px;

}

#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: 28px;

	left: 0;

	float: left;

	width: 180px;

	z-index: 99999;

	

}

#wrapper-top-navigation ul li:hover > ul {

	display: block;

	background: #000;

}

/* style all the links */

#wrapper-top-navigation a, #wrapper-top-navigation :visited 

{

	display:block;

	color:#fff;

	font: normal 0.9em Georgia,Tahoma,sans-serif;

	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 :hover

{

	background: url('design/menu.png');

	background-repeat:repeat-x;

}

#topmenu

{

	padding-left:10px;

	

}

/* 

   Content 

------------------------------------------------------------------- */

#main-content

{

	padding-top:47px;





}

.left_front_column, .entry-title, .page-title

{

    width: 607px;

    float:left;

    padding-left:25px;

    padding-right:35px;

    border-right:solid 1px #fff;



	

}

.right_front_column

{

    width: 270px;

    float:right;

    padding-right:50px;

    

}

.center_wrapper 

{
	margin: 0 auto;
	width: 990px;
	background-repeat:repeat-y;
	background-color: #333;
}

.clear,.clearer {clear: both;}

.left_front_column a:hover

{



	color:#333;

	text-decoration:none;

}

.left_front_column a

{

	color:#121212;

	text-decoration:underline;

}

#title 

{

	padding-top:35px;

	padding-bottom:0px;

}

#title a

{

	text-decoration:none;

		color:#121212;

}

#title a:hover

{

	text-decoration:underline;

	color:#333;

}

.entry ol, .entry ul 

{

	margin: 0 0 1.2em 0;

}

.entry li 

{

	padding: 2px 0;

	margin-left:20px;

}



.gallery-caption {

	color: #888;

	font-size: 12px;

	margin: 0 0 12px;

}

.page-link a:link, .page-link a:visited {

    background: none repeat scroll 0 0 #DBD9DA;

    color: #333333;

    font-weight: normal;

    padding: 0.5em 0.75em;

    text-decoration: none;

}

#entry-author-info

{

	padding-top:15px;

}

/* Commentlist

-------------------------------------------------------------- */

.commentlist {

    list-style: none outside none;

    margin: 0;

}

.commentlist li.comment {

    border: 1px solid #CCB;

    line-height: 24px;

    margin: 0 0 24px;

    position: relative;

}

.commentlist .children li 

{

    margin: 0;

}



.commentlist li:last-child {

    border-bottom: 1px solid #CCCCBB;

    margin-bottom: 0;

}

.commentlist .children

{

	list-style: none outside none;

	padding-top:10px;

	padding-left:2%;

	width:98%;

	

}

.commentlist ol, .commentlist ul 

{

	margin: 0 0 0 0;

}

.reply, .comment-body, .comment-meta, .comment-author, .byuser 

{

	padding:6px 6px 6px 6px;

	

}

.comment-body ol, .comment-body ul 

{

	margin: 0 0 1.2em 0;

}

.comment-body li 

{

	padding: 2px 0;

	margin-left:15px;

}

.comment-body li:last-child {

    border-bottom: none;

    margin-bottom: 0;

}

.url, .fn

{

	color:#f6aa16;

	font-style:normal;

}

.bypostauthor

{

	background-color: #F1F1F1;

	border:thin solid #c0c0c0;

	

}

.nav-previous {

	float: left;

	width: 50%;

}

.nav-next {

	float: right;

	text-align: right;

	width: 50%;

}

/* Sticky

-------------------------------------------------------------- */

.sticky 

{

    -moz-border-radius: 5px 5px 5px 5px;

    background: none repeat scroll 0 0 #535353;

    border: 1px solid #e3e4e4;

    margin: 15px 0 30px;

    padding: 5px 10px;

	color:#fff;

}

/* Table

-------------------------------------------------------------- */

.alternate

{

	background-color:#e6e3e1;

}

.left_front_column tr th,

.left_front_column thead th  {

		background: url('design/menu-hover.png');

	background-repeat:repeat-x;

	color:#fff;

	font-size: 12px;

	font-weight: bold;

	line-height: 18px;

	padding: 9px 24px 4px 24px;

}

.left_front_column tr td {

	border-top: 1px solid #e7e7e7;

	padding: 6px 24px;

}





/* Textarea

-------------------------------------------------------------- */

textarea#comment

{

	width: 96%; padding: 0; margin: 0; 

}

#respond p {

	padding: 0; margin: 0

}

.allowed_tags

{

	font-size:85%;	

}

#respond {

	

	margin: 34px 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;

}

.comment-form-email input, .comment-form-author input, .comment-form-url 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;

}

#commentluv #doluv

{

	width:30px;

}

/* Images

-------------------------------------------------------------- */



.left_front_column img {

	margin: 0;

	height: auto;

	 max-width: 98%;



}

.left_front_column .attachment img

{

	max-width: 450px;

}

.left_front_column .alignleft,

.left_front_column img.alignleft {

	display: inline;

	float: left;

	margin-right: 24px;

	margin-top: 4px;

}

.left_front_column .alignright,

.left_front_column img.alignright  {

	display: inline;

	float: right;

	margin-left: 24px;

	margin-top: 4px;

}

.left_front_column .aligncenter,

.left_front_column img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

	text-align:center;

}

.left_front_column img.alignleft,

.left_front_column img.alignright,

.left_front_column img.aligncenter {

	margin-bottom: 12px;

}

.left_front_column .wp-caption {

	background: #535353;

	line-height: 18px;

	margin-bottom: 20px;

	padding: 4px;

	max-width: 580px;

}

.left_front_column .wp-caption img {

	margin: 5px 5px 0;

}

.left_front_column .wp-caption p.wp-caption-text {

	color: #888;

	font-size: 12px;

	margin: 5px;

	max-width: 580px;

	border:none;

}

.left_front_column .wp-smiley {

	margin: 0;

}

.left_front_column .gallery {

	margin: 0 auto 18px;

}

.left_front_column .gallery .gallery-item {

	float: left;

	margin-top: 0;

	text-align: center;

	width: 33%;

}

.left_front_column .gallery img {

	border: 2px solid #cfcfcf;

}

.left_front_column .gallery .gallery-caption {

	color: #888;

	font-size: 12px;

	margin: 0 0 12px;

	width:100%;

	border:none;

}

.left_front_column .gallery dl {

	margin: 0;

}

.left_front_column .gallery br+br {

	display: none;

}

.left_front_column .attachment img { /* single attachment images should be centered */

	display: block;

	margin: 0 auto;

}

.aligncenter, div.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto;

}



/*

Post Header

--------------------------------------------------------------------*/

.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:30px;

	padding:2px 3px 3px 8px;

	border:thin solid #c0c0c0;

	background-color:#535353;

	font-size:0.9em;

	color:#fff;

	margin-bottom:25px;

}

.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;



}



.postfooter a {

    color: #FFFFFF;

    text-decoration: none;

}

.postfooter a:hover {

    color: #333333;

    text-decoration: underline;

}

/* 

   Footer 

------------------------------------------------------------------- */

#footer

{

    height: 150px;

	color:#999;

}



#content-footer

{

	margin: 0 auto;

	width: 977px;

}

#footer-main

{

	width: 957px;

	padding-left:10px;

	padding-right:10px;



}

#footer a:hover

{

	color:#fff;

	text-decoration:underline;

}

#footer a

{

	color:#999;

	text-decoration:none;

}

#footer-sidebar1

{

	padding-left:25px;

	float:left;

	width:273px;

	min-height:120px;

	padding-right:35px;

}

#footer-sidebar3

{

    width: 234px;

    float:right;

    padding-left:25px;

    padding-right:25px;

	min-height:120px;

}

#footer-sidebar2

{

	float:right;

	width:310px;

	min-height:120px;

	

}

#footer ul 

{

	display: inline;

}

#footer li

{

	list-style: none;

	

	

}

.center_wrapper-footer

{

	margin: 0 auto;

	width: 990px;

	background-image: url(design/footer-indhold.png);

	background-repeat:repeat-y;

}

#credit

{

	float:right;

	padding-right:35px;

}

/*

Sidebar Calendar

--------------------------------------------------------*/



.widget #calendar_wrap {

	text-transform: capitalize;

	width: 100%;

}

.right_front_column #wp-calendar caption {

    background: none repeat scroll 0 0 #535353;

    margin: 2px 0;

    padding: 2px 4px;

	color:#fff;

}

.right_front_column #wp-calendar {

	border: none;

	margin: 0 auto;

	font-size: 1.0em;

	width: 100%;

	text-align: center; 

}

.right_front_column #today

{

	background-color: #535353;

	font-weight:bold;

	color:#fff;

}

.right_front_column #prev, .right_front_column #next, .right_front_column .pad

{

	text-align: center; 

	

}

.right_front_column .calendar td {

	vertical-align: top;

	background: white;

}

.right_front_column #calendar_wrap a:hover

{

	color: #535353;

}

.right_front_column #wp-calendar a {

    font-style: italic;

    font-weight: bolder;

	background-color: #535353;

	display: block;

	color:#fff;

}

/*

Footer Calendar

--------------------------------------------------------*/



#footer #calendar_wrap {

	text-transform: capitalize;

	width: 100%;

}

#footer #wp-calendar caption {

    background: none repeat scroll 0 0 #535353;

    margin: 2px 0;

    padding: 2px 4px;

	color:#fff;

}

#footer #wp-calendar {

	border: none;

	margin: 0 auto;

	font-size: 1.0em;

	width: 100%;

	text-align: center; 

}

#footer #today

{

	background-color: #535353;

	font-weight:bold;

	color:#000;

	border:thin solid #fff;

}

#footer #prev, #footer #next, #footer .pad

{

	text-align: center; 

	background-color: #535353;

}

#footer .calendar td {

	vertical-align: top;

	background: white;

}

#footer #calendar_wrap a:hover

{

	color: #fff;

}

#footer #wp-calendar a {

    font-style: italic;

    font-weight:bold;

	color:#000;

	background-color: #535353;

	display: block;



}



/*----------------------------

widget

------------------------------*/

.widgettitle-sidebar

{

	color: #fff;

	background-image: url(design/menu-hover.png);

	background-repeat:repeat-x;

	padding:5px 0px 5px 5px;

}

.widget

{

	padding:5px 0px 5px 0px;



}

#footer-main h3

{

	color: #fff;

}

.right_front_column .widget a

{

	color:#535353;

	text-decoration:none;

}

.widget a:hover

{

	color:#000;

	text-decoration:underline;

}

.widget ol, .widget ul, .widget

{

	list-style: none outside none; 

} 

/* 

   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: #ccc;

	color: #222;

	line-height: 18px;

	margin-bottom: 18px;

	padding: 1.5em;

	font-size:1.2em;

}

abbr, acronym 

{

	border-bottom: 1px dotted #666;

	cursor: help;

}

sub {

    top: 0.5ex;

}

sup {

    bottom: 1ex;

}

sup, sub {

    height: 0;

    line-height: 1;

    position: relative;

    vertical-align: baseline;

}

strike

{

	text-decoration:line-through;

}

