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


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

body {color: #676767; font: 12px/1.2 Arial, Helvetica, sans-serif; background: #F4F4F4}

.fixForFancybox a {color: #3050A2; text-decoration: none; padding: 1px 2px; margin: 0 0px; position: relative; left: -2px}
.fixForFancybox a:hover {color: #fff; background: #3050A2;}

.bild-lank { padding: 0px; margin: 0 0px; position: relative; left: 0px}
.bild-lank:hover {background: none;}

a.pdf {background: url(images/pdf.png) no-repeat left top; padding: 4px 5px 4px 25px; display: inline-block; margin: 0; left: 0;}
a.pdf:hover {background: #3050A2 url(images/pdf.png) no-repeat left top;}

blockquote {padding: 20px 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 10px; font-style: italic; font-size: 18px;}

h1, h2, h3, h4, h5, h6 {font-weight: bold; margin-bottom: 10px;}
h1 {margin: 0 0 10px; font-weight: normal; font-size: 25px; color: #3050A2;}
h2 {font-size: 20px; font-weight: normal;}
h3 {font-size: 16px; font-weight: normal; border-bottom: 1px solid #c2c2c2; }
h4 {}
h5 {}

img {border: none;}

p {padding: 0 0 10px;}

td {vertical-align: top}

#mainWrapper { width: 960px; margin: 0 auto; overflow: hidden;}


#pageWrapperTop { background: url(images/bg.png) no-repeat; margin: 0px 0 0 ;}
#pageWrapperBottom {padding: 5px 10px 27px;  background: url(images/bg.png) no-repeat right bottom;}
#pageWrapper {background: #fff; padding: 20px;}


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

#header {position: relative; border-bottom: 0px solid #eee; padding: 0 10px; height: 125px;}
	
	#logo {
		display: block; 
		text-indent: -999999px; 
		width: 115px; 
		height: 90px; 
		float: left;
		margin: 5px 0px 20px 10px;
		background: url(images/batcofra.jpg) no-repeat left center;
		padding: 0px;
	}
	#logo:hover {}
	#header h1 {margin: 0px;}




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

#mainNav {float: right; position: relative;}
#mainNav li {float: left; margin: 0; padding: 0; position: relative;}
#mainNav .mittLinje {margin: 0 0 0 10px; color: #3050A2; padding: 1px 0 0 0;}
#mainNav li a {
	display: block;
	float: left;
	padding: 75px 8px 3px;
	text-transform: uppercase;
        margin: 0 0 0 8px;
}
.archive #mainNav .page-item-5 a,
.single #mainNav .page-item-5 a,
#mainNav li a:hover, 
#mainNav li.current_page_item a,
#mainNav li.current_page_ancestor a {background: #3050A2; color: #fff; text-decoration: none;}

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


.archive #mainNav .page-item-5 ul,
.single #mainNav .page-item-5 ul,
#mainNav .current_page_item ul,
#mainNav .current_page_parent ul,
#mainNav .current_page_ancestor ul {
    display: block; position: absolute; bottom: -30px; width: 950px; left: 0px;
}
.archive #mainNav .page-item-5 ul a,
.single #mainNav .page-item-5 ul a,
#mainNav .current_page_item ul a,
#mainNav .current_page_ancestor ul a {
	padding: 3px; text-transform: none; background: none; color: #3050A2;
}
.archive #mainNav .page-item-5 ul a:hover,
.single #mainNav .page-item-5 ul a:hover,
#mainNav .current_page_item ul a:hover,
#mainNav .current_page_ancestor ul a:hover,
#mainNav li ul .current_page_item a {
    background: #3050A2; color: #fff;
}
/*

.archive #mainNav .page-item-5 ul,
.single #mainNav .page-item-5 ul,
#mainNav .current_page_item ul,
#mainNav .current_page_parent ul,
#mainNav .current_page_ancestor ul {display: block; position: absolute; bottom: -30px;}

.archive #mainNav .page-item-5 ul a,
.single #mainNav .page-item-5 ul a,
#mainNav .current_page_item ul a,
#mainNav .current_page_ancestor ul a {
	padding: 3px; text-transform: none; background: none; color: #3050A2;
}
.archive #mainNav .page-item-5 ul a:hover,
.single #mainNav .page-item-5 ul a:hover,
#mainNav .current_page_item ul a:hover,
#mainNav .current_page_ancestor ul a:hover,
#mainNav li ul .current_page_item a {background: #3050A2; color: #fff;}



#mainNav .page-item-7 ul {left: 215px}
#mainNav .page-item-9 ul {left: 316px}
#mainNav .page-item-13 ul {left: 395px}
#mainNav .page-item-5 ul {right: 168px; left: auto;}
*/


/*---------------------------------------[   IMG   ]*/
#mainImg {height: 370px; width: 100%;  position: relative;}


.homeContent {width: 220px; position: absolute; top: 20px; left: 20px; background: none; height: 293px; padding: 20px; color: #3050A2; font-size: 16px;}
#homeContentBg { background: #fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90); /* internet explorer */
	-khtml-opacity: 0.9;      /* khtml, old safari */
	-moz-opacity: 0.9;       /* mozilla, netscape */
	opacity: 0.9;           /* fx, safari, opera */
}
#homeContent {}

#homeContent .knapp {
    position: absolute; 
    bottom: 20px; left: auto; right: 20px;
    display: block; 
    width: 85px;
    background: -moz-linear-gradient(90deg, #264593 0%, #4665B9 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#264593), to(#4665B9)) !important;
    background: #3050A2; color: #fff; 
    text-align: center; 
    font-size: 12px;
    padding: 5px 0;
}


#subImg {height: 200px; width: 100%;}



/*---------------------------------------[   subNav   ]*/

#subNav {border-bottom: 1px solid #B5B5B5; margin: 0 0 20px;}
    #subNav a {
        display: block;
        padding: 0px 10px 0px;
        height: 30px;
        line-height: 30px;
        color: #fff;
        text-decoration: none;
        border-top: 1px solid #B5B5B5;
        background: #aaf;
        }
    
    #subNav .first a {}
    #subNav .last a {}
    #subNav .current_page_item.first a {}
    #subNav .current_page_item.last a {}

    #subNav a:hover, #subNav ul .page_item a:hover {font-weight: bold;}
    #subNav .current_page_item a, #subNav ul .current_page_item a { color: #333; background: #99f }





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

