/* GENERAL
----------------------------------*/

body {
	background: #FF9A03 url("../gfx/community/body-bg.gif") repeat-x 0 0;
}

#silhouetteBg {
	background: url('../gfx/community/bodyTop-bg.jpg') repeat-x center 94px;
}



/* TOP
----------------------------------*/

#userInfo {
	float: right;
	position: relative;
	top: 60px;
}
#userInfo .userName {
	font-weight: bold;
}

/* MAIN NAV
----------------------------------*/

div#mainNav {
	background-image: url('../gfx/community/mainNav-bg.gif');
}

div#mainNavBorderLeft {
	background-image: url("../gfx/community/mainNav-borderLeft.gif");	
}

div#mainNavBorderRight {
	background-image: url("../gfx/community/mainNav-borderRight.gif");	
}

div#mainNav ul li {
	background-image: url("../gfx/community/mainNav-itemSeperator-bg.gif");
}

div#mainNav ul li a {
	background-image: url("../gfx/community/mainNav-itemNo-bg.gif");
}

div#mainNav ul li a:hover { 
	background-image: url("../gfx/community/mainNav-itemAct-bg.gif"); 
}

div#mainNav ul li.act1 a,
div#mainNav ul li.act2 a,
div#mainNav ul li.act3 a,
div#mainNav ul li.act4 a,
div#mainNav ul li.act5 a 
{
	background-image: url("../gfx/community/mainNav-itemAct-bg.gif");
}

/* SHARED
----------------------------------*/
.seeAll-link {
	background: url('../gfx/community/linkArrow.gif') no-repeat 0 3px;
	padding: 2px 0 2px 20px;
}

.rss-link {
	background: url('../gfx/community/rssFeed-icon.gif') no-repeat 0 3px;
	padding: 2px 0 2px 20px;
}

.sectionLinks {
	background: url('../gfx/community/dot.gif') repeat-x top;
	padding-top: 3px;
	margin-top: 5px;
}


/* LEFT COLUMN
----------------------------------*/

div#contentContainer div#leftColumn {
	margin-left: 23px;
	width: 183px;
}

div#subNavHeadline {
	background-image: url("../gfx/community/subNavHeadline-bg.gif");
	margin-left: 0;
	width: auto;
}

#leftColumn .editSettings, #leftColumn .globalActions, #leftColumn h3, #leftColumn ul, #leftColumn p  { 
	margin: 0 4px 0 3px;
}

#leftColumn .sectionLinks {
	margin-top: 5px;
} 

#leftColumn .editSettings {
	background: url('../gfx/community/dot.gif') repeat-x bottom;
	padding-top: 6px;
	padding-bottom: 6px;
	position: relative;
	z-index: 99;
	top: 0;
}

#leftColumn .editSettings .editSettings-link {
	background: url('../gfx/community/settings-icon.gif') no-repeat 0 2px;
}

#leftColumn .editSettings .editSettings-link a {
	background: url('../gfx/community/arrow-down.gif') no-repeat right 5px;
	padding: 0 16px 0 23px;
}

#leftColumn .globalActions .mapLink, #leftColumn .globalActions .mailLink {
	padding: 3px 0 3px 19px;
}

#leftColumn .globalActions .mapLink {
	background: url('../gfx/community/map-icon.gif') no-repeat 0 center;
	float: left;
}

#leftColumn .globalActions .mailLink {
	background: url('../gfx/community/mail-icon.gif') no-repeat 0 center;
	float: right;
}

#leftColumn h3 {
	border-top: 1px #c30 solid;
	padding-top: 2px;
	margin-top: 20px;
}

#leftColumn h3 .iconLink {
	float: right;
	margin: 2px 0 0 7px;
}

#leftColumn ul {
	margin-top: 12px;
}

#leftColumn li {
	list-style: none;
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 14px;
}

#leftColumn li a {
	font-weight: bold;
}

#leftColumn li img {
	margin-right: 5px;
}

#leftColumn li a.blogPosts-link {
	font-weight: normal;
	background: url('../gfx/community/blogPosts-icon.gif') no-repeat 3px 3px;
	padding-left: 12px;
}

#leftColumn p.seeAll {
	background: url('../gfx/community/dot.gif') repeat-x top;
	padding-top: 3px;
	margin-top: 5px;
}

#leftColumn p.seeAll a {
	background: url('../gfx/community/linkArrow.gif') no-repeat 0 3px;
	padding: 2px 0 2px 20px;
}

#leftColumn .Layer ul {
	margin-top: 5px;
	margin-left: 0;
} 

#leftColumn .Layer ul li {
	margin-bottom: 0;
}

div#mainNavSearch {
	position: absolute;
	top: -40px;
	right: 15px;
}

/* MAIN COLUMN
----------------------------------*/
div#contentContainer div#mainColumn 
{ 
	float: right; 
	width: 680px;
	margin-right: 20px;
}

div#mainColumn .Left, div#mainColumn .Right {
	width: 330px;
}


/* BOXES ON INDEX PAGES
----------------------------------*/
.indexBox {
	margin-bottom: 35px;
}

.indexBox h2 {
	font-family: Arial, Helvetica, verdana, sans-serif;
	color: #fff;
	background: url('../gfx/community/indexBox-header-bg.gif') no-repeat top left;
	height: 33px;
	padding: 8px 0 0 10px;
	margin-bottom: 0;
	position:relative;
}

.indexBox h2 .settingsLink {
	background: url('../gfx/community/settings-icon.gif') no-repeat 0 2px;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float: right;
	padding-left: 23px;
	font-weight: normal;
	margin: 0 10px 0 10px;
}

.indexBox .innerContainer {
	background-color: #f2f2f2;
	margin: -10px 3px 0 3px;
	padding: 20px 8px 6px 8px;
}

.indexBox ul, .indexBox li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.indexBox li {
	margin-bottom: 13px;
	line-height: 14px;
}

.indexBox li .itemTitle {
 	font-weight: bold;
}

.indexBox .sectionLinks {
	line-height: 14px;
	margin-bottom: 0;
	padding-top: 6px;
}

.indexBox .seeAll-link {
	float: left;
}

.indexBox .rss-link {
	float: right;
}

/* Dynamic layers
----------------------------------*/

.Layer {
	width: 420px;
	position:absolute;
	top: 22px;
	left: -8px;
	visibility: hidden;
	z-index: 99;
}

.Layer .TopShadow {
	background: url('../gfx/community/layers/420px_top.png') no-repeat bottom left;
	height: 15px;
}

.Layer .MiddleShadow {
	background: url('../gfx/community/layers/420px_middle.png') repeat-y;
	padding:  3px 30px 12px 30px;
}

.Layer .BottomShadow {
	background: url('../gfx/community/layers/420px_bottom.png') no-repeat top left;
	height: 15px;
}

.Layer h4 {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	margin-bottom: 20px;
}

.Layer h5 {
	font-size: 11px;
}

.Layer .closeBtn {
	float: right;
	margin-top: -5px;
	position: relative;
	left: 5px;
}

.Layer .ColumnContainer {
	background: url('../gfx/community/dot.gif') repeat-x top;
	padding-top: 3px;
	margin-top: 5px;
}

.Layer .ColumnContainer div {
	width: 112px;
}