/*
Theme Name: Wil Dance Fit
Description: The theme for the Wil Dance Fit web site
Version: 1.0
Author: Jad Santos
Tags: wil dance fit
*/

/*
 * form elements
 */
/************************* 
	forms
*************************/	
.basicform label					{
													display: block;
													text-align: left;
													font-weight: normal;
													text-transform: lowercase;
													}
											
.basicform label em				{
													font-size: 85%;
													font-style: italic;
													display: block;
													}

.basicform label.small		{
				                  width: 4em;										
													}
										
.basicform label.large		{
				                  width: 24em;										
													}

.basicform .sameline			{
													float: left;
													margin-right: 0.5em;
													}

.basicform .fieldgroup		{
													clear: both;
													padding-top: 0.5em;
													display: block;
													overflow: hidden;
													}

.basicform .last					{
													overflow: auto;
													}

.validationerror					{
													border: 3px solid #F00;
													background: #EEE;
													padding: 0.5em;
													margin: 1em 0;
													}
										
.validationerror h5				{
													margin: 0.5em 0;
													}
										
.validationerror p				{
													margin: 1.25em 0 0.5em 0;
													}

.validationerror ul				{
													list-style: disc;
													}
										
.validationerror li				{
													margin-left: 1.5em;
													}	
										
.success									{
													border: 3px solid #006400;
													background: #EEE;
													padding: 0.5em;
													margin: 1em 0;
													font-weight: 700;
													}
											
.basicform .fieldgroup select	{
													margin-top: 0;
													}											

.basicform textarea				{
													height: auto;
													width: auto;
													}

.basicform .btn						{
													vertical-align: middle;
													}

.basicform .instruct			{
													margin: 0.5em 0;
													}


body							{
									background: #000;
									}

/*
 * header
 */
#hd #logo					{
									text-align: center;
									}

#hd #logo #mast,
#hd #logo	h1			{
									background: url(i/logo.gif) center center no-repeat;
									text-indent: -1000em;
									height: 82px;
									width: 404px;
									margin: 0.5em auto;
									} 
									
#hd #logo #mast		{
									margin: 1.5em auto;
									}

#hd #logo #mast a {
									display: block;
									height: 82px;
									width: 404px;
									}

#mainmenu	ul			{
									list-style: none;
									margin: 0;
									overflow: hidden;
									width: 942px;
									height: 43px;
									background: url(i/mmbg.gif) top left no-repeat;
									}
									
#mainmenu li			{
									display: block;
									float: left;
									width: 105px;
									}

#mainmenu a				{
									color: #FFF;
									text-decoration: none;
									background: url(i/mmsil.gif) 8px 1px no-repeat;
									display: block;
									height: 30px;
									width: 70px;
									padding: 10px 0 0 35px;
									font-weight: 700;
									}

#mainmenu .skinny		{
									width: 77px;
									}

#mainmenu .skinny	a,
#mainmenu .skinny	a:hover
									{
									width: 42px;
									}

#mainmenu a:hover	{
									background: url(i/mmbgon.gif) 0 1px no-repeat;
									width: 70px;
									}

#mainmenu #mmbio	{
									margin-left: 2px;
									}

#mainmenu #mmbio:hover	{
									background-position: 0 1px;
									}

#mainmenu #mmcon:hover	{
									background-position: 0 1px;
									}

#mainmenu #mmcla:hover	{
									background-position: -105px 1px;
									}

#mainmenu #mmfit:hover	{
									background-position: -105px 1px;
									}

#mainmenu #mmgal:hover	{
									background-position: -210px 1px;
									}

#mainmenu #mmcli:hover	{
									background-position: -315px 1px;
									}

#mainmenu #mmcal:hover	{
									background-position: -420px 1px;
									}

#mainmenu .med a	{
									width: 107px;
									}
									
#mainmenu #mmfaq:hover	{
									background-position: -756px 1px;
									}

/* testimonials is a long menu item.  boo! */									
#mainmenu .wide		{
									width: 125px;
									}

#mainmenu .wide	a	{
									width: 90px;
									}

#mainmenu #mmtes:hover	{
									background-position: -630px 2px;
									width: 89px;
									}

#wil-son-williams #mainmenu #mmbio	{
									background: url(i/mmbgon.gif) 0 1px no-repeat;
									}

#classes #mainmenu #mmcla	{
									background: url(i/mmbgon.gif) -105px 1px no-repeat;
									}

#photos #mainmenu #mmgal	{
									background: url(i/mmbgon.gif) -210px 1px no-repeat;
									}

#videos #mainmenu #mmcli	{
									background: url(i/mmbgon.gif) -315px 1px no-repeat;
									}

#calendar #mainmenu #mmcal	{
									background: url(i/mmbgon.gif) -420px 1px no-repeat;
									}

#testimonial #mainmenu #mmtes	{
									background: url(i/mmbgon.gif) -630px 1px no-repeat;
									width: 90px;
									}

#fit-shop #mainmenu #mmfit	{
									background: url(i/mmbgon.gif) -105px 1px no-repeat;
									}

#faq #mainmenu #mmfaq	{
									background: url(i/mmbgon.gif) -756px 1px no-repeat;
									}

#contact #mainmenu #mmcon	{
									background: url(i/mmbgon.gif) 0 1px no-repeat;
									}

/*
 * footer
 */
#ft								{
									text-align: center;
									margin-top: 0.5em;
									width: 937px;
									}
			 
#ft #footlinks		{
									background-color: #505050;
									padding: 0.5em;
									text-align: center;
									}

#ft #footlinks ul	{
									list-style: none;
									margin: 0;
									}
									
#ft #footlinks li	{
									display: inline;
									border-right: 1px solid #FFF;
									}

#ft #footlinks li.last	{
									border-right: none;
									}
									
#ft #footlinks a	{
									color: #FFF;
									text-decoration: none;
									padding: 0 1em;
									}

#ft #cr						{
									color: #FFF;
									margin-top: 1.5em;
									font-size: 0.9em;
									}

/*
 * common styles
 */
.post							{
									width: 937px;
									padding-top: 0.5em;
									margin-top: 0.5em;
									line-height: 2;
									}

.post h1					{
									color: #FFF;
									}
									
#bio .post				{
									background: #FFF url(i/bgred.jpg) top left no-repeat;
									}

#classes .post		{
									background: #FFF url(i/bggre.jpg) top left no-repeat;
									}

#photos .post			{
									background: #FFF url(i/bgora.jpg) top left no-repeat;
									}

.video.post,
#videos .post			{
									background: #FFF url(i/bgpur.jpg) top left no-repeat;
									}

#calendar .post		{
									background: #FFF url(i/bgblu.jpg) top left no-repeat;
									}

#clients .post		{
									background: #FFF url(i/bgpur.jpg) top left no-repeat;
									}

/*
 * faq
 */
#faq .post				{
									background: #FFF url(i/bgsky.jpg) top left no-repeat;
									}

#faq .pagecopy h2 {
									margin-bottom: 0;
									}

#faq .pagecopy h2 a {
									color: #666;
									font-size: 1.5em;
									text-decoration: none;
									}									
									
#faq #submenu			{
									margin-bottom: 1em;
									}
									
#faq #submenu a		{
									color: darkblue;
									text-transform: uppercase;
									letter-spacing: 1px;
									}									
	
#contact .post		{
									background: #FFF url(i/bgred.jpg) top left no-repeat;
									}

#sign-up .post		{
									background: #FFF url(i/bgred.jpg) top left no-repeat;
									}

#fit-shop .post		{
									background: #FFF url(i/bggre.jpg) top left no-repeat;
									}

#sign-up .post		{
									background: #FFF url(i/bggra.jpg) top left no-repeat;
									}

#testimonial .post	{
									background: #FFF url(i/bgred.jpg) top left no-repeat;
									}

.leftcol					{
									float: left;
									margin-right: 13px;
									}
 
 p								{
 									margin: 0 auto 1.5em auto;
 									}
 
 p+p							{
 									text-indent: 0;
 									}

p img							{
									margin: 0;
									}
									
.pagecopy					{
									margin-top: 20px;
									margin-right: 302px;
									margin-left: 30px;
									}									

#calendar .pagecopy,
#bio .pagecopy		{
									margin-right: 115px;
									}
									
