/****** CSS by Agust Atlason - Snerpa Vefhönnun ******/

/****** Global white space reset *******/

* {
    margin: 0;
    padding: 0;
}

html,body {
	margin:0;
	padding:0;
}

/****** The booooooodeeeeeee *******/

body {
	font-family: Arial, verdana, "lucida console", sans-serif;
	background: url(../img/mainBg.gif) repeat top left;
}

body.mceContentBody {
	background: none;
	background-color: white;
	font-size: 12px;
	padding: 5px;
	line-height: 17px;
}

/****** Typography ******/

/****** Headings ******/

h1 {
	font-size: 18px;
	padding: 0px;
	margin: 0px;
}

h2 {
	font-size: 16px;
	color: #48535d;
	padding: 0px;
	margin: 0px;
}

h3 {
	font-size: 16px;
	color: #48535d;
	padding: 0px;
	margin: 0px 0 0px 0;
}

h3 {
	color: #48535d;
	padding: 5px 0 0px 25px;
	background: url(../img/headIcon.gif) no-repeat 0 3px;
}


h3 a {
	color: #9f0303;
}

h4 {
	font-size: 14px;
	color: #48535d;
	padding: 0px;
	margin: 0px;
}

h5 {
	font-size: 12px;
	color: #48535d;
	padding: 0px;
	margin: 0px;
}

h6 {
	font-size: 10px;
	color: #48535d;
	padding: 0px;
	margin: 0px;
}

/***** Paragraph ******/

p {
	font-size: 11px;
}

/****** Global Links Format ******/

a {
	color: #9f0303;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #cc0000;
	text-decoration: none;
}

/****** Forms ******/

label {
	color: #666;
	font-size: 12px;
}

input, select {
	margin-bottom: 5px;
}

input, textarea, select {
	border: 1px solid #48535d;
	font-family: Arial, verdana, "lucida console", sans-serif;
	font-size: 12px;
	padding: 4px;
}

/****** Form classes ******/

.formBg {
	border: 1px solid #ccc;
	background: #ece9d7 url(../img/formBg.gif) repeat-x top left;
}

/****** RULER ******/

hr {
	border: none 0;
	border-top: 1px solid #ccc;
	width: 100%;
	height: 1px;
	margin-top: 5px;
}

/****** TOPBAR ******/

/* LEIT */

#search {
	float: left;
	height: 26px;
	padding: 3px 0 0 0;
}

#search ul {
	list-style-type: none;
}

#search li {
	float: left;
}

#search input.field {
	padding: 3px !important;
	padding: 2px;
	background: #ece9d7 url(../img/formBg.gif) repeat-x top left;
	border: 1px solid #949494;
}

#search .button {
	margin-top: -3px !important;
	margin-top: -2px;
}

/* SITEMAP */

.sitemapLink {
	float: left;
	display: inline;
	height: 26px;
	width: 26px;
	padding-top: 2px;
	margin: 2px 10px 0 5px;
	background: url(../img/sitemap.gif) no-repeat 0 0;
}

/* FLAGS */

.isFlag {
	float: left;
	display: inline;
	height: 26px;
	width: 26px;
	margin: 7px 0px 0 7px;
	background: url(../img/isFlag.gif) no-repeat 0 0;
}

.enFlag {
	float: left;
	display: inline;
	height: 26px;
	width: 26px;
	margin: 7px 0px 0 7px;
	background: url(../img/enFlag.gif) no-repeat 0 0;
}

/* TEXT BUTTONS */

#textButtons {
	float: right;
	word-spacing: 4px;
	padding-top: 2px;
	margin-right: 10px;
}

.size17 {
	font-size: 17px;
	color: #fff;
	font-weight: bold;
}

.size20 {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}

.size23 {
	font-size: 23px;
	color: #fff;
	font-weight: bold;
}

/****** MENU ******/

#menu {
	width: 178px;
	margin: 0 0 0 10px;
}

#menu ul {
	list-style-type: none;
}

#menu li {
	padding: 7px 0 7px 0;
}

#menu li a {
	display: block;
	width: 156px;
	height: 17px;
	font-size: 12px;
	color: #3f270a;
	background: url(../img/menuBg.gif) no-repeat top left;
}

#menu li a:hover {
	color: #9f0303;
}

#menu ul li a.on {
	font-weight: bold;
	color: #9f0303;
	background: url(../img/menuBgHover.gif) no-repeat top left;
}

/****** SIDEBAR CONF ******/

#valmynd {
	width: 176px;
	height: 36px;
	background: url(../img/valmynd.png) no-repeat top center;
}

* html #valmynd {
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://skrifstofuhotel.is/img/valmynd.png", sizingMethod="scale");
}

#menuEn {
	width: 176px;
	height: 36px;
	background: url(../img/menu.png) no-repeat top center;
}

* html #menuEn {
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://skrifstofuhotel.is/img/menu.png", sizingMethod="scale");
}

#aDofinni {
	width: 176px;
	height: 36px;
	margin-top: 10px;
	background: url(../img/aDofinni.png) no-repeat top center;
}

* html #aDofinni {
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://skrifstofuhotel.is/img/aDofinni.png", sizingMethod="scale");
}

#mailList {
	width: 176px;
	height: 36px;
	margin-top: 10px;
	background: url(../img/postlist.png) no-repeat top center;
}

* html #mailList {
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://skrifstofuhotel.is/img/postlist.png", sizingMethod="scale");
}

/* A Dofinni */

#aDofinniMenu {
	width: 178px;
	/*margin: 0 0 0 25px;*/
}


