﻿body, html {
	height: 100%;
	color:#666;
	font-family:Verdana;
	font-size:12px;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:small;
} html>body {font-size:small;}

a{
	text-decoration:none;
	color:#4587E0;
}

.friendContainer
{
	text-align:center;
	width:80px;
	margin-bottom:4px;
	float:left;
	
}

.friendsMore
{
	clear:both;
}

.orange a:link, .orange a:visited
{
	color:#E56717;
}

#page
{
	min-width:950px;
	position:relative;
	min-height: 100%;
}

#site
{
	position:relative;
	width:950px;
	margin: 0 auto;
	min-width:920px;
}

.StarInSky
{
	color:White;
	font-size:12px;
	position:absolute;
	background-image: red url("img/star.gif") no-repeat;
	padding:5px;
}

input 
{
	border:1px solid gray;
	padding:2px;
}

/*Aðal navigation*/

#NavBar 
{
	padding-top:10px;
	height:100px;
	font-size:14px;
}

#NavBar a
{
	float:left;
	margin-top:3px;
	color:White;
	height:27px;
	font-weight:bold;
}

#NavBar li
{
	color:White;
	height:33px;
	float:left;
	

	background-color:#0078B3;
}

.selbuttonbegin
{
	display:block;
	padding: 5px 8px 5px 8px;
}

#NavBar a:Hover, #NavBar .selected a
{
	background: url('img/new/selend.png') no-repeat right top;
}

#NavBar #begin
{
	background: url('img/new/menubegin.png') 0 0 no-repeat;
	height:33px;
	padding-right:16px;
	border:none;
}

#NavBar #end
{
	background: url('img/new/menuend.png') 0 0 no-repeat;
	height:33px;
	padding-right:16px;
	border:none;
}

#NavBar .strik
{
	margin-top:4px;
	display:block;
	padding: 0 4px 0 4px;
	font-size:18px;
	font-weight:normal;
}

#NavBar a:Hover .selbuttonbegin, .selected a .selbuttonbegin
{
	background: url('img/new/selbegin.png') no-repeat left top;
}

/*MAIN MENU END*/

#container .inside, #shortercontainer .inside, #chatcontainer .inside
{
	background-color:#E2EEF1;
}

.smallrating div {
	background:transparent url('img/rating/smallstars.png') no-repeat scroll 0px 0px;
	height:14px;
	overflow:hidden;
	width:63px;
}

#container
{
	clear:left;
	width:950px;
}

#chatcontainer
{
	width:242px;
	float:left;
	margin-left:6px;
}

#chatcontainer .top
{
	width:224px;
}

#chatcontainer .bottom
{
	width:224px;
}

#shortercontainer
{
	width:700px;
	float:left;
}

#shortercontainer .top
{
	width:684px;
}

#shortercontainer .bottom
{
	width:684px;
}

.bottom
{
	background: url('img/new/bottomcontainer.png') repeat-x;
	height:8px;
	float:left;
}

#container .bottom
{
	width:932px;
}

.topleft
{
	background: url('img/new/topleftcontainer.png') bottom right no-repeat;
	width:9px;
	float:left;
	padding-top:18px;
}

.topright
{
	background: url('img/new/toprightcontainer.png') bottom right no-repeat;
	width:9px;
	float:left;
	padding-top:18px;
}

.bottomleft
{
	background: url('img/new/bottomleftcontainer.png') no-repeat;
	width:9px;
	height:8px;
	float:left;

}

.bottomright
{
	background: url('img/new/bottomrightcontainer.png') no-repeat;
	width:9px;
	height:8px;
	float:left;
}

.inside
{
	clear:both;
	/*padding-top:8px;*/
	padding-bottom:8px;
	border-left:1px solid black;
	border-right:1px solid black;
}

body,div,ul,li,h1,h2,h3,h4,h5,h6,form,textarea,p,td, input {
	margin:0;padding:0;
}

ol,ul {list-style:none;}


a:hover{
	color:#1B73B3;
}

img {border:0;padding:0;margin:0;}

.floater
{
	float:left;
}

.clear
{
	clear:both;
}

#Top
{
	height:25px;
}

#TopRight
{
	color:#bbb;
	padding-right:38px;
	text-align: right;
	padding-top:4px;
}

#TopRight input
{
	background-color:#E2EEF1;
	color:black;
}

#TopRight a
{
	
}

.TextField
{	
	margin:0;
	padding:0;
}

.Button 
{
	border:1px solid #333;
	padding: 0 12px;
	height:20px;
	vertical-align:top;
	margin-left:6px;
	color:white;
	background-color:#01658F;
}

#Space
{
	height:10px;
}

#TopBlueLine
{
	background: url('img/TopBlueLine.png') repeat-x;
	height:7px;
}

.break
{
	clear:left;
}

