/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,p,blockquote,th,td { 
margin:0;
padding:0;
font-weight: normal;
}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
em,strong,th {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
th,	td {vertical-align: top;}

/* Base */
body {	
font-family: Helvetica, Arial, sans-serif;
font-size: 0.9em;
line-height:140%;
color: #222;
background-color: #6D0B19;
height:100%;
width:100%;
text-align:center;
background: url(./images/background.png) repeat-x top;
background-attachment:fixed;
}
a, a:hover, a:visited, a:link {color: #c22b29;text-decoration: none;}
a:hover {color: #666666;}
strong {font-weight:bold;}
em {font-style:italic;}
p {margin-bottom:20px;}
h1 {font-size:250%; color:#FFFFFF; font-weight:bold;}
h3 {font-size:150%; color:#CCCCCC; font-weight:bold; margin-bottom:10px;}

#wrap {
width:720px;
text-align:center;
margin: 0 auto;
position:relative;
}
#background {
text-align:center;
margin: 0 auto;
background: url(./images/background_layer.png) no-repeat top center;
max-width:1100px;
min-width:720px;
height:445px;
z-index:-1;
padding-top:70px;
}
#background2 {
background: url(./images/background_layer2.png) no-repeat top center;
width:340px;
height:194px;
position:absolute;
margin:0px 0 0 170px;
}
#logo {
background: url(./images/wedding_logo.png) no-repeat top;
width:320px;
height:96px;
position:absolute;
z-index:99;
margin:-70px 0 0 -15px;
}
#content {
background-color: transparent;
padding:10px;
}
.box1 {
text-align:center;
width:720px;
margin: 0 auto 40px auto;
background-color:#333333;
background: rgba(51, 51, 51, 0.8);
border: 1px solid #000000;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
position:relative;
min-height:400px;
color:#FFFFFF
}
.box2 {
text-align:center;
width:720px;
margin: 0 auto 40px auto;
border: 1px solid #000000;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
position:relative;
min-height:400px;
background-color:#FFF;
color:#333333;
}
.left {text-align:left; padding:10px 20px 20px 20px;}
.right {text-align:right; padding:10px 20px 20px 20px;}
.top {position: absolute; right:5px; bottom:5px;}

#slideshow {
position:relative;
width:700px;
height:400px;
margin:10px;
}
#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
}
#slideshow IMG.active {z-index:10;}
#slideshow IMG.last-active {z-index:9;}

#menu {position:absolute; margin:-20px 15px 0 0; right:0;}
#menu ul li {position:relative;display:inline; margin-left:-3px;}
#menu ul li a {
padding:5px 7px 5px 7px;
color:#e8dfe0;
background-color:#333333;
background: rgba(51, 51, 51, 0.8);
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
-webkit-border-top-left-radius:12px;
-webkit-border-top-right-radius:12px;
border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
font-weight:bold;
font-size:90%;
}
#menu ul li a:hover { background-color:#b51024;}

.small {font-size:80%;}
.grey {color:#999999;}
.name {font-size:140%; font-weight:bold; color:#333333; display:block; margin-bottom:5px;}
.party_info {margin-top:20px;}
a.button {
display:block;
padding:5px 8px 5px 8px;
background-color:#6d0b19;
color:#d39496;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin:5px;
float:left;
border:1px solid #000000;
}
a.button:hover {
background-color:#d91f24;
color:#6d0b19;
}
#rsvp a {
display:block;
padding:10px 15px;
background-color:#b51024;
color:#FFF;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border:1px solid #000000;
font-size:160%;
font-weight:bold;
float:left;
}
.rsvp_top a {
margin:10px 10px 0 0;
right:0;
position:absolute;
}
#rsvp a:hover {background-color: #333333;}
/* ---------------------------------------------------------------------------------------------- */

div.pp_pic_holder a:focus { outline:none; }

div.pp_overlay {
background: #000;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}

div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}

.pp_top {
height: 20px;
position: relative;
}
* html .pp_top { padding: 0 20px; }

.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle {
left: 0;
position: static;
}

.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}

.pp_content {
height: 40px;
position: relative;
text-align: left;
width: 100%;
}

.pp_content .pp_details {
display: none;
margin: 10px 15px 2px 20px;
}
.pp_description {
display: none;
float: left;
margin: 0;
}

.pp_nav {
clear: left;
float: left;
margin: 3px 0 0 0;
}

.pp_nav p {
float: left;
margin: 2px 4px;
}

.pp_nav a.pp_arrow_previous,
.pp_nav a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}

.pp_hoverContainer {
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}

a.pp_next {
background: url(./images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}

a.pp_previous {
background: url(./images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}

a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;	
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}

a.pp_close {
display: block;
float: right;
text-indent: -10000px;
}

.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_bottom { padding: 0 20px; }

.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}

.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}

.pp_loaderIcon {
display: none;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}

#pp_full_res {
display: none;
line-height: 1 !important;
margin: 0 auto;
text-align: center;
width: 100%;
}

div.ppt {
color: #fff;
display: none;
font-size: 17px;
left: 0;
position: absolute;
top: 0;
z-index: 9999;
}

ul.gift_links {
	margin-left: 200px;
	font-size: 120%;
	list-style: disc;
}
ul.gift_links a {
	color: #fddddd;
}


/* ----------------------------------
Dark Rounded Theme
----------------------------------- */
div.dark_rounded .pp_top .pp_left { background: url(./images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.dark_rounded .pp_top .pp_middle { background: url(./images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
div.dark_rounded .pp_top .pp_right { background: url(./images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */

div.dark_rounded .pp_content { background: url(./images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
div.dark_rounded .pp_next:hover { background: url(./images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
div.dark_rounded .pp_previous:hover { background: url(./images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.dark_rounded .pp_expand { background: url(./images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_rounded .pp_expand:hover { background: url(./images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_rounded .pp_contract { background: url(./images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_rounded .pp_contract:hover { background: url(./images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(./images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded .pp_description { color: #fff; }

div.dark_rounded .pp_arrow_previous { background: url(./images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(./images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

div.dark_rounded .pp_bottom .pp_left { background: url(./images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle { background: url(./images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right { background: url(./images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

div.dark_rounded .pp_loaderIcon { background: url(./images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */