* {margin: 0; padding: 0;}
html {margin: 0; padding: 0; height: 100%;}
body {margin: 0 auto; background-color: #ddd; color: #321; height: 100%; font:Verdana, Arial, Helvetica, sans-serif 13px;}
a {color: #e94; outline: 0 none; -moz-outline: 0 none;}
a:hover, a:active, a:focus, a img {outline: 0 none; -moz-outline: 0 none;}
abbr {color: maroon; text-transform: uppercase; font-size: 13px letter-spacing: 2pt; border-bottom: 1px dotted maroon; padding: 0 1.5pt 1pt 1.5pt; cursor: help;}
h2, h3, h4, h5, h6 {margin: 0.8em 0 0.25em; padding: 0; text-align: left;}
hr {margin: 1em auto;}
input {vertical-align: baseline;}
ul, ol {list-style: none; margin: 0; padding: 0;}
li {margin: 0; padding: 0;}
form p {font: normal .88em/1.45em; color: #001; margin: 5px 5px 5px 0;}
fieldset {width: 96%; height: auto; margin: 1em auto; padding: 1em; border: 1px solid #100; font: normal .88em/1.15em;}
textarea {width: 96%; height: 15em; margin: .5em 0 2em; padding: .5em; border: 1px solid #ddd;}
code {font-size: 115%; font-family: Monaco,Courier,monospace; color: #247;}
sup {font-weight: bold; font-size: .8em;}

/* **** SPECIFICS **** */

#badge {position: absolute; margin: 33px 0 0 -20px; z-index: 120;}

#ad-horizon {
	margin: 18px 48px;
	padding: 2%;
	font-size: 18px;
	line-height: 2em;
	font-family: Cambria,Georgia,serif;
	background: none;
	color: gray;
	letter-spacing: 1.5pt;
	text-align: center;
	border: 2px dotted white;
	}

#page {
	min-height: 80%;
	height: auto;
	margin: 0 48px;
	background: #fff url(../pix/bottomline.jpg) repeat-x 0 101%;
	}

#searchbox {margin: 0; padding: 0; border: 0 none; font-family: Helvetica,"Helvetica Neue",Swiss,Arial,sans-serif;}
#searchbox input[type='text'] {border: 1px solid #bab; background: #fff; color: #434; font-size: 1.05em; outline: 1px solid #fff; max-width: 180px; font-family: Helvetica,"Helvetica Neue",Swiss,Arial,sans-serif;}
#searchbox input[type='text']:hover, #searchbox input[type='text']:focus {border: 1px solid #bab; background: #faf8fa; outline: 1px solid #dcd;}

#masthead {
	text-align: center;
	height: auto;
	margin: 0 auto;
	padding: 2em;
	background: #282228;
	color: silver;
	font-family: Cambria,Georgia,serif;
	font-weight: normal;
	}

#masthead h1 {
	text-align: center;
	padding: 2% 0 1% 0;
	font-size: 4em;
	font-weight: normal;
	letter-spacing: -1px;
	}

#masthead h4 { line-height: 2em; text-transform: uppercase; margin-top: .5em !important;}

#masthead .tagcloud {
	font-size: .8546em;
	padding: 1% 0;
	margin: 1% 10% 0;
	}

.mainmenu {
	margin: 0 auto;
	height: auto;
	background: black;
	color: gray;
	text-align: center;
	padding-left: 33%;
	}

.mainmenu li {
	display: inline;
	margin: 0 .3em;
	text-align: center;
	}

.mainmenu li a {
	display: block;
	float: left;
	margin: 4px;
	height: auto;
	min-width: 10%;
	padding: 1%;
	line-height: 1.35em !important;
	background: inherit;
	-webkit-border-radius: 6px;
	text-decoration: none !important;
	}

.mainmenu li a:hover, .mainmenu li a:focus, .mainmenu li a:active {
	background: #211;
	color: aqua;
	text-decoration: none;
	}
	
.mainmenu li a.current {
	background: #322;
	color: white;
	text-decoration: none;
	}
	
.submenu {
	margin: 0 auto;
	background: none;
	color: #484248;
	text-align: center;
	vertical-align: bottom;
	border-bottom: 1px solid silver;
	font-size: .88em;
	}

.submenu ul {
	list-style: none;
	margin: auto;
	padding: 0 0 0 43%; /* Change the left padding value when the number of sub-menu list items increase (default value is for 3 list items) to keep them centered */
	background: #efeeef;
	text-align: center;
	}

.submenu li {
	display: inline;
	margin: 0 auto;
	padding-top: 2px;
	text-align: center;
	line-height: 1.2em;
	background: inherit;
	}

.submenu li a {
	text-decoration: none !important;
	color: gray;
	display: block;
	float: left;
	margin: 0 auto;
	padding: .6em 1.3em;
	line-height: 1.2em;
	}

.submenu li a:hover, .submenu li a:focus, .submenu li a:active {background: #f6e6f6; color: black;}

.submenu li a.current {
	color: #a40;
	text-decoration: none;
	}

#tape {
	margin: 0 auto 1em;
	padding: .33em;
	text-align: left;
	color: #312;
	}

#search_engine {
	width: 180px;
	height: auto;
	display: inline;
	background: inherit;
	padding: .2em 0;
	font-size: .9em;
	}

#search_engine input[type='text'] {
	width: 140px;
	padding: 2px;
	margin: 1em .6em .4em 0;
	}

#maincontent {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	width: 78.5%;
	height: auto;
	text-align: left;
	border-right: 1px solid #dcd;
	border-left: 1px solid #dcd;
	}

#maincontent object {
	clear: left;
	max-width: 425px;
	/*width: 98%;*/
	max-height: 355px;
	display: block;
	background: transparent;
	padding: 1%;
	margin: 0 auto;
	}

