@import url("http://fonts.googleapis.com/css?family=Tangerine");
@import url("http://fonts.googleapis.com/css?family=Lora");

body { background: #2c3e50; font-family: 'Verdana', sans-serif; font-size: 12pt; }

div#header { text-align: center; color: white; }
h1#site-title span { font-family: 'Tangerine', cursive; font-size: 72pt; }
h1 small { font-size: 18pt; font-weight: normal; }

h1#article-title { margin-bottom: 0; padding-bottom: 0; }
p#byline { margin: 0; padding: 0; }

#article-body { font-family: 'Lora', serif; }

/* Common properties to lists and sublists */
.navbar ul { float: left; background: #bdc3c7; margin: 0; padding: 0; list-style: none; }
.navbar ul li span { padding: 0.5em; display: block; color: black; text-transform: lowercase; font-weight: 200; border-left: 1px solid white; }
.navbar ul li * a { color: inherit; text-transform: inherit; font-weight: inherit; }
.navbar ul li span:hover { font-weight: 400; }
.navbar ul li address { padding: 0.4em; font-weight: 200; }

/* Properties specific to main lists */
.navbar > ul {
	position: relative;
	left: 0;
	width: 100%;
	box-shadow: 0 0 8px #000;
}

/* Properties specific to sublists */
.navbar > ul > li ul { visibility: hidden; position: absolute; padding: 0.5em; }
.navbar > ul > li:hover ul { visibility: visible; }

.navbar > ul > li { float: left; }

footer,
span#copyright { font-size: 9pt; text-align: center; margin-top: 3em; }

li.active { font-weight: bolder; }

div#container { margin: 0 auto; width: 80%; max-width: 960px; background: url(images/bk.jpg); }
section#content { padding: 5%; padding-top: 3em; }
div#sidebar { float: right; padding: 2%; margin: 0.5em; margin-top: 2em; border: 1px solid #ccc; }
div#clearfix { clear: both; }