/* ===== GENERAL ===== */

* {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	background: #000;
	font: 12px Georgia,Helvetica,Arial,sans-serif;
	text-align: center;
}
.clear:after {
	content: '.'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clear { display: inline-block; }
* html .clear { height: 1%; }
.clear { display: block; }

.left {
	float: left;
}
.right {
	float: right;
}

a {
	color: #FF0000;
}
/* ===== FORMS ===== */

input.field {
	width: 220px;
	padding: 4px;
	background: #F4F4F4;
	font: 12px Georgia,Helvetica,Arial,sans-serif;
}
textarea {
	width: 220px;
	padding: 4px;
	background: #F4F4F4;
	font: 12px Georgia,Helvetica,Arial,sans-serif;
}
input.button {
	padding: 2px;
	font: 12px Georgia,Helvetica,Arial,sans-serif;
}
html>body input.button {
	padding: 3px 4px;
}

/* ===== MAIN ===== */

div#wrapper {
	padding: 20px 0px 0px 0px;
	width: auto;
	background: #FFF;
	text-align: center;
}
div#menu {
	border-top: 2px solid #AAAAAA;
	background: #333;
	text-align: center;
}
div#header {
	width: 760px;
	margin: 0px auto;
}
div#content {
	width: 760px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
}
div#content div.left {
	width: 200px;
}
div#content div.right {
	width: 540px;
}
div#footer {
	padding: 10px;
	border-top: 3px solid #AAAAAA;
	background: #000;
	color: #CCC;
	line-height: 24px;
}

/* ===== HEADER ===== */

div#header h1 {
	font-size: 3em;
	font-weight: normal;
	text-align: left;
}
div#header h1 a {
	text-decoration: none;
	color: #000;
}
div#header h2 {
	font-size: 1.6em;
	font-weight: normal;
	text-align: left;
}
div#header h2 a:hover {
	text-decoration: none;
}
div#header div.box {
	margin: 0px 0px 10px 0px;
}

/* ===== SEARCH ===== */

div.search {
	width: 760px;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
	text-align: right;
}

/* ===== TOP MENU ===== */

div.topmenu {
	width: 760px;
	margin: 0px auto;
	padding: 0px;
	background: #000;
	
}
div.topmenu ul {
	list-style-type: none;
}
div.topmenu li {
	float: left;
}
div.topmenu li a {
	display: block;
	padding: 10px;
	color: #FFF;
	text-decoration: none;
	outline: none;
}
div.topmenu li a.on {
	background: #A50712;
	color: #FFF;
}
div.topmenu li a:hover {
	background: #444;
	text-decoration: underline;
}
div.topmenu li a.on:hover {
	background: #A50712;
	color: #FFF;
	text-decoration: underline;
}

/* ===== CONTENT ===== */

div#content {
	line-height: 26px;
}
div#content h1 {
	margin: 10px 0px;
	font-size: 2.4em;
	font-weight: normal;
	text-align: left;
}
div#content div.box {
	margin: 0px 0px 10px 0px;
}
div#content div.left {
	text-align: left;
}
div#content div.left div.imgbox {
	text-align: center;
}
div#content div.left div.imgbox img {
	border: 4px solid #E0DDDA;
}
div#content div.right {
	text-align: left;
}
div#content div.right div.rss {
	line-height: 22px;
}
div#content div.right div.rss div.title {
	margin: 0px;
}

/* ===== IMG ===== */

div#content div.pageimg {
	position: relative;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: #FCFCFC;
	width: 540px;
}

div#content div.pageimg h1 {
	margin: 0px;
	padding: 6px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #FFF;
}

/* ===== KEYWORDS ===== */

ul.keywords {
	list-style-type: none;
	line-height: 20px;
}
ul.keywords li a {
	display: block;
	height: 1%;
	padding: 6px;
	border-bottom: 1px solid #CCC;
	color: #000;
	text-decoration: none;
	outline: none;
}
ul.keywords li a:hover {
	border-bottom: 1px solid #CCC;
	background: #EEE;
	text-decoration: underline;
}

/* ===== SEARCHES ===== */

ul.searches {
	list-style-type: none;
	line-height: 20px;
}
ul.searches li a {
	display: block;
	height: 1%;
	padding: 5px;
	border-bottom: 1px solid #CCC;
	color: #000;
	text-decoration: none;
	outline: none;
}
ul.searches li a:hover {
	border-bottom: 1px solid #CCC;
	background: #EEE;
	text-decoration: underline;
}

/* ===== TAGS ===== */

div.tags {
	padding: 6px 0px;
	line-height: 32px;
}
div.tags ul {
	list-style-type: none;
}
div.tags li {
	 display: inline;
}
div.tags li a {
	padding: 0px 6px 0px 0px;
	line-height: 26px;
	color: #000;
}
div.tags li a:hover {
	text-decoration: none;
}

/* ===== BOTTOM MENU ===== */

div.bottommenu {
	margin: 0px 0px 10px 0px;
	text-align: center;
}
div.bottommenu ul {
	list-style-type: none;
}
div.bottommenu li {
	display: inline;
	margin: 0px 2px;
}
div#footer div.bottommenu li a {
	padding: 3px 2px;
	border-bottom: 1px dashed #AAA;
	color: #EEE;
	line-height: 26px;
	text-decoration: none;
	outline: none;
}
div#footer div.bottommenu li a.on {
	border: none;
}
div#footer div.bottommenu li a:hover {
	background: #FFF;
	color: #000;
	border-bottom: 1px solid #AAA;
}
div#footer div.bottommenu li a.on:hover {
	background: #FFF;
}