@font-face {
font-family: 'sparkly';
	src: url('http://coffeedawg.com/fonts/GoodDog-webfont.eot?') format('eot'),
	url('http://coffeedawg.com/fonts/GoodDog-webfont.woff') format('woff'),
	url('http://coffeedawg.com/fonts/GoodDog-webfont.ttf') format('truetype');
}
@font-face {
font-family: 'chalk';
	src: url('http://coffeedawg.com/fonts/eraserregular-webfont.eot?') format('eot'),
	url('http://coffeedawg.com/fonts/eraserregular-webfont.woff') format('woff'),
	url('http://coffeedawg.com/fonts/eraserregular-webfont.ttf') format('truetype');
}
/*
@font-face {
font-family: 'sparkly';
    src: url('http://coffeedawg.com/fonts/GoodDog-webfont.eot');
    src: local('☺'),
    url('http://coffeedawg.com/fonts/GoodDog-webfont.woff') format('woff'),
    url('http://coffeedawg.com/fonts/GoodDog-webfont.ttf') format('truetype');
}
@font-face {
font-family: 'chalk';
	src: url('http://coffeedawg.com/fonts/eraserregular-webfont.eot');
	src: local('☺'), url('http://coffeedawg.com/fonts/eraserregular-webfont.woff') format('woff'),
	url('http://coffeedawg.com/fonts/eraserregular-webfont.ttf') format('truetype'),
	url('http://coffeedawg.com/fonts/eraserregular-webfont.svg#webfontVgcPnfa9') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
.clearfix {
    overflow: auto;
    width: 100%;
}
h1, h2, h3, h4, h5, h6 { font-family: sparkly, tahoma, sans-serif; padding: 0; margin: 0 0 .25em 0; }
body {
    background-color: #3C1B3C;
    margin: 0;
    font-family: "Comic Sans MS";
}
header, footer {
    display: block;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    /* background-color: rgba( 67, 67, 67, .8 ); */
    color: #F8E8C9;
    border: 1px solid #666;
    position: fixed;
    padding: 16px;
    left: 10px;
    right: 10px;
    background-image: -webkit-gradient(
                        linear,
                        left bottom,
                        left top,
                        color-stop(0.3, rgba(64,31,0,.9)),
                        color-stop(0.83, rgba(160,81,0,.9))
                    );
    background-image: -moz-linear-gradient(
                        center bottom,
                        rgba(64,31,0,.9) 3%,
                        rgba(160,81,0,.9) 83%
                    );
	font-family: sparkly, tahoma, sans-serif;
	-moz-box-shadow: 2px -12px 11px 6px rgba(30, 30, 30, 0.15) inset, -2px -13px 10px 10px rgba(30, 30, 30, 0.05) inset;
	-webkit-box-shadow: 2px -12px 11px 6px rgba(30, 30, 30, 0.15) inset, -2px -13px 10px 10px rgba(30, 30, 30, 0.05) inset;
	box-shadow: 2px -12px 11px 6px rgba(30, 30, 30, 0.15) inset, -2px -13px 10px 10px rgba(30, 30, 30, 0.05) inset;
}
header {
    top: 6px;
}
footer {
    bottom: 2px;
    padding: 0 16px;
}
header h1, .headerbacking h1 {
	font-size: 48px;
    text-shadow:2px 2px 3px #333333;
    position: relative;
}
header nav {
    width: 100%;
    /*
    display : -moz-box;
    display : -webkit-box;
    display : box;
   
    -moz-box-orient : horizontal;
    -moz-box-flex : 1;
   
    -webkit-box-orient : horizontal;
    -webkit-box-flex : 1;
   
    box-orient : horizontal;
    box-flex : 1;
    */
}
header nav a, .headerbacking nav a {
    min-width: 120px;
    /*
    -moz-box-flex: 0;
    -webkit-box-flex: 0;
    -box-flex: 0;
    */
    float: right;
    display: block;
    color: #FFF;
    text-decoration: none;
    padding: 8px 0;
    text-align: right;
    margin-right: 4px;
	-moz-border-radius: 2em 0.5em 2em 0.5em;
	-webkit-border-radius: 2em 0.5em 2em 0.5em;
	border-radius: 2em 0.5em 2em 0.5em;
	
	font-family: sparkly, arial-narrow, sans-serif;
	font-size: 24px;
}
header nav a:hover {
	text-decoration: underline;
}
header nav a.btn:hover {
    background-color: #006C6C;
    text-decoration: none;
}
header nav a.selected {
	background-color: #F8E8C9;
	color: #441F00;
}
header nav a.btn {
	float: left;
	padding: 8px;
	border-top: none;
	border-left: none;
    text-align: center;
	-moz-border-radius: 2em 0.5em 2em 0.5em;
	-webkit-border-radius: 2em 0.5em 2em 0.5em;
	border-radius: 2em 0.5em 2em 0.5em;
	-moz-box-shadow: 2px -12px 11px 6px rgba(0, 0, 0, 0.15) inset, -2px -13px 10px 10px rgba(0, 0, 0, 0.15) inset;
	-webkit-box-shadow: 2px -12px 11px 6px rgba(0, 0, 0, 0.15) inset, -2px -13px 10px 10px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 2px -12px 11px 6px rgba(0, 0, 0, 0.15) inset, -2px -13px 10px 10px rgba(0, 0, 0, 0.15) inset;
}
header nav .remainder {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -box-flex: 1;
}
header .content, footer .content {
    width: 840px;
    margin: 0 auto;
    position: relative;
}
#mood, cite {
	margin: 10px 20px 20px 0;
	min-width: 216px; min-height: 216px;
}
cite {
	clear: left;
	display: block;
	font-size: 10pt;
}
article, .headerbacking, .footerbacking {
    background-color: #F8E8C9;
    width: 840px;
    padding: 20px;
    margin: 0 auto;
    display: block;
    overflow: auto;	/* Clear the floats */
}
/*
.headerbacking {
    background: #F8E8C9 url(http://www.coffeedawg.com/img/latte-dog-small.png) 99% top scroll no-repeat;
} */
.footerbacking { height: 60px; }
aside { float: right; margin: 10px -10px 10px 20px; width: 240px; }
.chalkboard {
	background: transparent url(http://www.coffeedawg.com/img/chalkboard.jpg) left top scroll no-repeat;
	width: 200px; height: 349px;
	padding: 10px 20px;
	color: #FFF;
	margin-bottom: 2em;
}
.chalkboard h2 { font-family: chalk; font-size: 18px; }
.chalkboard a { color: #FFF; text-decoration: none; }
.chalkboard a:hover { text-decoration: underline; }
.chalkboard li { margin-bottom: 0.5em; }
.center { text-align: center; }
.left { float: left; }

ul.haiku {
}
ul.haiku li {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}