/* - - - - - - - - - - - - - - - - - - - - -

Title : Salurinn
Author : Björn Hr. Björnsson
URL : www.midi.is

Description : 

Created : 14.08.07
Modified : 14.08.07 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */
* { margin: 0; padding: 0; }
html, body { height: 100%; }
body{
  background: #e7e8e7 url(img/salurbg.gif) repeat-x;
  padding:0px;
  margin:0px;
  text-align: center;
  font: 62.5% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

p, table { color: #767676; font-size: 1.2em; font-family: helvetica, arial, sans-serif; }
p { margin: 0 0 10px; line-height: 1.4em; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 {
	text-transform: uppercase;
	color: #fff;
	font-size: 2.4em;
}
h2 {
 color: #fff;
 font-size: 1.8em;
}
h3 {
	text-transform: uppercase;
	color: #505050;
	font-size: 1.2em;
}
h4 {
	color: #1d8b8f;
	font-size: 1.4em;
}
h5 {
	text-transform: uppercase;
	color: #fff;
	font-size: 1.2em;
}

/* ----- IDS ----- */
#container {
	text-align: left;
	vertical-align: middle;	
	padding: 0px;
	width: 902px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -65px; /* the bottom margin is the negative value of the footer's height */
	clear: left;
}
#header { 
	position: relative;
	width: 394px;
	height: 45px;
	padding: 35px 0 0 508px; 
	background: transparent url(img/logo.png) no-repeat 14px 12px;
	_background-image:url(img/logo.gif);
}

#toolbar {
	position: absolute;
	top: 35px;
	right: 10px;
	height: 22px;
	font-size: 1.1em;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
}
#toolbar a {
	color: #1d8b8f;
	text-decoration: none;
}
#toolbar a:hover {
	color: #666666;
	text-decoration: underline;
}
#toolbar a.small {

}
#toolbar a.large {
	font-size: 1.3em;
}
#toolbar a.larger {
	font-size: 1.4em;
}
#toolbar a.selected {
	color: #666666;
}
#toolbar a.english {
	background: url(img/english.gif) no-repeat 0 1px;
	padding: 0 0 0 26px;
	
}
#toolbar .item {
	float: left; 
	height: 22px;
	line-height: 22px;
}
#toolbar .item img {
	margin: 0 10px 0 0;
}

#toolbar .sep {
	height: 22px;
	background: url(img/toolbarsep.gif) no-repeat 0 0;
}
#toolbar .box {
	width: 110px;
	height: 16px;
	margin: 0 6px 0 23px;
	font-size: 1.1em;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: #1d8b8f;
}

#nav {
	background: #117d81;
	width: 882px;
	margin: 10px 0 0 0;
	padding: 0;
}
	#nav ul {
		height: 36px;
		width: 882px;
	}
	#nav li {
		background: #10898c url(img/navbg.gif) repeat-x;
		float: left;
		margin: 0 1px 0 0;
	}
	#nav li a { 
		float: left; 
		display: block; 
		text-decoration: none; 
		font-size: 1.1em; 
		color: #fff; 
		text-transform: uppercase;
		width: 109px; 
		height: 36px;
		line-height: 36px;
		text-align: center;  
	}
		#nav li.first a  {
			width: 110px;
			background: #10898c url(img/navfirstbg.gif) no-repeat;
		}
		#nav li.first a:hover  {
			background: #10898c url(img/navfirsthov.gif) no-repeat;
		}
		#nav li.last { margin: 0; }
		#nav li.last a {
			width: 111px;
			background: #10898c url(img/navlastbg.gif) no-repeat;
		}
		#nav li.last a:hover  {
			background: #10898c url(img/navlasthov.gif) no-repeat;
		}
		#nav li.lastcur { margin: 0 -1px 0 0; }
		#nav li.lastcur a {
			width: 111px;
			background: #10898c url(img/navlastcur.gif) no-repeat;
		}

	#nav a:hover { background: url(img/navhov.gif) repeat-x; }
	
	#nav #current a { background: url(img/navon.gif) repeat-x; }
	
#frontimage {
	float: left;
	width: 882px;
	height: 170px;
}
#alerts {	
	float: right;
	width: 315px;
	padding: 14px 0 0 16px;
	height: 156px;
}
	#alerts p 
	{
		font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		margin: 8px 0 9px;
		font-size: 1.1em;
		color: #fff;
	}
	#alerts a { color: #fff; text-transform: uppercase; font-size: 1.2em; text-decoration: none; }
	#alerts a:hover { text-decoration: underline; }
	#alerts a span { color: #fff; font-size: 1.2em; font-family: helvetica, arial, sans-serif; }
	
