﻿@import "//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic";
@media screen,projection,tv,handheld {
	body {
		font-family: "Lato",Arial,Helvetica,sans-serif !important;
		font-size: 120%;
	}
	#breadcrumbs li:first-child{
		padding-left:0;
	}

	#header {
		position: relative;
		color: #fff;
		background: url(../assets/header.jpg) no-repeat 50% 50% #fff;

	}

	#nav-site {
		background: #414447;
		border-top: 2px solid #548cf8;
		color: #fff;
	}
	#nav-site a {
		font-weight: bold;
	}

	#header a,
	#header a:link,
	#header a:visited,
	#nav-site a,
	#nav-site a:link,
	#nav-site a:visited {
		color: #fff;
	}

	.aside .box-sizing {
		border-top:3px solid #529138;
		border-left:1px solid #b9b9b9;
		border-right:1px solid #b9b9b9;
		border-bottom:1px solid #b9b9b9;
	}

	#sidebar .aside {
		margin-bottom: 1em;
	}

	.article .box-sizing {
		background: #fff;
		border: 1px solid #eef1f5;
	}


	#nav-site li {
		padding: .5em;
	}

	#nav-section ul li {
		margin-bottom: 0.5em;
	}

	#nav-site li a {
		padding: .3em 1em .6em;
	}


	#tools li:first-child,
	#nav-site li:first-child,
	#breadcrumbs li:first-child,
	#footer-contents li:first-child {
		background: none;
		border: none;
	}

	#breadcrumbs li {
		padding-left: 10px;
		background: transparent url(../assets/breadcrumb.png) left center no-repeat;
	}



/* page-container, content, column backgrounds */
	#page-container {
		background-color: #eaeaea;
		background-position: center top;
		background-repeat: repeat-y;

		padding-top: 0;
		padding-bottom: 0;
	}
	#document-properties {
		margin: 0;
	}
	#breadcrumbs,
	.article,
	#document-properties,
	#post-page-options {
		margin-top: 0;
		margin-bottom: 0;
	}
	#breadcrumbs-wrapper,
	.article .box-sizing,
	#document-properties .box-sizing,
	#page-feedback #feedback-form {
		border: none;
		background: #fff;
	}

	#post-page-options li:hover ul,
	#post-page-options li.hover ul {
		left: -.2em;
	}
	.aside .box-sizing {
		margin-top: 0;
		margin-bottom: 0;
	}



/* footer */
	#footer {
		background: #414447;
		color: #fff;
		min-height: 90px;
	}
	#fat-footer {
		background: #3a4249;
		padding-top: .7em;
		padding-bottom: .7em;
		margin: 0;
	}
	#fat-footer .section {
		background: #31373e;
		padding-bottom: 1em;
		min-height: 20em;
	}
	#fat-footer .section * {
		margin: 0 1em;
	}
	#fat-footer .section * * {
		margin: 0;
	}
	/*
	#fat-footer h2 {
		position: static;
		color: #fff;
	}
	*/
	#footer a,
	#footer a:link,
	#footer a:visited {
		color: #fff;
	}



/* Site navigation */
	#nav-site ul ul {
		background: #383838;
		margin: 7px -2px -2px 0;
		border-bottom: 1px solid #767676;
		-moz-box-shadow: 0 0 5px #414141;
		-webkit-box-shadow: 0 0 5px #414141;
		box-shadow: 0 0 5px #414141;

	}

	#nav-site ul li ul {
		top: 2.9em !important;
	}


	#nav-site a:hover,
	#nav-site a:focus,
	#nav-site .single a:hover,
	#nav-site .single a:focus {
		background: #232528;
		color: #cee4f5 !important;
	}

	#nav-site ul li:hover a,
	#nav-site ul li:hover a:link,
	#nav-site ul li:hover a:hover,
	#nav-site ul li:hover a:visited,
	#nav-site ul li.hover a,
	#nav-site ul li.hover a:link,
	#nav-site ul li.hover a:hover,
	#nav-site ul li.hover a:visited,
	#nav-site ul li a.open,
	#nav-site ul li a.open:link,
	#nav-site ul li a.open:hover,
	#nav-site ul li a.open:visited {
		color: #fff;
	}


	#nav-site ul li:hover ul,
	#nav-site ul li.hover ul {
		left: 1px;
	}

	#nav-site ul li:hover ul.right-edge,
	#nav-site ul li.hover ul.right-edge {
		right: 1px;
	}



/* Section navigation */
	#nav-section .box-sizing {
		background: #eaeaea;
	}
	#nav-section ul {
		list-style-type: square;
	}

/* Page options */
	.page-options {
		background: none repeat scroll 0 0 #F8F8F8;
		border-radius: 5px 5px 5px 5px;
		padding: 0.1em;
		width:98px;
	}
	.page-options ul ul,
	#post-page-options ul ul {
		background: #efefef;
	}
	.page-options ul ul li a:hover {
		background: #ddd;
	}

	#pre-page-options ul li, #post-page-options ul li {
		list-style-image: none !important;
		margin-bottom: 0 !important;
	}


	.page-options ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#post-page-options {
		/*float: left;*/
		margin: 16px 0 1em 21px;
	}

/* Page feedback */
	#page-feedback {
		clear:both;
	}

	#page-feedback {
		max-width: 600px;
	}

	#tagline {clear: right; text-align: right; padding-top:36px;}
}
