/*
	
	Author Name	  : Sean Aquino
	Author email  : sean [at] design-uchi [dot] com
	Style Name	  : Shawn Sean Squared 2009 Invite
	Created		  :	01-2009
	Comments	  : Base styles from blueprint 			
*/

@import url("blueprint/plugins/fancy-type/screen.css");

/* default overrides                     
**********************************************/

body { background:#553511 url(../images/brown-bg.jpg) repeat 0px 0px; margin:0; color:#603913;  font-family:Georgia, "Times New Roman", Times, serif;}
h1, h2, h3, h4, h5, h6 {color:#603913;}
a, a:link { color:#BF2F31;}
a:visited { color:#FF506F;}
a:focus, a:hover { color:#000000;}
p { font-size:1.2em;line-height:1.5em;}

/*backgrounds */
#page {background:url(../images/page-bg.png) repeat-y center 0px; display:block;}
#ribbon { background:url(../images/ribbon.png) repeat-x 0 240px;}

/*image replacement
**********************************************/
.img-replace {margin-bottom:0px;}
.img-replace a {display: block; }
.img-replace a:hover { background-color: transparent; text-decoration: none; }
.img-replace span { display: block; width: 0; height: 0; overflow: hidden; }


/*image replacment site title */
#site-title a {background: url(../images/site-title.png) no-repeat 0px 0px;}
#site-title, #site-title a {width:330px; height:180px;}

/* general styles
**********************************************/

/*image replacment invite names */
#invite-names {background: url(../images/invite-names.png) no-repeat 65px 0px;}
#invite-names {width:440px; height:150px;}

#invite-btn { float:none; margin:0;}

.center {text-align:center;}
p.right {text-align:right;}

/*navigation
**********************************************/

/* for bow graphic*/
#nav-wrapper {background: url(../images/bow.png) no-repeat center 60px;  height:240px;}
/* from panic via greg johnson */
#nav, #nav li {list-style:none;}
#nav { margin:0 auto; height:60px; width:950px;} 
#nav li { display:block; float:left; height:60px; } 
#nav li a { display:block; position:relative; height:60px; background-image: url(../images/navigation.png); background-repeat:no-repeat; }
#nav li a strong { display:none; } 
#nav li a span.hover{ display:block; position:absolute; background-image:url(../images/navigation.png); height:60px; background-repeat:no-repeat; } 


#when-nav, #when-nav a, #when-nav a span.hover {width:120px;}
#when-nav a { background-position:0 0; }
#when-nav a .hover{ background-position:0 -60px; } 

#where-nav, #where-nav a, #where-nav a span.hover {width:125px;}
#where-nav a { background-position:-130px 0; }
#where-nav a .hover{ background-position:-130px -60px; }

#invitations-nav, #invitations-nav a, #invitations-nav a span.hover {width:150px;}
#invitations-nav a { background-position:-245px 0; }
#invitations-nav a .hover, #invitations-nav a.rsvp { background-position:-245px -60px; }

#registry-nav, #registry-nav a, #registry-nav a span.hover {width:180px;}
#registry-nav a { background-position:-410px 0; }
#registry-nav a .hover{ background-position:-410px -60px; }

#menu-nav, #menu-nav a, #menu-nav a span.hover {width:120px;}
#menu-nav a { background-position:-590px 0; }
#menu-nav a .hover{ background-position:-590px -60px; }

#accomodations-nav, #accomodations-nav a, #accomodations-nav a span.hover {width:240px;}
#accomodations-nav a { background-position:-710px 0; }
#accomodations-nav a .hover{ background-position:-710px -60px; }


/*card
**********************************************/

#card { background:url(../images/card-bg.png) no-repeat center 0; height:500px;}

/*from jqueryfordesigners.com/coda-slider-effect */
#slider {
  width: 470px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 445px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 430px; /* change to 560px if not using JS to remove rh.scroll */
}



/* Footer shadow */
#ft-shadow { background:url(../images/ft-shadow.png) no-repeat center 0; margin:0 auto; width:1000px; height:20px; }


/*archive message
**********************************************/
#archive-message {background-color:#222222; color:#fff;}
#archive-message p {padding:1.5em; text-align:center;}