/*--------------------------------------------------------------------------------

CSS Formatting for Phenix Yoga

Version: 1.0
Author: Paul Mason

--------------------------------------------------------------------------------*/

@import url(global.css);
@import url(layout.css);


/* General
--------------------------------------------------------------------------------*/

h2 {
	color:#333;
	font-size:2.4em;
	font-weight:normal;
	margin:0 0 12px 0;
}

h3 {
	color:#333;
	font-size:2em;
	font-weight:normal;
	margin:0 0 12px 0;
}

h4 {
	color:#333;
	font-size:1.6em;
	font-weight:normal;
	margin:0 0 5px 0;
}

p {
	font-size:1.3em;
	line-height:1.3em;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
}

a {
	color:#e77535;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

em {
	font-style:italic;
}

ul {
	list-style:none;
}

ol {
	list-style:decimal;
}

strong {
	font-weight:bold;
}


/* Header
--------------------------------------------------------------------------------*/

#header h1 a {
	background:url("images/logo.gif") no-repeat;
	width:220px;
	height:69px;
	padding:0;
	margin:0;
	display:block;
	text-indent:-9999px;
	float:left;
}

#search label {
	display:none;
}

#search form {
	text-align:right;
}

#search form .input {
	height:17px;
	width:247px;
	padding:2px 0 0 3px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size:1.1em;
	color:#666;
	background:#f3ba9a;
	border:solid 1px #bcb6ad;
}

#navigation ul {
	width:539px;
	margin:0 0 0 181px;
}

#navigation ul li {
	display:inline;
}

#navigation ul li a {
	padding:10px 0 0 0;
	margin:0 0 0 15px;
	overflow:hidden;
	height:0;
	float:left;
}

#navigation ul li a:hover, #navigation ul li a:active {
    background-position:0 -10px;
}

#tab_home a  {
    width:38px;
    background:url(images/but-nav-home.gif) no-repeat 0 0;
}

#tab_about a  {
    width:86px;
    background:url(images/but-nav-about-yoga.gif) no-repeat 0 0;
}

#tab_jeff a  {
    width:77px;
    background:url(images/but-nav-jeffs-yoga.gif) no-repeat 0 0;
}

#tab_jennie a  {
    width:94px;
    background:url(images/but-nav-jennies-yoga.gif) no-repeat 0 0;
}

#tab_testimonials a  {
    width:90px;
    background:url(images/but-nav-testimonials.gif) no-repeat 0 0;
}

#tab_contact a  {
    width:64px;
    background:url(images/but-nav-contact.gif) no-repeat 0 0;
}


/* Carousel
--------------------------------------------------------------------------------*/

/*#carousel #carousel-nav a {
	display:block;
	width:40px;
	height:40px;
	float:left;
	margin-left:5px;
	font-size:0px;
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	background:#fff url(images/but_carousel.png) no-repeat 12px 12px;
}

#carousel #carousel-nav a:hover {
	opacity:1.0;
	-moz-opacity:1.0;
	filter:alpha(opacity=100);
}

#carousel #carousel-nav a.activeSlide {
	display:block;
	width:40px;
	height:40px;
	background:#e77535;
	opacity:1.0;
	-moz-opacity:1.0;
	filter:alpha(opacity=100);
}*/

#carousel #carousel-nav a {
	width:40px;
	height:40px;
	float:left;
	margin-left:5px;
	font-size:0px;
	background:url(images/but-carousel.png);
}

#carousel #carousel-nav a.activeSlide {
	width:40px;
	height:40px;
	background:url(images/but-carousel-on.png);
}


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

/* Home */

#content #home-welcome img {
	float:left;
	margin:4px 20px 10px 0;
}

#content #home-welcome p {
	font-size:1.1em;
	text-align:justify;
}

#content #home-noticeboard h4, #content #home-more-info h4, #content #column-left h4 {
	background:url(images/bg-h3.gif) repeat-x 0 100%;
	padding:0 0 7px 0;
	margin:0 0 10px 0;
}

#content #home-noticeboard ul li {
	font-size:1.2em;
	color:#333;
	margin:0 0 7px 0;
}

#content #home-more-info ul li {
	font-size:1.2em;
	color:#333;
	margin:0 0 7px 0;
	padding:0 0 0 8px;
	float:left;
	width:102px;
    background:url(images/mark-nav.gif) no-repeat 0 7px;
}

/* Left column */

#content #column-left ul {
	font-size:1.2em;
	border-bottom:2px solid #d6d1c8;
}

#content #column-left ul li {
	padding:0 0 8px 0;
}

#content #column-left ul li.border {
	border-bottom:1px solid #d6d1c8;
}

#content #column-left ul li.top {
	padding:4px 0 8px 0;
}

#content #column-left ul li a {
	padding:0 0 0 8px;
    background:url(images/mark-nav.gif) no-repeat 0 7px;
}

#content #column-left ul li a.header {
	padding:0;
    background:none;
	color:#796a57;
}

/* Main column */

#content #column-main .post {
	margin:0 0 30px 0;
}

#content #column-main ul {
	font-size:1.3em;
	list-style:disc;
	margin:0 0 15px 15px;
}

#content #column-main .alignleft {
	float:left;
	margin:5px 20px 20px 0;
}

#content #column-main .alignright {
	float:right;
	margin:20px 0 20px 20px;
}


/* Footer
--------------------------------------------------------------------------------*/

#footer ul li {
	display:inline;
	font-size:1.1em;
	padding:0 7px 0 0;
	margin:0 5px 0 0;
	background:url(images/mark-bottom-nav.gif) no-repeat 100% 3px;
}

#footer ul .none {
	background:none;
}

#footer p {
	margin:7px 0 0 0;
	font-size:1em;
}

#footer #icons .icon {
	margin:0 20px 0 0;
}