/* -------------------------------------------------------------- 
  
   Sense 360 CMS Stylesheet
   Domain: kedjan.is
   
-------------------------------------------------------------- */

@import "css/reset.css";
@import "typography.css";
@import "css/forms.css";
@import "css/plugins/tabs.css";


/* Page
-------------------------------------------------------------- */

html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #c9c9c9 url(http://www.kedjan.is/themes/kedjan/images/background.png) repeat-x;
}

#surveyResults table {
	width: 270px !important;
}

.table-bg {
	background: #303130;
	font-weight: bold;
	color: #fff;
	padding-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
}

.qs_input {
	width: 630px;
	font-size: 100%;
	padding: 5px;
	outline: 0;
	border: 1px solid #c55028;
}
.qs_label {
	display: block;
	margin-bottom: 3px;
}

/* Header
-------------------------------------------------------------- */

#header {
	width: 957px;
	margin: 0 auto;
}
#top-nav {
	height: 30px;
	width: 953px;
	margin: 0 auto;
	position: relative;
	text-align: right;
}
.fontResizer {
	float: right;
}
img.logo {
	position: absolute;
	top: -6px;
	left: 10px;
}
/* Navigation
-------------------------------------------------------------- */

#nav {
	width: 957px;
	height: 83px;
	background: url(http://www.kedjan.is/themes/kedjan/images/navigation.png) 0 0 no-repeat;
	position: relative;
}
/* UL */
#nav ul {
	list-style-type: none;
	margin: 0;
	float: right;
	width: 709px;
	height: 83px;
}
#nav ul li {
	float: left;
}

#nav ul a * {
	display: none;
}

#nav ul a,
#nav ul a .hover {
	height: 83px;
	position: relative;
	display: block;
	background: url(http://www.kedjan.is/themes/kedjan/images/navigation.png) 0 0 no-repeat;
}

/* individual navigation items */
#nav ul a#forsida {
  background-position: -248px 0;
  width: 90px;
}

#nav ul .highlight a#forsida:hover,
#nav ul .current a#forsida,
#nav ul a#forsida .hover{
  background-position: -248px -166px;
  width: 90px;
}

#nav ul a#nefndir {
  background-position: -338px 0;
  width: 103px;
}

#nav ul .highlight a#nefndir:hover,
#nav ul .current a#nefndir,
#nav ul a#nefndir .hover {
  background-position: -338px -166px;
  width: 103px;
}

#nav ul a#myndasafn {
  background-position: -441px 0;
  width: 127px;
}

#nav ul .highlight a#myndasafn:hover,
#nav ul .current a#myndasafn,
#nav ul a#myndasafn .hover, li#current a#myndasafn {
  background-position: -441px -166px;
}

#nav ul a#myndbond {
  background-position: -568px 0;
  width: 118px;
}

#nav ul .highlight a#myndbond:hover,
#nav ul .current a#myndbond,
#nav ul a#myndbond .hover, li#current a#myndbond {
  background-position: -568px -166px;
}

#nav ul a#simaskra {
  background-position: -686px 0;
  width: 104px;
}

#nav ul .highlight a#simaskra:hover,
#nav ul .current a#simaskra,
#nav ul a#simaskra .hover, li#current a#simaskra {
  background-position: -686px -166px;
}

#nav ul a#hafa-samband {
  background-position: -790px 0;
  width: 167px;
}

#nav ul .highlight a#hafa-samband:hover,
#nav ul .current a#hafa-samband,
#nav ul a#hafa-samband .hover, li#current a#hafa-samband {
  background-position: -790px -166px;
}

/* Tables
-------------------------------------------------------------- */

table { width: 100%; border-collapse: collapse; }
thead th { background: #333; color: #fff; }
table th, table td { text-align: left; padding: 2px 5px; font-size: 100%; }

#quicksearch {
	height: 50px;
}
/* Tabs
-------------------------------------------------------------- */

#tabs {
	float: right;
	width: 267px;
}

.tab-inner {
	padding: 10px;
}

ul.tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(http://www.kedjan.is/themes/kedjan/images/tabs_header.png) no-repeat;
	height: 36px;
}

ul.tabs li {
	display: inline;
}

