/* ==========
	basic.css
*/
body {
	font-size:		75%;
	background: 	#900 url(/_img/bg-red.png) 125% 0%;
	color:			#544;
	margin:			0;
	padding:		10px 0px 10px 10px;
}

table, input, select {
	font-size:		100%;
}

body, table, input, select {
	font-family:	verdana, tahoma, arial, geneva, helvetica, sans-serif;
}

table {
	width:			100%;
	text-align:		left;
}

th {
	text-align:		left;
}

tbody th {
	vertical-align:	top;
}

img {
	border:			0;
}

p, .para {
	padding:		0;
	margin:			1em;
}

p, li, td, .para {
	line-height:	130%;
}

pre.code {
	font-size:		1.3em;
	border:			1px solid #999;
	background:		#f0f0f0;
	margin:			1em;
	padding:		1em;
}
pre br {
	display:		none;
}

hr {
	height:			1px;
}

form {
	display:		inline;
}

label, input, select {
	vertical-align:	middle;
}
label {
	font-weight:	bold;
}
form.tabular label, form.tabular span {
	display:		block;
	float:			left;
	margin:			.4em 0em;
}

form.tabular label {
	width:			10em;
	clear:			left;
	padding-top:	.16em;
}

form.tabular span {
	clear:			right;
}

form.expand input, form.expand textarea, form.expand .expandSelect select {
	width:			99%;
}

.noexpand input, .noexpand textarea, .noexpand select, input.button, input.submit {
	width:			auto !important;
}

/* ==========
	Headers
*/
h1 { 
	font-size:		1.5em;
}
h2, h3, h4 {
	color:			#933;
	border-bottom:	1px dashed #999;
}
h2 {
	font-size:		1.4em;
}
h3 {
	font-size:		1.2em;
}
h4 {
	font-size:		1em;
}

/* ==========
	Links
*/
a {
	color:			#a00;
	text-decoration:underline;
}
a:hover {
	color:			#c00;
	text-decoration:none;
}
h1 a, h2 a, h3 a, h4 a {
	color:			#900;
	text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color:			#c00;
	text-decoration:underline;
}

/* ==========
	misc
*/
.big {
	font-size:		1.2em;
}
.bigger {
	font-size:		1.1em;
}
.small {
	font-size:		.8em;
}
.smaller {
	font-size:		.9em;
}
.error {
	color:			#00c;
}
.separator {
	clear:			both;
}
.middle {
	vertical-align: middle;
}
.center {
	text-align:		center;
}
.centered {
	display:		block;
	margin-left:	auto;
	margin-right:	auto;
}
.right {
	width:			auto;
	float:			right;
}
.left {
	width:			auto;
	float:			left;
}
.tright {
	text-align:		right;
}
.tleft {
	text-align:		left;
}
.underline {
	text-decoration:underline;
}
.bold {
	font-weight:	bold;
}
em.underline {
	font-style:		normal;
}
.scroll {
	overflow:		auto;
}
.indent {
	padding-left:	2em;
}
.indent-mark {
	border-left:	1px dashed #c99;
}
.black, .allblack, .allblack * {
	color:			#000;
}
.gray, .allgray, .allgray * {
	color:			#999;
}
.darkgray, .alldarkgray, .alldarkgray * {
	color:			#666;
}

.arial {
	font-family:	arial, helvetica, sans-serif;
}
.fatbottom {
	border-bottom:	10px dotted #f0f0f0;
}
/* ==========
	Div Boxes
*/
.BorderBox {
	border:			1px solid #ccc;
}
.BlackBorderBox {
	border:			1px solid #000;
}
.GrayBox {
	background:		#f0f0f0;
}
.SilverBox {
	background:		#ccc;
}
.ResultBox {
	border:			2px solid #c99;
	color:			#c33;
	background:		#fcfcc0;
}
.LVFaderBox, .VFaderBox {
	background:		transparent url(/_img/fade-v.png) top center repeat-x;
}
.LVFaderBox {
	padding-left:	.5em;
}
.PaddedBox {
	padding:		.5em;
}
.MarginBox {
	margin:			1em;
}

