/* CSS FOR RICKY CARMONA'S SITE
*/

body {
	background-color:#343434;
	font-family:"arial rounded mt bold",helvetica, sans-serif;

}

#container {
	background:url(images/backgroundStrip.png) repeat-y;
	margin-left:auto;
	margin-right:auto;
	margin-top:-20px;
	width:1079px;
	height:620px;
}	

.coming {
	position:absolute;
	margin-top:200px;
	margin-left:350px;
	display:block;
	font-size:300%;
	padding:20px;
	background:#EBEBEC;
}

.header {
	background:url(images/headerBlank.jpg) no-repeat;
	width:1080px;
	height:440px;
	margin-left:auto;
	margin-right:auto;
}

.mailIcon {
	float:right;
	border:none;
}

.logo {
	position:absolute;
	margin-top:30px;
	margin-left:272px;
	border:none;
}

.vidPlayer {  /*APPEARS ON HOME AND GALLERY PAGES */
	position:absolute;
	margin-top:125px;
	margin-left:25px;
	border:5px solid #EBEBEC;
}

.calWidget {
	position:absolute;
	margin-top:126px;
	margin-left:795px;
}

.homeIntroVid {
	position:absolute;
	display:block;
	margin-top:75px;
	margin-left:40px;
	margin-bottom:10px;
	color:#EBEBEC;
	font-size:145%;
}

.homeIntroShow {
	position:absolute;
	display:block;
	width:300px;
	margin-top:75px;
	margin-left:810px;
	margin-bottom:10px;
	color:#EBEBEC;
	font-size:145%;
}

.facebookIndex {
	position:absolute;
	margin-left:905px;
	margin-top:40px;
	border:none;
	z-index:100;
}

.facebookFan {
	position:absolute;
	margin-left:960px;
	margin-top:50px;
	border:none;
	z-index:100;
}

.mo {
	display:block;
	width:250px;
	position:absolute;
	margin-top:580px;
	margin-left:810px;
	font-size:80%;
	color:#EBEBEC;
}

a:link {
	color:#662DEB;
	text-decoration:none;
}

/* SPECIFIC TO ABOUT PAGE
*/

.aboutCopy {
	position:absolute;
	margin-top:120px;
	margin-left:120px;
	padding:15px;
	display:block;
	width:800px;
	background:#EBEBEC;
	z-index:3;
}

.aboutCopy img {
	float:left;
	border: 5px solid #343434;
	margin-right:13px;
}

.shadow {	/* BLACK SQUARE BEHIND ABOUT AREA */
	position:absolute;
	height:400px;
	width:840px;
	margin-top:130px;
	margin-left:128px;
}

/* SPECIFIC TO GALLERY PAGE
*/

#containerTall {
	background:url(images/backgroundStrip.png) repeat-y;
	margin-left:auto;
	margin-right:auto;
	margin-top:-20px;
	width:1079px;
	height:1150px;
}	

.vidPlayerGallery {  
	position:absolute;
	margin-top:95px;
	margin-left:280px;
	background:#EBEBEC;
	padding:10px;
}

.vidPlanet {
	position:absolute;
	margin-top:170px;
	margin-left:10px;
}

.photoGallery {  
	position:absolute;
	margin-top:585px;
	margin-left:175px;
	background:#EBEBEC;
	padding:10px;
}

.photoPlanet {
	position:absolute;
	margin-top:645px;
	margin-left:730px;
}

/* SHOWS PAGE
*/

.mainCalendar {
	position:absolute;
	margin-top:80px;
	margin-left:555px;
	background:#EBEBEC;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
}

.picShow {
	position:absolute;
	margin-top:80px;
	margin-left:85px;
	background:#EBEBEC;
	padding-top:19px;
	padding-bottom:18px;
	padding-left:20px;
	padding-right:20px;
}	

/* SPECIFIC TO LINKS PAGE
*/

.vidPlayerLinks {  
	position:absolute;
	margin-top:145px;
	margin-left:25px;
	border:5px solid #EBEBEC;
}

