/* ===============================================================================================================

	Basic Style Sheet (for version 4 browsers)
	
	version:	1.1
	author:		joseph freeman
	email:		info@cabanmediagroup.com
	website:	http://cabanmediagroup.com

==================================================================================================================*/



/* ===========================================================

   -- CREATES NORMALIZED STYLE SHEETS ACROSS ALL BROWSERS --

============================================================*/

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/


body {
	color:#000;
	background:#FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

li {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
	font-variant:normal;
}

sup,sub {
	line-height:-1px;
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}

input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

/* ===========================================================
		
		--	BEGIN GENERAL DECLARATIONS --

============================================================*/

h1 {font-size:3em;font-weight:bold}

h2 {font-size:2.5em;font-weight:bold}

h3 {font-size:2em;font-weight:bold}

h4 {font-size:1.9em;font-weight:bold}

h5 {font-size:1.7em;font-weight:bold}

h6 {font-size:1.5em;font-weight:bold}

a:link,a:visited,a:hover,a:active,a:focus {
	text-decoration:none;
}

ul {
	list-style:none;
}

ol {
	padding:8px 20px;
	font-size:12px;
	margin:0 30px;
}

ol li {
	list-style-type:inherit;
}

.clear {clear:both;}

.italic {font-style:italic}

.underline {text-decoration:underline}

* {
	outline:0
}

p {margin:8px;font-size:1.2em}

a,a:visited {color:#6699CC}

a:hover {color:#66CC66}

strong {font-weight:bold}
em {font-style:italic}

/* ===========================================================
		
		-- BEGIN SITE SPECIFIC DECLARATIONS --

============================================================*/
body {
	font:normal 62.5%/150% Helvetica, Arial, "Lucida Grande", sans-serif;
	text-align:center;
	color:#666
}

#wrapper {
	width:800px;
	margin:0 auto;
	text-align:justify;
}

/* Head Section and descendents
----------------------------------------*/

#header {
	width:800px;
	height:107px;
	background:url(../images/tile_grn.gif) left top repeat
}

#logo {
	float:left;
	display:inline;
	margin:0;
	width:464px;
	height:107px;
	
}

#logo a {
	position:relative;
	display:block;
	width:464px;
	height:107px;
	font-size:1.2em;
	text-align:center;
	text-indent:-5000px
}

#logo a span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:464px;
	height:107px;
	background:url(../images/logo.gif) left top no-repeat
}

#phone {
	position:relative;
	float:right;
	display:block;
	width:200px;
	height:43px;
	margin-top:64px;
	text-indent:-5000px
}

#phone span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:200px;
	height:43px;
	background:url(../images/phone.gif) left top no-repeat
}


	

/* Navigation Column and descendents
----------------------------------------*/

#navbar {
	margin:5px 0;
	width:800px;
	height:30px;
	background:url(../images/tile_blu.gif) left top repeat
}


#navbar li {
	float:right;
	display:inline;
	margin:0 8px;
}

#navbar li h2 {
	font-size:1.2em
}

#navbar li a {
	position:relative;
	display:block;
	height:30px
}

#navbar li h2 a span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:30px;
}

#nav1 h2 a, #nav1 h2 a span {
	width:70px;
}

#nav1 h2 a span {
	background:url(../images/navbar.gif) left top no-repeat
}

#nav1 h2 a:hover span {
	background-position:left bottom;
}

#nav2 h2 a, #nav2 h2 a span {
	width:90px;
}

#nav2 h2 a span {
	background:url(../images/navbar.gif) -70px top no-repeat
}

#nav2 h2 a:hover span {
	background-position:-70px bottom;
}

#nav3 h2 a, #nav3 h2 a span {
	width:55px;
}

#nav3 h2 a span {
	background:url(../images/navbar.gif) -160px top no-repeat
}

#nav3 h2 a:hover span {
	background-position:-160px bottom;
}

#nav4 h2 a, #nav4 h2 a span {
	width:95px;
}

#nav4 h2 a span {
	background:url(../images/navbar.gif) -210px top no-repeat
}

#nav4 h2 a:hover span {
	background-position:-210px bottom;
}

#nav5 h2 a, #nav5 h2 a span {
	width:110px;
}

#nav5 h2 a span {
	background:url(../images/navbar.gif) -310px top no-repeat
}

#nav5 h2 a:hover span {
	background-position:-310px bottom;
}

#nav6 h2 a, #nav6 h2 a span {
	width:115px;
}

#nav6 h2 a span {
	background:url(../images/navbar.gif) -420px top no-repeat
}

