@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);
/*************************************************** Globals start ***************************************************/
/* Site Colors 
'Lucida Grande','Lucida Sans Unicode',Calibri,Tahoma,Arial,Sans-Serif
*/
body { font-family: 'Lucida Grande' , 'Lucida Sans Unicode' ,Calibri,Tahoma,Arial,Sans-Serif; font-size: 0.75em; line-height: 1em; height: 100%; color: #4d4d4d; background: #e0e0e0; }
h1 { font-size: 1.5em; font-weight: normal; margin-bottom: 0.6em; line-height: 1em; font-family: Cambria,Times New Roman,Georgia; }
h2 { font-size: 1.3em; font-weight: normal; margin-bottom: 0.6em; line-height: 1em; font-family: Cambria,Times New Roman,Georgia; }
h3 { font-size: 1.2em; font-weight: normal; margin-bottom: 0.5em; line-height: 1em; }
h4 { font-size: 1.1em; font-weight: bold; margin-bottom: 0.5em; line-height: 1em; }
h5 { font-size: 1.1em; font-weight: normal; margin-bottom: 0.4em; line-height: 1em; }
h6 { font-size: 1.0em; font-weight: bold; margin-bottom: 0.3em; line-height: 1em; }
p { font-size: 1em; line-height: 1.7em; margin-bottom: 1em; }
strong { font-weight: bold; }
em { font-style: italic; }

a { text-decoration: none; font-weight: bold; color: #4d4d4d; }
a:hover { text-decoration: underline; }
a.ReadMore { display: block; }

ol, ul { padding-left: 2em; margin: 1em 0; }

/*************************************************** Globals end ******************************************************/
#SiteWrapper { width: 1000px; margin: 0 auto; display: block; position: relative; z-index: 2; }
#MainBackground { z-index: 1; position: fixed; top: -50%; left: -50%; }
#SiteLogo { margin: 30px 0 0px 0; display: block; float: left; clear: both; }
#MainMenu { width: 500px; height: 30px; float: left; margin: 30px 0px 20px 0; padding: 0; clear: both; }
#SearchBar { width: 250px; height: 30px; float: right; margin: 30px 0px 20px 0; text-align: right; }
#HeaderArticles { margin: 0 0 20px 0; padding: 0; clear: both; }



#MainMenu li { list-style: none; display: inline-block; margin-right: 30px; height: 30px; }
#MainMenu li a { display: inline-block; height: 30px; line-height: 30px; font-size: 2.1em; font-weight:bold; color: #000; letter-spacing: -0.05em; text-transform: uppercase; padding: 0 2px; font-family: 'Droid Sans'; }
body.LightBack #MainMenu li a { color: #4d4d4d; }



#SearchBar label { line-height: 30px; font-size: 1.5em; color: #000; letter-spacing: -0.06em; font-weight: normal; text-transform: uppercase; }
body.LightBack #SearchBar label { color: #4d4d4d; }
#SearchBar input.SearchBox { border: 0; background: #fff url(gfx/Search.gif) no-repeat 120px center; padding: 5px 30px 5px 10px; margin-left: 10px; font-size: 1.3em; height: 20px; width: 110px; }



ul.ToolLinks { margin: 0; padding: 0; float: right; }
ul.ToolLinks li { list-style: none; display: inline-block; border-left: solid 1px #4d4d4d; line-height: 20px; margin-left: 10px; padding-left: 10px; }
ul.ToolLinks li:first-child { border: 0; }
ul.ToolLinks li a { font-family: Cambria,Times New Roman,Georgia; font-weight: normal; font-size: 1.3em; }



#HeaderArticles li.Article { list-style: none; background: #fff; overflow: hidden; width: 1000px; /*height: 335px;*/ display: block; position: relative; }
#HeaderArticles li.Article div.Image { width: 500px; float: left; position: relative; }
#HeaderArticles li.Article div.Image img { max-width: 500px; position: relative; left: 0; top: 0; z-index: 2; }
#HeaderArticles li.Article div.Image em.Byline { color: #fff; position: absolute; left: 10px; bottom: 10px; font-size: 0.8em; z-index: 3; }
#HeaderArticles li.Article div.Text { float: right; padding: 10px; width: 480px; text-align: right; display: inline; vertical-align: middle; }
#HeaderArticles li.Article div.Text h1, #Article div.Text h1 { font-size: 2.4em; margin: 0; }
#HeaderArticles li.Article div.Text p.Date, #Article div.Text p.Date { font-size: 0.9em; color: #808080; }
#HeaderArticles li.Article div.Text p.Date a, #Article div.Text p.Date a { color: #808080; letter-spacing: 0.2em; }
#HeaderArticles li.Article div.Text p.Intro { margin-bottom: 30px; }

#HeaderArticles li.Article ul.ToolLinks { position: absolute; bottom: 10px; right: 10px; float: none; }
#HeaderArticles li.Article ul.ToolLinks li a { font-size: 1.5em; }
#HeaderArticles li.Article ul.ToolLinks li.Photos a { background: url(gfx/IcoPhoto.gif) no-repeat left center; padding-left: 25px; }
#HeaderArticles li.Article ul.ToolLinks li ul#galleryThumbs { display: none; }


#Article { width: 500px; margin: 0 auto 10px auto; background: #fff; padding: 0; /* clear: both;*/ overflow: hidden; display: block; position: relative; float: left; z-index: 1; }
#Article.wide { width: 1000px; clear: both; }
#Article img.VisningsBilde { position: relative; z-index: 2; width: 500px; }
#Article em.Byline { position: relative; left: 10px; top: -20px; z-index: 3; color: #fff; font-size: 0.8em; }
#Article img.VisningsBilde.Margin { clear: left; margin-top: 20px; }
#Article div.Text { margin: 20px auto 0; padding: 10px; }
#Article div.Text a.Photos { margin: 0; display: block; font-family: Cambria,Times New Roman,Georgia; font-size: 1.3em; font-weight: normal; padding-left: 25px; background: url(gfx/IcoPhoto.gif) no-repeat left center; }
#Article div.Text a.BackLink { display: inline-block; margin: 2em 0; font-family: Cambria,Times New Roman,Georgia; font-size: 1.3em; font-weight: normal; }

#slider { float: left; height: 482px; margin: 0 0 20px 0; position: relative; }
.scroll { width: 720px; position: relative; z-index: 4; height: 482px; margin: 0 auto; }
.galleryThumbs { clear: both; margin: 0; padding: 0; position: absolute; width: 2000em; display: block; float: left; background: #000; /* margin: 0 auto; padding: 0; height: 550px; white-space: nowrap; position: relative; background: #000; */ }
.galleryThumbs li /*.panel*/ { list-style: none; display: block; float: left; text-align: center; position: relative; overflow: hidden; width: 720px; }
.galleryThumbs li a { overflow: hidden; }
.galleryThumbs li /*.panel*/ img { height: 482px; }
.galleryThumbs li /*.panel*/ em { position: absolute; left: 10px; bottom: 10px; color: #fff; font-size: 1em; }

.scrollButtons { position: absolute; top: 300px; cursor: pointer; z-index: 5; width: 50px; height: 50px; background: url(gfx/GalleryArrows.png) no-repeat 0 0; }
.scrollButtons.prev { left: 10px; background-position: 0 0; }
.scrollButtons.prev:hover { background-position: 0 -50px; }
.scrollButtons.next { right: 10px; background-position: -50px 0; }
.scrollButtons.next:hover { background-position: -50px -50px; }

#ArticleList { margin: 0; padding: 0; float: left; width: 500px; }
#ArticleList li.Article { margin-bottom: 20px; list-style: none; width: 500px; height: 200px; background: #fff; }
#ArticleList li.Article div.Text { width: 280px; float: left; padding: 10px; text-align: right; }
#ArticleList li.Article div.Text h2 { font-size: 1.5em; margin: 0; }
#ArticleList li.Article div.Text p.Date { font-size: 0.85em; color: #808080; }
#ArticleList li.Article div.Text p.Date a { color: #808080; letter-spacing: 0.2em; }
#ArticleList li.Article div.Image { width: 200px; height: 200px; float: right; overflow: hidden; }
#ArticleList li.Article div.Image img.ListeBilde { max-width: 300px; max-height: 300px; }


#SecondColumn { margin: 20px 0 0 0; padding: 0px; width: 200px; float: right; }
#SecondColumn li { list-style: none; }
#SecondColumn li h3, #GalleryList li h3, #ArchiveList li h3 { font-size: 1.5em; font-family: 'Droid Sans'; font-weight: normal; }
#SecondColumn li h3 { color: #444; }

#SecondColumn li.tema { float: left; }
#SecondColumn li.tema a { font-weight: normal; padding: 4px; line-height: 30px; color: #fff; }
#SecondColumn li.tema a.pri1 { font-size: 0.8em; }
#SecondColumn li.tema a.pri2 { font-size: 1em; }
#SecondColumn li.tema a.pri3 { font-size: 1.2em; }
#SecondColumn li.tema a.pri4 { font-size: 1.5em; }
#SecondColumn li.tema a.pri5 { font-size: 1.8em; }

#SecondColumn li.BlockItem { float: left; clear: both; margin-bottom: 20px; width: 200px; }
#SecondColumn li.BlockItem img { max-width: 200px; }
#SecondColumn li.BlockItem a.Header { font-weight: normal; }

#SecondColumn li.BlockItem div.LastTweet { font-size: 1em; overflow: hidden; color: #444; border-bottom: dotted 1px #aaa; margin-bottom: 1em; }
#SecondColumn li.BlockItem div.LastTweet p { line-height: 1.2em; float: left; }
#SecondColumn li.BlockItem div.LastTweet img.TwtImg { width: 50px; float: left; height: 50px; margin: 5px 5px 5px 0; }



#GalleryList { margin: 0 20px 0 0; padding: 10px; width: 240px; float: left; clear: both; background: #fff; }
#GalleryList li { list-style: none; overflow: hidden; margin-bottom: 10px; }
#GalleryList li div.Text { width: 120px; float: right; }
#GalleryList li img { width: 100px; float: left; margin: 0 10px 0 0; }
#GalleryList li div.Text h2 { font-size: 1.1em; margin-bottom: 0.5em; }
#GalleryList li div.Text p { font-size: 0.8em; margin-bottom: 0.5em; line-height: 1.3em; }
#GalleryList li div.Text a.ReadMore { font-family: Cambria,Times New Roman,Georgia; font-weight: normal; font-size: 1.2em; float: left; }



#ArchiveList { margin: 0; padding: 10px; width: 180px; float: right; background: #fff; clear: right; }
#ArchiveList li { list-style: none; }
#ArchiveList li a { cursor: pointer; font-weight: normal; font-family: 'Droid Sans'; }
#ArchiveList li a.year { color: #666; font-size: 1.1em; letter-spacing: 2px; font-weight: bold; }
#ArchiveList li ul.months { margin: 0; padding: 0 0 0 15px; }
#ArchiveList li ul.months li { margin: 3px 0 0 0; }
#ArchiveList li ul.months li a.month { font-size: 1.2em; color: #666; }
#ArchiveList li ul.months li ul.articles { margin: 0; padding: 0 0 0 15px; display: none; }
#ArchiveList li ul.months li ul.articles li { margin: 3px 0 0 0; }
#ArchiveList li ul.months li ul.articles li a { line-height: 1.2em; }


#commentInputTable { width: 480px; margin-top: 20px; padding-top: 20px; border-top: solid 1px #4d4d4d; }
#commentInputTable textarea { width: 350px; height: 100px; }

#CommentList { width: 500px; clear: both; float: left; margin: 0 0 0 280px; padding: 0; }
#CommentList li { background: #fff; padding: 10px; list-style-type: none; margin: 0 0 10px; }
#CommentList li:first-child { margin: 0; }
#CommentList li p.byLine { line-height: 1.1em; }
#CommentList li p.byLine span.date { font-size: 0.8em; }

#aspnetForm #RightClickBox { display: none; }
#RightClickBox { width: 300px; height: 200px; }
#ShowRightClick { display: none; }