#maincontent img {
	border: 1px solid #ccc;
	padding: 2px;
	/*max-width: 98%;*/
	height auto;
	width: 280px;
	}

#maincontent .caption {font-size: 80%; text-align: center; color: #466;}
.clearer {
	margin: 0 auto;
	padding: 1px 0 0 0;
	clear: both;
	}

.crumbs {
	height: auto;
	margin-left: .4em;
	padding-top: .2em;
	font-size: inherit;
	color: inherit;
	}

.left {float: left; margin-right: 1em;}
.right {float: right; margin-left: 1em;}
.center {text-align: center !important; margin: 0 auto;}
*>.left {float: left; margin-right: 1em; display: inline;}
*>.right {float: right; margin-left: 1em; display: inline;}

.half {
	clear: both;
	width: 55%;
	margin: 1% 2% 1% 3%;
	padding: 2% 0;
	height: auto;
	text-align: left !important;
	background: inherit;
	}

.half h1, .half h2 {
	font: normal 2.25em/1em Cambria,Georgia,serif;
	color: maroon;
	padding: .3em 0 .1em 0;
	letter-spacing: -1px;
	}

.half h3, .half h4, .half h5, .half h6 {
	font-weight: bold;
	font-style: italic;
	font-size: 1em;
	padding: .33em 0 0 0;
	}
.half h4 {font-weight: normal !important;}

.half p, .half ul, .half ol, .half div {line-height: 1.5em;}

.half a, .third a, .fourth a {color: #58a; text-decoration: none; outline: none; -moz-outline: none;}
.half a:visited, .third a:visited, .fourth a:visited {color: gray; text-decoration: none; outline: none; -moz-outline: none;}
.half a:hover, .third a:hover, .fourth a:hover {color: purple; text-decoration: underline; outline: none; -moz-outline: none;}
.half a:focus, .third a:focus, .fourth a:focus {color: purple; text-decoration: underline; outline: none; -moz-outline: none;}
.half a:active, .third a:active, .fourth a:active {color: silver; text-decoration: none; outline: none; -moz-outline: none;}
.third {
	width: 32%;
	margin: 0 0 0 2%;
	padding: 1% 2%;
	height: auto;
	border-left: 1px solid #ccc;
	}
	
.third h3, .third h4 {
	padding: 1px 3px !important;
	margin-bottom: 8px;
	background: #efeeef;
	color: #545;
	border-top: 1px solid #cfcecf;
	border-bottom: 1px solid #bfbebf;
	}

.fourth {
	width: 16%;
	height: auto;
	margin: 1% 2% 0 0;
	padding: 1%;
	font-size: .8356em;
	}

.fourth h3, .fourth h4, .fourth h5 {text-transform: uppercase;}

.fourth p {
	line-height: 1.36em !important;
	}

.fourth img {margin: 0 auto 2em; height: auto;}
.streamr {margin: 12px auto; height: 100%; text-align: center !important;}
.streamr img {display: inline; width: 80px !important; height: auto; margin: 3px;}
.streamr img a {text-decoration: none !important;}

.single { width: 45%; margin: 1% 5% 1% 0; padding: 0; color: #000; line-height: 1.45em; text-align: left !important;}
.single h3, .single h4 {padding: .5em 0;}
.single ul {margin: 0 0 1.2em 0; font-size: .85em;}
.single li, .single p {margin: 0; padding: .33em 0;}
.box {font-size: .88em !important; line-height: 1.4em !important; text-align: left; padding: .8em .4em; border-top: 1px solid #010; border-bottom: 1px solid #dca; margin: .8em auto;}
.adbox {font-size: .98em !important; line-height: 1.0em !important; text-align: left; padding: .5em .3em; border-top: 1px solid #bca; border-bottom: 1px solid #010; margin: 1.0em auto; color: #124848 !important;}
.adbox2 { text-align: left;}
.postcontent {line-height: .9em !important; text-align: left; margin: .3em 0 .75em 0; padding: .25em 0; border-top: 1px solid #dcc;}
.postcontent p {font-size: .95em; margin: .5em 0 .3em 0;}
.date {font-size: .74em !important; text-transform: uppercase; font-weight. bold; padding: 0 0 3px 0; color: #565256; margin-bottom: .5% !important;}
.words {padding: 2%; margin: 1% 15% 0.5% 0; background: #efeeef; color: black; font-family: Cambria,Georgia,serif !important; font-size: 1.1em !important;}
.speaker {margin: 0 15% 0.5% 0; padding: 1% 2%; font-size: .8em !important; line-height: 1.25em !important; font-weight: bold; font-style: italic; border-bottom: 1px solid #dcd;}
.center {text-align: center !important; margin: -1.5em auto 0 !important; padding: 0;}
.small {font-size: .8em !important;}
.red {color: red;}
.gray {color: gray;}
.aqua {color: aqua;}
.commentsbox {padding: .2em 1em .75em 1em; margin: 1.5em auto; background-color: #faf4f4;}
.commentsbox h2 {font-size: 1.6em !important; letter-spacing: normal; color: inherit;}
.commentsbox textarea {border: 1px solid #bcb;}

.paginator {border-top: 1px solid silver; margin: 4% auto; padding: 3% 1%; text-align: center !important;}
#pagefoot {background: #ccc; padding: 1% 2% 2% 2%; margin: 0 48px; text-align: center; font-size: 10px; line-height: 1.4em; color: #100;}
#pagefoot a {color: #53a; text-decoration: underline; outline: 0 none; -moz-outline: 0 none;}
#pagefoot a:hover, #pagefoot a:active, #pagefoot a:focus {color: #204; text-decoration: none; outline: 0 none; -moz-outline: 0 none;}
#pagefoot p {margin: .4em 0;}