/*
Company:	Claire Yoga
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
body {
	font-family: Georgia, serif;
	background: url(../images/bkg.jpg) no-repeat -50px 0; /* Added this line */
	color: #7c6c65;
	line-height: 150%;
}
/* @end */

/* @group Layout */
div#wrap {
/* Removed all lines */
}

div#hd, div#bd {
    width: 935px; /* Changed Line */
    /*margin-left: auto;
    margin-right: auto;*/ /* Removed 2 Lines */
}

div#hd {
	height: 130px;
}

div#bd p {
	margin-bottom: 10px;
}

a#logo {
	width: 210px;
	height: 200px;
	margin: 0 0 0 15px; /* Changed Line */
	text-indent: -9000px;
	float: left;
	display: inline;
}

p { text-align: justify; } 


div#content {
	width: 660px;
	margin-right: 0px; /* Changed Line */
	margin-top: 40px;
	float: right;
	display: inline;
}
body#secondary div#content p, ul.list li {
	font-size: 98%;
	color: #7c6c65;
	line-height: 150%;
}

/*------------ Content Boxes ---------------*/

.boxed {}
.boxed h1.title {
	background: url(../images/box1-title.gif) no-repeat 50% 0;
	line-height: 34px;
	padding-bottom: 5px;
	margin-bottom: -5px;
	width: 306px;
	color: #85221b;
	font-family: Georgia, serif;
	font-weight: bold;
	padding-left: 15px;
	margin-left: auto;
	margin-right: auto;
	}

