/* BASIC RESET & DEFAULT STYLING */
/* If I forgot about something, it will still look good :P */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body {line-height: 1.5;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}

blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote,q {quotes: "" "";}
a img {border: none;}
body {font-size: 82%; color: #545454; font-family: "Helvetica Neue", Helvetica, Trebuchet MS, Verdana, Tahoma, Arial, sans-serif;}

/* Default Content */
p {margin: 0 0 1.5em;}
p img {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0;}
p img.right {float: right; margin: 1.5em 0 1.5em 1.5em;}

a:focus,a:hover {color: #000;} a {color: #545454; text-decoration: none;}

blockquote {margin: 1.5em; color: #666; font-style: italic;}
strong {font-weight: bold;}
em,dfn {font-style: italic;}
dfn {font-weight: bold;}
sup, sub {line-height: 0;}

abbr,acronym {border-bottom: 1px dotted #666;}
address {margin: 0 0 1.5em; font-style: italic;}
del {color:#666;}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5;} 

/* Lists */
li ul,li ol {margin:0 1.5em;}
ul, ol {margin: 0 1.5em 1.5em 1.5em;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}
dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}

.clear {clear: both;}

/* INFOBOX STYLING: NOTICES, ERRORS ETC. */
/* Errors & Success */
.ErrorContainer {
	background: url('images/alert.gif') no-repeat top left #FFEDEF;
	border-top: 1px solid #FFC2CA;
	padding: 10px 10px 10px 27px !important;
	overflow: hidden;
	}
.ErrorTitle {
	font-weight: bold;
	color: #c00 !important;
	}
.Error {
	color: #c00 !important;
	}
	
	#Comments li, #Comments li * {
  background-color:white;

}

#Comments li.Alternate, #Comments li.Alternate * {
  background-color:#DDEEFF;

}

#Success {
	border-top: 1px solid #9C9;
	border-bottom: 1px solid #9C9;
	background: #E2F9E3;
	color: #060 !important;
	display: block;
	line-height: 200%;
	text-align: center;
	font-size: 13px;
	margin-bottom: 10px !important;
	}
.Notice {
	background: url('images/notice.gif') left center no-repeat #FFFECC;
	border: 1px solid #FAEBB1;
	font-size:13px;
	padding: 8px 8px 8px 30px;
	margin-bottom: 20px;
	color: #D57D00;
	line-height: 150%;
	}

/* Remove System Message Button */
.Notice span {
	float:right;
	display: block;
	font-size: 11px;
	}
.Notice span a,
.Notice span a:link,
.Notice span a:visited,
.Notice span a:hover {
	color: #f60;
	}
.Invisible { display: none; }
.Visible { display: block; }

/* Session.. */

#session {
	position:absolute;
	top:25px;
	right:18px;
	text-align:right;
	font-size:11px;
	color:#5d709f;
	}
#session a {
	color:#5d709f;
	text-decoration:none;
	}
#session a:hover {
	color:#000;
	}

/* == CORE STYLING == */
/* Now we can make it look cool! */

body {
	background: #F2F2F2 url('images/bg_head.gif') repeat-x top left;
}

#header {
	display: block;
	width: 920px;
	height: 168px;
	margin: 0px auto;
	}

.header_top {
	display: block;
	height: 45px;
}
.header_middle {
	display: block;
	height: 123px;
}
	
.navigation {
	display: block;
	width: 670px;
	float: left;
	padding-top: 10px;
}
.navigation ul {
	display: block;
	text-align: left;
	padding: 0px; margin: 0px; list-style: none;
	}
.navigation ul li {
	display:inline;
	margin: 0px;
	}
.navigation ul li.TabOn {
	
	}
