/* Kryssningstips CSS additions/changes to YUI CSS */

/* General settings */

#CustomWidth .yui-gc .yui-u.first
{
width:60%;
}
#CustomWidth .yui-gc .yui-u.last
{
width:37%;
}

/* Fix for IE6 & 7: Add a 1px border to avoid having the center column appear lower than the left column */
#bd {
	border-left: 1px solid white; border-right : 1px solid white;
}

/* Don't underline links */
a {
	text-decoration:none;
}

/* Except when hovered over */
a:hover {
	text-decoration:underline;
}

/* The left column is the blogsection */
#blogsection {
	color:#000;
}

#blogsection b {
	color: #990000;
}

/* This is the title for the entire column */
.blogheader {
	color:#ffffff;
	background-color: #0033FF;
	height:25px;
}

/* Use for the titles of blog entries */
.blogtitle {
	font-size: 250%;
	color: #000000;
	margin-bottom: 0.5em;
	margin-top: 0em;
	padding:0 0 0 0;
}

/* Use for the titles of blog entries */
.blogtoprubrik {
	font-size: 120%;
	color: #990000;
	margin-bottom: 0em;
	line-height:0.1;
}

/* No special effects for blog entry titles */
.blogtitle a, .blogtitle a:hover, .blogtitle a.selected {
	color: #000000;
	text-decoration:none;
	outline:none;
}

/* The center column is the plugsection */
#plugsection {
	color:#000;
}

/* This is the header for each item in the column
 * Change to -1700px and color #000 for black on light blue */
.plugheader {
	clear:both;
	margin: 3px -3px 0 -3px;
	text-indent: 10px;
	color:#fff;
	font-size:93%;
	text-transform: uppercase;
	line-height:1.7;
	*line-height:1.6;
	border-bottom:solid 1px #808080;
	border-top:solid 1px #808080;
	background:url(/build/assets/skins/sam/sprite.png) repeat-x 0 -1400px;
}

/* Photos for plug section */
.plugimageleft {
	clear:both;
	margin: 0px 5px 5px -3px;
	background-color:#ffffff;
	border: 1px solid #ccc;
}

.plugimageright {
	clear:both;
	margin: 0px -3px 5px 5px;
	background-color:#ffffff;
	border: 1px solid #ccc;
}

.plugimagepano {
	clear:both;
	margin: 0px -3px 5px -3px;
	background-color:#ffffff;
	border: 1px solid #ccc;
}


/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: -0.5em 0 0.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

.title {
font-family: verdana, arial, san-serif;
background: transparent;
color: #FF9900;
padding: 10px 0 0 0;
margin: 0;
}

.date{
font-family: verdana, arial, san-serif;
letter-spacing: 0.12em;
padding-top: 10px;
font-size: 14px;
color: #00768E;
}

.entry{
text-align: justify;
}

.paginate {
 font-family: verdana, Arial, Sans-serif;
 font-size: 12px;
 font-weight:normal;
 letter-spacing:.1em;
 color: #C1C1D9;
 padding:10px 6px 10px 4px;
 margin:0px;
 background-color: transparent;
 }
 
 .hiddenlink {
 color: #000000;
 }
 
/* Story photo with caption */
.storyimage {
	clear:both;
	margin: 15px 0px 15px 0px;
	background-color:#ffffff;
	border: 0px solid #ccc;
}

/* The "panorama" images used to promote articles */
.panoimage {
	clear:both;
	margin: 0px 0px 0px 0px;
	background-color:#ffffff;
	border: 0px solid #ccc;
}

.leaderimage {
	clear:both;
	margin: 0px 15px 10px 0px;
	border: 1px solid #ccc;
}

.mobilimage {
	clear:both;
	margin: 5px 15px 25px 5px;
	border: 1px solid #ccc;
}

div.storyimage img {
	border: 0px solid #fff;
}

div.storyimage p {
	margin:0;
	padding:0;
}

#imgcaption {
	clear:both;
	margin: 2px 5px 5px 0px;
	font-size: 90%;
	color:#666666;
}

#imgcopyright {
	clear:none;
	float:right;
	margin: 2px 5px 0px 5px;
	font-size: 80%;
	color:#999999;
}

/* Tabview changes */
/* .yui-navset defaults to .yui-navset-top */
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
    border:solid #8d4104; /* color between tab list and content */
    border-width:0 0 5px;
    Xposition:relative;
    zoom:1;
}

.yui-skin-sam .yui-navset .yui-content {
    background:#edf5ff; /* content background color */
    background: #eed9c8; /* content background color */
}

/* Is this really used?
#header{
  top : 0px;
  left : 0px;
  width : 100%;
  height : 90px;
  background-image: url(/images/headers/header02-sliceright.jpg);
  background-repeat: repeat-x;
}

#footer{
  top : 0px;
  left : 0px;
  width : 100%;
  height : 90px;
  background-image: url(/images/headers/header02-sliceright.jpg);
  background-repeat: repeat-x;
}
*/