div.boxed-top {
	width: 321px;
	height: 21px;
	background: url(../images/box1-top.png) no-repeat;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

* html div.boxed-top {
	width: 321px;
	height: 21px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Websites/claireyoga/templates/ClaireYogaTheme/images/box1-top.png", sizingMethod="crop");
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
div.boxed-mid {
	width: 291px;
	padding: 1px 15px;
	background: url(../images/box1-mid.png) repeat-y;
	margin-left: auto;
	margin-right: auto;
}

* html div.boxed-mid {
	width: 291px;
	padding: 1px 15px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Websites/claireyoga/templates/ClaireYogaTheme/images/box1-mid.png", sizingMethod="scale");
	margin-left: auto;
	margin-right: auto;
}

div.boxed-btm {
	width: 321px;
	height: 21px;
	background: url(../images/box1-btm.png) no-repeat;
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

* html div.boxed-btm {
	width: 321px;
	height: 21px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Websites/claireyoga/templates/ClaireYogaTheme/images/box1-btm.png", sizingMethod="crop");
	overflow: hidden;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.box1 {}
.box1 h1.title {
	background: url(../images/box1-title.gif) no-repeat 50% 0;
	line-height: 34px;
	padding-bottom: 5px;
	margin-bottom: -5px;
	width: 306px;
	color: #85221b;
	font-family: Georgia, serif;
	font-weight: bold;
	padding-left: 15px;
	margin-left: 1px;
	}

div.box1-top {
	width: 321px;
	height: 21px;
	background: url(../images/box1-top.png) no-repeat;
	overflow: hidden;
}

* html div.box1-top {
	width: 321px;
	height: 21px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Websites/claireyoga/templates/ClaireYogaTheme/images/box1-top.png", sizingMethod="crop");
	overflow: hidden;
}
div.box1-mid {
	width: 291px;
	padding: 1px 15px;
	background: url(../images/box1-mid.png) repeat-y;
}

* html div.box1-mid {
	width: 291px;
	padding: 1px 15px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Websites/claireyoga/templates/ClaireYogaTheme/images/box1-mid.png", sizingMethod="scale");
}

div.box1-btm {
	width: 321px;
	height: 21px;
	background: url(../images/box1-btm.png) no-repeat;
	overflow: hidden;
	margin-bottom: 10px;
}

* html div.box1-btm {
	width: 321px;
	height: 21px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Websites/claireyoga/templates/ClaireYogaTheme/images/box1-btm.png", sizingMethod="crop");
	overflow: hidden;
	margin-bottom: 10px;
}


.box2 {}
.box2 h1.title {
	background: url(../images/box2-title.gif) no-repeat 50% 0;
	line-height: 28px;
	padding-bottom: 3px;
	margin-bottom: -2px;
	width: 235px;
	color: #85221b;
	font-family: Georgia, serif;
	font-weight: bold;
	padding-left: 15px;
	margin-left: 1px;
	}

div.box2-top {
	width: 250px;
	height: 21px;
	background: url(../images/box2-top.png) no-repeat;
	overflow: hidden;
}
* html div.box2-top {
	width: 250px;
	height: 21px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Websites/claireyoga/templates/ClaireYogaTheme/images/box2-top.png", sizingMethod="crop");
	overflow: hidden;
}

div.box2-mid {
	width: 220px;
	padding: 1px 15px;
	background: url(../images/box2-mid.png) repeat-y;
}

* html div.box2-mid {
	width: 220px;
	padding: 1px 15px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Websites/claireyoga/templates/ClaireYogaTheme/images/box2-mid.png", sizingMethod="scale");
}

div.box2-btm {
	width: 250px;
	height: 21px;
	background: url(../images/box2-btm.png) no-repeat;
	overflow: hidden;
	margin-bottom: 10px;
}

* html div.box2-btm {
	width: 250px;
	height: 21px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Websites/claireyoga/templates/ClaireYogaTheme/images/box2-btm.png", sizingMethod="crop");
	overflow: hidden;
	margin-bottom: 10px;
}



div.box3-top {
	width: 258px;
	height: 21px;
	background: url(../images/box3-top.png) no-repeat;
	overflow: hidden;
}

* html div.box3-top {
	width: 258px;
	height: 21px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Websites/claireyoga/templates/ClaireYogaTheme/images/box3-top.png", sizingMethod="crop");
	overflow: hidden;
}

div.box3-mid {
	width: 228px;
	padding: 1px 15px;
	background: url(../images/box3-mid.png) repeat-y;
}

* html div.box3-mid {
	width: 228px;
	padding: 1px 15px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Websites/claireyoga/templates/ClaireYogaTheme/images/box3-mid.png", sizingMethod="scale");
}

div.box3-btm {
	width: 258px;
	height: 21px;
	background: url(../images/box3-btm.png) no-repeat;
	overflow: hidden;
	margin-bottom: 10px;
}

* html div.box3-btm {
	width: 258px;
	height: 21px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Websites/claireyoga/templates/ClaireYogaTheme/images/box3-btm.png", sizingMethod="crop");
	overflow: hidden;
	margin-bottom: 10px;
}

div.left-col {
	width: 322px;
	float: left;
	display: inline;
}
div.right-col {
	width: 322px;
	float: right;
	display: inline;
}
div.admin-col {
	width: 660px;
	float: left;
	display: inline;
}

body#secondary div.left-col {
	width: 258px;
}
body#secondary div.right-col {
	width: 380px;
}

img.left-img {
	margin: 0 10px 5px 0;
	float: left;
	display: inline;
}

div.yoga-dvd p {
	font-size: 93%;
}
div.yoga-dvd h3 {
	margin-top: 13px;
	font-size: 93%;
}
div.yoga-dvd h4 {
	font-size: 108%;
}

div#ft {
	clear: both;
	padding-top: 100px;
}
div#ft p {
	text-align: center;
	font-size: 77%!important;
	color: #efc575!important;
	font-family: "Lucida Sans", Arial, sans-serif;
}
div#ft a:link, div#ft a:visited {
	color: #efc575!important;
	text-decoration: none;
}
div#ft a:hover {
	text-decoration: underline;
}
/* @end */

/* @group Nav */
/* Utility Links */
#util-links {
	margin-right: 0px; /* Changed Line */
	margin-top: 25px;
	float: right;
	display: inline;
}
#util-links li {
	margin-left: 20px;
	float: left;
	display: inline;
}
#util-links li a {
	background: url(../images/heart-icon.gif) no-repeat 0 50%;
	padding-left: 20px;
	font-weight: bold;
	font-family: Georgia, serif;
	font-size: 93%;
}
#util-links a:link, #util-links a:visited {
	color: #c53920;
	text-decoration: none;
}
#util-links a:hover {
	text-decoration: underline;
}

/* Main Nav */
#nav {
	float: right;
	margin-right: 0px; /* Changed Line */
	_margin-right: 0px;
	display: inline;
}
#nav li {
	font-family: Georgia, serif;
	font-weight: bold;
	margin-left: 44px;
	padding-bottom: 3px;
	float: left;
	display: inline;
}
#nav a:link, #nav a:visited {
	color: #84231b;
	text-decoration: none;
}
#nav a:hover, #nav li.selectedPage a:link, #nav li.selectedPage a:visited {
	text-decoration: none;
	border-bottom: 2px solid #eb8926;
}
/* @end */