/* ==========
	Columns
*/
.HalfCol {
	width:			45%;
	margin:			1%;
}

/* ==========
	Tables
*/

.PrettyTable {
	border:		1px solid #999;
	text-align:	left;
	background:	#fff;
}
.PrettyTable thead th {
	padding:		.4em;
	color:			#600;
	background:		#fff url(/_img/fade-v.png) top center repeat-x;
}
.PrettyTable tbody td, .PrettyTable tbody th {
	border-top:		1px solid #eee;
}

/* ==========
	Page Setup
*/
#Page {
	width:			750px;
	text-align:		left;
	border:			1px solid #999;
	background:		#fff url(/_img/page-bg.png) top right repeat-y;
}
.MainCol {
	width:			530px;
	float:			left;
}

.SideCol {
/* don't change the width - it breaks the layout in IE */
	width:			202px;
	float:			right;
}

/* ==========
	#Content
*/
#Content {
	margin:			0px;
	padding:		20px;
}
#Content ul li {
	list-style-image: url(/_img/dot-red.gif);
}
#Content ul.Gadget_Tree_Menu li {
	list-style-image: none;
}
#Content .noflowers li, #Content .nodots li {
	list-style-image: none;
}
#Content h3 {
	background: transparent url(/_img/dot-dot-red.gif) center left no-repeat;
	padding-left: 18px;
}
#Content .PaddedBox h3 {
	margin-top: 0;
	padding-top: .5em;
	padding-bottom: .5em;
}

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

#top h1 {
	margin:			0;
	padding:		0;
}

#TopMenu {
	padding: 0;
	margin: 0;
	height: 48px;
	width: 750px;
	background: #fff;
	text-align: left;
	font-size: 11px;
}
#TopMenu ul {
	margin: 0;
}
#TopMenu li {
	float: left;
	width: auto;
	height: 48px;
	padding: 0 0 0 1em;
	margin: 0;
	list-style-type: none;
	text-align: left;
}
#TopMenu img {
	vertical-align: middle;
}
#TopMenu a {
	font-weight: bold;
	text-decoration: none;
}
#PageTop {
	width: 750px; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc;
}
#PageTop img.head {
	vertical-align: bottom;
}

/* ==========
	#top
* /

#top {
	border-bottom:		1px solid #a99;
	background:			#fff;
}

#top h1 {
	display:			none;
}

#top #girl {
	width:				178px;
	height:				200px;
}
#top #girl img {
	vertical-align:		bottom;
}
#top #banner {
	text-align:			center;
	height:				100px;
}
#top #banner img {
	cursor:				pointer;
}
#top #sponsors {
	text-align:			center;
}
#top #sponsors img {
	vertical-align:		middle;
}

/* ==========
	SearchBar
*/
#SearchBarContainer {
	height:				70px;
	width:				370px;
	background:			#fff url(/_img/fade-v.png) top left repeat-x;
	border-left:		1px solid #999;
	border-right:		1px solid #999;
	text-align:			center;
}
#SearchBarContainer .smaller {
	font-size:			12px;
}
#SearchBarContainer .small {
	font-size:			10px;
}

.SearchBar input {
	vertical-align: bottom;
}

/* ==========
	#Breadcrumbs
*/
#Breadcrumbs {
	font-size:			.8em;
}

/* ==========
	.pagingLinks
*/
.pagingLinks {
	text-align:			center;
	font-size:			.9em;
}
.pagingLinks img {
	vertical-align:		middle;
}

/* ==========
	#footer
*/

#footer {
	clear:				both;
	padding:			4px;
	margin-top:			1em;
	text-align:			center;
	color:				#633;
	background:			#fff;
	font-size:			.9em;
	border-top:			1px solid #ccc;
}

#footer img {
	vertical-align:		middle;
}

