/****************************************************/
/*		CSS Document								*/
/*		Code by Adam Farnsworth						*/
/*		Site by AdamFarnsworth.Com					*/
/*		00/00/2009									*/
/****************************************************/

/****************************************************/
/*	THINKING ABOUT STEALING THIS CODE?				*/
/****************************************************/
/*	Please don't be a jerk and steal our code. It's	*/
/*	just not cool and the karma hit could be fatal.	*/
/*	I mean, you never know. Karma may or not exist,	*/
/*	but if it does, do you really want to take the	*/
/*	chance that you could be hit be a bus whilst	*/
/*	crossing the street just to steal some CSS? Not	*/
/*	worth it, huh? If you have a question, please	*/
/*	feel free to ask, we're usually cool giving		*/
/*	help if we can, at least before they rip off	*/
/*	our painfully aquired code.						*/
/*													*/
/*	- Adam Farnsworth 								*/
/*		info [at] adamfarnsworth [dot] com			*/
/****************************************************/

/********************/
/*	Master Styles	*/
/********************/
body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dd, dt, table, td, th, tr, form { margin: 0; padding: 0; }


/********************/
/*	Grid Styles		*/
/********************/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; margin-left: 10px; margin-right: 10px; }
.alpha { margin-left: 0; }
.omega { margin-right: 0; }
.container_12 .grid_1 { width:60px; }
.container_12 .grid_2 { width:140px; }
.container_12 .grid_3 { width:220px; }
.container_12 .grid_4 {  width:300px; }
.container_12 .grid_5 { width:380px; }
.container_12 .grid_6 { width:460px; }
.container_12 .grid_7 { width:540px; }
.container_12 .grid_8 { width:620px; }
.container_12 .grid_9 { width:700px; }
.container_12 .grid_10 { width:780px; }
.container_12 .grid_11 { width:860px; }
.container_12 .grid_12 { width:940px; }
.container_12 .prefix_1 { padding-left:80px; }
.container_12 .prefix_2 { padding-left:160px; }
.container_12 .prefix_3 { padding-left:240px; }
.container_12 .prefix_4 { padding-left:320px; }
.container_12 .prefix_5 { padding-left:400px; }
.container_12 .prefix_6 { padding-left:480px; }
.container_12 .prefix_7 { padding-left:560px; }
.container_12 .prefix_8 { padding-left:640px; }
.container_12 .prefix_9 { padding-left:720px; }
.container_12 .prefix_10 { padding-left:800px; }
.container_12 .prefix_11 { padding-left:880px; }
.container_12 .suffix_1 { padding-right:80px; }
.container_12 .suffix_2 { padding-right:160px; }
.container_12 .suffix_3 { padding-right:240px; }
.container_12 .suffix_4 { padding-right:320px; }
.container_12 .suffix_5 { padding-right:400px; }
.container_12 .suffix_6 { padding-right:480px; }
.container_12 .suffix_7 { padding-right:560px; }
.container_12 .suffix_8 { padding-right:640px; }
.container_12 .suffix_9 { padding-right:720px; }
.container_12 .suffix_10 { padding-right:800px; }
.container_12 .suffix_11 { padding-right:880px; }