#email 
{
	background: url('img/email.png') no-repeat;
	background-position: 0px -2px;
	margin-left:8px;
	text-decoration:none;
}

#flashcontent, #spjallcontent
{
	height:100%;
}

#Innihald
{
	height:550px;
}

#SpjallSide
{
	height:520px;
	width:240px;
	margin:0 auto;
}

#content object
{
	width: 100%;
	height: 100%;
}


#LeftMenu
{
	float:left;
	width:150px;
	padding: 38px 2px 60px 60px;
	
}

#Frettir
{
	float:left;
	margin-top:38px;
	margin-bottom:50px;
	padding: 0px 2px 60px 60px;
	width:400px;
}


#NyrAdgangur
{
	float:left;
	margin: 50px 0 50px 0;
	padding: 0 0 60px 60px;
	width:620px;
}

#AdgangurPage
{
	width:900px;
}

.HeadFrett
{
	margin-bottom:4px;
	width:400px;
}

.ProfileContent
{
	padding:40px;
}

.box a
{
	
}

.title
{
	border-bottom: 2px dotted #94C8EF;
	font-size:20px;

}

.gametitle
{
	font-size:20px;
	display:block;
	margin-left:20px;
	padding:4px;
}

.gamedesc
{
	margin-bottom:100px;
}

.FrettContent:Hover
{
	color:#333;
}

.LeftContent
{
	padding:10px 0 20px 0;
	width:380px;
	float:left;
}

.RightContent
{
	padding:10px 0 20px 0;
	width:400px;
	float:right;
}

#Comments
{
	width:720px;
}

#Stjornandi
{
	background: url('img/stjorn.png') no-repeat;
	background-position: 0px 0px;
	padding-left:18px;
	padding-bottom:5px;
}

.LeitRes
{
	margin-left:120px;
}

h1, h2, h3, h4, h5, h6{
	font-family:Arial;	
	padding: 0;		
	margin: 0;
	color: #1b73b3;
}

h4
{
	font-size:1.2em;
}

h3
{
	font-size:1.6em;
}

.bheader {
	font-weight:bold;
	margin-bottom:5px;
	padding-left:10px;
	font-size:11pt;
}

.date {
	margin-left:10px;
	font-size:8pt;
	color:#888;
}

.small {
	font-size:10px;
}

.bcontent 
{

}

.comment div.header
{
	margin-bottom:10px;
}

.comment span.name img
{

	
}

.comment
{
	
	padding: 5px 5px 5px 8px;
	margin-left:20px;
	margin-bottom:14px;
	border:1px solid #aaa;
	width:702px;
	background-color:#D6E8CF;
}

.CommentLeft
{
	margin-top:8px;
	float:left;
	width:80px;
}

.CommentRight
{
	float:left;
	min-height:76px;
	padding:8px;
	
	width:604px;
	background-color:#eee;
	border:1px dotted gray;
	color:#333;
}

#CommentHead
{
	margin:40px 0 30px 0;
}

span.name
{
	background: url(img/comment.png) 0px 2px no-repeat;
	padding-left:18px;
}

.CommentMynd a {
	text-decoration:underline;
}

#TopRightSettings {
	padding-top:2px;
}

.SkraningBil {
	margin-bottom:4px;
	width:120px;
}

#Fela {
	text-align:right;
	padding-right:40px;
}


#SkraAthugasemd {
	margin-top:40px;
	margin-bottom:30px;
}

.FrettContent
{
	margin-top:4px;
	margin-bottom:14px;
}

#Samtykkja
{
	border:1px solid #8293C3;
	background-color:#E6F1F9;
}


/*BOX START*/

#BoxContent
{
	width:850px;
	margin: 0px auto 0 auto;
}

.smallbox
{
	float:left;
	width:280px;
	height:120px;
	margin-left:2px;
	margin-top:18px;
}

.widerbox
{
	float:left;
	width:480px;
	margin-left:2px;
	margin-top:18px;
	
}

.box
{
	float:left;
	width:360px;
	margin-left:2px;
	margin-top:18px;
}

.tinybox
{
	float:left;
	width:180px;
	margin-left:2px;
	margin-top:18px;
}

.box:Hover
{
	color:#333;
}

.box:Hover .boxImg
{
	background: url("img/new/thumbhover.png") 1px 0 no-repeat;
}

.boxImg 
{
	padding: 7px 10px 18px 8px;
	float:left;
	background: url("img/new/thumb.png") 2px 1px no-repeat;
}

.forsidaBoxImg 
{
	padding: 0px 10px 14px 8px;
	float:left;
	
}

.boxImgThumb
{
	padding-right:10px;
	float:left;
	height:42px;
}

.boxCont {
	margin: 0 0 0 6px;
	float:left;
	
}

/*BOX END*/

