@import url("css/reset.css");
/*
Theme Name: Harling
Theme URI: http://dinwebb.nu/
Description: Skapat av dinwebb för Harling
Version: 1.0
Author: Dinwebb
Author URI: http://dinwebb.nu

dark-grey:       #9b9b9b
red:             #cb4039

*/

img.upp-50 {margin: -50px 0 0 10px;}

/*---------------------------------------[   General   ]*/

@font-face {
	font-family: 'Colaborate-ThinRegular';
	src: url('colaborate/ColabThi-webfont.eot');
	src: local('☺'), url('colaborate/ColabThi-webfont.woff') format('woff'), url('colaborate/ColabThi-webfont.ttf') format('truetype'), url('colaborate/ColabThi-webfont.svg#webfontlTtgBYxa') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ITCFranklinGothicStdHeavy';
	src: url('franklin/itcfranklingothicstd-hvy-webfont.eot');
	src: local('☺'), url('franklin/itcfranklingothicstd-hvy-webfont.woff') format('woff'), url('franklin/itcfranklingothicstd-hvy-webfont.ttf') format('truetype'), url('franklin/itcfranklingothicstd-hvy-webfont.svg#webfontu13qzPW3') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {color: #ddd; font: 12px/1.8 Arial, Helvetica, sans-serif; background: #000; border-top: 5px solid #fff;}

a {color: #cb4039; text-decoration: none;}
a:hover {color: #ccc;}

blockquote {padding: 0 0 0 20px; margin: 0; font-size: 11px; color: #8f8f8f; background: url(images/blockquote.gif) no-repeat 0px 2px}
blockquote p {padding: 0 0 10px; }

h1, h2, h3, h4, h5, h6 {font-weight: normal; margin-bottom: 15px; line-height: 1.1}
h1 {font-size: 60px; color: #fff; font-family: 'Colaborate-ThinRegular', Arial, Helvetica, sans-serif}
h2 {font-size: 20px; color: #cb4039; font-family: 'Colaborate-ThinRegular', Arial, Helvetica, sans-serif}
h3 {font-size: 25px; font-weight: normal; font-family: 'Colaborate-ThinRegular', Arial, Helvetica, sans-serif}
h4 {font-size: 17px; color: #fff; margin-bottom: 5px;}
h5 {}

img {border: none;}

p {padding: 0 0 15px;}

table img {vertical-align: top;}
table {margin: 0 0 15px;}

#mainWrapper { width: 890px; margin: 0 auto; }
#pageWrapper {padding: 0 0px 0;}




/*---------------------------------------[   Header   ]*/

#header {position: relative; float: left; width: 100%; margin: 0 0 80px;}

    #logo {margin: 0px;}
    #logo a{
        display: block; 
        text-indent: -999999px; 
        width: 200px; 
        height: 63px; 
        float: left;
        background: url(images/harling-logo.gif) no-repeat left center;
        margin: 0px 0;
    }
    #logo a:hover {}



/*---------------------------------------[   mainNav   ]*/

#mainNav {position: absolute; right: 0px; bottom: 0px;}
#mainNav li {float: left; position: relative;}
#mainNav .mittLinje {margin: 0 10px; font-size: 10px; line-height: 13px; color: #9b9b9b}
#mainNav li a {
    display: block;
    float: left;
    padding: 0px;
    margin: 0 0 0 0px;
    color: #9b9b9b;
    text-transform: uppercase;
    font-size: 11px;
}
#mainNav li a:hover, 
#mainNav li.current_page_item a,
#mainNav li.current_page_parent a,
#mainNav li.current_page_ancestor a {
    color: #C94038;
}

/*   lvl 2   */
#mainNav ul {display: none;}




#harlingTipsar {height: 240px; position: absolute; top: -240px; right: 0px; width: 650px; background: #fff;}
#tipsH2 {position: absolute; top: 20px; left: 30px; z-index: 10;}
#allTips {margin: 0 8px 8px; background: #2b2b2b; height: 232px; width: 634px; overflow: hidden; position: relative;}
#allTips .tips { height: 232px; width: 634px; }
#allTips .tips-space {padding: 70px 65px 20px;}
.tip-arr {position: absolute; width: 25px; height: 40px; background: #fff; top: 50%; margin: -25px 0 0; left: 8px; cursor: pointer; z-index: 10; line-height: 1px; font-size: 1px; overflow: hidden;}
.tip-arr div {height: 0; width: 0; position: absolute; top: 10px; left: 5px; border-top: 10px solid #fff; border-right: 10px solid #DA3C33; border-bottom: 10px solid #fff;}
#tipArrRight {left: auto; right: 8px;}
#tipArrRight div {border-left: 10px solid #DA3C33; border-right: none; left: auto; right: 5px;}


#harlingTipsarButton {position: absolute; bottom: -30px; right: -0px; background: #fff; height: 30px; line-height: 30px; width: 100px; padding: 0 10px; color: #000; font-weight: bold; cursor: pointer;}
.tips-arr {height: 0; width: 0; position: absolute; top: 12px; right: 10px; line-height: 1px; font-size: 1px; overflow: hidden;
    border-top: 7px solid #DA3C33; border-left: 7px solid #fff; border-right: 7px solid #fff;}
.harling-open .tips-arr { border-top: none; border-bottom: 7px solid #DA3C33;}



/*---------------------------------------[   mainImg subImg  ]*/

#mainImg {}

#subImg {padding: 9px; border: 1px solid #ddd; margin: 20px 0; max-width: 940px;}







/*---------------------------------------[   subNavWidget   ]*/

#subNavWidget {width: 200px; float: left; margin: 0 40px 0 0; background: none; min-height: 20px;}
    #subNavWidget .page_item a {
        display: block;
        padding: 0px 10px 0px 20px;
        color: #6d6d6d;
        text-decoration: none;
        background: url(images/dark-tab.png) no-repeat 0px 10px;
        font: normal 20px/35px 'ITCFranklinGothicStdHeavy', Impact, Charcoal, sans-serif;
        }

    #subNavWidget .page_item a:hover, #subNavWidget ul .page_item a:hover {color: #aaa;}
    #subNavWidget .current_page_item a, #subNavWidget ul .current_page_item a { color: #fff; background-image: url(images/red-tab.png); }
    #subNavWidget .last {margin-bottom: 40px;}







/*---------------------------------------[   Content   ]*/

#content { padding: 0px; float: left;}
.contentGeneral {width: 650px;}
.contentWide, .homepage-content {width: 890px;}

	body .post, body .page {padding: 0 0 20px 0;}
	
	.post-title {margin: 0 0 10px}
	.post-title h2 {margin: 0px;}
	.postmetadata {font-size: 11px; color: #777;}
	
    .entry {}
    .entry ul {list-style: disc outside; margin: 0 0 10px 15px}
    .entry ul li {list-style: disc outside;}
    .entry ol {list-style: disc outside; margin: 0 0 10px 20px}
    .entry ol li {list-style: decimal outside;}
	



/*---------------------------------------[   Sidebar   ]*/

#sidebar {width: 200px; float: left; margin: 0 0 0 20px; background: #fafaf1;}
	
	#sidebar li {}





#carbon {width: 100%; background: url(images/carbon2.gif) repeat-x left top; min-height: 72px;}




/*---------------------------------------[   Footer   ]*/

#overFooter {width: 890px; margin: 30px auto 30px; overflow: hidden;}
#footerList {float: left; width: 50%;}
#footerList ul {float: left; padding: 0 20px 0 0;}
#footerList a {color: #4c4c4c; background: url(images/link-arr.gif) no-repeat 0px 5px; padding: 0 0 0 10px;}
#footerList a:hover {color: #fff; background-image: url(images/link-arr-hover.gif);}

#footerKontakt {float: left; width: 50%;}
#footerKontakt h2 {text-align: right; color: #fff;}
#footerKontakt strong {color: #cb4039; font-weight: normal;}

#footer {clear: both; width: 960px; margin: 0px auto 20px; padding: 20px 0; border-top: 1px solid #2b2b2b; color: #4c4c4c;}
#footer a {color: #fff;}
#footerText {width: 700px; text-align: center; margin: 0 auto 30px;}
#copyText {text-align: center; width. 100%;}
.dinwebb {float: right; margin: 2px 0 0;}



/*---------------------------------------[   Ovrigt   ]*/

.redigera {background: url(images/edit.png) no-repeat left center; padding: 0 0 0 20px; height: 20px; line-height: 20px;}


.knapp {color: #fff; background:#454545; border: 1px solid #5b5b5b; display: inline-block; line-height: 30px; padding: 0 10px; margin: 0 10px 0 0; }
.knapp:hover {color: #fff; background:#5b5b5b; border: 1px solid #454545; margin: 0px 10px 0 0; }


/*---------------------------------------[   Puff   ]*/

.ps_puff {}
.ps_puff .widget_title {}
.widget-content {}


/*---------------------------------------[   Galleri   ]*/

.gallery {overflow: hidden;}
.gallery .gallery-item {float: left; margin: 0 20px 20px 0;}
.gallery .last {margin: 0 0 20px 1px;}
.gallery img {width: 208px;}




/*---------------------------------------[   Comments   ]*/

#respond {padding: 0 0px}

#respond li{padding: 3px 0;}
#respond code, #respond small {font-size: 14px;}

#commentform input, #commentform textarea {padding: 2px; font: 13px Arial, "Helvetica Neue", Helvetica, sans-serif; border: 1px solid #ddd}
#commentform input {width: 200px;}
#commentform textarea {width: 300px; height: 100px; float: none; clear: both;}
#commentform label {display: block; width: 100px; float: left; padding: 5px 0 0;}
#commentform small {}
#commentform #submit {border: 1px solid #ddd; margin: 10px 200px 0 0px; background: none; color: #1A82F7; width: 307px; cursor: pointer; text-align: center; padding: 0; float: none; clear: both; height: 25px; background: #fff}
#commentform #submit:hover {color: #777; border-color: #1A82F7;}

#comments {padding: 10px 0px;}


ol.commentlist { list-style:none; margin:0 0 10px; padding:0; text-indent:0; border-top: 1px solid #ddd;}
ol.commentlist li { list-style:none;}

ol.commentlist li.comment { border-bottom: 1px solid #ddd; padding:10px 20px; position: relative; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {font-size:20px}
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {text-decoration: none;}
ol.commentlist li.comment div.vcard img.avatar { border:1px solid #ddd; background: #aaa; float:left; padding:2px; margin: 0 7px 0 0;}
ol.commentlist li.comment p { clear: both; margin: 0px 0 0 0;}
ol.commentlist li.comment div.comment-meta { font-size:9px; padding: 0 0 10px}
ol.commentlist li.comment div.comment-meta a { color:#999; background: none;}
ol.commentlist li.comment div.comment-meta a:hover { color:#777; background: none;}

ol.commentlist li.comment div.reply {text-align: right; position: absolute; top: 5px; right: 20px;}
ol.commentlist li.comment div.reply a { font: bold 9px/20px Tahoma;}
ol.commentlist li.comment:hover .reply a{}
ol.commentlist li.comment .reply a:hover{ color: #777;}

ol.commentlist li.comment ul.children { list-style:none; margin:10px 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li.depth-2 { border-left:0px solid #666; margin:0 0 0px 0px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:0px solid #999; margin:0 0; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:0px solid #bbb; margin:0 0; }
ol.commentlist li.comment ul.children li.depth-5 { border-left:0px solid #ddd;}

ol.commentlist li.even { background:#eee; }
ol.commentlist li.odd { background:#fff; }
ol.commentlist li.bypostauthor {background: #111;}
ol.commentlist li.parent { border-left:0px solid #444; }




/*---------------------------------------[   Cform   ]*/

.cform {width: 530px; margin: 30px 0;  overflow: hidden; }
.cform fieldset {border: none; margin: 0 0 10px; padding: 0;}
.cform legend {
    margin: 0px 0 0px;
    padding: 0px 0 5px;
    line-height: 1.1; 
    color: #39457b;
    font-weight: bold;
}
.cform ol {list-style: none; padding: 0; margin: 0}
.cform li {overflow: hidden; padding: 0px 0 10px; float: left; width: 50%;}
.cform label {display: block; width: 100%; padding: 0 0 2px;}
.cform input, .cform textarea, .cform select { border: 1px solid #ddd; width: 230px; padding: 2px; font-size: 12px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #757575; background: #fff;}
.cform select {padding: 1px; width: 235px;}
.cform input:focus, .cform textarea:focus {}
.cform input {}
.cform textarea { clear: both; float: none; height: 120px; width: 512px}
.cform p {}
.cform .cf-sb {text-align: right; clear: both;}
.cform .sendbutton {cursor: pointer; width: 80px; background: #454545; color: #fff; font-style: normal; margin: 0 12px 0; border: 1px solid #5b5b5b;}
.cform .sendbutton:hover {background: #5b5b5b}


/* checkboxar */
.cform .cf-box-title {}
.cform .cf-box-group label {float: none; width: auto; display: inline; padding: 0 20px 0 5px; top: -3px; position: relative;}
.cform .cf-box-group input {float: none; width: auto; height: 15px; }

/* submit messages */
.cf_info {padding: 0px 0; color: #333; font-weight: bold;}
.failure {color: #e33; padding: 10px 0;}
.success {color: #3C9C05; padding: 10px 0;}
.cform .cf_error {border: 1px solid #e33}
.cform .cf_li_err {}

/* other */
.emailreqtxt, .reqtxt {display: none;}
.cform .cf_hidden {display: none;}
.cform .oblig {font-size: 10px;}
.linklove {display: none;}


#li--5 {width: 100%;}
#li--2, #li--4 {padding-left: 20px; width: 240px;}



/*---------------------------------------[   wp pageNavi   ]*/

.wp-pagenavi {display: block; clear: both; margin-bottom: 20px; background: none; line-height: 2; text-align: center;}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 3px 8px 3px 8px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #4B6A94;
	color: #4B6A94;
	background: none;	
}
.wp-pagenavi a:visited {
	color: #4B6A94;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #4B6A94;
	color: #fff;
	background-color: #4B6A94;
}
.wp-pagenavi a:active {
}
.wp-pagenavi span.pages {
	padding: 3px 8px 3px 8px; 
	margin: 2px 2px 2px 2px;
	color: #fff;
	border: 1px solid #4B6A94;
	background-color: #4B6A94;
}
.wp-pagenavi span.current {
	padding: 3px 8px 3px 8px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #4B6A94;
	color: #fff;
	background-color: #4B6A94;
}
.wp-pagenavi span.extend {
	padding: 3px 8px 3px 8px; 
	margin: 2px;	
	border: 1px solid #4B6A94;
	color: #4B6A94;
	background: none;
}












#tabbar {background: #292929; }
.center-tabbar {width: 890px; margin: auto; position: relative;}

#tabNav {position: absolute; top: -51px;}
#tabNav a {
    display:block; float:left; 
    height: 48px; margin: 0 1px 0 0; padding: 0 20px 0 40px; 
    background: #292929 url(images/dark-tab.png) no-repeat 18px 18px; border-top: 1px solid #464646;
    font: normal 20px/50px 'ITCFranklinGothicStdHeavy', Impact, Charcoal, sans-serif; color: #6d6d6d;
}
#tabNav a:hover {color: #aaa}
#tabNav a.current {height: 50px; background-image: url(images/red-tab.png); color: #fff;}

#tabbar .tab {display: block; padding: 30px 0;}
#tabbar .hide {position: absolute; top: -99999px; left: -999999px;}