/*
Theme Name: Transformations Theme
Theme URI: http://davidcdeal.com
Description: David C. Deal's Custom Theme
Version: 2.2
Author: Jon M. Spencer
*/


/* =========

1.0 UNIVERSAL RESETS
2.0 GENERIC CLASSES
3.0 GENERAL STRUCTURE
4.0 HEADINGS
5.0 BRANDING
6.0 LINKS
7.0 PARAGRAPHS
8.0 BLOCKQUOTES AND CITATIONS
9.0 FORMS
10.0 LISTS
11.0 TABLES
12.0 MISC PRESENTATION ELEMENTS
13.0 IMAGES
14.0 META
15.0 ACCESSIBILITY
16.0 PAGE SPECIFIC

Color Guide:

BLUEGREY! : #272731

========= */


/* 1.0 UNIVERSAL RESETS ------------------------------------------ */

* 										{ margin:0;padding:0;} 
html, body, ul, li, img 				{ padding: 0; margin: 0; border: 0; }
a 										{ outline: none; }
img 									{ border: none; }
h1 										{ margin: 0px; }
h2, h3, h4, h5, h6 						{ margin:2px 0px 2px 0px;}

/* Superscript reset to prevent line-height breaking */
sup 									{ vertical-align: 0; position: relative; bottom: 1ex; }


/*
2.0 GENERIC CLASSES
------------------------------------------
*/
/* Utility class to clear an element */
.clear 									{ clear: both; }
.clear100								{ clear:both; height:100px; width:100%; }
br.clear 								{ height: 0 !important; display: block; }
.clearfix:after 						{ content: "."; display: block; height: 0px; line-height: 0px; clear: both; visibility: hidden; }
.clearfix 								{ display: inline-block; }
/* Hide from IE Mac \*/
.clearfix 								{ display: block; }
/* End hide from IE Mac */
* html .clearfix 						{ height: 1px; }

/* Generic class to set up image replacements */
.replaced 								{ text-indent: -1000em; overflow: hidden; background-repeat: no-repeat; display: block; }

/* Generic class to hide elements (such as Flash to account for Thickbox issues) */
.hidden 								{ visibility: hidden !important; }
.error 									{ color: red; }
.fright 								{ float: right; }
.fleft 									{ float: left; }

/* remember to define focus styles! */
:focus 									{ outline: 0; }



/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/
body 									{ line-height:170%;
										  font-size:0.71em;
										  letter-spacing:0.1em;
										  font-family: Arial, Helvetica, sans-serif;
										  font-weight:lighter;
										  background-image:url(../../../images/bg/bgorion.jpg);
										  background-repeat:no-repeat;
										  background-position:center top;
										  background-attachment:fixed;
										  background-color:#000;
										  color:#DDD;
										  text-shadow:#000 -1px -1px 0px;}
										  
p										{ text-align:justify; margin:5px 0px 15px 0px;  }

.big									{ font-size:120%; font-weight:lighter; }

.tiny									{ font-size:80%; }
										  
.logo									{ background-image:url(../../../images/newlogo.png);
										  background-repeat:no-repeat; 
										  background-position:center;
										  width:960px;
										  height:110px;
										  margin:50px 0px 20px 0px;}

.wrap									{ width:960px; margin:0 auto; }

#subnav									{ padding:20px 0px 20px 0px;
										  margin:-15px 0px 10px 0px;
										  width:100%;
										}

.bar									{ 
										/*
										  background-image:url(../../../images/headerbg.png); 
										  background-repeat:repeat-x;
										*/
									      background-image:url(../../../images/bg/5px70pcbk.png);	
										  height:100px; 
										  width:100%;
										  margin:50px 0px 20px 0px; }
										  
