@charset "utf-8";

/* General Styles */
@font-face { font-family: kremlin;
			 src: url('fonts/kremlin.ttf'); }
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 30, 2012 */
@font-face {
    font-family: 'ConstructivistLine';
    src: url('fonts/constructivist-line-webfont.eot');
    src: url('fonts/constructivist-line-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/constructivist-line-webfont.woff') format('woff'),
         url('fonts/constructivist-line-webfont.ttf') format('truetype'),
         url('fonts/constructivist-line-webfont.svg#ConstructivistLine') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ConstructivistRegular';
    src: url('fonts/constructivist-webfont.eot');
    src: url('fonts/constructivist-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/constructivist-webfont.woff') format('woff'),
         url('fonts/constructivist-webfont.ttf') format('truetype'),
         url('fonts/constructivist-webfont.svg#ConstructivistRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face { font-family: stencil;
			 src: url('StencilStd.otf'); }
html, body { height: 100%;
             margin: 0 auto;
             padding: 0;
             font-family: tahoma, verdana, courrier, monospace;
             font-size: 1.1em;
             color: Black;}
#copyright {font-size:0.5em;}
body.screen { background-color: LightGrey;}
body.mobile { background-color: white;
              padding: 0 1em 1em 1em;}
div.screen {  padding: 0 1em 1em 1em;
             	margin: auto;
             background-color: White;
             min-height:920px;
             height:auto !important;
             height:1000px; 
			 min-width: 1100px;
			 max-width: 1260px;}
.container {max-width:1050px; margin: 0  auto;}
ol.spaced li {margin-bottom:1.5em;}
img { border-style: none;} 
img.header { width: 1050px;
             display: block;
             margin:0 auto;}
div.division { clear: both;
               background-color: red;
               font-size: 4px;}
div.divisionnoline { clear: both;}
div.footer { text-align: center;}
table th, td { padding: 0; margin: 0;
               vertical-align:top;
			   text-align: left;}
table.ctr * {vertical-align:middle;}
h2 { font-family: ConstructivistRegular, kremlin, impact, 'Arial Black', 'Arial Bold', sans-serif;
     text-transform:uppercase; }
p, h2 {padding: 0; text-align: left; vertical-align:text-top;}
p { margin: 1em 0.5em; line-height: 150%;}
strong { color: red; font-weight:bold; }
a.hover, a.flag, a.flag1, a.flag-1 {	background: Lightgray;
	border: none;
	color:black;
	text-decoration: none;
	padding: 0.2em;}
a.hover:hover { background: gray;}
.mainmenu a.current, a.current, p.highlight { background: red; color: white; }
p.highlight { padding: 8px 12px; border: 1px solid black; }

/* position/float on moviemasher pages */
#moviemasher_container {height:600px;}
div#mashlist { float:left;
	           width: 20%;
			   padding: 0px 7px 0px 7px;
			   vertical-align:text-top;
			   height:600px;
			   overflow:hidden;}
#moviemasher_gallery { float:left;
					   width:70%;
					   height: 600px;}

/* CSS menus (top of the page + Gallery) */
.mainmenu { float:right;
			position:relative;
			left:-50%;
			text-align:left;}
.mainmenu ul { position:relative;
			   left:50%;
			   list-style-type: none;
			   padding: 1px; margin: 1px;}
.mainmenu li { float:left;
			   margin: 7px;	padding: 3px;
			   position:relative;}
.mainmenu a { background: Lightgray; color: black;
			  border: none;
			  display: block;
			  margin: 0; padding: 8px 12px;
			  text-decoration: none; text-transform:uppercase;
			  font-family: ConstructivistRegular, kremlin, impact, 'Arial Black', 'Arial Bold', sans-serif;}
.mainmenu a:hover { background: red;	color: white;}
.mainmenu a:active { background: red; color: white;}

.gallerymenu { margin: 0; height:350px; overflow: auto;}
.gallerymenu ul { border: 1px solid white;
				  list-style-type: none;
				  padding: 0px; margin: 0px;}
.gallerymenu li { margin: 0; padding: 0; font-size:67%;}
.gallerymenu a { background: gray; color: black;
				 border-bottom: 1px solid white;
				 display: block;
				 text-decoration: none;
				 padding: 8px 12px; margin: 0;}
.gallerymenu a:visited { background: Lightgray; color: Black;}
.gallerymenu a:hover { background: red; color: white;}
.gallerymenu a:active { background: red; color: white;}