/*
Theme Name: WordPress Findus nyheter
Theme URI: http://nyheter.findus.se
Description: WordPress för Findus nyheter
Version: 1.0
Author: Adoy AB
Author 
Tags:

*/

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;
}
* {
	margin:0;
	padding:0;
}
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;
}

/* END RESET */

body {
	font: 0.84em/1.333 Arial, sans-serif;
	padding: 0;
	color: #202020;
	background: #fff url(images/wrapper-shadow.png) repeat-y top center;
	margin: 0 auto;
}
	
#page_margins {
	width: 1010px;
	margin-left:auto;
	margin-right:auto;
}

a, a:link, a:visited {
	color: #990000;
}

.news a, #press a, .news a:link, #press a:link, .news a:visited, #press a:visited {
	color: #0063dc;
}
a.external, a.external:link, a.external:visited {
	background:transparent url(images/external.png) no-repeat scroll right center;
	padding: 0 15px 0 0;
}
a.feed {
	padding: 2px 0px 2px 20px;
	background: transparent url(images/rss_16.png) no-repeat left center;
}
a:hover, a.external:hover {
	color: #3aa3df;
}

.feed.findus_window {
	position: absolute;
	right: 5px;
	top: -5px;
	font-size: 85%;
	width: 90px;
	padding: 2px 0px 2px 22px;
}

#creativecommons {
	text-align: center;
	width: 960px;
	font-size: 100%;
}
#creativecommons img {
	padding: 0 0 5px 0;
}

#tags a {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 4px;
}
#tags a:hover {
	background: #eee;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

p {
	font-size: 90%;
	padding: 5px 0 8px 0;
}

#findus_se {
	position: absolute;
	top: 3px;
	right: 15px;
	color: #fff;
	font-weight: bold;
	padding: 2px 0px 0px 0;
	font-size: 85%;
}
#findus_se a {
	color: #fff;
}
#findus_se a:hover {
	color: #fff;
}

h1#description {
	position: relative;
	float: right;
	color: #fff;
	text-transform: none;
	font-size: 22px;
	font-weight: bold;
	top: 70px;
	padding: 0px 15px 5px 0;
}
h1 {
	color: #CC1109;
	text-transform: none;
	font-size: 13px;
	font-weight: bold;
	padding: 1px 0 5px 0;
}
h2 {
	color: #222;
	font-weight: bold;
}

abbr {
	font-size: 75%;
	color: #777;
}

#newstabs {
	padding: 2px 0px 10px 0px;
}
#newstabs li {
	display: inline;
}
li.show-news {
	padding: 3px 5px 0px 0px;
	color: #999;
	text-transform: none;
	font-size: 11px;
	font-weight: bold;
}
#newstabs li a {
	padding: 4px 5px 3px 5px;
	text-transform: uppercase;
	text-decoration: none;
	color: #555;
	font-size: 11px;
	font-weight: bold;
}
#newstabs li.ui-tabs-selected a {
	color: #fff;
	background: #a7a7a7;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#flickrtabs .ui-tabs-nav {
	padding: 2px 0px 10px 0px;
}
#flickrtabs .ui-tabs-nav li {
	display: inline;
}
#flickrtabs .ui-tabs-nav li a {
	padding: 4px 5px 3px 5px;
	text-transform: uppercase;
	text-decoration: none;
	color: #555;
	font-size: 11px;
	font-weight: bold;
}
#flickrtabs .ui-tabs-nav li.ui-tabs-selected a {
	color: #fff;
	background: #a7a7a7;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.post {
	padding: 10px 0px;
	margin: 0 0 10px 0;
}
.post h2 {
	font-size: 180%;
	line-height: 20px;
}
.post h2 a {
	text-decoration: none;
	color: #222;
}
.box.news p {
	padding: 0px 0 8px 0;
}
.box.news .box-content-col {
	padding: 5px 10px 0px 10px;
}

.box.video h1 {
	color: #fff;
}

a#more-videos {
	float: left;
	color: #fff;
}

/* ================ */
/* = The 1Kb Grid = */     /* 14 columns, 60 pixels each, with 10 pixel gutter */
/* ================ */

.grid_1 { width:60px; }
.grid_2 { width:130px; }
.grid_3 { width:200px; }
.grid_4 { width:270px; }
.grid_5 { width:340px; }
.grid_6 { width:410px; }
.grid_7 { width:480px; }
.grid_8 { width:550px; }
.grid_9 { width:620px; }
.grid_10 { width:690px; }
.grid_11 { width:760px; }
.grid_12 { width:830px; }
.grid_13 { width:900px; }
.grid_14 { width:970px; }

