/*
Theme Name: Skijumping
Theme URI: http://skijumping.no
Description: Spesialtilpasset WordPress-tema for Skijumping.no
Author: Drumroll DA
Author URI: http://drumroll.no
Version: 1.0
.
General comments/license statement if any.
.
*/


/*================================================
	1	GENERELLE ELEMENTER */

body { background: #fff url(img/bg.jpg) repeat-y center top; color: #111; }

div { overflow: hidden; }

p, ul, ol, blockquote, object
{
	margin-bottom: 1.24em;
}

ul, ol { margin-left: 3em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }

ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }

dl
{
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 1.24em;
	overflow: hidden;
	width: 100%;
}
dt
{
	border-top: 1px solid #e5e5e5;
	clear: left;
	float: left;
	margin-bottom: 3px;
	padding-top: 3px;
	font-weight: bold;
	width: 25%;
}
dd
{
	border-top: 1px solid #e5e5e5;
	float: left;
	margin-bottom: 3px;
	padding-top: 3px;
	width: 75%;
}

blockquote
{
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	color: #666;
	font-size: 16px;
	font-style: italic;
	padding-top: 1.24em;
	text-align: center;
}

strong, b { font-weight: bold; }
em, i { font-style: italic; }

code { font-family: Consolas, Monaco, monospace; }

.clear { clear: both; }


/*================================================
	2	GENERELLE KLASSER */

.floatleft { float: left; margin: 0 10px 10px 0; }
.floatright { float: right; margin: 0 0 10px 10px; }
.alignleft { text-align: left; }
.alignright { text-align: right; }

span.adText
{
	clear: both;
	color: #666;
	font: 9px/12px Helvetica, Arial, Verdana, sans-serif;
	margin-bottom: 3px;
}


/*================================================
	3	GENERELL LAYOUT */

#wrapper
{
	margin: 0 auto !important;
	width: 960px;
}

/* ellers synes ikke menyen */
#header, #navigation { overflow: visible !important; }

#mainCol
{
	margin-top: 7px;
}

#A_col
{
	float: left;
	width: 160px;
}

#B_col
{
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	float: left;
	margin: 0 10px;
	padding: 0 10px;
	width: 426px;
}

#AB_col
{
	border-right: 1px solid #e5e5e5;
	float: left;
	margin-right: 10px;
	padding-right: 9px;
	width: 608px;
}

#C_col {}

#CD_col
{
	background-color: #f7f7f7;
	border-top: 1px solid #e5e5e5;
	float: right;
	margin: 10px 0;
	padding: 10px;
	width: 312px;
}


/*================================================
	4	TOPP OG NAVIGASJON */

#bannerTop
{
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 5px;
}

#navigation
{
	background-color: #333;
	height: 39px;
}

#navigation ul { list-style: none; padding: 0; margin: 0; }
#navigation ul li { position: relative; float: left; z-index: 9999; }
#navigation ul li a {
	color: #4cc4e6;
	cursor: pointer;
	display: block;
	font: 13px Helvetica, Arial, Verdana, sans-serif;
	line-height: 29px;
	padding: 5px 15px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}
#navigation li ul { position: absolute; left: -6000px; /* width: 280px; */ } 
#navigation ul.firstLevel li:hover ul.secondLevel, #navigation ul.firstLevel li.hover ul.secondLevel { left: 0; }
#navigation ul.secondLevel li:hover ul.thirdLevel, #navigation ul.secondLevel li.hover ul.thirdLevel { left: 100%; top: 0; }
#navigation li ul li { display: block; width: 100%; }
#navigation ul li li a {
	background: #333;
	padding: 0 15px;
	/* width: 150px; */
	cursor: pointer;
}
#navigation ul li a:hover, #navigation ul li a.highlight { background: #4cc4e6; color: #4c4c4c; }
#navigation ul li li a:hover, #navigation ul li li a.highlight { }
#navigation a.jentene { color: #d60f8b; }
#navigation a.jentene:hover { background-color: #d60f8b; color: #000; }

	#search
	{
		float: right;
		font: 11px/11px Helvetica, Arial, sans-serif;
		margin: 6px 6px 0 0;
	}
		
		#search input#s
		{
			background: transparent url(img/searchfield-bg.png) no-repeat top left;
			border: none;
			height: 12px;
			padding: 7px 6px;
			width: 168px;
		}
		
		#search input#searchsubmit
		{
			background: transparent url(img/search-btn.png) no-repeat top left;
			border: none;
			color: #fff;
			height: 26px;
			text-transform: uppercase;
			width: 67px;
		}


