/* Define styles to be used for handheld devices here */
html { -webkit-text-size-adjust: 100%; }

.header-content, #container, #nav ul, #nav ul ul, #nav ul ul ul, #nav ul .menuSectionLabel, #nav ul ul .menuSectionLabel, #sidebar, #blog-extras, #extraContainer1, #extraContainer2, #extraContainer3, #extraContainer4 { width: auto; }

#top-breadcrumb, #nav, .meny-arrow .menu-helper-left, .meny-arrow .menu-helper-right { display: none; }
.up-arrow, .down-arrow, .middle-bar { visibility: hidden; }
#mobile-menu-tab { display: block; cursor: pointer; }

#nav, .meny { background-image: none; position: absolute; top: 0; width: 100%; opacity: 1; border: none; z-index: 1000; }
#nav, #nav ul, .meny { height: auto; }
#nav ul { padding: 10px; border: none; }
#nav ul li { float: none; height: auto; }
#nav ul li a#current, #nav ul li a.currentAncestor { border-bottom: none; font-style: italic; }
#nav ul ul { padding: 0 0 0 10px; position: relative; top: 0; left: 0; border: none; }
#nav ul li a, #nav ul ul li a { margin: 0; width: auto; display: block; }
#nav ul .menuSectionLabel, #nav ul ul .menuSectionLabel { margin: 0; }
#nav ul ul li:first-child { border-top: none; }
#nav ul ul li .childIndicator .fl-arrow { display: block; }
#nav ul ul li .childIndicator .sl-arrow { display: none; }
#nav ul ul ul { top: 0; left: 0; border: none; }

.meny-wrapper {
	-webkit-perspective: auto; -moz-perspective: auto; -ms-perspective: auto; -o-perspective: auto; perspective: auto;
	-webkit-perspective-origin: auto auto; -moz-perspective-origin: auto auto; -ms-perspective-origin: auto auto; -o-perspective-origin: auto auto; perspective-origin: auto auto;
}
.meny, .meny-contents {
	-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;
	-webkit-transform: rotateX( 0deg ) translateY( 0% ); -moz-transform: rotateX( 0deg ) translateY( 0% ); -ms-transform: rotateX( 0deg ) translateY( 0% ); -o-transform: rotateX( 0deg ) translateY( 0% ); transform: rotateX( 0deg ) translateY( 0% );
	-webkit-transform-origin: auto auto; -moz-transform-origin: auto auto; -ms-transform-origin: auto auto; -o-transform-origin: auto auto; transform-origin: auto auto;
}

#sidebar-wrapper, #blog-extras-wrapper, #extraContainer1, #ec2-wrapper, #ec3-wrapper, #ec4-wrapper { padding: 0 12px; }

