/* style.css for Soaa.me
** Do not redistribute
** color scheme:
** black:	#191919
** white:	#e8e8e8
** gray:	#7f7f7f
** l-pink:	#ffb5ef
** b-pink:	#ff6ee2
**
** style.css for SoThats.me
** Do not redistribute
** color scheme:
** d.orange:C05504
** orange:	FF913D
** l.orange:FFE4CF
** white:	F0F0F0
** gray1:	D6D6D6
** gray2:	919191
** gray3:	404040
 */

* {
	margin: 0;
	padding: 0;
}

html {overflow-y: scroll;}

body {
	font-family: "Tahoma", sans-serif;
	color: #191919;
}

a {
	color: inherit;
	font: inherit;
}

a img{ border: none; }

a:link {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px #404040 dotted;
}

a:visited {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px #404040 dotted;
}

a:focus{
	color: inherit;
	text-decoration: none;
	border-bottom: 1px #404040 solid;
}

a:hover{
	color: inherit;
	text-decoration: none;
	border-bottom: 1px #404040 solid;
}

body {
	background-color: #d6d6d6;
}

h1 {
	font-size: 24px;
	float: left;
	font-family: "Trebuchet MS", sans-serif;
	color: #fff;
}

h2 {
	font: normal normal 48px "Trebuchet MS", sans-serif;
	color: #404040;
	margin: 6px 0;
	padding: 0 10px;
}

h3 {
	font: bold normal 30px "Trebuchet MS", sans-serif;
	margin: 6px 0;
}

h4 {
	font: 24px "Trebuchet MS", sans-serif;
	margin: 6px 0;
}

h5 {
	font: 20px "Trebuchet MS", sans-serif;
	margin: 6px 0;
}

h6 {
	font: 20px "Trebuchet MS", sans-serif;
	margin: 6px 0;
}

p {
	font-size: 16px;
	margin: 1em 0;
}

code {
	font-family: "Courier New", monospace;
}

div#wrap {
	width: 100%;
	max-width: 900px;
	margin: auto;
}

div#headerbar {
	background-color: #ff913d;
	padding: 4px 8px;
	border: 1px #C05504 solid;
	border-top: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

div#headerbar a:link,
p.blurbcorner a:link {
	border-bottom: 1px #fff dotted;
}

div#headerbar a:visited,
p.blurbcorner a:visited {
	border-bottom: 1px #fff dotted;
}

div#headerbar a:focus,
p.blurbcorner a:focus {
	border-bottom: 1px #fff solid;
}

div#headerbar a:hover,
p.blurbcorner a:hover {
	border-bottom: 1px #fff solid;
}

ul#userbox {
	list-style: none;
	padding: 0;
	text-align: right;
	float: right;
}

ul#userbox li {
	font: 20px "Trebuchet MS", sans-serif;
	display: inline-block;
	color: #fff;
	margin-left: 10px;
}

ul#menubar {
	list-style: none;
	text-align: left;
	margin: 0 10px;
	clear: both;
	background-color: #919191;
	border: 1px #404040 solid;
	border-top: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

ul#menubar li {
	font: 30px "Trebuchet MS", sans-serif;
	color: #fff;
	padding: 0 10px;
	display: inline;
}

ul#menubar li#logout {
	float: right;
}

ul#menubar a:link,
a.thumbnail:link,
p.boxcorner a:link,
p.boxleftcorner a:link {
	border: none;
}

ul#menubar a:visited,
a.thumbnail:visited,
p.boxcorner a:visited,
p.boxleftcorner a:visited {
	border: none;
}

ul#menubar a:focus,
a.thumbnail:focus,
p.boxcorner a:focus,
p.boxleftcorner a:focus {
	color: black;
	border: none;
}

ul#menubar a:hover,
a.thumbnail:hover,
p.boxcorner a:hover,
p.boxleftcorner a:hover {
	color: #404040;
	border: none;
}

ul#forumlist h3,
ul#forumlist p.entry_count {
	margin: 0;
}

ul#forumlist h3 {
	display: inline-block;
}

ul#forumlist p.entry_count {
	display: inline-block;
	font-size: 24px;
}

ul#forumlist p.entry_count:before {
	content: "- ";
}

cite.username {
	font: inherit;
	color: inherit;
	display: inline-block;
}

cite.username em {
	font: inherit;
	font-size: 70%;
	color: #404040;
	font-style: italic;
}

cite.username em:before { content: "("; }

cite.username em:after { content: ")"; }

