/* CSS Document */

body {
	background-color: #000000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#cccccc;
	text-align:center;
}

a:link, a:visited{
color:white; font-weight:bold;	text-decoration:none;
}
a:hover{
	color:gray; font-weight:bold; text-decoration:none;
}
h3{
	font-size:14px;
	margin:0px;
}
h4{
	font-size:14px;
	margin:0px;
	padding-bottom:10px;
}
.redbold{
color:#900;
font-size:14px;
font-weight:bold;
width:100%;
padding:3px 0 3px 0;
border-top: 1px solid #900;
border-bottom: 1px solid #900;
}
.credit{
margin:0px;	
}
.credit-aesthetic-principle{
margin:0 50px 0 50px;	
}
#container{
margin-left:auto;
margin-right:auto;
margin-top:40px;
margin-bottom: 15px;
width:918px;
height:562px;
border:1px solid gray;
padding:0px;
text-align:left;
}

#blog_mainpage{
background-image:url(images/blog.jpg);
border-top:1px solid gray;
height:440px;
}
.blog_window{
	float:right;
	width:400px;
	margin:40px 40px 0 0;
	
}

#banner{
height:100px;
background-image:url(images/banner-logo.gif);
border-bottom:1px solid gray;
margin:0px;
padding:0px;
}

#mainpage{
border-top:1px solid gray;
height:440px;
width:100%;
top:164px;
padding:0px;
margin:0px;
}
#contactpage{
border-top:1px solid gray;
height:436px;
width:100%;
top:164px;
padding:0px;
margin:0px;
background-image:url(images/contact.jpg);
}
#contact-info{
	border:1px solid gray;
	float:right;
	text-align:center;
	margin:38px 40px 0 0;
	width:325px;
	height:362px;
	padding:0px 4px;
	
}
#navigation{
background-image:url(images/nav_background.jpg); height:16px; margin:0px; padding:3px; text-align:center;
}
.socialnetworking{
margin:0 6px 0 0;
}
ul{margin:0px 20px 0 20px ; }

li{list-style:none; display:inline; margin:0 25px 0 0px;}


/** Coding for default page**/
#defaultcontent{
border-top:1px solid gray;
height:438px;
width:918px;
top:164px;
background-image:url(images/mirrorkicks-official-website.jpg);
font-size:11px;
color:#fff;
}
.blog-frame{
width:380px;
height:180px;
margin:40px 0 0 40px;
padding:0px;
}
.release-frame{
width:370px;
height:145px;
margin:20px 0 0 40px;
border:#CCC solid 1px;
text-align:left;
padding:5px 0 5px 10px;
}
.music-frame{
width:390px;
height:354px;
float:right;
margin:40px 40px 0 0;
border:1px solid #ccc;
padding:0px 5px 0px 5px;

}
.video{
width:200px;
float:right;
}
.audiopage{
float:left;
}
#audio2{
border-top:1px solid gray;
width:918px;
height:439px;
background-image:url(images/audio-background.jpg);
}
#audiowindow{
float:right;
width:290px;
height:407px;
border:none;
margin:15px 12px 0 0
}


a:link.audio,a:visited.audio{
color:#fff; font-weight:bold;	text-decoration:none;
border:1px solid #fff;
padding:2px;
margin:20px 90px 0 0;
}


/** Coding for diary page**/

.image_diary{
	float:left;
	margin:2px;
}
#diary{width:310px;
	
}
.diarytitle{
	font-size:12px;
	color:#fff;
}

.diaryentry{
color:#C60;	
}
.gigtitle{
float:left;
margin:0px;
}
.gigdetails{
	color:#C60;
	margin-left:180px;
	margin-bottom:0px;
}
.gigline{
border-top:1px solid #c60;
margin:15px 0px 15px 0px;
width:316px;
}

#diarycontent{
border-top:1px solid gray;
height:438px;
width:100%;
top:140px;
background-image:url(images/black-white-brick-wall.jpg);
}
.diaryframe{
margin:25px 25px 0px 70px;
width:350px;
height:380px;
}
.gigframe{
margin:25px 70px 0px 25px;
width:350px;
height:380px;
}


#wallpapercontent{
border-top:1px solid gray;
height:440px;
width:100%;
top:140px;
background-image:url(images/billboard_background.jpg);
}

.rightpanel{
width:310px;
height:315px;
background-color:#000;
border: #CCC 1px solid;
float:right;
margin:38px 25px 0px 0px;
}

.wallpaperthumbs{
	margin:20px;
	float:left;
	
}

#wallpaperimage1{
	width:526px;
	height:293px;
	left:11.5%;
	top:215px;
	position:absolute;
	visibility:visible;
	z-index:3;

}
#wallpaperimage2{
	width:526px;
	height:293px;
	left:11.5%;
	top:215px;
	position:absolute;
	visibility:hidden;
	z-index:2;

}
#wallpaperimage3{
	width:526px;
	height:293px;
	left:11.5%;
	top:215px;
	position:absolute;;
	visibility:hidden;
	z-index:1;

}

ul.wallpaper{
	display:inline;
	color:#FFF;
	float:left;
	margin-top:40px;

}
a:link.wallpaperlink, a:hover.wallpaperlink, a:visited.wallpaperlink{
color:#fff;	text-decoration:underline; font-weight:bold;	margin:0px 0px 0px 15px;
}
.wallpaperpage{
width:100%;
text-align:center;
}

#contact{
	width:300px;
	height:175px;
	border-top:1px #ccc solid;
	border-right:1px #ccc solid;
	left:42px;
	bottom:0px;
	position:static;
	z-index:2;
}
#mailing{
width:350px;
height:351px;

}
.left{
float:left;
padding:0px 0 0 10px ;
color:#FFF;
}
.line{
	float:left;
	width:98%;
	height:60px;
	padding-left:9px;
	
}
.album{
float:left;
margin:10px 0 0 10px;
}
.albumtext{
	float:left;
	margin:73px 0 0 10px;
	font-weight:bold;
}

/**Contact Form Styles**/


#contact-area {
	text-align:left;
	width: 310px;
	border-bottom:1px solid gray;
	padding:5px;
	margin-bottom:5px;
}

#contact-area input, #contact-area textarea {
	padding: 3px;
	width: 226px;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 5px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 45px;
	margin-bottom:8px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #900;
}

#contact-area input.submit-button {
	width: 50px;
	margin:0px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 60px;
	padding-top: 3px;
	font-size: 1.0em;
}
.red{
color:#C00;	
}