/*
Theme Name: A Sustainable Theme
Theme URI: http://www.johanwahlberg.se/
Description: A Sustainable Theme for Berghs SoC exhibition 2010
Author: Johan Wahlberg / Berghs SoC
Version: 0.1a
*/


@font-face {  
	font-family: "Aspakz";  
	src: url(Aspakz.eot);
	src: local("Aspakz"), url(Aspakz.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
	}  

@font-face {  
	font-family: "Aspakz";  
	src: url(AspakzBold.eot);
	src: local("Aspakz Bold"), url(AspakzBold.ttf) format("truetype");
	font-weight: bold;
	font-style: normal;
	}  
@font-face {  
	font-family: "Aspakz";  
	src: url(AspakzItalic.eot);
	src: local("Aspakz Italic"), url(AspakzItalic.ttf) format("truetype");
	font-weight: normal;
	font-style: italic;
	}  

@font-face {  
	font-family: "Aspakz";  
	src: url(AspakzBoldItalic.eot);
	src: local("Aspakz Bold Italic"), url(AspakzBoldItalic.ttf) format("truetype");
	font-weight: bold;
	font-style: italic;
	if 
	}  


body {
background-color: #fff;
font-family: Aspakz, Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 12px;
color:#000;
padding:0;
margin:0;
text-align: center;
font-weight: normal;
font-style: normal;
}

p.menutext {
/*font-family: Aspakz, Arial, Helvectica, sans-serif;*/
text-transform: uppercase;
margin: 0;
padding: 0;
font-size: 16px;
}

* {
padding:0;
margin:0;
}

img {
border: 0;
}

a {
color:#666;
text-decoration:underline;
}

a:hover {
color:#999;
}

#container {
width:1000px; 
margin:0 auto;
position:relative;
text-align: left;
padding-left: 40px;
}


#header {
height:113px;
margin: 0 0 0 31px;	
}
#header_left {
float:left;
}

.top_logo {
margin: 15px 0px 0 0;
}

.top_logo_small {
margin: 45px 0px 0 0;
}

.blackbackground {
background-color: black;
}

#header_right {
float:right;
}

#content {
width:951px;
float:left;
clear:right;
min-height: 484px;
}

#content_projectlist {
width:951px;
}


h1 {
/*font-family: Aspakz, Arial, Helvectica, sans-serif;*/
font-size:16px;
text-transform: uppercase;
font-weight: bold;
padding: 6px 5px 0 8px;
width:278px;
height: 20px;
background-color: #000;
color:#fff;
}

h1 a {
color:#fff;
text-decoration:none;
}


.wide h1{
width:577px;
}


.blog h1 {
font-size:14px;
text-transform: uppercase;
font-weight: bold;
padding: 0;
margin: 8px;
background-color: inherit;
color:inherit;
}



.blog h2 {
/*font-family: Aspakz, Arial, Helvectica, sans-serif;*/
font-size:16px;
text-transform: uppercase;
font-weight: bold;
padding: 8px 5px 6px 8px;
width:577px;
height: 12px;
background-color: #000;
color:#fff;
/*margin-bottom:5px;*/
}

.blog h2 a {
color:#fff;
text-decoration:none;
}

.blog h2.archivetitle {
/*font-family: Aspakz, Arial, Helvectica, sans-serif;*/
font-size:16px;
text-transform: uppercase;
font-weight: bold;
padding: 8px 5px 6px 8px;
margin-bottom: 15px;
width:577px;
height: 12px;
background-color: #000;
color:#fff;
/*margin-bottom:5px;*/
}

.blog object {
margin: 0 -8px 0 -8px;
}


h2.widgettitle {
/*font-family: Aspakz, Arial, Helvectica, sans-serif;*/
font-size:16px;
text-transform: uppercase;
font-weight: bold;
padding: 8px 5px 6px 8px;
width:278px;
height: 12px;
background-color: #000;
color:#fff;
margin-bottom:5px;
}

h2.widgettitle a {
color:#fff;
text-decoration:none;
}




.comments {
color:#333;
margin:0 0 15px 0;
}

.comments a {
padding:0 7px 5px 0;
color:#333;
text-decoration:none;
}

.comments a:hover {
color:#c00;
}

.navigation {
font-size:11px;
padding:5px 10px;
margin:0 0 20px 0;
font-weight: bold;
text-transform: uppercase;
}

.navigation a {
color:#232323;
font-weight:bold;
text-decoration:none;
}

.navigation a:hover {
color:#666;
text-decoration:none;
}

.main {
line-height: 16px;

}

.main h2 {
font-size:14px;
font-weight:bold;
margin: 8px;
}

.main h3 {
font-size:14px;
font-weight:normal;
margin: 8px;
}

.main p img, {
margin-left:-8px;
margin-top: -9px;
margin-right:-69px;
}