.linksIntroVid {
	position:absolute;
	display:block;
	margin-top:85px;
	margin-left:40px;
	margin-bottom:10px;
	color:#EBEBEC;
	font-size:145%;
}

.linksIntroList {
	position:absolute;
	display:block;
	width:300px;
	margin-top:85px;
	margin-left:820px;
	margin-bottom:10px;
	color:#EBEBEC;
	font-size:145%;
}

.linkCopy {
	position:absolute;
	margin-top:145px;
	margin-left:800px;
	background:#EBEBEC;
	width:260px;
	height:425px;
}

/* SPECIFIC TO CONTACT PAGE
*/

.contactWrapper {
	position:absolute;
	margin-top:120px;
	margin-left:120px;
	padding:15px;
	display:block;
	width:800px;
	height:365px;
	background:#EBEBEC;
	z-index:3;
}

.contactCopy {
	position:absolute;
	margin-top:70px;
	margin-left:555px;
	font-size:110%;
	text-align:center;
}	

.picContact {
	position:absolute;
	width:270px;
	height:350px;
	border: 8px solid #343434;
}

.tweet {
	position:absolute;
	margin-top:25px;
	margin-left:290px;
}	

.myspace {
	position:absolute;
	margin-top:250px;
	margin-left:605px;
	border:none;
}

.facebook {
	position:absolute;
	margin-top:250px;
	margin-left:705px;
	border:none;
}

/* SPECIFIC TO MAILING LIST PAGE
*/

form {
	position:absolute;
	margin-top:100px;
	margin-left:400px;
	padding:10px;
	background:#EBEBEC;
	border: 8px solid #343434;

}

form fieldset {
	border:none;
}

form legend {
	font-weight:bold;
	font-size:110%;
}

.email {
	margin-top:25px;
	margin-bottom:10px;
}

.subRadios {
	margin-top:25px;
	margin-bottom:10px;
}

.formBg {
	position:absolute;
	margin-top:120px;
	margin-left:120px;
	width:830px;
	height:393px;
	background:#EBEBEC;
	z-index:3;
}

.picMail { /* RICKY'S MAILING LIST PHOTO */
	position:absolute;
	width:270px;
	height:350px;
	border: 8px solid #343434;
	margin-top:14px;
	margin-left:15px;
}

.button {
	margin-top:20px;
}

/* SPECIFIC TO THANK YOU PAGE
*/

.thankYou {
	position:absolute;
	margin-top:120px;
	margin-left:120px;
	width:830px;
	height:393px;
	background:#EBEBEC;
	z-index:3;
}

.thankYou p {
	position:absolute;
	margin-left:460px;
	margin-top:100px;
	font-size:200%;
}


/* NAVIGATION BEGINS HERE
*/

#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 774px;
	height: 210px;
	position: absolute;
}

#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

#menu a:hover {
	background-position: left bottom;
}

#menu a:hover span {
	display: block;
}

#menu .navAbout {
  width: 142px;
  height: 182px;
  background: url(images/navAbout.png) no-repeat;
  left: -13px;
  top: -100px;
}

#menu .navPress {
  width: 142px;
  height: 182px;  
  background: url(images/navPress.png) no-repeat;
  left: 147px;
  top: -100px;
}

#menu .navGallery {
  width: 142px;
  height: 184px;
  background: url(images/navGallery.png) no-repeat;
  left: 307px;
  top: -100px;
}

#menu .navShows {
  width: 142px;
  height: 182px;
  background: url(images/navShows.png) no-repeat;
  left: 467px;
  top: -100px;
}

#menu .navBlog {
  width: 142px;
  height: 182px;
  background: url(images/navBlog.png) no-repeat;
  left: 628px;
  top: -100px;
}

#menu .navLinks {
  width: 142px;
  height: 182px;
  background: url(images/navLinks.png) no-repeat;
  left: 790px;
  top: -100px;
}

#menu .navContact {
  width: 142px;
  height: 182px;
  background: url(images/navContact.png) no-repeat;
  left: 950px;
  top: -100px;
}