.navigation ul li a {
	color: #A8A8A8;	
	padding: 10px;
}
.navigation ul li a:hover {
	color: #fff;
}
.navigation ul li.TabOn a,
.navigation ul li.TabOn a:hover {
}
.session {
	display: block;
	width: 250px;
	float: left;
	padding-top: 10px;
	text-align: right;
	color: #A8A8A8;
}
.session a {color: #A8A8A8;}
.session a:hover {color: #fff;}

.navigation, .session {font-size: 1.1em; }

.logo {
	display: block;
	width: 380px;
	float: left;
}
.about {
	display: block;
	width: 460px;
	float: left;
	padding: 30px 10px 0px;
	color: #CFE6C4;
}

/* == CONTAINER == */

#container {
	display: block;
	width: 920px;
	margin: 10px auto;
	clear: both;
}

/* = Panel = */

#panel {
	display: block;
	width: 240px;
	margin-right: 15px;
	float: left;
}

#panel ul {
	margin: 0px; padding: 8px; list-style: none;
}
#panel ul ul li {
	padding: 4px 4px 4px 16px;
	background: url('images/bullet.gif') no-repeat left;
	border-bottom: 1px solid #F7F7F7;
}
#panel ul ul li a {color: #549C35;}
#panel ul ul li a:hover {color: #000;}

#panel h1 {
	display: block;
	background: #fff;
	border: 1px solid #E9E4E4;
	padding: 16px;
	color: #B4ADA1;
	font-size: 1.4em;
}
#panel h2 {
	color: #4F3E23;
	font-size: 1.1em;
	padding: 2px 3px;
	margin: 8px 0px 2px;
	background: url('images/panel_headline.gif') repeat-x bottom left;
}

#AboutVanilla, #DesignedBy {
	display: block;
	background: #fff;
	border: 1px solid #E9E4E4;
	padding: 16px;
	color: #B4ADA1;
	font-style: italic;
	font-size: 0.9em;
	margin-top: 40px;
}
#AboutVanilla a, #DesignedBy a {color: #B4ADA1;}
#AboutVanilla a:hover, #DesignedBy a:hover {color: #000;}
#DesignedBy { margin-top: 0px; margin-bottom: 40px; }

/* = Content = */

#content {
	display: block;
	width: 665px;
	float: left;
}
	#content #Form, #AccountProfile {
		display: block;
		background: #fff;
		border: 1px solid #E9E4E4;
		padding: 10px;
		color: #4F3E23;
	}
		#content #Form legend, #AccountProfile h2 { 
			font-size: 20px; 
			font-family: "Georgia", Times, serif; 
			margin-bottom: 20px;
		}
		
		#frmApplicationGlobals h2, #frmCategory h2 {
			font-size: 14px;
			padding: 2px;
			border-bottom: 1px solid #eee;
			margin-bottom: 2px;
			color: #000;
			font-weight: bold;
		}
		
		.Description { background: #eee; margin-top: 6px; padding: 10px; border: 1px solid #ddd; }
		
		#content #Form fieldset label {
			padding-right: 15px;
		}
		
		#Form ul { margin: 0px; padding: 0px; list-style: none; }
		#Form ul li, #Form .Submit {
			display: block;
			background: #FAF9F9;
			padding: 4px 8px;
			margin-bottom: 4px;
		}
		#Form ul {margin-bottom: 16px;}
		#Form input[type=text],
		#Form input[type=password],
		#Form textarea {
			background: #fff;
			border: 1px solid #E9E4E4;
			padding: 3px 4px;
		}
			#Form input[type=text]:focus,
			#Form input[type=password]:focus,
			#Form textarea:focus { border: 1px solid #D1CACA; }
			#Form textarea {
				font-family: "Arial";
				font-size: 12px;
				width: 616px;
				padding: 6px;
			}
			
		.Button {
			background: #8ACB6E; 
			border: 1px solid #63AF41;
			padding: 3px 6px;
			color: #fff;
			margin-right: 6px;
		}
		.Button:hover, .Button:focus { background: #63AF41; cursor: pointer; }

		.SortList { display: block; margin-bottom: 10px; }
		.MovableSortListItem { cursor: move; }
		.SortListItem {
			border-bottom: 1px solid #ddd;
			padding: 6px ;
			margin: 0px !important;
			position: relative; 
		}
		.SortListOptions {
			float: right !important;
			float: none;
			position: relative !important;
			position: absolute;
			right: auto !important;
			right: 20px;
	}

		/* Search */
		
		#Form.Search {
			width: 99% !important;
		}
		html>body #Form.Search {
			width: 100% !important;
		}	
		#MainSearchInput label {
			display: none !important;
		}
		.SearchSwitch {
			display: block;
			position: relative;
			top: -20px;
			float: right;
		}
		#SearchDiscussionFields, #SearchCommentFields, #SearchUserFields {
			display: none;
		}
		
		/* Profile */
		
		#AccountProfile * { margin:0px; padding:0px; list-style:none; }
		#AccountProfile li { padding: 6px; clear:both; border-bottom: 1px solid #eee; }
		#AccountProfile h3 { font-size:12px; font-weight: bold; width:44%; float:left; }

