﻿*
{
	padding:0;
	margin:0;
	border:0;
}
body
{
	font-family:Arial;
	font-size:62.5%;
	/*background:#000 url(../../../upload/images/templates/body_bg.jpg) repeat-x top left;*/
	background:#000;
}
.clear
{
	clear:both;
}
.stream
{
	display:none;
}
#site_frame
{
	width:100%;
	/*margin-top:16px;*/
}
.forsida
{
	background:url(../../../upload/images/frontpage/forsida.jpg) no-repeat top center;
	min-height:850px;
}
.pulsa
{
	background:url(../../../upload/images/frontpage/pulsa.jpg) no-repeat top center;
	min-height:850px;
}
.nidurhal
{
	background:url(../../../upload/images/frontpage/nidurhal.jpg) no-repeat top center;
	min-height:850px;
}
.kokkurinn
{
	background:url(../../../upload/images/frontpage/kokkurinn.jpg) no-repeat top center;
	min-height:850px;
}
.site_wrapper
{
	width:100%;
	background:url(../../../upload/images/templates/body_bg.jpg) repeat-x bottom left;
	float:left;
	
	}
.main_wrapper
{
	width:1000px;
	margin:0 auto;	
}
.site_container
{
	float:left;
	width:100%;
}
#header_area
{
	width:100%;
	height:55px;
}
#horz_nav 
{
		width:100%;
		float:left;
}
#horz_nav ul
{
	list-style-type:none;
	}
#horz_nav ul li
{
	display:inline-block;
	height:71px;
	margin:0 -10px;
	float:left;
}
#horz_nav ul li a
{
	background:transparent url(../../../upload/images/templates/nav_left.png) no-repeat scroll left bottom;
	color:#D80000;
	display:block;
	font-size:200%;
	font-weight:700;
	height:55px;
	padding-left:30px;
	text-decoration:none;
	float:left;
}
#horz_nav ul li a.selected
{
	background:transparent url(../../../upload/images/templates/nav_left_selected.png) no-repeat scroll left bottom;
	}

#horz_nav ul li a span
{
	float:left;
	background:transparent url(../../../upload/images/templates/nav_right.png) no-repeat scroll right bottom;
	display:block;
	height:38px;
	padding:5px 30px 12px 0;
	cursor:pointer;
}
#horz_nav ul li a.selected span
{
	background:transparent url(../../../upload/images/templates/nav_right_selected.png) no-repeat scroll right bottom;
	}
#content_container
{
	width:100%;
	float:left;
	margin:60px 0 -130px 0;
	
}
#content_container #column-1
{
	width:306px;
	float:left;
	padding-bottom:25px;
	position:relative;
}
.logo
{
 	padding-bottom:283px;
}
.logo a
{
	display:none;
}
#content_container #column-2
{
	margin-right:-30px;
	margin-top:175px;
	width:353px;
	float:right;
	padding-bottom:25px;
	position:relative;
}

.floating{
	left:22px;
	position:absolute;
	top:-124px;
}

#column-2 .whitebox{
	background-image:url(../../../upload/images/templates/whitebox.png);
	background-repeat:no-repeat;
	height:35px;
}

#column-2 .whitebox.top{
	background-position:-18px -18px;
}

#column-2 .whitebox_middle{
	background:url(../../../upload/images/templates/whitebox_middle.png) repeat-y;
	padding:0 33px;
	width:287px;	
	height:405px;
}
.whitebox_middle h3 a
{
	color:#D80000;
	display:block;
	font-size:145.75%;
	height:40px;
	padding:10px 0 0 40px;
	background:url(../../../upload/images/templates/mp3.gif) no-repeat left top;

} 

.whitebox_middle #content_newsarea{
	padding-top:0px;
	border:1px solid #fff;
}

.whitebox_middle .new_content{
float:left;
}

#column-2 .whitebox.bottom{
	background-position:-18px -88px;
}
	