/* ==========
	XMLHTTP
*/
#XMLHTTP {
	position:			absolute;
	top:				10px;
	left:				780px;
	width:				180px;
	font-size:			12px;
}
#XMLHTTP-display {
	vertical-align: bottom;
}
#XMLHTTP-content {
}

#XMLHTTP .XMLHTTP {
	width:				175px;
	height:				175px;
	border:				1px solid #000;
	background:			#fff;
	margin:				0 0 5px 0;
	text-align:			left;
}
.XMLHTTP h5 {
	margin:				0px;
	padding:			5px;
	background:			#933;
	font-size:			11px;
}
.XMLHTTP p {
	font-size:			10px;
}

/* ==========
	Votings
*/
.VotingBar {
	padding:			.1em;
}

/* ==========
	SearchBar
*/
.SearchBar {
	padding:		.5em;
}

/* =========
	Forum
*/
.ForumOverviewCategory {
	clear:				both;
	border-bottom:		10px dotted #f0f0f0;
}

.ForumOverviewCategory p {
	line-height:		180%;
}

.ForumOverviewCategory h3 {
	font-family:		arial, verdana, geneva, helvetica, sans-serif;
	background:			white url(/_img/fade-v.png) top center repeat-x;
	padding:			.2em;
}

.ForumOverviewCategory h3 a {
	float:				left;
}

.ForumOverviewCategory h3 span {
	float:				right;
	color:				#c99;
	font-size:			.8em;
	font-weight:		normal;
}

.ForumOverviewPostLinkList {
	font-size:			.8em;
}
.ForumOverviewPostLinkList li {
	list-style-type:	circle;
}
.ForumOverviewPostLinkList a {
	color:				#e66;
}

.ForumTopicList tr.even td {
	border-right: 1px solid #f0f0f0;
}

.ForumTopicList td, .ForumTopicList th {
	padding:		1em .5em;
}

.ForumTopicList th {
	color:				#f0f0f0;
}

.ForumTopicList tr.even {
	background:			#fff;
}

.ForumTopicList tr.odd {
	background:			#f0f0f0;
}

.ForumTopicList tfoot {
	font-weight:		bold;
}

.ForumTopicList tfoot span {
	font-weight:		normal;
}

.ForumTopic {
	border-bottom:		10px dotted #f0f0f0;
}

.ForumTopic h3 {
	font-family:		arial, geneva, helvetica, sans-serif;
}

.ForumTopic h3 span {
	float:				right;
	width:				auto;
	font-size:			.8em;
	color:				#a77;
}

.ForumTopic blockquote {
	font-weight:		bold;
	color:				#666;
	background:			transparent url(/_img/trmd.gif) left;
	border:				1px dashed #ccc;
	padding:			.2em;
	margin-right:		.2em;
}

h2.ForumTopicHeader a {
	float:				right;
	width:				auto;
}

.ForumCategoryHeader {
	border:				none;
}

/* ==========
	Recent
*/
#RecentArticles tr.even th, #RecentArticles tr.odd th {
	width:			30%;
}

/* ==========
	Zine
*/
.ZineCategory {
	margin:			1em;
	border-bottom:	10px dotted #f0f0f0;
}

.ZineCategory h3 {
	font-style:		italic;
	font-family:	arial, helvetica, sans-serif;
	margin:			0;
	padding:		.3em;
	border:			none;
}

.ZineCategory ul {
	margin-top:		0;
	margin-bottom:	1em;
}

.ZineCategory li {
	margin-right:	1em;
}

.ZineCategory p {
	margin:			1em;
}

.ZineCategory img {
	overflow:		hidden;
}

.ZineCategory table form div, .ZineCategory table form div input {
	vertical-align:	bottom;
}

.ZineArticleContinuation, .ZineMoreArticles, .ZineArticleDownloads {
	margin:			2em 0 1em 0;
	padding:		0;
	border-bottom:		10px dotted #fcc;
}

