/*=== Setup ===*/
*, form {
	margin: 0;
	padding: 0;
}
body {
	background: #fffff0; /* url('msc/msc-bg.jpg') no-repeat 65px 0; */
	color: #4d4d4d;
	font: 12px "Times New Roman", Times, Georgia, serif;
	text-align: center;
}
img {
	border: none;
}
a, a.visited {
	color: #b100ff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 1.7em;
	font-weight: bold;
}
/*
h1.not-found {
	margin-bottom: 0.5em;
}
*/
h2 {
	font-size: 1.5em;
	font-weight: bold;
}
h2.singleh2 {
	font-size: 1.7em;
}
#comments {
	border-top: 1px solid #EEE;
	padding-top: 1em;
	margin-top: 1em;
}
#comments h2 {
	font-size: 1.3em;
	font-weight: normal;
}
h3 {
	font-size: 1em;
	font-weight: normal;
}
h2 a, h2 a.visited {
	color: #4d4d4d;
}

p.error {
	color: #c33;
}
:focus { -moz-outline-style: none; }
/*== framework ==*/
div#background {
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 1px 0 0 32px;
	background: #fffff0 url('msc/msc-bg.jpg') no-repeat; 
	width: 901px; /* 957px; */
	height: 1389px;
	border: none;
}
a#logo {
	display: block;
	width: 217px;
	height: 215px;
	position: relative;
	margin: 28px 0 21px 14px;
	text-indent: -9999px;
}
div#wrapper {
	margin: 0;
	width: 901px;
}
div#menu {
	float:left;
	width: 245px;
	height: 475px;
	margin: 0 8px 0 0;
	/* background: url('msc/content-bg.png') no-repeat; */
}
.invisible {
	display: none;
	/*
	opacity: 0.5;
    -moz-opacity: 0.5;
    */
}
/*== Menu ==*/
ul#mainmenu {
	margin: 36px 28px;
	list-style: none;
	text-align: center;
}
ul#mainmenu li.head, ul#mainmenu li a {
	text-indent: -9999px;
	display: block;
	position: relative;
}
ul#mainmenu li.head {
	height: 37px;
}
ul#mainmenu li {
	display: block;
	padding: 1px 0;
}
ul#mainmenu li a {
	margin: 9px 0 7px 0;
}
ul#mainmenu li.head {
	background: url('msc/menu/lh.gif') no-repeat top center;
}
ul#mainmenu li.main {
	height: 60px;
	background: url('msc/menu/bar2.gif') no-repeat bottom center;
}
ul#mainmenu li.main a {
	height: 37px;
	background: url('msc/menu/main.gif') no-repeat top center;
}
ul#mainmenu li.main a:hover, ul#mainmenu li.main a.active-page  {
	background-position: center -39px;
}
ul#mainmenu li.about {
	height: 63px;
	background: url('msc/menu/bar1.gif') no-repeat bottom center;
}
ul#mainmenu li.about a {
	height: 37px;
	background: url('msc/menu/about.gif') no-repeat top center;
}
ul#mainmenu li.about a:hover, ul#mainmenu li.about a.active-page  {
	background-position: center -38px;
}
ul#mainmenu li.reel {
	height: 58px;
	background: url('msc/menu/bar3.gif') no-repeat bottom center;
}
ul#mainmenu li.reel a {
	height: 38px;
	background: url('msc/menu/reel.gif') no-repeat top center;
}
ul#mainmenu li.reel a:hover, ul#mainmenu li.reel a.active-page  {
	background-position: center -39px;
}
ul#mainmenu li.login, ul#mainmenu li.logout, ul#mainmenu li.client {
	height: 60px;
	background: url('msc/menu/bar4.gif') no-repeat bottom center;
}
ul#mainmenu li.login a {
	height: 38px;
	background: url('msc/menu/login.gif') no-repeat top center;
}
ul#mainmenu li.logout a {
	height: 38px;
	background: url('msc/menu/logout.gif') no-repeat top center;
}
ul#mainmenu li.client a {
	height: 38px;
	background: url('msc/menu/client.gif') no-repeat top center;
}
ul#mainmenu li.client a:hover, ul#mainmenu li.client a.active-page,
ul#mainmenu li.login a:hover, ul#mainmenu li.login a.active-page,
ul#mainmenu li.logout a:hover, ul#mainmenu li.logout a.active-page   {
	background-position: center -39px;
}
ul#mainmenu li.contact {
	height: 109px;
	background: url('msc/menu/bottomdings.gif') no-repeat bottom center;
}
ul#mainmenu li.contact a {
	height: 51px;
	background: url('msc/menu/contact.gif') no-repeat top center;
}
ul#mainmenu li.contact a:hover, ul#mainmenu li.contact a.active-page  {
	background-position: center -53px;
}
/*== content area ==*/
div#content-variable {
	float:left;
	width: 648px;
	min-height: 544px;
	background: url('msc/content-bg-top.png') no-repeat; 
	padding: 1px 0;
	z-index:999;
}
div#content-variable div.area-variable {
	position: relative;
	background: url('msc/content-bg-middle.png') repeat-y; 
	margin: 28px 0 0 0;
	padding: 1px 52px 1px 52px;
	line-height: 14px;
	width: auto;
	min-height: 466px;
}
div#content-variable div.area-bottom {
	margin: 0 0 5em 0;
	padding: 1px;
	background: url('msc/content-bg-bottom.png') no-repeat;
	height: 29px;
}
div#content {
	float:left;
	width: 648px;
	height: 544px;
	background: url('msc/content-bg.png') no-repeat; 
	padding: 1px 0;
}
div#content div.area {
	position: relative;
	margin: 28px 52px 0 52px;
	line-height: 14px;
	width: auto;
	height: 466px;
	
}
div#content div.area.scroll-wrapper {
	position: relative;
	margin: 28px 28px 0 52px;
	line-height: 14px;
	width: auto;
	height: 466px;
	border-bottom: 1px solid #b4babb;
}
div#content div.area div#scroll {
	
	overflow: auto;
	height: 466px;

}
div#content-variable div.area-variable h1, div#content div.area h1 {
	padding: 19px 0 25px 0;
}
div#content-variable div.area-variable h2, div#content div.area h2 {
	padding: 0 0 5px 0;
}
/*== Client area ==*/
.date-comments span {
	font-style: italic;
	padding-bottom: .5em;
}
h3.archive span {
	padding-bottom: 1em;
}
.entry, .post {
	clear: both;
}
.post {
	padding-top: 1em;
}
/*== positionings of heading images ==*/
div#content div.area h1.untangle {
	padding-bottom: 15px;
}
div#content div.area h1.untangle img {
	position: relative;
	top: -10px;
	left: -16px; 
}
div#content div.area h1.main img {
	position: relative;
	left: -3px; 
}

div#content div.area div.item {
	padding: 20px 0 0 0;
	border-top: 1px solid #a3a6a6;
}
div#content div.area div.item.first {
	border-top: none;
	padding: 0;
}
div#content div.area div.item.last {
	border-bottom: none;
}
div#content div.area div.item p {
	width: 200px;
	float: left;
}
div#content div.area div.item div.freezeframe {
	width: 335px;
	float: right;
	margin-bottom: 5px;
}
div#content div.area div.item.last-item {
	border-bottom: none;
}
div#content div.area p {
	margin-bottom: 16px;
}
div#content div.area ul {
	list-style: outside;
}
div#content div.area ul {
	padding: 0 0 0 1em;
}
div#content div.area p.indent, 
div#content div.area span.indent  {
	margin-left: 14px;
}
div#minheight-background {
	width: 1px;
	float:left;
	height: 1388px;
}
/*== images ==*/
img {
	border: 0;
}
img#magicwand {
	position: absolute;
	top: 695px;
	left: 306px;
	z-index: 10;
}
/*== flowers ==*/
.textflower {
	float: right;
	width: 1em;
	height: 1em;
}
.tf1 {
	width: 256px;
	height: 12em;
}
.tf2 {
	width: 220px;
	height: 11.2em;
}
.tf3 {
	width: 175px;
	height: 6.5em;
}
/*== photos ==*/
.nailedup {
	position: absolute;
	top: -28px;
	left: 293px;
}
/*== contact page ==*/
div#contact-info {
	margin: 200px 0 0 0;
	padding-top: 22px;
	border-top: 1px solid #a3a6a6;
}
div#contact-info span {
	display: block;
	padding: 0 0 0 20px;
}
div#contact-info .address, div#contact-info .email {
	margin-top: 15px;
}
div#contact-info .phone {
	background: url('msc/icon-phone.png') no-repeat 0 3px;
}
div#contact-info .mobile {
	background: url('msc/icon-mobile.png') no-repeat 0 1px;
}
div#contact-info .address {
	background: url('msc/icon-house.png') no-repeat 0 1px;
}
div#contact-info .email {
	background: url('msc/icon-envelope.png') no-repeat 0 2px;
}
/*== login page ==*/
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#loginform {
	width: 283px;
	margin-bottom: 20px;
}
#loginform label {
	display: block;
	clear: both;
	float: left;
	width: 80px;
	/*
	position: absolute;
	left: 0;
	*/
}
a#lost-password {
	margin-left: 80px;
}
#loginform input#wp-submit {
	margin: -2px 4px 0 0;
	width: 50px;
	float: right;
}
#comment-submit
{
	margin: 10px 0;
}
#loginform input#user_login, #loginform input#user_pass {
	margin: 0 0 8px 0;	
	float: left;
}
#loginform input#user_login {
	width: 195px;
}
#loginform input#user_pass {
	width: 122px;
}
img.timbre {
	position: absolute;
	left: -20px;
	z-index: 4;
}
/*== player-mock ==*/
div.player-mock {
	display: block;
	text-indent: -9999px;
	width: 336px;
	height: 25px;
	background: url(msc/playerMock.png) no-repeat 0 0;
}
/*== cred ==*/
div#credline {
	position: absolute;
	top: 888px;
	left: 916px;
	width: 10px;
	height: 492px;
	z-index: 5;
}
div#credline a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1px;
	width: 10px;
	height: 492px;
	background: url(msc/credline.png) no-repeat 0 0;
}
div#credline a:hover {
	background-position: -12px 0;
}
/*== misc ==*/
div.clear {
	position: relative;
	clear: both;
}
span.sc {
	font-variant: small-caps;
}
.fl{
	float: left;
}
img.fl {
	margin: 0 10px 5px 0;
}
.fr {
	float: right;
}
img.fr {
	margin: 0 0 5px 10px;
}
img.fr.note {
	position: relative;
	left: 15px;
	margin: 0 0 15px -20px;
}
div.file-list {
	padding: 1em 0;
}