/*  

Stylesheet Title:			 		uLachi.com
  Version: 							0.1
  Pages applied to:					Lachi's Web site

Original Author: 					Jeff Lagasca
Original Publish Date: 				March 20, 2008

Last Edited By:			 			Jeff Lagasca
Last Edited on: 					March 20, 2008

Copyright 2008, Sosauce - This CSS document may not be reproduced for use outside of Sosauce.com

*/

*									{	position: relative;
										border: none;
										outline: none;}

body								{	padding: 0px;
										margin: 0px;
										font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; font-size: 70%;
										background: #ececec url('images/bgLachi.gif') top center no-repeat;
										  -letter-spacing: 1px;}
										
a:link,
a:visited							{	color: #ffc;
										text-decoration: none;}

a:hover,
a:visited:hover						{	color: #CD69C9;
										text-decoration: none;}
	
.main								{	width: 950px; height: 600px;
										margin: 25px auto 0px auto;}
										

  .topRow							{	width: 950px; height: 20px;}
  
  
    .topRow .mailingListEntry		{	width: 355px; height: auto;
    									float: right;
    									margin: -3px 0px -2px 0;
    									padding: 0px;}
    
      .mailingListEntry input		{	width: 275px; height: 15px;
      									float: left;
      									padding: 1px 2px 3px 2px;
    									background: transparent url('images/bgMailingList.png') top left no-repeat;}
    
      .mailingListEntry img			{	cursor: pointer;}
      
      input.btnSubmitEmail			{	width: auto; height: auto; 
      									background: none; 
      									margin: -1px 0 0 -2px;}
    
    .topRow .musicPlayer			{	width: 325px; height: 20px;
    									background: transparent url('images/bgMusicPlayer.png') top left no-repeat;
    									  _margin-bottom: -21px;}
  	
  .showcase0,
  .showcase1						{	width: 950px; height: 575px;
  										background: transparent url('images/bgShowcase.png') top left no-repeat;}
  	
  	.showcase1						{	background: transparent url('images/bgShowcase1.png') top left no-repeat;}	
  	
  	.showcase0 .latestUpdates,
  	.showcase1 .latestUpdates		{	width: 325px; height: auto;
  										float: right;
  										margin: 5px 10px 0 0;}
  	
  	  .latestUpdates .title			{	display: block;
  	  									font-size: 125%; color: #ececec;
  	  									margin: 5px 0 2px 0;}
  		
  	.imgTitle						{	clear: left;}
  											
    .showcase0 ul,
    .showcase1 ul					{	list-style: none;
    									list-style-type: none;}
    									
    .showcase0 li.photo,
    .showcase1 li.photo				{	float: left;
    									margin: 0 4px 2px 0;}
    
      li.photo img					{	border: 1px solid #111;}
    									
    .showcase0 ul.networkList li,
    .showcase1 ul.networkList li	{	float: left;
    									margin: 0 5px 3px 0;}
   
  #nav,
  .nav0,
  .nav1thoughts,
  .nav1contact,
  .nav1merchandise,
  .nav1about,
  .nav1media,
  .nav1shows,
  .nav1news							{	width: 500px; height: 180px;
  										position: absolute;
  										bottom: 15px; left: 15px;}		
  
  
  .nav1thoughts						{	background: transparent url('images/nav1thoughts.png') top left no-repeat;}
  .nav1contact						{	background: transparent url('images/nav1contact.png') top left no-repeat;}
  .nav1merchandise					{	background: transparent url('images/nav1merchandise.png') top left no-repeat;}					
  .nav1about						{	background: transparent url('images/nav1about.png') top left no-repeat;}
  .nav1media						{	background: transparent url('images/nav1media.png') top left no-repeat;}
  .nav1shows						{	background: transparent url('images/nav1shows.png') top left no-repeat;}
  .nav1news							{	background: transparent url('images/nav1news.png') top left no-repeat;}									
  										
 
.infoWindow							{	width: 575px; height: 370px;
										float: left;
										margin: 15px 0 0 15px;
										overflow: hidden;}

  .infoWindow .copy					{	margin: 0 0 0 45px;}

    .infoWindow .copy img			{	float: left;
  										margin: 0 10px 5px 0;
  										padding: 3px;
  										background: #fff;}	  							
 
    .infoWindow .discImage			{	float: left;
    									  *width: 200px;}
 
    .infoWindow .discTitle			{	font-size: 125%; color: #ddd;
    									  *margin-left: 20px;}
 
    .infoWindow .copy ol			{	margin: 5px 0 0 195px;
    									  *margin-left: 250px;}
  
    #bio2							{	margin-top: -12px;}
  
  .infoWindow .navLink				{	float: right;}
  

#thoughtsWords ul					{	float: left;
										margin: 25px 25px 0 0;}
										
  #thoughtsWords li					{	margin: 0 0 5px 0;}
  
  #thoughtsWords ul a				{	color: #674182;}	

#media img							{	padding: 0px;}

  #media .video						{	width: 250px;
  										float: left;
  										margin: 5px 5px 0 0;}
  
    .video img						{	width: 100px; height: auto;
    									float: left;}

#shows a							{	font-size: 160%;}	

#news .story						{	font-size: 160%;}

  #news .date						{	margin: 5px 0 0 0;
  										color: #bbb;}
  										
.designBy							{	width: 950px;
										margin: 10px auto;
										font-size: 100%;
										font-family: Arial, Helvetica, sans-serif;
										color: #000;
										text-align: right;}
										
 .designBy a						{	color: #f06eaa;}