.footbar								{ background-image:url(../../../images/bg/5px70pcbk.png);	
										  height:200px; 
										  width:100%;
										  padding:0px;
										  margin:50px 0px 20px 0px;
										  border-top: 1px #000 double; }
										  
.davinci								{ background-image:url(../../../images/bg/footerbg.png);
										  background-repeat:no-repeat; 
										  background-position:center; 
										  height:200px;
										  width:100%; }
										  
#bottom									{ color:#444; font-size:10px; text-shadow:#000 1px 1px 1px;  }

.homeposts								{ width:400px; 
										  padding:20px; 
										  float:right;background-image:url(../../../images/bg/5px70pcbk.png);margin:20px 0px 20px 20px; }

.hppost									{ display:block; margin:10px 0px 10px 0px; background-color:#000; height:60px;  }

.hppost:hover							{ background-color:#272731; }

.postdateright							{ float:right; 
										  padding:20px 10px 20px 10px; 
										  color:#aaa; 
										  text-shadow:none; 
										  border-left:#111 1px solid; 
										  width:50px; 
										  height:20px; 
										  text-align:left;
										  font-size:9px; }

.posttitle 								{ float:left; padding:10px; width:300px; font-size:115%; display:block; }

.contfull								{background-image:url(../../../images/bg/5px70pcbk.png);padding:20px;
										  width:920px;
										  display:inline-block;
										  margin:10px 0px 10px 0px; }
										  
.excerptA								{ margin:5px 0px 40px 0px; 
										  background-image:url(../../../images/quotes2.png);
										  background-repeat:no-repeat; 
										  background-position:0px 0px;
										  padding:0px 0px 0px 70px;
										  height:100px; }
										  
.excerptA:child							{background-image:url(../../../images/bg/5px70pcbk.png);}		
										  
.pagecontA								{ width:500px; 
										  float:right;  
										  padding:20px; 
										  margin:0px 0px 0px 20px;
										  background-image:url(../../../images/bg/5px70pcbk.png);  }
										  
.pagecontB								{ width:540px;
										  float:right;
										  padding:20px;
										  margin:0px 0px 0px 20px;
										  background-image:url(../../../images/bg/5px70pcbk.png);}
										  
									  
.pagecontC								{ margin:0px 0px 20px 0px;
										  float:right; 
										  width:510px; }
										  
.black70								{ background-image:url(../../../images/bg/5px70pcbk.png);
										  padding:20px; }
										  
										  

	.contfull .pagecontA img			{ margin:-30px 0px 0px -400px; clear:both;  }

.cont1L									{ background-image:url(../../../images/bg/5px70pcbk.png);padding:20px;
										  margin:20px 0px 20px 0px;
										  float:left; 
										  width:460px;
										  display: inline-block;										  
										  }
										  
.reviewcont								{ float:left; margin:20px 20px 0px 0px; width:300px; }




										  



/*
4.0 HEADINGS
------------------------------------------
*/

h1, h2, h3, h4, h5, h6 					{ color:#FFF; }

h1 {  }
h2 {  }
h3 {  }
h4 {  }
h5 {  }

/*Discography Subtitles*/

.trackno								{ font-size:80%; float:left; }

.tracktitle								{ font-size:135%; float:left; text-transform:uppercase; color:#FFF; text-shadow:#000 -1px -1px 0px; }

.tracktime								{ font-size:80%; float:right; }





/*TRANS HEADERS 4.1 ----------------------------------------------------------------------------------------------------------------*/


.purchasetranshdr						{ background-image:url(../../../images/headers/purchasetranshdr.png); 
										  background-repeat:no-repeat;
										  width:280px; 
										  height:12px;
										  float:right; 
										  margin-left:10px; }

.translyricshdr							{ background-image:url(../../../images/headers/translyricshdr.png); 
										  height:12px;
										  width:221px; 
										  float:right;
										  margin-left:10px; }	
										  
.transhdr								{ height:15px;
										  width:275px; 
										  background-image:url(../../../images/headers/transhdr.png); 
										  background-repeat:no-repeat; 
										  float:right;
										  margin: 30px 0px 2px 0px; }
										  
.trans2009hdr							{ background-image:url(../../../images/headers/trans2009hdr.png);
										  background-repeat:no-repeat; 
										  float:right; 
										  width:277px; 
										  height:25px; }
										  
.abouttranshdr							{ background-image:url(../../../images/headers/abouttranshdr.png);
										  background-repeat:no-repeat;
										  height:12px; 
										  width:181px;
										  float:right;
										  margin-left:10px;}
										  

										  
/*--------------------------------------------------------------------------------------------------------------------------------*/
/*HS HEADERS 4.2 ---------------------------------------------------------------------------------------------------------------------*/


.hslyricshdr							{ background-image:url(../../../images/headers/hslyricshdr.png);
										  background-repeat:no-repeat;
										  height:12px; 
										  width:206px;
										  float:right;
										  }
										  
.hshdr									{ background-image:url(../../../images/headers/hshdr.png); 
										  background-repeat:no-repeat; 
										  float:right; 
										  width:253px; 
										  height:25px; }
										  
										  
									  
/*--------------------------------------------------------------------------------------------------------------------------------*/
									  


.recentposts							{ height:15px; 
										  width:112px; 
										  background-image:url(../../../images/headers/recentposts.png); 
										  background-repeat:no-repeat; 
										  float:right; 
										  }

.newsongs								{ height:15px;
										  width:270px;
										  background-image:url(../../../images/headers/newsongs.png); 
										  background-repeat:no-repeat; 
										  float:right;
										  margin: 30px 0px 2px 0px; 
										  }
										  

										  
.commenthdr								{ background-image:url(../../../images/headers/commenthdr.png); 
										  background-repeat:no-repeat; 
										  float:right; 
										  width:189px; 
										  height:14px; }
										  


										  
.abouthdr								{ background-image:url(../../../images/headers/abouthdr.png); 
										  background-repeat:no-repeat; 
										  float:left; 
										  width:190px; 
										  height:25px; }

.dischdr								{ background-image:url(../../../images/headers/dischdr.png); 
										  background-repeat:no-repeat; 
										  float:left; 
										  width:202px; 
										  height:25px; }

.honorshdr								{ background-image:url(../../../images/headers/honorshdr.png); 
										  background-repeat:no-repeat; 
										  float:left; 
										  height:25px; 
										  width:487px; }

.reviewshdr								{ background-image:url(../../../images/headers/reviewshdr.png); 
										  background-repeat:no-repeat; 
										  float:left; 
										  height:25px; 
										  width:370px; }
										  
.tracklistinghdr						{ background-image:url(../../../images/headers/tracklistinghhdr.png); 
									      background-repeat:no-repeat;
										  float:right;
										  width:106px; 
										  height:14px;
										  margin:30px 0px 0px 0px; }
										  
.tracklistinghdr						{ background-image:url(../../../images/headers/tracklistinghhdr.png); 
									      background-repeat:no-repeat;
										  float:right;
										  width:106px; 
										  height:14px;
										  margin:5px 0px 0px 0px; }



/*
5.0 BRANDING
------------------------------------------
*/


.TransC									{ height:370px; 
										  width:406px; 
										  background-image:url(../../../images/TransC.jpg); 
										  background-repeat:no-repeat; 
										  float:left;
										  margin: 0px 20px 20px 0px; } 
										  
.HSC									{ width:406px;
										  height:370px; 
										  background-image:url(../../../images/HSC.jpg);
										  background-repeat:no-repeat;
										  margin: 0px 20px 20px 0px;
										  float:left;
										}


/*
6.0 LINKS
------------------------------------------
*/

a										{ font-weight:lighter; font-size:80%; font-variant:small-caps; text-transform:uppercase;  }

a:link, a:visited 						{ color:#a9b7da; 
										  text-decoration:none;
										  text-shadow:#000 1px 0px 0px;
										  letter-spacing:0.1em;										  
										  }

a:hover, a:active						{ color:#FFF; text-decoration:none; text-shadow:none; }

.fullreview								{ background-image:url(../../../images/readfullreview.png); 
										  background-repeat:no-repeat; 
										  width:123px; 
										  height:11px; 
										  float:right; 
										  margin:0; 
										  padding:0; }

.click									{ display:block; height:100%; width:100%; text-indent:-999em; }

.click2									{ display:block; height:100%; width:100%; padding:0; margin:0; }

.click3									{ display:block; height:100%; width:100%; padding:5px; margin:0; background-image:url(../../../images/bg/5px70pcbk.png); }

.nav									{ background-image:url(../../../images/navsprite2.png); float:left; height:100px; background-repeat:no-repeat;   }

/*
#about									{ background-position:0px 0px; width:120px; }
#about:hover							{ background-position: 0px -101px; } */

#about									{ background-position:0px 0px; width:120px; }

/*
#disc									{ background-position:-120px 0px; width:120px; }
#disc:hover								{ background-position:-120px -101px; } */

#disc									{ background-position:-120px 0; width:120px; }

/*
#logo									{ background-position:-240px 0px; width:480px; }
#logo:hover								{ background-position:-240px -101px; } */

#logo									{ background-position:-240px 0px; width:480px; }

/*
#reviews								{ background-position:-720px 0px; width:120px;  }
#reviews:hover							{ background-position:-720px -101px; } */

#reviews								{ background-position:-720px 0px; width:120px; }

/*
#contact								{ background-position:-840px 0px; width:120px; }
#contact:hover							{ background-position:-840px -101px; } */

#contact								{ background-position:-840px 0px; width:120px; }


.paypal1								{ background-image:url(../../../images/bg/5px70pcbk.png); padding:20px; float:left; }

.adobereader							{ width:158px; height:39px; 
										  background-image:url(../../../images/get_adobe_reader.png); 
										  background-repeat:no-repeat; 
										  float:right; }





/*
7.0 PARAGRAPHS
------------------------------------------
*/

.transformationsp						{
										  font-family:Georgia, serif;
										  font-style:italic;
										  background-image:url(../../../images/quotes2.png);
										  background-repeat:no-repeat;
										  text-align:justify;
										  font-size:13px;
										  padding:10px 10px 10px 70px;
										  line-height:200%;
										  margin:10px 0px 10px 0px;}

.transformationsp:first-letter			{ font-size:300%; 
										  font-weight:lighter; 
										  text-align:left; 
										  vertical-align:bottom; 
										  padding:5px 5px 15px 0px;
										  font-family:Adobe Caslon Pro, Hoefler Text, Georgia, serif; }
										  
.lyricbox								{ background-image:url(../../../images/bg/5px70pcbk.png); 
									      padding:20px;
										  display:inline-block; 
										  width:920px;
										  margin: 0px 20px 20px 0px;} 



/*
8.0 BLOCKQUOTES AND CITATIONS
------------------------------------------
*/


/*
9.0 FORMS
------------------------------------------
*/

.textbox								{ background-image:url(../../../images/bg/5px70pcbk.png); 
										  padding:20px; 
										  margin:20px; 
										  color:#FFF; 
										  font-size:14px; 
										  background-color:transparent;
										  border:none; }
										  
.button									{ background-image:url(../../../images/bg/5px70pcbk.png); 
										  padding:5px; 
										  color:#FFF; 
										  background-color:transparent;
										  border:none; }

.field									{ background-image:url(../../../images/bg/5px70pcbk.png); 
										  padding:5px; 
										  color:#FFF; 
										  background-color:transparent;
										  border:none;  }

/*
10.0 LISTS
------------------------------------------
*/
ul, ol 									{ padding: 0; margin:0; list-style-image: none; list-style-position: outside; list-style-type: none;  }
ul li 									{ padding: 0; margin:0;  }

.trackul								{ float:right; 
										  width:400px;  }

.trackli								{ padding:10px 5px 10px 40px; 
										  margin:5px 0px 5px 0px;
										  background-image:url(../../../images/links/iTunes.png);
										  background-repeat:no-repeat;
										  background-position: 0px 11px;
										}
										
.trackli a								{ font-size:101%; }

.trackol2								{ width:406px; float:left; margin:20px; padding:0px;  }

.trackli2								{ width:100%; padding:10px 5px 10px 5px; margin:5px 0px 5px 0px;  }

.itunes									{ background-image:url(../../../images/links/iTunes.png);
										  background-repeat:no-repeat;
										  background-position:360px 12px; }
										  



/*
11.0 TABLES
------------------------------------------
*/





/*
12.0 MISC PRESENTATION ELEMENTS
------------------------------------------
*/

.drule									{ width:100%; height:1px; border-bottom:1px #666 dotted; margin:2px 0px 15px 0px;  }

.comments								{ float:right; margin:0px 18px 0px 0px; }

.nocomments								{ text-transform:uppercase; font-size:70%; letter-spacing:0.2em; color:#222; }

.onecomment								{ text-transform:uppercase; font-size:70%; letter-spacing:0.2em; color:#999; }

/*
13.0 IMAGES
------------------------------------------
*/

.cont1L img								{ margin:0px 50px 50px 0px; 
										  float:left; 
										  clear:both; 
										  background-image:url(../../../images/bg/5px70pcbk.png); 
										  padding:10px;  }

.contfull img							{ margin:0px 50px 50px 0px; 
										  float:left; 
										  clear:both; 
										  background-image:url(../../../images/bg/5px70pcbk.png); 
										  padding:10px; }


/*
14.0 META
------------------------------------------
*/


/*
15.0 ACCESSIBILITY
------------------------------------------
*/


/*
16.0 PAGE SPECIFIC
------------------------------------------
*/

/*TRANSFORMATIONS PAGE*/

.transleft								{ width:406px; float:left; display:inline-block; margin:0px 20px 20px 0px; overflow:hidden;  }

/*HOME PAGE*/

#slider 								{
   										 width: 960px; /* important to be same as image width */
   										 height: 300px; /* important to be same as image height */
   										 position: relative; /* important */
									     overflow: hidden; /* important */
										 background-image:url(../../../images/headers/sbg.png); 
	 									 background-repeat:no-repeat;
								
										}
										
#sliderContent 							{width: 960px; /* important to be same as image width or wider */
										 padding:20px 20px 25px 20px;
   										 position:absolute;
										 top: 0;
										 margin-left: 0;
										}
										
.sliderImage 							{
    									 float: left;
    									 position: relative;
										 display: none;
										}
										
.sliderImage span 						{
    									 position: absolute;
										 font: 10px/15px Arial, Helvetica, sans-serif;
   										 padding: 10px;
  										 width: 900px;
   										 background-color: #000;
   										 filter: alpha(opacity=70);
   										 -moz-opacity: 0.7;
										 -khtml-opacity: 0.7;
  										 opacity: 0.7;
   										 color: #fff;
										 text-shadow:none;
   										 display: none;	
										}

.top 									{ top: 0; left: 0; }

.bottom 								{ bottom: 0; left: 0; }



/*     ------------------     CONTACT FORM     ------------------        */

/* Form style */

label 									{ display: inline-block; 
										  float: left; 
										  height: 26px; 
										  line-height: 26px; 
										  width: 155px; 
										  font-size: 1.5em; }
										  
input, textarea, select 				{ margin: 0; 
										  padding: 5px; 
										  color: #666; 
										  background: #f5f5f5; 
										  border: 1px solid #ccc; 
										  margin: 5px 0; 
										  -moz-border-radius: 5px; 
										  -webkit-border-radius:5px; }
										  
input:focus, textarea:focus, select:focus 				{ border: 1px solid #999; 
										    			  background-color: #fff; 
														  color:#333; }
											
										
input.submit 							{ cursor: pointer; 
										  border: 1px solid #222; 
										  background:#333; 
										  color:#fff; 
										  -moz-border-radius: 5px; 
										  -webkit-border-radius:5px; }
										  
input.submit:hover 						{ background:#444; }

fieldset 								{ padding:20px; 
								          border:1px solid #eee; 
										  -moz-border-radius: 5px; 
										  -webkit-border-radius:5px; }

legend 									{ padding:7px 10px; 
										  font-weight:bold; 
										  color:#000; 
										  border:1px solid #eee; 
										  -moz-border-radius: 5px; 
										  -webkit-border-radius:5px; }

span.required							{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */