img { border: none;}
body{
	text-align: center;
 background-color: #000000;
 position: relative;

}

#canvas {
	background: #ffedbb url('../images/background.png') no-repeat;

	width: 1024px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
/* hover effects for links */
.shadow-radial {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.shadow-radial:before, .shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.shadow-radial:before {
  bottom: 100%;
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.shadow-radial:after {
  top: 100%;
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.shadow-radial:hover:before, .shadow-radial:focus:before, .shadow-radial:active:before, .shadow-radial:hover:after, .shadow-radial:focus:after, .shadow-radial:active:after {
  opacity: 1;
}

#page-title{
	font-size: 32px;
	font-weight: bold;
	text-align: center;
}
#middle{
	margin: 20px 40px 20px 40px;
}
#left-side {
	display: inline-block;
	vertical-align: top;
	width: 465px;
	text-align: left;
}
#right-side {
	display: inline-block;
	vertical-align: top;
	width: 420px;
	margin-left: 20px;
	border: 4px solid gray;
	border-radius: 15px;
	padding: 10px;
	background-color: #feecf0;
}
#right-side #small-cover{
	max-width: 400px;
}
#right-side #bubble{
	height: 160px;
	width: 336px;
	background: url('../images/speech_bubble.png') no-repeat;
	padding: 10px 32px 30px 32px;
	text-align: left;
	margin-left: 10px;
	font-size: 16px;
}
#right-side #order{
	font-size: 18px;
	font-weight: bold;
}
#footer {
	margin-top: 20px;
	}
#footer img{
	display: block;
}
A.link1:link {color: #000000; text-decoration: none; }
A.link1:visited {color: #000000; text-decoration: none}
A.link1:hover {color: #000000; text-decoration: underline;}
A.link1:active {color: #000000; text-decoration: none;}

#screen_shade{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 2000px;
	width: 100%;
	background-color: #000000;
	opacity: .4;
	filter: alpha(opacity=40);
	display: none;
	z-index: 1000;
}

#cover {
	max-width: 750px;
	}
ul li{
	line-height: 1.5;
	}
a.blackt2:visited {
	color: #000000;
	text-decoration: underline;
}

a.blackt2:link {
	color: #000000;
	text-decoration: underline;
}

/* charmainisms specifics foillow */

#charmainisms #ism-1 {
	margin-top: 20px;
	}
#charmainisms #ism-1 img{
	width: 460px;
}
#charmainisms #isms .ism {
	margin-top: 50px;
}

/* contact specifics follow */
#contact #contact-box{
	height: 417px;
	width: 420px;
	text-align: center;
	margin: 40px auto 20px auto;
	padding: 10px;
	border: 1px solid gray;
	border-radius: 15px;
}
#contact #contact-box form{
	text-align: left;
}
#contact #contact-box form .line{
	margin-top: 30px;
}
#contact #contact-box form input[type='text']{
	width: 415px;
}
#contact #contact-box form textarea{
	width: 415px;
	height: 150px;
	}
	
#contact #contact-thanks {
	position: absolute;
	top: 50px;
	left: -150px;
	margin-left: 50%;
	width: 300px;
	height: 130px;
	border-radius: 10px;
	padding: 10px;
	font-size: 18px;
	background-color: #FFFFFF;
	text-align: center;
	color: #000000;
	z-index: 2000;
	display: none;
}
#home #badge
{
	position: absolute;
	top: 91px;
	left: 0px;
}
#home #badge img{
	max-height: 320px;
}
#follow #follow-links{
	margin: 20px 0 0 0px;
}
#follow #follow-links div{
	margin-bottom: 10px;
}