.main p embed,.main p object {
margin-left:-4px;
margin-top: -9px;
margin-right:-69px;
}

.main p img.alignleft {
margin-left:-8px;
margin-right:5px;
}


.main a img {
}

.main a:hover img {
}

.main p {
margin: 9px 8px 0px 8px;
padding-right: 60px;
}

.main ol {
line-height:18px;
margin:0 0 15px 30px;
}

.main ul {
line-height:18px;
margin:0 0 15px 30px;
}

.main li {
margin:0 0 5px 0;
}

.meta {
font-size:11px;
line-height:15px;
color:#232323;
margin:5px 0 30px 0;
text-transform: uppercase;
font-weight: bold;
}

.signature {
float:left;
padding:5px 15px 4px 8px;
border-right:#fff 8px solid;
width:200px;
}

.tags {
float:left;
padding:5px 15px 4px 8px;
width:330px;
}

#sidebar {
font-size:12px;
float:right;
width:180px;
border-left:#999 1px solid;
padding:0 0 20px 15px;
margin:0 0 20px 0;
}

#sidebar h3 {
font-size:14px;
margin:20px 0 5px 0;
}

#sidebar ul {
list-style:none;
}

#sidebar ul ul {
margin:5px 0 0 10px;
}

#sidebar ul ul ul {
margin:5px 0 0 10px;
}

#sidebar ul li {
padding:0 0 5px 0;
}

#author h3 {
margin:5px 0 5px 0;
}

#searchform {
margin:15px 0 0 0;
}

#searchform input {
background:#222;
font-size:11px;
margin:2px 0;
padding:1px 4px 2px 4px;
border:#888 1px solid;
color:#eee;
}

#searchform input:hover {
background:#333;
border:#999 1px solid;
color:#fff;
cursor:pointer;
}

#searchform #s {
background:#f6f6f6;
font-size:11px;
margin:2px 0;
padding:2px 4px;
border:#aaa 1px solid;
color:#222;
}

#searchform #s:hover {
border:#c00 1px solid;
cursor:text;
}

#search {
margin: 0 auto;
}

input.searchfield {
background:#f6f6f6;
font-size:11px;
display:block;
margin:5px 0 8px 0;
padding:2px 4px;
border:#aaa 1px solid;
color:#222;
}

input.searchfield:hover {
background:#eee;
color:#222;
}

input.submit {
background:#222;
font-size:11px;
display:block;
margin:0 0 10px 0;
padding:1px 4px 2px 4px;
border:#888 1px solid;
color:#eee;
}

input.submit:hover {
background:#333;
cursor:pointer;
border:#999 1px solid;
color:#fff;
}

input.subcom {
background:#eee;
font-size:11px;
margin:0 0 10px 0;
padding:1px 4px 2px 4px;
border:#888 1px solid;
color:#222;
}

input.subcom:hover {
background:#222;
cursor:pointer;
border:#888 1px solid;
color:#eee;
}

input.comment {
background:#f6f6f6;
font-size:11px;
padding:2px 4px;
border:#aaa 1px solid;
color:#222;
}

input.comment:hover {
border:#c00 1px solid;
}

textarea {
background:#f6f6f6;
font-size:12px;
width:400px;
padding:2px 4px;
border:#aaa 1px solid;
color:#222;
}

textarea:hover {
border:#c00 1px solid;
}

.postinput small {
font-size:11px;
margin:0 0 0 5px;
}

p.logged {
font-size:12px;
}

h3.reply {
font-size:15px;
margin:0 0 10px 0;
}

.nocomments {
margin:0 0 30px 0;
}

ol#commentlist {
font-size:12px;
line-height: 16px;
list-style:none;
margin:10px 0 30px 0;
border-bottom:#bbb 1px solid;
}

#commentlist p {
padding-right: 60px;
}

#commentlist p.commentcite {
margin: 5px 0 0 0;
padding-right: 0px;
font-style: italic;
text-align: right;
}


#commentlist li {
border-top:#bbb 1px solid;
padding:10px 0 10px 0;
}

#commentlist li.bypostauthor {
border-top:#bbb 1px solid;
background-color:#f3f3f3;
}

.comment_mod {
margin:10px 0 0 10px;
}

.comment_mod em {
background-color:#fff897;
padding:1px 3px;
}

.comment_author {
margin:10px 0;
float:right;
width:190px;
}

.comment_author img {
float:left;
margin:5px 12px 0 0;
}

.comment_author p {
line-height:20px;
}

.comment_author small {
font-size:11px;
}

.comment_text {
float:left;
width:470px;
margin:0 0 0 10px;
}

.comment_text p {
line-height:18px;
margin:7px 0;
}

.comment_meta {
font-size:12px;
}

