/*=======================================================================
	MAIN CSS STARTS
========================================================================*/

*{margin:0;padding:0;}

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
}

img {border: 0px;}

#mainWrapper{
width:958px;
height:243px;
margin:0 auto;
background:url(http://www.crossfitdewitt.com//assets/Back-Top.jpg);
background-position:top;
background-repeat: no-repeat;
border-top: 1px solid #ddd;
}

#logo{width:250px;height:200px;float:left;}
#logo img{z-index:5;position:absolute;}

#backgrounder {
background:url(http://www.crossfitdewitt.com//assets/background.jpg);
background-position:top;
background-repeat: repeat-x;
}

#mainContent{
width:958px;
float:left;
margin:10px 0 0 0;
}


a:link { color: #0000FF; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration: none; }
a:visited { color: #3300BB; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration: none; }
a:active { color: #000066; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration: none; }
a:hover { color:#00aaff; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration:none; }

h1 {font-weight:900;font-size:1.8em;color:#000000;text-align:left;padding:1px 1px 1px 0px;}
h2 {font-weight:700;font-size:1.5em;color:#333333;padding:1px 1px 1px 0px;}
h3 {font-weight:600;font-size:1.3em;color:#333333;text-align:left;padding:1px 1px 1px 0px;}
h4 {font-weight:600;font-size:1.1em;color:#000000;text-align:left;padding:1px 1px 1px 0px;
	border: 1px dashed #ccc;background: #eeeeee; padding:1px 0px 1px 2px;
}
h5 {font-weight:600;font-size:1.0em;color:#000000;text-align:left;padding:1px 1px 1px 0px;}
h6 {font-weight:500;font-size:0.9em;color:#999999;text-align:left;padding:1px 1px 1px 0px;}

/*=======================================================================
	MAIN BODY  Zone Definitions
========================================================================*/

.mainFocusArea{
width:934px;
margin:10px 0 0 0;
padding:15px 12px 15px 12px;
float:left;
margin:0;
background:url(http://www.crossfitdewitt.com//assets/Back-Main.png);
background-position:top;
background-repeat: no-repeat;
}

#ColumnLeft{
width:212px;
float:left;
margin:10px 5px 0 0;
padding:4px 2px 4px 0px;
}

#ColumnLeft h2,#ColumnRight h2 {font-weight:700;font-size:1.2em;color:#222;text-align:left;padding:1px 1px 1px 0px;background:#ccc;border-bottom:1px #333 solid;}

#ColumnCentre{
width:475px;
float:left;
margin:10px 5px 0 0;
padding:4px 5px 4px 5px;
border-left: 1px dashed #ccc;
border-right: 1px dashed #ccc;
line-height:1.3em;
}

#ColumnCentre h2,#ColumnCentre-Wide h2 {
font-weight:700;font-size:1.4em;color:#222;text-align:left;padding:1px 1px 3px 20px;border-bottom:thin solid #999999;
background:url(http://www.crossfitdewitt.com//assets/entry-icon.jpg);
background-position-x:-7px;
background-position-y:-3px;
background-repeat: no-repeat;
margin:0px 0px 5px 0px;
}

#ColumnCentre h3,#ColumnCentre-Wide h3 {font-weight:600;font-size:1.2em;color:#333333;text-align:left;padding:1px 1px 3px 0px;background:transparent;}

#ColumnCentre p,#ColumnCentre-Wide p {padding:3px 0px 2px 0px;}

#ColumnCentre-Wide{
width:702px;
float:left;
margin:10px 0px 0 0;
padding:4px 5px 4px 5px;
border-left: 1px dashed #ccc;
border-right: 1px dashed #ccc;
line-height:1.3em;
}

#ColumnRight{
width:212px;
float:right;
margin:10px 0px 0 0;
padding:4px 5px 4px 5px;
}

#ColumnRight li {list-style-type: none;}

#ColumnLeft #ColumnRight{font-size: 0.9em;line-height:1.2em;overflow:hidden;}


/*=======================================================================
	ENTRY Element Definitions
========================================================================*/

.entry {
text-align:justify;
line-height:1.3em;
padding:5px 7px 10px 7px;
overflow:hidden;
border-top: thin solid #999999;
border-bottom: thin solid # #999999;
}

.entry-date {
font-size: 09px;
font-weight:300;
color:#888;
text-align:right;
float:right;
padding:0px 6px 0px 0px;
}
.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;
}
.paginate, .pagecount {
 font-family:Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size: 0.9em;
 padding:10px 2px 20px 2px;
 margin: 0;
text-align: left;
color: #888888;
background-color:transparent;
border-top: thin dashed #999999;
}

.comment { padding:0px 0px 0px 20px;
background:url(http://www.crossfitdewitt.com//assets/comment_bubble.png);
background-position-x:-7px;
background-position-y:-3px;
background-repeat: no-repeat;
}

.videoborder {
background:#ccc;
padding:7px 3px 7px 3px;
text-align:center;
}

/*=======================================================================
	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{
background-color: #ddd;
padding:3px 6px 5px 5px;
font-size: 0.9em;
font-family:Trebuchet MS,Verdana,Arial,serif;
text-align: left;
margin: 0;
}

/*=======================================================================
	SIDE COLUMN  Zone Definitions
========================================================================*/

.sidebox-wrap {
background:url(http://www.crossfitdewitt.com//assets/sidebox-top.jpg);
background-position:top;
background-repeat: no-repeat;
border: 1px solid #ccc;
margin:0px 0px 15px 0px;
}

.sidebox {border: 1px solid #ccc;margin:0px 0px 10px 0px;}
.sidebox p {margin:8px 5px 5px 5px;}
.sidebox h3,.sidebox-wrap h3 {font-weight:600;font-size:1.2em;color:#333333;text-align:left;padding:1px 1px 1px 4px;background:transparent;}

.sidebox-wrap p {margin:8px 5px 5px 5px;}

/*=======================================================================
	FLOAT and DESIGNER Definitions
========================================================================*/

.floatright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.floatleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#design { color:#999999;font:Arial, Helvetica, sans-serif;font-size:9px; padding:10px 10px 30px 10px; text-align:center;} 

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

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

#footer{
width:918px;
height:200px;
float:left;
color: #999;
font-size:1.2em;
font-weight:bold;
line-height:1.4em;
padding:20px;
margin:5px 0 20px 0;
background: #000000;
}

#footer a{
color:#999;
}

#footer a:hover{
color:#FFF;
}

/*=======================================================================
	CALENDAR Style Definitions
========================================================================*/

#CalendarBox {
margin:0px 0px 30px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
line-height:1.3em;
}

.calendarBG {
 background-color: #000;
}

.calendarBlank {
 background-color: #fff;
}

.calendarHeader {
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #333;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #fff;
 background-color: #bbb;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ddd;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}