#content_newsarea
{
	background:#fff;
}
#column-1 #news_area
{
	/*background:transparent url(../../../upload/images/templates/left_column_bg.png) no-repeat scroll left top;
	height:363px;
	overflow:hidden;
	width:293px;
	margin-left:-14px;*/
}
#column-1 #news_area .news_content
{
	/*background:#FFFFFF url(../../../upload/images/templates/left_news_arrow.png) no-repeat scroll right center;
	color:#000000;
	font-size:118.75%;
	height:250px;
	margin:40px 45px;
	overflow:hidden;
	padding:10px 20px 10px 15px;
	width:175px;*/
}
#column-1 #news_area .news_content p
{
	/*padding-top:10px;*/
}
#column-1 #news_area .news_content span
{
	/*margin:-40px 0 15px -15px;
	color:#fff;
	font-size:200%;
	display:block;*/
}
#column-1 #news_area .news_content h4 a
{
	/*color:#d80000;
	font-size:145.75%;
	padding-bottom:5px;
	text-decoration:none;
	display:block;*/
}

#column-1 #news_area .news_content ul li
{
list-style-type:none;
padding:5px 0;
}
#column-1 #news_area .news_content .more
{
	text-decoration:underline;
	color:#a6a29e;
}
.new_content .video_img
{
	float:left;
	width:75px;
}
.new_content .video_content
{
	float:left;
	padding-left:5px;		
	padding-bottom:18px;
}

.whitebox_middle #content_newsarea .detail_margin{
padding:0;
}

.new_content .video_content h2{
padding-bottom:16px;
}
.new_content .video_content h2 a
{
	font-size:12px;
	color:#505050;
	text-decoration:none;
}	

.video_content p{
	float:left;
	border-right:1px solid #9c9c9c;
	margin-right:5px;
	
}

.video_content .meira, .video_content .fb_share_link{
	background:url(../../../upload/images/templates/search_thumb.gif) no-repeat left top;
	width:16px
	height:16px;
	float:left;
	padding-left:25px;
	margin-right:5px;
	color:#9c9c9c;
	font-size:110%;
	font-weight:600;
}

.video_content .fb_share_link{
	background:url(../../../upload/images/templates/face_book_thumb.gif) no-repeat right top;
	padding:0 50px 0 0;
}
	
.ss_footer{
	background:url(../../../upload/images/templates/ss_footer.gif) no-repeat left top;
	width:175px;
	height:75px;
	float:right;
	margin:20px 26px 0 0;
}

/* Start : Scroll Pane */ 

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin-top:10px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../../../upload/images/templates/scroll_button_bg.gif) repeat-y 0 0;
}
.jScrollPaneDrag {
	position: absolute;
	background: url(../../../upload/images/templates/scroll_button.gif) repeat-y 0 0;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 11px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 11px;
}

/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

a.jScrollArrowUp {
	background: url(../../../upload/images/templates/scroll_top_arrow.gif) no-repeat 0 0;
}

a.jScrollArrowDown {
	background: url(../../../upload/images/templates/scroll_bottom_arrow.gif) no-repeat 0 0;
}

			
.scroll-pane {
	width: 283px;
	overflow: auto;
	float: left;
}

#pane2 {
	height: 180px;
}
.Navigation_List
{
bottom:108px;
height:30px;
left:0;
margin-left:38px;
position:absolute;
width:230px;
	}
.Navigation_List .Back_List a
{
background:transparent url(../../../upload/images/templates/previous.gif) no-repeat scroll 0 0;
height:17px;
margin-left:1px;
margin-top:26px;
width:23px;
float:left;
	}
.Navigation_List .Next_List a
{
background:transparent url(../../../upload/images/templates/next.gif) no-repeat scroll 0 0;
float:right;
height:17px;
margin-right:14px;
margin-top:12px;
width:23px;
	}

/* End : Scroll Pane */ 