.ProfileTop
{
	width:750px;
}

.ProfileImg
{
	float:left;
	margin-right:10px;
}

.ProfileTitle
{
	border-top:1px dotted #5B9DFF;
	background-color:#CCDDEE;
	width:380px;
	padding:2px 0 0 5px;
	margin-bottom:4px;
	height:20px;
	font-size:16px;
}

.ProfileInfoBox
{
	padding-left:4px;
	float:left;
	margin-bottom:8px;
}

.ProfileBox
{
	width:350px;
	padding-left:7px;
	clear:left;
}

.CommentCount
{
	margin-bottom:24px;
	text-align:right;
	border: 1px dotted #bbb;
	padding:8px;
}

/*
Forum
*/
.Forum
{
	margin-bottom:8px;
	margin-left:68px;
	padding:4px;
}

.NewGrein
{
	margin: -8px 0 22px 84px;
	padding-left:18px;
	padding-bottom:3px;
	background: url('/img/add.png') 0px -1px no-repeat;
	
}

td.Post
{
	background: url('/img/page.png') 0px 2px no-repeat;
	padding:4px;
	
}

td.Flag
{
	background: url('/img/flag_white.gif') 0px 2px no-repeat;
	padding:4px;
	
}

.ForumPosted
{
	border-bottom:2px dotted #ddd;
}

.ForumTopic
{
	border-bottom:2px dotted #ddd;
}

table
{
	margin:0;
	padding:0;	
	font-size:12px;
}

.TopicHeader
{
	margin:8px 0 8px 0;
}

.ForumHeader 
{
	margin-left:48px;	
}

.ForumTitill
{
	padding-top:4px;
	margin: 0px 0 18px 22px;
}

.CommentForm
{
	margin-left:44px;
}

.ForumSvor
{
	margin-left:84px;
}

/*
Tabs
*/

.top {
	width:932px;
	line-height:normal;
	float:left;
	background: url('img/new/topcontainer.png') repeat-x bottom left;
	padding-bottom:7px;
}
.top ul {
	margin:0;
	padding:0;
	list-style:none;
}
.top li {
	float:left;
	background:url("img/new/tabs/left.png") no-repeat left top;
	margin:2px 2px 0 0;
	padding:0 0 0 9px;
}
.top a {
	float:left;
	display:block;
	background:url("img/new/tabs/right.png") no-repeat right top;
	padding:4px 15px 4px 6px;
	text-decoration:none;  
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.top a {float:none;}
/* End IE5-Mac hack */
.top .eye a {
	color:#1B73B3;
	padding-bottom:5px;
}

/*smá bully, fann ekki betri lausn til að hafa engin tabs*/
.emptytab {
	display:block;
	padding-bottom:11px;
}


/*
Rating / Einkunnar kerfið
*/

.rating {
	cursor: pointer;
	display: block;
	float:left;
}

.rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	clear: both;
	visibility: hidden;
}

.cancel,
.star {
	float: left;
	width: 17px;
	height: 15px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.star-left,
.star-right {
  width: 8px
}

.cancel,
.cancel a {
	background: url("img/rating/delete.gif") no-repeat 0 -16px;
}

.star,
.star a {background: url("img/rating/star.gif") no-repeat 0 0px;}
.star-left,
.star-left a {background: url("img/rating/star-left.gif") no-repeat 0 0px;}
.star-right,
.star-right a {background: url("img/rating/star-right.gif") no-repeat 0 0px;}

.LeftInfo {
	width:380px;
	float:left;
}

.RightInfo {
	width:220px;
	float:right;
}

.cancel a,
.star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0px;
}

div.rating div.on a {
	background-position: 0 -16px;
}
div.rating div.hover a,
div.rating div a:hover {
	background-position: 0 -32px;
}

#RatingContainer {
	background-color:White;
	width:620px;
	margin: 10px auto;
	padding: 8px 0 8px 8px;
	border:2px dotted gray;
}

/* Modal gluggar */

#basic-modal-content {display:none;}

#simplemodal-overlay {background-color:#000;}

#simplemodal-container {height:330px; width:340px; background-color:#FFF; border:2px solid #444; padding:12px;z-index:3200;}

#simplemodal-container input
{
	margin-top:4px;
}

#simplemodal-container p
{
	padding-top:8px;
}

#simplemodal-container a.modalCloseImg 
{
	background:url(/img/x.png) no-repeat;
    width:25px; height:29px;
    display:inline;
    position:absolute;
    top:0px;
    right:0px;
}

#simplemodal-container #basic-modal-content {padding:8px;}

#simplemodal-container h2
{
	padding-bottom:8px;
	color:#3366CC;
	margin:0;
}

.regInfo 
{
	color:Red;
	font-size:12px;
}

.hideFlash { visibility:hidden; }

.wordCount 
{

}