div.subbox				{
									background: url(i/bgbox.gif) top left no-repeat;
									margin-right: 20px;
									color: #FFF;
									}

/*
 * home page
 */
#home-page #bd p	{
									margin: 0;
									}
									
#home-page #bd .post	{
									text-align: center;
									width: 100%;
									background-image: none;
									background-color: #000;
									}

#home-page h2			{
									text-indent: -1000em;
									margin-top: 5px;
									}

#home-page #signup h2	{
									background: url(i/hdsignup.gif) 20px 5px no-repeat;
									height: 74px;
									}

#home-page #signup p {
									text-transform: uppercase;
									}

#home-page #signup label	{
									letter-spacing: 1px;
									}

#home-page #signup #submit	{
									text-align: right;
									margin-top: 5px;
									margin-right: 40px;
									}

#home-page #calendar h2	{
									background: url(i/hdcalendar.gif) 21px top no-repeat;
									height: 79px;
									}

#home-page #calendar #fullcal	{
												text-align: right;
												margin-top: 1em;
												padding-right: 40px;
												font-size: 0.85em;
												}

#home-page #calendar li a	{
												text-decoration: none;
												}

#home-page #calendar li a:hover	{
												text-decoration: underline;
												}

#home-page #calendar ul,
#home-page #twitter ul	{
												margin: 0 0 0 40px;
												width: 225px;
												}
												
#home-page #twitter h2	{
									background: url(i/hdtwitter.gif) 21px top no-repeat;
									height: 79px;
									}

#home-page #subboxes	{
									padding-top: 20px;
									clear: both;
									background-color: #000;
									}

#home-page #socials a	{
									margin-right: 20px;
									}

#twitter ul				{
									list-style: disc;
									text-align: left;
									}

#calendar					{
									text-align: left;
									}

#calendar a				{
									color: #FFF;
									}
									
#twitter ul a			{
									color: #FFF;
									}
									
/*
 * bio page
 */
#wil-son-williams	#bd .post {
									background: #FFF url(i/bgred.jpg) top left no-repeat;
									}		

/*
 * sign-up page
 */
#sign-up .basicform h2	{
									margin-bottom: 0;
									margin-top: 1em;
									text-transform: uppercase;
									} 
 
/*
 * calendar page
 */
#calendar #bigcal				{
												list-style: none;
												}
												
#calendar #bigcal h2		{
												margin-bottom: 0.5em;
												font-size: 1.25em;
												font-weight: 700;
												}

#calendar #bigcal h2 a	{
												color: #000;
												text-decoration: none;
												}

#calendar #bigcal li		{
												margin-bottom: 1.5em;
												}
												
/*
 * gallery page
 */
#photos h2.album_title,
#photos .album h2 			{
												font-size: 1.5em;
												margin-bottom: 0;
												}

#photos .album h2 a			{
												text-decoration: none;
												}

#photos .thumbs img,
#photos .album img			{
												border: 1px solid #000;
												padding: 2px;
												}

#photos .albumlist			{
												list-style: none;
												margin: 0;
												}
												
#photos .albumlist li		{
												float: left;
												margin-right: 25px;
												}
												
#photos .albumlist .alt	{
												font-family: inherit;
												}												

#photos .albumlist .alt	h2 {
												font-style: normal;
												}												

#photos .albumlist .alt p.description {
												font-size: inherit;
												font-style: normal;
												color: #000;
												}

#photos .thumbs ul			{
												list-style: none;
												margin: 0;
												display: block;
												overflow: auto;
												margin-bottom: 25px;
												}
												
#photos .thumbs li			{
												float: left;
												margin-right: 25px;
												}

#photos div.prev				{
												display: inline;
												}
										
#photos div.next				{
												display: inline;
												margin-left: 1.5em;
												}
												
#photos h3.imagetitle		{
												display: none;
												}

#photos .album .description	{
												display: none;
												}
/*
 * videos
 */
#videos .pagecopy 			{
												margin-right: 200px;
												}

#videos .vidlist				{
												list-style: none;
												margin: 0 0 25px 0;
												overflow: hidden;
												}
												
#videos .vidlist li			{
												float: left;
												margin-right: 25px;
												}