/*
Theme Name: Bruksvallarnas Fjallhotell
Theme URI: http://brodernamyhr.se
Description: En mall for Bruksvallarnas Fjallhotell)
Version: 0.2
Author: Magnus Myhr
Author URI: http://brodernamyhr.se
Tags: Bruksvallarnas Fjallhotell, Bruksvallarna, Fjallhotell
*/

@import "style/css/960.css";
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.cssx";

hr {
color:#8D6F55;}
td {
color:#303030;}

body {
background: url(style/images/bord.jpg) repeat-x scroll 0 0;<!--#FFF6E5; #E8E8E8; #f2f3f5;-->
margin:0 auto;
/*width:960px;*/
}

#wrapper {
left:0;
margin:0 auto;
top:20px;
bottom:20px;
width:1024px;
}

.palette {
background:transparent url(style/images/palette.gif) no-repeat scroll 0 0;
float:left;
height:400px;
position:relative;
top:100px;
width:20px;
}

.sheet {
background: url(style/images/tonadbak.png);
border:1px solid #CCCCCC;
margin:0 auto;
min-height:49px;
min-width:49px;
overflow:hidden;
position:relative;
width:960px;
z-index:0;

}

#header {
background:#FAF8EE url(style/images/headbak.jpg) no-repeat scroll 0 0;
height:250px;
padding: 10px 0;
}

#header h1 {
display:none
}

#header h1 a {}

#menu {
float:left;
position:relative;
}

#menu ul {
float:left;
padding:0;
margin:10px;
}

#menu ul li {
float:left;
display:inline;
margin:0;
padding:0;
}

#menu a {
float:left;
padding:5px 10px;
color:#663333;
text-decoration:none;
font-family:georgia;
font-weight:bold;
}

#menu a:hover {
-moz-border-radius-topright:3px;
-moz-border-radius-bottomleft:3px;
background:#663333;
color:#FFF;
}

#rss {
position:absolute;
right:165px;
top:18px;
}

#bordswirl {
position:absolute;
right:0;
top:0;
z-index:5000;
}

#img {
background:transparent url(style/images/logga.gif) no-repeat scroll 50% 50%;
height:250px;
width:250px;
}

#img p {
color:#663333;
font-family:georgia;
font-size:medium;
font-weight:bold;
position:relative;
text-align:center;
top:200px;
}

#flash {
border:1px solid #DDDDDD;
height:242px;
position:relative;
width:652px;
}

#container {
width:900px;
left:0px;
}

#content {
background:#FAF8EE none repeat scroll 0 0;
float:left;
margin-top:10px;

}

.post h2 {
display:none;
}

/*---------------*/		
/*   Start sida  */
/*---------------*/

#col-1 {
float:left;
height:100%;
padding:15px 0 20px 0;

}

#col-2 {
float:left;
width:100%;
padding:15px 0 20px 0;
color:#663333; /*#8D6F55;*/
font-family:Arial;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-align:justify;
}

#col-1 #col-2 a {
color:#303030;
font-family:Arial;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align:justify;
}

#col-2 ul li {
	margin-bottom: 15px;
}

#calendar_wrap {
width:90%;
text-align:center;
}

#wp-calendar {
text-align:center;
width:200px;
}

#contentbelow {
background:#faf8ee;
padding:10px 0;
margin-top:10px;
}

/*------TJ-------*/		
/* Internal Posts*/
/*---------------*/
#contents .in_post {
	float: left;
	padding:0;
	width: 560px;
	background:url("images/post_bottom.gif") no-repeat bottom left;
}
#contents .in_post a {
	color:#8D6F55;
}
#after_ad{
clear:both; 
}
.in_entry {
	text-align:justify;
	color: #808080;
	width: 600px;
	padding: 1px 10px 0 12px;
	clear:both;
	font: 12px Arial;
	overflow: hidden;
}

.in_entry blockquote {
	border-left: 7px solid #efefef;
	font-style:italic;
	padding:0 0 0 15px;
	margin: 0px 15px;
}

.in_entry a {
	color: #8D6F55;
	text-decoration: none;
}

.in_entry a:hover {
	text-decoration: underline;
}

.in_entry img {
	padding: 3px;
	border: 1px solid #8D6F55;
}

.kommentar {
float:left;
padding-top:100px;

}

.newsad {
padding:15px;

}

.newsad img {
border:1px solid #8D6F55;
padding:3px;
}

/*------TJ-------*/		
/*  Recent Data  */
/*---------------*/
	
