/* //////////////////////////////////////////

Title: 		 Jenn & Josh Wedding website CSS
Author:		 Christian Sparrow 
Description: base stylesheet
Created:	 5/26/08

//////////////////////////////////////////*/

/* Imports */
@import url("reset.css"); /* resets DOM */

/* /////////////////////////////////////////

Color Glossary:

color   	= #
color   	= #
color   	= #
color   	= #
color   	= # 

///////////////////////////////////////////

Z-Index Glossary:

100's	=	desc.
200's	=	desc.
300's	=	container
400's	=	Paper
500's	=	desc.

//////////////////////////////////////// */ 






/*/////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////// GLOBAL /////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////*/



/* common 
-----------------------------------------------------*/	

body { 
	text-align:center; /* center box elements in IE */
	min-width:986px; /* prevent FF left overhang of content */
	background-color:#ede7d8; background-image: url("../images/bgMain.jpg"); background-repeat: repeat;
	font:12px/21px Georgia, "Times New Roman", Times, serif; color: #4c4639/*676152*/; 
}

a.img { 
	border:0 none;  /* get rid of annoying border around imgs in IE */
}

a {
	text-decoration:none;
}

a.bodytext, a.bodytext:visited {
	text-decoration:none; 
	border-bottom:1px solid #faf2db;
	color: #4c4639;
	padding:0 1px; 
}

a.bodytext:hover { 
	text-decoration:none;
	border-bottom:1px solid #c5690e;
	color: #fff;
	background-color:#c5690e;
	padding:0 1px;
}


h1 {
	font:14px/18px Georgia, "Times New Roman", Times, serif; color: #4c4639;
	text-transform:uppercase;
	margin:0 0 20px 0;
}

h2 {
	font-size:12px;
	line-height:14px;
}

p {
	margin-bottom:12px;
}

.bold {
	font-weight:bold;
}

.hiddenPic {display:none;} /* for preloading hidden images used in sub-pages */


/* wrapper 
-----------------------------------------------------*/
/* positions content to center (the right way!) */
#w { 
	width:712px; 
	/*height:866px;*/
	margin:0 auto 0 auto;	/* center box elements in FF (for proper scrolling)*/
	text-align:left; 		/* reset "centered" text back to "left-aligned */
	overflow:visible; 
	height:100%;
}   
		   		   		   
#header {
	position:relative;
	width:712px;
	height:49px;
	margin:0 0 0 0;
	overflow:visible;
	
}   
 
		   
/* Paper Container
-----------------------------------------------------*/

#paper {
	position:relative;
	margin:0 0 0 0;
	width:712px;
	overflow:visible;
	/*background-color:#ddd2ad;*/
	background-image: url("../images/paperBg.png"); background-repeat:repeat-y; 
}

#paperTop {
	position:relative;
	width:712px;
	height:8px;
	background-image: url("../images/paperTop.png"); background-repeat:no-repeat;
}

#paperBtm {
	position:relative;
	width:712px;
	height:9px;
	background-image: url("../images/paperBtm.jpg"); background-repeat:no-repeat;
}





/* Content Area: Global
-----------------------------------------------------*/		   

#c {
	position:relative;
	width:712px;
	z-index:300;
	
}

#logo {
	position:relative;
	margin:21px 0 0 205px;
	width:302px;
	height:46px;
	background-image: url("../images/logo.jpg"); background-repeat:no-repeat;
}


/* navbar
-------------------*/	
#navBg {
	float:left;
	margin:18px 0 0 -5px;
	width:722px;
	height:60px;
	text-align:center;
	background-image: url("../images/ribbonNavBg.png"); background-repeat:no-repeat;
}

ul#nav {
	background: url("../images/navSprite.gif");
	margin:23px 0 0 135px;
}

ul#nav li {
	float:left;
	height:13px;
	list-style:none;
	overflow:hidden;
}

ul#nav li a {
	display:block;
	height:13px;
	position:relative;
	/*top:0;*/
	text-indent:-9999px;
	outline:none;
}

li#engagement a, li#wedding a, li#rsvp a, li#travel a, li#registry a {
	background: url("../images/navSprite.gif");
}

li#engagement a 						{background-position:0 0; width:135px;}
li#engagement a:hover 					{background-position:0 -13px;}
body#pageEngagement li#engagement a 	{background-position:0 -13px;}

li#wedding a 							{background-position:-135px 0; width:108px;}
li#wedding a:hover 						{background-position:-135px -13px;}
body#pageWedding li#wedding a 			{background-position:-135px -13px;}

li#rsvp a 								{background-position:-245px 0; width:51px;}
li#rsvp a:hover 						{background-position:-245px -13px;}
body#pageRsvp li#rsvp a 				{background-position:-245px -13px;}