ul.tabs li a {
	display: block;
	height: 33px;
	padding-top: 3px;
	line-height: 36px;
	width: 100px;
	text-align: center;
	background:  url(http://www.kedjan.is/themes/kedjan/images/tab_off.png) no-repeat;
	color: #ccc;
	text-decoration: none;
	margin-left: 10px;
}

ul.tabs li a.selected,
ul.tabs li a:hover {
	background:  url(http://www.kedjan.is/themes/kedjan/images/tab_on.png) no-repeat;
	color: #fff;
}
                
ul.tabs li a:focus {
	outline: 0;
}

div.tabs > div {
	padding: 5px;
}
                
div.tabs > div h2 {
	margin-top: 0;
}

#vidburdir {
	background-color: #fff;
	height: 244px;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
}

#innskraning {
	background-color: #fff;
	height: 244px;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
}
                
.waste {
	min-height: 1000px;
}

/* Ads
-------------------------------------------------------------- */

#ad-spaces {
	margin-top: 10px;
}

#ad-spaces p {
	font-size: 0.9em;
	color: #ccc;
	margin: 0;
	padding: 0;
}

#ad-1 {
	background: url(http://www.kedjan.is/themes/kedjan/images/ads_bg.png) no-repeat;
	width: 436px;
	height: 120px;
	float: left;
	padding-top: 10px;
	padding-left: 35px;
}

#ad-2 {
	background: url(http://www.kedjan.is/themes/kedjan/images/ads_bg.png) no-repeat;
	width: 436px;
	height: 120px;
	float: right;
	padding-top: 10px;
	padding-left: 35px;
}

/* Boxes
-------------------------------------------------------------- */

#boxes {
	margin-top: 10px;
}
#boxes h2 {
		font-size: 1.3em;
		color: #fff;
		padding-left: 10px;
		padding-top: 10px;
}
.box-inner {
	padding: 10px;
}

#box-1 {
	background: url(http://www.kedjan.is/themes/kedjan/images/box_bg.png) no-repeat;
	width: 310px;
	height: 250px;
	float: left;
	position: relative;
}

#box-2 {
	background: url(http://www.kedjan.is/themes/kedjan/images/box_bg.png) no-repeat;
	width: 310px;
	height: 250px;
	float: left;
	margin-left: 12px;
}

#box-3 {
	background: url(http://www.kedjan.is/themes/kedjan/images/box_bg.png) no-repeat;
	width: 310px;
	height: 250px;
	float: right;
}
#box-3 input {
	margin-bottom: 10px;
	margin-left: 20px;
}

/* Body
-------------------------------------------------------------- */

#wrapper {
	width: 957px;
	margin: 0 auto;
	margin-top: 10px;
}
#main {
	width: 952px;
	float: right;
}
#slideshow {
	float: left;
	background: #fff;
	width:  660px;
	height: 279px;
	border: 1px solid #c2c2c2;
	padding: 5px;;
}

#sidebar {
	float: left;
	min-height: 233px;
	width: 233px;
}
#sidebar h2 {
	background: url(http://www.kedjan.is/themes/kedjan/images/sidebar_heading.png) repeat-x;
	color: #fff;
	font-size: 1.3em;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0;
	line-height: 36px;
	height: 26px;
	margin: 0;
}
.sidebar-box {
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	background: #fff;
	padding: 10px;
}
#content {
	border: 1px solid #c2c2c2;
	width: 670px;
	float: right;
	background: #fff;
	padding: 15px;
}

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	
}
#sidebar ul li a {
	display: block;
	padding: 7px;
	border-bottom: 1px solid #f2f2f2;
	color: #666;
	background: url(http://www.kedjan.is/themes/kedjan/images/arrow_off.png) no-repeat right;
}
#sidebar ul li a:hover {
	background: url(http://www.kedjan.is/themes/kedjan/images/arrow_hover.png) no-repeat right;
	color: #000;
	text-decoration: none;
}
#sidebar ul li a.current {
	background: url(http://www.kedjan.is/themes/kedjan/images/arrow_on.png) no-repeat right;
	color: #000;
	text-decoration: none;
}

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

#footer {
	padding: 20px 0;
	text-align: center;
}