#aDofinniMenu ul {
	list-style-type: none;
}

#aDofinniMenu li {
	width: 178px;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #ccc;
}


.aDofinniDate {
	font-size: 10px;
	color: #333;
}

/* Póstlisti */

#mailListBox {
	position: relative;
	padding: 0 0 0 4px;
	height: 75px;
}

#mailListBox label {
	display: block;
	padding: 0 0 3px 0;
	font-size: 11px;
}

#mailListEmail {
	width: 158px;
}

#mailListEmail {
	margin: 0;
	line-height: 13px;
}

#mailListBottom {
	padding-left: 2px;
}

#mailListBottom label {
	float: left;
	display: inline;
	line-height: 13px;
	padding: 0px 12px 0 3px;
	margin-top: 9px;
	
}

#mailListBottom input {
	float: left;
	padding: 0;
	margin-top: 9px;
	border: none;
	width: 13px;
	height: 13px;
}

#mailListBottom #mailListSubmit {
	border: none;
	line-height: 13px;
	width: 45px;
	height: 20px;
	margin: 4px 0 0 10px;
}

#mailListMessage {
	width: 156px;
	padding: 5px;
	border: 1px solid #908c1b;
	background-color: #fffdc0;
	margin-bottom: 5px;
}

#mailListMessage img {
	vertical-align: middle;
	border: none;
	margin-right: 3px;
}

/****** LAYOUT ******/

#container {
	width: 960px;
	\width: 980px;
	w\idth: 960px;
	/*border: 1px solid gray;*/
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	overflow: hidden;
}

#top {
	width: 960px;
	height: 28px;
	margin: 5px 0;
	background: url(../img/bar.gif) no-repeat top left;
}

a.logo {
	float: left;
	width: 230px;
	height: 191px;
	display: block;
	background: url(../img/logo.gif) no-repeat top left;
}

#banner {
	float: left;
	width: 725px;
	height: 191px;
	padding: 0px;
	margin: 0 0 5px 4px;
	background: url(../img/banner2.jpg) no-repeat top left;
}

#content {
	float: left;
	color: #333;
	width: 725px;
	margin: 0 0 5px 4px;
}

#contentBoxTop {
	width: 725px;
	height: 2px;
	font-size: 1px;/* IEfix */
	background: url(../img/contentBoxTop.gif) no-repeat top left;
}

#contentBoxMiddle {
	width: 685px;
	padding: 5px 20px;
	background: url(../img/contentBoxMiddle.gif) repeat-y top left;
}

#contentBoxBottom {
	width: 725px;
	height: 2px;
	font-size: 1px;/* IEfix */
	background: url(../img/contentBoxBottom.gif) no-repeat top left;
}

#sideBar {
	float: left;
	width: 205px;
	margin: 0;
	padding-left: 25px;
	margin-bottom: 5px;
}

#footer {
	position: relative;
	clear: both;
	width: 960px;
	height: 28px;
	margin: 5px 0;
	background: url(../img/bar.gif) no-repeat top left;
}

/* FOOTER CONF */

#footerInfo {
	text-align: center;
	color: #fff;
	padding-top: 8px;
}

#footerInfo a {
	color: #fbd59a;
	text-decoration: underline;	
}

#footerInfo a:hover {
	color: #cc0000;
}

.counter {
	position: absolute; 
	top: 5px; 
	right: 5px;
}

/****** GALLERY DISPLAY FRONT PAGE ******/

#footerBoxTop {
	width: 725px;
	height: 2px;
	font-size: 1px;/* IEfix */
	background: url(../img/contentBoxTop.gif) no-repeat top left;
}

#footerBoxMiddle {
	width: 700px;
	padding: 5px 0px 5px 23px;
	background: url(../img/contentBoxMiddle.gif) repeat-y top left;
}

#footerBoxBottom {
	width: 725px;
	height: 2px;
	font-size: 1px;/* IEfix */
	background: url(../img/contentBoxBottom.gif) no-repeat top left;
}

#galleryDisplay {
	padding-bottom: 0px;
	margin-top: 5px;
}

#galleryDisplay img {
	height: 140px;
	width: 140px;
	padding: 1px;
	border: 1px solid #48535d;
}

#galleryDisplay ul {
	list-style-type: none;
}

#galleryDisplay li {
	display: inline;
	float: left;
	text-align: center;
	padding: 0px 0px 0px 23px !important;
	padding: 0px 0px 0px 18px;
	height: 140px;
	width: 140px;
}

/****** CLASSES ******/

.center {
	text-align: center;
}

.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

img.ad {
	margin: 5px 0;
}

.centered {
	text-align: center;
}

/****** META STUFF ******/

.metaData {
	text-align: right;
	height: 12px;
	padding: 3px 10px 3px 10px;
	margin: 0;
	background: url(../img/mainBg.gif) repeat top left;
}

.printer {
	padding: 0 0 0 23px;
	background: url(../img/printer.gif) no-repeat 0px -3px;
}

#snerpill {
	margin: 0 auto;
	width: 100px;
	padding-bottom: 4px;
}

a.snerpill {
	display: block;
	height: 28px;
	width: 100px;
	background: url(../img/snerpillGray.png) no-repeat top center;
	text-align: center;
}

a.snerpill:hover {
	display: block;
	height: 28px;
	width: 100px;
	background: url(../img/snerpill.png) no-repeat top center;
}

* html a.snerpill {
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://skrifstofuhotel.is/img/snerpillGray.png", sizingMethod="scale");
}

* html a.snerpill:hover {
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://skrifstofuhotel.is/img/snerpill.png", sizingMethod="scale");
}