li#travel a 							{background-position:-296px 0; width:62px;}
li#travel a:hover 						{background-position:-296px -13px;}
body#pageTravel li#travel a 			{background-position:-296px -13px;}

li#registry a 							{background-position:-358px 0; width:79px;}
li#registry a:hover 					{background-position:-358px -13px;}
body#pageRegistry li#registry a 		{background-position:-358px -13px;}




/* Footer
-----------------------------------------------------*/		   

#f {
	margin-left:136px;
	width:712px;
	height:100px;
}


/* Bottom Container
-----------------------------------------------------*/		   

/*#bc {
	float:left;
	width:100%;
	height:100%;
}

#bcLeft {
	float:left;
	width:100%;
	height:100%;
	background-image: url("../images/logo.jpg"); 
	background-repeat:no-repeat;
	background-position:left;
}

#bcRight {
	float:right;
	width:100px;
	height:100px;
	background-color:#CCCCCC;
}*/





/*/////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////// PAGE SPECIFIC //////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////*/


/* Login/Splash (Index Page)
-----------------------------------------------------*/	
#loginWrapper {
	margin:0 auto 0 auto;	/* center box elements in FF (for proper scrolling)*/
	text-align:left; 		/* reset "centered" text back to "left-aligned */
	overflow:visible; 
	width:987px;
	height:633px;
	background-image: url("../images/loginBg.jpg"); 
	background-repeat:no-repeat;
}

#loginLogo {
	position:absolute;
	width:389px;
	height:58px;
	margin:85px 0 0 196px;
	background-image: url("../images/loginLogo.jpg"); 
	background-repeat:no-repeat;
}

#loginText {
	position:absolute;
	width:200px;
	height:15px;
	margin:190px 0 0 280px;  
}

#loginTextbox {
	position:absolute;
	width:100px;
	height:15px;
	margin:210px 0 0 280px;  
}

#loginBtnC { /* btn container */ 
	position:absolute;
	width:100px;
	height:15px;
	margin:250px 0 0 280px; 
}

.error {
	position:absolute;
	width:250px;
	height:15px;
	color:red;
	margin:290px 0 0 280px; 
}



/* Engagement
-----------------------------------------------------*/	
.Eng_TextBlock {
	position:relative;
	width:240px;
	margin:140px 0 55px 40px;
}

#photoApp { /* Flash gallery object */
	position:relative;
	width:412px;
	height:355px;
	margin:-215px 0 0 290px;
	z-index:400;
}

.eBuildings {
	position:relative;
	width:712px;
	height:199px;
	margin-top:-110px;
	background-image: url("../images/eBuildings.jpg"); 
	background-repeat:no-repeat;
}

.missy {
	position:absolute;
	width:316px;
	height:73px;
	margin:10px 0 0 50px;
	background-image: url("../images/missy.gif"); 
	background-repeat:no-repeat;
}


/* BG Graphics */
#eTopBg {
	position:absolute;
	margin:0 0 0 0;
	width:712px;
	height:49px;
	background-image: url("../images/eTop.jpg"); 
	background-repeat:no-repeat;
}

#eRightBg {
	position:absolute;
	margin:0 0 0 710px;
	width:140px;
	height:524px;
	background-image: url("../images/eRightSide.jpg"); 
	background-repeat:no-repeat;
}

#eLeftBg {
	position:absolute;
	margin:0 0 0 -136px;
	width:136px;
	height:497px;
	background-image: url("../images/eLeftSide.jpg"); 
	background-repeat:no-repeat;
}  



/* Wedding
-----------------------------------------------------*/	

.wedTextBlock {
	position:relative;
	width:450px;
	margin:120px 0 0 150px;
	overflow:visible;
}

.wedTextBlock h2 {
	font-weight:bold;
	margin:15px 0 5px 0;
}

.wedDivider {
	width:560px;
	height:1px;
	margin:25px 0 15px -110px;
	border-top:1px dashed #4c4639;
}


#wedTime1 {
	position:relative;
	margin:0 0 -32px -110px;
}

#wedTime2 {
	position:relative;
	margin:0 0 -20px -110px;
}
#wedTime3 {
	position:relative;
	margin:0 0 -20px -110px;
}
#wedTime4 {
	position:relative;
	margin:0 0 -32px -110px;
}
#wedTime5 {
	position:relative;
	margin:0 0 -32px -110px;
}
#wedTime6 {
	position:relative;
	margin:0 0 -20px -110px;
}
#wedTime7 {
	position:relative;
	margin:0 0 -20px -110px;
}
#wedTime8 {
	position:relative;
	margin:0 0 -20px -110px;
}
#wedTime9 {
	position:relative;
	margin:0 0 -20px -110px;
}
#wedTime10 {
	position:relative;
	margin:0 0 -20px -110px;
}
#wedTime11 {
	position:relative;
	margin:0 0 -20px -110px;
}


