/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Galena Studios
Author : Ben Rinehart
URL : galenastudios.com

Description : Custom design - based off of "Paris" mini site template.

Created : 04/02/2007
Modified : 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

body{ background: #000; color: #CCC; font: 12px Times, "Times New Roman", georgia, serif; }

/* START CONTAINER */
#container{ width: 900px; \width: 920px; w\idth: 900px; margin: 10px; margin-left: auto; margin-right: auto; padding: 0; }/* END CONTAINER */

/* START HEADER */
#header{ padding: 0; margin-bottom: 0; height: 123px; }
#header h1{ float: right; width: 266px; height: 123px; padding: 0; margin: 0; background: url(../images/logo.gif) center center no-repeat; text-indent: -9000px; }
#header h1 a{ width: 266px; height: 123px; padding: 0; margin: 0; border: 0; display: block; text-decoration: none; }
#header h2{ float: left; width: 634px; height: 123px; margin: 0; padding: 0; background: url(../images/tagline.gif) center center no-repeat; text-indent: -9000px; }/* END HEADER */

/* START NAVIGATION */
#navigation{ font: 16px Times, "Times New Roman", georgia, serif; letter-spacing: 2px; background: #030; text-align: center; }
#global{ margin: 0; padding: 5px; }
#global li{ list-style-type: none; display: inline; padding: 5px 10px; }
#global li a:link, #global li a:visited{ color: #fff; text-decoration: none; }
#global li a:hover, #global li a:active{ }

a:link, a:visited{ color: #fff; }
a:hover, a:active{ text-decoration: none; }/* END NAVIGATION */

/* START PAGE BODY */
#page_body{ padding: 0; }

img{ margin: 0; padding: 0; display: block; }

#page_body h1{ font: 24px Times, "Times New Roman", Georgia, Serif; border-bottom: 1px solid #030; letter-spacing: 4px; }
p{ font: 14px/24px Times, "Times New Roman", Georgia, Serif; text-indent: 20px; }
#page_body ul{ font: 14px/24px Times, "Times New Roman", Georgia, Serif; }
#content{ height: 420px; overflow: auto; padding: 15px 2em; }/* END PAGE BODY */

/* START INFO PAGES */	
#spotlight{ float: left; border-right: 1px solid #fff; }

#resources{ text-align: center; margin: 0; padding: 0; }
#resources li{ list-style-type: none; padding: 5px 0; }/* END INFO PAGES */

/* START PORTFOLIO */
#portfolio{ width: 700px; /* Change to 500 for 3 columns and 330 for 2 columns */ display: block; margin: 25px auto 0 auto; padding: 0; }
#portfolio li{ float: left; display: block; padding: 0; margin: 0; width: 225px; height: 160px; text-align: center; font: 14px/24px Georgia, Times, "Times New Roman", Serif; letter-spacing: 2px; }
#portfolio li a.image{ width: 150px; height: 120px; overflow: hidden; display: block; margin: 0 auto; border: 1px solid #030; }
#portfolio li a.image img{ border: none; }/* END PORTFOLIO */

/* START GALLERIES */
#slideshow{ width: 900px; height: 450px; }
#video{ width: 320px; height: 270px; margin: 50px auto; display: block; }
#enlarge{ width: 775px; height: 450px; margin: 0 0 2px 125px; }
#enlarge img{ display: block; margin: 0 auto; border: 1px solid #fff; }
#thumbnails{ margin: 0; padding: 0; width: 125px; float: left; }
#thumbnails ul{ margin: 0; padding: 0; }
#thumbnails ul li{ display: block; float: left; }
#thumbnails ul li a{ display: block; width: 50px; height: 50px; overflow: hidden; border: 1px solid #fff; margin: 2px 2px; }
#thumbnails img{ border: none; }/* END GALLERIES */

/* START FORMS */
fieldset{ display: inline; padding: 10px; margin: 0; border: none; }
fieldset fieldset{ clear: left; float: left; margin: 5px 0; width: auto; }
fieldset fieldset label{ width: 335px; }
legend{ color: #DE3044; }
label{ display: block; float: left; clear: left; width: 100px; font-size: 12px; margin-top: 3px; font: 14px Times, "Times New Roman", Georgia, Serif; }
.required{ color: #DE3044; }
input[type="checkbox"], input[type="radio"]{ margin: 0 15px 0 0; }
input[type="text"], textarea{ width: 250px; float: left; margin: 3px; }
input[type="submit"], input[type="reset"]{ margin: 3px; }
input[type="submit"]:hover, input[type="reset"]:hover{ cursor: pointer; }/* END FORMS */

.sessions fieldset{ width: 350px; border: none; }
.sessions input[type="checkbox"], .session input[type="radio"]{ margin: 0 15px 0 0; }
.sessions input[type="text"], .session textarea{ width: 250px; float: left; margin: 3px; }
.sessions input[type="submit"], .session input[type="reset"]{ margin: 3px 0 5px 175px; float: left; }
.sessions input[type="submit"]:hover, .session input[type="reset"]:hover{ cursor: pointer; }
.sessions fieldset p{ clear: both; font-style: italic; }

#session{ margin-bottom: 10px; }
#session label{ clear: left; float: left; width: 150px; padding: 5px; text-align: right; }
#session input[type="text"]{ width: 150px; float: left; margin: 3px; }
#session input[type="submit"]{ clear: both; }
#session p{ text-align: center; padding: 10px 0; }

.required, .error{ color: #060; }
.error{ float: left; font-style: italic; width: 100px; padding-top: 2px; font-size: 10px; }

.kalamazoo_message{ padding: 20px; margin: 0 10px 10px; border: 1px solid #060; color: #060; font-style: italic; font-size: 14px; }

/* START FOOTER */
#footer{ clear: both; padding: 0; margin-top: 10px; text-align: center; letter-spacing: 2px; }
#footer .vcard div{ display: inline; }/* END FOOTER */