.column {
	margin: 5px 5px;
	overflow: hidden;
	float: left;
	display: inline;
	background: transparent;
}
.row {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -5px;
	width: auto;
	display: inline-block;
}

.grid_footer {
	width:220px;
	margin: 5px 8px;
	overflow: hidden;
	float: left;
	display: inline;
	background: transparent;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {

}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
}
.ui-tabs-nav a {

}
.ui-tabs-nav a {
    color: #27537a;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    color: #000;
    background: #eee;
    -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}



/* Tipsy */

a.tipsy {
	position: relative;
	float: right;
	width: 16px;
	height: 16px;
	padding: 0;
	top: -23px;
	right: -3px;
	background: transparent url(images/info-button.png) no-repeat center center;
}
a.tipsy span {
	display: none;
}
.video a.tipsy {
	background: transparent url(images/info-button-dark.png) no-repeat center center;
}
.tipsy p {
	padding: 0;
	margin: 0;
	font-size: 100%;
}

.tipsy { padding: 5px; font-size: 11px; opacity: 0.99; filter: alpha(opacity=99); background-repeat: no-repeat; }
  .tipsy-inner { padding: 6px 8px; background-color: #eee; color: #222; max-width: 200px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 2px solid #fff;}
/*  .tipsy-north { background-image: url(../img/tipsy-north.gif); background-position: top center; }
  .tipsy-south { background-image: url(../img/tipsy-south.gif); background-position: bottom center; }
  .tipsy-east { background-image: url(../img/tipsy-east.gif); background-position: right center; }
  .tipsy-west { background-image: url(../img/tipsy-west.gif); background-position: left center; } */
  
/* Share it */
.news a.share-it, #press a.share-it {
	color: #222;
}

a.share-it {
	background: transparent url(images/shareit/share-icon-12x12.png) no-repeat left center;
	padding: 0 0 0 16px;
	color: #222;
	text-decoration: none;
	font-weight: bold;
}

#shareit-box {
	position:absolute;
	display:none;
	z-index: 1000;
}

	#shareit-header {
		width:138px;
	}


	#shareit-body {
		width:138px; height:100px;
		background:url(images/shareit/shareit.png);
	}

		#shareit-blank {
			height:20px;
		}

		#shareit-url {
			height:50px;
			text-align:center;
		}

			#shareit-url input.field{
				width:100px; height:26px;
				background: transparent url(images/shareit/field.gif) no-repeat;
				border:none; outline:none;
				padding:7px 5px 0 5px;
				margin:3px auto;font-size:11px;
			}

		#shareit-icon  {
			height:20px;
		}
		
			#shareit-icon ul {
				list-style:none;
				width:130px;
				margin:0; padding:0 0 0 8px;
			}

			#shareit-icon ul  li{
				float:left;
				padding:0 2px;
			}
			
			#shareit-icon ul  li img{
				border:none;
			}
			
			
		/* popup */
		
			#shareit-icon ul#shareit-popup {
				list-style:none;
				width:250px;
				margin:0; padding:0 0 0 0px;
				font-size: 90%;
			}
			
			#shareit-icon ul#shareit-popup li{
				float:left;
				padding:0 2px 0 0;
			}
			
/* Flickr */

.flickr ul li {
	display: inline;
	padding: 2px;
	margin: 0 2px 0 2px;
}

/* contributor cycle */

#prev2 {
	position: relative;
	float: left;
	height: 160px;
	width: 40px;
	background: transparent url(images/arrow-left.png) no-repeat center left;
}

#next2 {
	position: relative;
	float: right;
	height: 160px;
	width: 40px;
	background: transparent url(images/arrow-right.png) no-repeat center right;
}

#prev2 span, #next2 span {
	display: none;
}

#contributors {
	position: relative;
	float: left;
	width: 300px;
}
#contributors li {
	padding: 5px 0px;
	display: none;
}

.author-image {
	position: relative;
	float: left;
}
.author-info {
	position: relative;
	float: right;
	padding: 0px 0px 0px 5px;
	width: 180px;
}
.author-info h2 a {
	font-size: 90%;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}
.author-info span {
	display: block;
	clear: both;
	font-size: 76%;
	font-weight: bold;
}

