/*--------------------------------------------------------------------
Portal 3 CSS (Digital Universe 2 theme)

Author:			Ryan Brill <ryan [at] solutionset.com>

Methods: 		RULES ORGANISATION WITHIN CSS FILES
				Should mirror the html document flow:
				General
					Container
						Header
							Nav
						Body
							Layout Setup
								Modules
						Footer
					Hacks
					(other)
----------------------------------------------------------------------*/

/* Links
----------------------------------------------------------------------*/
a {
	color: #4a913b;
}

/* Lists -> Star Rating
---------------------------------------------*/
ul.rateable,
ul.rated {
	background-image: url(../i/portal1/bg_star_rating.gif);
}

ul.rateable li a:hover {
	background-image: url(../i/portal1/bg_star_rating.gif);
}

ul.rateable li.current-rating,
ul.rated li.current-rating {
	background-image: url(../i/portal1/bg_star_rating.gif);
}

/* Header -> Breadcrumbs
-----------------------------------*/
#header .breadcrumbs {
	color: #4a913b;
}
#header .breadcrumbs a {
	color: #8ba38e;
}
#header .breadcrumbs span.portal {
	color: #4a913b;
}
#header .breadcrumbs span {
	color: #8ba38e;
}
#header .breadcrumbs span.last {
	color: #ff9600;
}

/* Header -> Dashboard
-----------------------------------*/
#header #dashboard {
	color: #4a913b;
}

/* Header -> Logo
-----------------------------------*/
#logo a.user-logo {
	color: #7a848f;
}

/* Header -> Banner
-----------------------------------*/
#header .main-banner-wrapper {
	background-image: url(../i/portal3/banner_top.gif);
}

/* Navigation
----------------------------------------------------------------------*/
#header div.main-navigation {
	background-color: #dcdcdc;
}
#header #mainnav {
	border-top-color: #e2e2e2;
	background-color: #f8f8f8;
	background-image: url(../i/portal2/bgNavBottom.gif);
}
#header #mainnav li {
	background-image: url(../i/portal2/bgNavLeft.gif);
}
#header #mainnav li a {
	color: #7a848f;
	background-image: url(../i/portal2/bgNavRight.gif);
}
#header #mainnav li.selected {
	background-image: url(../i/portal2/bgNavLeftSelected.gif);
}
#header #mainnav li a.selected {
	color: #51575f;
	background-image: url(../i/portal2/bgNavRightSelected.gif);
}
#header #mainnav li ul li.selected a.selected,
#header #mainnav li a:hover {
	color: #51575f;
}

#header ul#mainnav li#nav_170,
#header ul#mainnav li#nav_1059,
#header ul#mainnav li#nav_1157 {
	background-image: url(../i/portal2/bgNavLeftFirst.gif);
}
#header ul#mainnav li#nav_170 a,
#header ul#mainnav li#nav_1059 a,
#header ul#mainnav li#nav_portalhome a,
#header ul#mainnav li#nav_1157 a {
	background-image: url(../i/portal2/bgNavRightFirst.gif);
}
#header ul#mainnav li#nav_170 a.selected,
#header ul#mainnav li#nav_1059 a.selected,
#header ul#mainnav li#nav_1157 a.selected,
#header ul#mainnav li#nav_1181 a.selected {
	background-image: url(../i/portal2/bgNavRightFirstSelected.gif);
}

/* Leftnav -> Topics
-----------------------------------*/
#leftnav #topics h3 a {
	color: #7A848F;
}

/* div.box
----------------------------------------------------------------------*/
div.box div.header {
	border-bottom-color: #4a913b;
}
div.box div.header h2 {
	color: #4a913b;
}

/* Box -> RSS Feeds
-----------------------------------*/
#content .rssFeed-featured,
#content .module-PortalFeaturedFeed {
	background-color: #6D9564;
	color: #DDE2DF;
	border-top-color: #468339;
}
.rssFeed-featured h3 a,
.module-PortalFeaturedFeed h3 a {
	color: #316B2E;
}
#content .rssFeed-featured p.links a,
#content .module-PortalFeaturedFeed p.links a {
	color: #2E6B34;
}

/* Portal Styles
----------------------------------------------------------------------*/

/* div.box -> Portal Detail
-----------------------------------*/
div.box.portalDetail a,
#content div.box.portalDetail h2 {
	color: #96C146;
}
div.box.portalDetail {
	border-bottom-color: #6ab15a;
}

/* div.box -> Featured Content
-----------------------------------*/
#content div.box.featuredContent {
	border-top-color: #6ab15a;
	border-bottom-color: #468339;
}
div.box.featuredContent ul li {
	background-color: #c3d9c1;
	color: #7c917c;
}
div.box.featuredContent h2 {
	color: #5c9c4e;
}
div.box.featuredContent h2 span {
	color: #7c917c;
}
div.box.featuredContent h3,
div.box.featuredContent h3 a {
	color: #4f594d;
}

/* div.box -> Featured Content -> Horizontal
-----------------------------------*/
div.box.featuredContent.horizontal {
	background-image: url(../i/portal1/bg_featuredContent.jpg);
}
#content div.box.featuredContent.horizontal {
	border-bottom-color: #468339;
}

/* div.box -> Portal News
-----------------------------------*/

div.box.portalNews {
	color: #dde2df;
	background-color: #6d9564;
	border-bottom-color: #c8d0c9;
}
div.box.portalNews div.header h2 {
	color: #fff;
}
div.box.portalNews h3,
div.box.portalNews h3 a {
	color: #316b2e;
}
div.box.portalNews .ActionButtons a {
	color: #2E6B34;
}

/* div.box -> Portal Content
-----------------------------------*/
div.box.portalContent {
	border-top-color: #468339;
}
div.box.portalContent h2,
div.box.portalContent .right h3 {
	color: #4a913b;
}
div.box.portalContent h3 {
	color: #4d5359;
}
div.box.portalNews p.links a {
	color: #2e6b34;
}

/* Box -> Tabs 
/* div.box -> Media / galleryList -> tabs
-----------------------------------*/
ul.tabs,
div.box.media ul.galleryTabs,
div.box.galleryList ul.galleryTabs {
	border-top-color: #4a913b;
	background-color: #4a913b;
}

/* div.box -> Comments
-----------------------------------*/
div.box.comments {
	border-top-color: #4a913b;
}
div.box.comments div.header {
	border-bottom-color: #b5b5b5;
}
div.box.comments div.header h2 {
	color: #4B4B4B;
}

/* div.box -> Add Comment
-----------------------------------*/
div.box.addcomment div.header {
	border-bottom-color: #b5b5b5;
}
div.box.addcomment div.header h2 {
	color: #4B4B4B;
}

/* Sidebar -> Actions
-----------------------------------*/
#sidebar div.actions ul li a {
	color: #768877;
}

/* JS Styles
----------------------------------------------------------------------*/

/* WordNetworks Ads
-----------------------------------*/
#wordnetworkads h2 {
	color: #4A913B;
}

/* rSelect
-----------------------------------*/
#wrapper div.rSelectBox div.label {
	background-color: #314B2B;
}
#wrapper div.rSelectBox ul li.hover {
	background-color: #E1EAE0;
}
#wrapper div.rSelectBox ul li.selected {
	background-color: #C3D9C1;
}