body { color: #844D28; background-color: #420F15; }

a { color: #7F4524; }
a:hover { color: #FFCC66; }

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

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

#nav { background-color: #794229; border-top: solid 1px #8A5229; border-bottom: solid 1px #692B17; }

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

#nav ul ul { background-color: #290A0F; }
#nav ul ul li, #nav ul .menuSectionLabel { border-bottom-color: #672A19; }
#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: #672A19; }
#nav ul .menuSectionLabel { color: #672A19; }
#nav ul ul li:first-child { border-top-color: #672A19; }

#nav ul ul ul { border-left-color: #672A19; }

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

.meny-arrow .middle-bar { background-color: #682A17; }
.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: #444444;
	border-left-color: #999999;
	border-right-color: #999999;
}

#container {

}

#sidebar-wrapper, #blog-extras-wrapper { color: #555555; border-top: solid 1px #692B19; border-bottom: solid 1px #692B19; background-color: #844E28; }
#sidebar-wrapper a, #blog-extras-wrapper a { color: #7D4425; }
#sidebar-wrapper a:hover, #blog-extras-wrapper a:hover { color: #FFCC66; }

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

#ec2-wrapper { background-color: #6D321B; color: #FFCC66; border-top: solid 1px #96582D; border-bottom: solid 1px #96582D; }
#ec2-wrapper a { color: #CCCCCC; }
#ec2-wrapper a:hover { color: #FFFFFF; }

#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 #662919; }
h1.blog-entry-title a { color: #7B4327; }
h1.blog-entry-title a:hover { color: #FFCC66; }
.blog-entry-date, p.blog-entry-tags { color: #794229; }

.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: #999999; border-bottom: solid 1px #999999; }
	#nav, #nav ul { background-color: #290A0F; }
	#nav ul li, #nav ul ul li { border-bottom: solid 1px #672A19; }
	#nav ul li a, #nav ul li .childIndicator, #close-mobile-menu { color: #672A19;  }
	#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 #672A19; }
	#nav ul ul { border-left: solid 1px #672A19 !important; }
	#nav ul ul li:last-child { border-bottom: none; }
}