/*
-----------------------------------------------
Copenhagen Museum
- - - - - - - - - - - - - - - - - - - - - - - -
Filename:			copenhagen.base.css
Author:				Catch Design Limited (www.catchdesign.co.nz)
Date:					13 November 2009

----------------------------------------------- */

/* =GLOBAL
----------------------------------------------- */

/* RESET
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

body { background:#fff ; font: 63.7%/1.4 Helvetica, Arial, sans-serif; color:#525050; }

/* =Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* =Generic */
a { color:#e87911 ; text-decoration:none; }
a:hover { text-decoration: underline; color:#CA6404 }
a img, a:hover img { border: none; }
.hide { text-indent:-9999em; outline: none; }
.alignright { float:right; }
.alignleft { float:left; }
img.alignright { padding:0; margin:0; }
img.alignleft { padding:0; margin:0; }

/* =Typography */
p { font-size:1.2em;line-height:1.2;margin-bottom:11px;letter-spacing:-0.02em;}
small {}
strong {font-weight: bold;}
em { font-style:italic;}

h1 {position:absolute; left:18px; top:14px; width:193px; height:93px;}
	h1 a {display:block; width:100%; height:100%;}
h2 { color:#000 ;font-size:2.4em;font-weight:bold;letter-spacing:-0.02em;line-height:1.1;margin:2px 0 9px;}
        h2 a {color:#e87911}
h3 {font-size:1.8em; font-weight:bold; color:#525050}
        h3 a {color:#e87911}
h4 {font-size:1.4em; font-weight:bold;margin:5px 0 1px;letter-spacing:-0.01em; color:#525050}
	h4 a {color:#e87911}
	
/* =Forms */
fieldset {}
fieldset legend {display:none}
label {display:none;}
input {}
input.textbox {}
input.radio {}
input.checkbox {}
input.submit {}
textarea {}
select {}

#nav #search {margin:28px 197px 0 0; float:right;}
	#nav #search ul {margin: 0; width:auto;}
		#nav #search li {margin: 0 !important;}
	
			#search #search_input {border:none; background:url(../img/bg_search.png) no-repeat 0 0;color:#6A7A87;font-size:1.05em;height:11px;margin:5px 1px 0 0;padding:3px 4px 2px;width:65px; line-height:1;
			/* Chrome/Safari Hack */[padding-top:4px;padding-top:6px;]/* /Chrome/Safari Hack */
}

#email_signup_form {list-style-type:none;}
	#email_signup_form li {font-size:1.2em;margin-bottom:10px;}
	#email_signup_form input{color:#6A7A87;}
	#email_signup_form label {display: block;}
	#email_signup_form #btn_subscribe{background:#e87911;border:medium none;color:#FFFFFF;padding:5px;}
	

/* search results */

#searched_for {}

#search_results {margin:0 0 0 60px; width: 620px;}
	#search_results thead td {background:#FFF;font-size:1.1em;font-weight:bold;padding:3px 0 0 10px; border-bottom:1px solid #c0c0c0}
		#search_results thead .result_title {width:30%}
		#search_results thead .result_summary {width:50%}
		#search_results thead .result_date {width:20%}
		
	#search_results tbody tr {border-bottom:1px solid #e0e0e0;}
		#search_results tbody td {vertical-align:top;padding:6px 0 0 10px;}
			#search_results tbody td p {font-size:1em}
			
			#search_results tbody .resultRowOne {background:#f6fefe;}

/* pagination */

.paginate {font-size:1.2em; text-align:center}
	.paginate .pagecount,
	.paginate strong,
	.paginate a {margin-right:5px;}


/* =Lists */
ul { list-style: square; list-style-position: inside;}
ol { list-style: decimal; list-style-position: inside;}
li { font-size:1.2em;}

/* =Tables */
table { font-size:1.2em;margin-bottom:20px;}
td {}


/* =STRUCTURE
----------------------------------------------- */
#container {background:url(../img/bg_sub_page.jpg) no-repeat center top;}
	
.wrap { width:998px; margin:0 auto;}

#footer { background:url(../img/bg_footer_stretch.png) repeat-y 83px bottom; margin-bottom:20px;}

/* Masthead */


/* Primary Nav */

#nav {background:url(../img/bg_nav_top.png) no-repeat 0 0; display:block; width:998px; height:54px;}
	#nav_bg { background:url(../img/bg_nav.png) no-repeat bottom left; height:54px;}
		#nav ul {list-style:none;margin:34px 0 0 28px;}
			#nav li {float:left; margin-right:34px;font-size:1em;}
			#nav li#nav_7 {margin-right:0;}
				#nav li a {text-transform:uppercase; font-size:1.8em; color:#000; background:url(../img/nav.png) no-repeat 0 0; display:block; height:14px;}
					
					#nav #nav_1 a {background-position: 0 -56px; width:33px;}
						#nav #nav_1 a:hover,
						#nav #nav_1.selected a {background-position:0 -84px;}
						
					#nav #nav_2 a {background-position: -33px -56px; width:70px;}
						#nav #nav_2 a:hover,
						#nav #nav_2.selected a {background-position:-33px -84px;}
						
					#nav #nav_3 a {background-position: -102px -56px; width:63px;}
						#nav #nav_3 a:hover,
						#nav #nav_3.selected a {background-position:-102px -84px;}
						
					#nav #nav_4 a {background-position: -165px -56px; width:85px;}
						#nav #nav_4 a:hover,
						#nav #nav_4.selected a {background-position:-165px -84px;}
						
					#nav #nav_5 a {background-position: -249px -56px; width:83px;}
						#nav #nav_5 a:hover,
						#nav #nav_5.selected a {background-position:-249px -84px;}
						
					#nav #nav_6 a {background-position: -332px -56px; width:60px;}
						#nav #nav_6 a:hover,
						#nav #nav_6.selected a {background-position:-332px -84px;}
						
					#nav #nav_7 a {background-position: -391px -56px; width:43px;}
						#nav #nav_7 a:hover,
						#nav #nav_7.selected a {background-position:-391px -84px;}
					

/* Secondary Nav */

#subnav {background: url(../img/subnav_bottom_left.gif) no-repeat bottom left; padding-bottom:11px;width:178px;/*position:absolute; left:0; top: 167px;*/ float:left;}
	#subnav ul {background: url(../img/subnav_top_right.png) no-repeat top right; list-style:none;padding:16px 0 18px 26px;margin-left:0;}
		#subnav li {font-weight:bold; margin-bottom:10px;}
			#subnav li.selected a,
			#subnav li.selected li.selected a {color:#525050;}
			#subnav li.selected li a,
			#subnav li a {color:#fff;}
				#subnav li a:hover {}
				
#subnav.alt {background: url(../img/subnav_bottom_left.gif) no-repeat bottom left; padding-bottom:11px;width:178px;position:static;}
		
		#subnav ul ul {padding:9px 5px 0 15px;}
			#subnav ul ul li {font-size:1em;}

/* Content */

#content {padding-top:103px;position:relative;}

#columns { background:url(../img/bg_tile_main.png) repeat-y 0 0;padding-bottom:20px;min-height:300px;height:auto !important; /* IE6 min-height hack */ height:300px;}

#columns .col_1 {margin:0 14px 0 28px; width:306px;}
	#columns .col_1 p {font-size:1.2em; letter-spacing:-0.01em}

#columns .col_2 {margin:8px 10px 0 0;width:305px;}
	#columns .col_2 img {/* margin:16px 0 9px;*/}
	#columns .col_2 p {/*line-height:1.15;*/margin-bottom:14px;}
		#columns .col_2 p.read_more {margin-top:0;}

#columns .col_3 {margin: 0 0 0 0; width:310px;}
	#columns .col_3 h4 {margin: 14px 0 0 4px;}
	#columns .col_3 .clearfix {margin: 15px 0 0 1px;}
		#columns .col_3 .clearfix a {margin-right:6px;}
			#columns .col_3 .clearfix a.last {margin-right:0;}
	#columns .col_3 p.read_more {margin-top:0;}

	#columns img {margin-bottom:4px;}

#columns .col_holder {margin-left:185px; width:630px;}
	#columns .col_holder .col {width:305px; margin-right:10px;}

/* sidebar */

#sidebar {position:absolute; right: 0px; top:159px; background:url(../img/bg_sidebar_top.png) no-repeat 0 0; display:block; width:175px;}
	#sidebar ul {list-style:none;margin:34px 0 0}
		
	#sidebar li {padding:0 25px 0 37px;}
		#sidebar li a {display:block; font-weight:bold; font-size:1.3em;  color: #E87911; /* background: url(../img/btn_newsletter_listen.png) no-repeat 0 0; */}
		/*
			#sidebar #newsletter a {background-position: 0 0; width:70px; height:57px;margin-bottom:23px;}
				#sidebar #newsletter a:hover {background-position:-75px 0;}
			#sidebar #listen a {background-position: 0 -57px; width:75px; height:76px;}
				#sidebar #listen a:hover {background-position:-75px -57px;}
		*/		

		#sidebar #newsletter {background: url(../img/bg_sidebar_tile_blue.png) repeat-y 0 0;padding-bottom:9px;}
			#sidebar #newsletter a {display:block;font-size:1.8em;line-height:0; color:#e87911}
				#sidebar #newsletter a:hover {color:#ca6404; text-decoration:none}
		
		#sidebar #newsletter_bottom {background: url(../img/bg_sidebar_divider.png) no-repeat 0 0; height:10px}
			
		#sidebar #listen {background: url(../img/bg_sidebar_tile_yellow.png) repeat-y 0 0;padding-bottom:8px;padding-top:9px;}
			#sidebar #listen a {display:block;font-size:1.8em;line-height:0; color:#e87911;}
				#sidebar #listen a:hover {color:#ca6404; text-decoration:none}
				
		#sidebar #language {background: url(../img/bg_sidebar_language.png) no-repeat 0 0;height:45px;padding:39px 0 0 37px;}

			#sidebar #btn_dk,
			#sidebar #btn_dk.selected,
			#sidebar #btn_dk a,
			#sidebar #btn_dk a:hover,
			#sidebar #btn_en,
			#sidebar #btn_en.selected,
			#sidebar #btn_en a,
			#sidebar #btn_en a:hover {background-image:url(../img/btn_dk_en.png); height:17px; display:block;}
			
			#sidebar #btn_dk {background-position:0 -51px ; width:22px; margin-right:24px;}
			#sidebar #btn_dk a {background-position:0 -51px ; width:22px;}
				#sidebar #btn_dk.selected, 
				#sidebar #btn_dk a:hover {background-position:0 0 ;}
				
			#sidebar #btn_en,
			#sidebar #btn_en a {background-position:-22px 0 ; width:20px;}
				#sidebar #btn_en.selected, 
				#sidebar #btn_en a:hover {background-position:-22px -51px ;}

/* Footer */

#footer #footer_top {background:url(../img/bg_content_footer.png) no-repeat 0 0;padding:21px 0 20px;}
	#footer #footer_top ul {list-style:none; margin:0 0 0 105px;}
	
		#footer #footer_top ul ul {font-size:1em; margin-left:0}
			#footer #footer_top ul ul li {font-size:.9em;line-height:1.1;margin-right:0; width:auto; margin-bottom:6px;}
			#footer #footer_top ul li {margin-right:5px;width:106px;}
			/*
			#footer #footer_top ul li.col_1 {width:159px;}
			#footer #footer_top ul li.col_2 {width:164px;}
			#footer #footer_top ul li.col_3 {width:156px;}
			#footer #footer_top ul li.col_4 {width:159px;}
			#footer #footer_top ul li.col_5 {width:110px;}
			*/
				#footer #footer_top ul ul h4 {font-weight:bold; font-size:1.3em;line-height:1.32;}	
					#footer #footer_top ul ul a {color:#fff;}


/* =DETAIL
----------------------------------------------- */

/* read more link */
.read_more {width:100%; border-top:1px solid #aababc; text-align:right;margin:-4px 0 0; font-size:1.1em !important;padding-top:4px;line-height:0.8;}

/* contact */
#columns #contact {position:absolute; bottom: 47px; left:28px;}
	#columns #contact p {font-size:1em; color:#6c6c63; margin-bottom:8px;line-height:1}
		#columns #contact p.last {margin-bottom:25px;}
		#columns #contact .alignleft {width: 162px;}
		#columns #contact .alignright {width:144px;}
#columns #contact.alt {margin:50px 0 0 27px;position:static;}

#subnav_contact {position:absolute; left:0; top: 167px;}

/* Hero article */

#hero {/*margin:0 0 0 19px;*/padding-top:18px;/*width:800px;*/ width:640px; margin:0; float:left;}
	#hero img {margin:0 10px 10px 0;}
	#hero div.alignleft {width:230px;}
		#hero h2 {}
		#hero p {font-size:1.4em;margin-bottom:15px;}
			#hero p.read_more {font-size:1.2em !important; margin-top:-11px;}


/* Articles */
#content.inside {padding-bottom:2px;}
	.col_wide { float:left; /*margin:0 192px 0 187px;*/ width:620px; margin:0 0 0 10px;}
		.col_wide h2,
		#search_results h2 {font-size:2.8em;letter-spacing:0.03em;margin:0 0 15px;padding-top:21px;}
		.col_wide p {font-size:1.2em;line-height:1.15;margin-bottom:15px;}
		.col_wide p.caption {color:#000;font-size:1em;font-weight:bold;letter-spacing:-0.01em;line-height:1.2}
		.col_wide p.intro {color:#157D94;font-size:1.3em;font-weight:bold;letter-spacing:-0.01em;line-height:1.2}
		.col_wide img.alignleft {margin:0 15px 10px 0;}
		.col_wide img.alignright {margin:0 0 10px 15px;}

/* Home specific */

#home #container {background-image:url(../img/bg_page.png);}

#flash_holder {z-index:0;width:998px; height:340px;}
	#flash_replace {}

#home #nav {position:absolute; left:0; top:-32px;z-index:1000; background-image:url(../img/bg_nav_top_sub.png);}
#home #nav_bg { background-image:url(../img/bg_nav_home.png);}
#home #content  {z-index:900; padding-top:0;}
#home #columns {padding-top:42px; padding-bottom:0;background-image:url(../img/bg_tile_main_home.png)}
#home #sidebar {top:32px;}
#home #columns #contact {position:static;}
#home #columns .col_2 {margin: 0 15px 0 0; width:226px;}
#home #columns .col_3 {margin: 0 0 0 0; width:226px;}
#home #columns .col_3 h4 {margin:5px 0 1px}

/* icons */
.icon_excel,
.icon_flash,
.icon_image,
.icon_powerpoint,
.icon_reader,
.icon_sound,
.icon_video,
.icon_word {background:url(/_r/img/icon_excel.gif) no-repeat 0 0;padding:2px 0 3px 20px;}

.icon_flash {background-image:url(/_r/img/icon_flash.png)}
.icon_image {background-image:url(/_r/img/icon_image.png)}
.icon_powerpoint {background-image:url(/_r/img/icon_powerpoint.gif)}
.icon_reader {background-image:url(/_r/img/icon_reader.gif)}
.icon_sound {background-image:url(/_r/img/icon_sound.png)}
.icon_video {background-image:url(/_r/img/icon_video.gif)}
.icon_word {background-image:url(/_r/img/icon_word.gif)}

/* =PLUGINS
----------------------------------------------- */