/* CSS Document */

/*=======================================================
147Seditionists  -  Website CSS
=======================================================*/

/*-- Override --*/

/*START override default styles*/
html, body{ margin:0; padding:0;}

body {
	font:0.8em Arial, Helvetica, Sans-Serif;
	color:#A39884;
	text-align:left;
margin:0; padding:0;
	}
@font-face {
    font-family: 'GnuolaneFree';
    src: url('fonts/gnuolane-webfont.eot');
    src: url('fonts/gnuolane-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gnuolane-webfont.woff') format('woff'),
         url('fonts/gnuolane-webfont.ttf') format('truetype'),
         url('fonts/gnuolane-webfont.svg#GnuolaneFree') format('svg');
    font-weight: normal;
    font-style: normal;

}
#top {position:absolute;top:0px;left:0px;padding: 4px;
background:rgba(0,0,0,0.0);}
#menutabs {padding:0px;}
#pagecontent {
position: absolute;
top:140px;
left:0px;
width:100%;
}
.newstitle {
background-color:rgba(0,0,0,0.7);padding:10px;margin-bottom:3px;width:690px;
}
.newstitletext {
display:inline;float:left;margin-top:-8px;margin-left:-5px;
}
.newstitledate {
display:inline;float:right;margin-top:-8px;
}
#margin {padding-left:20px;}
.newsbody {background-color:rgba(0,0,0,0.6);padding:10px;margin-bottom:20px;-webkit-border-radius:0 0 30px 0;width:690px;
}
.newsbodylight {background-color:rgba(0,0,0,0.3);color:#322F25;padding:10px;margin-bottom:20px;-webkit-border-radius:0 0 30px 0;width:690px;
}
li.menutabs {font-family: 'KenyanCoffeeRegular', 'GnuolaneFree';
letter-spacing: 0.05em; 
text-transform:uppercase; 
font-size:21px;
letter-spacing:2px;
display:inline;
font-weight:normal; 
line-height:0.8em;
}
h1.name {font-family: 'GnuolaneFree';
letter-spacing: 0.2em; 
text-transform:uppercase; 
font-size:56px;
margin-bottom:10px; 
   
font-weight:normal; 
line-height:0.8em;
}
h1, h2, h2 a, h3, h3 a, h4, h5, h6 {
font-family:'KenyanCoffeeRegular', Helvetica, Arial, sans-serif!important; 
letter-spacing: 0.2em; 
text-transform:uppercase; 
margin:0px; 
padding:0px;   
font-weight:normal; 
line-height:0.8em;
}
h1.sidetabs {
font-family:'KenyanCoffeeRegular', Helvetica, Arial, sans-serif!important; 
letter-spacing: 0.2em; 
text-transform:uppercase; 
margin:0px; 
padding:0px;   
font-weight:normal; 
font-size:15pt;
line-height:0.6em;
}