/* @group Headings */
h1 { }
h2 {
	color: #85231c;
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;	
}
h3 {
	color: #e57000;
	font-family: Georgia, serif;
	font-weight: bold;
	margin-bottom: 6px;
}
h4 {
	color: #85231c;
	font-family: Georgia, serif;
	font-weight: bold;
	margin-bottom: 6px;
}
h5 {
	color: #dc882f;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 7px;	
}
h6 { }
/* @end */

/* @group Text Styles */
.center {
	text-align: center;
}
strong {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
/* @end */

/* @group Lists */
#item-list li {
	background: url(../images/heart-icon-small.gif) no-repeat 0 50%;
	padding-left: 13px;
	font-size: 93%;
	font-family: Georgia, serif;
	font-weight: bold;
	color: #e57000;
	margin-bottom: 20px;
}
#item-list li a {
	font-weight: normal;
}
#item-list li a:link, ul.item-list li a:visited {
	color: #f7a901;
}
#item-list li a:hover {
	text-decoration: none;
}
#bullet-list li {
	background: url(../images/heart-icon-small.gif) no-repeat 0 50%;
	padding-left: 13px;
	font-size: 93%;
	font-family: Georgia, serif;
	font-weight: bold;
	color: #7c6c65;
	margin-left: 20px;
	margin-bottom: 20px;
}
#bullet-list li a {
	font-weight: normal;
}
#bullet-list li a:link, ul.item-list li a:visited {
	color: #f7a901;
}
#bullet-list li a:hover {
	text-decoration: none;
}
/* @end */

/* @group Forms */
	
/* @end */

/* @group Links - link visited hover active */
a:link, a:visited {
	color: #f7a901;
}
a:hover {
	text-decoration: none;
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* list items */

ul.list li { list-style: disc; 
	list-style-position:outside; 
	margin: 0 0 5px 25px; 
	
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */



#press img {border:0px;}



/* slideshow style */
.highslide {
	cursor: url(http://claireyoga.namasteinteractive.com/highslide_test/images/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(../images/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


#photoholder {
	position: relative;
        margin-left:5px;
	overflow: hidden;
	width: 281px;
	height: 308px;
}

/* web form */

.fieldLabels 
{
	display : block;
	color: #7c6c65;
	font-family: Georgia, serif;
	font-size: 98%;
}

.xsmallField
{
	width : 50px;
}

.smallField
{
	width : 150px;
}

.medField
{
	width : 250px;
}

.largeField
{
	width : 350px;
}

textarea.medField
{
	height : 100px;
}

textarea.largeField
{
	height : 200px;
}

.fieldInstructions
{
	left:430px;
	top:20px;
	max-width:200px;
	z-index:25
}

.fieldItem
{
	padding: .5em 1em 1em 1em;
	margin: 0;
	position : relative;
	display : block;
}

.fieldError
{
	color: #FFF;
	background: #F00;
}

#errorSummary {
	color: #FFF;
	padding: .5em 1em 1em 1em;
	background: #F00;
	}

.fieldSelected
{
	background: #FFF;
	border: 1px solid #999;
}

.formHeader {
	font-weight: normal;
	}

.formHeader h2 {
	margin: .55em 0 0 0;
	padding: 0;
	font-size: 160%;
	}

.formHeader p {
	margin-top: 0;
	}

#fieldList {
		
	}
	
	
/* web form */	
	
.blogList ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
.blogList li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.blogList .postBody {
	display:block;
	color: #7c6c65;
	font-family: Georgia, serif;
	font-size: 98%;
}
.blogList .postInfo {
	margin:5pt 0 15pt 0;
	color: #7c6c65;
	font-family: Georgia, serif;
	font-size: 98%;
}
.blogList .postInfo, .postDate {
font-style:italic;
}
div.post h2, .blogList .postTitle, div.event h2 {
margin-bottom:5pt;
}
div.post .postDate, div.event .eventDate {
	margin:5pt 0;
	color: #7c6c65;
	font-family: Georgia, serif;
	font-size: 98%;
}
div.comments dd.comment {
background:#F9F9F9 none repeat scroll 0%;
padding:1em 1.5em;
}
div.comments dt.comment {
background:#F9F9F9 none repeat scroll 0%;
border-bottom:2px solid #FFFFFF;
padding:1em 1.5em;
}
div.comments dd.alternate, div.comments dt.alternate {
background:#EEEEEE none repeat scroll 0%;
}
div.comments dt.needsApproval {
background:#FFFF99 none repeat scroll 0% !important;
}
p.commentDate {
font-style:italic;
}
div.commentsForm label {
display:block;
}
div.commentsForm input {
width:65%;
}
div.commentsForm textarea {
height:175px;
width:99%;
}