#recent_data {
	width: 570px;
	background: url("images/recent_bg.gif") repeat-y;
	margin-bottom: 15px;
	display:block;
	position:relative;
}

#recent_data_top {
	width: 570px;
	background: url("images/recent_top.gif") no-repeat;
}

#recent_data_bottom {
	width: 570px;
	padding: 0 0 10px 0px;
	background: url("images/recent_bottom.gif") no-repeat left bottom;
	overflow: hidden;
}


.recent_data_container {
	width: 270px;
	float: left;
	padding-left:10px;
}

.recent_data_container h3 {
	color: #8D6F55;
	padding: 7px 10px 10px 14px;;
	font: bold 12px tahoma;
	line-height:20px;
	background:url("images/recent_bullet.gif") no-repeat left;
}

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

.recent_data_container ul li {
	color: #ffffff;
	font:14px tahoma;
	height:35px;
	overflow:hidden;
	width:250px;
	border-bottom: 1px dotted #666666;
}

.recent_data_container ul li a {
	color: #999999;
	text-decoration: none;
	display: block;
	padding: 0px;
}

.recent_data_container ul li a:hover {
	text-decoration: none;
	background-color: #fefefe;
}

.recent_data_container ul li a span {
	color: #666666;
	font:  10px Arial, Verdana, Sans-Serif;
	display: block;
	margin-bottom: 4px;
}

.recent_data_container ul li ul {
	display: none;
}


/*---------------*/		
/*    Top Post   */
/*---------------*/


#contents .top_post {
	float: left;
	padding:0;
	margin: 120px 0 10px 0;
	height:280px;
	width: 560px;
	background:url("images/post_bottom.gif") no-repeat bottom left;
}


.post_title {
	width: 600px;
	color: #848484;
	font: 10px Arial;
}

.post_title h2 {
	color: #cfcfcf;
	font: 18px Arial;
	padding:5px;
	margin-left:7px;
	width:560px;	
}

.post_title h2 a {
	color:#663333; /*#8D6F55;*/
	text-decoration: none;
}

.post_title h2 a:hover {
	text-decoration: underline;
}

.post_title a {
	color: #848484;
	text-decoration: none;
}

.post_title a:hover {
	text-decoration: underline;
}

.meta_inf {
	width: 530px;
	height: 22px;
}
.meta_inf a{
color:#8D6F55;
}	
.headline {
	float: left;
	padding-left: 5px;
	color:#8D6F55;
}
.headline_date {
	float: left;
	padding-right: 0px;
	color:#999999;
	font:14px arial;
}
.meta_date {
	float: left;
	padding-left: 12px;
	padding-bottom:12px;
	color:#999999;
	font:10px arial;
	line-height:22px;
	
}
.meta_comments {
	float: right;
	font:10px arial;
	padding-right: 35px;
	height:22px;
	line-height:22px;
}
.meta_comments a {
color:#8D6F55;
}
.read_more {
	float: left;
	font:10px arial;
	width:80px;
	text-align:left;
	height:22px;
	line-height:22px;
	
}
.read_more a {
	text-decoration:none;
}

	
.top_entry {
	text-align:justify;
	color: #808080;
	width: 600px;
	padding: 1px 10px 0 12px;
	clear:both;
	font: 12px Arial;
	margin-top:20px;
/*	height:180px; */
	overflow: hidden;
	clear:both;
}

.top_entry blockquote {
	border-left: 7px solid #efefef;
	font-style:italic;
	padding:0 0 0 15px;
	margin: 0px 15px;
}

.top_entry a {
	color: #8D6F55;
	text-decoration: none;
}

.top_entry a:hover {
	text-decoration: underline;
}

.top_entry img {
	padding: 3px;
	border: 1px solid #8D6F55;
}

.post_bottom {
	width: 560px;
	padding-top: 14px;
	line-height: 22px;
	height: 30px;
	font: 11px Arial;
	color: #cccccc;	
}

.post_cat {
	float: left;
	font:10px arial;
	padding-left: 10px;
	height:22px;
	line-height:22px;	
}

.post_cat a {
	color: #8D6F55;
}

/*---------------*/		
/*  Pages Posts  */
/*---------------*/

#content .post {
	float: left;
	/*width: 530px;*/
	margin-bottom: 10px;
	padding:10px;
}

