/*
Theme Name: Catherine Lutes
Theme URI: http://catherinelutes.com/
Description: A custom Wordpress 2.9+ theme for Catherine Lutes
Version: 1.0
Author: Mina Mikhail
Author URI: http://fightingtheboss.com/
Tags: post thumbnail, video, portfolio, custom, catherine lutes

*/

html, body { height: 100%; }

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

.container { background: #FFF url(images/hash-light-uptoleft.png) repeat; position: relative; min-height: 100%; }

#header { margin: 1.5em 0 0 0; padding: 2em 0 2em; }
#header h1 { font-size: 4em; font-weight: bold; color: #333; letter-spacing: -1px; margin-bottom: 0; line-height: 0.75em; padding-left: 24px; }
#header h2 { font-size: 2em; text-transform: uppercase; color: #555; margin: -0.25em 0 0 0; padding-left: 28px; }

#header ul { margin: 0; padding: 0; text-align: right; }
#header li { font-size: 16px; color: #333; list-style-type: none; padding: 0; margin: 0; line-height: 20px; }

#accordion { margin: 0; padding: 2px 0 1px 0; background: #FFF none; }
#accordion li { position: relative; list-style-type: none; outline: none; }
#accordion h3 a { text-decoration: none; color: #FFF; text-transform: uppercase; }
#accordion h3 a:hover { color: #555; }
#accordion h3 { font-size: 6em; margin: 0; padding: 0; font-weight: bold; padding: 12px 24px; background: #FFF url(images/hash-dark-uptoright.png) repeat; cursor: pointer; cursor: hand; }

#accordion > li { margin: 0 0 2px 0; }

#accordion ul.video-list { margin: 0; padding: 0; }
#accordion ul.video-list > li { margin: 1px 0 0 0; background-color: #CCC; height: 60px; overflow: hidden; }
#accordion ul.video-list img { margin-top: -150px; }


#footer { position: relative; height: 100%; min-height: 150px; color: #CCC; }
#footer a { color: #CCC; }
#footer a:hover { color: #333; }
#footer .byline { position: absolute; right: 40px; top: 10px; }

.video-list img { width: 100%; }
.video-list > li { position: relative; }

a.film_details { display: block; z-index: 10; position: absolute; margin: 12px 0 0 24px; background-color: #FFF;  opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; }
a.film_details span { font-size: 2em; padding: 0 12px; }

.watch { cursor: pointer; cursor: hand; }