#content-image {
	float: left;
	background: #fff url(../images/image2.jpg) no-repeat top left;
	width: 865px;
	height: 71px;
	padding: 28px 0 0 17px;
}

#main-content { width: 882px; float: left; background: #fff url(img/contentbg.gif) repeat-y top left; }
#ticket-main-content { width: 882px; float: left; }

#sidebar { float: left; width: 221px; }
	#sidebar ul { list-style: none; background: #edebe9; width: 221px; }
	#sidebar ul li a { display: block; height: 30px; line-height: 30px; width: 201px; padding: 0 0 0 20px; background: #edebe9 url(img/sidebaroff.gif) 0 0 no-repeat; text-decoration: none; color: #1d8b8f; font-size: 1.1em; text-transform: uppercase; }
	#sidebar ul li a:hover { color: #1d688f; background: #faf9f8 url(img/sidebaron.gif) 0 0 no-repeat; }
	#sidebar #selected a { color: #1d688f; background: #faf9f8 url(img/sidebaron.gif) repeat-x; }
#page-body { float: left; width: 646px; padding: 10px 0 0 15px }
#ticket-page-body { float: left; padding: 10px 0 0 15px }

#page-tools { position: relative; height: 21px; border-bottom: 1px solid #ededed; color: #329699; text-transform: uppercase; font-size: 1.1em; }
	#page-tools span { color: #717171; } 
	#page-tools a { color: #329699; text-decoration: none; }
	#page-tools a.print { position: absolute; top: 0; right: 0; }
	#page-tools a:hover { text-decoration: underline; color: #717171; }
	
.cat-heading { position: relative; height: 21px; border-bottom: 1px solid #ededed; color: #329699; text-transform: uppercase; font-size: 1.1em; }
	.cat-heading span { color: #717171; } 
	.cat-heading a { color: #329699; text-decoration: none; }
	.cat-heading a.print { position: absolute; top: 0; right: 0; }
	.cat-heading a:hover { text-decoration: underline; color: #717171; }

#content-text {
	padding: 10px 0 0;
}
	#content-text a { color: #329699; text-decoration: none; }
	#content-text a:hover { text-decoration: underline; color: #717171; }

#event-header { padding: 0 0 25px; }	
	#event-header p { margin: 0; text-transform: uppercase; color: #4e4e4e;  }
	
#event-info {
	float: left;
}
#event-text { 
	float: left;
	width: 400px;
	margin: 0 18px 0 0;
}
#event-related {
	float: left;
	width: 226px;
}
	#event-related ul.uleventrel {
		height: 36px;
		width: 226px;
	}
	#event-related li {
		background: #117d81 url(img/btn_buy.gif) no-repeat;
	}
	#event-related li a { 
		display: block; 
		text-decoration: none; 
		font-size: 1.1em; 
		color: #fff; 
		text-transform: uppercase;
		width: 226px; 
		height: 36px;
		line-height: 36px;
		text-align: center;  
	}
	#event-related li a:hover { 
		text-decoration: none; 
		color: #fff;
		background: #117d81 url(img/btn_buy.gif) no-repeat;
	}
#event-image {
	margin: 10px 0 0;
	width: 226px;
	text-align: center;
}
	#event-image img { border: 1px solid #ededed; padding: 4px; }

#related-list { border: 1px solid #ededed; border-top: none; height: 100%; background: url(img/relatedbg.gif) no-repeat; padding: 7px 0 10px 8px; }
	#related-list h5 { color: #117d81; text-transform: none; }
	#related-list ul {
		width: 206px;
	}
	#related-list li {
		background: none;
		height: 24px;
		width: 206px;
	}
	#related-list li a { 
		color: #767676;
		text-transform: none;
		background: none;
		text-align: left;  
		width: auto;
	}
	#related-list li a:hover { 
		color: #767676;
		background: none;
		text-align: left;  
		width: auto;
		text-decoration: underline;
	}


#upcoming {
	float: left;
}



#footer {
	clear: both;
	padding: 4px 0 0;
	height: 61px;
	background: #e7e8e7 url(img/footerbg.gif) repeat-x;	
}
#footer-content {
	position: relative;
	margin: 0 auto;
	width: 882px;
	height: 61px;
	text-align: left;
}
	#footer-content dl {
		float: left;
		padding: 16px 40px 0 0;
	}
	#footer-content dt {
		font-weight: bold;
		font-size: 1.1em;
		color: #454545;
	}
	#footer-content dd {
		font-size: 1.2em;
		color: #767676;
	}
	#footer-content dd a {
		color: #1d8b8f;
		text-decoration: none;
	}
	#footer-content dd a:hover {
		color: #1d688f;
		text-decoration: underline;
	}
	#footer-content .footer-feature {
		position: absolute;
		right: 0;
		top: 0;
	}
	
