@charset "utf-8";
/* 
CSS Document for whimsicalwhisk.com  
Content created by Shawn Plew - shawn [dot] plew [at] gmail [dot] com
*/

body { text-align: center; margin: 0; padding: 0; background: #FCEBF0; }
p { margin: 5px 0; padding: 0; font-size: 17px; text-indent: 6px; line-height: 18px; color: #444; }
h1 {}
h2 { margin: 3px 0; padding: 0; font: 26px Georgia, "Times New Roman", Times, serif; }
h3 { margin: 3px 0; padding: 0; font: 22px Georgia, "Times New Roman", Times, serif; }
h3.home-link { margin-top: 55px; }
h4 { margin: 10px 0 5px 0; font: bold 16px Georgia, "Times New Roman", Times, serif; }
a { color: #D21242; text-decoration: none; }

br.clear { clear: both; line-height: 0; height: 0; }

#page { width: 780px; height: auto; margin: 10px auto 0 auto; padding: 10px 20px; text-align: left; border: 1px solid #F4C6D5; border-bottom-width: 2px; border-right-width: 2px; background: #FFF; }

img#logo { margin: 10px 0; }
a img#logo { border: none; }

ul#menu { position: relative; top: 10px; height: 22px; overflow: hidden; margin: 0 auto; padding: 0; list-style: none; font: 13px Georgia, "Times New Roman", Times, serif; }
ul#menu li { position: relative; top: -2px; display: inline; padding: 0 11px; margin: 0; border-left: 1px solid #BBB; text-align: center; }
ul#menu li.first { border-left: none; }
ul#menu li a { color: #555; text-decoration: none; }
ul#menu li a:hover { color: #000; }
ul#menu li a img { border: none; position: relative; top: 3px; padding-right: 5px; }
ul#menu ul { display: none; }

/* --- New dropdown menu code, not ready for prime time.
ul#menu { width: 600px; margin: 0 auto; padding: 0; list-style: none; font: 14px Georgia, "Times New Roman", Times, serif; text-align: center; }
ul#menu li { display: block; float: left; padding: 0 15px; margin: 0; border-left: 1px solid #BBB; text-align: center; }
ul#menu li.first { border-left: none; }
ul#menu li a { color: #555; text-decoration: none; }
ul#menu li a:hover { color: #000; }
ul#menu li a img { border: none; position: relative; top: 3px; padding-right: 5px; }

ul#menu li ul { position: relative; left: -999px; background: red; }
ul#menu li:hover ul { position: relative; left: 0; }
ul#menu li ul li { float: none; }
*/


#main { padding: 15px 0; }

.home-panel { float: left; width: 485px; height: 350px; margin: 0 5px 15px 5px; overflow: hidden; }
.home-panel img { border: 1px solid #F4C6D5; }

.interior-panel { float: right; margin: 0 0 15px 15px; padding: 0; }
.interior-panel img { border: 1px solid #F4C6D5; width: 315px; height: auto; overflow: hidden; }
.interior-panel p { width: 320px; padding: 0; margin: 3px 0; font: 9px Verdana, Arial; text-align: left; text-indent: 0; color: #777; }

#text-box { clear: left; float: left; margin: 15px 0; padding: 0 8px; background: #FFF; }
#text-box.home { width: 264px; }
#text-box.albumWide { width: 450px; }
#text-box.wide { width: 770px; }
#text-box p { color: #333; line-height: 22px; }
#text-box ul { margin: 5px 15px; }
#text-box li { margin: 3px 0 3px 10px; }

p#footer { clear: both; width: 750px; height: 16px; margin: 3px auto; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; }
p#footer .left { float: left; text-align: left; }
p#footer .right { float: right; text-align: right; }
p#footer small { font-size: 9px; }
p#footer small a { color: #999; }

ul.menu-options { list-style: none; margin: 0 0 10px 0; font-size: 20px; }
ul.menu-options a:hover { text-decoration: underline; }


/*---Form Styles---*/
label { display: block; margin: 10px; text-align: right; }
label textarea { display: block; float: right; width: 410px; height: 240px; }
input.submit { clear: right; float: right; margin: 10px; }

/*---FAlbum styles---*/
#fAlbum { float: left; width: 500px; }
#fAlbum.narrow { width: 300px; }
#fAlbum h3 { font-size: 18px; color: #333; margin: 10px auto auto 25px; }
#fAlbum p { margin-left: 25px; text-indent: 0; }
#fAlbum p.breadcrumb { float: left; text-align: left; width: 445px; padding: 0; margin: 0 0 0 25px; font: 10px Verdana, Arial, Helvetica, sans-serif; text-indent: 0; color: #666; }
#fAlbum p.breadcrumb a:hover { border: none; }
#fAlbum small { padding: 5px 0 0 340px; font: 10px  Verdana, Arial, Helvetica, sans-serif; color: #777; }
#fAlbum small a img { border: none; }
#fAlbum.narrow small { padding-left: 150px; }

.set { float: left; width: 210px; height: 75px; margin: 5px 5px 5px 0; padding: 0; border: 1px solid #CCC; text-indent: 0; }
.set a { display: block; width: 210px; height: 75px; text-decoration: none; color: #333; background: #FCF5F7; }
.set a:hover { background: #FCEBF0; text-decoration: none !important; }
.set img { float: left; margin-right: 5px; border: none; }
.set a .set-title { color: #900; display: block; margin-bottom: 3px; font-size: 14px; font-weight: bold; }
.set a .desc { display: block; padding: 0 3px; font-size: 10px; color: #000; line-height: 12px; }
.set a .desc:hover { text-decoration: none; }

.narrow .set { width: 160px; }
.narrow .set a { width: 160px; }

ul.set-photos { margin: 0 2px; padding: 5px 0 5px 20px; list-style: none; }
ul.set-photos li { display: inline; margin: 0; padding: 0; font-weight: bold; }
ul.set-photos a { float: left; width: 75px; height: 75px; margin: 3px; padding: 0; overflow: hidden; border: 1px solid #CCC; text-decoration: none; }
ul.set-photos li a img { border: none; width: 75px; height: 75px; }
ul.set-photos li a:hover { border-color: #D21242; }

.photo-lg { width: 276px; margin: 10px 0; padding: 10px; border: 1px solid #F4C6D5; background: #FEF3F6; text-align: center; }

fieldset.newsletter { width: 295px; margin-bottom: 10px; padding: 10px 10px 10px 5px; border-color: #F4C3D6; }
fieldset.newsletter legend { font-size: 14px; font-weight: bold; }
fieldset.newsletter label { display: block; margin: 10px 5px; text-align: left; }
fieldset.newsletter label input { display: inline-block; margin-left: 10px; }

#text-box ul.press { margin: 0; padding: 0; list-style: none; font-size: 75%; }
#text-box ul.press li { float: left; height: 150px; width: 100px; margin: 0 6px 12px 6px; padding: 5px; text-align: center; overflow: hidden; background: #FCF9FA; border: 2px solid #FCEBF0; }
#text-box ul.press img { border: none; }
#text-box ul.press a.imglink { display: block; float: left; height: 100px; width: 100px; }
#text-box ul.press a img { border: none; }
#text-box ul.press img.shrink { width: 71px; height: 94px; }
#text-box ul.press img.shrink_scan { width: 67px; height: 87px; }
#text-box ul.press img.shrink_scan_2 { width: 78px; height: 158px; }