* {margin:0; padding:0;}
div, img, p, ol, ul, li, textarea {border:0;}

/* HTML elements */
body {font-family: sans-serif; font-weight: lighter; font-size: 80%; word-wrap: break-word;}
@media only screen and (max-device-width: 480px) {
	body{background-color:black; font-size:12pt;}
	input[type=submit] {padding: 0.3em 0.5em; font-size: 75%;}
}

h1 {padding: 0.2em 1em 0 3px; font-size: 1em; display: inline;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	border-width: 1px 1px 0 0;
	border-style: solid;
}

/* TODO: (css) clear:both of h2 is only needed because of Share button on streams page. better way? */
h2 {padding: 0.3em 1em 0.1em 3px; font-size: 1em; font-weight: lighter;}
/* TODO: (css) investigate need for clear: both in hr -- only needed for short posts */
hr {clear: both;}
p {padding: 0.15em 3px; line-height: 1.3em;}
ol, ul {list-style: none;}
textarea {width: 99%; margin: 0.1em 0;}
input[type=checkbox], input[type=radio] {margin-right: 0.5em;}
.options span {margin-right: 0.5em;}

#header {
	padding-top: 0.5em;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
#footer
{
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	text-align: center;
	max-width: 763px; margin-left: auto; margin-right: auto;
/*	padding-left:1px; padding-right:1px;*/
	position: relative;
	margin-top: -1.4em;
	height: 1.4em;
	clear:both;
}

/* custom classes and ids */
#wrap {max-width: 763px; margin-left: auto; margin-right: auto; border: 1px solid;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}

/* TODO: merge these two classes */
.holder {overflow: auto;}
.posts li {overflow: auto;}

/* TODO: (css) width here seems necessary for proper display in BB - investigate */
.avatar {float: left; width: 54px; padding-left: 0.3em; padding-top: 0.3em;/* margin-right: 0.2em;*/}
/* TODO: remove message class from JSPs */
.message {margin-left: 58px;}

.bold {font-weight: bold;}

/* alignment */
.rightText {text-align: right;}
.centerText {text-align: center;}

/* sticky footer */
html, body, #wrap {height: 100%;}

body > #wrap {height: auto !important; min-height: 100%;}

#main {padding-bottom: 1.4em;}  /* must be same height as the footer */

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* end sticky footer */