/* =============================
allmyfriendsmovie.com 
	:: global css skin
designed / developed by eske.com.au
author:	benjamin george
created: 24 july 07
============================= */

/* color id legend
#e1e1e1 - grey background color
#e45c02 - orange headings / link color
#000000 - black text color
#364752 - dark blue navigation color
*/

body {
	background: #000000; /*#e1e1e1*/
	font-family: Arial, helvetica, verdana, sans-serif;
	color: #ffffff; text-align: center; }

a { background: transparent; color: #000000; text-decoration: underline; }
a:visited { background: transparent; color: #000000; text-decoration: underline; }
a:hover { background: transparent; color: #e45c02; text-decoration: underline; }

/*object { padding-top: 26px; }*/

.clear { clear:both; }

p { margin: 0;
	padding: 0 3px .9em 6px;
	color: #000000;
	font-size: 1em; 
	line-height: 1.5em;
	font-weight: bold; }
p.error { color: #e00500; }
	
p.home { padding: 70px 6px .9em 6px; color: #ffffff; }
p.behindscenes { padding: 65px 6px .9em 6px; }
p.press { padding: 65px 3px .9em 6px; }
p.music { padding: 15px 3px .9em 6px; }
p.myspace, p.myspace a { color: #ffffff; }
	p.myspace a:hover { color: #e45c02; }

body#home #left-column .item-box {
 	padding-top: 26px; }

body#behindscenes #left-column .item-box,
body#press #left-column .item-box,
body#music .item-box {
 	padding-top: 50px; }

body#contact #left-column .item-box {
 	padding-top: 95px; }
body#contact #right-column .item-box {
 	padding-top: 50px; }	
	
body#contact #right-column h2 {
 	padding-top: 110px; }

p.soundtracklaunch, p.winner { 
	display: block; width: 100%; 
	background-color: #ffffff; padding: 6px 3px .9em 6px;
	color: #e45c02; text-transform: uppercase; } /*#61b7e9;*/
p.soundtracklaunch span { 
	color: #61b7e9; text-transform: none; }
	
p.winner { text-transform: none; 
	margin-bottom: 5px; padding: 3px 3px .5em 6px;
	color: #e45c02; }

h1 { margin: 0; padding: 6px 3px .1em 6px;
	font-size: 1em; font-weight: bold; 
	line-height: 1.3em; color: #e45c02; } /* #364752 */

h2 { margin: 0; padding: 0 3px .4em 6px;
	font-size: 1.6em; font-weight: bold; 
	line-height: 1.3em; color: #e45c02; }

body#press img { border: 3px solid #ffffff; }
body#music img { float: right; margin: 0 10px 6px 6px; border: 3px solid #ffffff; }

strong { color: #000000; font-weight: bold; }

ol { margin: 0 0 0 35px; 
color: #364752; font-size: 1em; font-weight: normal; 
	line-height: 1.4em; }
ol li span { color: #364752; font-weight: bold; /*text-transform: uppercase;*/ }

.profile-pic a.download, .profile-pic a.download:hover { 
	height: auto; padding: 3px 0 3px 3px; border: 0; }
	
/* hidden
============================= */
.hidden {
	display: block;
    overflow: hidden;
    width: 0; height: 0;
	color: #ffffff; }	

/* wrapper
============================= */
div#wrapper {
	width: 770px;
	margin: 0 auto 0 auto; padding: 0; 
	background: transparent; 
	/*text-align: left; font-size: 110%;*/ }

html { height: 100%; }
body { height: 100%; }

div#wrapper {
	position: relative;
	/*min-height: 100%;*/ }

/* container
============================= */
#container {
	width: 770px;
	margin: 0 auto 0 auto; padding: 0; 
	background: transparent;
	text-align: left; font-size: 110%; }

/* header / navigation
============================= */
#header-plus-navigation {
	width: 770px; height: 174px;
	margin: 0; padding: 0; z-index: 1;
	background: #ffffff url(../images/AMF_header2.gif) bottom left no-repeat; }
		
/* content
============================= */
#content {
	width: 770px; 
	min-height: 337px;
	margin: 0; padding: 0;
	background: #ffffff url(../images/AMF_mid.jpg) bottom left no-repeat; }
body#cast #content, body#behindscenes #content,
body#press #content, body#music #content,
body#contact #content { background: #ffffff url(../images/AMF_mid_fade.jpg) bottom left no-repeat; }

/* content // left-column
============================= */
#left-column {
	float: left; 
	width: 340px; height: auto;
	margin: 15px 0 0 0; padding-left: 30px; 
	background: transparent; }
/* content // right-column
============================= */
#right-column {
	float: left; 
	width: 340px; /* effectively a 30px right margin by reducing width */
	margin: 15px 0 0 30px; padding: 0; 
	background: transparent; }

/* navigation
============================= */
#navigation {
	width: 100%; height: 184px;
	margin: 0; padding: 0; 
	background: transparent; 
	z-index: 999; }
	
#navigation dl {
	float: right; 
	width: 81px; padding: 20px 40px 0 5px;
	background: transparent; }
#navigation dd {
	float: left; clear: both; display: block;
	padding: 0 0 0px 0;
	text-align: right; }

#navigation dl dd a {
	width: 81px; height: 21px; display: block;
	text-decoration: none; text-transform: uppercase;
	color: #4c4c4c; font-size: 1.1em; font-weight: normal; }
#navigation dl dd a#nav-home { 
   background: url("../images/AMF_nav_HOME.gif") 0 0 no-repeat; }
#navigation dl dd a#nav-cast { 
   background: url("../images/AMF_nav_CAST.gif") 0 0 no-repeat; }
#navigation dl dd a#nav-behindscenes { height: 37px; 
   background: url("../images/AMF_nav_BEHIND.gif") 0 0 no-repeat; }
