body,
	html {
	margin: 0;
	padding: 0;
	background: #000c13 url(../i/mainBG.png) repeat-x fixed;
	color: #d0dbdd;
	font: 11px/20px "Lucida Grande", Lucida, Verdana, Helvetica, Arial, sans-serif;
	margin-bottom: 25px;
}


STRONG {
	font-size: 12px;
}

P {
	margin-top: 5px;
	margin-bottom: 5px;
}

A {
	
	color: #8dc0dd;
	text-decoration: none;
	
}

A:hover {
	
	text-decoration: underline;
	
}

.helperText {
	color: #c9c9c9;
	font: 9px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.blueShade {
	
	color: #e6f4fe;
}

.sidebarIndent {
	
	padding-left: 12px;
	margin-left: 8px;
	border-left: 1px dotted #253e55;
	margin-top: 8px;
}

#ZoomImage {
	
	background:  #fff;
	padding: 15px;
	
}


#wrap {

	margin: 0 auto;
	width: 900px;
	
}

#header {
	
	padding: 22px;
	border-bottom: 1px solid #7f97af;
}


#mainContent {
	
	margin-top: 22px;
	margin-left: 22px;
	margin-right: 15px;
}

#quietHeader {
	padding-bottom: 5px;
	color: #99aec4;
	font-weight: bold;
}

.bigHeader {
	font: bold 24px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #dbf0ff;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #335270;
	border-top: 1px solid #335270;
	width: 600px;

}

.medHeader {
	font: bold 20px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #dbf0ff;
	padding-top: 9px;
	padding-bottom: 9px;
	border-bottom: 1px solid #335270;
	border-top: 1px solid #335270;
	margin-top: 9px;
	width: 600px;

}


.menuItem {
	font: bold 22px Helvetica, Arial, Geneva, sans-serif;
	padding-bottom: 8px;
	margin-bottom: 10px;
	border-bottom: 1px solid #28415a;
}

.menuItem A {
	
	color: #deeaec;
	text-decoration: none;
	
}

.menuItem A:hover {
	color: #2b75f7;

}

.activePage {
	color: #3384d5;

}

.WOD {
	display: inline;
	font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-left: 18px;
	float: none;
}

.WOD A {
	color: #395675;
}

.WOD A:hover {
	color: #4d8aba;
}

.WOD A:visited {
	
	color: #395675;
	
}


#wodBox {
	background-image: url(../i/wodCard.png);
	width: 769px;
	height: 558px;
	display: none;
	position: absolute;
	z-index: 60;
	top: 0px;

}

#wodContent {
	
	top:  220px;
	margin-left: 227px;
	padding-right: 30px;
	padding-top: 0px;
	display: none;
	z-index: 61;
	position: absolute;
	
}

#wodContent .headline {
	font: bold 17px "Courier New", Courier, mono;
	color: #404734;
}

.wodDefinition {
	
	width: 290px;
	margin-top: 5px;
	margin-left: 10px;
	border-left: 1px solid #dbca91;
	padding-left: 10px;
	color: #796152;
	font: 11px/14px "Courier New", Courier, mono;
		

}





.wodDefinition A {
	color: #87816e;
}

/* My Comment */

.postHolder {
	
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #1f3247;
	padding-bottom: 13px;
}

.postHolder P {

	margin-top: 10px;
	margin-bottom: 5px;

}

.postTitle {
	font: bold 16px Helvetica, Arial, Geneva, sans-serif;
	margin-bottom: 5px;
	color: #94d51a;
}

.postmetadata A {
	font: small-caps 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #335270;
	

}

.tagHolder A {
	color: #3d638a;
}

.tagHolder A:hover {
	color: #accdef;
	text-decoration: none;
}

.quickly {
	font: bold 22px Helvetica, Arial, Geneva, sans-serif;
	padding-bottom: 8px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #1c2e41;
}

.activeNavPage A {
	color: #4678a4;
}

.workSectionHeader {
	
		font: bold 14px Helvetica, Arial, Geneva, sans-serif;
	color: #3a6288;
}

.projectLeft {
	
	width: 275px;
	float: left;
	padding-right: 20px;
	padding-top: 15px;	
	border-right: 1px dotted #243c53;

}

.projectRight {
	
	padding-left: 20px;
	padding-top: 15px;
	width: 275px;
	float: left;
	
}

.projectTypeHeader {

	border-bottom: 1px dotted #243c53;
	padding-top: 15px;
	padding-bottom: 15px;
}

.projectHolder {


	
}

.projectCapsule {
	
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #243c53;
	color: #c4d1d9;
}

.projectCapsuleTunebooks {
	
	margin-bottom: 15px;
	border: 1px solid #243c53;
	color: #d6d6d6;
	background: #000;
}

.projectCapsuleLPK {
	
	margin-bottom: 15px;
	border: 1px solid #243c53;
	color: #dff4d4;
	background: #094807 url(../i/lpkBG.gif);
}

.projectCapsuleLPK A {
	color: #57fe6d;
}


.projectCapsuleTunebooks A {
	color: #dfa900;
}

.projectDescriptionTunebooks {

	padding: 30px;
	padding-left: 38px;
	padding-top: 5px;

}


.projectDescriptionLPK {

	padding: 20px;
	padding-left: 28px;
	padding-top: 5px;

}




.projectHeadline {
	
	font: bold 18px Helvetica, Arial, Geneva, sans-serif;
	margin-bottom: 8px;
	color: #c7d2e3;

}

.projectHeadline:hover {
	cursor: pointer;
}


.projectSnapshot {
	color: #1c56a0;
}

.projectDescription {

	margin-top: 8px;	

}

/* story */

.timelineElement {
	color: #7f97af;
	margin-bottom: 10px;
}

.timelineDivider {
	border-top: 1px dotted #475462;
	margin-top: 15px;
}

.timelineHeader {
	font: bold 16px Helvetica, Arial, Geneva, sans-serif;
	border-top: 1px solid #28415a;
	border-bottom: 1px solid #28415a;
	padding: 8px;
	padding-left: 0;
	margin-top: 20px;
	margin-bottom: 12px;
	color: #94d51a;
}

.timelineSubHead {

	
	font: small-caps bold 12px Helvetica, Arial, Geneva, sans-serif;
	margin-bottom: 10px;
	margin-top: 15px;
	color: #deeaec;
}

.timelineRelated {
	
	font-size: 10px;
	margin-top: 15px;

}

.timelineAbstract {
	
	margin-top: 15px;
}

.dropQuote {
	
	font: 12px Georgia, "Times New Roman", Times, serif;
	padding-left: 10px;
	border-left: 1px solid #1e3144;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 15px;
}

.dropQuote A {
	font-variant: small-caps;
	font-size: 10px;
}

.musicPlayer {
	
	margin: 20px;
	margin-left: 10px;
	margin-right: 0;
}

.music {
	
	margin-top: 20px;
	border-top: dotted 1px #14202e;
	border-bottom: dotted 1px #14202e;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
	margin-bottom: 15px;
}
