/*
Theme Name: Tight Shortz
Theme URI: http://tightshortz.com
Description: This theme was created for the Tight Shortz Short Film Festival.
Version: 1.0
Author: Miguel Cantu
Author URI: http://miguelcantu.com
Tags: film, festival
*/

/*
Reset
*/
*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ background: url(/images/body_bg.png) top center repeat-x #4d4d4d; color: white; font-family: Arial, sans-serif; font-size: 62.5%; }
ul									{ list-style: square inside; }
ol									{ list-style: decimal inside; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }


/*
Utility
*/
.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button								{ background: #ffac40; border: none; margin: 0;  padding: 2px 8px; }


/*
Typography
*/
a									{ color: #ffac40; }
a:hover								{ color: #ffac40; }
h3									{ color: #e1e1e1; font-size: .6em; letter-spacing: 2px; text-align: center; text-transform: uppercase; }
h4									{ color: white; font-size: 1.3em; padding-top: 10px; }
h6                                  { color: #0e8ae2; font-size: 5em; letter-spacing:-3px; text-transform: uppercase; }


/*
Structure
*/
#page-wrap							{ height: 100%; height: auto !important; margin: 0 auto -25px; min-height: 100%; width: 960px; }
#push								{ height: 25px; }
.main								{ float: left; margin: 0 10px; width: 620px; }
.main2								{ float: left; margin: 5px 10px; width: 620px; }
#sidebar							{ float: right; margin: 5px 10px; width: 300px; }
#spotlight                                                      { float: right; height: 400px; width: 300px; }


/*
Header
*/
h1#logo								{ background: url(/images/logo.png) top left no-repeat; float: left; height: 85px; margin: 0 10px 00; text-indent: -9999px; width: 200px; }
#top-bar							{ padding: 0 10px 0 0; }
#top-bar p							{ color: white; float: left; padding-top: 40px; width: 300px; }
form#searchform						{ float: right; padding-top: 35px; }


/*
Menu
*/
#menu-bar							{ margin-bottom: 30px; padding: 2px 0 0 3px; }
ul									{ font-size: 1.4em; font-weight: bolder; list-style: none; margin: 0; padding: 0; z-index: 1003; }
ul li								{ display: block; float: left; position: relative; }
li ul 								{ display: none; }
ul li a								{ color: #4d4d4d; display: block; padding: 7px; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
ul li a:hover 						{ background: #141414; }
li:hover ul							{ display: inline; position: absolute; }
li:hover li							{ float: none; font-size: .5em; }
li:hover a							{ background: #141414; color: #FFFFFF; }
li:hover li a:hover					{ background: #4d4d4d; }


/*
Body
*/
.head								{ background: #0e8ae2; color: white; font-size: 1.2em; font-weight: bolder; margin-bottom: 5px; padding: 3px 10px; text-transform: uppercase; }
.head-alt							{ background: #ffac40; color: white; font-size: 1.2em; font-weight: bolder; margin-bottom: 5px; padding: 3px 10px; text-transform: uppercase; }
#newsletter							{ background: url(/images/newsletter_bg.png) top center repeat-x; height: 165px; margin: 10px 0; padding: 10px; width: 280px; }
.ad									{ background: #e1e1e1; border: solid 5px #a6a6a6; height: 230px; margin: 2px 0 10px 0; padding: 10px; width: 270px; }
#icons								{ float: right; margin-bottom: 10px; width: 300px; }
.main-wide							{ background: url(/images/trans.png) top center repeat-y ; float: left; margin: 10px 10px 10px 20px; padding: 10px; width: 600px;}
.main-slim							{ background: url(/images/trans.png) top center repeat-y ; float: left; margin: 10px 10px 10px 20px; padding: 10px; width: 400px;}
.main-bottom						{ background: url(/images/trans.png) top center repeat-y ; float: left; margin: 350px 10px 10px 20px; padding: 10px; width: 400px;}

/*
Tight Films
*/
#tight-films-bg						{ background: url(/images/films.gif) top center no-repeat; float: left; height: 700px; margin-top: 5px; width: 960px;}


/*
Submissions
*/
#submissions-bg						{ background: url(/images/submissions.gif) top center no-repeat; float: left; height: 675px; margin-top: 5px; width: 960px;}
#submit     { background: white; color: #4d4d4d; float: left; height: 60px; margin-top: 10px; padding: 10px; width: 375px; }
#withoutabox   { float: left; width: 115px; }
#submit-text     { color: #4d4d4d; float: right; width: 170px; }

#comments						{ background: none; float: left; margin-top: 5px; width: 960px;}

/*
Tight Music
*/
#tight-music-bg						{ background: url(/images/tight_music.gif) top center no-repeat; float: left; height: 675px; margin-top: 5px; width: 960px;}


/*
Schedule
*/
#schedule-bg						{ background: url(/images/schedule.gif) top center no-repeat; float: left; height: 675px; margin-top: 5px; width: 960px;}

/*
Photos
*/
#photos-bg						{ background: none; float: left; margin-top: 5px; width: 960px;}

/*
Vendors
*/
#vendors-bg							{ background: url(/images/vendors.gif) top center no-repeat; float: left; height: 675px; margin-top: 5px; width: 960px;}


/*
About
*/
#about-bg							{ background: url(/images/about.gif) top center no-repeat; float: left; height: 925px; margin-top: 5px; width: 960px;}


/*
Ticket Info
*/
#ticket_info-bg						{ background: url(/images/ticket.gif) top center no-repeat; float: left; height: 675px; margin-top: 5px; width: 960px;}


/*
Tight Venue
*/
#venue-bg							{ background: url(/images/venue.gif) top center no-repeat; float: left; height: 675px; margin-top: 5px; width: 960px;}


/*
Tight Policies
*/
#policies-bg						{ background: url(/images/policies.gif) top center no-repeat; float: left; height: 675px; margin-top: 5px; width: 960px;}


/*
Get Involved
*/
#get-involved-bg					{ background: url(/images/involved.gif) top center no-repeat; float: left; height: 675px; margin-top: 5px; width: 960px;}


/*
Contact
*/
#contact-bg							{ background: url(/images/contact.gif) top center no-repeat; float: left; height: 700px; margin-top: 5px; width: 960px;}


/*
Posts
*/
.datebox							{ background: #ffac40; color: white; float: left; margin-right: 10px; padding: 3px; text-align: center; width: 40px; }
.month								{ font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
.day								{ font-size: 1.8em; font-weight: bold; line-height: .8em; margin: 0; }
.year								{ font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
.content							{ border-bottom: 1px #616161 solid; float: left; margin-bottom: 10px; padding-bottom: 10px; width: 610px; }
.text								{ float: left; margin: 0; width: 550px; }


/*
Footer
*/
#footer								{ background: #141414; height: 15px; padding-top: 10px; }
#footer-inside						{ margin: 0 auto; width: 940px; }
#footer-inside p					{ color: #4d4d4d; float: right; }
#footer-inside a					{ color: white; }
#footer-menu						{ margin: 0; padding: 0; }
ul#footer							{ float: left; font-size: .9em; font-weight: normal; margin: 0; padding: 0; text-align: left; width: 300px; }
ul#footer li						{ display: inline; }
ul#footer li a						{ color: #4d4d4d; padding: 0 8px 0 0; text-transform: uppercase; }
ul#footer li a:hover				{ color: white; }