.CommentBody {
	background: #fff;
	border: 1px solid #E9E4E4;
	padding: 16px;
}
.ContentInfo h1 {
	color: #4F3E23;
	font-family: "Georgia", Times, serif;
	font-size: 24px;
	font-weight: normal;
}
.PageInfo, .Discussion, .Category {
	display: block;
	background: #fff;
	border: 1px solid #E9E4E4;
	padding: 10px;
	color: #4F3E23;
	margin-bottom: 6px;
}
	.PageInfo p { margin: 0px; padding: 0px; float: left; }
	.Discussion, .Category { font-style: normal; margin-bottom: 2px; }
	
.PageList { float: right; margin: 0px; padding: 0px; list-style: none; }
	.PageList li { display: inline; }
	.PageList li a { color: #AC946D; }
	.CurrentPage {
		color: #4F3E23;
		border-bottom: 1px dashed #4F3E23;
	}
	
/* == Discussions == */

#Discussions, #Categories, #Comments {
	margin: 0px; padding: 0px; list-style: none;
}
	.Discussion ul, .Category ul { margin: 0px; padding: 0px; list-style: none; display: block; clear: both; }
	.Discussion ul li, .Category ul li { display: inline; }
	.Discussion ul.DiscussionMeta li, .Category ul.CategoryMeta li { padding-right: 18px; }
	
	.DiscussionTopic, .CategoryName {
		font-size: 18px;
		color: #4F3E23;
	}
	
	.DiscussionCategory, 
	.DiscussionStarted, 
	.DiscussionComments, 
	.DiscussionLastComment,
	.DiscussionActive, 
	.DiscussionNew
	{  font-size: 0.9em; }
	
	.DiscussionCategory span, 
	.DiscussionStarted span a, 
	.DiscussionComments span, 
	.DiscussionLastComment span a, 
	.DiscussionActive span a, 
	.DiscussionNew span,
	.CategoryDescription, 
	.CategoryDiscussionCount
	{ color: green; }
	
	.DiscussionType span, 
	.DiscussionTopic span, 
	.Category span,
	.CategoryDescription span,
	.CategoryOptions span { display: none; }
	
	.CategoryOptions a { cursor: pointer; }
	
/* == Comments == */

.CommentContent {
	display: block;
	width: 520px;
	min-height: 120px;
	float: left;
	background: #fff;
	border: 1px solid #E9E4E4;
	padding: 10px;
	color: #4F3E23;
	margin-bottom: 4px;
}
.CommentAuthor {
	display: block;
	width: 123px;
	float: right;
	background-position: 0px 10px;
	text-align: center;
}
	.UserName { font-size: 18px; font-weight: bold; }
	.UserName a { color: #5DAC3A; }
	.CommentTime { color: #B7AE9C; font-size: 0.9em; }
	
	.PostOptions { 
		display: block; clear: both; padding: 3px; margin-top: 10px; 
	}
		.PostOptions a { background: #FAF9F9; padding: 3px 6px; color: #63AF41; border: 1px solid #fff; }
		.PostOptions a:hover { border: 1px solid #ddd; }
	
	.PageInfo { clear: both; }
	.ContentInfo { 
		display: block;
		clear: both; 
		background: #F6F6F6;
		padding: 3px; 
	}
		.ContentInfo a { padding-right: 10px; }
	.Bottom { margin-top: 4px; }