/* Cascading Style Sheet for Carie Garrett Yoga website
	This file is the color scheme for blue/brown/green background. */



body {

	background-color:#663300; /* Outermost color, surrounding the white text areas. 
								 Brown backdrop to all the DIV elements */

	font-family:"Georgia", "Times New Roman", "Times", serif;
	font-size:0.75em;
	color:#333333; /* color of text throughout body unless overridden */
	line-height:20px;
	margin:6px;
	background-image: url("images/backgrounds/border.jpg");
	background-position:center;
	background-repeat:repeat-y;

}



#container {

	width:700px;
	padding:10px;
	background-color:#FFFFFF; /* Do NOT mess with this one! */
	margin:0 auto 0 auto;

}

#header {

	width:700px;
	background-color:#669999; /* Smoky-light blue color behind "Yoga With Carie", to the right of photo */
	height:250px;
	color:#FFFFFF; /* Color of header text, white */
	font-family: "Palatino Linotype", "Book Antiqua", "Georgia", serif; 
	font-size:150%;
	font-weight:bold;
	line-height:20px;

}

#header h1 {	/* Text block that contains "Yoga With Carie" */

	color:#FFFFFF;
	font-family:"Palatino Linotype", "Book Antiqua", "Georgia", serif; 
	font-size:150%;
	font-weight:bold;
	letter-spacing:1px;
	line-height: 95%;
	padding:0;
	padding-top:60px;
	padding-left:280px;
	padding-bottom:25px;
	margin:0;
	border-bottom:2px solid #ffffff;
	background-image:none;

}

#header p {	/* Text block under "Yoga With Carie" */

	padding:5px;
	padding-top:25px;
	margin:0;
	margin-left:240px;
	margin-right:10px;
	text-indent:5px;

}

#header p.ital {	/* Used inside text block under "Yoga With Carie" */

	font-family: "Palatino Linotype", "Book Antiqua", "Georgia", serif;
	font-style: italic;
	margin-left: 350px;
	padding-top:-15px;
	font-size: 105%;
}

#main-menu {

	width:700px;
	padding-top:6px;
	padding-bottom:5px;
	background-color:#336600; /* color along main menu bar under "Yoga With Carie"
								-- Forest green of menu bar, in normal state, not highlighted with hover, etc */
	text-align:right;
	color:#FFFFFF;
	margin-bottom:10px;

}

#main-menu a {	/* Links in the main menu area as follows: */

	font-family:"Verdana", "Arial", "Helvetica", sans-serif;
	font-size:73%;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFFFFF; /* color of text in menu nav. blocks when not hovered over */
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	padding-top:9px !important;
	padding-top:9px;
	padding-bottom:8px;
	margin-left:1px !important;
	margin-left:1px;

}

#main-menu a:hover {

	color:#FFFFFF;
	text-decoration:none;
	background-color:#1C3800; /* Active link, hover link bkgrnd color, dark green */
	padding-left:5px;
	padding-right:5px;
	padding-top:9px !important;
	padding-top:9px;
	padding-bottom:8px;
	margin-left:1px !important;
	margin-left:1px;

}

#main-menu .selected {

	color:#FFFFFF;
	text-decoration:none;
	background-color:#1C3800; /* Selected page, link will show the same color as hover*/
	padding-left:5px;
	padding-right:5px;
	padding-top:9px !important;
	padding-top:9px;
	padding-bottom:8px;
	margin-left:1px !important;
	margin-left:1px;

}

.batik {

	border-right:4px solid #ffffff;
	float:left;

}

#sidebar {

	width:150px;
	border:1px solid #cccccc;
	padding:5px;
	float:left;
	clear:left;
	background-image: url("images/backgrounds/sheetp_rvert.jpg");
	background-position:bottom left;
	background-repeat:repeat-y;

}

#sidebar h1,h2,h3 {
	font-family:"Arial Narrow", "Arial", "Helvetica", sans-serif;
	color:#401310;
	letter-spacing:1px;
	border:none;
	background-image:none;
}

.textblock {

	margin-left:170px;
	padding:10px;
	border: 1px solid #cccccc;
	background-image: url("images/backgrounds/aum02.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:10px;

}

.textblock:hover {

	background-image: url("images/backgrounds/sheetp.jpg");
	background-position:bottom right;
	background-repeat:repeat-x;
	margin-bottom:10px;

}

.textblock p {

	margin:10px;

}

.idea {

	font-family:"Verdana", "Arial", "Helvetica", sans-serif;
	font-size:1.2em;
	color:#663300; /* text color in all-caps across top, under Welcome-- original dark gray #665F5D */
	letter-spacing:1px;
	font-variant:small-caps;
	text-transform:lowercase;

}

idea a {

	font-weight:bold;
	text-decoration:none;
	color:#000000;

}

h1,h2,h3 {	

	font-family:"Arial Narrow", "Arial", "Helvetica", sans-serif;
	color:#09080E;
	background-image: url("images/backgrounds/lotus.jpg");
	border-bottom:2px solid #cccccc;
	background-position:top right;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-top:5px;

}

a {
	color:#09080E; /* Link color, no underlining, original link color:#A100CC */
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#663300; /* Link color when hovered on, no underlining */
}

.ital {

	font-style:italic;
}

.emph {
	font-weight:bold;
}

.highlight {

	color:#669999; /* highlight: used for emphasizing something in a text paragraph */
}

.widthF {
  width: 55%;
}

.colemph {
	color:#686709;
	font-weight:bold;
}

.emphred {
	font-weight:bold;
	color:#6F1310;
}

.photocredit {
	font-family: "Arial", san-serif;
	font-size: 75%;
}

.descriptor {
	font-family: "Arial", san-serif;
	font-size: 80%;
}

.bump {
	padding-left: 15px;
}

.footer {

	margin-left:170px;
	padding:10px;
	border: 1px solid #cccccc;
	background-image: url("images/backgrounds/sheetp_rvert.jpg");
	background-position:bottom left;
	background-repeat:repeat-y;
	margin-bottom:10px;

}

.right {
	float:right;
	padding-left:7px;
	margin-top:8px;
	margin-right:8px;
	white-space:nowrap;
	position:relative;
	z-index:2;
	clear:right;
}

.left {
	margin-left:5px;
	padding:5px;
	text-align: center;
}