/* CSS Document 

#e3d7af beige
	#faedc1 nav highlight
	#b0a788 nav shadow
	#727170 grey highlight
#fdc041 yellow
#333335 grey


*/

body { 
	margin: 0;
	padding: 0;
	text-align: center;
	background: #333335 url(images/site/background.jpg) no-repeat center top; 
	font: 14px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: lighter;
	color: #FFF; }
		
	a:link { 
		color: #e3d7af; 
		text-decoration: underline; }
		
	a:visited { 
		color: #e3d7af; 
		text-decoration: none; }
		
	a:hover { 
		background-color: #e3d7af; 
		color: #333335;
		text-decoration: none; }

div.wrapper { 
	display: block;
	width: 780px;
	margin: 0 auto;
	padding: 0;
	text-align: left; }
 
div.header {
	display: block;
	height: 136px;
	width: 748px;
	margin: 0 16px;
	padding: 0;
	*width: 780px; }
	
	div.header div.headerFlash { 
		display: block;
		float: right; 
		width: 366px;
		margin: 0;
		padding: 0;
		*margin-top: 8px; }
		
		div.headerFlashLeft {
			display: block;
			float: left;
			width: 160px;
			height: 120px;
			margin: 0;
			padding: 0;
		}
		
		div.headerFlashRight {
			display: block;
			float: right;
			width: 160px;
			height: 120px;
			margin: 0;
			padding: 0;
		}
	
	div.header h1 { 
		text-indent: -9999px; 
		display: block; 
		width: 315px;
		height: 71px;
		margin: 8px 0;
		padding: 0;
		*height: 70px; }
		
	div.header h1 a { 
		display: block;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		border: none;
		background: transparent url(images/site/logo.gif) no-repeat top left; }
		
	div.header h1 a:hover { background-image: url(images/site/logo_alt_white.gif); }
		
	div.header div.csJournal { 
		display: block;
		width: 118px;
		height: 50px;
		margin: 0;
		padding: 0;
		*margin-top: -2px; }
		
	div.header div.csJournal a { 
		display: block; 
		width: 100%;
		height: 100%;
		margin: 0; padding: 0;
		text-indent: -9999px;
		background: transparent url(images/site/cfjournal.gif) no-repeat top left; }
		
	div.header div.csJournal a:hover { background-image: url(images/site/cfjournal_grey.gif) }

div.nav {
	display: block;
	clear: both; 
	height: 24px;
	width: 764px;
	margin: 0 8px;
	padding: 0;
	background-color: transparent; 
	*width: 780px;
	*margin-top: 0; }

	div.nav ul { 
		display: block;
		margin: -8px 0 0 0; 
		padding: 0;
		width: 100%;
		height: 100%;
		background-color: transparent;
		*margin-top: 0; }
	
	div.nav ul li {
		display: block;
		float: left;
		height: 24px;
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: center;
		background-color: transparent; }
	
	div.nav ul li a {
		display: block;
		width: 100%;
		height: 22px;
		margin: 0;
		padding: 0 0 0 0;
		font-weight: normal;
		text-decoration: none; }
	
	div.nav ul li a:link, div.nav ul li a:visited { 
		color: #333335;
		background-color: #e3d7af;
		border-top: 1px solid #faedc1;
		border-bottom: 1px solid #b0a788; }
	
	div.nav ul li a:hover {
		color: #fdc041;
		background-color: #333335;
		border-top: 1px solid #727170;
		border-bottom: 1px solid #333335; }
		
	li.pt { width: 126px; }
	li.cs { width: 120px; }
	li.bc { width: 97px; }
	li.sh { width: 175px; }
	li.te { width: 58px; }
	li.co { width: 68px; }
	li.lr { width: 120px; clear: right;}
	a.current:link, a.current:visited, a.current:hover { 
		color: #fdc041 !important;
		background-color: #333335 !important;
		border-top: 1px solid #727170 !important;
		border-bottom: 1px solid #333335 !important; }
	
div.colOne {
	display: block; 
	float: left;
	margin: 0 0 16px 16px;
	padding: 0; 
	overflow: hidden;
	*margin-top: 14px;
	*padding-top: 2px; }
	
	div.colOne>img, div.colOne div.homepageFlash { margin-top: 16px; *margin-top: 0; }

body.bodyLeft div.colOne { width: 238px; *width: 254px;}
body.bodyEven div.colOne { width: 366px; *width: 382px; }
body.bodyRight div.colOne {  }
body.bodySingle div.colOne { width: 748px; *width: 764px; }
	
div.colTwo {
	display: block; 
	float: right;
	margin: 0 16px 16px 0;
	padding: 0; 
	overflow: hidden;
	*margin-right: 0;
	*margin-top: 14px;
	*padding-top: 2px;  }
	
	div.colTwo>img { margin-top: 16px; }

body.bodyLeft div.colTwo { width: 494px; *width: 510px; }
body.bodyEven div.colTwo { width: 366px; *width: 382px; }
body.bodyRight div.colTwo {  }
body.bodySingle div.colTwo { display: none; }

	h2 { 
		font-size: 24px; 
		line-height: 24px;
		font-weight: normal; 
		color: #fdc041; }
		
	h3 { 
		font-size: 14px; 
		font-weight: normal; 
		color: #fdc041; }
	.yellowText { color: #fdc041 }

div.footer { 
	display: block; 
	clear: both;
	width: 748px;
	margin: 0 16px;
	padding: 0;
	color: #fdc041;
	text-align: center;
	border-top: 1px solid #e3d7af;
	*width: 780px; }
	
	div.footer p { margin-top: 8px; }
	
/* EDITS FOR BLOGSPOT TEMPLATE */

body.blogSpot div.header h1 { 
		width: 366px;
		height: 64px;
		background: transparent url(images/site/crossfit_summit.gif) no-repeat top left;
		margin-left: -16px;
		 }
body.blogSpot div.header div.csJournal { margin-top:-58px; }
div.descriptionwrapper, div.descriptionwrapper p.description {display: none;}
#crosscol-wrapper: {display: none;}
.date-header { font-size: 14px; font-weight: bold;}
.post-title, .entry-title { font-size: 24px; font-weight: bold; margin: 0; padding: 0;}	
#HTML2 h2 { 
	margin: 16px 0 0 0; padding: 0;
	display: block; 
	width: 100%;
	height: 50px; 
	text-indent: -9999px;
	background: #333335 url(images/site/crossfit_links.gif) no-repeat center top;
	*height: 76px; }
	#HTML2 table, #HTML2 tr, #HTML2 td { margin: 0; padding: 0; }
	#HTML2 table { width: 100%; }
	#HTML2 td { height: 22px; }
	#HTML2 td a { display: block; width: 100%; height: 20px; text-decoration: none; text-align: center; font-weight: normal; padding-top: 2px; *height: 22px; }
	#HTML2 td a:link, #HTML2 td a:visited { 
		color: #333335;
		background-color: #e3d7af; }
	#HTML2 td a:hover {
		color: #fdc041;
		background-color: #333335; }
#BlogArchive1 h2 { font-size: 14px; font-weight: normal; margin-bottom: 0; }
#BlogArchive1 li { background-color: #f90; }