#nav6 h2 a:hover span {
	background-position:-420px bottom;
}



/* Main Content box and descendents
-----------------------------------------*/

#bodyWrap {
	width:800px;
	margin:5px 0;
}

#index #bodyWrap {
	background:url(../images/back_indx.gif) left top no-repeat
}

#col1 {
	float:left;
	display:inline;
	width:270px
}

#col1 h3 {
	font-size:1.5em;
	text-align:center;
	margin:10px 0;
}

#col2 {
	float:right;
	display:inline;
	width:530px;
}

/* Information Box 1 (upcoming workshop)
---------------------------------------- */
.infoBox {
	clear:right;
	float:right;
	display:inline;
}

#infoBoxWrap1 {
	margin-left:300px;
	width:195px;
	background:url(../images/box1_tile.gif) left top repeat-y
}

#infoBox1 {
	width:195px;
	background:url(../images/box1_head.gif) left top no-repeat;
	text-align:center;
	padding-top:10px
	
}

#infoBox1 h3 {
	position:relative;
	display:block;
	margin:0 auto;
	width:153px;
	height:56px;
	margin-bottom:8px;
	text-align:center;
	font-size:1.2em;
	color:#fff
}

#infoBox1 h3 span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:153px;
	height:56px;
	background:url(../images/upcoming_wrkshps.gif) left top no-repeat
}

#infoBox1 dl {
	width:195px;
	text-align:justify;
	padding-bottom:10px;
	font-size:1.2em;
	background:url(../images/box1_foot.gif) left bottom no-repeat
}

#infoBox1 dl dt {
	font-weight:bold;
	margin:0 8px;
}

#infoBox1 dl dt a {
	color:#999;
	font-weight:normal;
}

#infoBox1 dl dt a:hover {
	font-style:italic
}

#infoBox1 dl dd {
	margin:0 8px 8px 8px;
	text-align:left
}


/* Information Box 2 (podcast)
---------------------------------------- */

#infoBox2, #infoBox4 {
	margin-top:10px;
	margin-left:300px;
	width:195px;
	height:91px;
}

#infoBox2 h3,#infoBox4 h3 {
	display:block;
	width:195px;
	height:91px;
	font-size:1.2em;
	color:#fff;
}

#infoBox2 h3 a,#infoBox4 h3 a {
	position:relative;
	display:block;
	width:195px;
	height:91px;
	font-size:1.2em;
}

#infoBox2 h3 a span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:195px;
	height:91px;
	font-size:1.2em;
	background:url(../images/prep.gif) left top no-repeat
}

#infoBox2 h3 a:hover span {
	background-position: right bottom
}

#infoBox4 h3 a span {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:195px;
	height:91px;
	font-size:1.2em;
	background:url(../images/pro.gif) left top no-repeat
}

#infoBox4 h3 a:hover span {
	background-position:right bottom
}


/* Information Box 3 (test dates)
---------------------------------------- */

#infoBox3 {
	width:530px;
	padding:1px 0;
	margin-top:9px;
	background:url(../images/flowers_index.gif) left bottom no-repeat
}

#infoBox3 #tableWrap {
	width:382px;
	margin-left:148px;
	background:url(../images/box3_tile.gif) left top repeat
}

#infoBox3 #tableHead {
	width:382px;
	background:url(../images/box3_top.gif) left top no-repeat;
	padding:1px 0;
}

#infoBox3 h3 {
	position:relative;
	display:block;
	width:165px;
	height:24px;
	font-size:1.2em;
	margin-top:10px;
	margin-left:105px;
	color:#fff
}


#infoBox3 h3 span{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:165px;
	height:24px;
	background:url(../images/tests.gif) left top no-repeat
}

#infoBox3 table, #pg-tests {
	width:352px;
	margin:8px 20px 0 10px;
	text-align:center
}

#pg-tests {
	margin-top:30px;
	margin-left:110px
}

#infoBox3 table th, #pg-tests th {
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}

#infoBox3 table td, #pg-tests td {
	margin:5px;
	height:35px;
	border-bottom:1px solid #6699CC;
}


#box3Foot {
	margin-top:5px;
	width:382px;
	height:10px;
	background:url(../images/box3_foot.gif) left bottom no-repeat
}

