/* 
Lucky Blue
site.css created by Nathan Cooper - nathanpcooper@gmail.com
*/

body { background: url(../images/background.jpg) top center repeat-y #000; }

	.cont {
		margin: 20px auto;
		width: 960px;
		overflow: auto;
		}
	
	/* IE7 fix to add bottom margin */
	.ie7 .cont { padding: 0 0 20px 0; }
		
		.cont-head, .cont-body, .cont-foot { width: 960px; }
		
		/* head.php */
		.cont-head {
			height: 120px;
			background: url(../images/back-head.jpg) 0 0 no-repeat;
			}
			
			/* lucky blue logo */
			.cont-head-logo {
				position: relative; z-index: 3000; top: 20px; left: 20px;
				width: 503px; height: 129px;
				background: url(../images/logo.png) 0 0 no-repeat;
				}
			
			/* menu.php : home | meet us | music | store */
			.menu-site {
				position: relative; float: right; margin: 50px 60px 0 0;
				height: 20px;
				}
				
				.menu-site ul { list-style: none; }
					
					.menu-site ul li {
						display: inline;
						float: left; margin: 0 0 0 20px;
						}
						
						.menu-site ul li:hover { cursor: pointer; }
							
						/* adds underline to active link - see: js/jquery-lucky_blue.js */
						.active_link { border-bottom: 2px solid #fff; }
						
			/* menu.php : facebook | twitter | myspace | email*/				
			.menu-soci {
				clear: both;
				position: relative; float: right; margin: 20px 20px 0 0;
				height: 20px;
				}
				
				.menu-soci ul { list-style: none; }
					
					.menu-soci ul li {
						display: inline;
						float: left; margin: 0 0 0 5px;
						}
						
						.menu-soci ul li:hover {
							border-bottom: 2px solid #fff;
							cursor: pointer;
							}
						
						.menu-soci ul li.icon:hover {
							border-bottom: none;
							cursor: pointer;
							}

		.cont-body {
			background: url(../images/back-body.jpg) 0 0 repeat-y;
			overflow: auto;
			}
			
			/* index.php : gallery */
			.cont-gall {
overflow: hidden;
				position: relative; float: left; margin: 0 0 0 20px;
				width: 730px; height: 540px;
				}
			
				/* grunge photo frame */
				.cont-gall-grun {
					position: absolute; z-index: 2000;
					width: 730px; height: 464px;
					background: url(../images/home/grunge-photo-frame.png) 0 0 no-repeat;
					}
			
			/* index.php : form */
			.cont-form {
				position: relative; float: left; margin: 0;
overflow: hidden;
				width: 190px; height: 540px;
				background: url(../images/home/grunge-form-frame.png) 0 0 no-repeat;
				}
				
				.cont-form-inte {
					position: relative; margin: 10px;
					width: 170px;
					}
					
					.t-fiel, .t-fiel2, .t-fiel3, .t-fiel4, .t-fiel5, .t-fiel6{
						margin: 2px 0 2px 0; padding: 2px;
						width: 164px; height: 16px;
						font: 12px arial, sans-serif; color: #ccc; line-height: 16px;
						background: none; border: 1px solid #999;
						}
						
					.t-fiel2 { width: 77px; }
					
					.t-fiel3 { width: 132px; }
					
					.t-fiel4 { width: 200px; }
					
					.t-fiel5 { width: 168px; }

.t-fiel6 { width: 94px; }					

					.f-labe {
						margin-left: 2px;
						font: 12px arial, sans-serif; color: #fff; line-height: 16px;
						}
						
					.f-subm {
						margin: 2px 0 2px 0; padding: 2px;
						width: 28px; height: 22px;
						font: bold 12px arial, sans-serif; color: #000; line-height: 16px; text-align: center;
						background: #fff; border: 1px solid #fff;
						}
						
						.chrome .f-subm { padding: 1px 2px 3px 2px; }
						
						.win.gecko .f-subm { padding: 0 1px 3px 3px; }
						
						.ie7 .f-subm { margin-left: 1px; padding: 1px 2px 3px 2px; }
						
						.ie .f-subm { margin-left: 1px; }
						
						.f-subm:hover { cursor: pointer; }			
			
					.f-chec { margin: 0; }
					
					/* index.php : columns */
					.news {
						position: relative; margin: 10px 0;
						width: 170px; height: 250px;
						overflow: auto;
						}
						
						.ie7 .news { height: 235px; }
			
			/* index.php : columns */
			.cont-fan, .cont-blog, .cont-musi {
				position: relative; float: left; margin: 20px 0 20px 45px;
				width: 260px;
				overflow: auto;
				}
				
			.iLike {
				width: 260px;
				}
				
				.iLike a {
					text-decoration: none;
					}
				
				.iLike-text {
					color: #999;
					}
				
			/* under development title */
			.unde_deve { margin: 20px 0 0 60px; }
			
			
			/* meet_us.php */
			.meet_us-left {
				position: relative; float: left; margin: 30px 0 0 30px;
				width: 550px;
				}
			
			.meet_us-righ {
				position: relative; float: right; margin: 20px 20px 0 0;
				width: 350px;
				}
				
				.meet_us-phot {
					width: 300px; height: 310px;
					background: url(../images/meet_us/drop_shadow2.png) 0 0 no-repeat;
					}
				
			/* music.php */
			.musi-titl {
				position: relative; margin: 20px 0 0 20px;
				overflow: auto;
				}
			
			.musi-left {
				position: relative; float: left; margin: 20px 0 0 20px;
				width: 500px;
				}
				
				/* iLike Player */
				
				.iLike {
					font: 12px arial, sans-serif;
					}
				
				.song_list_preview {
					list-style:none;
					}
					
					.preview_border {
						overflow: hidden;
						}
						
				.song_play_btn {
					font: 12px arial, sans-serif; color: #fff;
					}
					
				.bord {
					margin: 5px 0;
					height: 2px;
					background: #999;
					}
					
			.musi-form {
				position: relative; float: left; margin: 0;
				width: 190px; height: 200px;
				background: url(../images/music/grunge-form-frame.png) 0 0 no-repeat;
				}
				
				.musi-form-inte {
					position: relative; margin: 10px;
					width: 170px;
					}
			
			.musi-righ {
				position: relative; float: right; margin: 20px 20px 0 0;
				width: 400px;
				}
				
				.musi-phot {
					width: 300px; height: 310px;
					background: url(../images/music/drop_shadow2.png) 0 0 no-repeat;
					}
		
		/* footer.php */
		.cont-foot {
			height: 300px;
			background: url(../images/back-foot.jpg) 0 0 no-repeat;
			}
			
			.twit_bird { position: relative; float: right; margin: 190px 20px 20px 0; }