h1.gray {font-size:18pt; color:#c7c7c7;}
h1.white {font-size:18pt; color:#ffffff;}

a,.szoveg,.szoveg a {
padding: 0px; 
color:#c6c6c6;
font-weight:normal; 
text-decoration:none; 
-webkit-transition: 1s  ease-in-out; 
-moz-transition: 1s  ease-in-out; 
-ms-transition: 1s  ease-in-out;
-o-transition: 1s  ease-in-out;
transition: 1s  ease-in-out;
}
.szoveg:hover,a:hover,a:active,a:focus {
text-decoration:none; 
color:#fff;
}
a.dark {
padding: 0px; 
color:#302D23;
font-weight:normal; 
text-decoration:none; 
-webkit-transition: 1s  ease-in-out; 
-moz-transition: 1s  ease-in-out; 
-ms-transition: 1s  ease-in-out;
-o-transition: 1s  ease-in-out;
transition: 1s  ease-in-out;

}
a.dark:hover {
text-decoration:none; 
color:#84765F;
}

a.light {
padding: 0px; 
color:#A39884;
font-weight:normal; 
text-decoration:none; 
-webkit-transition: 1s  ease-in-out; 
-moz-transition: 1s  ease-in-out; 
-ms-transition: 1s  ease-in-out;
-o-transition: 1s  ease-in-out;
transition: 1s  ease-in-out;

}
a.light:hover {
text-decoration:none; 
color:#4E4B41;
}
a.szoveg {
padding: 0px; 
color:#c6c6c6;
font-weight:normal; 
text-decoration:none; 
-webkit-transition: 1s  ease-in-out; 
-moz-transition: 1s  ease-in-out; 
-o-transition: 1s  ease-in-out;
-ms-transition: 1s  ease-in-out;
transition: 1s  ease-in-out;
}
a.szoveg2:hover,a.szoveg2:hover,a.szoveg2:active,a.szoveg2:focus {
text-decoration:none; 
color:#f0c7d5
}
a.szoveg_n,.szoveg_n a {
padding: 0px; 
color:#000; 
font-weight:normal; 
text-decoration:none; 
-webkit-transition: 1s  ease-in-out; 
-moz-transition: 1s  ease-in-out; 
-o-transition: 1s  ease-in-out;
-ms-transition: 1s  ease-in-out;
transition: 1s  ease-in-out;
}
.szoveg_n:hover,a.szoveg_n:hover,a.szoveg_n:active,a.szoveg_n:focus {
text-decoration:none; 
color:#fff;
}
a img {
	display:block; 
	border:none;
	}
a:hover img,.item a:active img,.item a:focus img {
	border:none;
	}
label {
cursor:pointer;
}

div.fader img { 
  -webkit-transition: all 1s ease-in-out; 
  -moz-transition: all 1s ease-in-out; 
  -o-transition: all 1s ease-in-out; 
  -ms-transition: all 1s ease-in-out; 
  transition: all 1s ease-in-out;
  }
img.swap1, div.fader:hover img.swap2 { 
  opacity: 1.0;
  }
div.fader:hover img.swap1, img.swap2 {
  opacity: 0;
  }

div.fader_f img { 
-webkit-transition: all 1s ease-in-out; 
-moz-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out; 
-ms-transition: all 1s ease-in-out; 
transition: all 1s ease-in-out; 
position: absolute; 
width:27px;
bottom:8px;
}
img.swap1_f, div.fader_f:hover img.swap2_f { 
opacity: 1.0;
position: absolute;
}
div.fader_f:hover img.swap1_f, img.swap2_f {
opacity: 0; 
position: absolute;
}
div.fader_t img { 
-webkit-transition: all 1s ease-in-out; 
-moz-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out; 
-ms-transition: all 1s ease-in-out; 
transition: all 1s ease-in-out; 
position: absolute;
width:27px;
bottom:8px;
}
img.swap1_t, div.fader_t:hover img.swap2_t { 
opacity: 1.0; 
position: absolute;
}
div.fader_t:hover img.swap1_t, img.swap2_t {
opacity: 0; 
position: absolute;
}

ul {
	margin:10px 0px 10px 20px;
	/*font-size:0.90em;*/
}

ul li{
	margin:0;
	padding:0;
}

hr{ 
border:none; 
background-image: url(hr.png); 
height:1px; 
display:block; 
margin-top: 0px; 
margin-left:20px; 
width:866px;
}
	

span{
color:#4c4c4c;
}
td {
font-size: 12px; 
text-align: justify;
}


@font-face {
	font-family: 'KenyanCoffeeRegular';
	src: url('kenyan-coffee-webfont.eot');
	src: local('☺'), url('kenyan-coffee-webfont.woff') format('woff'), url('kenyan-coffee-webfont.ttf') format('truetype'), url('kenyan-coffee-webfont.svg#webfontf7OCY1oQ') format('svg');
	font-weight: normal;
	font-style: normal;
	letter-spacing:5em!important;
}
/*-- Content --*/

#content{
margin:0 0px;
max-width:1050px;
padding:0 20px 0 20px;
}
#fixed {position:absolute; padding:0px;margin:0px;z-index:4;width:100%}
#gradient {background-image:url(gradient.png);background-repeat:repeat;left:0;top:0;right:0;bottom:0;position:fixed;z-index:2;}
#grid {background-image:url(grid_light.png);background-repeat:repeat;left:0;top:0;right:0;bottom:0;position:fixed;z-index:3;}
#grid_ {background-image:url(grid_.png);background-repeat:repeat;left:0;top:0;right:0;bottom:0;position:fixed;z-index:3;}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(40%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all 1s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
	 -webkit-transition: 1s  ease-in-out; -moz-transition: 1s  ease-in-out; -o-transition: 1s  ease-in-out;  -ms-transition: 1s  ease-in-out;  transition: 1s  ease-in-out;
}

