/*
Set initial font styles
*/
body {
	background: #fff url("/skins/totallylesmills/images/background.png") repeat-y center top;
	font-family: Helvetica, Verdana, Arial,  sans-serif;
	font-size: 12px;
	line-height: 1.3;
	color: #333;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 12px;
}

/********************
CONTENT STYLING
*********************/

h1{
	color:#662e93;
	font-size: 18px;	
}

h2{
	color:#662e93;
	font-size:14px;
}
h3{
	color:#468966;
	font-size:12px;
}

/* set space between paragraphs */
p {
	padding-bottom: 14px; 
}

hr
{  
	color: #662e93; 
	clear: both;
	height: 1px;
 }
 
blockquote {
   border-left: 10px solid #662e93;
   margin-left: 10px;
}

/*
default link styles
*/
a,
a:link 
a:active {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #662e93; 
}

a:visited {
   text-decoration: none;
   background-color: inherit;
  color: #662e93;                /* a different color can be used for visited links */
}


/* add underline on hover and change color */
a:hover {
   text-decoration: underline;
   color: #cc9ff1;
}

/* Lists */ 

ul, li { 
	list-style-type: square;
	margin-left:15px;
	padding-bottom: 5px;
} 

    



/********************
PLUGIN STYLING
*********************/



/* default plugin styles */ 
.plugin {color:#333; font-size:12px; word-wrap: break-word; }

/* main centre content, depending on which page layout is used */
#content1 .plugin {padding:5px; margin-left: 20px; margin-right: 20px; }
#content2 .plugin {padding:5px; margin-left: 20px; margin-right: 20px; }
#content3 .plugin {padding:5px; margin-left: 20px; margin-right: 20px; }

#contentright .plugin { }


/* plugins start at 0. Plugin number 1 will equal plugin_0 */
/* plugins 1-10 */

#contentleft .plugin {margin-left:15px; padding-bottom: 15px; word-wrap: break-word; }
#contentleft .plugin h2 { background: #CCC; padding: 15px; margin-left: -15px;}



.plugin_0 {}



/* plugins 11-20 */

/* latest news and news plugins */
.articletitle, .articletitlelink {color:#662e93; font-size: 18px; }
.custom_news_author, .custom_news_date {color:#999; }
.news table {}
.latestnews table {} 


/*Quote of the day*/
#content1 .plugin_10 {color:#ffe8a3; font-size:28px; font-family: "Book antiqua", lucida, cursive, sans-serif; font-style:italic; background-color: #A34121; padding: 20px;text-align: center; border: 1px solid #822100;}

#content1 .plugin {   }
#content1 .plugin p { }

/* plugins 21-30 - Right column */

.advertising {padding-top:25px;}

/*Search box*/
.plugin_20 {}

.logo 
{ float: left; margin-top: 5px; margin-left:20px;}



/********************
FOOTER & COPYRIGHT
- cannot use name 'footer' or 'copyright' since these clash with the Invision forum style sheet
*********************/

.sdfooter {color:#fff; font-size: 10px;  line-height:20px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:5px;}
a.sdfooter:link { color:#fff; text-decoration: none; font-size: 10px; }
a.sdfooter:active   { color:#fff; text-decoration: none; }
a.sdfooter:visited  { color:#fff; text-decoration: none; }
a.sdfooter:hover    { color:#cc9ff1; text-decoration: underline; }

.sdcopyright{ color:#cc9ff1; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:transparent; }
.sdcopyright a:link { color:#cc9ff1; text-decoration: none; font-size: 10px; }
.sdcopyright a:active   { color:#cc9ff1; text-decoration: none; }
.sdcopyright a:visited  { color:#cc9ff1; text-decoration: none; }
.sdcopyright a:hover    { color:#cc9ff1; text-decoration: underline; }



/* Footer blocks */
#sdfooter dl {
	margin: 0;
	float: left;
	width:186px;
	min-height: 400px;
	border-left: 1px solid #cc9ff1;
}
#sdfooter dl:first-child {
	border-left: 0;
}
#sdfooter dl dt:first-child {
	margin-top: -2px;
}
#sdfooter dl:last-child {
	width:200px;
}
#sdfooter dl dt {
	margin: 5px;
	padding: 0 0 1px 0;
	color: #ffffff;
}
body.webkit #sdfooter dl dt,
body.webkit #sdfooter dl dd {
	font: 12px/18px 'Helvetica Neue', Arial, sans-serif !important;
}
#sdfooter dl dd {
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
	color: #ffffff;
}
#sdfooter dl dd a {
	color: #cc9ff1;
	text-decoration: none;
	border-bottom: 1px solid #cc9ff1;
}
#sdfooter dl dd a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#sdfooter dl dt.groupfitness a {
	display: block;
	background: transparent url("/skins/totallylesmills/images/logo_mono_v.png") no-repeat top left;
	width:150px;
	height:150px;
	margin: 0;
}
#sdfooter dl dt.groupfitness {
	width: 200px;
}
#sdfooter dl dt a span {
	display: none;
}