.blogg .post {
	position: relative;
	float: left;
}
.blogg .post .post-info {
	padding: 5px 0px;
	font-size: 90%;
}
.blogg .post a.more-link {
	color: #990000;
	font-weight: bold;
}
.blogg .post img.photo {
	float: left;

}
.blogg .post p.postmetadata {
	padding: 0px 5px;
	float: left;
	width: 290px;
}

.grid_footer a {
	color: #990000;
	font-weight: bold;
}

/* Videoplayer */

#player {
	padding: 0px 0 0px 0;
}
#playerTabs {
	padding: 5px 0px 0px 0px;
}
#playerTabs li {
	display: inline;
	float: left;
	margin: 0 2px 0 0;
}
#playerTabs li a {
	padding: 2px;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	background: #333;
	display: block;
	position: relative;
	float: left;
	width: 100px;
	height: 70px;
	opacity: 0.7;
	text-shadow: none;
}
#playerTabs li a img {
	position: relative;
	float: left;
}
#playerTabs li a span {
	position: relative;
	float: left;
	color: #fff;
	font-size: 11px;
	background: #000;
	padding: 2px 5px;
	opacity: 0.7;
}
#playerTabs li a.selected {
	background: #777;
	color: #fff;
	opacity: 1;
}

/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/* jQuery Bookmark styles v1.1.4 */
.bookmark_popup_text img {
	border: none;
	vertical-align: bottom;
}
.bookmark_popup {
	display: none;
	position: absolute;
	z-index: 100;
}
.bookmark_popup ul {
	float: left;
	width: 240px;
	border: 1px solid #aaa;
}
.bookmark_list {
	display: inline-block;
	float: left;
	list-style-type: none;
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {  /* Safari3/Opera9 */
	.bookmark_list {
		font-size: 100%;
	}
}
html:first-child .bookmark_list {  /* Opera */
	font-size: 80%;
}
.bookmark_list li {
	float: left;
	width: 23%;
	margin: 0px 1px;
	padding: 1px;
	background-color: #eee;
	border: 1px outset;
}
.bookmark_compact {
	background-color: #eee;
	border: 1px outset;
}
.bookmark_compact li {
	width: 16px;
	height: 16px;
	margin: 0px;
	padding: 2px;
	background-color: transparent;
	border: none;
}
.bookmark_list a {
	width: 100%;
	text-decoration: none;
	cursor: pointer;
}
.bookmark_list span {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.bookmark_list img {
	border: none;
}

#blog-archive {
	position: relative;
	float: left;
	width: 150px;
}
#blog-recent {
	position: relative;
	float: left;
	width: 220px;
	padding: 0 20px 0 0;
}
#blog-recent a {
	font-size: 90%;
	font-weight: bold;
}


/* Box layout */

.post {
	padding: 15px 5px;
	margin: 0px 0 0px 0;
}

.box {
	background: transparent;
	padding: 0px;
	margin: 0 0 10px 0;
}

.box-top {
	padding: 10px 10px 5px 10px;
	background: transparent;
	background-image: url(images/box-sprite-border.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 20px;
}
.box-content {
	padding: 5px 10px 0px 10px;
	background: #fff;
}
.box-bottom {
	height: 5px;
	padding: 5px 10px;
	background: transparent;
	background-image: url(images/box-sprite-border.png);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}

.box-top-col {
	padding: 10px 10px 5px 10px;
	background: transparent;
	background-image: url(images/box-sprite-border.png);
	background-repeat: no-repeat;
	background-position: -838px 0px;
	height: 20px;
}
.box-content-col {
	padding: 5px 10px 0px 10px;
	background: #fff;
}
.box-bottom-col {
	height: 5px;
	padding: 5px 10px;
	background: transparent;
	background-image: url(images/box-sprite-border.png);
	background-repeat: no-repeat;
	background-position: -838px bottom;
}
.box.video .box-top-col {
	padding: 10px 10px 5px 10px;
	background: transparent;
	background-image: url(images/box-sprite-border.png);
	background-repeat: no-repeat;
	background-position: -2390px 0px;
	height: 20px;
}
.box.video .box-content-col {
	padding: 5px 10px 0px 10px;
	background: #282828;
}
.box.video .box-bottom-col {
	height: 5px;
	padding: 5px 10px;
	background: transparent;
	background-image: url(images/box-sprite-border.png);
	background-repeat: no-repeat;
	background-position: -2390px bottom;
}
.box-top-footer {
	padding: 10px 10px 5px 10px;
	background: transparent;
	background-image: url(images/box-sprite-border.png);
	background-repeat: no-repeat;
	background-position: -1400px 0px;
	height: 20px;
}
.box-content-footer {
	padding: 5px 10px 0px 10px;
	background: #fff;
}
.box-bottom-footer {
	height: 5px;
	padding: 5px 10px;
	background: transparent;
	background-image: url(images/box-sprite-border.png);
	background-repeat: no-repeat;
	background-position: -1400px bottom;
}

#page {
	position: relative;
	float: left;
	width: 1010px;
	margin: 0;
	padding: 0;
	background: transparent url(images/content-bg.png) no-repeat top center;
}
#content {
	position: relative;
	float: left;
	width: 980px;
	padding-left: 10px;
}
.row {
	position: relative;
	float: left;
	padding: 0 0 0 5px;
}