img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

img.menu {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
	-webkit-transition: 1s  ease-in-out; -moz-transition: 1s  ease-in-out; -o-transition: 1s  ease-in-out;  -ms-transition: 1s  ease-in-out;  transition: 1s  ease-in-out;
}

img.menu:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all 1s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
	 
}

/* Step 1: Build an Animation */
@-webkit-keyframes aniload {
from{-webkit-transform:translate(-200px, 0px);}
to{-webkit-transform:translate(0px, 0px)}
}

@-moz-keyframes aniload {
from{-moz-transform:translate(-200px, 0px)}
to{-moz-transform:translate(0px, 0px)}
}

@-ms-keyframes aniload {
from{-ms-transform:translate(-200px, 0px)}
to{-ms-transform:translate(0px, 0px)}
}

@-o-keyframes aniload {
from{-ms-transform:translate(-200px, 0px)}
to{-ms-transform:translate(0px, 0px)}
}

@keyframes aniload {
from{transform:translate(-200px, 0px)}
to{transform:translate(0px, 0px)}
}
.film-title {font-weight:bold;}
#first-tab {
position:fixed;z-index:9999;left:0px;top:160px;width:140px;height:30px;background:url(box_bg.png);padding-left:6px;padding-top:8px;
-webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -ms-border-radius: 0px 20px 20px 0px; -o-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px;-webkit-animation: aniload 1s;
-moz-animation: aniload 1s;
-ms-animation: aniload 1s;
-o-animation: aniload 1s;
animation: aniload 1s;
}
#second-tab {
position:fixed;z-index:99999;left:0px;top:204px;width:140px;height:30px;background:url(box_bg.png);padding-left:6px;padding-top:8px;
-webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -ms-border-radius: 0px 20px 20px 0px; -o-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px;-webkit-animation: aniload 2s;
-moz-animation: aniload 2s;
-ms-animation: aniload 2s;
-o-animation: aniload 2s;
animation: aniload 2s;
}
#first-tab-g {
position:fixed;z-index:9999;left:0px;top:160px;width:120px;height:20px;background:url(box_bg.png);padding-left:6px;padding-top:8px;
-webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -ms-border-radius: 0px 20px 20px 0px; -o-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px;-webkit-animation: aniload 1s;
-moz-animation: aniload 1s;
-ms-animation: aniload 1s;
-o-animation: aniload 1s;
animation: aniload 1s;
}
#second-tab-g {
position:fixed;z-index:99999;left:0px;top:194px;width:120px;height:20px;background:url(box_bg.png);padding-left:6px;padding-top:8px;
-webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -ms-border-radius: 0px 20px 20px 0px; -o-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px;-webkit-animation: aniload 2s;
-moz-animation: aniload 2s;
-ms-animation: aniload 2s;
-o-animation: aniload 2s;
animation: aniload 2s;
}
#third-tab-g {
position:fixed;left:0px;top:228px;width:120px;height:20px;background:url(box_bg.png);padding-left:6px;padding-top:8px;
-webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -ms-border-radius: 0px 20px 20px 0px; -o-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px;-webkit-animation: aniload 3s;
-moz-animation: aniload 3s;
-ms-animation: aniload 3s;
-o-animation: aniload 3s;
animation: aniload 3s;
}
.galimg {
display:inline;margin:2px;border:2px #999 solid;margin-bottom:0px;
-webkit-transition: all 1s ease-in-out; 
-moz-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out; 
-ms-transition: all 1s ease-in-out; 
transition: all 1s ease-in-out;
opacity: 0.8;
}
.galimg:hover {
display:inline;margin:2px;border:2px #fff solid;margin-bottom:0px;
opacity: 1.0;
}
.filmimg {
display:inline;margin:2px;border:2px #999 solid;margin-bottom:0px;
-webkit-transition: all 1s ease-in-out; 
-moz-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out; 
-ms-transition: all 1s ease-in-out; 
transition: all 1s ease-in-out;
opacity: 0.8;
padding:0px;
float:center;
}
.filmimg:hover {
display:inline;margin:2px;border:2px #fff solid;margin-bottom:0px;
opacity: 1.0;
}