/* ========================================= VanillaForums.org Customizations */

/* ---- General Styles ---- */
a,
a:link,
a:visited,
a:active {
   text-decoration: none;
   color: #2a529a;
}
a:hover {
   text-decoration: none;
   color: #2a529a;
	text-decoration: underline;
}
.Button:hover {
	text-decoration: none;
}
body {
	background: #FFFFD1;
}
#Frame {
	border-top: 1px solid #fff;
	background: #e4f0fc;
	background: url('images/fade.jpg') top center repeat-x #FFFFD1;
}
#Body {
   margin: 0 auto;
	padding: 30px 0;
}
div#Content {
	margin-bottom: 40px;
}
div#Foot {
	margin: 0;
	padding: 0;
}
div#Foot div {
	padding: 12px 0 10px;
	border: 0;
	margin: 0 auto;
}
div#Foot div,
div#Foot div a {
	color: #80828C;
}
div#Foot div a:hover {
	text-decoration: none;
	color: #40424C;
}


/* ---- Banner ---- */

.Banner {
	background: url('images/shine.jpg') top center repeat-x #2a529a;
	border-bottom: 1px solid #183a7c;
	text-align: center;
	height: 180px;
}
.BannerWrapper {
	width: 960px;
	margin: 0 auto;
	text-align: right;
}
.Banner div.Buttons {
	float: right;
}
.Banner div.UserOptions {
	float: right;
	background: url('images/userinfo_left.png') left bottom no-repeat;
}
.Banner div.UserOptions div {
	background: url('images/userinfo_right.png') right bottom no-repeat;
	padding: 0 10px 4px 4px;
	margin-left: 6px;
}
.Banner div.UserOptions a {
	color: #fff;
	text-shadow: 0 1px 0 #000;
	margin: 0 8px;
	font-family: 'Trebuchet MS', Arial;
	font-size: 11px;
}
.Banner div.UserOptions a.Username:hover,
.Banner div.UserOptions a.Inbox:hover {
	text-decoration: none;
}
.Banner div.UserOptions a.Username:hover em,
.Banner div.UserOptions a.Inbox:hover em {
	text-decoration: underline;
}
.Banner div.UserOptions a span {
	margin: 0 0 0 6px;
	background: #8b8bff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #fff;
	padding: 0 2px;
	font-weight: normal;
	font-family: 'lucida grande','Lucida Sans Unicode', Tahoma, sans-serif;
	text-shadow: 0 1px 0 #000;
}
.Banner h1 {
	border: 0;
	margin: 0;
	padding: 0;
}
.Banner h1 a {
	margin: 20px 0 0;
	float: left;
	display: block;
	width: 484px;
	height: 142px;
	background: url('images/banner.png') center center no-repeat;
}
.Banner h1 a span {
	color: #fff;
	font-size: 30px;
}
.Banner ul {
   list-style: none;
   margin: 50px 0 0;
}
.Banner ul li {
	float: right;
	height: 46px;
	padding-left: 8px;
	margin-left: 8px;
}
.Banner ul li a {
   display: block;
   font-family:'Trebuchet MS', 'helvetica nueue', helvetica;
   font-size:15px;
   font-weight:bold;
   text-decoration: none;
   color: #fff;
   text-shadow:1px 1px 1px #000;
	height: 46px;
	line-height: 46px;
	padding: 0 14px 0 4px;
}
.Banner ul li {
background: url('images/tab_left.png') left center no-repeat;
}
.Banner ul li a {
background: url('images/tab_right.png') right center no-repeat;
}
.Banner ul li.Download {
	background: url('images/dl_left.png') left center no-repeat;	
}
.Banner ul li.Download a {
	background: url('images/dl_right.png') right center no-repeat;
}
body#garden_search_index .Banner ul li.Community,
body#dashboard_plugincontroller_page .Banner ul li.Home,
body#blog_blogcontroller_index .Banner ul li.Blog,
body.Profile .Banner ul li.Community,
body.Vanilla .Banner ul li.Community,
body.Conversations .Banner ul li.Community,
body.Activity .Banner ul li.Community {
	background: url('images/tab_leftpressed.png') left center no-repeat;	
}
body#garden_search_index .Banner ul li.Community a,
body#dashboard_plugincontroller_page .Banner ul li.Home a,
body#blog_blogcontroller_index .Banner ul li.Blog a,
body.Profile .Banner ul li.Community a,
body.Vanilla .Banner ul li.Community a,
body.Conversations .Banner ul li.Community a,
body.Activity .Banner ul li.Community a {
	background: url('images/tab_rightpressed.png') right center no-repeat;
}

/* --- Profile Page --- */
form.Activity,
ul.Activities {
	background: #fff;
}
ul.Activities li.Item {
	padding: 4px; 
}
ul.Discussions {
	background: #fff;
}
#Status {
	background: none;
	padding: 0 0 8px;
	color: #333;
}


a.BigButton:hover {
	text-decoration: none;
}

/* --- Search --- */
div.SearchForm {
	padding: 6px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #acacac;
	background: #fafafa;
	margin: 0 0 10px;
}
div.SearchForm input.InputBox {
	width: 560px;
	margin-right: 10px;
}


/* --- Panel --- */
a.BigButton,
a.BigButton:hover,
a.BigButton:active {
	border-radius: none;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background:url("images/button_green.png") left top no-repeat #5ea229;
	color: #fff;
	text-shadow: 0 1px 0 #333;
	border: none;
	padding: 0;
	height: 46px;
	line-height: 46px;
}
a.BigButton:hover { background-position: left center; }
a.BigButton:active { background-position: left bottom; }

div.Box {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background:none;
	color:#888888;
	margin:0 0 10px;
	padding: 0;
}
div.Box h4 {
	color:#444;
	background: url('images/hr.png') bottom left repeat-x;
}
ul.PanelInfo {
	border: none;
}
ul.PanelInfo li,
ul.PanelInfo li.Active {
	background: none;
	border-bottom: 1px dotted #c8d3e2;
}

/* Tabs */
div.Tabs {
	background: url('images/grey_fade.png') left top repeat-x;
	border:1px solid #9fa9b9;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}
div.Tabs li.Active a {
	border: 1px solid #9fa9b9;
}
form.Activity,
ul.MessageList,
ul.DataList {
	background: #fff;
	border: 1px solid #9fa9b9;
	border-top: 0;
}
ul.ActivityComments {
	border: none;
}
form.Activity {
	padding-bottom: 10px;
	border-bottom: 0;
}
body.Profile ul.Activities {
	margin-top:0;
}
body.Profile ul.PanelInfo {
	border: none;
}
ul.SearchResults li.Item {
	padding: 6px;
}

/* Popups */
div.Popup h1, div.Popup h2 {
	background: #2a529a;
	border: none;
}
a.Close,
a.Close:hover,
a.Close:active,
a.Close:focus {
	color: #fff;
	text-decoration: none;
}