/* RCS $Id: style.css,v 1.1 2010/08/31 14:07:23 goodkar6 Exp $

/* Style sheet for Good Karma Photography web site */

body                 { font-size: 14pt; color: white; font-family: Arial, Helvetica, sans-serif;
                       background-color: #999999; margin-left: 12%; margin-right: auto; margin-top: 15px; }

a:active             { color: white; text-decoration: none; outline: none; }
a:link               { color: white; text-decoration: none; outline: none; }
a:visited            { color: white; text-decoration: none; outline: none; }
a:hover              { color: gray; text-decoration: none; outline: none; }

#banner              { width: 1024px; height: 160px;
                       background-image: url('../images/GK_topbckgrnd1.jpg'); }

#gk-logo             { width: 47%; position: absolute; }
#gk-logo img         { border: 0px; margin-left: 30px; margin-top: 10px; width: 75%; height: 35%; }
#gk-login            { width: 47%; float: right; margin-right: -160px; }
#gk-login h5         { display: inline; float: left; margin-left: 30px; }

#menu-bar            { background-color: black; height: 50px; }
#menu-items          { list-style: none; font-size: 12pt; margin-top: 0; margin-bottom: 0; }
#menu-items li       { float: left; display: inline; width: 16%; margin-top: 15px; }

#content             { width: 1024px; height: 750px; position: relative; 
                       background-image: url('../images/GK_bckgrnd.jpg'); }

#content-left        { float: left; width: 47%; }
#content-left-order  { float: left; width: 47%; margin-left: 30px; }
#content-right       { float: left; width: 47%; margin-top: 0px; margin-left: 20px; }

#content-left h1     { letter-spacing: 1px; }
#content-left h2     { margin-left: 40px; letter-spacing: 1px; }
#content-left ul     { font-family: Garamond, Palatino, serif; font-size: 18pt; padding-left: 70px; }
#content-left li.padded { padding-bottom: 30px; }

#content-right h1    { margin-bottom: 0; }
#content-right h3    { margin-top: 0; font-family: Garamond, Palatino, serif; text-align: center; }

/* I had to give content-bottom the same width as content in order to make IE and Opera work correctly. */
#content-bottom      { width: 1024px; margin: 0 auto; position: relative; }

#tour-key            { margin-top: 15px; margin-left: 110px; width: 228px; height: 240px; border: 0; }
#tour-key-small      { float: right; margin: -75px 20px 0 225px; width: 114px; height: 120px; border: 0; }
#tour-type           { float: left; width: 46%; padding: 10px 2% 0; }
#tour-options        { float: right; width: 45%; padding: 10px 2% 0; }

#footer              { font-size: 10pt; clear: both; width: 97%; color: #CCCCCC; text-align: right; 
                       position: absolute; vertical-align: bottom; bottom: 0; }

#submit-form         { padding-top: 10px; padding-right: 20px; float: right; }

.centered-img        { display: block; /*allows the element to take auto margins*/
                       margin: 0 auto; /*centers in compliant browsers*/
                       text-align: center; /*centers in old versions of IE*/ } 

.centered-txt        { text-align: center; }
.left-txt            { text-align: left; }
.right-txt           { text-align: right; }

.red                 { color: red; }
.yellow              { color: yellow; }
.black               { color: black; }
.white               { color: white; }

.spacer              { clear: both; }

.serif12             { font-family: serif; font-size: 12pt; }
.serif90             { font-family: serif; font-size: 90%; }
.font90              { font-size: 90%; }

.indented-radio      { margin-left: 5px; }

.option-box          { border: 3px silver solid; background-color: #383838; font-size: 12pt; }
.option-box-label    { margin-bottom: 0; margin-left: 20px; font-size: 13pt; }

.option-box-select   { margin: 1% 2% 2%; }

p.gray-heading       { margin-bottom: 0; color: gray; }

.order-row           { clear: both; padding-top: 10px; }
.order-row label     { float: left; width: 115px; text-align: left; font-size: 12pt; font-family: serif; }
.order-row input     { float: left; width: 300px; text-align: left; }

.order-row label.dayLabel
                     { width: 43px; }

.no-top-pad          { padding-top: 0px; }
.indented-input      { margin-left: 5px; }

.shadowed            { text-shadow: black 4px 4px 5px;
                       /* for IE */
	               filter: Shadow(Color=#000000, strength=5, direction=135); }

span.errorMsg        { font-size: 13pt; font-style: italic; font-weight: bold; color: red; }

div#content-bottom a { text-decoration: none; color: white; }