/********************/
/*	Layout Styles	*/
/********************/
html, body { background-color: #2a4156; background-image: url(../img/bg_body.jpg); background-repeat: repeat; background-position: top center; height: 100%; }
#background { background-image: url(../img/bg_shadow.png); background-repeat: repeat-y; background-position: top center; height: 100%; margin: 0px; padding: 0px; }
#container { background-image: url(../img/bg_container.png); background-repeat: no-repeat; background-position: top left; position: relative; width: 960px; \width: 970px; w\idth: 960px; margin: 0px auto; text-align: left; }
#container_index { background-image: none; position: relative; width: 960px; \width: 970px; w\idth: 960px; margin: 0px auto; text-align: left; }
#header {  }
#content { background-image: url(../img/bg_content.png); background-repeat: repeat; margin: 0px 10px 20px 10px; padding: 20px 60px; border: #a0bbce 3px solid; }
#content_trailer { background-image: url(../img/bg_content.png); background-repeat: repeat; margin: 0px 10px 20px 10px; padding: 20px 40px; border: #a0bbce 3px solid; }
#content_left { width: 360px; float: left; }
#content_right { width: 360px; float: right; }
#login { margin: 20px 0px; }
#trailer { text-align: center; }
.screening_items { margin: 5px; padding: 10px; border: 2px solid #a0bbce; }
#footer {  }


/********************/
/*	Text Styles		*/
/********************/
body { font-family: Verdana, Helvetica, sans-serif; color: #FFF; }
h1 { font-family: Helvetica, Verdana, sans-serif; font-size: 22px; text-transform: uppercase; margin-bottom: 20px; }
h2 { font-family: Helvetica, Verdana, sans-serif; font-size: 14px; text-transform: uppercase; }
h3 { font-family: Helvetica, Verdana, sans-serif; font-size: 12px; text-transform: uppercase; }
h4 { font-family: Helvetica, Verdana, sans-serif; font-size: 14px; }
h5 { font-family: Helvetica, Verdana, sans-serif; font-size: 12px; }
p { font-size: 11px; line-height: 24px; }
.description { font-size: 10px; line-height: 12px; padding: 0px; margin: 5px 0px 0px 0px; }
.italic { font-style: italic; }


/********************/
/*	Menu Styles		*/
/********************/

/*	Setup	*/
ul.cssmenu { list-style: none; padding: 0px; }
.displace { position: absolute; left: -5000px; }
ul.cssmenu li { float: left; }
ul.cssmenu li a { display: block; width: 160px; height: 100px; background: url('../img/img_menu.png'); }
ul.trailer_dowload_480 { list-style: none; padding: 0px; }
ul.trailer_dowload_720 { list-style: none; padding: 0px; }
ul.trailer_dowload_480 li { float: left; }
ul.trailer_dowload_480 li a { display: block; width: 160px; height: 40px; background: url('../img/img_trailer_480p.png'); }
ul.trailer_dowload_720 li { float: left; }
ul.trailer_dowload_720 li a { display: block; width: 160px; height: 40px; background: url('../img/img_trailer_720p.png'); }

/*	Normal	*/
ul.cssmenu li.synopsis a { background-position: 0 0; }
ul.cssmenu li.press_and_awards a { background-position: -160px 0; }
ul.cssmenu li.trailer a { background-position: -320px 0; }
ul.cssmenu li.screenings a { background-position: -480px 0; }
ul.cssmenu li.about_the_filmmaker a { background-position: -640px 0; }
ul.cssmenu li.about_the_heart_team a { background-position: -800px 0; }
ul.trailer_dowload_480 li.download_480p a { background-position: 0 0; }
ul.trailer_dowload_720 li.download_720p a { background-position: 0 0; }

/*	Hover	*/
ul.cssmenu li.synopsis a:hover { background-position: 0 -100px; }
ul.cssmenu li.press_and_awards a:hover { background-position: -160px -100px; }
ul.cssmenu li.trailer a:hover { background-position: -320px -100px; }
ul.cssmenu li.screenings a:hover { background-position: -480px -100px; }
ul.cssmenu li.about_the_filmmaker a:hover { background-position: -640px -100px; }
ul.cssmenu li.about_the_heart_team a:hover { background-position: -800px -100px; }
ul.trailer_dowload_480 li.download_480p a:hover { background-position: 0 -40px; }
ul.trailer_dowload_720 li.download_720p a:hover { background-position: 0 -40px; }

/*	Clicked	*/
ul.cssmenu li.synopsis a:active { background-position: 0 -200px; }
ul.cssmenu li.press_and_awards a:active { background-position: -160px -200px; }
ul.cssmenu li.trailer a:active { background-position: -320px -200px; }
ul.cssmenu li.screenings a:active { background-position: -480px -200px; }
ul.cssmenu li.about_the_filmmaker a:active { background-position: -640px -200px; }
ul.cssmenu li.about_the_heart_team a:active { background-position: -800px -200px; }
ul.trailer_dowload_480 li.download_480p a:active { background-position: 0 -80px; }
ul.trailer_dowload_720 li.download_720p a:active { background-position: 0 -80px; }

/*	Selected/Active	*/
ul.cssmenu li.synopsis a.selected { background-position: 0 -300px; }
ul.cssmenu li.press_and_awards a.selected { background-position: -160px -300px; }
ul.cssmenu li.trailer a.selected { background-position: -320px -300px; }
ul.cssmenu li.screenings a.selected { background-position: -480px -300px; }
ul.cssmenu li.about_the_filmmaker a.selected { background-position: -640px -300px; }
ul.cssmenu li.about_the_heart_team a.selected { background-position: -800px -300px; }
ul.trailer_dowload_480 li.download_480p a.selected { background-position: 0 -120px; }
ul.trailer_dowload_720 li.download_720p a.selected { background-position: 0 -120px; }


/********************/
/*	Image Styles	*/
/********************/
img { border: 0; }
.padding_100 { padding: 100px 0px; }
.img_left { float: left; background-image: url(../img/bg_content.png); background-repeat: repeat; margin: 0px 10px 10px 0px; padding: 10px; border: 2px solid #a0bbce; }
.img_right { float: right; background-image: url(../img/bg_content.png); background-repeat: repeat; margin: 0px 00px 10px 10px; padding: 10px; border: 2px solid #a0bbce; }
.img_center { background-image: url(../img/bg_content.png); background-repeat: repeat; padding: 10px; border: 2px solid #a0bbce; }


/********************/
/*	Link Styles		*/
/********************/
a { color: #b6d5eb; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
img a { border: 0; }


/********************/
/*	Form Styles		*/
/********************/
#form {  }
label { font-size: 11px; font-weight: bold; }
.admin_content_textbox { width: 100%; height: 150px; }


/********************/
/*	List Styles		*/
/********************/
ul {  }
li {  }
.list { font-size: 12px; line-height: 12px; font-weight: bold; list-style: none; margin-left: 20px; }
.list li { padding: 2px; }
.list li:hover { background-color: #2a4156; }


/********************/
/*	Misc Styles		*/
/********************/
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }