/***** screen style sheet for JDP 2007...
 * (c) 2007 abbeydale associates
 */

/* basic page layout stuff... */
  * {padding:0; margin:0;}
  ul, li {list-style:none;}
  body {margin:10px auto; width:800px; text-align:center; /* (for IE) */ height:12em;
      font:small verdana, arial, sans-serif; line-height:105%; color:#303033; background-color:#303033;}
  * html body {font-size:x-small; f\ont-size:small;} /* IE5 hack */
  div.page {float:left; width:788px; padding:0 10px 0 0; font-size:85%; background-color:#303033;
      border-left:1px solid #303033; border-right:1px solid #303033;}

/* top of page banner... */
  div.banner {float:left; width:780px; height:75px; padding:0 10px; text-align:right;
      background-color:#303033 /*url(imgs/banner_800.jpg) left top no-repeat*/;}
  #banner_logo {float:left}
  p.quote {font-size:85%; text-align:right; padding:5px 0 0 400px; color:#996666}
  #linkHome img {border:0; margin:0; padding:0;}

/* page title... */
  div.title {float:left; width:778px; padding:15px 10px; font-size:95%;
      background-color:#303033; border-left:1px solid #303033; border-right:1px solid #303033;}
  h1 {color:#f8f8f8; float:left; font:bold 1.5em verdana, tahoma, sans-serif; margin:3px 0 3px 143px; text-align:left;}
  p.subtitle {float:left; font: 1.0em verdana, tahoma, sans-serif; padding:6px 10px 0 10px; text-align:left;}

/* menu links... */
  div.menu {float:left; width:150px; text-align:left;}
  ul.menu {font:bold 1.0em verdana, tahoma, sans-serif; color:#D8D8DC; margin:0}
  li.menu {margin:10px 0 0 0; padding:0 0 0 10px; list-style:none;}
  li.menu1 {margin:3px 0 0 0; padding:0 0 0 10px; list-style:none;}
  li.submenu {font:bold 0.95em verdana, tahoma, sans-serif; margin:5px 0 0 0; padding:0 0 0 18px; list-style:none;}
  li#this {color:#FFFFFF; background:#303033 url(imgs/mnuptr.gif) left 50% no-repeat;}
  a.menu {text-decoration:none; color:#D8D8DC;}
  a.menu:hover {text-decoration:none; color:#FFFFFF; background:#303033 url(imgs/linklight.gif) left 50% repeat-x}
  ul#shortcuts {margin:30px 0 0 0;}

/* common page content... */
  div.content {width:635px; float:right; text-align:left;}
  div.col_left {float:left; clear:left; width:49%; padding:0 5px 10px 0; text-align:left;}
  div.col_ctr {width:32%; padding:0 5px 10px 5px; text-align:left; float:left;}
  div.col_right {float:right; width:49%; padding:0 0 10px 5px; text-align:left;}
  div.full_width {float:right; width:100%; padding:0 0 10px 0; text-align:left;}
  h2 {font: bold 1.2em verdana, tahoma, sans-serif; margin:9px 0 1px 0; text-align:left;}
  h3 {font: bold 1.0em verdana, tahoma, sans-serif; margin:6px 0 1px 0; text-align:left;}
  h4 {font: bold 1.0em verdana, tahoma, sans-serif; margin:4px 0 0 0; text-align:left;}
  h1 a, h2 a, h3 a {text-decoration:none;}
  p {margin:0.25em 0 0 0;}
  p.caption {margin:0 0 0.5em 10px;}
  p.instruction {font-size:85%; margin:0.2em 0 0.5em 0;}
  p#countdown {text-align:right; margin-right:10px;}
  a {color:#D8D8DC;}
  a:hover {color:#000000; background-color:#D8D8DC; text-decoration:none;}
  a.lightup {color:#D8D8DC; text-decoration:none;}
  a.lightup:hover {color:#F8F8FF; text-decoration:none; background:#303033 url(imgs/linklight.gif) left 50% repeat-x;}
  ul {margin:0.5em 0 0 12px;}
  li {list-style:outside disc; margin:0.25em 0 0 12px;}
  .emph {font-weight:bold; font-style:italic;}

/* impinabox galleries... */
  div#imgctrls {float:left; clear:left; display:inline; height:15px; margin:2px 20px 20px 30px; width:330px; padding:0 0 0 270px;}
  #home div#imgctrls {width:330px; padding:0 0 0 333px;}
  ul.imgctrl {font:75% verdana, tahoma, arial, sans-serif; color:#D8D8DC;}
  li.imgctrl {float:left; list-style:none;}
  img.imgctrl {padding:0; cursor:pointer; vertical-align:bottom; border:none;}
  li.noimgctrl {float:right; padding:0 0 0 6px; color:#FFFFFF; font-weight:bold;}
  #imgctrls p {text-align:left;}
  #imgctrls a {color:#D8D8DC; text-decoration:none; cursor:pointer;}
  #imgctrls a:hover {color:#FFFFFF; background-color:#303033; text-decoration:none;}
  /* the big picture... */
  div#slide  {float:left; clear:left; display:inline; width:730px; margin:40px 0 0 30px; text-align:center;}
  img.fpmainpic {border:1px solid #CCCCCC;}
  
/* images... */
  img.photo {border:#D8D8DC 1px solid; margin:6px 0 3px 0;}

/* imp galleries and thumbnail links... */
  #thumbs a {background-color:#303033;}
  #thumbs a img {color:#D8D8DC; background-color:#303033; text-decoration:none; cursor:pointer; border:#D8D8DC 1px solid; margin:2px; text-align:center; vertical-align:middle;}
  #thumbs a:hover img {color:#FFFFFF; background-color:#303033; text-decoration:none; border:#FFFFFF 2px solid; margin:1px}
  
  #galleryAlbums #title {margin-bottom:6px;} 
  #galleryAlbums #img {float:left; clear:left; display:inline; width:480px;} 
  #galleryAlbums #thumbs {float:right; clear:right; display:inline; width:140px;} 
  #galleryAlbums #descn {margin-top:6px; margin-bottom:20px;}

/* bottom of page stuff... */
  div.copyright {float:left; width:780px; height:30px; padding:0px 10px; margin-bottom:20px; color:#cccccc; background-color:#303033 /*url(imgs/bottom_800.jpg) left bottom no-repeat*/;}
  p.copyright {float:right; padding:10px 0 0 0; font-size:75%; color:#cccccc;}
  p.byeline {float:left; padding:10px 0 0 0; font-size:75%; color:#cccccc;}
  a.byeline {color:#cccccc; text-decoration:none;}
  a.byeline:hover {color:#ffffff; text-decoration:none;}

/* page specific stuff... */

/* weddings page... */
  p#intro {margin:1.0em 0;}

/* galleries... */
  #galleries dl  {float:left; display:inline; width:45%; margin:18px 12px 0 12px;}
  #gallery-digital dl  {float:left; display:inline; margin:18px 12px 0 12px;}
  #galleries dl.odd  {clear:left;}
  #galleries dl.even {}
  #galleries dt {font-size:1.2em; font-weight:bold; line-height:auto; margin:0 0 1px 0;}
  #galleries .odd  dd {margin:10px 20px 10px 0;}
  #galleries .even dd {margin:10px 0 10px 20px;}
  #galleries .odd dd.img {float:right; display:inline; margin:0 0 0 10px;}
  #galleries .even dd.img {float:left; display:inline; margin:0 10px 0 0;}
  dt a {text-decoration:none;}
  a.thumb {text-decoration:none;}
  a.thumb:hover {background-color:transparent;}
  a.thumb img {border:#D8D8DC 1px solid; margin:4px 4px 4px 1px; text-align:center; vertical-align:middle;}
  a.thumb img:hover {border:#FFFFFF 2px solid; margin:3px 3px 3px 0;}
  
  /* this is a quick n dirty way to make floating rows line up in IE... */
  div.portfolioFudgeForIE {width:100%; float:left; clear:left;}

  #galleryDigital table {width:90%; text-align:center; vertical-align:top;}
  #galleryDigital td {text-align:center; vertical-align:top; padding:10px 0 10px 0;}
  #galleryDigital img {border:solid 1px #D8D8DC; margin:2px;}
  #galleryDigital img:hover {border:solid 2px #FFFFFF; margin:1px;}

  div.recentrow {float:left; margin:12px 0;}
  div.recent {float:left; width:190px; margin:0 10px 0 0;}
  h2.recent {font: bold 1.0em verdana, tahoma, sans-serif; margin:6px auto 1px auto; text-align:center;}

/* album stuff... */
  img.album {border:#D8D8DC 1px solid; margin:3px 0 3px 0;}
  #pktalbumclsd {float:left;}
  #pktalbumopen {float:right;}

/* digital album layouts...*/
  #bigpic {margin: 6px 0;}
  img.digthumb {border:#D8D8DC 1px solid; margin:4px 4px 4px 1px; text-align:center; vertical-align:middle;}
  img.digthumb:hover {border:#FFFFFF 2px solid; margin:3px 3px 3px 0;}

/* wedding trivia... */
  #champagne {margin-left:24px;}

/* contact page stuff... */
  img#jdbw {margin:0 0 15px 0;}
  div#avbl {}
  #day, #month, #year, #checkdate {display:inline;}
  #checkdate {margin:1px 3px 0 0;}
  #response {width:100%; height:7.0em; margin-top:10px;}
  select {margin:1px 0;}
  p#contact_pay {width:100%; margin:20px 0;}
  div#aswellas {margin-top:1.0em;}
  p.other_link {float:left; width:38%;}
  p.other_desc {float:right; width:58%}
  table#contact {}
  #contact td {padding:1px 5px 1px 0;}
  #contact td.caption_opt, #contact td.caption_req {text-align:right; vertical-align:top;}
  #contact td.caption_req {font-weight:bold; color:#FFFFFF;}
  #contact td.field   {text-align:left;  vertical-align:top;}
  #contact td.field em {font-style:normal; font-weight:bold; color:#FFFFFF;}
  #wedlove {padding-top:0; padding-bottom:10px;}
  #orsend {padding-top:10px; padding-bottom:5px;}

/* suppliers... */
  div.suppliers {float:left; width:73%; margin:6px 0 0 0;}
  h2.suppliers {float:left; clear:left; width:23%; margin:15px 12px 0 12px;}
  h3.suppliers {float:left; margin:12px 0 0 0;}
  a.suppliers {float:right; margin:12px 10px 0 0;}
  p.suppliers{float:right; width:100%;}

/* count-down timer stuff... */
  div#setdate {float:left; margin:20px auto; max-width:26.25em;}
  #day, #month, #year {float:left; margin:0 3px 3px 0;}
  #display {float:left;}
  #btn_clear {float:left; margin:3px 0 0 0;}
  #btn_set {float:right; margin:1.2em 0 3px 0;}
  #btn_done {float:right; margin:3px 0 0 0;}
  a.countdown8 {color:#D8D8DC; font-weight:bold; text-decoration:none;}
  a.countdown8:hover {background:#303033 url(imgs/linklight.gif) left 50% repeat-x;}
  a.countdown7 {color:#FF4444; font-weight:bold; text-decoration:none;}
  a.countdown7:hover {background:#303033 url(imgs/linklight.gif) left 50% repeat-x;}
  a.countdown1 {color:#FF4444; font-weight:bold; text-decoration:none;}
  a.countdown1:hover {background:#303033 url(imgs/linklight.gif) left 50% repeat-x;}
  a.countdown0 {color:#FF4444; font-weight:bold; text-decoration:none;}
  a.countdown0:hover {background:#303033 url(imgs/linklight.gif) left 50% repeat-x;}

/* price list stuff... */
  p.package {width:85%;}
  p.price {float:right; text-align:right; width:12%;}

/**** end of file ****/