/*
Based on Danny Cederholm's article:
http://alistapart.com/articles/fauxcolumns/
*/

body {
  background: #D6DFE7;
  text-align: center;
  margin: 0;
  padding: 0;
  font-family: helvetica, arial, verdana, tahoma, sans-serif;
  font-size: 13px;
  line-height: 16px;
  color: #555;
}

#fauxcolumns {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
  background: url(xyz/bg.gif) repeat;
	width: 820px;
  voice-family: "\"}\""; 
  voice-family: inherit;
 	width: 800px;
}

html>body #fauxcolumns {
  width: 784px;
}

#fauxcolumnspadding {
  padding: 0 35px 0 35px;
}



/*
Format of header and footer
*/

#header {
  text-align: right;
  padding: 20px 25px 30px 0;
}  

#header img {
  border: 0;
}

#header a {
  border: 0;
}

#footer {
  background-color: #F6F8F9;
  border-top: solid #eee 1px;
  border-bottom: solid #999 1px;
  font-size: 10px;
  padding: 1px 30px;
  color: #999;
  width: 653px;
}


/*
Section for each of the pages that tells which images to use at the 
top of each page.
*/

#sectionStart,
#sectionMissing
{
  height: 120px;
  background: url(xyz/start.jpg) top left no-repeat;
}
#sectionTravel {
  height: 120px;
  background: url(xyz/reise.jpg) top left no-repeat;
}
#sectionSchool {
  height: 120px;
  background: url(xyz/skole.jpg) top left no-repeat;
}
#sectionSoccer {
  height: 120px;
  background: url(xyz/fotball.jpg) top left no-repeat;
}
#sectionMe {
  height: 120px;
  background: url(xyz/meg.jpg) top left no-repeat;
}
#sectionLinks {
  height: 120px;
  background: url(xyz/lenker.jpg) top left no-repeat;
}


#sectionLiverpool{
  height: 120px;
  background: url(xyz/liverpool.jpg) top left no-repeat;
}
#sectionLondon{
  height: 120px;
  background: url(xyz/london.jpg) top left no-repeat;
}
#sectionParis{
  height: 120px;
  background: url(xyz/paris.jpg) top left no-repeat;
}
#sectionIom{
  height: 120px;
  background: url(xyz/iom.jpg) top left no-repeat;
}
#sectionNorwich{
  height: 120px;
  background: url(xyz/norwich.jpg) top left no-repeat;
}
#sectionSanFrancisco{
  height: 120px;
  background: url(xyz/sanfrancisco.jpg) top left no-repeat;
}

#sectionFloorball{
  height: 120px;
  background: url(xyz/innebandy.jpg) top left no-repeat;
}
#sectionLiverpoolFC{
  height: 120px;
  background: url(xyz/liverpoolfc.jpg) top left no-repeat;
}
#sectionRosenborg{
  height: 120px;
  background: url(xyz/rosenborg.jpg) top left no-repeat;
}



#sectionGenealogy{
  height: 120px;
  background: url(xyz/slekt.jpg) top left no-repeat;
}
#sectionQuote{
  height: 120px;
  background: url(xyz/sno.jpg) top left no-repeat;
}
#sectionFilm{
  height: 120px;
  background: url(xyz/film.jpg) top left no-repeat;
}
#sectionBooks{
  height: 120px;
  background: url(xyz/boker.jpg) top left no-repeat;
}

#sectionGames{
  height: 120px;
  background: url(xyz/spill.jpg) top left no-repeat;
}
#sectionGamesPnC{
  height: 120px;
  background: url(xyz/spill_pnc.jpg) top left no-repeat;
}
#sectionGamesEscape{
  height: 120px;
  background: url(xyz/spill_escape.jpg) top left no-repeat;
}
span.quiet {
  display: none;
}



/*
Menu based on the article:
http://www.alistapart.com/articles/taminglists/
*/

#menu {
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-weight: none;
  line-height: 18px;
}

#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  border: 0;
}

#menu ul li {
  margin: 0;
  padding: 0;
  float: left;
  text-align: center;
  display: block;
}

#menu ul li a {
  margin: 0;
  padding: 0;
  color: #555;
  background-color: #eee;
  width: 100px;
  height: 18px;
  display: block;
  text-align: center;
  text-decoration: none;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}

#menu ul li a:hover,
#menu ul li a:hover.current,
#menu ul li a.current
{
  color: #333;
  background: #D6DFE7;
}


/*
Nesting of divs to get the boxes correct. The page below the header and menu consists of 
to boxes (maincontentcontainer and sidebarcontainer). The main container has one box with 
the content of this page. The sidebar container has one box with the sidebar content.
*/

#maincontentcontainer {
  padding: 15px 10px 40px 10px;
  margin: 0;
  width: 500px;
  float: left;
}

#maincontent {
  margin: 0;
  padding: 20px 30px 20px 20px;
  border-style: dotted;
  border-width: thin;
}

#sidebarcontainer {
  margin: 15px 0 15px 0;
  width: 175px;
  float: left;
  background-color: #EFEFEF;
  border: solid #eee 1px;
}

#sidebarcontent {
  padding: 15px 9px 0 20px;
  font-size: 12px;
  color: #777;
  line-height: 15px;
}


/*
Formatting of the sidebar.
*/
#sidebar2 h2 {
  font-size: 14px;
  margin: 0 0 3px 0;
}

#sidebar2 p {
  margin: 0 0 10px 0;
}

#sidebar2 h3 {
  font-size: 13px;
  margin: 0 0 5px 0;
}



/*
Formatting of the promotion links on the startpage.
*/
#promo img {
  border: solid #666 1px;
  margin-bottom: 7px;
}

#promo img:hover {
  border: solid #79AC63 1px;
}

#promo a {
  border: 0;
}



/*
Formatting for the whole page.
*/

a {
  color: #6392AC;
  text-decoration: none;
}

a:hover {
  color: #4271A5;
  text-decoration: none;
  border-bottom: 1px dotted #4271A5;
}

ul {
  list-style: disc url(xyz/bullet3.gif) outside;
  padding: 0;
  margin: 0 10px 10px 15px;
}

hr {
  background: transparent;
  height: 1px;
  border: 0;
  border-top: 1px dotted #ddd;
  margin: 5px 0 8px 0;
  padding: 0;
}

p {
  margin: 0 0 15px 0;
}

h1, h2, h3, h4, h5 {
  font-family: helvetica, arial, sans-serif;
}

h2 {
  margin: 0 0 10px 0;
  font-size: 21px;
  text-shadow: 3px 3px 3px #aaa;
}

h3 {
  margin: 0 0 4px 0;
  font-size: 14px;
}

h3 a {
  color: #555;
}

h4 {
  margin: 0 0 4px 0;
  font-size: 12px;
}