*  { margin: 0; padding: 0; }	
body { background: #eee; color: #333; font-family: "PT Sans Narrow", "Trebuchet MS", sans-serif; font-size: 90%; line-height: 1.5em; margin: 0; padding: 0; text-align: center; }
a { border: 0; color: #54637c; outline: none; text-decoration: none; }
a:hover { color: #000; }
h1 { clear: both; font-size: 2.2em; font-weight: bold; line-height: 1.2em; margin: 0; padding: 0 0 25px 0; }		
h2 { clear: both; font-size: 1.9em; font-weight: bold; line-height: 1em; margin: 0; padding: 0 0 5px 0; }		
h3 { clear: both; font-size: 1.7em; font-weight: bold; margin: 0; padding: 0 0 5px 0; }	
h4 { clear: both; font-size: 1.3em; margin: 0; padding: 0 0 5px 0; }	
h5 { clear: both; font-size: 1em; margin: 0;  padding: 5px 0 5px 0; }
h6 { clear: both; font-size: 0.9em; margin: 0;  padding: 5px 0 5px 0; }
p { margin: 0 0 20px 0; padding: 0; }
img { border: 0; float: left; clear: both; margin: 4px 20px 10px 0; padding: 0; }		
ul { margin: 0; padding: 0 0 15px 35px; }
ol { margin: 0; padding: 0 0 15px 36px; }
li { line-height: 1.3em; }
iframe { height: 425px; width: 100%; }
table { border-collapse: separate; border-spacing: 0; margin: 0; width: 100%; }
th, td { border-top: 1px solid #fff; border-bottom: 1px solid #ccc; font-size: 1.2em; text-align: left; padding: 5px 20px 6px 0; vertical-align: top; }
th { border-bottom: 1px solid #ccc; font-size: 1.5em; padding-top: 17px; padding-bottom: 15px; }
tr.first th { border-top: none; }
tr.last td { border-bottom: none; }
td.time { white-space: nowrap; }

/* ---( =forms )---------------------------------- */

form { margin: 0; padding: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { margin: 0; padding: 0; position: relative; }
select { margin: 0 0 10px 0; width: 200px; }
table select { width: auto; }
label { display: block; padding: 5px 0 0; }
label br { clear: left; }

/* ---( =global )---------------------------------- */

#global { background: #333; margin: 0; overflow: hidden; padding: 0; position: relative; text-align: left; width: 100%; }
#global ul { margin: 0 auto; overflow: hidden; padding: 0; width: 990px; }
#global li { float: right; line-height: 1.7em; list-style: none; margin:0; padding: 0; }
#global li a { color: #ccc; display: block; font-size: 19px; font-weight: bold; margin: 0; padding: 8px 15px 5px; } 
#global li.font a { font-family: Arial, sans-serif; padding: 8px 5px 5px; } 
#global li.small a { font-size: 12px; padding-top: 10px; }
#global li.medium a { font-size: 16px; padding-top: 9px; }
#global li.large a { font-size: 19px; padding-right: 15px; } 
#global li a:hover, #global li.active a  { color: #fff; } 
#global li.contrast a { color: #ffe400; } 

/* ---( =container )---------------------------------- */

#container { background: url(http://osloenergyforall2011.no/gfx/bg-container.jpg) repeat-x top left; height: 258px; margin: 0 0 70px; padding: 0; overflow: hidden; position: relative; text-align: left; width: 100%; }

/* ---( =header )---------------------------------- */

#header { background: url(http://osloenergyforall2011.no/gfx/bg.jpg) no-repeat -10px -40px; margin: 0 auto; overflow: hidden; padding: 32px 0 30px; width: 990px; }

/* ---( =header =profile )---------------------------------- */

#header #profile { float: left; margin: 0; padding: 0 15px 0 105px; position: relative; width: 870px;}
#header #profile #logo { display:block; float: left; }
#header #profile #logo img { clear: none; float: none; margin: 0; }	
#header #profile strong { background: url(http://osloenergyforall2011.no/gfx/bg-date.png) no-repeat left top; display:block; float: right; height: 35px; margin: 50px 0 0 0; padding: 0; text-indent: -9999px; width: 260px; }

/* ---(  =nav )---------------------------------- */

#nav { clear: both; margin: 1px auto 20px; padding: 0 10px 0 0; overflow: hidden; text-align: center; width: 980px; }
#nav ul { float: left; list-style: none; margin: 0; padding: 0; text-transform: uppercase; width: 760px; }
#nav li { display: inline; float: left; font-size: 1.25em; margin: 0; padding: 0; }
#nav li.last { background: url(http://osloenergyforall2011.no/gfx/bg-nav-li.jpg) no-repeat 65px 0; padding: 0 5px 0 0; }
#nav li a { background: url(http://osloenergyforall2011.no/gfx/bg-nav-li.jpg) no-repeat top left; display: block; border: none; color: #666; font-weight: bold; line-height: 1em; margin: 0; outline: none; padding: 23px 11px 21px; text-decoration: none; }
#nav li a:hover, #nav li.active a { background: url(http://osloenergyforall2011.no/gfx/bg-nav-li-active.jpg) no-repeat top left; color: #000; text-decoration: none; }

/* ---( =form )---------------------------------- */

#nav .form { background: url(http://osloenergyforall2011.no/gfx/bg-search.png) no-repeat top left; float: right; height: 35px; margin: 14px 0 0 0; padding: 6px 6px 0; position: relative; width: 184px; }
#nav .form input.intext { background: none; border: 0; color: #999; float: left; font-family: "PT Sans Narrow", "Trebuchet MS", sans-serif; font-size: 1em; font-weight: bold; padding: 3px 2px 4px 8px; margin: 0; vertical-align: bottom; width: 150px; }
#nav .form input.intext:focus { outline: none; }
#nav .form input.inbutton { float: right; padding: 6px 8px 6px 0; vertical-align: bottom; }

/* ---( =aside )------------------------------- */

#aside { float: left; margin: 0; padding: 0; width: 300px; }
#aside img { float: right; margin: 0; }
#aside ul { float: right; list-style-type: none; margin: 0; padding: 0; }
#aside li { margin: 0; padding: 3px 0 3px 0; width: 185px; }
#aside li li { padding: 0; }

/* ---( =aside =a )------------------------------- */

#aside li a { display: block; font-size: 1.5em; font-weight: bold; line-height: 1em; margin: 0; padding: 1px 10px 2px 0; text-decoration: none; width: 175px; }
#aside li.active li a { color: #54637c; font-size: 1.2em; font-weight: bold; padding: 1px 10px 2px 15px; width: 160px; }
#aside li.active li.active li a { padding-left: 30px; width: 145px; }

/* ---( =aside =active =a )------------------------------- */

#aside li.active a { color: #000; font-weight: bold; }
#aside li.active li.active a { color: #000; font-weight: bold; }
#aside li.active li.active li.active a { color: #000; font-weight: bold; }

/* ---( =aside =select )------------------------------- */

#aside li.active li.select { background: url(http://osloenergyforall2011.no/gfx/aside-arrow.gif) no-repeat 0px 5px; }
#aside li.active li.active li.select { background: url(http://osloenergyforall2011.no/gfx/aside-arrow.gif) no-repeat 12px 5px; }

/* ---( =aside =hover )------------------------------- */ 

#aside a:hover { color: #000; }
#aside li.active li a:hover { color: #000; background: url(http://osloenergyforall2011.no/gfx/aside-arrow.gif) no-repeat 0px 5px; }
#aside li.active li.active li a:hover { color: #000; background: url(http://osloenergyforall2011.no/gfx/aside-arrow.gif) no-repeat 12px 5px; }

/* ---( =section )------------------------------- */

#section { margin: 40px 0; overflow: hidden; padding: 0; position: relative; text-align: left; width: 100%; }

/* ---( =content )------------------------------- */

#content { margin: 0 auto; overflow: hidden; padding: 0; position: relative; text-align: left; width: 990px; }

/* ---( =article )------------------------------- */

#article { float: right; margin: 0; padding: 0 20px 20px 30px; position: relative; width: 620px; }
#article p { font-size: 1.3em; line-height: 1.3em; padding: 0; }
#article table p { font-size: 1em; line-height: 1.3em; padding: 0; margin-bottom: 10px; }
#article li { font-size: 1.3em; line-height: 1.5em; }
#article p.intro { font-size: 1.4em; }

/* ---( =placeholder )------------------------------- */

.placeholder  { clear: both; float: left; margin: 0; padding: 0; width: auto; }
.placeholder h4 { color: #000; font-size: 1.3em; font-weight: bold; padding: 0 0 8px 0; text-transform: uppercase; }
.placeholder ul { display: block; list-style-type: none; margin: 0; padding: 0 0 0 17px; }
.placeholder li { clear: both; margin: 0; padding: 0; }
.placeholder li a { display: block; margin: 0 0 8px 0; padding: 0 0 0 22px; }
.placeholder li.pdf { background: url(http://osloenergyforall2011.no/gfx/ico-pdf.gif) no-repeat 0 4px; }
.placeholder li.msword { background: url(http://osloenergyforall2011.no/gfx/ico-doc.gif) no-repeat 0 4px; }
.placeholder li.mspowerpoint { background: url(http://osloenergyforall2011.no/gfx/ico-ppt.gif) no-repeat 0 4px; }
.placeholder li.msexcel { background: url(http://osloenergyforall2011.no/gfx/ico-xls.gif) no-repeat 0 4px; }
.placeholder li.txt { background: url(http://osloenergyforall2011.no/gfx/ico-txt.gif) no-repeat 0 4px; }
.placeholder span { color: #777; }
#article .placeholder li { font-size: 1.3em; line-height: 1.2em; }

/* ---( =panel )------------------------------- */

.panel {  background: #fff; border: 1px solid #ccc; clear: both; float: left; margin: 5px 0 30px -10px; padding: 25px 30px 10px; width: 580px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 0px 10px; box-shadow: rgba(0,0,0,0.2) 0px 0px 10px; }