/* *
 * The Bertalottos
 * Created: 7-05-07 
 * */

/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

body { text-align:center; margin:0 auto; background-color:#EFFFFF; padding:1em 0 2em; }
#doc { width:788px; text-align:left; background-color:#fff; margin:0 auto; padding:5px; border:1px solid #A97D75;  }
.clear { zoom:1; }
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
a, a:link,  a:visited { text-decoration:none; color:#03457A; }
a:hover { color:#000; }
.sep { height:1em; background-color:#60BFBF; }
hr { display:none; }
h3 { font:normal 167% "Trebuchet MS"; color:#408080; letter-spacing:-1px; }
h4 { font:bold 107% georgia,times; color:#666; margin-top:.7em; }
h5 { font:normal 165% "Times New Roman"; color:#408080; margin-bottom:3px; }
p { line-height:1.3em; padding:.5em 0; }
p strong { font-weight:bold; }

/* hd */
#hd { padding-left:405px; zoom:1; margin:0; position:relative; }
#hd #us { background-repeat: no-repeat; width:400px; height:250px; float:left; margin-left:-405px; _margin-left:-203px; _position:relative; *height:249px; }
#hd #dress { background: url(/images/dress.jpg) no-repeat; width:383px; height:163px; _margin-left:-3px; }
#hd #tagline { background-color:#60BFBF; color:#fff; padding:1.42em 3em; margin-top:5px; *padding:1.319em 3em; }
#hd #tagline h1, #hd #tagline h2 { font:bold 165% Georgia,Times; }
#hd #tagline h2 { font-size:128%; }
#hd #starburst { font:bold 92% Georgia,Times; color:#048181; position:absolute; right:-52px; bottom:-9px; background:url(/images/starburst.png) no-repeat; width:96px; height:98px; text-align:center; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/starburst.png', sizingMethod='crop');}
#hd #starburst strong { font-size:248%; display:block; padding-top:10px; margin-left:-6px; }

/* nav */
#nav { margin:5px 0 0; background:#6FE1E1 url(/images/nav-on.gif) repeat-x bottom left; border:1px solid #009999; border-width:1px 1px 0; }
#nav h3 { display:none; }
#nav li { float:left; }
#nav a:link, #nav a:visited { /*color:#A97D75;*/color:#007373; font:bold 92% arial; padding:5px 8px; display:block; }
#nav a:hover { color:#000; }
#nav li.active { margin-bottom:-1px; }
#nav li.active a, #nav li.active a:visited { background-color:#009999; color:#FFE6BF; }

/* subnav */
#subnav { background-color:#009999; min-height:1px; _height:1px; *line-height:0; }
#subnav ul { margin:0; padding:0; }
#subnav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#subnav li { float:left; font:bold 92% arial; padding:5px 10px; }
#subnav li a:link, #subnav li a:visited { color:#80FFFF; }
#subnav li a:hover { color:#fff; }
#subnav li.active a, #subnav li.active a:visited { color:#FFFFE6; }

/* bd */
#bd { margin:.4em 0; min-height:250px; _height:250px; padding-bottom:20px; }
#bd .col-w { float:left; width:49%; }
#bd .col-e { float:right; width:49%; }

/* ft */
#ft { text-align:center; padding:.3em 0; position:relative; }
#ft ul { /*background-color:#E2E4CE;*/ }
#ft li { display:inline; margin:0 .7em; }
#ft a:link, #ft a:visited { font:normal 77% arial; }
#ft a:hover { color:#000; }
#ft #shadow { width:100%; position:absolute; bottom:-26px; left:0px; height:20px; background: url(/images/shadow2.png) repeat-x 0px -1px; }

/* homepage */
#message { color:#555; font:italic 100% verdana; letter-spacing:-.04em; }
#message h3 { font-size:121%; }

/* ==== global styles ==== */
.marker li { margin-bottom:5px; }
.bullet li { background-image: url("/images/bullet.gif"); background-repeat: no-repeat; background-position: 0 7px; padding-left:8px; margin-bottom:5px; }
.bullet li strong { font-weight:bold; }
.number { margin-left:1.5em; *margin-left:1.9em; margin-top:2px; }
.number li { list-style:decimal; margin-bottom:2px; }
.number li em { font-style:italic; display:block; font-weight:bold; }
.list li { margin-bottom:5px; padding:5px 5px 5px 8px; background-color:#C0FFFF; background-position:3px 12px; }
.list li.color1 { background-color:#fff; }
em.note { font:italic 85% arial; float:right; }
img.left { float:left; margin:10px 10px 10px 0; border:1px solid #60BFBF; }
img.right { float:right; margin:10px 0 10px 10px; border:1px solid #60BFBF; }
.divider { height:5px; /*background: url(/images/divider.gif) no-repeat;*/ border-bottom:1px dotted #c8c8c8; margin:15px; }
.subnav {  }
.subnav strong { font-weight:bold; }
.subnav img { vertical-align:middle; }
.color1 { background-color:#fff; }
.color2 { background-color:#C0FFFF; }

/* icons */
a.iphoto { background: url(/images/picture.png) no-repeat; padding-left:19px; font-weight:bold; }

/* poll results */
#poll { width:100%; }
ol.results { list-style-type: upper-alpha; margin:10px 0 0 22px; *margin-left:25px; }
ol.results li { margin-bottom:10px; }
ol.results li div { background-color:#AFF5F5; padding:1px 2px; color:#333; }

.photos { color:#696969; padding:1em 0; font-family:verdana; }
.photos .hd { zoom:1; margin-bottom:5px; }
.photos .hd:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.photos .hd h4 { float:left; margin:0; }
.photos .hd a { float:right; }
.photos cite { font-size:85%; line-height:1.4em; }
.photos a.action { display:block; font:normal 77% arial; margin-top:3px; }
.photos .bd a { margin-right:-3px;  }
.photos .bd a.last { margin:0; }
.photos .bd img { width:75px; height:75px; margin-right:4px; }

/* address */
address.mod { display:block; padding-left:110px; zoom:1; _padding-left:0px; }
address.mod:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
address.noimg { padding:0; }
address.mod a.img { float:left; margin-left:-110px; display:block; _position:relative; _margin-left:0px; }
address.mod img { border:1px solid #E2E4CE; }

/* items */
.items .item { float:left; width:48%; margin-bottom:30px; margin-right:15px;}
.items .item q, .items .item cite { font:normal 85% arial; }
.items .item cite { font-weight:bold; padding-right:3px; display:block; }
.nomg .item { margin-bottom:10px; }
.items .bottom { margin:0; }

/* itinerary */
#itinerary-map { float:right; margin-left:10px; }
#itinerary-map img { border:1px solid #999; }
#itinerary dt { font:bold 92% arial; text-transform:uppercase;  margin-top:15px; }

/* comments */
.comments { width:81%; margin-top:8px; }
.comments ul li { margin-left:0px; margin-top:3px; display:block; position:relative; zoom:1; margin-bottom:10px; padding:5px 10px; }
.comments ul li cite { margin:3px 0 0; font-weight:bold; color:#666; font-size:92%; display:block; }
.comments ul li .bd { /*padding:10px; border:1px solid #000;*/ font:normal 100% Georgia,Times; }
.comments ul li .bd blockquote {  }
.comments ul li .hd,
.comments ul li .ft { position:relative; zoom:1; display:none; }
.comments ul li .tl,
.comments ul li .tr,
.comments ul li .bl,
.comments ul li .br { width:6px; height:6px; background: url(/images/bubble.gif) no-repeat; position:absolute; overflow:hidden; }
.comments ul li .tl { top:0px; left:0px; }
.comments ul li .tr { background-position:top right; top:0px; right:0px; }
.comments ul li .bl { background-position:0px -6px; bottom:0px; left:0px; }
.comments ul li .br { background-position:-6px -6px; bottom:0px; right:0px; }
.comments ul li .point { width:18px; height:17px; background: url(/images/pointer.gif) no-repeat; position:absolute; top:-1px; left:12px; }

/* map */
#map { margin-top:15px; }
#map h4 { margin-bottom:3px; }
#map iframe { border:1px solid #E2E4CE; }
#map a { display:block; text-transform:uppercase; font-size:77%; }

/* hp */
.hp h3 { font-size:128%; }

/* wedding party */
#wedding-party { margin-top:10px; }
#wedding-party h4 { margin:15px 0 5px; }
#wedding-party li cite { display:block; font-size:92%; margin-top:2px; font-style:italic; }
#wedding-party ul.wphotos li { padding-left:160px; width:200px; margin-bottom:15px; zoom:1; min-height:145px; _height:145px; }
#wedding-party ul.wphotos li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#wedding-party ul.wphotos li img { display:block; float:left; margin:3px 0 0 -160px; width:150px; border:1px solid #E2E4CE; _margin-left:-80px; }
#wedding-party ul.wphotos li h5 { font-size:155%; margin-bottom:-1px; }
#wedding-party ul.wphotos li em { font:normal 92% arial; color:#999; }
#wedding-party ul.wphotos li p { padding:0; }

/* ==== contact us form ==== */
form.form { margin:10px 0; }
form.form fieldset { margin-bottom:5px; }
form.form legend { font:bold 107% georgia,times; color:#666; margin:0 0 10px 0; padding:0; *margin-left:-5px; }
form.form legend.hide { display:none; }
form.form label { display:block; margin-bottom:1em; }
form.form label input,
form.form label textarea { border:1px solid #60BFBF; width:80%; display:block; padding:2px; }
form.form label textarea { height:100px; }
form.form button#submit { border:none; padding:4px 20px; border:1px solid #60BFBF; background:#C2EFEF; text-transform:uppercase; font:normal 77% arial; cursor:pointer; }
form.form button#submit:hover { color:#000; background:#60BFBF; }
form.form .captcha { margin-bottom:1em; }
form.form .captcha label { margin:0 0 2px; }
form.form .captcha .col { float:left; margin-right:10px;}
form.form .captcha img { border:1px solid #60BFBF; }
form.form .captcha #captcha { border:1px solid #60BFBF; padding:2px; }
/* inline */
form.form fieldset.inline label { display:inline; }
form.form fieldset.inline div { margin-bottom:5px; }
form.form fieldset.inline div input { vertical-align:middle; margin:0 5px 4px 0; *margin:0 2px 0px 0; }

/* pagination */
.pagination { text-align:center; }

/* messages */
ul.error { background:#AD0404; border:1px solid #A09D97; color:#fff; padding:5px 5px 2px; }
ul.error li { background: url(/images/bullet-white.gif) no-repeat 0px 6px; padding-left:8px; margin-bottom:3px; }
.success { background-color:#9FFFC7; border:1px solid #41AF6F; color:#000; font-weight:bold; padding: .5em; margin-top:1em; }

/* ==== Photo Album ==== */
#thumbnails { float:left; width:345px; height:325px; overflow:auto; }
#thumbnails a { float:left; display:block; border:3px solid #fff; margin-bottom:-1px; }
#thumbnails a:hover { border-color:#60BFBF; }
#thumbnails a img { margin-bottom:-3px; *margin:0; }
#photoviewer { float:left; margin-top:0px; position:relative; margin-left:5px; _display:inline; }
#photoviewer a { width:437px; height:325px; background-repeat:no-repeat; background-position:center left; display:block; z-index:10; position:absolute; }
#photoviewer a img { display:none; }
#photoviewer #loading { position:absolute; top:0; left:0; width:200px; }
#photoviewer #loading img { vertical-align:middle; }

/* ==== Guestbook ==== */
#guestbook label input,
#guestbook label textarea { width:93%; }

/* ==== Registry === */
#registry .mod {  }
#registry .img {  }

/* ==== Table Styles ==== */
table.mod { width:100%; border-collapse:collapse; font-size:100%; }
table.mod caption { text-align:center; background-color:#c0ffff; border:1px solid #807b59; font:bold 130% arial, sans-serif; padding:5px 0;  margin:10px 0 0;}
table.mod th { text-align:center; background:#6FE1E1 url(/images/nav-on.gif) repeat-x bottom left; border:1px solid #009999; padding:5px 0; }
table.mod td { padding:7px 0; }
table.mod td img { border:none; }
table.mod tr.color1 {  }

/* ==== Print Styles ==== */
@media print {
	body { font-size: 12pt; margin:0; padding:0; }
	img { border: none; display:none; }
	hr { display:block; }
	h1 { display:block; font-size:225%; margin: 0px; padding: 0px; text-indent:0; background:none; }
	h2 { display:none; }
	h3 { color:#000; font-size:135%; }
	#doc { border:none; padding:0; width:auto; }
	#hd { margin:0; padding:0; }
	#hd #tagline { background-color:#fff; padding:0; margin:0; color:#000; }
	#hd #tagline h1 { font-size:165%; }
	#bd { min-height:0; margin:0; }
	#bd .col-w, #bd .col-e { width:100%; float:none; }
	.divider { border:none; }
	.sep { background-color:#fff; height:auto; }
	address.mod { padding:0; }
	.items .item { float:none; width:auto; }
	
	#nav,
	#us,
	#dress,
	.subnav,
	address.mod a.img { display:none !important; }
	a:link, a:visited { background-color: #FFFFFF; color: #0000FF; }	
}