/*	Desc: Cat Chats Screen Style Sheet
	Author: Tawnya Walker
	Date: May 19, 2008
	+ Colours
	- #HEX 		colour name	(purpose)
	
	- #ffd500	?orange		(screen bg, shadowbox shadow, link:hover bg)
	- #fff		white		(page bg, column1 and 2 bg, commentBox bg,)
	- #c90		?dark yel	(header brdr, page brdr, footer brdr, courseBlock brdr, standout text, commentBox brdr, link:active text)
	- #f30 		?red		(Column1 h1, h2, h3, link:visited text)
	- #fffbe6 	?beige		(courseBlock-bg, link:visited bg)
	- #000		black		(text, course-date, link:hover text)
	- #ffc 		?light yel	(subsciptionBox-bg, footer-bg, link:active bg)
	- #ffe603 	?orange		(column2-h3-bg,)
	- #960		?brown		(link text)

=== === === === === === === === === === */
/*=STRUCTURE
=== === === === === === === === === === */
html {}
body {margin:0; 
	padding:10px 0; 
	width:100%; 
	background:#fc3 url(../images/pawbg.gif) repeat;
	font-family:arial, verdana, sans;
	font-size:85%;
	line-height:150%;
	color:#000;
}
#page {width:95%; margin:0 auto; background-color:#fff; border-left:2px solid #c90; border-right:2px solid #c90;}

/*=COMMON
=== === === === === === === === === === */
* {padding: 0; margin: 0;}
p, li {line-height: 130%; padding:10px 5px;}
h1, h2, h3 {color:#f30; margin:3px auto; text-align:center;}

a:link {color:#960; background-color:transparent; text-decoration:underline; font-weight:normal;}
a:visited {color:#f30; background-color:#fffbe6; text-decoration:underline; font-weight:normal;}
a:active {color:#c90; background-color:#ffc; text-decoration:none; font-weight:normal;}
a:hover {color:#000; background-color:#ffd500; text-decoration:none; font-weight:normal;}

#contact {height:100%; margin:20px 5px 1px 60px;}

/* =Classes= */
=== === === === === === === === === === */
.commentBox {margin:10px; border:6px double #c90; background-color:#fff; padding:20px;}
.courseblock {background-color:#fffbe6; margin-top:20px; padding:10px; border:2px solid #c90;}
.coursedate {text-align:center; color:#000; font-weight:bold;}
.coursedesc {}
.courselink {margin:0 auto; text-align:center;}
.coursetitle {text-align:center; font-size:120%;}
.goals {margin-left:25px;}
.insetL {float:left;}
.insetR {float:right;}
.slogan {font-weight:bold; font-size:110%; margin:10px 0; text-align:center; clear:both;}
.standout {color:#c90; font-style:italic;}
.subscriptionBox {margin:10px 0; border:2px double #c90; background-color:#ffc; padding:20px 10px 10px 20px;}

/*=HEADER
=== === === === === === === === === === */
#header {height:1%; border-top:1px solid #c90; margin-bottom:10px;}

/*=NAVIGATION
=== === === === === === === === === === */
#navigation {}

/*=CONTENT
=== === === === === === === === === === */
#content {height:1%; width:98%; margin:0px auto;}

#column1 {float:left; width:50%; margin-bottom:20px; border:2px solid #c90; padding:5px; background-color:#fff;}
#column1 h1 {margin-top:20px;}

.shadowbox {padding:10px; background-color:#fff;}/* padded holder and bg*/
.shadow {position:relative; background-color:#ffd500;}/* this is the shadow color */
.shadowImage {margin:0; padding:0;}
.spacerX {display:inline; position:absolute; background-color:#fff;}/* make this bg the same as shadowbox bg */
.spacerY {display:inline; position:absolute; background-color:#fff;}/* make this bg the same as shadowbox bg */

#column2 {float:right; width:45%; background-color:#fff;}
#column2 h3 {background-color:#ffe603; text-align:center;}

/*=FOOTER
=== === === === === === === === === === */
#footer {clear:both; background-color:#ffc; margin-top:15px; text-align:center; border-bottom:1px solid #c90;}