#blog-categories, #blog-archives, ul.blog-tag-cloud, #blog-rss-feeds { margin: 20px 0; width: auto; float: none; }
.form-input-field { width: 96%; }
.form-input-button { line-height: normal; }
.filesharing-item { margin: 10px 0 90px 0; width: auto; float: none; }
.photo-navigation { font-size: 2em; }
body { color: #FFFFFF; background-color: #A87643; }

a { color: #D8C54C; }
a:hover { color: #D8E64C; }

#top-breadcrumb, #top-breadcrumb ul li:first-child a:before { color: #666666; }
#top-breadcrumb ul { border-bottom: solid 1px #666666; }
#top-breadcrumb ul li a { color: #666666; }
#top-breadcrumb ul li a:hover { color: #888888; }

#social-media-bar { border-bottom-color: #666666; }

#nav { background-color: #FFFFFF; border-top: solid 1px #555555; border-bottom: solid 1px #111111; }

#nav ul { border-bottom: solid 1px #6A6A6A; }
#nav ul li {  }
#nav ul li a, #nav ul li .childIndicator { color: #FFFFFF;  }
#nav ul li a#current, #nav ul li a.currentAncestor { border-bottom: solid 3px #6A6A6A; }

#nav ul ul { background-color: #000000; }
#nav ul ul li, #nav ul .menuSectionLabel { border-bottom-color: #444444; }
#nav ul ul li a#current, #nav ul ul li a.currentAncestor { border-bottom: none; }
#nav ul ul li a, #nav ul ul li .childIndicator { color: #FFFFFF; }
#nav ul .menuSectionLabel { color: #444444; }
#nav ul ul li:first-child { border-top-color: #444444; }

#nav ul ul ul { border-left-color: #444444; }

.header-nav, .meny-arrow {
	border-bottom-color: #666666;
	border-top-color: #666666;
}
.meny-arrow .up-arrow, .meny-arrow .down-arrow, .meny-arrow .menu-helper-left, .meny-arrow .menu-helper-right { color: #666666; }

.meny-arrow .middle-bar { background-color: #666666; }
.site-title h1 {
	color: #FFFFFF;
	-webkit-text-shadow: 2px 2px 0 #666666, 3px 3px 0 #AAAAAA;
	-moz-text-shadow: 2px 2px 0 #666666, 3px 3px 0 #AAAAAA;
	-ms-text-shadow: 2px 2px 0 #666666, 3px 3px 0 #AAAAAA;
	-o-text-shadow: 2px 2px 0 #666666, 3px 3px 0 #AAAAAA;
	text-shadow: 2px 2px 0 #666666, 3px 3px 0 #AAAAAA;
}
.site-slogan h2 { color: #FFFFFF; }
#title-slogan .shape {
	background-color: #777777;
	border-top-color: #AAAAAA;
	border-bottom-color: #434343;
	border-left-color: #999999;
	border-right-color: #999999;
}

#container {

}

#sidebar-wrapper, #blog-extras-wrapper { color: #555555; border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; background-color: #BA8148; }
#sidebar-wrapper a, #blog-extras-wrapper a { color: #000000; }
#sidebar-wrapper a:hover, #blog-extras-wrapper a:hover { color: #666666; }

.blog-extras-heading { border-bottom: solid 1px #FFFFFF; }

#ec2-wrapper { background-color: #000000; color: #FFFFFF; border-top: solid 1px #555555; border-bottom: solid 1px #555555; }
#ec2-wrapper a { color: #799ECF; }
#ec2-wrapper a:hover { color: #799ECF; }

#ec3-wrapper { background-color: #000000; color: #FFFFFF; border-top: solid 1px #555555; border-bottom: solid 1px #555555; }
#ec3-wrapper a { color: #799ECF; }
#ec3-wrapper a:hover { color: #799ECF; }

#ec4-wrapper { background-color: #ECECEC; color: #555555; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; }
#ec4-wrapper a { color: #799ECF; }
#ec4-wrapper a:hover { color: #799ECF; }

blockquote, .standout { border-left: solid 2px #666666; color: #CCCCCC; }

.blog-entry { border-bottom: solid 1px #555555; }
h1.blog-entry-title a { color: #FFFFFF; }
h1.blog-entry-title a:hover { color: #CCCCCC; }
.blog-entry-date, p.blog-entry-tags { color: #888888; }

.form-input-field { color: #FFFFFF; border: solid 1px #888888; background-color: #666666; }
.form-input-field:hover, .form-input-field:focus { border-color: #CCCCCC; }
.form-input-button { background-color: #666666; color: #FFFFFF; border: solid 1px #888888; }
.form-input-button:hover, .form-input-button:focus { border-color: #CCCCCC; }

.filesharing-item-title { background-color: #CCCCCC; }
.filesharing-item-title:hover { background-color: #FFFFFF; }
.filesharing-item-title a { color: #000000; }

.thumbnail-wrap { background-color: #CCCCCC; border: solid 1px #EEEEEE; }
.thumbnail-wrap:hover { background-color: #FFFFFF; }
.thumbnail-frame img, .photo-frame { border: solid 1px #FFFFFF; -webkit-box-shadow: 0 0 5px #666;-moz-box-shadow: 0 0 5px #666;-o-box-shadow: 0 0 5px #666;-ms-box-shadow: 0 0 5px #666;box-shadow: 0 0 5px #666; }
.thumbnail-caption { color: #000000; }

.movie-thumbnail-frame, .movie-frame { background-color: #222222; border: solid 1px #555555; }
.movie-thumbnail-frame:hover { background-color: #000000; }
.movie-thumbnail-caption { color: #FFFFFF; }

/* iPhone (including iPhone 5) and other Webkit-based mobile browsers Color Styles. */
@media screen and (max-width: 480px), (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
	#mobile-menu-tab { color: #FFFFFF; border-bottom: solid 1px #FFFFFF; }
	#nav, #nav ul { background-color: #000000; }
	#nav ul li, #nav ul ul li { border-bottom: solid 1px #444444; }
	#nav ul li a, #nav ul li .childIndicator, #close-mobile-menu { color: #FFFFFF;  }
	#nav ul li a#current, #nav ul li a.currentAncestor { border-bottom: none; }
	#nav ul li:first-child, #nav ul ul li:first-child { border-top: solid 1px #444444; }
	#nav ul ul { border-left: solid 1px #444444 !important; }
	#nav ul ul li:last-child { border-bottom: none; }
}


		.header-content, #container, #nav ul, #sidebar, #blog-extras, #extraContainer1, #extraContainer2, #extraContainer3, #extraContainer4 {width: 960px;}

body, body[style] { padding-top: 20px !important; }
#site-logo img { display: none; }

.header-image { background-image: none; }

#nav ul li a { font-family: "colaboratelightregular", sans-serif; }

.header-content {
	margin: 0;
	width: auto;
}
#title-slogan {
	float: right;
	position: relative;
	text-align: right;
	padding-right: 20px;
}
.ts-wrapper { float: left; }
#site-logo { float: right; }
#site-logo img { padding: 10px 0 0 10px; }

#sidebar-wrapper, #blog-extras-wrapper { background-image: none;}