/* information box 4 (join email)
----------------------------------------


#infoBox4 {
	width:195px;
	background:url(../images/blankBox.gif) left top no-repeat;
	text-align:center;
	padding-top:10px;
	margin:10px 0 0 0
}

#index #infoBox4 {
	margin-left:300px
}

h4.joinEmail {
	color:#6699cc;
	font-size:1.6em;
	font-weight:bold;
}

#ccFoot {
	padding-bottom:12px
}

#index #ccFoot {
	padding-bottom:10px
}

#ccOptin {
	margin:8px auto 12px auto
} 

/*

/* Footer and descendents
-----------------------------------------*/

#footer {
	width:800px;
	margin-top:4px;
	text-align:center;
	padding:1px 0;
	background:url(../images/tile_grn.gif) left top repeat
}

#footer #copy {
	position:relative;
	margin:5px auto;
	width:377px;
	height:20px;
	font-size:1em;
	margin-bottom:0
}

#footer #copy span{
	position:absolute;
	top:0;
	left:0;
	width:377px;
	height:20px;
	background:url(../images/copyright.gif) left top no-repeat
}

#credit {
	margin-top:0;
	font-size:1em;
	font-family:"Century Gothic",Helvetica, Arial, sans-serif;
	color:#fff
}

#credit a {
	color:#ffffcc
}

#credit a:hover {
	color:#fff
}

#credit a span {
	color:#999
}

#credit a:hover span {
	color:#666
}

/*************** BODY LAYOUT FOR ALL PAGES OTHER THAN INDEX ***************/

#pg-bodyWrap {
	background:url(../images/sun.png) 200px top no-repeat
}

/* Pages Column 1 and descendants
----------------------------------- */
#pg-col1 {
	float:left;
	display:inline;
	width:600px;
}

#pg-col1 #pg-quote {
	position:relative;
	display:block;
	width:600px;
	font-size:10px;
	text-indent:-5000px;
}

/* Quotes for individual pages */

#about #pg-col1 #pg-quote {
	height:66px;
	background:url(../images/qt_miller.gif) left top no-repeat
}


#workshops #pg-col1 #pg-quote {
	height:64px;
	background:url(../images/qt_proust.gif) left top no-repeat
}

#services #pg-col1 #pg-quote {
	height:85px;
	background:url(../images/qt_twain.gif) left top no-repeat
}

#notebook #pg-col1 #pg-quote {
	height:90px;
	background:url(../images/qt_arnaud.gif) left top no-repeat
}

#faq #pg-col1 #pg-quote {
	height:43px;
	background:url(../images/qt_aristotle.gif) left top no-repeat
}

#resources #pg-col1 #pg-quote {
	height:43px;
	background:url(../images/qt_dickenson.gif) left top no-repeat
}

/* end quotes */

#TB_window h1 {
	font-size:16px;
	padding:20px 10px 0 10px;
}

#TB_window h2 {
	font-size:14px;
	margin-bottom:15px;
}

#TB_window h3 {
	color:#6699CC;
	font-size:1.4em;
	margin:20px auto 10px 10px;
	text-decoration:underline;
}

#TB_window p {
	color:#666666;
	font-size:12px;
	margin:0 10px;
}

#TB_window ul {
	margin:0 10px;
}

#pg-col1 h3 {
	font-size:1.6em;
	margin-left:8px
}



/* Pages Column 2 and descendants
----------------------------------- */

#pg-col2 {
	float:right;
	display:inline;
	width:200px;
}

#pg-col2 #infoBoxWrap1 {
	margin-left:0;
}

#pg-col2 #infoBox2 {
	margin-left:0;
}

#pg-col2 #infoBox3 {
	width:195px;
	background:none;
}

#pg-col2 #infoBox3 h3 {
	position:relative;
	display:block;
	width:195px;
	height:91px;
	font-size:1.2em;
	margin:0;
	color:#fff;
}

#pg-col2 #infoBox3 h3 a {
	postion:absolute;
	top:0;
	left:0;
	display:block;
	with:195px;
	height:91px;
	background:url(../images/test_click.gif) left top no-repeat;
	text-indent:-5000px
}

#pg-col2 #infoBox3 h3 a:hover {
	background:url(../images/test_click.gif) right top no-repeat
}

#pg-flowers {
	clear:both;
	width:799px;
	height:192px;
}

/* ===============================

	PAGE SPECIFIC DECLARATIONS
	
   =============================== */
   
/* ABOUT page specific declarations */

#cristin {
	float:right;
	display:inline;
	margin-left:8px;
}

span.companyTitle {
	font-style:italic
}

span.ownerTitle {
	font-weight:bold
}
   
   
/* SERVICES page specific declarations */

#services #pg-col1 h4, #services #pg-col1 h4 {
	font-size:1.4em;
	color:#6699CC;
	text-decoration:underline;
	margin:20px auto 10px 10px
}

