/* ------ NOTES ---------------------------------------------------------------

Master screen style for Plattform Distribution, www.plattformdistribution.se

--------- CONTENTS ------------------------------------------------------------

1: BODY AND UNIVERSAL RESET
2: MAIN CONTENT
3: TEXT, LINKS
4: TABLES
5: IMAGES
  
---------------------------------------------------------------------------- */


/* 1: BODY AND UNIVERSAL RESET
============================================================================ */
/* Group reset */
* {
margin: 0;
padding: 0;
border: 0;
list-style: none;
text-decoration: none;
font-size: 1em;
}


body {
margin: 0;
padding: 0;
background: #f3f3f3;
color: #666;
font-size: small;
font-family: 'Helvetica Neu', Arial, Verdana, sans-serif;
}


/* 2: MAIN CONTENT
============================================================================ */
#content {
float: left;
width: 100%;
font-size: 12px;
line-height: 165%;
text-shadow: 0 1px 0 #fff;
background: #efefef url(../gfx/bg_content.gif) left top repeat-x;
padding-bottom: 20px;
}

.wrapper {
width: 900px;
margin: 0 auto;
padding: 0;
text-align: left;
}

#left-col {
float:left;
width: 595px;
margin: 0 10px;
}

#right-col {
float:left;
width: 260px;
margin-left: 8px;
}

#media-player {
float:left;
width: 590px;
height: 300px
}

#main-film {
float: left;
margin-top: 13px;
padding: 0;
}

.poster {
float: left;
width: 170px;
}

.info {
float: left;
margin-left: 20px;
width: 400px;
}

.section {
float:left;
width: 260px;
padding-left: 2px;
padding-bottom: 13px;
}


#footer {
float: left;
width: 100%;
background: #f3f3f3;
font-size: 10px;
font-family: Georgia, 'Times New Roman', Times, serif;
line-height: 150%;
padding-bottom: 20px;
}

#contact {
float: left;
width: 720px;
padding-top: 3px;
margin-left: 88px;
}

/*Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #contact { 
	float: left;
	width: 720px;
	padding-top: 3px;
	margin-left: 120px; 
	}
}

.clearall {
display: block;
clear: both;
height: 1px;
margin: 0;
font-size: 1px;
line-height: 1px;
}


/* 3: TEXT, HEADERS, LINKS
============================================================================ */
p {
padding-bottom: 17px;
}

.info p {
padding-bottom: 12px;
color: #333;
}

#right-col p {
padding-left: 1px;
padding-bottom: 9px;
}

.section .facts {
padding-left: 2px;
padding-bottom: 7px;
font-size: 11px;
line-height: 155%;
}

.section p {
padding-left: 2px;
}

a:link, a:visited {
color: #666;
text-decoration: none;
}

a:hover {
color: #cc161d; text-decoration: underline;
}

.info a:link, .info a:visited {
color: #cc161d;
text-decoration: none;
}

.info a:hover { 
text-decoration: underline;
}

a img {
border: none; background: none;
}

.span-facts {
padding-left: 10px;
}

.film-span {
padding-right: 5px;
font-size: 10px;
}

.contact-span {
padding: 0 3px;
}

.header {
color: #666;
font-family: Arial, Verdana, sans-serif;
font-size: 20px;
font-weight: normal;
letter-spacing: -0.05em;
text-transform: uppercase;
padding-bottom: 5px;
}


/* 4: LISTS, TABLES, BUTTONS
============================================================================ */
#tbl-facts {
padding-left: 2px;
padding-bottom: 7px;
font-size: 11px;
line-height: 155%;
}

#tbl-facts td {
padding-right: 15px; 
}

/* 5: IMAGES
============================================================================ */
#logo {
margin: 32px 0 8px 10px;
width: 875px;
}

#logo-footer {
margin-left: 418px;
width: 49px;
}


#title-img {
margin-top: -3px;
}

#divider {
margin-left: 10px;
}

#pre-premiere {
float: left;
width: 875px;
margin-left: 10px;
}
img.border {padding: 2px; border: 1px solid #cacaca;}