#navigation dl dd a#nav-press {  
   background: url("../images/AMF_nav_PRESS.gif") 0 0 no-repeat; }
#navigation dl dd a#nav-music {  
   background: url("../images/AMF_nav_MUSIC.gif") 0 0 no-repeat; }
#navigation dl dd a#nav-contact { 
   background: url("../images/AMF_nav_CONTACT.gif") 0 0 no-repeat; }

#navigation dl dd a#nav-home:hover, #navigation dl dd a#nav-cast:hover,
#navigation dl dd a#nav-press:hover,
#navigation dl dd a#nav-music:hover, #navigation dl dd a#nav-contact:hover {
	background-position: 0 -21px; }
#navigation dl dd a#nav-behindscenes:hover {
	background-position: 0 -37px; }	
	
body#home #navigation dl dd a#nav-home, body#cast #navigation dl dd a#nav-cast,
body#press #navigation dl dd a#nav-press,
body#music #navigation dl dd a#nav-music, body#contact #navigation dl dd a#nav-contact {
	background-position: 0 -21px; }
body#behindscenes #navigation dl dd a#nav-behindscenes {
	background-position: 0 -37px; }	
	
/* content // columns // item-box
============================= */
.item-box { 
	position: relative;
	width: 100%;
	margin: 0 0 15px 0; padding: 0px 0 0px 0; 
	background: transparent; }
	
.item-box:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }
	
 .item-box {display:inline-block;
 			width:100%;}
 /* Hide from IE Mac \*/
 .item-box {display:block;}
 /* End hide from IE Mac */
		
/* profiles layout :: cast
============================= */
body#cast .item-box { width: 100%;
	margin-bottom: 0px; }
body#cast #left-column .item-box { float: right; width: auto; }
/*
body#cast #left-column .profile-pic { float: right; }
body#cast #left-column .profile-text { float: right; width: 190px; text-align: left; }
*/
.profile-pic { 
	float:left; width: 100px; 
	margin: 5px 5px 5px 5px; background: #ffffff; }
.profile-text {
	float:left; width: 190px; text-align: left;
	margin: 10px 5px 0px 5px; background: #ffffff; }
.profile-text p { color: #000000; }
	
.profile-pic a {
	display: block;
	width: 94px; height: 65px;
	border: 3px solid #ffffff;
	background-color: transparent; }
.profile-pic a:hover {
	border: 3px solid #cc6333;
	background-color: transparent; }
	
/* profiles ---lightbox---
============================= */
#profile-reset .profile-pic { 
	float:left; width: 184px; 
	margin: 5px 10px 0px 5px; background: transparent; }
#profile-reset .profile-text {
	float:left; width: 300px; text-align: left;
	margin: 10px 0px 0px 0px; background: transparent;
	font-size: 1.1em; font-weight: bold; }

/* contact form layout
============================= */
#contactform {
	position: relative; width: 280px;
	display: block; 
	margin: 0 0 0 6px; padding: 9px 0 9px 0; }

fieldset {
	clear: both; margin: 0 0 10px 0; border: 0; }	
label {
	 display: block;
	 width: 270px; margin: 0 0 3px 0;
	 color: #000000; font-weight: bold;
	 font-size: 1em; }
input, textarea {
	 width: 270px;
	 margin: 0;
	 background: #ffffff; color: #000000; }
textarea {
	 width: 270px; height: 100px; }
#submitbutton {
	 width: auto;
	 margin: 0;
	 background: #ffffff; color: #000000;
	 font-size: 90%; font-weight: bold; }

/* footer
============================= */
#footer { position: relative;
	clear: both; width: 770px; min-height: 210px;
	padding: 0 0 30px 0;
	font-family: Helvetica, Arial, sans-serif;
	background: #e1e1e1 url(../images/AMF_footer_strip.jpg) top left no-repeat;
	color: #323232; }
body#cast #footer, body#behindscenes #footer,
body#press #footer, body#music #footer,
body#contact #footer { background: #e1e1e1 url(../images/AMF_footer_strip_fade.jpg) top left no-repeat; }

#footer a { background: transparent; color: #323232; text-decoration: underline; }
#footer a:visited { background: transparent; color: #323232; text-decoration: underline; }
#footer a:hover { background: transparent; color: #323232; text-decoration: none; }

#footer_copyright {
	position: relative;
	top: 165px; left:0;
	width: 753px; min-height: 45px;
	margin: 0; padding: 45px 0 10px 17px;
	background: #e1e1e1 url(../images/AMF_footer_text.gif) top left no-repeat;
	font-size: 90%; line-height: 1.3em;
	text-align: left; }