/* 
Theme Name: NRK Super
URI: http://nrksuper.no
Description: Default-theme for NRK Super.
Version: 2.0
Author: Fredrik Thoresen
Author URI: http://nrk.no 
*/

/* CSS reset from
 * http://meyerweb.com/eric/tools/css/reset/index.html */
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, sup, 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; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins {	text-decoration: none; }
del {	text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }

/* General styling for NRK Super */
body { background:#2289b4 url(/super/wp-content/themes/default/gfx/julebakg_1920.jpg) 50% 52px no-repeat !important; text-align: left; color: #3e3e3e; font: 15px / 1.4em 'Helvetica', Arial, 'FreeSans', Sans-Serif; }

/* JUL 2011 #2289b4 url(/super/wp-content/themes/default/gfx/julebakg_1920.jpg) no-repeat*/

/* background set to important to override bp bg. */

/* NRK Super style basics */
h1 { font-size: 2.2em; line-height: 2em; }
h2 { font-size: 1.7em; line-height: 1.1em; margin:3px 0; color:#10c6e8; }
h3 { font-size: 1.3em; line-height: 1.2em; } /*text-shadow:0 0 1px #10c6e8;**/
a { color: #10c6e8; text-decoration: none; outline: 0; }
a:hover { color: #383838;}
ul, ol { list-style-type: none;}
/* Article content should display proper bullet points */
.singleentry ul { list-style-type:circle; padding-bottom:1.1em;margin-left:30px;}
.singleentry ol { list-style-type:decimal;padding-bottom:1.1em;margin-left:30px;}
.singleentry {clear:both}
.commentlist li{list-style-type:none;}
.clear { clear: both; }
.alignleft { float:left; padding-right:1em;}
.alignright { float:right !important; padding-left:1em; }
.aligncenter {text-align:center;}

textarea, input {font-family: 'Helvetica', Arial, 'FreeSans', Sans-Serif;}

.odd {margin-right:20px;} /* use this on article list */

/* global top menu */
#supertopp {background:#81725e;	height:53px;}
#supertopp ul {width:980px;margin:0 auto;background:#81725e;height:53px;}
#supertopp ul li {font-size:20px;}

#superSearchField {border:none;}
.searchInput {height:20px;float:left;padding:3px;margin-right:10px;font-weight:bold;font-size:15px;letter-spacing:0.1em;}
.super_linkbutton {padding:3px 10px;border:1px solid #fff;color:#fff;background:#10c6e8;font-weight:bold;font-size:20px;} /* common styling for buttons */
.super_linkbutton:active {position:relative;top:3px;left:2px;}

.super_shortcuts{background:#10c6e8;}
.super_search{background:#2df31d;padding:3px 10px;height:29px;}
.super_member{background:#f56400;}

.global_nav {display:inline;float:left;margin:9px 20px 0 10px;}
.global_nav a {color:#fff;font-weight:bold;}
.global_nav img {margin-top:-12px}

/* Global top menu dropdowns */
#global_shortcuts, #global_login {float:left;display:none;width:100%;position:relative;color:#fff;}
#global_login li {padding:5px;float:left;margin-right:10px;font-size:20px;}
#global_login label {padding:10px;line-height:2em;}
#global_login input {padding:4px;}
#global_login a {color:#fff !important; font-size:12px;line-height:1em;}
#global_login ul {border:0px;margin:0 auto;width:980px;}

#loginboxform fieldset {border:0;margin-left:160px;}

/* Dropdown shortcuts menu */
#global_shortcuts ul {list-style: none; width:980px;margin:0 auto;}
#global_shortcuts li {float:left;width:12em;padding:5px;}
#global_shortcuts li a {color:#fff;}
#global_shortcuts li a:hover {color:#000;}
.prog_desc {display:none;position:absolute;right:180px;top:50px;width:115px;font-size:0.9em;line-height:1.1em;}

/* contains supermenu with main navigation icons */
#superheader { padding: 0; width:980px; margin: 0 auto;padding-top:5px; }

/* SUPERMENU : Main menu for NRK Super */
#supermenu { float:left; margin-left:3px; }
	#supermenu li { padding: 0; cursor: pointer; float: left; margin:0 -13px;width: 118px; height: 111px; background-image: url(gfx/icons/superflaps4_nn.png); }
	#supermenu a { display: block; height: 109px; text-indent: -9999px; outline: none; }
#hjem { background-position: 0 -272px; }
	#hjem.active, #hjem:hover { background-position: -5px -393px; }
#tv { background-position: 0 -756px; }
	#tv.active, #tv:hover { background-position: 0 -877px; }
#spill { background-position: 0 -1482px; }
	#spill.active, #spill:hover { background-position: 0 -1603px; }
#medlem { background-position: 0 -534px; }
	#medlem.active, #medlem:hover { background-position: 0 -655px; }
#radio { background-position: 0 -1240px; }
	#radio.active, #radio:hover { background-position: 0 -1361px; }
#program { background-position: 0 -998px; }
	#program.active, #program:hover { background-position: 0 -1119px; }
#barnetv { background-position: 0 -30px; }
	#barnetv.active, #barnetv:hover { background-position: 0 -151px; }

#tab-barne-tv img {position:relative;/*top:-19px;*/margin-bottom:-25px;margin-left:-7px;}

/* SUBMENU : Underlying submenu for each activated menu item. color from classname in draw_superheader. */
#submenu {display: inline;float:left; margin:0 -1px;height: 45px;width:982px;font-weight:bold;font-size:16px;border-radius:0 8px 0 0;}
#submenu li { float: left;padding:7px;padding-left:10px;background: url(gfx/subnavskille2.png) repeat-y}
#submenu li:first-of-type {background:none;} /* hides left "skille" from first menu item */
#submenu a { color:white;padding:5px;display:block;}
#submenu .selected a, #submenu .current_page_item a {color:black;}
#submenu .bg_program a {color:red;}
/* left top, left bottom */

/*#com-loginbox .preloader { margin-left:75px; margin-top:25px; }*/
#main-wrapper {background:#fff; border:1px solid #a3a3a3;border-top:none; padding: 0; width: 980px; margin: 0 auto;clear:both;}
#main-wrapper p {	line-height:1.5em;}

/* ----------------------------------- home posts */
/*#home { margin:0px 18px; padding: 10px 0 0 0; background:red;float:left;}*/
/* ----------------------------------- floats */
#right, #left {margin-left:19px; margin-top:19px;}
#left { float: left; width: 586px;}
#right { float: left; width: 337px;}
#sidebar_items {background:#cff4fa;}
#sidebar_items li { }
#sidebar_items h3 {background:#10c6e8;color:#fff;padding:5px;font-size:1.1em;}

#sidebar_items .superwidget {
	 margin-bottom:23px;padding-bottom:20px;
}

.superwidget h3 {
	padding:10px;
}

.mainposts { padding-top:33px;color:#5e5e5e;display:inline;}
.superpost { width: 283px; min-height:320px; float: left;
}
	.superpost_image {width:283px;height:137px;}
	.superpost .blogText {min-height: 56px; 
}
#left p { padding-bottom:1em; }

.entry ol, .entry ul { list-style-type: decimal; list-style-position: inside; }
.more-link { float: right; }
/* removes strong text from front page. used only in articles' ingress 
.entry strong { font-weight: normal; } */

/* removing single view default style to prevent left aligned page */

#main-wrapper .single { text-align: left; margin-bottom:33px; width:586px;} /* float: left; ! should have a less generic name. */ 

.meta { font-size: small; }
.articlemeta {margin-top:10px; font-size:0.9em;}
.articlemeta span {color:#10c6e8;font-size:1.3em;}
.articlemeta img {float:left;margin-right:6px;}
.articleimagetext {padding:4px !important;color:white;clear:both;background:#10c6e8;font-size:12px;line-height:1.4em;margin-bottom:10px;}


/* more input */
.superbutton {  }
	.superbutton:hover { background: #12ccdc; color:white; }
/* ----------------------------------- footer * må ha clear both for å likestille content og sidebar */
#superfooter { clear: both; height: 60px; padding-top: 20px; }
/* highlight author comments*/
.authcomment { background-color: #B3FFCC !important; }

#superfooter ul { background: #e2f8fc; border-top: 1px dashed silver; border-bottom: 1px dashed silver; height: 25px; padding-top:5px;}
	#superfooter ul li { display: inline; margin-left: 20px; }
#superfooter .super {color:#10c6e8;}
#superfooter img a { padding-top:5px; }

/* Link color classes */
a.hjem, .hjem { color: #10c6e8; }
a.tv, .tv { color: #2bb020; }
a.radio, .radio { color: #9cbe02; }
a.program, .program { color: #fee000; }
a.medlem, .medlem { color: #f56400; }
a.spill, .spill { color: #de006f; }
a.voksen, .voksen { color: #0b89cb; }
a.barnetv, .barnetv {color:#2f6d0d;}

/* Background color classes */
.bg_hjem { background-color: #10c6e8; }
.bg_tv { background: #2bb020; }
.bg_radio { background: #9cbe02; }
.bg_program { background: #fee000; }
.bg_medlem { background: #f56400; }
.bg_spill { background: #de006f; }
.bg_voksen { background: #0b89cb; }
.bg_barnetv { background: #2f6d0d;}

/* TABBED BOX * Common styles for both sidebar and progpage */
/* Style for Usual tabs */
.usual { width: 96%; color: #111; /*border:1px solid #222; */ /*margin:8px auto; */; }
	.usual li { list-style: none; float: left; max-width:140px; }
	.usual ul a { vertical-align: text-bottom; height: 30px; display: block; padding: 6px 10px; text-decoration: none !important; margin: 1px; margin-left: 0; font-size: 12px; color: #FFF; background: white; border: 2px solid #e2f8fc; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; margin-top: 3px; margin-left: 3px; color: #535353; }
		.usual ul a:hover { color: #535353; background: #e2f8fc; }
		.usual ul a.selected { margin-bottom: 0; color: #535353; background: #e2f8fc; border-bottom: 1px solid white; cursor: default; }
	.usual p { color:#535353; font-size:0.9em; line-height:0.8em; }
	


#searchresults { list-style-type:none; margin-left:10px; }
	#searchresults h1, #searchresults span { color:#10c6e8; }
.searchresult a { display:block; clear:both; }
.searchresult p { font-size:0.8em; line-height:1em; }
.searchres_image { height:80px; width:164px; float:left; padding-right:10px; padding-bottom:4px; }
/* bloginnlegg styling */
.wp-caption-text { font-style:italic; }
/* General styles for tabbed listboxes. */
.itemlist li ul { background:#e2f8fc; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:block; clear:both; height:60px; padding:6px; margin-bottom:2px; }
.itemlist li ul li { display:inline; float:left; margin-right:6px; margin-bottom:4px; line-height:1.3em; font-size:0.95em; }
.itemlist .full { width:96%; }
.itemlist .infofield { width:306px; }
	/*.itemlist .infofield p, h4 { }*/
	.infofield p {font-size:0.9em;margin-top:3px;}
.itemlist .quicklink { width:180px; font-size:1em; }
	.itemlist .quicklink img { padding:20px 6px 0 6px; }
	.itemlist li ul:hover {background:#eee;}


#supernyttplaceholder {width:585px;position: relative;background: url(gfx/supernytt_bakgrunn.png) no-repeat;padding:9px 0 9px 0;font-size:0.9em;clear:both;float:left;margin-bottom:19px}

.supernyttsak {min-height:260px;padding-left:9px;}
.supernyttsak a {color:#F05E0A;}
.supernyttsak a:hover {color:#000}
.supernyttsak .super_linkbutton {background:#F05E0A;color:#fff}

#supernytt_vindu {display:none}
.supernytt_logofelt {position:absolute;top:-50px;left:-78px;z-index:9999;float:left;}
.supernytt_logofelt img {width:250px;height:107px}

/* Kommentarer * uferdig! */
/* Farge på knapp: #0ab5d8 Border; 1 px, # adadad Skrift: #ffffff */
#respond { margin:10px 0 10px 0; padding-top:20px;padding:0px !important;}
#commentform #submit { background: #0ab5d8; border:1px solid #909090; color:#fff; padding:3px; }
	#commentform #submit:hover { background: #b2f2ff; color:#535353; }
#commentform input { margin-right:8px; }
.comment-author { background-color:#cffbd0; padding:6px 6px 0 6px; margin-bottom:5px; }
.comment-meta { position:relative; float:right; right:10px; top:-44px; }
.comment-body {overflow:hidden;} /* prevents long rants like !!!!!..etc */
.children .comment-author { background-color:silver; }

.commentlist {width:577px;}
.commentlist .reply a { padding:4px; cursor: pointer; background: url(gfx/icons/sub_kommenter.png) no-repeat; padding-left:26px; }
	.commentlist .reply a:hover { background: url(gfx/icons/kommenter.png) no-repeat; }
.article_image_main { height:142px; width:288px; }
/* -- Kommentarer, og svar på kommentarer -- */
div.comments-wrap { margin:15px auto; padding:0; }
li.comment,li.trackback, li.pingback { margin: 15px auto; }
ul.children { margin-left:25px; }
ul.commentlist, ul.pinglist { margin:10px 0; }
div.reply { padding:10px; }
div.reply a {color:white;}
textarea#comment { overflow:auto; }
.comment { text-align:left; }
.clearBgColor {	background:white !important;}

#comments textarea {margin:10px;width:500px !important;}

/* Kommentarer - Added to main blog. 

#respond { margin:10px 0 10px 0; }
#commentform #submit { background: #0ab5d8; border:1px solid #909090; color:#fff; }
	#commentform #submit:hover { background: #b2f2ff; color:#535353; }
#commentform input { margin-right:8px; }
#commentform textarea {background:#cff4fa;width:auto;padding:5px;}
.comment-author { background-color:#a79c8e; font-weight:bold;height:30px;padding:6px 6px 0 6px;color:#fff;}
.comment-author a {color:#fff;}
.comment-author .fn {text-transform:none;font-style:normal;}
.comment-meta {float:right;}
.comment-body {overflow:hidden;background:#cff4fa;}
.comment p {font-size:0.9em;padding:5px;overflow:hidden;} 
.children .comment-author {}

.commentlist .reply a { padding:4px; cursor: pointer; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding-left:26px; }
	.commentlist .reply a:hover { background: url(gfx/icons/kommenter.png) no-repeat; }


div.comments-wrap { margin:15px auto; padding:0; }
li.comment,li.trackback, li.pingback { margin: 5px auto; }
ul.children { margin-left:25px; }
ul.commentlist, ul.pinglist { margin:10px 0; }
div.reply { background:#a5e5ef;height:30px;}
.comment-reply-link {padding:16px 4px;float:right;display:block;background-color:#f56400 !important;}


.comment { text-align:left; }
.depth-1 {padding-top:15px;}
.clearBgColor {	background:white !important;}
*/


.pollquestion {text-align:center;font-size:18px;color:#10c6e8;margin:15px 5px;font-weight:bold;}

.wp-polls { font-family:Arial, Helvetica, sans-serif; }

.wp-polls .Buttons {
	-moz-border-radius: 2px 2px 2px 2px;
	background: #0AB5D8 url(/super/wp-content/themes/default/gfx/transp.png) repeat-y 0px -15px;
	padding:4px;
	color:#535353;
	font-size:16px;
	font-weight:bold;
}

.wp-polls .Buttons:hover {
	background-color:#B2F2FF;
	color:#000;
}



/* tv on the radio */

#tvontheradio {clear:both;min-height:200px;margin:30px 0;}

#radiobox {overflow:hidden;border-top:1px solid #d2c9c0;margin-top:-5px;clear:both;background:#a09688;background-image: url(/super/wp-content/themes/default/gfx/radiograd_bg.png); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#675c4d), to(#a09688));background-repeat:repeat-x;}
#radioleft {float:left;border-bottom:1px solid #d2c9c0;width:100%;}
#radioflash {float:left;padding:8px;}

#playlist_radio {display:inline;}
#playlist_radio li {float:left;width:210px;border-left:1px solid #a09688;height:80px;}

#nowplaying_radio {font-size:14px;color:white;float:left;}
#nowplaying_radio .media {padding:8px;width:190px;overflow:hidden;}
#nowplaying_radio a {color:#a2c00b;font-size:16px;font-weight:bold;cursor:pointer;}
#nowplaying_radio .future {color:#a09688}


#last_radioclips {padding:5px;float:right;width:280px;height:150px;border-left:1px solid #d2c9c0;}
#last_radioclips p {color:#a2c00b;font-weight:bold;}

#radioklipp {display:inline;}
#radioklipp li {width:280px;margin:8px 0 4px 8px;float:left;}
#radioklipp li img {float:left;margin-bottom:3px;border:1px solid #fff;width:80px;height:40px;}
#radioklipp li span {float:left;width:180px;margin-left:4px;}
#radioklipp li a{color:white;font-weight:bold;}
#radioklipp li a:hover{color:#a2c00b;}



/* -- NAVIGATION --*/
.navigation { clear:both; } /* can be removed? */

div.navigation {width:100%;height:auto;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;float:}





/* EPG for front page*/

.channel_barn,.channel_super {padding:15px;}
#super_epg {font-size:0.9em;clear:both;margin:19px;}
#super_epg h2 {display:none;}
#super_epg h3 {border-bottom:1px solid white;text-transform:uppercase;font-weight:bold;font-size:1.4em;padding:4px 10px;}
#super_epg em {color:#10c5e7;font-style:normal;margin-right:20px;}
#super_epg p {color:#868686;line-height:15px;}

.channel_super li div {display:none;}
.channel_barn li div {display:none;}

.channel_super li,.channel_barn li {cursor:pointer;}
.subprogram {margin-left:50px;}
.subprogram li strong {}
.subprogram li div {display:none;}

.epg_logo {padding:10px;margin-bottom:150px;float:left;}
.epg_header {color:white;background:#10c5e7;}
#epg_radio .epg_header {background:#9bbd02;}
#epg_tv .epg_header {background:#10c5e7;}
#epg_tv {width:468px;float:left;background:#daf5fa;}
#epg_radio {width:468px;float:left;background:#eef3d8;}


#day_list {float:left;display:inline;width:960px;margin:20px 0 2px 20px;} 
#day_list li {width:120px;float:left;margin-right:10px;background:#10c5e7;-webkit-border-radius:6px 6px 0 0;}
#day_list li span {font-weight:bold;font-size:20px;}
.aktiv {background:#9bbd02 !important;}
#day_list li:hover {background:#9bbd02;}
#day_list li a {padding:10px;color:#fff;display:block;}
#epg_tv h3 {background:url(/super/wp-content/themes/default/gfx/icons/epg-tv-ikon.png) 5px 5px no-repeat;padding-left:75px;padding-top: 25px;height:60px;}
#epg_radio h3 {background:url(/super/wp-content/themes/default/gfx/icons/epg-radio-ikon.png) 5px 5px no-repeat;padding-left:80px;padding-top: 25px;height:60px;}

#epg_radio, #epg_tv {text-align:left; !important} /* ie somehow center aligns these*/
.channel_super li, .channel_barn li {text-align:left !important}

.aktuelt_tv em, .aktuelt_tv strong,.aktuelt_radio em, .aktuelt_radio strong, .aktuelt_radio p{color:white !important;padding:6px 12px;}



/* Infoboks pop-up */

.subprogram li div, .channel_barn li div{
	width:300px;
	border:4px solid #10c5e7;
	border-top:20px solid #10c5e7;
	background:#fff;
	position: absolute;
	display: none;
	z-index: 50;
	padding:10px;
	margin-left:20px;
	border-collapse: collapse;
	line-height:1.7em;
	-webkit-box-shadow: -10px 10px 5px #888;
	box-shadow: -10px 10px 5px #888;
}
.channel_barn li div{
	border:4px solid #9bbd02;
	border-top:20px solid #9bbd02;
}


/* Forcing gallery to float left and use full width of container. Necessary if content column is not specified to float left. */
.gallery {float:left;width:100%}


/* googlesøk */
#supersearch-output {}
.supersearch-result {}
#supersearch-output .sort-by {display:inline;}
#supersearch-output .sort-by li {float:left;margin-right:20px;}
.pagination {display:inline;}
.pagination li {background:#a5e5ef;float:left;margin:5px;}
.pagination .active {background:#fff;}
.pagination li a {display:block;padding:2px 10px;}

.sort-by span {margin:0 10px;}




/* BUDDYPRESS */



/*
#wp-admin-bar ul li#bp-adminbar-notifications-menu a span {
	padding: 0 6px;
	margin-left: 2px;
	background: #fff;
	color: #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background:red;
}
*/


#bp-adminbar-notifications-menu {
border: 1px solid #BE4E00;
border-bottom-left-radius: 3px 3px;
border-bottom-right-radius: 3px 3px;
border-top-left-radius: 3px 3px;
border-top-right-radius: 3px 3px;
color: white;
cursor: pointer;
font-size: 13px;
font-weight: normal;
padding: 3px 10px;
text-decoration: none;
margin-left:80px;
margin-top:25px;
right: 0px;
font-weight:bold;

background:#F67820 url(/super/wp-content/themes/default/gfx/pil_ned.png) 215px 10px no-repeat;
}



#bp-adminbar-notifications-menu:hover ul {margin-top:3px;border:1px solid #BE4E00;border-top:none;width:220px;text-align:left;}
#bp-adminbar-notifications-menu:hover ul li{display:block;background:#F67820; } /*dropdown*/


#bp-adminbar-notifications-menu ul {display:block;z-index:99999;
			position: absolute;
			float: left;}

#bp-adminbar-notifications-menu ul li {	display:none;padding:4px;border-top:1px solid #BE4E00;}
#bp-adminbar-notifications-menu ul li a {display:block;}
#bp-adminbar-notifications-menu ul li a:hover {color:#000}