.ZineMoreArticles h2 {
	border-bottom:	none;
	margin-bottom:	0;
	color:			#544;
	font-size:		1em;
}

.ZineMoreArticles ul {
	margin-top:		.5em;
}

.ZineArticle img {
	max-width:		480px;
}

.ZineArticle img.right, .ZineArticle img.left {
	padding:		1em;
	background:		#fff;
}

.ZineArticle img.right {
	margin-right:	-1em;
}

.ZineArticle img.left {
	margin-left:	-1em;
}

/* ==========
	Messages
*/
.UserHomeMessage {
	border-bottom:	10px dotted #f0f0f0;
}

.RequestedUserHomeMessage {
	padding-left:	2em;
	border-left:	10px dotted #fcc;
}

/* ==========
	Editor
*/
#EditorForm div {
	text-align:		center;
}

#EditArea {
	height:			250px;
}

.input {
	width:			467px;
	padding:		2px;
	border:			2px solid #ecc;
	background:		#f9f9f9;
}

fieldset .input {
	width:			440px;
}

select.input {
	padding: 1px;
}

.smily {
	cursor:			pointer;
}

.button {
	padding:		1px;
	background:		#fcf0f0;
	font-size:		.8em;
}

.button:hover {
	background:		#fff;
}

/* ==========
	Menu
*/
#Menu {
/* don't change the width - it breaks the layout in IE */
	width:			202px;
	float:			right;
}

#Menu .MenuSpecial {
	text-align:		center;
	font-family:	'trebuchet ms', arial, sans-serif;
}
#Menu .MenuSpecial p {
	background:		url(/_img/fade-red-v.png) center;
	font-weight:	bold;
	border-top:		1px solid #fff;
	margin:			0 0 0 1px;
	padding:		10px 0;
}
#Menu .MenuSpecial a {
	color:			#fff;
	font-size:		12px;
}
#Menu .MenuSpecial a:hover {
	text-decoration:none;
}


#Menu strong, #Menu strong a {
	color:			#c33;
}
#Menu strong {
	display:		block;
	background:		#fff url(/_img/menu-title.png) top left repeat-y;
	padding:		.4em;
	border-bottom:	1px solid #fff;
	border-top:		1px solid #fff;
}
#Menu ul {
	margin:			0;
	padding:		0;
}
#Menu ul.MenuSectionLinks {
	margin:			.5em;
}
#Menu li {
	list-style-type:none;
	padding:		.2em .2em;
	margin:			.2em .2em;
}
#Menu li.MenuSectionTitle {
	padding:		0;
	margin:			0;
}
#Menu a {
	text-decoration:none;
}
#Menu a:hover {
	text-decoration:underline;
}

/* ==========
	LoginBox
*/
#LoginBox {
	border:		1px solid #999;
	float:		right;
	width:		auto;
	margin:		5em 0em 1em 1em;
	text-align:	center;
	font-size:  .9em;
}
#LoginBox form {
	display:	block;
	margin:		0;
	padding:	1em;
}
#LoginBox input, #LoginBox select {
	width:		10em;
	border:		1px solid #999;
	color:		#333;
}
#LoginBox label {
	display:	block;
	font-weight:normal;
	margin:		.4em .4em .2em 0em;
}
#LoginBox br {
	clear:		both;
}
#LoginBoxHeader {
	border-top:		1px solid #fff;
	border-bottom:	1px solid #ccc;
	padding:		.4em;
	background:		#eee;
	color:			#666;
}

/* ==========
	UserHomeProfile
*/
/* leave out internet explorer */
#Profile>form>div>span {
	width: 70%;
}
/* --- */
#Profile span input, #Profile textarea {
	width:			90%;
}

/* ==========
	Diaries
*/
.DiaryEntry {
	border-bottom:	10px dotted #f0f0f0;
	margin-left:	1em;
}
.DiaryEntry p:first-letter { 
	color:		#666;
}

.DiaryEntry img {
	max-width:		480px;
}