/*
 * EPA-LAYOUT.CSS (Design og layout)
 *
 * media: screen
 *
 * * */

html               { margin: 0; padding: 0; color: #202020 ; background: black; }
body               { margin: 0; padding: 0; }


/* * * * * *  html 5 fix  * * * * * */
section,
article,
header,
footer,
nav,
aside,
hgroup             { display: block; }

/* * * * * *  layout  * * * * * */
#background        { padding: 0; background: black; }
#wrapper           { width: 960px; height: auto; margin: 32px auto; color: #202020; background: black; background:url(img/rg_meny_bakgrunn.gif) no-repeat; }
#wrapper:after     { display: block; clear: both; content: " "; }
#header            { position: relative; width: 100%; height: 111px; }
#content           { display: inline; float: left; width: 960px; margin: 0; }
#nav			   { position:relative; float:right; text-align:right; top: -54px; width: 960px;}
#add-this		   { width: 960px; margin: -20px 0 0 0; height: 32px; color: #202020; float: left; background: black; padding: 0;}
.addthis_toolbox   { float: right; margin-right: -4px; padding: 0; }

/* * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * *      HEADER AND FOOTER      * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * *  logo  * * * * * */
#hgroup .logo                      { display: block; height: 50px; width: 131px; overflow:visible;}
#hgroup .logo a:focus              { background-color: transparent; }
#header .logo h2                   { position: absolute; top: 70px; left: 350px; margin: 0; font-size: 1.25em; color: #aaa; }

/* * * * * *  footer  * * * * * */
#footer                            { width: 100%; font-size: 0.916em; color: #808080; margin-top: 80px; margin-bottom: 20px; }
#footer .width                     { position: relative; width: 960px; margin: 0 auto; }
#footer a                          { color: #808080; text-decoration: none; }
#footer a:hover                    { color: white; text-decoration: underline; }
#footer a:active                   { background: #202020; color: black;} 
#footer p.link		               { display: inline; margin: 0 24px 0 0; float: left; font-size: 1.05em; color: #666; }
#footer p.design		           { display: inline; margin: 2px 0 0 0; float: right; font-size: 1.05em; }
#footer p.rgfooter		       	   { display: inline; margin: 0 24px 0 0; float: left; font-size: 1.05em; color: #666;}


/* * * * * * * * * * * * * * * * * * * * * * */
/* * * * * *     MAIN CONTENT      * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * */

.floatBoxes                      { width: 100%; float: left; margin-top: 60px;}
.floatBoxes article              { display: inline; float: left; width: 307px; margin: 0 19px 0 0;}
.floatBoxes article.last         { margin-right: 0; }
.floatBoxes article h2         	 { display: inline; margin: 0; padding: 0; font-weight: bold; color: white; font-size: 1.05em; line-height: 1.4em;  }
.floatBoxes article p            { display: inline; margin: 0; padding: 0; font-size: 1.05em; line-height: 1.4em; color: white; font-weight: normal;}
.floatBoxes article a            { color: #808080; font-weight: bold; text-decoration:underline}
.floatBoxes article a:hover      { color: #202020; font-weight: bold; text-decoration: underline;}
.greybox						 { float: left; background: #6d6d6d; height: 9px; width: 100%; margin-top:128px; padding: 0;}
.greybox h2 a					 { display: block; background-color: black; float: left; color: #6d6d6d; font-weight: bold; margin: -4px 16px 10px; padding: 0 10px 0 10px; height: 14px; text-decoration: none;}


/* * * * * * * * * * * * * * * * * * * * * * */
/* * * * * *     ALBUMS      * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * */

.info                      	{ width: 100%; float: left; margin-top: 32px;}
.info article              			{ display: inline; float: left; width: 100%; margin: 0 0 0 0; padding: 0; background: black; color: #FFF; font-size: 1em; line-height: 1.4em; font-weight: normal;}
.info article h3        		{ margin-top: 7px; font-size: 0.9em; line-height: 1.4em; color: #808080; font-weight: normal;}