/*==============
	MAIN CSS EXTRAS
===============*/

#Main-body  {
margin:0 auto;
background-color:#555555;
}

#wrapper {
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
margin:0 auto;
border: 1px solid #212121;
width:900px;
background-color:#212121;
background-image:url(http://www.crossfitmodesto.com/assets/Layout-CFModesto-3Col/Modesto-Header.jpg);
background-position:top center;
background-repeat:no-repeat;
}

#container {
width: 900px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
#sidebar a:link { color: #99CAFF; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration: none; }
#sidebar a:visited { color: #99CAFF; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration: none; }
#sidebar a:active { color: #99CAFF; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration: none; }
#sidebar a:hover { color:#740A0A; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration:none; }

/*==============
	Navigation + Header
===============*/

 #header-section {
margin:0 auto;
width: 900px;
height:200px;
padding: 0 0px 0 0px;
} 

#navigation-section {
height:43px;
margin:0 auto;
width:900px;
background-color:#212121;
background-image:url(http://www.crossfitmodesto.com/assets/Layout-CFModesto-3Col/Modesto-Navigation.jpg);
background-position:top center;
background-repeat:no-repeat;
}

/*==============
	MAIN Body of Columns  Zone Definitions
===============*/

#mainbody-outershell {
margin:0 auto;
background-image:url(http://www.crossfitmodesto.com/assets/Layout-CFModesto-3Col/Modesto-Body.jpg);
background-position:top center;
background-repeat:repeat-y;
width:900px;
overflow: auto;
}

#mainbody {
width: 900px;
text-align: center;
overflow: hidden;
}		

/*=================
	RECENT COMMENTS  Element Definitions
===================*/
.recent-comments-header {
font-size: 0.9em;
font-weight:400;
color:#666;
text-align:left;
padding:2px 6px 2px 2px;
border-bottom: 1px solid #859BB0;
margin-bottom: 6px;
}

.recent-comments-one{
background-color: #E7E7E7;
padding:3px 6px 5px 5px;
font-size: 0.8em;
font-family:Trebuchet MS,Verdana,Arial,serif;
text-align: left;
margin: 0;
}
.recent-comments-two{
background-color: #ddd;
padding:3px 6px 5px 5px;
font-size: 0.8em;
font-family:Trebuchet MS,Verdana,Arial,serif;
text-align: left;
margin: 0;
}
	
/*==============
	Middle COLUMN  Zone Definitions
===============*/
.no-border {
 border:	0px;
}

#mainContent {
	width: 405px;
	margin-bottom: -2000px;
	padding: 0px 4px 2000px 2px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-size: 0.9em;
	line-height:1.3em;
	text-align: justify; /* this overrides the text-align: center on the body element. */
	float: left;
	overflow:hidden;
} 

.entry {
text-align:justify;
padding:0px 6px 25px  0px;
overflow:hidden;
}
.entry-date {
font-size: 0.8em;
font-weight:300;
color:#888;
text-align: right;
padding: 0px 6px 0px 0px;
}
.title {
background-image:url(http://www.crossfitmodesto.com/assets/Layout-CFModesto-3Col/Title-Background.jpg);
background-position:top left;
background-repeat:repeat-x;
}
.posted {
font-size: 0.9em;
font-family:Trebuchet MS,Verdana,Arial,serif;
background: transparent;
color: #003f7b;
text-align: left;
margin: 0;
padding-top: 3px;
padding-bottom: 3px;
}


.quote {
	font-weight:400;
	font-size:1.0em;
	line-height:1.5em;
	color:#444444;
	text-align:left;
	padding:2px 50px 2px 50px;
}

ol.numberlist {
list-style-type: decimal;
list-style-position: outside;
}


/*==============
	RIGHT and LEFT COLUMN Zone Definitions
===============*/

#LeftColumn {
	float: left; /* since this element is floated, a width must be given */
	width: 200px;
	background: transparent; 
	padding: 0px 5px 15px 5px; 	text-align: left; 
	overflow:hidden;
}


#RightColumn {
	float: right; /* since this element is floated, a width must be given */
	width: 265px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: transparent; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 5px 15px 5px; /* padding keeps the content of the div away from the edges */
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow:hidden;
}

.sidebox {
	margin: 0px 0px 0px 2px;
	padding:0px 2px 20px 2px;
	overflow:hidden;
}

#sidebar{
font-size: 0.9em;
line-height:1.4em;
color: #dddddd;
background:transparent;
overflow:hidden;
}

/*==============
	Footer Zone Element Definitions
===============*/

#footer { 
	margin:0 auto;
	background-image:url(http://www.crossfitmodesto.com/assets/Layout-CFModesto-3Col/Modesto-Footer.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color: #212121;
	width:900px;
} 

.footer { 
	text-align:left;
	color:#bbbbbb;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 10px 0px 50px 290px;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 4px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


#footer a:link { color: #888888; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration: none; }
#footer a:visited { color: #888888; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration: none; }
#footer a:active { color: #888888; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration: none; }
#footer a:hover { color:#11237E; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration:none; }