Stylish Theme for Kohana Forum

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.kohanaframework.org") {

	body { background: #f1f8db !important; }

	#Body {
		margin: 15px 0 0 !important;
		overflow: visible !important;
		padding: 0 15px !important;
		position: relative !important;
		width: auto !important;
	}

	#Head { background: url("http://kohanaframework.org/media/img/header.png") repeat-x scroll center top #77C244 !important; }

	/* Add Kohana logo to header */
	#Head h1 { padding: 15px 0 !important; }

	#Head h1 a {
		background: url("http://kohanaframework.org/media/img/kohana.png") no-repeat !important;
		display: block !important;
		width: 191px;
		height: 62px;
	}

	#Head h1 a span { position: absolute !important; top: -1000px; left: -1000px; }

	#Head form { margin-top: 52px !important; }

	/* Link Colors */
	a, a:link, a:visited, a:active { color: #113C32 !important; }
	a:hover { color: #1d6655 !important; }

	/* Button Colors */
	a.Button, .Button { color: #113c32 !important; }

	a.BigButton {
		background: #f5bf13 !important;
		background-image: -moz-linear-gradient(top, rgb(245,191,19), rgb(236,131,13)) !important;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(245,191,19)), color-stop(1, rgb(236,131,13))) !important;
		border: 1px solid #ec830d !important;
		color: #fff !important;
		text-shadow: 0 1px 0 #d5750c !important;
	}

	a.BigButton:hover {
		border: 1px solid #d5750c !important;
		color: #f7e9bb !important;
	}

	#Head form input.Button {
		background: #113c32 !important;
		color: #efefef !important;
		text-shadow: 0 1px 0 #0f362d !important;
	}

	#Head form input.Button:hover {
		background: #164e41 !important;
	}

	/* Discussions List Styles */
	ul.DataList li.Item { border-bottom: 1px solid #b7cda8 !important; }
	ul.DataList div.Meta span.Announcement { background: #fadf89 !important; color: #d67b0d !important; }
	ul.DataList div.Meta a.Category { background: #f1f8db !important; }
	ul.DataList div.Meta strong { background: #FFFF80 !important; color: #333 !important; }

	.Mine { background: #e2efd9 !important; }

	.Foot {
		background: #bcdfa4 !important;
		border-bottom: 1px solid #89a675 !important;
	}

	/* Comment List Styles */

	/* Post Comment Form */
	div.MessageForm, div.Tabs {
		background: #bcdfa4 !important;
		border-bottom: 1px solid #89a675 !important;
	}

	div.MessageForm a.Back, div.MessageForm a.Back:link, 
	div.MessageForm a.Back:hover, div.MessageForm a.Back:active, 
	div.MessageForm a.Back:visited, div.MessageForm a.Cancel, 
	div.MessageForm a.Cancel:link, div.MessageForm a.Cancel:hover, 
	div.MessageForm a.Cancel:active, div.MessageForm a.Cancel:visited, 
	div.MorePager a, div.MorePager a:link, div.MorePager a:hover, 
	div.MorePager a:active, div.MorePager a:visited, 
	a.TabLink, a.TabLink:link, a.TabLink:hover, a.TabLink:active, 
	a.TabLink:visited, div.Tabs li a, div.Tabs li a:link, 
	div.Tabs li a:hover, div.Tabs li a:active, div.Tabs li a:visited {
		background: #77c244 !important;
		border: 1px solid #51a01b !important;
		color: #efefef !important;
	}

	a.Active, div.Tabs li.Active a {
		background: #fff !important;
		color: #474747 !important;
	}

	div.Tabs li a span {
		background: #164e41 !important;
		color: #efefef !important;
	}


	/* Sidebar Styles */
	#Panel { position: absolute !important; width: 23% !important; }

	div.Box { background: #BCDFA4 !important; }
	div.Box h4 { color: #113C32 !important; }
	div.Box dl { background: #E2EFD9 !important; border-color: #B7CDA8 !important; }
	div.Box dl dt { color: #113C32 !important; }

	ul.PanelInfo { border-top: 1px solid #B7CDA8 !important; }

	ul.PanelInfo li {
		background: #E2EFD9 !important;
		border-bottom: 1px solid #B7CDA8 !important;
	}

	ul.PanelInfo li.Active { border-bottom: 1px solid #B7CDA8 !important; }
	ul.PanelInfo li.Active a { color: #555 !important; }

	body.Profile ul.PanelInfo { border-bottom: none !important; }

	#UserOptions { margin-bottom: 10px !important; }

	div.Popup h1, div.Popup h2 {
		background: #77C244 !important;
		border-bottom: 1px solid #77C244 !important;
	}

	/* Menu Styles */
	#Head div.Menu { padding: 0 15px !important; width: auto !important; }
	#Menu { height: 32px !important; }

	#Menu li {
		background: #113c32 !important;
		border-bottom: none !important;
		line-height: 32px !important;
		margin: 0 10px 0 0 !important;
		-moz-border-radius-topleft: 4px !important;
		-moz-border-radius-topright: 4px !important;
		-webkit-border-top-left-radius: 4px !important;
		-webkit-border-top-right-radius: 4px !important;
	}

	#Menu li.Highlight { background: #f1f8db !important; border-color: #f1f8db !important; }
	#Menu li.NonTab, #Menu li.NonTab a { background: none !important; border-left: none !important; border-right: none !important; }
	ul#Menu { margin: 60px 0 0 79px !important; padding: 0 !important; }

	#Menu a {
		font-size: 12px !important;
		height: 32px !important;
		padding: 0 9px !important;
		-moz-border-radius-topleft: 4px !important;
		-moz-border-radius-topright: 4px !important;
	}

	#Menu a:hover { background: #164e41 !important; }
	#Menu a, #Menu li.Active a { color: #efefef !important; }
	#Menu li.NonTab a:hover { text-decoration: underline !important; }
	#Menu li.Highlight a { color: #113C32 !important; }
	#Menu li.Highlight a:hover { background: #f1f8db !important; }

	/* Switch the content to the right side */
	#Content { float: left !important; margin-left: 25% !important; position: relative !important; width: 75% !important; }

	/* Footer Styles */
	#Foot { width: auto !important; margin: 15px 0 0 !important; padding: 0 15px !important; }
	#Foot div { width: auto !important; margin: 0 !important; padding: 6px 0 !important; }

}