/*
  
Theme Name: MSJC
Theme URI: http://www.chillentertainment.com/msjc
Description: MSJC is a custom theme.
Version: 1.0
Author: Vajaah
Author URI: http://www.vajaah.com/

*/ 

body {margin: 0px; padding: 0px; background: #000000 url('http://chillentertainment.net/bkg.gif') repeat-x; font-family: Georgia, serif; font-size: 12px; line-height: 15px; color: #FFFFFF;}

.quote {text-align: center; color:#21779b; font-size: 16px; line-height: 21px; font-style: italic; font-family: Times; font-weight: bold; margin-top:6px;}

a {text-decoration: none; color:#ffffff;}
a:hover {color: #21779b;}
img {border: 0px;}

#main {position:relative; top:10px; width:800px; text-align:center; margin: 0 auto;}
#mainSub {position:relative; top:10px; left:10px; width:800px; margin: 0;}

.lgimg{z-index:0;}
.buttons{z-index:1; position: absolute; top: 400px; left: 200px;}
.buttonsUb{z-index:1; width:100%; position: absolute; top: 270px; left: 397px;}
.float {float: left;}

.contentImg{z-index:2; position: absolute; top: 330px; left: 380px;
background: url('http://chillentertainment.net/contbkg.png') no-repeat; width: 640px; height:1200px; text-align: left;}

#content{z-index:3; position: absolute; top: 330px; left: 400px; width:580px; color: #000000; padding: 20px 0px; text-align: left;}

h1 {line-height: 1.2;}

.left {float: left; width: 300px; padding: 0px 10px 0px 30px;}
.right {float: right; width 200px; margin-right: 10px; text-align: center; color: #21779b;}
.right2 {float: right; width 200px; margin-right: 40px; text-align: center; color: #21779b;}
.noSide {float: left; width: 540px; padding: 0px 10px 0px 30px; }
label {font-weight: bold;}


li {margin-bottom: 10px;}

.album { margin-bottom: 15px;}


#footer{margin-top: 10px; padding: 0 30px; position: relative;}

#cont {margin-left: 20px;}

.noSide h2 {color: #21779b;}

.tele {width:100%; height:22px; padding-top: 6px; background-color: #000000; color: #FFFFFF; text-align: center; font-size: 14px; margin-bottom:32px;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
/* End Images */