#sidebar-1 {width: 200px; float: left; margin: 0 20px 0 0; background: #f1fafa; min-height: 20px;}





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

#content { padding: 20px 0;  background: #fff; }
.contentGeneral {width: 600px;float: left;}
.contentWide {width: 600px;float: left;}
.contentHome {width: 100%; float: none;}
	body .post, body .page {padding: 0 0 0px 0;}
	
        .blog .post, .archive .post {margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #C2C2C2}

	.post-title {margin: 0 0 10px}
	.post-title h2 {margin: 0px; font-weight: normal; font-size: 25px;}
	.postmetadata {font-size: 11px; color: #777;}
	
    .entry {margin: 0 0 0px 0;}
    .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: 280px; float: left; margin: 20px 0px 20px 20px; background: #fff;}
	
	#sidebar li {}


.widget {margin: 0 0 20px;}

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

#footer {clear: both; padding: 10px 10px 10px; margin: 10px 10px 50px; background: #C2C2C2; color: #fff;}

.hemsidor {float: left; width: 260px;}
#copyText {float: left; width: 400px; text-align: center;}
.youflick {float: left; width: 260px;}

#footer .footer-flickr, #footer .footer-youtube {display: block; float: right; height: 16px; text-indent: -9000px; width: 37px; background: url(images/flickr-youtube.png) no-repeat left bottom; margin: 0 0 0 10px; left: auto;}
#footer .footer-youtube {background-position: right bottom; width:41px}

#footer .footer-flickr:hover {background-position: left 0px;}
#footer .footer-youtube:hover {background-position: right 0px;}





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

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







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

.widgetPuff {border: 10px solid #C2C2C2; padding: 10px; font-size: 11px; position: relative; margin: 0 0 30px}
.puffTitle {color: #3050A2; font-size: 12px; text-transform: uppercase; margin: 0 0 15px}
.puffContent {}
.widgetPuff img {float: left; margin: 0 10px 0 0;}
.puffLank {float: right; display: block; line-height: 1;}


.puff-no-style {border: none; padding: 0px; font-size: 11px; position: relative;}
.puff-no-style .puffTitle {color: #3050A2; border-bottom: 1px solid #C2C2C2;}

#homePuffar {padding: 20px 10px; overflow: hidden; }
#homePuffar .widgetPuff {float: left; width: 260px; margin: 0 20px 0 0 ;}
#homePuffar .puff-3 {margin: 0px;}


.subPuff {margin: 40px 0 0 0;}



#sidebar-1 .widgetPuff {}
#sidebar .widgetPuff {}
#contentWidgets .widgetPuff {float:left;}
#footerWidgets .widgetPuff {}




/*---------------------------------------[   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 'PTSansRegular', 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: #000; width: 307px; cursor: pointer; text-align: center; padding: 0; float: none; clear: both; height: 25px; background: #fff}
#commentform #submit:hover {color: #777; border-color: #000;}

#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: 100%;}
.cform fieldset {border: none; margin: 0 0 10px; padding: 0;}
.cform legend {
    margin: 0px 0 0px;
    padding: 10px 0 15px;
    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: 250px; padding: 4px; font-size: 12px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #757575; background: none;}
.cform select {padding: 3px; width: 250px;}
.cform input:focus, .cform textarea:focus {}
.cform input {}
.cform textarea { clear: both; float: none; height: 120px; width: 250px}
.cform p {overflow: hidden;}
.cform .cf-sb {text-align: left}
.cform .sendbutton {bottom: 20px; left: auto; right: 20px;
    display: block; 
    width: 85px;
    background: -moz-linear-gradient(90deg, #264593 0%, #4665B9 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#264593), to(#4665B9)) !important;
    background: #3050A2; color: #fff; 
    text-align: center; 
    font-size: 12px;
    padding: 5px 0;}


/* checkboxar */
.cform .cf-box-title {display: none;}
.cform .cf-box-group {width: 100%}
.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;}





/*---------------------------------------[   Slideshow   ]*/
#slide-container {
	width: 450px; 
	height: 388px; 
	border: 1px solid #BDBDBD;
	overflow: hidden;
	margin: 0px ;
	position: relative;

}
#slide-container ul, #slide-container li {padding: 0px; margin: 0px; list-style: none;}
#slide-slide-wrap {
	width: 450px; 
	height: 388px; 
	overflow: hidden;
	position: relative;
	background: #BDBDBD;
}
#slide-slide {height: 388px;}
/* SLIDES */
.slide-prev, .slide-next {display: none; position: absolute; width: 34px; height: 68px; left: 0; top: 135px; background: url(images/next-prev.png) no-repeat right top; cursor: pointer; z-index: 10;}
.slide-next {background-position: left top; right: 0; left: auto;}
.slides {width: 450px; height: 388px; position: relative;}
.texten {position: absolute; bottom: 0; left: 0; color: #111; height: 40px; background: #BDBDBD; width: 430px; padding: 10px;}
#slide-1 {background: #f33;}
#slide-2 {background: #3f3}
#slide-3 {background: #33f;}
/* NAV */
#slideNav {}
#slideNav a {}







.referensTable {margin: 0 0 20px}
.referensTable img {height: auto; width: 240px;}
.referensTable td {padding: 0 0 20px;}


#referenser {margin: 0 0 0 -20px;}
#referenser a {background: none;}
#referenser a:hover {color: #3050A2;}
#referenser a:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80); /* internet explorer */
	-khtml-opacity: 0.8;      /* khtml, old safari */
	-moz-opacity: 0.8;       /* mozilla, netscape */
	opacity: 0.8;           /* fx, safari, opera */
}
.ref-bild {margin: 0 0 20px 20px; float: left; width: 290px;}


.ref-imgages {overflow: hidden; position: relative; z-index: 1;}
.ref-imgages .no-bg {left: 0px; padding: 0px;}
#ref-hidden-images, #ref-hidden-images img {position: absolute; width: 280px; height: 150px; top: 0px; left: 0px; z-index: -1;}