#commentform p {
line-height:18px;
margin:0 0 15px 0;
}

#postcomment {
margin-top:10px;
}

blockquote {
background:url(images/quote.gif) no-repeat top left;
padding:0 0 0 60px;
min-height:50px;
}

#footer {
color:#fff;
height: 26px;
width: 889px;
margin: 12px 0 0 31px;	
background-color: #000;
float:left;
clear:both;
line-height:12px;
text-align: center;
}

#footer a {
font-size:16px;
text-transform: uppercase;
font-weight: bold;
color:#fff;
text-decoration:none;
}

#footer a:hover {
color:#fff;
text-decoration:none;
}

#footer h2 {
/*font-family: Aspakz, Arial, Helvectica, sans-serif;*/
font-size:16px;
text-transform: uppercase;
font-weight: bold;
background-color: #000;
color:#fff;
text-decoration:none;
display:inline;
margin: 0 20px;
}



.clear {
clear:both;
}

.warning p {
background:url(images/warning.gif) no-repeat left;
height:90px;
padding:70px 0 0 90px;
font-size:16px;
margin:0 0 0 10px;
}

#wp-calendar {
padding:10px 0 0 0;
font-size:12px;
}

#wp-calendar caption {
text-align:left;
padding:0 0 5px 0;
}

#wp-calendar tr th,
#wp-calendar tr td {
padding:0 6px 0 0 ;
text-align:right;
}

#wp-calendar td a {
font-weight:bold;
}

#wp-calendar td a:hover {
font-weight:bold;
}

img.wp-smiley {
padding:0;
border:none;
}

input:focus, textarea:focus{
background-color:#ffc;
}

abbr {
border:none;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
margin:10px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

.wp-caption img {
margin:0;
padding:0;
border:0 none;
}

.wp-caption-dd {
font-size:11px;
line-height:17px;
padding:0 4px 5px;
margin:0;
}

/* self-clear floats */

.group:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* IE Hacks */


* html .group,
* html #nav ul li a {
height: 1%;
}

*:first-child+html .group {
min-height: 1px;
}

* html #nav ul li a {
display: inline;
}


/* twitter overrides*/

.twtr-hd {
visibility:hidden!important;
}


/* jquery drop down */

