@charset "utf-8";
/* CSS Document */

/*

	MARY AND JOSHUA by JOSHUA SCHUM
	VERSION 1.0
	
	CONTENTS ----------
	
	   1.COMMON ADDITIVE CLASSES
	   2.FONT STYLES
	   3.HEADER
	   4.CONTENT
	   5.SLIDESHOW
	   6.FOOTER
	   
    -------------------
	
*/

body {
	background: #e6e4e3;
	font-family: Helvetica, Arial, sans-serif;
	font-size:62.5%/1.52em;
	color: #666;
}

/* 1.COMMON ADDITIVE CLASSES
---------------------------------------------------------------------- */
.left, .float_left  { float:left; margin-right: 15px; }
.right, .float_right { float:right;	margin-left: 15px; } 
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px; line-height:0;}
.hide  { display:none;	}

.align_right    { text-align:right;	  }
.align_left     { text-align:left;	  }
.align_center   { text-align:center;  }
.align_justify  { text-align:justify; }

a:link, a:visited {	color:#F7941E; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration:underline;}

blockquote {
		font-family: Georgia,"Times New Roman", Times, serif; 
		margin:5px 0; 
		padding:10px 0;
		font-size:1.4em; 
		color:#999; 
		font-style:italic; 
		line-height:1.3em; 
		width:100%; 
		quotes:none;
	}
	blockquote.left {border-right:1px dashed #ccc; width:35%;} /* float blockquote left, and set width */
	blockquote.right {border-left:1px dashed #ccc; width:35%;} /* float blockquote right and set a width */


/* 2. FONT STYLES
---------------------------------------------------------------------- */

/* -- HEADERS -- */
h1, h2, h3, h4, h5 {margin:0 0 0.5em; line-height:1.1em; color: #73a2bd; }
h1 {	font-size:2.52em;} 
h2 {	font-size:1.952em;} 
h3 {	font-size:1.652em;} 
h4 {	font-size:1.452em;} 
h5 {	font-size:1.252em;} 
h6 {	font-size:1.52em;}

/* -- LISTS -- */
ul li
{
	margin-left:20px;
}

/* ** ** custom select color ** ** */
::selection {
	background: #525252; /* Safari */
	}
::-moz-selection {
	background: #525252; /* Firefox */
	color:#fff;
}

/* -- PARAGRAPHS -- */
p {color: #666; font-size: 1.4em; line-height: 1.3em; margin:0 0 1.52em;}
	p.smallText {color: #666; font-size: 1.2em; line-height: 1.3em; margin:0 0 1.52em;}
	p img.left {float:left;margin:1.52em 1.52em 1.52em 0;padding:0;}
	p img.right {float:right;margin:1.52em 0 1.52em 1.52em;}

strong   		{	font-weight:600;}
em, dfn  		{	font-style:italic;}
dfn 	 		{   font-weight:600;}
sup, sub 		{   line-height:0;}
abbr, acronym   {	border-bottom:1px dashed #ccc;}
address 		{	margin:0 0 1.5em;font-style:italic;}
del 			{	color:#666;}
pre, code, tt   {	font:1em 'andale mono', 'lucida console', monospace;line-height:1.5; display:block;}
code 			{	background-color:#d5d2d8; display:block; padding:0px 2px 4px 26px; background:#fff url(code.jpg) no-repeat left top; line-height:1.67em;}
pre 			{	margin:1.5em 0;white-space:pre;}

/* 3.HEADER
---------------------------------------------------------------------- */
header {height:122px; width: 960px; position:relative; margin: 25px 0 0 0; padding-top: 50px; text-align: center; background: #fff url(../images/bg_top.jpg) top center no-repeat}
	header .logo {width:526px; height:49px; margin: 0 auto; text-indent:-9999px; background: url(../images/logo.jpg);}
		header .logo a {display: block;height: 49px; outline: none; text-decoration: none; }
	header .hr	{margin: 20px 0 0 0; }

/* -- NAV -- */
header nav { color:#73a2bd; height:30px; margin-left: 100px;}
	nav ul {list-style:none; }
	nav ul li {float:left; margin:0 5px;}
	nav ul li a {display:block; height: 18px; text-indent: -9999px; background: url(../images/nav.jpg) top no-repeat; text-decoration:none; margin:10px 10px 0 10px; outline: none;}
		nav ul li a#about {width: 84px; background-position: 0 0;}
			nav ul li a#about:hover, nav ul li.active a#about {background-position: 0 -18px;}
		nav ul li a#party {width: 140px; background-position: -110px 0;}
			nav ul li a#party:hover, nav ul li.active a#party {background-position: -110px -18px;}
		nav ul li a#hotel {width: 189px; background-position: -275px 0;}
			nav ul li a#hotel:hover, nav ul li.active a#hotel {background-position: -275px -18px;}
		nav ul li a#directions {width: 93px; background-position: -489px 0;}
			nav ul li a#directions:hover, nav ul li.active a#directions {background-position: -489px -18px;}
		nav ul li a#registry {width: 97px; background-position: -612px 0;}
			nav ul li a#registry:hover, nav ul li.active a#registry {background-position: -612px -18px;}

/* 4.CONTENT
---------------------------------------------------------------------- */
.content {width:960px; background: #fff url(../images/bg.jpg) center repeat-y; margin: 0 auto;}

article {margin: 0 55px; padding-top: 25px;}

.container {margin: 0 55px; padding-top: 25px;}

.img_border {
	padding: 10px;
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	background: #FFF;
}

.wedding_party dl {
	float: left;
	width: 400px;
	margin: 10px 0;
	padding: 0;
	diaply: inline; /* Fixes IE/WIN Double Margin Bug */
}

.directions dl {
	width: 100%;
	margin: 0 0 25px 0;
	padding: 0;
	diaply: inline; /* Fixes IE/WIN Double Margin Bug */
}

	.wedding_party dt {
		margin: 0;
		padding: 0;
		font-size: 1.8em;
		line-height: 24px;
		color: #73a2bd;
	}
	
	.directions dt {
		margin: 0;
		padding: 0;
		font-size: 1.6em;
		line-height: 24px;
		color: #73a2bd;
	}
	
	.wedding_party dd, .directions dd {
		margin: 0;
		padding: 0;
		font-size: 1.2em;
		line-height: 1.3em;
		color: #666;
	}
	
	.wedding_party dd.title, .directions dd.title {
		text-transform: uppercase;
		font-weight: bold;
		margin: 5px 0;
		color: #999;
	}
	
	.wedding_party dl dd.img, .directions dl dd.img {
		margin: 0;
	}
	
	.wedding_party dd.img img, .directions dd.img img {
		float: left;
		margin: 0 8px 0 0;
		padding: 4px;
		border: 1px solid #D9E0E6;
		border-bottom-color: #C8CDD2;
		border-right-color: #C8CDD2;
		background: #FFF;
	}
	
.registry_col {
	float: left; 
	margin: 0 7px; 
	width: 269px;
}

/* 5.SLIDESHOW
---------------------------------------------------------------------- */
/* container for slides */
.images {
	background:#fff;
	position:relative;	
	height:400px;
	width:790px;
	float:left;	
	margin:15px;
	cursor:pointer;	
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:0;
	padding:0;
	height:400px;
}

/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
	margin-left:400px;
}

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;     
} 	


/* prev and next buttons */
.forward, .backward {
	float:left;
	margin-top:190px;
	background:#fff url(../images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}


/* 6.FOOTER
---------------------------------------------------------------------- */
footer { font-size:1.1em; padding-top: 50px; background: transparent url(../images/bg_bottom.jpg) top center no-repeat;}