/*=======================================================================
	CORE LAYOUT Element Definitions
========================================================================*/

body {
font-family: Verdana, Helvetica, Arial, "Lucida Grande", "Lucida Sans Unicode",sans-serif;
font-size:87%;
color:#999999;
margin: 0px;
background-color:#fff;
}

#container-wrap {
background-image:url(http://www.crossfit.ca/site/images/theme_images/fitness/back06/middlebody.jpg);
background-repeat:repeat-y;
/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
width:100%;
/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */
margin:0px
}

.divider {
height:20;
clear: both;
background-color:#fff;
}
.spacer {margin: 0;padding: 0;height:0;clear: both;}

#footer {
background-image:url(http://www.crossfit.ca/site/images/theme_images/fitness/back06/footer.jpg);
background-repeat:no-repeat;
text-align:center;
height:129px;
width:100%;
}



 ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

li
{
background-image: url(http://www.crossfit.ca/assets/page.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding-left: 1.4em;
}

/*=======================================================================
	LINK Element Definitions
========================================================================*/

a:link { color: #330033; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration: underline; }
a:visited { color: #663399; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration: underline; }
a:active { color: #330033; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration: underline; }
a:hover { color:#0000cc; font-family: verdana, arial, helvetica, sans-serif;  background-color: transparent; text-decoration:none; }

.tableBorder {
background: #ffffff;
}

/*=======================================================================
	HEADING Element Definitions
========================================================================*/

h1 {margin:0px;
padding:0px 10px 2px 2px;
border-color:#2f4f4f;
border-style:dotted;
border-width:0px 0px 0px 0px;
background:#eeeeee;
font-size:1.1em;
font-weight:700;
color:#222222;
}

h2 {margin:0px;
padding:2px 0px 2px 3px;
border-color:#2f4f4f;
border-style:dotted;
border-width:1px 1px 0px 1px;
background:#dddddd;
font-size:1.0em;
line-height:1.3em;
font-weight:650;
color:#222222;
}

h3 {margin:0px;
padding:2px 2px 2px 2px;
border-color:#2f4f4f;
border-style:dotted;
border-width:1px 0px 0px 1px;
background:#dddddd;
font-size:.8em;
font-weight:650;
color:#222222;
text-decoration:none;
text-align:left;
}


h4 {margin:0;
padding:0px 0px 0px 0px;
border-color:#2f4f4f;
border-style:dotted;
border-width:1px 0px 0px 0px;
background:#dddddd;
font-size:1.1em;
line-height:1.7em;
font-weight:650;
color:#222222;
}

h5 {margin:0;
padding:0;
color:#222222;
font-size:11px;
font-weight:650;
line-height:24px;
background:transparent;
}

h6 {margin:0px;
padding:5px 0px 5px 0px;
font-size:.6em;
font-weight:650;
background:transparent;
color:	#222222;
text-align:left;
}
/*=======================================================================
	NAVIGATIONzone Element Definitions
========================================================================*/

#nav_area {
margin-top: 4px;
margin:0;
padding:0px 2px 0px 20px;
font-family: "Lucida Grande", "Lucida Sans Unicode",Arial, Verdana,  Helvetica, sans-serif;
color:#FFFF66;
background-color: #1c5ba8;
background:transparent;
font-weight:strong; 
font-variant:small-caps;
text-align:left;
}

.nav_link {
font-size: 1.0em;
line-height: 1.2em;
padding: 0px 0px 0px 0px;
font-family: "Lucida Grande", "Lucida Sans Unicode",Arial, Verdana,  Helvetica, sans-serif;
color:#ffffff; 
background-color: #7F8E95;
font-weight:strong; 
font-variant:small-caps;
}

.nav_link,
A.nav_link:link { color: #ffffff; text-decoration: none; } 
A.nav_link:visited { color: #ffffff; text-decoration: none;} 
A.nav_link:active { color: #ffffff; text-decoration: none;} 
A.nav_link:hover { color: #FF0000; background-color:transparent;}

.nav_small {
font: .9em arial, verdana, helvetica, sans-serif;
background: transparent;
color: #fff;
text-align: right;
margin: 0;
padding-top: 8px;
padding-bottom: 10px;
}

A.nav_small:link { color: #ffffcc; text-decoration: none; } 
A.nav_small:visited { color: #cccc99; text-decoration: none;} 
A.nav_small:active { color: #ffffcc; text-decoration: none;} 
A.nav_small:hover { color: #ff9933; background-color:transparent;}


/*=======================================================================
	MAIN Column Element Definitions
========================================================================*/

#main-column {
float:left;
width:520px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:15px;
margin-right:5px;
overflow:clip;
background:#fff;
}

.main-container-date {
font-size: 0.7em;
font-weight:300;
color:#666;
background-color:#fff;
text-align:right;
}

.main-container-title {
text-align:left;
margin:0px;
padding:0px 0px 3px 0px;
border-color:#2f4f4f;
border-style:dotted;
border-width:1px 1px 0px 1px;
background:#dddddd;
font-size: 1.1em;
font-weight: 950;
color:#222222;
}

.main-container  {
text-align:left;
font-size: 0.7em;
line-height:1.7em;
color:#999999;
margin:0;
}

.main-container p {
margin:0;
color:#999999;
font-size:.7em;
line-height:1.7em;
background:transparent;
text-align:left;
padding:0px 0px 0px 0px;
}

.main-container-body {
padding:4px 2px 2px 2px;
border-color:#2f4f4f;
border-style:dotted;
border-width:0px 1px 1px 1px;
}

.entry-spacer {
padding: 6px 0px 0px 0px;
}

.clearfloats {
clear: both;
}

.entry-date-coloured {
text-align:right;
color:#903222;
font-size:10px;
font-weight:300;
line-height:12px;
}


.quote {margin:4;
padding:0px 0px 0px 30px;
color:#999999;
font-size:11px;
font-weight:300;
line-height:18px;
}

.blockquote {
font-family: verdana, sans-serif;
font-size: .7em;
line-height: 1.6em;
padding:0px 10px 0px 10px;
border-left: 3px double	#B22222;
color:navy;
text-align:left;
}

.posted {
font: .7em arial, verdana, helvetica, sans-serif;
background: transparent;
color: #000;
text-align: right;
margin: 0;
padding-top: 8px;
padding-bottom: 10px;
}

.paginate {
 font-family:Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:12px;
 font-weight:normal;
 letter-spacing:.1em;
 padding:10px 6px 10px 4px;
 margin:	0;
 background-color:transparent;
}

.pagecount {
 font-family:Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:10px;
 color:#000;
 font-weight:normal;
 background-color: transparent;
}

/*=======================================================================
	ARCHIVE Section Element Definitions
========================================================================*/

.archive-year {margin:0px;
padding:0px 0px 0px 0px;
font-size: 1.1em;
font-weight:700;
color:#222222;
}

.archive-month {
padding:0px 0px 0px 9px;
font-size: 1.0em;
font-weight:650;
color:#222222;
}

.archive-entry {
padding:0px 0px 0px 18px;
font-size: 0.9em;
font-weight:450;
color:#222222;
}


/*=======================================================================
	SIDE Column Element Definitions
========================================================================*/

#side-column {
margin-left:3px;
margin-right:20px;
/* this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter */
padding-left:100%;
/* this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value */
margin-left:-328px;
font-size:10px;

}

#side-column p {
/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
position:relative
}

.side-title {
font-size: 1.1em;
font-weight:900;
color:#000066;
padding:2px 2px 4px 5px;
}

.side-container {
margin:0;
padding:0px 0px 0px 3px;
font-size: 0.9em;
line-height: 1.4em;
border-top: 0px dashed	#aaaaaa;
background:#ffffff;
}


.side-container-full {
margin:0;
padding:2px 2px 2px 2px;
font-size: 0.9em;
line-height: 1.7em;
border:0px dashed #dddddd;
}

div.side-column a:link    { color: #39394a; font-family:verdana,arial,helvetica,sans-serif; padding:0; font-weight: normal; text-decoration: none; background-color: transparent;}
div.side-column a:visited { color: #39394a; font-family:verdana,arial,helvetica,sans-serif;  padding:0; font-weight: normal; text-decoration: none; background-color: transparent;}
div.side-column a:active  { color: #39394a;font-family:verdana,arial,helvetica,sans-serif;  padding:0; font-weight: normal; text-decoration: none; background-color: transparent;}
div.side-column a:hover   { color: #0000cc; font-family:verdana,arial,helvetica,sans-serif; background:transparent; padding:0; font-weight: 500; text-decoration:underline; }




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

.footer_text {
font-size:9px;
color:#333;
padding:45px 0px 0px 0px;
}

#design {
color:#999999;
font-size:9px;
font-weight:200;
line-height:14px;
}

#design a:link    { color: #999999; font-size:9px; font-family:verdana,arial,helvetica,sans-serif;font-weight: normal; text-decoration: none; }
#design a:visited { color: #999999; font-size:9px; font-family:verdana,arial,helvetica,sans-serif; font-weight: normal; text-decoration: none; }
#design a:active  { color: #999999;font-size:9px; font-family:verdana,arial,helvetica,sans-serif; font-weight: normal; text-decoration: none; }
#design a:hover   { color: #0000cc; font-size:9px; font-family:verdana,arial,helvetica,sans-serif; font-weight: 200; text-decoration:underline; }


/*=======================================================================
	FORM & INPUT Element Definitions
========================================================================*/

input {
 font : normal 11px/12px arial,verdana,trebuchet,sans-serif;
 border : 1px solid #909daa;
 color:#39394a;
 background-color : #F9FBFA;
 margin-top: 2px;
 margin-bottom: 2px;
}

input.large {
 width: 200px;
}

input:focus {
 background-color : #F9FBFA;
}

input.button {
 color : #39394a;
 background-color : #F9FBFA;
 font:10px/12px verdana,arial,sans-serif;
}

textarea {
 border: 1px solid #909daa;
 margin-bottom: 10px;
 color: #666666;
 background-color: #F9FBFA;
 font: 11px/16px verdana,arial,rebuchet,sans-serif;
 }

textarea:focus {
 background-color : #F9FBFA;
 }


/*=======================================================================
	CALENDAR Element Definitions
========================================================================*/

.calendarBG {
 background-color: #4d5d6d;
}

.calendarBlank {
 background-color: #909daa;
}

.calendarHeader {
font-family:Verdana, Arial, sand-serif;
font-size:11px;
 font-weight: bold;
 color: #fbfbf9;
 text-align: center;
 background-color: #4d5d6d;
}

.calendarMonthLinks {
 font-family:       Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
 font-size:         10px;
 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: #B22222;
font-weight: normal;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarDayHeading {
font-family:Verdana, Arial, sans-serif;
font-size:11px;
 font-weight: bold;
 font-size:	10px;
 color: #fff;
 background-color: #798796;
 text-align:  center;
 vertical-align: middle;
}

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

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

.calendarCell a {
font-family:       Verdana, Trebuchet MS, Tahoma, Sans-serif;
 font-size:         10px;
 font-weight:		bold;
 color: #B22222;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:visited {
font-family:       Verdana, Trebuchet MS, Tahoma, Sans-serif;
 font-size:         10px;
 font-weight:		bold;
 color:             #B22222;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarCell a:hover {
font-family:       Verdana, Trebuchet MS, Tahoma, Sans-serif;
 font-size:         10px;
 font-weight: bold;
 color: #39394a;
 text-decoration:   underline;
 background-color:  transparent;
}

.classCellBeginner {
 font-family:       Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
 font-size:         10px;
 font-weight:		regular;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #2222222;
 background-color:  #FFFFCC;
}

.classCellregular {
 font-family:       Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
 font-size:         10px;
 font-weight:		regular;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #39394a;
 background-color:  #fbfbf9;
}