/*  CSS Document 
	AUTHOR: Lisa Catalano
            lisa@lcatdesigns.com
*/

/* Reset */
* { margin: 0; padding: 0; outline: none; }
html { overflow-y: scroll; }

body { 
	font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #4e4083; 
	list-style-position: inside;
	min-width: 1000px; 
} 

/* MAIN LAYOUT CSS */
#header {
	height: 107px;
	background: url(../images/header.jpg) no-repeat #9797c6; 
}
/* 2 Column layout.  Wrapper contains both.  Properties used for variable length sidebar */
#wrapper { 	
	background: url(../images/background.gif) repeat-y right; 
	overflow: hidden;
	height: 1%; 					/* fix for IE 6 */
	min-height: 600px;
} 
#mainContent {	
	background: url(../images/tagline.gif) no-repeat;
	margin: 0.5em 0.5em 0.5em 5em; 
	padding-top: 20px; 
	width: 75%;
	float: left; 
	display: inline;
	position: relative; 
} 
#sidebar {
	background: #666699;
	width: 160px;
	float: right;
	font-weight: bold;
	font-size: small;
	height: 600px; 
}	
/* Want to use this, but causing problems when browser window is too small. 
div#sidebar { position: fixed; right: 0; } 
*/

#mainContent a#collage img { 
	position: absolute; top: 40px; right: 0; 
	height: 65px; 
	width: 130px; 
} 

#sidebar img { margin: 1.5em; }
a img { border: none; } 

#footer {
	padding: .5em 0 .5em 0;
	clear: both;
	text-align: center;
	background-color: #9797c6;
	color: #FFF;
	line-height: 1.5em; 
}
#footer a { 
	color: #FFF; 
	text-decoration: underline; 
	font-weight: bold; 
} 

/* 3 Column layout within the Main column*/
#col1, #col2, #col3 {
	float: left;
	width: 33%;
	line-height: 1.5em;
}

/* 5 columns within the Main column*/
#cardio, #strength, #flex, #equip, #spec {
	width: 19%;
	float: left;
	line-height: 1.5em;
}

/* for pages without 2 columns */
#content { 
	width: 600px; 
	margin: 2em auto; 
} 

h1, h2, h3 { margin: .8em 0 .5em 0; }
h4, h5, h6 { margin: .3em 0; }

h1 { font-size: 1.5em; } 

p { 
	margin-bottom: .8em; 
	line-height:1.4em;	
}

/* Alternate font for areas with long text */
.review, .plain, .help, #help { 
	font: 13px Verdana, Geneva, sans-serif;
	list-style: disc; 
	list-style-position: inside; 		
} 


li a img { padding-left: .5em; }

ol { margin-left: 2em; } 

hr { 
	height: 4px; 
	background-color: #669;
}

/* For layout with more indentation.  There may be a better way! */
.indent 	{ margin-left: 5em; } 
.tinyind 	{ margin-left: .2em; } 

/* Make counts not as prominent */
.cnt {
	font-size: 85%;
	color: #306; 
} 

a {	
	color: #6633cc;
	text-decoration: none;
}
a:hover { text-decoration: underline; } 

div#col1 a:visited, div#col2 a:visited, div#col3 a:visited, li a:visited { color: #306;  } 

/* Make some links stand out more */
h4 a 	{ text-decoration: underline; } 
p a 	{ font-weight: bold; text-decoration: none; } 	

li		{ line-height: 1.5em; } 
.help li, #help li  { margin-bottom: .5em; } 

label { font-weight: bold; }

/* FORMS */
form { padding: 0.5em; }

/* Some forms are smaller and don't need much padding or margins */
form.small { padding: 0 0 .5em 0; margin: 0; } 

fieldset {
	width: 85%; 
	padding: 1em; 
} 
fieldset.narrow { 
	width: 60%; 
	margin: auto; 
} 
legend {
	font-size: 1.2em;
	font-weight: bold;
	color: #4e4083; 
	padding: 0 .3em;
	margin: 0 .5em; 
	text-align: left;
}

form fieldset input { 
	margin-bottom: .5em; 
} 
form#fix fieldset input, form#merge fieldset input { 
	float: left; 
} 
form fieldset label {
	display: block;
	float: left;
	clear: left; 
	width: 160px;
	text-align: right;
	padding-right: .5em;
	margin-bottom: .5em; 	
}
form fieldset label.left {
	text-align: left; 
	margin-bottom: 0; 
}

fieldset #cardio, fieldset #strength, fieldset #flex, fieldset #equip, fieldset #spec {
	line-height: 1.2em;
}
#category { clear: both; } 

fieldset div.error { 
	font: .7em Verdana, Geneva, sans-serif; 
	color: #C00; 
	width: 100px; 
	display: inline; 
	vertical-align: middle;  	
}  
fieldset div.info { 
	float: left; 
	padding-left: 10px; 
} 
fieldset div#review { 
	clear: both; 
	text-align: left; 
}

textarea { overflow:  scroll-y; } 

textarea:focus, input:focus {
	border: 2px solid #4e4083;
}
div.terms { 
	display: block; 
	font-style: italic; 
	margin: 10px 40px; 
	font-size: 85%; 
} 


#category a { 
	font-size: .85em;;
	padding-left: 2px;
	vertical-align: text-top;
} 
.label { 
	display: block; 
	padding-right: .5em; 
	float: left; 
	font-weight: bold; 
	width: 20%; 
	text-align: right; 
} 
.data { 
	float: left; 
	font-style: italic; 
}
/* for some jQuery hiding and displaying */
#help { display: none; } 
a.reveal { margin-top: 1em; } 

/* BUTTONS */
input.btn { 
	margin: 0 1em; 
	background-color: #669;
	font-weight: bold; 
	color: #FFF; 
	border-right: 2px double #666; 
	border-bottom: 2px double #666; 
	border-left: 2px double #9797c6; 
	border-top: 2px double #9797c6; 
} 
/* Keepking centered button styling same as regular button.  Working around IE 6 problem */
input.btncenter { 
	margin: .5em 40%; 
	background-color: #669;
	font-weight: bold; 
	color: #FFF; 
	border-right: 2px double #666; 
	border-bottom: 2px double #666; 
	border-left: 2px double #9797c6; 
	border-top: 2px double #9797c6; 
}

input.add {
	float: left; 
}

/* NAVIGATION */
ul.vert-one {
	list-style-type:none;
	list-style-position: outside; 	
	display:block;
	font:bold 15px Helvetica, Verdana, Arial, sans-serif;
	width:100%;
}
ul.vert-one li {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	margin-top: 0; 	
	font: bold 15px Helvetica, Verdana, Arial, sans-serif;
	line-height:150%;	
}
ul.vert-one li a {
	display:block;
	text-decoration:none;
	color:#fff;
	padding-left: 5%;
/*	width: 95%;*/
	background-color: #666699;
}
ul.vert-one li a:hover{
	background-color: #9797c6;
}
ul.vert-one li a.current,ul.vert-one li a.current:hover{
	background-color: #4e4083;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}

.clear { clear: both; } 

input#rev_name[disabled] {
	border: none;
	background-color: #FFF;
	color: #000;
}

#loglinks { 
	width: 150px; 
	margin: 0 auto; 
	font-size: smaller;
	font-weight: bold; 
}