/* ------------------------------------------------------
	CSS for the Dihedrals.com site.
	Main file included in all pages on this site.
-------------------------------------------------------*/
html {
	overflow-y: scroll;
}
body {
	background: white url(/images/community-background.jpg) center top repeat-x;
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: black;
	text-align: center;
	height: 100%;
}


* {
	padding: 0;
	margin: 0;
	border: 0 none;
	outline: 0;
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
}

img {
	border: none;
}
h1 {
	font-size: 1.4em;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1em;
}
.hidden {
	display: none;
}
a {
	color: rgb(10,52,118);		/* Link blue */
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: rgb(56,56,183);			/* Lighter Link Blue */
}

.hSpacer20FloatLeft {
	height: 10px;
	width: 20px;
	float: left;
	display: inline;
}

/* Site Menu */
#siteMenuBox {
	margin: 0 auto;
	width: 1000px;
	height: 31px;
	clear: left;
	text-align: left;	
	cursor: default;
}
	#siteMenuBox a {
		color: white;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}
	#siteMenuBox a:hover {
		color: yellow;
		text-decoration: underline;
	}
	#siteMenuBox .selected {
		background: url(/images/selected-triangle.gif) center bottom no-repeat;
		height: 21px;
	}
	#siteMenuBox .selected a {
		color: yellow;
	}

	#siteMenuBox ul {
		
	}
		#siteMenuBox li {
			float: left;
			display: inline;
			margin: 0 25px 0 0;
			list-style-type: none;
		}


.menuIndent {
	float: left;
	display: inline;
	height: 10px;
	width: 38px;
}

/* Community Header Image */
#headerBox {
	margin: 0 auto;
	background: url(/images/community-header.jpg) 99px 0 no-repeat;
	width: 1000px;
	height: 325px;
}

/* Main Content - 3x Info Boxes */
#contentsBox {
	margin: 10px auto 0 auto;
	width: 1000px;
}
	#contentsBox .infoBox {
		float: left;
		display: inline;
		background: url(/images/infobar-center.gif) left top repeat-y;
		width: 317px;
		min-height: 337px;
		position: relative;
	}
		#contentsBox .infoBox .top {
			background: url(/images/infobar-top.jpg) left top no-repeat;
			width: 317px;
			height: 302px;
			position: absolute; top:0; left:0;
		}
		#contentsBox .infoBox .bottom {
			background: url(/images/infobar-bottom.jpg) left top no-repeat;
			width: 317px;
			height: 35px;
		}
		#contentsBox .infoBox .contents {
			width: 233px;
			margin: 0 auto;
			min-height: 302px;
			position: relative; top:10px; left:-4px;
			text-align: left;
		}


/* Info Box's Contents */
#contentsBox .infoBox #yourProjectIcon {
	background: url(/images/icon-your-project.gif) left top no-repeat;
	width: 233px;
	height: 186px;
}
#contentsBox .infoBox #theToolboxIcon {
	background: url(/images/icon-toolbox.gif) left top no-repeat;
	width: 233px;
	height: 186px;
}
#contentsBox .infoBox #articlesIcon {
	background: url(/images/icon-articles.gif) left top no-repeat;
	width: 233px;
	height: 186px;
}


#contentsBox .infoBox .contents .DWAEditBox {
	width: 220px;
	margin-left: 13px;
}



/* Footer */
#communityFooterBox {
	margin: 0 auto;
	width: 1000px;
	clear: both;
	text-align: center;	
	cursor: default;
	color: rgb(60%,60%,60%);
}
	#communityFooterBox ul {
		
	}

#siteFooterBox {
	margin: 0 auto;
	width: 1000px;
	height: 60px;
	clear: both;
	text-align: left;	
	cursor: default;
}

	#siteFooterBox #footerMenu {
		float: left;
		display: inline;
		font-size: 12px;
		clear: both;
		height: 40px;
		width: 600px;
	}
		#siteFooterBox #footerMenu li,
		#communityFooterBox li {
			list-style-type: none;
		}	
		#siteFooterBox #footerMenu li {
			margin: 0 12px 0 0;
			float: left;
			display: inline;
		}	
		#communityFooterBox li {
			font-size: 16px;
			display: inline;
		}	
		#siteFooterBox #footerMenu li a,
		#communityFooterBox li a {
			font-weight: bold;
			text-decoration: none;
		}
		#siteFooterBox #footerMenu .selected,
		#communityFooterBox .selected {
			text-decoration: underline !important;
		}
		#siteFooterBox #footerMenu li a:hover,
		#communityFooterBox li a:hover {
			text-decoration: underline;
		}

	#siteFooterBox #footercopyright {
		float: right;
		display: inline;
		color: rgb(60%,60%,60%);
		margin-right: 50px;
		text-align: right;
	}
	#siteFooterBox #footercopyright a {
		cursor: default;
		text-decoration: none;
		color: rgb(60%,60%,60%);
	}





/* Webascent Extended Elements */
#contentsBox .infoBox .contents .DWAEditBox .list {
	width: 210px;
	padding-left: 10px;
	margin: 0 0 2px 0;
	background: url(/images/info-point-triangle.gif) 2px 3px no-repeat;
}
	#contentsBox .infoBox .contents .DWAEditBox .list a {
		text-decoration: none;
		font-weight: bold;
		padding-right: 2px;
	}
	#contentsBox .infoBox .contents .DWAEditBox .list a:hover {
		text-decoration: underline;
		background-color: yellow;
		color: black;
	}



/* Webascent Components */
.dwa-spacer10 {
	height: 10px;
}
.dwa-spacer20 {
	height: 20px;
}