/*================================================
	5	INNHOLD */

#B_col, #AB_col
{
	font: 14px/21px Georgia, "Times New Roman", Times, serif;
}
	
#B_col a, #AB_col a
{
	color: #111;
	border-bottom: 1px dotted #4cc4e6;
	text-decoration: none;
}

	#B_col a:hover, #AB_col a:hover
	{
		background-color: rgb(225, 246, 251);
	}


/* ===== 5.1 FORSIDE + ARTIKKELSIDE ===== */

#B_col .front
{
	border-bottom: 1px solid #e1f5fc;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#B_col .post-image
{
	float: left;
}
	
	#B_col .post-image.post-video object,
	#AB_col .post-image.post-video object { margin-bottom: 0; }
	
	#B_col .post-image a,
	#AB_col .post-image a
	{
		background: none;
		border: none;
	}

#B_col .post-content
{
	float: left;
	width: 296px;
}

#B_col .front h1
{
	font: bold 20px/124% Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
}

	#B_col .front h1 a
	{
		border: none;
		color: #111;
		text-decoration: none;
	}
	
	#B_col .front h1 a:hover
	{
		background-color: rgb(225, 246, 251);
		border-bottom: 1px dotted #4cc4e6;
	}

#B_col .first h1
{
	font-size: 24px;
}

#B_col .front .excerpt
{
	font-size: 14px;
}

#B_col .first p, #AB_col p.excerpt
{
	font-size: 16px;
	font-style: italic;
}

#B_col .front p.readMore
{
	font: bold 12px/18px Helvetica, Arial, Verdana, sans-serif;
	white-space: nowrap;
}

#B_col .small h1
{
	font-size: 18px;
}

div.navigation
{
	margin-bottom: 1em;
}


/* ===== 5.1.1 ARTIKKELSIDE ===== */
	
	#AB_col h1 { font: bold 30px/124% Helvetica, Arial, sans-serif; margin-bottom: 15px; }
	#AB_col h2 { font: bold 16px/24px Helvetica, Arial, sans-serif; }
	#AB_col h3 { font-weight: bold; }
	
	#AB_col div.post-image { font: 11px Helvetica, Arial, Verdana, sans-serif; margin-bottom: 15px; }
	#AB_col div.post-image strong
	{
		font-weight: bold;
	}
	
	#AB_leftSingleCol
	{
		float: left;
		width: 440px;
	}
	
	#AB_rightSingleCol
	{
		float: right;
		width: 160px;
	}
	
	#meta_box
	{
		font: 11px Helvetica, Arial, Verdana, sans-serif;
	}
	
		#meta_box img.avatar
		{
			float: left;
			margin: 0 5px 2px 0;
		}
		
		#meta_box em
		{
			color: #333;
			font-style: normal;
			text-transform: uppercase;
		}
		
		#meta_box p:last-child
		{
			margin-bottom: 0;
		}


/* ===== 5.2 SIDEKOLONNE ===== */

#bannerSide
{
	float: left;
	margin-right: 10px;
	width: 160px;
}

#CD_col h3
{
	color: #0B92CC;
	font: bold 11px Helvetica, Arial, Verdana, sans-serif;
	margin-bottom: 6px;
	text-transform: uppercase;
}

#latestVideos p { font: bold 12px/18px Helvetica, Arial, Verdana, sans-serif; text-align: center; margin-bottom: 0; }
	#latestVideos p a { border-bottom: 1px dotted #4cc4e6; color: #000; text-decoration: none; }
	#latestVideos p a:hover { background-color: rgb(225, 246, 251); }
	
	#latestVideos div.youtube-user-videos { margin-bottom: 10px; }
	#latestVideos div.youtube-user-videos object { width: 312px; height: 200px; }
	#latestVideos div.youtube-nav a
	{
		background-color: #e5e5e5;
		color: #666;
		font: 11px Helvetica, Arial, Verdana, sans-serif;
		margin-right: 5px;
		padding: 3px 5px;
		text-decoration: none;
	}
	#latestVideos div.youtube-nav a.activeSlide
	{
		background-color: #fff;
		color: #000;
	}


/* ===== 5.3 KALENDER ===== */

a#vismer
{
	color: #666;
	font-weight: bold;
	text-decoration: none;
}


/* ===== 5.4 FLICKR ===== */

#flickr
{
	background-color: #f7f7f7;
	border-top: 1px solid #e5e5e5;
	margin-bottom: 20px;
	padding: 10px 9px 10px 10px;
}

#flickr p { font: bold 12px/18px Helvetica, Arial, Verdana, sans-serif; text-align: center; }

#flickrList { float: left; margin-left: 3px; width: 320px; }
#flickrList li
{
	display: inline;
	list-style-type: none;
	padding-right: 3px;
}

#flickrList li img
{
	height: 75px;
	width: 75px;
}

#flickrList a { background: transparent; border: none; line-height: 100%; }
#flickrList a:hover { background: transparent; }

#flickrList a img { border: 2px solid #f7f7f7; }
#flickrList a img:hover { border-color: #4cc4e6; }


/* ===== 5.5 KOMMENTARSKJEMA OG KOMMENTARER ===== */

#comments
{
	margin-top: 20px;
}

	#commentform { border-top: 1px solid #e5e5e5; }
	#commentform #formInputs
	{
		width: 48%;
	}
	
	#commentform #formInputs input
	{
		border: 1px solid #e5e5e5;
		color: #666;
		font: 11px Helvetica, Arial, Verdana, sans-serif;
		margin: 0 0 10px 0;
		padding: 5px;
		width: 90%;
	}
	#commentform #formInputs input:last-child { margin: 0; }
	
	#commentform textarea#comment
	{
		border: 1px solid #e5e5e5;
		color: #666;
		float: right;
		font: 11px Helvetica, Arial, Verdana, sans-serif;
		height: 83px;
		padding: 5px;
		width: 46%;
	}
	#commentform textarea#comment.fullsize
	{
		float: none;
		margin: 0 0 5px 0;
		width: 98% !important;
	}
	
	#commentform input#submit
	{
		background-color: #4cc4e6;
		border: none;
		clear: both;
		color: #fff;
		cursor: pointer;
		font: bold 11px Helvetica, Arial, Verdana, sans-serif;
		padding: 5px;
		text-transform: uppercase;
		width: 100%;
	}
	
	#commentform input:focus, #commentform textarea:focus { border-color: #4cc4e6 !important; }
	#commentform input#submit:focus { background-color: #82d6ee; }
	
	a.comment-reply-link,
	a#cancel-comment-reply-link
	{
		background-position: top right;
		background-repeat: no-repeat;
		border: none !important;
		float: right;
		height: 16px;
		text-indent: -9999px;
		width: 16px;
	}
	a.comment-reply-link { background-image: url(img/refresh.png); margin: 5px 0 10px 0; }
	a.comment-reply-link:hover { background-color: none !important; background-position: top left; }
	
	a#cancel-comment-reply-link { background-image: url(img/no.png); }
	a#cancel-comment-reply-link:hover { background-color: none !important; background-position: top left; }
	
	
	/* === KOMMENTARER === */
	
	#comments h2
	{
		color: #4cc4e6;
		font-size: 20px;
		font-weight: normal;
		margin-top: 10px;
	}
	
	#commentlist
	{
		font-size: 12px;
		line-height: 16px;
		margin: 10px 0 40px 0;
	}
	
		#commentlist li.depth-1
		{
			border-top: 1px solid #4cc4e6;
			clear: both;
			list-style-type: none;
			padding: 15px 10px;
		}
		
		#commentlist li.depth-2,
		#commentlist li.depth-3
		{
			border-top: 1px solid #4cc4e6;
			list-style-type: none;
			padding-top: 10px;
		}
		
			li.bypostauthor { background-color: #f7f7f7; }
		
		div.comment-author
		{
			float: left;
			width: 33%;
		}
		
			div.comment-author img.avatar
			{
				float: left;
				margin-right: 10px;
			}

			div.comment-author span.date a
			{
				border: none !important;
				color: #666 !important;
				font: 11px Helvetica, Arial, Verdana, sans-serif;
			}
		
		div.comment-content
		{
			float: right;
			width: 60%;
		}
			
			div.comment-content ol,
			div.comment-content ul
			{
				margin-bottom: 1.24em;
			}


/*================================================
	6	BUNN OG INFORMASJON */

#blogger li
{
	display: inline;
	float: left;
	margin: 4px 4px 0 0;
}
	
	#blogger li a
	{
		border: 2px solid #f7f7f7;
		display: block;
		height: 62px;
		width: 62px;
	}
	
	#blogger li a:hover
	{
		background: transparent;
		border: 2px solid #4cc4e6;
	}


/* ===== 6.1 SPONSORER ===== */

#sponsors
{
	background-color: #f7f7f7;
	border-top: 1px solid #e5e5e5;
	margin: 0 auto;
	padding: 20px;
	position: relative;
	text-align: center;
	width: 938px;
}

#sponsors span.top a
{
	border-bottom: 1px dotted #4cc4e6;
	color: #000;
	font: 9px Helvetica, Arial, Verdana, sans-serif;
	position: absolute;
	right: 10px;
	text-decoration: none;
	top: 10px;
}
#sponsors span.top a:hover { background-color: rgb(225, 246, 251); }

#sponsors p
{
	font: 13px/21px Georgia, "Times New Roman", Verdana, serif;
	font-style: italic;
	padding-top: 10px;
}
	
	ul#sponsorsBig
	{
		margin: 30px auto;
		width: 700px;
	}
	
	ul#sponsorsMedium
	{
		margin: 30px auto;
		width: 240px;
	}
	
	ul#sponsorsSmall
	{
		margin: 30px auto;
		width: 490px;
	}
		
		ul#sponsorsBig li,
		ul#sponsorsMedium li,
		ul#sponsorsSmall li
		{
			display: inline;
			float: left;
			list-style-type: none;
			margin: 0 20px;
		}
		
		ul#sponsorsBig li a,
		ul#sponsorsMedium li a,
		ul#sponsorsSmall li a { display: block; }
		
		ul#sponsorsMedium li a:hover, ul#sponsorsMedium li a:active,
		ul#sponsorsSmall li a:hover, ul#sponsorsSmall li a:active { background-position: bottom left; }
		
		body #sponsors ul#sponsorsBig li a span,
		body #sponsors ul#sponsorsMedium li a span,
		body #sponsors ul#sponsorsSmall li a span { display: none; }
		
		li.vg a:link, li.vg a:visited,
		li.konica a:link, li.konica a:visited,
		li.osram a:link, li.osram a:visited
		{
			background: url(img/sponsor_vg.jpg) bottom left no-repeat;
			width: 185px;
			height: 45px;
		}
		
		li.konica a:link, li.konica a:visited { background: url(img/sponsor_konica-minolta.jpg) bottom left no-repeat; }
		
		li.osram a:link, li.osram a:visited { background: url(img/sponsor_osram.jpg) bottom left no-repeat; }
		
		li.vg a:hover, li.vg a:active,
		li.konica a:hover, li.konica a:active,
		li.osram a:hover, li.osram a:active { background-position: top left; }
		
		li.buff a:link, li.buff a:visited
		{
			background: url(img/sponsor-buff.gif) no-repeat top left;
			height: 76px;
			width: 78px;
		}
		
		li.nestle a:link, li.nestle a:visited
		{
			background: url(img/sponsor-nestle.gif) no-repeat top left;
			height: 69px;
			width: 70px;
		}
		
		li.ah a:link, li.ah a:visited
		{
			background: url(img/sponsor-anlagenbau.gif) no-repeat top left;
			height: 42px;
			width: 168px;
		}
		
		li.teamkraft a:link, li.teamkraft a:visited
		{
			background: url(img/sponsor-teamkraft.gif) no-repeat top left;
			height: 39px;
			width: 83px;
		}
		
		li.casco a:link, li.casco a:visited
		{
			background: url(img/sponsor-casco.gif) no-repeat top left;
			height: 21px;
			width: 72px;
		}
		

/*================================================
	7	DIVERSE */

.listBox
{
	background-color: #f7f7f7;
	color: #666;
	font: 12px Georgia, "Times New Roman", Times, serif;
	line-height: 15px;
	margin-bottom: 10px;
	padding: 10px;
}
	
	.listBox h3, #flickr h3
	{
		color: #0B92CC;
		font: bold 11px Helvetica, Arial, Verdana, sans-serif;
		margin-bottom: 6px;
		text-transform: uppercase;
	}
	
	.listBox a
	{
		color: #000;
		text-decoration: none;
	}
	
	.listBox ul { list-style-type: none; margin: 0; }
	
	.listBox li { list-style: none; margin-bottom: 10px; }
	.listBox li:last-child { margin: 0; }
	.listBox li strong { text-transform: uppercase; }
	.listBox li a { border-bottom: 1px dotted #4cc4e6; color: #666; text-decoration: none; }
	.listBox li a:hover { background-color: rgb(225, 246, 251); border-bottom: 1px dotted #4cc4e6; }
	
	.listBox em, .listBox i { font-style: normal; }
	.listBox strong, .listBox b { font-weight: normal; }

ul.icons
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.icons li
{
	background-color: transparent;
	background-position: center left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 5px 0 5px 20px;
}
	
	ul.icons li.rss { background-image: url(img/icon_feed.gif); }
	ul.icons li.facebook { background-image: url(img/ikoner/facebook.png); }
	ul.icons li.twitter { background-image: url(img/ikoner/twitter.png); }
	ul.icons li.nettby { background-image: url(img/ikoner/nettby.gif); }
	ul.icons li.kudos { background-image: url(img/ikoner/kudos.gif); }
	ul.icons li.digg { background-image: url(img/ikoner/digg.gif); }
	ul.icons li.delicious { background-image: url(img/ikoner/delicious.gif); }
	ul.icons li.google { background-image: url(img/ikoner/google.gif); }
	
	/* dokumentformater */
	ul.icons li.pdf { background-image: url(img/ikoner/pdf.gif); }
	ul.icons li.pps, ul.icons li.pptx { background-image: url(img/ikoner/pps.gif); }
	ul.icons li.doc, ul.icons li.docx { background-image: url(img/ikoner/doc.gif); }
	ul.icons li.xls, ul.icons li.xlsx { background-image: url(img/ikoner/xls.gif); }
	ul.icons li.ical, ul.icons li.ics, ul.icons li.ifb, ul.icons li.icalendar { background-image: url(img/ikoner/ical.gif); }
	ul.icons li.generic { background-image: url(img/ikoner/generic.png); }
	
	ul.icons li a { border: none; text-decoration: none; }

#sponsors p.copyright
{
	color: #666;
	font: 11px Helvetica, Arial, Verdana, sans-serif;
}
	
	#sponsors p.copyright img
	{
		margin-top: 10px;
	}
	
	#sponsors p.copyright a
	{
		color: #111;
		text-decoration: none;
	}
		
		#sponsors p.copyright a:hover
		{
			background-color: #111;
			color: #eee;
		}

h1.title
{
	border-bottom: 1px solid #4cc4e6;
	font: bold 24px/30px Helvetica, Arial, Verdana, sans-serif;
	margin-bottom: 20px;
}


/* ===== 7.1 VIDEOER ===== */

body.videoer #B_col.youtube-videos,
body.arkiv #B_col
{
	width: 598px;
}

body.videoer #B_col h1,
body#category #B_col > h1
{
	border-bottom: 1px solid #4cc4e6;
	font: bold 24px/30px Helvetica, Arial, Verdana, sans-serif;
	margin-bottom: 10px;
}

body.videoer #B_col h2
{
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
}

body.videoer .youtube-video
{
	border-bottom: 1px solid #4cc4e6;
	margin-bottom: 19px;
	padding-bottom: 20px;
}
	
	body.videoer table div a
	{
		font-weight: bold;
	}


/* ==== 7.2 BILDER/VIDEOER I ARTIKLER ===== */

body#single div.wp-caption
{
	background-color: #f7f7f7;
	padding: 5px;
}
	
	body#single div.wp-caption p.wp-caption-text
	{
		color: #666;
		font: 11px Helvetica, Arial, Verdana, sans-serif;
		margin: 0;
	}
	
	.alignleft { float: left; margin: 0 10px 0 0; width: 120px !important; }
	.alignright { float: right; margin: 0 0 0 10px; width: 120px !important; }
	body#single div.wp-caption.alignnone { margin-bottom: 17px; }

body#single div.post div#AB_leftSingleCol img { height: auto; max-width: 440px; }

div.post-image object.post-video-big { width: 608px; height: 367px; }
div.post-image object.post-video-medium { width: 430px; height: 267px; }


/* ===== 7.3 KATEGORISIDE FOR HOPPERNE ===== */

body.category-4 #B_col h1,
#B_col h1
{
	font: bold italic 24px Georgia, "Times New Roman", Times, serif;
}

#B_col div.post
{
	border-bottom: 1px solid #4cc4e6;
	margin-bottom: 2em;
	padding-bottom: 1em;
}
#B_col div.post p.date, #B_col div.post p.meta { font: bold 11px Helvetica, Arial, Verdana, sans-serif; }
#B_col div.post p.date { margin-top: 10px; }


/* ===== 7.4 HOPPERBIO ===== */

div#hopperBio
{
	background-color: #e1f5fc;
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
	padding: 20px;
	width: 920px;
}

	div#hopperBio img
	{
		float: left;
		margin-right: 20px;
	}
	
	div#hopperBio h1
	{
		font: bold 18px Helvetica, Arial, Verdana, sans-serif;
		margin-bottom: 10px;
	}
	
	div#hopperBio p
	{
		line-height: 1.5em;
		margin-bottom: 0;
	}


/* ==== 7.5 ARKIV ===== */

body.arkiv #B_col h3
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

div#archive-col1, div#archive-col2 { width: 290px; }
div#archive-col1 { float: left; }
div#archive-col2 { float: right; }


/* ===== 7.6 HOPPBLOGGEN ===== */

body.hoppbloggen h2
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 1.5em;
}






#B_col img { max-width: 428px; height: auto; }
body#page #B_col h1 { margin-bottom: 1em; }
small { color: #999; font: normal 11px Helvetica, Arial, sans-serif; }


/*================================================
	8	BUGFIXES */

/* Fiks for å fjerne monsteravstand i videotabell */
table tr:nth-child(2) { display: none; }