#services #pg-col1 p {
	margin-left:15px
}

#services table {
	margin-left:15px;
	margin-bottom:35px;
	font-size:1.4em;
	font-weight:bold;
}

#services table span {
	font-size:0.9em;
	font-weight:normal
}

#services table tr td.sessionType {
	width:300px;
}

#services table.tableLast {
	margin-bottom:0
}

#services a.readMore {
	font-style:italic;
}

/* FAQ page specific declarations */

#faq #topic {
	float:left;
	display:inline;
	margin:10px 10px;
	padding:8px 0;
	border-top:1px solid #6699cc;
	border-bottom:1px solid #6699cc;
	width:580px;
}

#faq #topic h3 {
	margin-left:0;
	font-size:1.4em
}

#faq #topic h4 {
	float:left;
	display:inline;
}

#faq #topic h4 a {
	margin-right:8px;
}

#faq #pg-col1 h4 {
	margin:8px;
	font-size:1.4em;
	color:#6699CC
}

#faq #pg-col1 h5 {
	margin:10px 15px 0 15px;
	font-size:1.2em;
}

#faq #pg-col1 p {
	margin:0 15px 5px 15px
}

#faq #pg-col1 ul {
	margin:0 15px 5px 40px;
	font-size:1.2em
}

#faq #pg-col1 ul li {
	list-style-type:disc;
	line-height:1.6em
}



/* WORKSHOPS page specific declarations */

.workshopContain {
	border:1px solid #6699cc;
	margin:10px;
	padding:10px;
	background:#fff
}

#workshops h5 {
	margin-top:15px;
	margin-left:8px;
	font-size:1.4em;
	color:#6699cc
}

#workshops table {
	margin:10px;
	margin-left:25px;
	font-size:1.2em;
	font-weight:bold;
}

td.info {
	font-weight:normal
}

#pg-col1 tr td {
	padding:10px;
	vertical-align:top;
}

td.sessionType {
	width:300px;
}




/* NOTEBOOK page specific declarations */

#notebook #wrapper #pg-bodyWrap #intro {
	margin-bottom:50px;
}

#notebook #wrapper #pg-bodyWrap #topic {
	float:left;
	display:inline;
	margin:10px 0 10px 8px;
	width:150px;
	padding:0
}

#notebook #pg-bodyWrap #topic #topicTitle {
	font-size:1.3em;
	font-weight:bold;
}

#notebook #wrapper #pg-bodyWrap #topic li {
	float:left;
	display:inline;
	clear:left;
	margin:0 5px 8px 0;
	padding:0;
	text-align:left
}

#notebook #wrapper #pg-bodyWrap #topic li a {
	margin:0
}

#notebook #topic li.return {
	font-style:italic;
}

#notebook #journalContain {
	float:right;
	display:inline;
	width:435px
}

#notebook #journalContain h4 {
	font-size:1.4em;
	color:#6699cc;
	text-align:center;
	margin-top:8px;
}

#notebook #journalContain h3 {
	font-size:1.4em;
	text-align:center
}

#notebook div.journalEntry {
	margin-bottom:8px;
	border-bottom:1px dotted #6699cc;
}

#notebook a.readMore:hover {
	text-decoration:underline
}

/* RESOURCES page specific declarations */

#resources #pg-col1 dl {
	margin:0 auto 10px 8px;
}

#resources #pg-col1 dl dt {
	font-size:1.4em;
	color:#6699cc;
	text-decoration:underline;
	margin:20px auto 8px auto
}

#resources #pg-col1 dl dd {
	font-size:1.2em;
	margin:8px 0
}


/* PODCAST page specific declarations */

#podcast #iTunes {
	display:block;
	width:200px;
	height:68px;
	padding-top:20px;
	padding-left:80px;
	font-size:1.4em;
	background:url(../images/itunes.gif) left top no-repeat
}

#podcast #downloadCast {
	margin-left:10px;
}

#podcast #downloadCast dt {
	text-decoration:underline;
	font-size:1.4em;
}

#podcast #downloadCast dd {
	margin:8px 0;
	font-size:1.2em
}




/* CONTACT ME page specific declarations */

#contact #pg-col1 h3 {
	margin-top:0;
}

#contact #pg-col1 dl {
	margin:10px auto 20px 20px
}

#contact #pg-col1 dl dt {
	font-size:1.4em;
	margin-top:15px
}

#contact #pg-col1 dl dd {
	margin:5px auto;
	font-size:1.2em
}

.note {
	font-weight:bold
}