p.blurbcorner,
p.boxcorner {
	margin: -10px -10px 10px 10px;
	font: 18px "Trebuchet MS", sans-serif;
	float: right;
	background-color: #ff913d;
	padding: 3px;
	color: #fff;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

p.boxleftcorner {
	margin: -10px 10px 10px -10px;
	font: 18px "Trebuchet MS", sans-serif;
	float: left;
	padding: 3px;
	color: #fff;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
}

p.blurbcorner > *,
p.boxcorner > *,
p.boxleftcorner > * { margin: 0 5px;}

p.boxleftcorner + * { clear: both; }

p.boxcorner,
p.boxleftcorner {
	background-color: #919191;
}

ul.majorlist > li {
	list-style: none;
	padding: 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px #919191 solid;
	background-color: #f0f0f0;
	padding: 9px;
	margin: 10px 0;
}

ul.boxlist {
	text-align: center;
	margin: 0;
}

ul.boxlist > li {
	list-style: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px #919191 solid;
	background-color: #f0f0f0;
	padding: 9px;
	margin: 5px;
	display: inline-block;
	width: 195px;
	height: 235px;
	overflow: hidden;
	text-align: left;
	vertical-align: bottom;
}

ul.boxlist > li h3 {
	clear: both;
	font-size: 16px;
	height: 45px;
	line-height: 22px;
	overflow: hidden;
	text-align: center;
}

ul.boxlist > li > div.entry {
	height: 140px;
	overflow: hidden;
}

ul.boxlist > li > div.entry > p {
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 20px 0;
}

a.thumbnail {
	display: block;
	clear: both;
}

a.thumbnail span {
	display: table-cell;
	border: none;
	text-align: center;
	height: 150px;
	width: 195px;
	vertical-align: middle;
}

a.thumbnail img {
	border: none;
	vertical-align: middle;
}

ul.amendments {
	margin: 0 0 10px 0;
	list-style: none;
}

ul.amendments > li {
	margin: 0 10px;
	background-color: #ffe4cf;
	border: 1px #ff913d solid;
	border-top: none;
	padding: 9px;
}

ul.amendments > li:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

div#footer {
	margin: 10px 0;
}

div#footer p {
	text-align: center;
	font-size: 9px;
	margin: 0;
}

/* boxes */

.blurb {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px #ff913d solid;
	background-color: #ffe4cf;
	padding: 9px;
}

.blurb h3 {
	padding: 0;
}

/* shadows */

div#headerbar,
ul#menubar,
ul.majorlist > li,
ul.boxlist > li,
ul.amendments > li,
div.entryimage > img,
a.thumbnail img,
form,
.blurb {
	box-shadow: 0 4px 12px #919191;
	-moz-box-shadow: 0 4px 12px #919191;
	-webkit-box-shadow: 0 4px 12px #919191;
}

div#wrap > h2 {
	text-shadow: 0 4px 12px #919191;
}

/* entries */

div.entryimage {
	margin: 10px 0;
	text-align: center;
}

div.entry,
div.entry h3,
div.entry h4,
div.entry h5,
div.entry h6,
div.entry p,
div.entry ul,
div.entry li {
	margin: 10px 0;
}

div.entry li {
	margin-left: 1em;
}

ul.pagestop,
ul.pagesbottom {
	list-style: none;
	font: 20px "Trebuchet MS", sans-serif;
	margin: 10px 0 -10px 0;
	text-align: center;
}

ul.pagesbottom {
	margin: -10px 0 10px 0;
}

ul.pagestop li,
ul.pagesbottom li {
	display: inline-block;
}

/* conversations */

ul.majorlist > li.sent { margin-right: 30px; }
ul.majorlist > li.received { margin-left: 30px; }

/* forms */

form {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px #C05504 solid;
	background-color: #ff913d;
	padding: 9px;
	margin: 10px 0;
	font-family: "Trebuchet MS", sans-serif;
}

form label {
	display: block;
	font-weight: bold;
	color: #fff;
	margin: 6px 0;
}

form input[type=text],
form input[type=password],
form textarea {
	width: 100%;
	font-size: 16px;
	border: 1px #919191 solid;
	margin: 6px 0;
	font-family: "Tahoma", sans-serif;
}

form input[type=button],
form input[type=submit] {
	border: 1px #919191 solid;
	font: bold 16px "Trebuchet MS", sans-serif;
	background: #f0f0f0;
	margin: 6px 0 0 0;
	padding: 5px 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

form#loginbar {
	float: right;
	padding: 0;
	margin: 0;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

form#loginbar * {
	margin: 0;
	padding: 0;
	display: inline;
	width: inherit;
	font: 20px "Trebuchet MS", sans-serif;
	height: 23px;
}

form#loginbar button[type=submit] {
	font-size: 16px;
	background: #f0f0f0;
	padding: 0 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px #919191 solid;
}

/* buttons */

.button20 > span { display: none; }

.button20 + * { margin-top: 0; }

.button20 {
	float: right;
	width: 20px;
	height: 20px;
}

.button20:link { background-position: 0 0; border: none;}
.button20:visited { background-position: 0 0; border: none; }
.button20:focus { background-position: -40px 0; border: none; }
.button20:hover { background-position: -20px 0; border: none; }

.closebutton { background-image: url('http://media.sothats.me/site-images/close-button.png'); }
.readbutton { background-image: url('http://media.sothats.me/site-images/read-button.png'); }

/* general fix classes */

.ps { border-top: 1px #404040 dotted; padding: 5px 0;}

.errorlist { color: red; }

ul.errorlist li { color: #a00; list-style: none; }

*:first-child,
p.blurbcorner + *,
p.boxcorner + * { margin-top: 0; }

*:last-child { margin-bottom: 0; }

.left { float: left; }

.right { float: right; }

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.hidden { display: none; }