.box.header {
	background: #CC1109;
	padding: 0 0 0 0px;
	margin: 0 0 5px 10px;
	clear: both;
	width: 990px;
	height: 105px;
	position: relative;
	float: left;
}

.box.header img {
	position: relative;
	float: left;
	padding: 2px 5px 0px 5px;
}

/* Form */


#commentform p {
	padding: 0px 0px 5px 0px;
}

#commentform input {
	width: 180px;
	padding: 5px;
	margin: 5px 5px 1px 0;
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
}

#commentform {
	margin: 5px 10px 0 0;
	width: 390px;
}

#commentform textarea {
	width: 380px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
}

#respond {
	clear: both;
}

#respond:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}

/* Tooltip */
#tooltip { position:absolute;z-index:30000;padding:8px;background:#111;color:#FFF!important;font-size:0.7em;font-weight:bold;-moz-border-radius:4px;-webkit-border-radius:4px;max-width: 200px;opacity:.9;filter:alpha(opacity=90)}
#tooltip div { margin:0;background:#000;padding:8px; }


/* Search */

#search {
	position: relative;
	float: left;
	background: transparent url(images/search.png) no-repeat left 0px;
	width: 390px;
	height: 24px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #eee;
}

#search .screen-reader-text, #search #searchsubmit {
	display: none;
}
#search input#s {
	position: relative;
	float: left;
	width: 235px;
	height: 15px;
	background: transparent;
	border: none;
	padding: 5px 10px 4px 25px;
	color: #999;
	font-weight: normal;
	font-size: 90%;
	font-family: Arial;
}

.embed, .embed a {
	color: #fff;
}

.left, .alignleft {
	float: left;
}
.right, alignright {
	float: right;
}

.navigation {
	position: relative;
	clear: both;
	font-size: 90%;
}

/* feed styling */

#nyheter table {
	border: none;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
	font-size: 90%;
}

#nyheter table tr {
	border: none;
	padding: 0px;
	margin: 0px;
}

#nyheter table tr td {
	vertical-align: top;
	border: none;
	padding: 0px 5px 0 0;
	margin: 0px;
	width: auto !important;
}

#nyheter table tr td div {
	vertical-align: top;
	border: none;
	padding: 0px !important;
	margin: 0px !important;
}

#nyheter table tr td a {
	color: #333;
	font-weight: normal;
}
#nyheter table tr td a b {
	font-weight: normal;
}

/* Video archive */

#video-chooser {
	position: relative;
	float: left;
	width: 100%;
}
#video-chooser li {
	position: relative;
	float: left;
	width: 100%;
	height: 80px;
	display: block;
	clear: both;
}
#video-chooser li a {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	padding: 5px 0 5px 0;
	text-decoration: none;
}
#video-chooser li a.selected {
	background: #eee;
	color: #000;
}
#video-chooser li a:hover {
	background: #eee;
	color: #000;
}
#video-chooser li a img {
	position: relative;
	float: left;
	display: block;
	width: 100px;
	height: 70px;
	border: none;
}
#video-chooser li a span {
	position: relative;
	float: left;
	display: block;
	width: 200px;
	border: none;
	padding: 5px 10px 5px 10px;
}
#video-chooser li a span em {
	font-size: 90%;
	color: #555;
	text-decoration: none !important;
}

#scrollpane {
	width: 390px;
	height: 305px;
	overflow: hidden;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 6px;
	width: 10px;
	height: 100%;
	background: transparent;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: transparent;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #eee;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.jspDrag
{
	background: #333;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}