.menu {
margin-top:8px;
}
#footer ul { 
list-style: none; 
}
#footer ul a {
font-size: 16px;
color: #000;
}
#footer ul a:hover {
color: #fff;
font-size: 16px;
}
/* 
	LEVEL ONE
*/
.dropdown1                         { position: relative; display: inline; text-align: left; margin: 0; padding: 0; z-index: 999;}
.dropdown1 li                      { zoom: 1; z-index: 999;}
.dropdown1 a:hover		          { color: #000; }
.dropdown1 a:active                { color: #000; }
.dropdown1 li a                    { display: block; color: #000; }
.dropdown1 li a:hover              { color: #fff; }
	 								  .dropdown li:last-child a         { border: none; } /* Doesn't work in IE */
.dropdown1 li:hover                { background: #000; color: #fff; position: relative; }
.dropdown1 li.hover a              { color: #fff; }

/* 
	LEVEL TWO
*/
.dropdown1 ul 						{ width: 210px; visibility: hidden; position: absolute; top: -122px; left: 10px; }
.dropdown1 ul li 					{ background: #fff; color: #000;  height:18px; padding: 10px 0px 0px 7px;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
.dropdown1 ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
.dropdown1 ul ul 					{ left: 100%; top: 0; }
.dropdown1 li:hover > ul 			{ visibility: visible; }

/* 
	LEVEL ONE
*/
.dropdown2                         { position: relative; display: inline; text-align: left; margin: 0; padding: 0; z-index: 999;}
.dropdown2 li                      { zoom: 1; z-index: 999;}
.dropdown2 a:hover		          { color: #000; }
.dropdown2 a:active                { color: #000; }
.dropdown2 li a                    { display: block; color: #000; }
.dropdown2 li a:hover              { color: #fff; }
	 								  .dropdown li:last-child a         { border: none; } /* Doesn't work in IE */
.dropdown2 li:hover                { background: #000; color: #fff; position: relative; }
.dropdown2 li.hover a              { color: #fff; }

/* 
	LEVEL TWO
*/
.dropdown2 ul 						{ width: 221px; visibility: hidden; position: absolute; top: -66px; left: 0; }
.dropdown2 ul li 					{ background: #fff; color: #000;  height:18px; padding: 10px 0px 0px 7px;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
.dropdown2 ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
.dropdown2 ul ul 					{ left: 100%; top: 0; }
.dropdown2 li:hover > ul 			{ visibility: visible; }


/* 
	LEVEL ONE
*/
.dropdown3                         { position: relative; display: inline; text-align: left; margin: 0; padding: 0; z-index: 999;}
.dropdown3 li                      { zoom: 1; z-index: 999;}
.dropdown3 a:hover		          { color: #000; }
.dropdown3 a:active                { color: #000; }
.dropdown3 li a                    { display: block; color: #000; }
.dropdown3 li a:hover              { color: #fff; }
	 								  .dropdown li:last-child a         { border: none; } /* Doesn't work in IE */
.dropdown3 li:hover                { background: #000; color: #fff; position: relative; }
.dropdown3 li.hover a              { color: #fff; }

/* 
	LEVEL TWO
*/
.dropdown3 ul 						{ width: 221px; visibility: hidden; position: absolute; top: -66px; left: 0; }
.dropdown3 ul li 					{ background: #fff; color: #000;  height:18px; padding: 10px 0px 0px 7px;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
.dropdown3 ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
.dropdown3 ul ul 					{ left: 100%; top: 0; }
.dropdown3 li:hover > ul 			{ visibility: visible; }



#content_startpage h2 {
/*font-family: Aspakz, Arial, Helvectica, sans-serif;*/
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
}

#content_startpage h2 a {
text-decoration: none;
color: #fff;
}

#content_startpage .box p {
/*font-family: Aspakz, Arial, Helvectica, sans-serif;*/
color: #fff;
padding-top: 3px;
}


#content_startpage .box p a{
text-decoration: none;
color: #fff;
}


#content_projectlist h2 {
/*font-family: Aspakz, Arial, Helvectica, sans-serif;*/
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
}

#content_projectlist h2 a {
text-decoration: none;
color: #fff;
}


#defaultCountdown {
background-image: url('images/counter_bg.png'); 
background-repeat: no-repeat;
width:159px;
height:58px;
margin: 40px 80px 0px 0px;
padding: 7px 0px 0px 132px;	
}

#replacementCountdown {
background-image: url('images/exhib_open.png'); 
background-repeat: no-repeat;
width:291px;
height:58px;
margin: 40px 80px 0 0;
}



#imageLayout div { 
float: left; 
height: 33px; 
background: url(images/countdown.png) no-repeat 0px 0px; 

   } 
#imageLayout div.image0 { background-position: -0px 0px;  width: 16px;} 
#imageLayout div.image1 { background-position: -16px 0px;  width: 16px;} 
#imageLayout div.image2 { background-position: -32px 0px;  width: 16px;} 
#imageLayout div.image3 { background-position: -48px 0px; width: 16px;} 
#imageLayout div.image4 { background-position: -64px 0px; width: 16px;} 
#imageLayout div.image5 { background-position: -80px 0px; width: 16px;} 
#imageLayout div.image6 { background-position: -96px 0px; width: 16px;} 
#imageLayout div.image7 { background-position: -112px 0px; width: 16px;} 
#imageLayout div.image8 { background-position: -128px 0px; width: 16px;} 
#imageLayout div.image9 { background-position: -144px 0px; width: 16px;} 
#imageLayout div.imageDay { background-position: -162px 0px; width: 9px;} 
#imageLayout div.imageSep { background-position: -162px 0px; width: 9px;} 
#imageLayout div.imageSpace { background-position: -171px 0px; } 

#rightcol_blog {
text-align: right;
line-height: 16px;
}
#rightcol_blog h2{
line-height: 12px;
}


#rightcol.image p{
padding: 0px;
}

#rightcol.article {
/*padding-top: 26px;*/
/* height: 458px; */
}

.widget {
margin-bottom: 10px;
}

#rightcol_blog li {
list-style: none;
list-style-type: none;
}

.avatar {
float: left;
margin-right: 5px;
}

.leftarrow {
margin-top: 153px;
}

.rightarrow {
margin-top: 220px;
}


.addtoany_share_save {
font-family: Aspakz, Arial, Helvectica, sans-serif;
font-weight: normal;
color: black;
text-decoration: none;
padding: 0px;
font-size: 10px;
color: #000;
}

#share {
margin-left: 5px;
margin-top: 0px;
}
 
#share ul {
list-style-type: none;
list-style: none;
}

#flickr_overlay {
	position:relative;
	top:-156px;
	left:0px;
	z-index:2;
}
#flickr_background {
	position:relative;
	top: 0px;
	left: 0px;
	z-index:1;
	height: 156px;
	overflow: hidden;
}

.infobox p, .infobox h2, .infobox h3, .infobox a {
padding:8px;
color: #fff;
line-height: 16px;
}

.main p img {
margin-left:-8px;
margin-top: -9px;
margin-right:-69px;
}

.main p img.alignleft {
margin-left:-8px;
margin-right:5px;
}


.the-award-2010_override p img {
/*margin-left: 0px!important;*/
}

.the-award-2010_override h1 {
margin-top:15px;
}