/* -----------------------------------------
Stylesheet for Vega Yoga - www.vegayoga.com
Author: cdeVision.com
Copyright: (c)2009 cdeVision
Created: January 2009
-------------------------------------------- */

body {background:#fff; margin:0; font-family:verdana,arial,helvetica,sans-serif; font-size:11px; color:#333;}
body {text-align:center;} /* IE6- hack to center page contents */

h1, h2, h3 {padding:0; margin:0;} 
h1 {font:bold 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#BE0715; padding:0 0 12px 0;} /* Page titles */
	h1.home {font-size:18px;}
h2 {font:bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#BE0715; padding:5px 0 3px 0;} /* sub-titles */
	h2.home {color:#fff; background:#000; height:24px; line-height:24px; padding:0 0 0 6px; margin:0 0 8px 0;}
/* sidebar titles */
#sidecol h2 {font:bold 24px arial,helvetica,sans-serif; color:#B61111; padding:0 0 12px 25px; background:url(images/icon-aop.gif) 0 2px no-repeat;}

p {margin:0; padding:0 0 12px 0; line-height:16px;}
p.intro {font:normal 14px verdana,arial,helvetica,sans-serif; line-height:22px; padding:0 0 15px 0;}
p.error {padding:0 0 10px 22px !important; background:url(admin/icons/warning.gif) 0 1px no-repeat; color:#de0000;}
p.thanks {color:#9E3E42 !important;}
ul, ol {padding:0; margin:0 0 12px 25px;}
li {line-height:16px; padding:0 0 5px 0; }

.hrule {background:url(images/hrule.gif) no-repeat; width:600px; height:38px; margin:0 auto;}
.hrulesunburst {background:url(images/hrule-sunburst.gif) no-repeat; width:600px; height:38px; margin:0 auto;}
hr {display:none;}

img {border:0;}
label {display:none;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div#printlogo {display:none;}

/* fix PNG transparency in IE6- 
#logo-kew, #logo-ve {behavior:url(scripts/iepngfix.htc);}*/

/* ---- forms ----------------------------------------- */
form {margin:0; font-family:verdana,sans-serif;}

/* ---- links ----------------------------------------- */
a {color:#C20715; text-decoration:underline;}  
a:visited {color:#C20715;}
a:hover {color:#666; text-decoration:none;}
a:active {color:#C20715;}
a:active, a:focus {outline:none;}

a.pdf {background:url(images/icon-pdf.gif) 0 1px no-repeat; padding:2px 0 2px 20px; line-height:16px;}
a.doc {background:url(images/icon-word.gif) 0 1px no-repeat; padding:2px 0 2px 20px; line-height:16px;}
a.jpg {background:url(images/icon-jpg.gif) 0 1px no-repeat; padding:2px 0 2px 20px; line-height:16px;}
a.video {background:url(images/icon-video.gif) 0 3px no-repeat; padding:2px 0 1px 16px; line-height:15px;}
a.audio {background:url(images/icon-audio.gif) 0 3px no-repeat; padding:2px 0 1px 16px; line-height:15px;}

/* ---- ids & classes ----------------------------------------- */
#frame {margin:0 auto; width:870px; background:transparent; text-align:left; position:relative;}
#sunburst {background:transparent url(images/sunburst.png) 0 0 no-repeat; top:0; left:470px; position:absolute; width:461px; height:311px; z-index:200;}

#header {position:absolute; top:0; left:-85px; height:240px; width:870px; background:transparent url(images/sunburst-sm.png) no-repeat; z-index:250;}
	#logo {width:400px; height:197px; background:url(images/logo.png) no-repeat; position:absolute; top:40px; left:170px; z-index:250;}
	#logo h1 {padding:0; margin:0; text-indent:-4000px;}
	#header #info {position:absolute; top:40px; left:730px;}
	#header p {line-height:15px;}
	
#sidebar {position:absolute; top:160px; left:0; width:160px; background:transparent; text-align:right; z-index:350;}
	#sidebar p {line-height:15px;}
	#navmenu {}
	#navmenu ul {list-style:none; margin:0 0 13px 0; padding:0;}
	#navmenu li {line-height:14px; display:block; padding:0; margin:0;}
	#navmenu a {font:bold 11px verdana,sans-serif; text-decoration:none; display:block; padding:1px 2px 1px 0;}
	#navmenu a:hover, #navmenu a.on {color:#fff; background:#000;}
	#navmenu a.on {}
	#sideinfo {padding:12px 0 10px 0;}
		#sideinfo a {color:#333;}
	p#facebook {line-height:16px;}
		p#facebook a {color:#333; background:url(images/icon-facebook.png) 0 0 no-repeat; padding:1px 0 3px 20px;}
	.bestof {padding:5px 0 6px 0; margin-left:50px;}
		.bestof a {display:block;}
		.bestof img {display:block; margin:0; border:0;}

#content {position:absolute; top:195px; left:230px; width:635px; background:transparent; z-index:300; min-height:400px;}
	/* home */
	img.home {display:block; margin:2px 0 12px 0;}
	#boxes {padding:0; margin-top:12px;}
		#boxes .box {width:290px;}
		#boxes .left {float:left;}
		#boxes .right {float:right;}
		#boxes ul {list-style:none; margin:0; padding:0;}
		#boxes li {}
	/* interior pages */
	
	
	/* 2-col with images */
	#lcol {float:left; width:305px;}
	#rcol {float:right; width:300px; margin-top:7px;}
		#rcol img {display:block; margin:0 0 3px 0;}
		#rcol p.caption {text-align:right; font:normal 10px/12px verdana,sans-serif; padding:0 0 30px 0; color:#666;}
	#rcolfloat {float:right; width:300px; margin-top:7px; padding:0 0 20px 30px;background:#fff;}
		#rcolfloat img {display:block; margin:0 0 3px 0;}
		#rcolfloat p.caption {text-align:right; font:normal 10px/12px verdana,sans-serif; padding:0 0 30px 0; color:#666;}
	
	/* Gallery */
	table.show {margin:10px 0 30px;}
		table.show td {vertical-align:top; padding:0 12px 0 0;}
		table.show td p {padding-top:0;}
	table#gallery {margin-bottom:30px;}
		table#gallery td {vertical-align:top; padding:0 10px 0 10px;}
		table#gallery td p {padding-top:0;}
	/* Gallery detail */
	table#galDisplay {margin:20px auto 0; width:550px; min-height:200px;} /* indiv photo display */
	table#galDisplay td {padding:0;}
	a#nextLink, a#prevLink {font-size:11px;}
	a#prevLink {background:url(images/prev.gif) no-repeat;}
	a#nextLink {background:url(images/next.gif) no-repeat;}
	a#nextLink:hover, a#prevLink:hover {}
	/* Playlists */
	ul#playlists {list-style:none; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #FEDADD;}
	ul.playlist {list-style:none; margin:0; padding:0;}
	/* Teachers */
	.teacherbox {padding:10px 0 20px 0;}
		.teacherbox h2 {padding:0 0 8px 0;}
		.teacherimg {float:left; width:200px; margin-right:20px;}
			.teacherimg img {display:block; margin:4px 0 0 0;}
		.teacherinfo {float:left; width:400px;}
	/* Workshops */
	.workshopbox {padding:10px 0 10px 0;}
		.workshopbox h2 {padding:0 0 8px 0;}
		.workshopimg {float:right; width:200px; margin:0 0 10px 20px;}
			.workshopimg img {display:block; margin:4px 0 0 0;}
		.workshopinfo {}
		.workshopinfo p {padding:0 0 8px 0;}
	/* News */
	.newsbox {padding:10px 0 10px 0;}
		.newsbox h2 {padding:0 0 6px 0; margin:0;}
		.newsboximg {float:left; width:200px; margin:0 20px 10px 0;}
			.newsbox img {display:block; margin:4px 0 0 0;}
		.newsbox p {padding:0 0 8px 0;}
	/* classes & schedule */
	table#scheduletable {margin:20px auto 20px; border-collapse:collapse;}
		table#scheduletable td {padding:8px; border:1px solid #999;}
	
#footer {background:url(images/bg-footer.gif) -5px 0 no-repeat; padding-top:45px; margin-top:15px;}
	#footer p {color:#999; padding:0 0 8px 0; line-height:14px;}
	#footer p#props {color:#ccc;}
	#footer p#props a {color:#ccc;}
	
	
/* form tables */
table#formTable {margin:0px 10px 10px 0;}
	table#formTable td {vertical-align:top; padding:4px; font-size:11px;}
	table#formTable td.right {text-align:right; background:none !important;}
	table#formTable td input {width:296px; border:1px solid #ccc; padding:2px;}
	table#formTable td textarea {width:296px; height:200px; border:1px solid #ccc; padding:2px;}
	table#formTable td input.button {width:auto; background:#eee; padding:2px;}
	
/* contact form */
table#contactTable {margin:15px 0 5px 12px;}
table#contactTable td {vertical-align:top; padding:4px; text-align:right;}
table#contactTable td label {}
table#contactTable td.left {text-align:left;}
table#contactTable td span {color:red; font-size:14px;}
table#contactTable td form {}
	table#contactTable td input {width:265px;}
	table#contactTable td textarea {width:265px; height:80px;}
	table#contactTable td input.button {width:60px;}
	
		
/* ---- admin panel styles -------------------- */
#adminmenu {font-size:10px; margin:3px 3px 0 0; position:absolute; right:0; top:0; 
	border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:170px; z-index:300;}
	#adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;}
	#adminmenu table td {padding:3px;}
	#adminmenu img {margin-left:6px;}
	#adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;}
	#adminmenu a:hover {color:red;}