#content .post-top {
/*	width: 540px;*/
	color: #8D6F55;
	height:120px;
	position:static;
	font: 10px Arial;
	background:url("images/top_post_top.gif") repeat-x top left;
}
#content .post-bottom {
/*	width: 540px;*/
	padding-top: 14px;
	line-height: 22px;
	height: 30px;
	font: 11px Arial;
	color: #cccccc;
}
#content .post-top a {
	color: #8D6F55;
	text-decoration: none;
}

#content .post-top a:hover {
	text-decoration: underline;
}

#content .post-top h2 {
	color: #8D6F55;
	font: 20px Arial;
	padding:5px;
}

#content .post-top h2 a {
	color: #8D6F55;
	text-decoration: none;
}

#content .post-top h2 a:hover {
	text-decoration: underline;
}

#content .meta_inf {
	width: 530px;
	height: 22px;
}

#content .post .post_ctg {
	width: 560px;
	padding-left: 14px;
	line-height: 22px;
	height: 22px;
	font: 11px Arial;
	color: #999999;
}

#content .post .post_ctg a {
	color: #8D6F55;
}

#content .post-entry {
	font: 12px Arial;
	color: #909090;			
	width: 530px;
	padding: 0 10px 0 10px;
	text-align:justify;
	margin-top:-70px;
}

#content .post-entry a {
	color: #8D6F55;
	text-decoration: none;
}

#content .post .post-entry a:hover {
	text-decoration: underline;
}

#content .post .post-entry blockquote {
	border-left: 6px solid #999999;
	margin: 0px 20px;
	padding-left: 10px;
	font-style:italic;
}

#content .post .post-entry img {
	padding: 5px;
	border: 0px;
}



/*#content .post h3 {
	margin: 20px 0 5px 0;
	color: #8D6F55;
	font: 18px Verdana;*/
}

#comment {
	background:#ffffff;
	width:500px;
	border:1px solid #606060;
}
#commentform input{
	border:1px solid #606060;
	background:#ffffff;
}
#commentform #submit{
	border:1px solid #909090;
	border-style:outset;
	background:#cccccc;
	color:#8D6F55;
	margin-top:5px;
}
		
#content .post .comments {
	font: 11px Arial;
	color: #969696;
	width: 600px;
}

#content .post .comments ol {
	margin: 10px 0;
	padding-left: 25px;
}

#content .post .comments ol li {
	padding: 5px;
}

#content .post .comments ol li a {
	color: #8D6F55;
	text-decoration: none;
}

#content .post .comments ol li a:hover {
	text-decoration: underline;
}

#content .post .comments ol li.alt {
	background: #eeeeee;
}

#content .post .comments ol li cite {
	color: #606060;
	font-style: normal;
	font-weight: bold;
}

#content .post .comments ol li cite a {
	color: #606060;
	text-decoration: none;
}

#content .post .comments ol li cite a:hover {
	text-decoration: underline;
}

#content .post .comments ol li .commentmetadata a {
	color: #aaaaaa;
	text-decoration: none;
}

#content .post .comments ol li .commentmetadata a:hover {
	text-decoration: underline;
}

#content .post #commentform {
	font: 11px Arial;
	color: #909090;
	width: 548px;
	padding-left: 25px;
	margin: 0;
}

#content .post #commentform a {
	color: #8D6F55;
	text-decoration: none;
}

#content .post #commentform a:hover {
	text-decoration: underline;
}

/*---------------*/		
/*   Mag post    */
/*---------------*/


#content .mag_posts {
	float: left;
	width: 270px;
	padding-left:10px;
	margin-bottom:10px;
	color: #858585;
	font: 11px Arial;
	
}

#content .mag_posts a {
	color: #8D6F55;
}

#content .top_mag_posts {
	width: 270px;
	background: url("images/post_mag_top.gif") no-repeat top left;
}

#content .bottom_mag_posts {
	width: 260px;
	padding-top: 3px;
	padding-bottom: 10px;
	background:url("images/post_bottom.gif") no-repeat bottom right;
}

#content .mag_posts h2 {
	padding:0;
	padding-left:12px;
	color: #ffffff;
	font: 11px verdana;
	margin:0;
	height:30px;
	text-align:left;
	
}

#content .mag_posts h2 a {
	color: #ffffff;
}

#content .top_mag_titles a{
	color: #8D6F55;
	text-decoration: none;
	font: bold 12px tahoma;
}
#content .mag_posts .mag_posts_entry {
	padding: 0px;
	margin:0;
	width: 260px;
	height: 192px;
	text-align:justify;
	overflow: hidden;
}

