/****** Main CSS stylesheet, governing the layout elements for the Morning CMS website
The CSS is currently segmented into three main files, and TRY(!!!) to keep it that way!!!
- layout.css - This layout specific CSS-stylesheet (widths, heights, float-properties, Z-indexes etc.)
- colors.css - Governing all colors for elements and type on the site
- fonts.css - Governing all font-styles and faces for the website

In addition you will find two other important stylesheets - Used when the used is avisiting the website, and when the user is logged in, such as to perform administration tasks (updates, page-creation, menu-edits etc.)

Credits: www.morning.dk
******/

*{margin:0;padding:0;border-collapse:collapse;}

/* General utility CSS classes */
.clear{clear:both;}
.top10spacer{height:10px;clear:both;}
/*.paddedWidth{margin:20px 0 0 0;}*/
/** General utility CSS classes **/

html, body{
	margin:0;
	padding:0;
}
body{margin:14px 0 0 0;}
body div#main, body div#footer{margin:0 auto;text-align:center;}
body div#main *, body div#footer *{text-align:left;}
div#shim{float:left;height:50%;margin-top:-300px;visibility:hidden;width:100%}


input.button{font-weight:900;background:#ffffff;padding:3px 2px;border:1px solid #CEDCE5}

.list{margin:0;padding:0;}
div.mainBox{height:380px;overflow:auto;width:100%;}
input.shortInput{width:20px;}
.subcurrent a{text-decoration:underline;}
.form-row{margin:10px 0;}
.form-row label{display:block;width:80px;float:left;}
.topspaced{padding-top:50px;}
.topPadded{clear:both;padding-top:24px;}
.edit_slot{border:1px solid #222;background:#fff;}
#admin_navigator{padding:20px 0;}
#admin_navigator ul, #admin_navigator ul li{list-style-type:none;text-align:left;font-weight:900;}
.pad20left{margin-left:20px;}
/* Flash Image Gallery Admin Styles */
/*.marginright30{float:left;margin-right:30%;}*/
#flashEditorArea{margin:10px;clear:both;}
#thumbImagesGallery, .marginright30{float:left;}
#gallery_buttons_top{clear:both}
#thumbImagesGallery, .gallery_left, #galleryThumbs, #filesThumbs{width:720px;}
#description_box{margin:36px 0 0 30px;}
#description_box, #image_desc_container{width:150px;float:left;}
#image_desc{height:120px;width:199px;border:0;}
#image_desc_container{border:1px solid #000;height:120px;width:200px;margin:2px 0 5px 0;}
#galleryThumbs, #filesThumbs{overflow-x:hidden;overflow-y:auto;height:450px;margin-bottom:5px;}
#filesThumbs{height:90px;}
#galleryThumbsList{margin:10px;}
#galleryThumbsList, #galleryThumbsList li{list-style-type:none;}
.slideContainer{height:200px;width:100px;margin-right:10px;clear:both}
#galleryThumbsList li{float:left;}
#slide_description{text-align:left;clear:both;}
.thumbimage{max-width:60px;max-height:80px;}
#slot_editor_buttons{margin:10px;border:solid 1px #000;background:#888;padding:6px;}
div#sidcontainer{display:none;}
.subnav{display:none;}
.subactive{display:block;}

/* Flash slideshow description CSS - For the textual descriptions that may accompany any single slide.  Additionally rules governing the related navigation between slides (previous and next, plus the counters)*/
#slide_description{position:absolute;top:525px;margin:0 auto;width:270px;height:92px;text-align:center;}
#photodesc{margin:14px 0 0 0;width:220px;height:60px;text-align:left;overflow:hidden;clear:both;}
#slideshow_controls{float:left;margin-right:4px;margin-top:16px;}
#photocounters{float:left;width:50px;text-align:center;}
#photocount{float:left;margin:4px 6px 0 0;height:16px;width:150px;text-align:left;}
.slidenav{display:block;float:left;}
/** Flash slideshow description CSS **/

/*#lightwindow_data_gallery_container a.navibutton{margin-top:4px;}*/

.hidden{display:none;}
.shown{display:block;}
.thumbnail img, img.thumbnail{width:130px;border:1px solid #CEDCE5;margin:0 20px 20px 0;margin-left:0;}
/* Backend CSS*/
#login-form{margin:0 auto;text-align:center;}
#login-form *{margin:0;text-align:left;}

.right_widgetzone #editor_content,.right_widgetzone .edit_slot{width:184px;border:1px solid #0090FF;}
/* End of Backend CSS*/
/* Charlottenborg specific CSS for layout, see also CSS for Fonts-styles and colors in fonts.css and colors.css */

	#page{clear:both;}
	#page, #contactpage-rightcol{padding-top:14px;}
	#page *{font-family:Georgia,"Times New Roman",Times;font-size:1em;color:#000;}
	a{-moz-outline:0;}
	#main{width:980px;}
	#content h1,#content h2,.right_widgetzone h2 a,.newsPage-col #content h3{font-weight:normal;color:#0090FF;}
	.date{color:#CEDCE5;}
	.date, #footer *, #globalmenu *{font-family:Arial,Helvetica,sans-serif;font-size:1em;}
	/* Menu-styles */
	#globalmenu{width:190px;}
	#globalmenu *{color:#000;font-size:14px;text-transform:uppercase;}
	#globalmenu ul{margin-right:10px;}
	#globalmenu ul, #globalmenu ul li{list-style:none;}
	#globalmenu ul li{padding:7px 0;clear:both;}
	#globalmenu ul li a{display:block;text-decoration:none;float:right;}
	/** Menu-styles **/
	/* Second-level Menu-styles */
	ul.page_submenu{display:block;padding-top:14px;}
	ul.page_submenu, ul.page_submenu li{list-style:none;clear:both;}
	ul.page_submenu, ul.page_submenu li a{color:#000;font-weight:normal;}
	/** Second-level Menu-styles **/
	/* Language-selector box styles */
	body div#main td#langselect{width:70px;margin-left:4px;text-align:right;}
	#langselect a.langlink{text-decoration:none;font-size:14px;font-weight:900;}
	/** Language-selector box styles **/
	
	/* Page footer-styles */
	#footer{width:980px;padding:23px 0;clear:both;}
	#footer *{color:#CEDCE5;font-size:11px;text-decoration:none;}
	#footer #footer_box_top,#footer #footer_box_bottom{clear:both;display:block;}
	#footer_stroke{display:block;clear:both;}
	#footer_stroke img{height:1px;margin:8px 0;}
	a.footer_link, div.footer_link_separator{display:block;float:left;margin-right:8px;}
	div.edit_slot, form.edit_slot{background:#fff;}
	/** Page footer-styles **/
	
	/* Page-specific styles */
	#page #content{ font-size:1.16em; float:left; width:658px; }
	#page #content .fullwidth{font-size:1.16em;float:left;width:100%;}
	#page div#home_row1 div.leftslot{width:352px;float:left;}
	#page div#home_row1 div.rightslot{width:306px;float:left;clear:right;}
	#page div#home_row2 div.leftslot{width:254px;float:left;}
	#page div#home_row2 div.rightslot{width:404px;float:left;clear:right;}
	/* Admin-specific, with Flash-galleri editing */
	#page.Home #content .editable_slot #edit_slot1.floatsAboveAll{float:left;width:656px;margin:0 45px 0 0;}
	#page.Home #content.inverted .editable_slot #edit_slot1.floatsAboveAll{width:980px;position:absolute;top:100px;left:100px;}
	#page.Home #content .editable_slot.EditingNoBorder{width:404px;margin:0;}
	/** Admin-specific, with Flash-galleri editing **/
/* 	#page #content.fullwidth{margin:0;width:100%;} */
	#flashpage-col-left{width:270px;margin-right:45px;float:left;}
	#flashpage-col-right{width:600px;height:450px;float:left;}
	.blogItemRow{margin:30px 0 12px 0;border-bottom:1px solid #eceaec;clear:both;}
	.newsPage-leftcol{width:600px;float:left;}
	.newsPage-rightcol{width:300px;float:left;}
	#page .inverted{background:#000;border:1px solid #9d9393;}
	#page .inverted p.tekst{padding:16px;}
	#page .right_widgetzone h2{font-size:1.16em;font-weight:900;text-align:center;}
	#page .right_widgetzone hr{height:1px;border:0;border-top:1px solid #CEDCE5;padding:0;margin:10px 0;}
	#page .right_widgetzone ul{padding-left:0;}
/*	#page .right_widgetzone ul li a{font-weight:900;text-decoration:none;}*/
	#page.page #content .toprow{background:#000;}
	/** Page-specific styles **/	
	
/* Newsbox-styles */
 	.right_widgetzone{float:right;width:264px;border:1px solid #CEDCE5;}
	#oeuvre_rightzone{height:498px}
	#home_rightzone{height:446px}
	.right_widgetzone .inner{margin:0 14px 14px 14px;}
	.right_widgetzone .inner img, .right_widgetzone .inner iframe{max-width:238px;margin-top:14px;}
	ul.news_items, ul.news_items li{list-style:none;}
	ul.news_items li{width:100%;clear:both;padding-bottom:15px;}
	/** Newsbox-styles **/
	
	/* News-page styles */
	.blogBottomBorder{height:20px;margin-bottom:20px;clear:both;border-bottom:1px solid #CEDCE5}
	/* Contact-page styles */
	#contactpage-leftcol{width:200px;float:left;}
	#contactpage-rightcol{width:630px;float:right;}
	#contactpage-rightcol div.inner{float:right;margin:0 0 14px 14px;}
	form{width:100%;}
	.contactForm{margin-top:10px;}
	.leftpos50{margin-left:50px;}
	#page .mail_field_label{display:block;padding-top:14px;}
	.mail_textarea_label{width:100%;clear:both;}
	.mail_field{width:182px;}
	.mail_textarea{width:186px;height:160px;background:#fff;border:1px solid #CEDCE5;}
	/** Contact-page styles **/
/*** END of Charlottenborg specific CSS ***/
.floatsAboveAll{position:absolute;width:1000px;z-index:5000;}
div.editable_slot.EditingNoBorder, div.editable_slot:hover.EditingNoBorder{border:none;}
.newsboxBackend{clear:both;margin-top:30px;}
.image_thumb{width:100px;margin-right:10px;}
.selectedImage{border:2px solid #aaa;}
.rightFullContent{height:350px;clear:both;margin-top:8px;}

/* Main navigation Horizontal */
#mainnavi-horiz{width:100%;height:20px;display:table;margin-top:9px;}
#mainnavi-horiz ul.site_navigation, #mainnavi-horiz ul.site_navigation li{list-style:none;}
/*#mainnavi-horiz ul.site_navigation li{float:left;padding:3px 16px 3px 16px}*/
#mainnavi-horiz ul.site_navigation li{float:left;height:20px;}
#mainnavi-horiz ul.site_navigation li a {line-height:100%;display:block;margin:4px 18px 0 20px}
#mainnavi-horiz ul.site_navigation li a{font-weight:normal;}
#mainnavi-horiz ul.site_navigation li a.first{padding-left:10px;}
/** Main navigation Horizontal **/
/* Navigatation list classes - UL-element assigned */
ul.rightangled{}
/** Navigatation list classes - UL-element assigned **/
/* Secondary navigation - Footer position */
ul#footer_menu, ul#footer_menu li{list-style:none;}
ul#footer_menu li{float:left;display:block;margin-right:15px;}
/** Secondary navigation - Footer position **/

/* CSS for iframes onpage */
.iframe_ophold
ul.horizontallist{width:100%;}
ul.horizontallist, ul.horizontallist li{list-style:none;}
ul.horizontallist li{float:left;margin:0 40px 0 0;}
/** CSS for iframes onpage **/

/* iFrame content-slot type CSS */
.iframed{border:none;scrolling:no}
/** iFrame content-slot type CSS **/

/* CSS block for Selected artworks, retrieved from the backend */
#artwork_container{display:table;clear:both}
#artwork_media{float:left;width:300px}
#artwork_media, #artwork_media object, #artwork_media embed, #artwork_media img{width:352px}
#artwork_media ol li a img{width:20px;}
#artwork_data{ float:right; width:280px; margin-left: 20px; }
#content .title_and_year h1{ color: #000; font-size: 14px; font-weight:900  }
.photo_copy_row .label{ font-weight:900; float: left; margin: 0; padding:0 8px 0 0;}
#page #content .fieldrow{padding-top:8px;clear:both;padding-top:8px;}
#page #content .photo_copy_row p{float: left; margin: 0; padding: 0;}
#page #content .exhibits_row p{clear:both;}
.film_copy_row .label{ font-weight:900; float: left; margin: 0; padding:0 8px 0 0;}
.exhibits_row .label{ font-weight:900; float: left; margin: 0; padding:0 8px 0 0;}
/** CSS block for Selected artworks, retrieved from the backend **/
.formfields label{width:100px;}
.right_widgetzone img{display:block;clear:both;margin-bottom:4px;}
div#artworkmediaprint{display:none;}
#page ul#galleryBox{padding:0;margin:0;}
#page ul#galleryBox, ul#galleryBox li{list-style:none;}
#artwork_data .subtitle{font-style:italic;}
.row1, .row2{clear:both;}
div.expander{cursor:pointer;}
div#popeyeElem{background:#fff;}
div.ppy-stage{height:426px;width:650px;margin-bottom:15px;}
div.ppy-nav, div.ppy-caption{float:left;}
div.ppy-nav{margin-left:10px;}
div.ppy-caption{margin-left:40px;}
a.ppy-prev, a.ppy-next{cursor:pointer;}