.wedFooter {
	position:relative;
	width:712px;
	height:199px;
	margin-top:10px;
	background-image: url("../images/engBuildings.jpg"); background-repeat:no-repeat;
}


/* BG Graphics */
#wedTopBg {
	position:absolute;
	margin:0 0 0 0;
	width:712px;
	height:49px;
	background-image: url("../images/wedTop.jpg"); 
	background-repeat:no-repeat;
}

#wedRightBg {
	position:absolute;
	margin:0 0 0 712px;
	width:138px;
	height:524px;
	background-image: url("../images/wedRightSide.jpg"); 
	background-repeat:no-repeat;
}

#wedLeftBg {
	position:absolute;
	margin:0 0 0 -136px;
	width:136px;
	height:497px;
	background-image: url("../images/wedLeftSide.jpg"); 
	background-repeat:no-repeat;
}  




/* RSVP
-----------------------------------------------------*/	

.rsvpTextBlock {
	position:relative;
	width:580px;
	margin:120px 0 65px 66px;
}

.rsvpDivider {
	width:100%;
	height:1px;
	margin:25px 0 15px 0;
	border-top:1px dashed #4c4639;
}

.rsvpFooter {
	position:relative;
	width:712px;
	height:199px;
	margin-top:-60px;
	background-image: url("../images/engBuildings.jpg"); background-repeat:no-repeat;
}

/* BG Graphics */
#rTopBg {
	position:absolute;
	margin:0 0 0 0;
	width:712px;
	height:49px;
	background-image: url("../images/rTop.jpg"); 
	background-repeat:no-repeat;
}

#rRightBg {
	position:absolute;
	margin:0 0 0 712px;
	width:138px;
	height:524px;
	background-image: url("../images/rRightSide.jpg"); 
	background-repeat:no-repeat;
}

#rLeftBg {
	position:absolute;
	margin:0 0 0 -136px;
	width:136px;
	height:497px;
	background-image: url("../images/rLeftSide.jpg"); 
	background-repeat:no-repeat;
}  

/* RSVP Response, Thank You, etc */

.response {
	text-align:center;
	padding:40px 35px 0 30px;
	
}


/* Travel
-----------------------------------------------------*/	

.tTextBlock {
	position:relative;
	width:580px;
	margin:120px 0 65px 66px;
}

/* BG Graphics */
#tTopBg {
	position:absolute;
	margin:0 0 0 0;
	width:712px;
	height:49px;
	background-image: url("../images/tTop.jpg"); 
	background-repeat:no-repeat;
}

#tRightBg {
	position:absolute;
	margin:0 0 0 712px;
	width:138px;
	height:524px;
	background-image: url("../images/tRightSide.jpg"); 
	background-repeat:no-repeat;
}

#tLeftBg {
	position:absolute;
	margin:0 0 0 -136px;
	width:136px;
	height:497px;
	background-image: url("../images/tLeftSide.jpg"); 
	background-repeat:no-repeat;
}



/* Registery
-----------------------------------------------------*/	
.regTextBlock {
	position:relative;
	width:580px;
	margin:120px 0 65px 66px;
}

/* BG Graphics */
#regTopBg {
	position:absolute;
	margin:0 0 0 0;
	width:712px;
	height:49px;
	background-image: url("../images/regTop.jpg"); 
	background-repeat:no-repeat;
}

#regRightBg {
	position:absolute;
	margin:0 0 0 712px;
	width:138px;
	height:524px;
	background-image: url("../images/regRightSide.jpg"); 
	background-repeat:no-repeat;
}

#regLeftBg {
	position:absolute;
	margin:0 0 0 -136px;
	width:136px;
	height:497px;
	background-image: url("../images/regLeftSide.jpg"); 
	background-repeat:no-repeat;
}  





/*/////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////// FORMS //////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////*/



/* global forms */
.formHdr {
	margin:0 0 -5px 0;
}

.textbox1 {
	color:#c5690e; 
	border-top:1px solid #ccb67c;
	border-right:1px solid#f2dda6;
	border-bottom:1px solid #f2dda6;
	border-left:1px solid #ccb67c; 
	font-size:16px; 
	margin:2px 0 5px 0; 
	padding:4px 5px 4px 6px; 
	background:#fff url("../images/formsBg.jpg") repeat-x;
}

.formRow { 
	position:relative; 
	width:100%; 
	clear:both; 
	margin:0 0 25px 0;
	padding:0 0 15px 0;
}

.checkBox {
	float:left;
	margin:0 20px 0 0;
}

.checkBox1 {
	float:left;
	margin:0 8px 0 0;
}

.label {
	float:left;
	clear:both;
	margin:15px 0 5px 0;
}

.btnSubmit {
	margin:0 0 0 200px;
}