/* 
Title : A Magic Moment Photography
Author : Ben Rinehart
URL : http://www.amagicmomentphotography.com

Created : 03/20/2007
Modified : 08/17/2009
*/

body{ background: #310A0C; color: #D5CCA1; font: italic 14px Georgia, times, "Times new Roman", serif; }

#container{ width: 900px; \width: 920px; w\idth: 900px; margin: 10px; margin-left: auto; margin-right: auto; padding: 5px; background: #0D1E02; border: 1px solid #310A1B; }

#header{ padding: 0; margin-bottom: 0; }
#header h1{ width: 900px; height: 75px; padding: 0; margin: 0; background: url(../images/logo.jpg) center center no-repeat; text-indent: -9000px; }
#header h1 a{ width: 900px; height: 75px; padding: 0; margin: 0; border: 0; display: block; text-decoration: none; }

#navigation{ float: left; width: 200px; font: italic 16px/42px Georgia, times, "Times New Roman", serif; }
#global{ margin: 0; padding: 45px 0 0 45px; }
#global li{ list-style-type: none; }
#global li a:link, #global li a:visited{ text-decoration: none; }
#global li a:hover, #global li a:active{ color: #fff; }
#global li #local{ font: italic 12px/22px Georgia, Times, "Times new Roman", serif; }

a:link, a:visited{ color: #D5CCA1; }
a:hover, a:active{ text-decoration: none; }

#sponsors{ margin: 0; padding: 0; text-align: center; }
#sponsors li{ list-style-type: none; display: block; margin: 0; padding: 0; }
#sponsors li .title{ display: block; padding: 0 5px; margin: 5px 10px; font-size: 16px; background: #2F3E2E; border: 1px solid #4A5641; }
#sponsors li ul{ margin: 0; padding: 0; }
#sponsors img{ display: block; margin: 20px auto; border: none; }

#page_body{ padding: 5px; margin-left: 200px; }

h1, h2{ margin: 15px 0 0 0; font-weight: normal; }
h2{ text-decoration: underline; font-size: 20px; }
p{ font: italic 12px/26px Georgia, Times, "Times new Roman", serif; padding: 0 0 25px 0; }

dl#packages{ line-height: 26px; margin: 0 0px; }
dl dt{ font-size: 16px; margin-top: 20px; padding: 0 5px; background: #2F3E2E; border: 1px solid #4A5641; }
dl dd{ margin: 0; font-size: 12px; }

table#alacarte{ border-collapse: collapse; margin: 10px 0; text-align: left; }
#alacarte thead{ text-align: center; line-height: 24px; background: #2F3E2E; border: 1px solid #4A5641; }
#alacarte tfoot{ font-style: italic; text-align: center; line-height: 36px; }
#alacarte tbody th, #alacarte tbody td{ padding: 3px 35px; border-bottom: 1px solid #2F3E2E; }
#alacarte tbody th{ border-left: 1px solid #2F3E2E; }
#alacarte tbody td{ border-right: 1px solid #2F3E2E; }

img.figure-a{ display: block; margin: 0 auto; border: 1px solid #fff; }
img.figure-b{ float: right; margin: 0 0 10px 10px; border: 1px solid #fff; }
img.figure-c{ float: left; margin: 0 10px 10px 0; border: 1px solid #fff; }

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

#portfolio{ width: 650px; height: 250px; display: block; margin: 50px 5px; padding: 0; }
#portfolio li{ float: left; display: block; padding: 0; margin: 0; width: 300px; 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 #fff; }
#portfolio li a.image img{ border: none; }

#slideshow { width: 600px; height: 400px; margin: 0 auto; }

fieldset{ display: inline; padding: 10px; margin: 0; border: 1px solid #4A5641; }
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; }
.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; }

form#contact{ width: 320px; }
form#contact fieldset { margin: 0; border: none; padding: 0; float: left; width: 320px; }
form#contact legend{ display: block; width: 310px; clear: both; color: #fff; font-size: 14px; padding-left: 0; padding-top: 0.8em; /* position: relative; left: -0.5em; */ }
form#contact label{ float: left; width: 45%; display: block; clear: none; padding: 0.4em; white-space: nowrap; }
form#contact img{ display: block; margin: 10px 0 0 0; padding: 0; }
form#contact input, #contact select{ width: 100%; margin-top: 0.1em; }
form#contact textarea{ width: 200%; margin-top: 0.1em; }
form#contact select{ height: 18px; margin-bottom: -5px; }
form#contact input.checkbox,
form#contact input.radio{width: auto; height: auto; margin: 0 .4em 0 0; padding-left: 0.3em; }
form#contact input#submit{ clear: both; float: left; width: auto; }
form#contact p{ font-size: 12px; text-indent: 0; margin: 0; }

form .required{ font-weight: bold; color: #E3CA61 ; }
form .error{ font-size: 10px; color: #E3CA61; padding-left: 0; font-style: italic; }

#footer{ clear: both; padding: 2px; margin-top: 0; background: #2F3E2E; border: 1px solid #4A5641; text-align: center; }
#footer .vcard *{ display: inline; font: italic 16px/28px Georgia, times, "Times New Roman", serif; }
#footer .vcard div{ padding-right: 25px; }

#mission{ font: italic 16px/42px Georgia, times, "Times New Roman", serif; text-align: center; }
#copyright{ font: 10px Verdana, arial, helvetica, sans-serif; text-align: center; }
#music{ width: 50px; height: 50px; margin: 0 auto; }