#content .mag_posts .mag_posts_meta {
	margin: 10px 9px 0 6px;
	width:250px;
	height: 20px;
	overflow:hidden;
}

/*---------------*/		
/*  Recent Data  */
/*---------------*/
	
#recent_data {
	width: 570px;
	background: url("images/recent_bg.gif") repeat-y;
	margin-bottom: 15px;
	display:block;
	position:relative;
}

#recent_data_top {
	width: 570px;
	background: url("images/recent_top.gif") no-repeat;
}

#recent_data_bottom {
	width: 570px;
	padding: 0 0 10px 0px;
	background: url("images/recent_bottom.gif") no-repeat left bottom;
	overflow: hidden;
	float:left;
}


.recent_data_container {
	width: 270px;
	float: left;
	padding-left:10px;
}

.recent_data_container h3 {
	color: #8D6F55;
	padding: 7px 10px 10px 14px;;
	font: bold 12px tahoma;
	line-height:20px;
	background:url("images/recent_bullet.gif") no-repeat left;
}

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

.recent_data_container ul li {
	color: #ffffff;
	font:14px tahoma;
	height:35px;
	overflow:hidden;
	width:250px;
	border-bottom: 1px dotted #666666;
}

.recent_data_container ul li a {
	color: #999999;
	text-decoration: none;
	display: block;
	padding: 0px;
}

.recent_data_container ul li a:hover {
	text-decoration: none;
	background-color: #fefefe;
}

.recent_data_container ul li a span {
	color: #666666;
	font:  10px Arial, Verdana, Sans-Serif;
	display: block;
	margin-bottom: 4px;
}

.recent_data_container ul li ul {
	display: none;
}



/*---------------*/		
/*   Sidebar     */
/*---------------*/
	
#sidebar {
	text-align:center;
	/*float: left;*/
	font: 11px Arial;
	color: #7D7D7D;
	padding:0;
	position:relative;
}
	
.sidebar_container {
	width: 185px;
	margin-bottom: 20px;
}

/*#sidebar h2 {
	width: 200px;
	height: 32px;
	padding-top:5px;
	margin-bottom: 2px;
	font: bold 14px tahoma;
	color: #333333;
	text-align:center;
	font-variant:small-caps;
	background: url("images/sidebar_title.gif") no-repeat top left;
}*/

#sidebar a {
	color: #7D7D7D;
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar ul {
	margin: 0;
	padding: 0 5px;
	list-style-type: none;
}

#sidebar ul li {
	color: #4F4F4F;
	font: 12px Arial;
	}

#sidebar ul li a {
	color: #4F4F4F;
	text-decoration: none;
	
	height:15px;
	margin:0;
	
		
	
}

#sidebar ul li a:hover {
	text-decoration: none;
	height:15px;
	color:#FF6600;
}


#sidebar ul li ul {
	margin: 0;
	padding: 0;
}

#sidebar #searchform {
	margin: 0;
	padding: 10px 0;
	width: 172px;
	text-align: center;
}

#sidebar #searchform #s {
	width: 130px;
}

#sidebar #calendar_wrap {
	width: 160px;
	margin: 0 auto;
	padding-top: 5px;
	padding-left:0;
}

#sidebar #calendar_wrap table {
	width: 160px;
}
#sidebar #calendar_wrap a {
	color:#8D6F55;
	text-decoration:underline;
}
#sidebar #calendar_wrap caption {
	margin: 0 auto;
	font-weight: bold;
}

#sidebar #calendar_wrap tbody {
	text-align: right;
}

#sidebar #calendar_wrap tfoot #next {
	text-align: right;
}

#sidebar #calendar_wrap #today {
	font-weight: bold;
}

#sidebar .textwidget {
	padding: 0 5px;
}

.sidebar_bottom {
	margin: 0px;
	padding: 0px;
	clear:both;
	height: 1px;
	width: 180px;
	display:block;
	position:relative;
}

#bokningwidget {
background:#EEE;
padding:0 15px;
border:1px solid #DDD;}


/*---------------*/		
/*     Footer    */
/*---------------*/

#footer {
height:40px;
text-align:center;
}

#footer p {
color:#663333; /*#8D6F55;*/
text-align:center;
margin:10px;
}

#footer p a {
color:#663333; /*#8D6F55;*/
}

#belowfooter {
text-align:center;
}

#post-354 a:hover {
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
background:#663333;
color:#FFF !important;
}