/* ----- CLASSES ----- */
.box-title {
	position: relative;
	float: left;
	margin: 17px 10px 0 3px;
}
	.box-title h3 { float: left; }
	.box-title a { float: right; color: #767676; text-transform: uppercase; font-size: 1.2em; text-decoration: none; }
	.box-title a:hover { color: #1d8b8f; }
	.box-title a span { color: #1d8b8f; font-size: 1.2em; font-family: helvetica, arial, sans-serif; }
.box-content {
	float: left;
	margin: 10px 10px 0 3px;
	height: 180px;
}
.box-content a { 
	color:#329699;
	text-decoration:none;
}
.box-content a:hover { 
	color:#717171;
	text-decoration:underline;
}
	.box-content h4 a {
		color: #1d8b8f;
		text-decoration: none;
	}
	.box-content h4 a:hover {
		color: #1d688f;
		text-decoration: underline;
	}
.upcomingbox {
	width: 216px;
	padding: 10px 0 0 0;
	float: left;
}
	.upcomingbox ul { list-style: none; }
	.upcomingbox ul li a { display: block; height: 52px; width: 209px; background: #1d8b8f url(img/eventoff.gif) 0 0 no-repeat; text-decoration: none; padding: 5px 0 0 7px; }
	.upcomingbox ul li a:hover { background: transparent url(img/eventon.gif) 0 0 no-repeat; }
	.upcomingbox ul li a.hov { background: transparent url(img/eventon.gif) 0 0 no-repeat; }
	.upcomingbox ul li a span { color: #fff; font-size: 1.1em; }
	.upcomingbox ul li a span.date { font-size: 1em; text-transform: uppercase; line-height: 1.65em; }
	.upcomingbox ul li a span.heading { text-transform: uppercase; }
	.upcomingbox .upcomingpng { position: absolute; top: 0; left: 0; height: 104px; width: 216px;  behavior: url("/scripts/pngbehavior.htc"); }
	.upcomingbox .upcomingimg { position: relative; width: 216px; height: 104px; }
	
.news-item { 
	float: left;
	border-bottom: 1px solid #dddddd;
	padding: 0 0 10px;
}
	.news-item p {
		color: #4e4e4e;
	}
.news-text {
	float: left;
	width: 476px;
}
	.news-text p.db { text-transform: uppercase; color: #4e4e4e; font-size: 1.1em; }
	.news-text a span { color: #1d8b8f; font-size: 1.2em; font-family: helvetica, arial, sans-serif; }
	.news-text a:hover span { color: #717171; }
	
.news-image {
	float: left;
	width: 170px;
	text-align: center;
}
	.news-image img {
		border: 1px solid #d2d2d2;
		padding: 3px;
	}
.news {
	text-transform: uppercase;
}
.search-item { 
	border-bottom: 1px solid #dddddd;
	padding: 0 0 10px;
	margin: 0 0 10px;
}
	.search-item p {
		color: #4e4e4e;
	}
	
.sep {
	margin: 0 0 0 6px;
}
.medium {
	float: left;
	width: 441px;
}
.smalls {
	float: left;
	width: 290px;
}
.button {
	border: 1px solid #1d8b8f;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	height: 20px;
	background: #1d8b8f url(img/buttonbg.gif) repeat-x;
	padding: 0 5px;
	margin: 0;
	font-family: helvetica, arial, sans-serif;
}
.push { clear: left; height: 65px; }

.hide{
	display:none;
}
.show{
	display:block;
}

div.hr {
	background: transparent;
	height: 6px;
	margin: 0;
	padding: 0;
}
div.hr hr {
  	display: none;
}
.sepline {
	color: #e7e8e7;
	height: 1px;
	border: 0px;
	margin: 0px;
}
a.links {
	font-size: 1.2em;
}
td.center, th.center {
	text-align: center;
}
.custinfo {
	color: #505050;
	font-size: 1.2em;
}
.custinfo td {
	padding-bottom: 5px;
}
.custinfo th {
	font-size: .9em;
	color: #1d8b8f;
	padding: 0 0 2px;
	
}
div.contextdiv {
  margin-top: 20px;
}
div.contextdiv b {
  color: #505050;
  font-size: 12px;
  font-weight: normal;
}
ul.oldstuff li {
	font-size: 13px;
	line-height: 20px;
}
#tickets th {
	color: #1d8b8f;
}
#tickets td {
	color: #505050;
}
#tickets tfoot {
	color: #505050;
}