/************************

CSS The Godfather fanlisting ( March 2010)

(c) Emma http://be-stereo.org 

**************************/



/*-----------------

GENERAL

-----------------*/

*{

margin: 0;

padding: 0;

list-style:none;



}

body {

font-size: 95%;

background: #333333 url(img/back.png);

font-family: "trebuchet ms", verdana, sans-serif;

color: #D4DECD;

}



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







/*-----------------

LINKS

-----------------*/

a:link, a:active, a:visited {

text-decoration: none;  

color: #FCE5C0;

padding: 1px;

border-bottom: #FCE5C0 1px solid;

}

a:hover {

text-decoration: none;  

color: #D4DECD;

padding: 1px;

border-bottom: none;

background: #4f4f4f;

}



a.imglink:hover{

background: transparent;

border: 0;

}

/*-----------------

DIVS

-----------------*/



#ribbon{

background: transparent url(img/bg.png) repeat-x;

height: 150px;

width: 100%;

}

#header{

position: absolute;

background: transparent url(img/bg.png);

height: 150px;

width: 960px;

top: 0;

}

#container{

z-index: 100;

margin: 0 auto;

width: 960px;

}

#logo{

background: transparent url(img/logo.png) no-repeat;

float: left;

height: 200px;

width: 40%;

}

#title{

float: right;

background: transparent url(img/title.png) no-repeat;

margin-top: 15px;

height: 127px;

width: 60%;

} 

#content{

background: transparent url(img/content.png);

width: 960px;

}

#left{

margin: 50px 0 0 35px;

width: 300px;

float: left;

}

#left img{

margin: 0;

}

#main_text {

float: right;

width: 600px;

/* background: #484848; */

}

#stats{

margin: 0 auto;

}

#stats table{

width: 85%;

line-height: 1.5em;

padding:  10px; 

}

#stats table strong a{

text-transform: none;

}

.st4tsl3ft{

text-transform: uppercase;

font-weight: normal;

}

#footer{

width: 100%;

padding: 20px 0;

}

#footer p{

text-align: center;

}

#fansfansfans{

margin: 0 auto;

width: 200px;

text-align: center;

}

#fansfansfans img{

margin: 0;

}

/*-----------------

MENU

-----------------*/

#menu {

float: right;

width: 650px;

}



#menu ul {

margin-top: 20px;

float: right;

}

#menu ul li {

display: inline;

padding-right: 8px;

}

#menu ul li a {

-moz-border-radius: 8px;

-webkit-border-radius: 8px;

background-color: #d3d2c8;

color: #9e9e9e;

padding: 8px;

text-transform: uppercase;

border: 0;

}

#menu ul li a:hover {

background-color: #5b3a16;

color: #D4DECD;

}

#menu ul  li a.now{

background-color: #5b3a16;

color: #D4DECD;

}



/*-----------------

HTML TAGS

-----------------*/

h1, h2, h3, p{

margin: 0 15px;

}

h1 {

font-family: 'LeagueGothicRegular', Arial, sans-serif;

text-shadow: 0px 1px 1px #9E9E9E;

font-size: 2.8em;

color: #3C3C3C;

margin-top: 30px;

font-weight: normal;

letter-spacing: 2px;

text-transform: uppercase;

}

h2, #films h3 {

font-weight: normal;

margin-top: 10px;

margin-bottom: 0;

font-size: 1.1em;

text-transform: uppercase;

color: #AEA982;

}

#films h2{

font-family: 'LeagueGothicRegular', Arial, sans-serif;

text-shadow: 0px 1px 1px #9E9E9E;

font-size: 2.3em;

color: #3C3C3C;

margin-top: 30px;

font-weight: normal;

letter-spacing: 2px;

text-transform: uppercase;

}

p{

margin-right: 15px;

margin-bottom: 15px;

line-height: 15px;

text-align: justify;

line-height: 160%;

}

em{

font-family: georgia, serif;

color: #E3E6F7;

}

strong{

font-weight: normal;

text-transform: uppercase;

font-size: 0.9em;

}

table{

width: 90%;

margin: 20px auto;

}

area, a {

outline: none;

}

img {

border: 0;

margin: 2px;

}

ul{

margin-left: 15px;

color: #676767;

line-height: 28px;

}

td{

padding: 3px;

}

code{

color: #fff;

width: 450px;

text-align: left;

display: block;

margin: 10px auto 25px auto;

font-size: 13px;

padding: 15px;

background: #A3AC99;

}





/*-----------------

CLASSES

-----------------*/

.clear{

clear: both;

}

.imglink{

outline: none;

}

a.imglink{

background: transparent;

border: 0;

}

a.imglink:hover{

background: transparent;

border: 0;

}

.centered{

text-align: center;

}

.datecat{

font-weight: normal;

margin-top: 10px;

margin-bottom: 0;

font-size: 1.1em;

text-transform: uppercase;

color: #AEA982;

}

/*-----------------

CLASSES

-----------------*/

.merchandising{

padding:8px;

background-color:#2F2F2F;

}

.merchandising:hover{

background-color: #5B3A16;

}