body {font-size: 80%; background: #253645;}
img {max-width: 100%;}
p img {float: right; background: none;}
.logo img {width: 200px;}
.logo {text-align: center;}
.logo a:hover, .clouds a:hover {background: none; outline: none;}


div.enclosed {
	-moz-border-radius-bottomleft: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	background:white;
	margin-bottom: 1em;
	border-top: 3px solid #77AADA;}
div.inside {margin-top: 1em;}
div.clouds {
	margin: 0;
	padding: 0;
	background: none;}
div.clouds img {
	-moz-border-radius-topleft: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	-moz-border-radius-topright: 0.5em;
	-webkit-border-top-right-radius: 0.5em;}


/* HEADER */
.menu {
	text-align: center;
	background: #253645;}
.menu ul {
	margin: 0;
	padding-top: 1em;
	padding-bottom: 0.3em;
	list-style-type: none;}
.menu ul li {
	display: inline;
	margin: 0;
	margin-left: 0.5em; 
	margin-right: 0.5em;
	list-style-type: none;}
.menu li a {
	-moz-border-radius-topleft: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	-moz-border-radius-topright: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;}
.menu li a.active {
	color: white;
	background: #77AADA;}
.menu li a:hover {
	color: white;
	background: #77AADA;}
h1.heading {
	font-size: 1.5em;
	margin-bottom: 1.5em;
	background: #77AADA;
	color: white;
	padding-top: 0.7em;
	padding-bottom: 0.7em;}


/*BLOG*/
div.post {margin-bottom: 4.5em;}
div.comment {margin-bottom: 3em;}
.meta {font-size: 60%; color: #aaa;}
.leavecomment {margin-top: 3.5em; margin-bottom: 4.5em;}
.comments {margin-top: 4.5em;}

/* DEDICATED */
.row {margin-top: 1em;}


/* NAVIGATION */
.sidebar ul {
	margin-top: 0;
	margin-left: 0;
	list-style-type: none;}
.sidebar ul ul {
	margin-bottom: 0;}
.sidebar ul li {
	margin-bottom: 1.5em;
	margin-top: 0;
	display: block;}
.sidebar ul li a {
	padding-top: 0.3em;
	padding-bottom: 0.3em;}
.sidebar .active,
.menu li a.active {color: white; background: #77AADA;}
.sidebar .rssComments {display: none;}
.postticker ul {
	color: #aaa;
	list-style: none;
	margin-left: 0;}
.postticker ul li {
	margin-bottom: 1.2em;}
.postticker .timestamp {color: #aaa; font-size: 60%;}
.postticker .subscribe,
.postticker .timestamp .time,
.postticker .timestamp .author {display: none;}


/*MAIN BODY*/
.mainbody {
	padding-bottom: 1em;}


/* FOOTER */
.footer {
	color: #aaa;
	font-size: 80%;
	text-align: left;}
.footer a { color: white; border:0;}
.footer ul {list-style: none; margin-left: 0em;}
.footer ul ul {margin-left: 1.5em;}
.footer .commands ul, .footer .views ul {display: inline;}
.footer .commands ul li, .footer .views ul li {display: inline; padding-right: 1em;}


/* META */
.metaenvironment h1.heading {display: none;}
.metaheader {background: #C3D9FF; font-size: 200%}
.metaheader ul {display: inline; margin: 0;}
.metaheader li {list-style: none; display: inline; margin: 0;}
.metaheader li:after {content: "/"}
.metaenvironment.container {border: 1px solid #C3D9FF; margin-top: 0;}
.metafooter {background: #C3D9FF;}
.metafooter li {list-style: none;}


/*DEFAULT*/
body {margin-top: 0;}
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: inherit; font-size: 100%; line-height: inherit; }
h1 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
.maincontents {font-size: 1em;}
h2 { font-size: 1.2em; height: 1.25em; line-height: 1.25; margin-bottom: 1.25em; }
h3 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h4 { font-size: 1em; font-weight: bold; }
h5 { font-size: 1em; }
textarea {width: 100%;}
input.text, input.password {width: 200px;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], button { margin-left: 0.5em;} 


/* PIER */
.broken { color: red; font-weight: bold;}
.protected { color: #aaa; }
a {color: #76A1CC;}
a:hover {
	color: white;
	background: #77AADA; }
a:hover.nobackground {background: white;}
a.view, a.command {color: gray;}
a {text-decoration: none;}
a.environment:after {content: "*";}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.float {float: right;}
.nolist ul, .nobullets ul {list-style: none; margin-left: 0;}
.nolist ul li, .nobullets ul li {list-style: none; margin-left: 0;}
.nolist ul li, .nolist ul {display: inline; margin: 0;}
tr th {background: #eee; font-weight: normal;}
label {font-weight: normal;}
tr.group th {background: white; font-size: 1em; font-weight: bold; margin-top: 1.5em; }
td.required:after {color: #ff6633; content: "*"; margin-left: 0.5em;}