/*
Theme Name: Allie Creative Custom Theme
Theme URI: http:/alliecreative.com/
Description: A base for custom themes designed by Allie Creative.
Version: 1.0
Author: Allie Towers Rice
Author URI: http:/alliecreative.com/
Tags: custom header, fixed width, widgets
*/


/*----------------------------------------------------------------------
    Reset
----------------------------------------------------------------------*/

html, body, div, span,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, img,
a, b, abbr, acronym, big, cite, code, del, em, i, ins, small, strike, strong, sub, sup, u,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	font-size: 100%;
	vertical-align: baseline;
	padding: 0;
	outline: 0;
	border: 0;
	margin: 0;
}


/*----------------------------------------------------------------------
    Base
----------------------------------------------------------------------*/

body {
	color: #fff;
	font: .625em/1.5em Georgia, "Times New Roman", Times, serif; /* 1em = 10px */
}

a {
	color: #a5ce1c;
	text-decoration: none;
	outline: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/*----------------------------------------------------------------------
    Layout
----------------------------------------------------------------------*/

html {
	background: #3b1d17 url("images/flourish_bottom.gif") no-repeat fixed center bottom;
}

body {
	text-align: center;
}

body.home {
	background: transparent url("images/large_photo_frame.gif") no-repeat center top;
}

#container-outer {
	position: relative;
	margin: 0 auto;
}

#container {
	position: relative;
	background: transparent url("images/header.gif") no-repeat center top;
}

.home #container-outer {
	max-width: 1280px;
}

.home #container {
	background-image: url("images/header.png");
}

	#container-inner {
		background: transparent url("images/scallop.png") repeat-x center top;
	}
	
	.home #container-inner {
		max-width: 1280px;
		margin: 0 auto;
	}
	
#header-container,
#content-container,
#footer-container {
	width: 920px;
	text-align: left;
	margin: 0 auto;
}

	#menu {
		padding-left: 20px;
	}
	
		#menu ul {
			list-style: none;
			margin: 0;

		}
		
			#menu ul li {
				float: left;
			}
			
				#menu ul li a {
					display: block;
					float: left;
					height: 42px;
					background: transparent none no-repeat left top;
					text-indent: -5000px;
				}
				
				#menu ul li a:hover {
					background-position: right bottom;
				}
				
				#menu ul li.weddings a {
					background-image: url("images/navigation/weddings.png");
					width: 108px;
				}
				
				#menu ul li.event-styling a {
					background-image: url("images/navigation/event-styling.png");
					width: 136px;
				}
				
				#menu ul li.our-story a {
					background-image: url("images/navigation/our-story.png");
					width: 113px;
				}
				
				#menu ul li.giving-back a {
					background-image: url("images/navigation/giving-back.png");
					width: 124px;
				}
				
				#menu ul li.press a {
					background-image: url("images/navigation/press.png");
					width: 74px;
				}
				
				#menu ul li.blog a {
					background-image: url("images/navigation/blog.png");
					width: 72px;
				}
				
				#menu ul li.contact a {
					background-image: url("images/navigation/contact.png");
					width: 103px;
				}
				
				#menu ul li.send-flowers a {
					background-image: url("images/navigation/send-flowers.png");
					width: 136px;
					background-position: right bottom;
				}
				
				.weddings #menu ul li.weddings a,
				.faq #menu ul li.weddings a {
					background-image: url("images/navigation/selected/weddings.gif");
					background-position: center 8px;
				}

				.event-styling #menu ul li.event-styling a {
					background-image: url("images/navigation/selected/event-styling.gif");
					background-position: center 8px;
				}
	
				.our-story #menu ul li.our-story a {
					background-image: url("images/navigation/selected/our-story.gif");
					background-position: center 8px;
				}
	
				.giving-back #menu ul li.giving-back a {
					background-image: url("images/navigation/selected/giving-back.gif");
					background-position: center 8px;
				}
	
				.press #menu ul li.press a {
					background-image: url("images/navigation/selected/press.gif");
					background-position: center 8px;
				}
	
				.blog #menu ul li.blog a,
				#menu ul li.blog.current_page_item > a, /* Because IE6 can't play nicely */
				#menu ul li.blog.current_page_parent > a,
				#menu ul li.blog.current_page_ancestor > a {
					background-image: url("images/navigation/selected/blog.gif");
					background-position: center 8px;
				}
	
				.contact #menu ul li.contact a {
					background-image: url("images/navigation/selected/contact.gif");
					background-position: center 8px;
				}
	
	#header {
		clear: both;
		padding: 18px 0 60px 316px;
	}
	
		#header .sitetitle a {
			display: block;
			width: 329px;
			height: 71px;
			text-indent: -5000px;
		}
					
#content-container {
	font-size: 1.3em;
	line-height: 1.7em;
	letter-spacing: .02em;
	padding-top: 15px;
}

.home #content-container {
	padding-top: 410px;
}

#footer {
	clear: both;
	color: #7b5246;
	font: 1.1em/1.3em Helvetica, Arial, Tahoma, sans-serif;
	letter-spacing: .05em;
	text-align: center;
	padding: 6em 0 1em 0;
}

	#footer a {
		color: #7b5246;
		text-decoration: underline;
	}


/*----------------------------------------------------------------------
    Columns - standard 920px-wide four-column layout
    Note that 1-1-1, 1-2 and 2-1 are three-column layouts
----------------------------------------------------------------------*/

.col {
	float: left;
	padding-bottom: 40px !important;
}

.colwrap-1-1-1-1,
.colwrap-1-2-1,
.colwrap-1-1-2,
.colwrap-2-1-1,
.colwrap-1-1-1,
.colwrap-2-2,
.colwrap-1-3,
.colwrap-3-1,
.colwrap-1-2,
.colwrap-2-1,
.colwrap-4 {
	clear: both;
	width: 920px;
	text-align: left;
	padding-top: 35px;
	margin: 0 auto;
}

	.colwrap-1-1-1-1 .col { /* Four columns, 200px each */
		width: 200px;
		padding: 0 20px;
	}
	
	.colwrap-1-1-1-1 .first-child {
		padding-left: 0;
	}
	
	.colwrap-1-1-1-1 .last-child {
		padding-right: 0;
	}

	.colwrap-1-2-1 .col { /* Three columns, 200px / 440px / 200px */
		width: 440px;
		padding: 0 20px;
	}
	
	.colwrap-1-2-1 .first-child,
	.colwrap-1-2-1 .last-child {
		width: 200px;
	}
	
	.colwrap-1-2-1 .first-child {
		padding-left: 0;
	}
	
	.colwrap-1-2-1 .last-child {
		padding-right: 0;
	}

	.colwrap-1-1-2 .col { /* Three columns, 200px / 200px / 440px */
		width: 200px;
		padding-left: 20px;
	}
	
	.colwrap-1-1-2 .first-child {
		padding-left: 0;
		padding-right: 20px;
	}
	
	.colwrap-1-1-2 .last-child {
		width: 440px;
		padding-left: 40px;
	}

	.colwrap-2-1-1 .col { /* Three columns, 440px / 200px / 200px */
		width: 200px;
		padding-right: 20px;
	}
	
	.colwrap-2-1-1 .first-child {
		width: 440px;
		padding-right: 40px;
	}
	
	.colwrap-2-1-1 .last-child {
		width: 200px;
		padding-right: 0;
		padding-left: 20px;
	}
	
	.colwrap-1-1-1 .col { /* Three equal-width columns, 280px / 280px / 280px */
		width: 280px;
		padding: 0 20px;
	}
	
	.colwrap-1-1-1 .first-child {
		padding-left: 0;
	}
	
	.colwrap-1-1-1 .last-child {
		padding-right: 0;
	}

	.colwrap-2-2 .col { /* Two columns, 440px each */
		width: 440px;
	}
	
	.colwrap-2-2 .first-child {
		padding-right: 20px;
	}
	
	.colwrap-2-2 .last-child {
		padding-left: 20px;
	}

	.colwrap-1-3 .first-child { /* Two columns, 200px / 680px */
		width: 200px;
		padding-right: 20px;
	}
	
	.colwrap-1-3 .last-child {
		width: 680px;
		padding-left: 20px;
	}

	.colwrap-3-1 .first-child { /* Two columns, 680px / 200px */
		width: 680px;
		padding-right: 20px;
	}
	
	.colwrap-3-1 .last-child {
		width: 200px;
		padding-left: 20px;
	}
	
	.colwrap-1-2 .first-child { /* Two columns, 280px / 600px */
		width: 280px;
		padding-right: 20px;
	}
	
	.colwrap-1-2 .last-child {
		width: 600px;
		padding-left: 20px;
	}
	
	.colwrap-2-1 .first-child { /* Two columns, 600px / 280px */
		width: 600px;
		padding-right: 20px;
	}
	
	.colwrap-2-1 .last-child {
		width: 280px;
		padding-left: 20px;
	}


/*----------------------------------------------------------------------
    Slideshow
----------------------------------------------------------------------*/

ul#photos-container {
	list-style: none;
	margin-bottom: 0;
}

#content .tbd ul#photos-container {
	position: relative;
	margin-left: 0;
}

	#photos-container li {
		height: 600px;
		width: 100%;
		background: transparent none no-repeat center top;
		position: absolute;
		left: 0;
	}
	
	.tbd #photos-container li {
		height: auto;
	}
	
	.tbd #photos-container li img {
		background: transparent url("images/semi_bg_light.png") repeat left top;
		padding: 4px;
	}
	
	.home #container-outer object {
		position: absolute;
		top: 570px;
		right: 15px;
	}


/*----------------------------------------------------------------------
    Other little futzing
----------------------------------------------------------------------*/

.event-styling .colwrap-2-2 .first-child {
	width: 432px;
}

.event-styling .colwrap-2-2 .last-child {
	width: 448px;
}

#today-show {
	position: relative;
	width: 920px;
	margin: 0 auto;
}

	#today-show a {
		z-index: 1000;
		position: absolute;
		top: 165px;
		display: block;
		width: 200px;
		height: 90px;
		text-indent: -5000px;
	}



/*----------------------------------------------------------------------
    Generic text styles
----------------------------------------------------------------------*/

#content a {
	border-bottom: 1px dotted #a5ce1c;
}

#content a:hover {
	font-style: italic;
	background-color: #2b1410;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

#content .colwrap-4 h1,
#content .post h1 {
	display: block;
	font-size: 1.769em;
	line-height: 1.3em;
}

.home #content h1,
#content h2,
#content h3.comments {
	display: block;
	color: #7b5246;
	font: 1.385em/1.1em "Cronos Pro", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-bottom: .5em;
}

#content .colwrap-4 h1 {
	text-align: center;
	margin-bottom: .5em;
}

#content .post h1 a {
	border: none;
}

#content h1.archive {
	display: none;
}

#content h2 {
	margin-top: 2em;
}

#content h2.no-margin {
	margin-top: 0;
}

#content .giving-back h2 {
	text-align: center;
	margin-bottom: .85em;
}

#content h3 {
	font-weight: bold;
	font-style: italic;
}

#content p,
#content blockquote,
#content ul,
#content ol,
#content dd {
	margin-bottom: 1.5em;
}

#content .colwrap-4 p.intro {
	text-align: center;
}

#content blockquote,
#content .framed-wrapper {
	background: transparent url("images/quote_top.gif") no-repeat 54% top;
	padding-top: 70px;
}

#content blockquote {
	text-align: center;
	font-style: italic;
	margin: 4em 0;
}

#content .framed-wrapper {
	margin-bottom: 3em;
}

	#content blockquote p,
	#content ul.framed {
		background: transparent url("images/quote_bottom.gif") no-repeat 48% bottom;
		padding-bottom: 70px;
		margin-bottom: .5em;
	}
	
	#content .byline {
		font: 1em "Cronos Pro", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif;
		text-transform: uppercase;
		margin-top: 1em;
	}
	
	#content blockquote .byline {
		display: block;
	}

#content ul {
	margin-left: 14px;
}

	#content ul li {
		margin-bottom: .3em;
	}

#content ul.linklist,
#content .blog-sidebar ul {
	list-style: none;
	text-align: center;
	border-top: 1px dotted #613d33;
	margin-left: 0;
}

	#content ul.linklist li,
	#content .blog-sidebar ul li {
		margin: 0;
	}
	
	#content .blog-sidebar ul.browse-by li {
		padding: 8px 0;
		border-bottom: 1px dotted #613d33;
	}
		
		#content ul.linklist li a,
		#content .blog-sidebar ul li a {
			display: block;
			font: .923em/1.5em Helvetica, Arial, Tahoma, sans-serif;
			padding: 8px 0;
			border-bottom: 1px dotted #613d33;
		}
		
		#content .blog-sidebar ul li a {
			padding: 6px 0;
		}
		
		#content ul.linklist li a:hover,
		#content .blog-sidebar ul li a:hover {
			font-style: normal;
		}

		#content .blog-sidebar ul.browse-by li label {
			font-size: .923em;
			font-variant: small-caps;
		}

		#content .blog-sidebar ul.browse-by li select {
			width: 170px;
			line-height: 1.5em;
		}


#content hr {
	height: 56px;
	color: transparent;
	background: transparent url("images/quote_top.gif") no-repeat 51% 0%;
	border: none;
	margin: 2em 0 3em 0;
}

.amp {
	font: italic 1em Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
}

#content table.chart tbody {
	font: .923em/1.5em Helvetica, Arial, Tahoma, sans-serif;
}

	#content table.chart th,
	#content table.chart td {
		border-bottom: 1px dotted #613d33;
		padding: 6px 15px 6px 4px;
	}
	
	#content table.chart thead th {
		color: #7b5246;
		font-weight: normal;
		font-style: italic;
	}

#content .post {
	clear: both;
	margin-bottom: 4em;
}

/*----------------------------------------------------------------------
    Homepage
----------------------------------------------------------------------*/

#content #about-intro h1,
#content #about-intro p {
	display: inline;
}

	#content #about-intro h1 span {
		color: #fff;
	}

.home #content blockquote,
.home #content blockquote p {
	background-image: none;
	text-align: left;
	padding: 0;
	margin: 0 0 1em 0;
}

.home #content blockquote .byline {
	text-align: right;
	margin-top: 0;
}

.home #content #blog-snippets ul {
	list-style: none;
	margin-left: 0;
}

	.home #content #blog-snippets li {
		margin-bottom: 1em;
	}

	.home #content #blog-snippets a,
	.home #content #blog-snippets a:hover {
		border: none;
	}
	
	.home #content #blog-snippets a.image:hover {
		background-color: transparent;
	}

	.home #content #blog-snippets a.image img {
		display: block;
		background: transparent url("images/semi_bg_light.png") repeat left top;
		padding: 2px;
	}
	
	.home #content #blog-snippets a.image:hover img {
		background-color: #d82a54;
	}

.home #content .lbb {
	margin-top: 1.5em;
}

#content a.image,
#content a.image:hover {
	border: none;
	background-color: transparent;
}

.home #content .lbb img {
	width: 100px;
}


/*----------------------------------------------------------------------
    Gallery
----------------------------------------------------------------------*/

#content .gallery .gallery-item {
	float: left;
	margin: 0 16px 16px 0;
}

#content .gallery .last-child {
	width: auto !important;
	padding: 0 !important;
	margin-right: 0 !important;
}

	#content .gallery .gallery-item a {
		border: none;
	}
	
	#content .gallery .gallery-item a:hover {
		background-color: transparent;
	}
	
		#content .gallery .gallery-item a img {
			display: block;
			float: left;
			width: 208px;
			background: transparent url("images/semi_bg_light.png") repeat left top;
			padding: 4px;
		}
		
		#content .gallery .gallery-item a:hover img {
			background-color: #d82a54;
		}


/*----------------------------------------------------------------------
    Other specific text styles
----------------------------------------------------------------------*/

#content .press-mentions {
	padding-top: 30px;
}

#content .press-mentions ul {
	width: 210px;
	float: left;
	list-style: none;
	margin: 0 20px 0 0;
}

#content .press-mentions li {
	width: 194px;
	background: transparent url("images/semi_bg_dark.png") repeat left top;
	text-align: left;
	padding: 8px;
	border-bottom: 2px solid #301712;
	margin-bottom: 20px;
}

#content .press-mentions p {
	margin-bottom: 0;
}

#content .press-mentions .publication {
	color: #7b5246;
	font-family: "Cronos Pro", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif;
	line-height: 1.1em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-bottom: 1.25em;
}

#content .press-mentions h2 {
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.3em;
	text-transform: none;
	margin: 0;
}

#content .press-mentions .date {
	color: #d82a54;
	font-size: .923em;
	font-variant: small-caps;
	letter-spacing: 0.05em;
}

#content .press-mentions .quote {
	margin-top: .75em;
}

#content #map-wrapper {
	background: transparent url("images/semi_bg_light.png") repeat left top;
	padding: 4px;
}

#sidebar p.lbb-sidebar {
	margin-top: 2em;
}

	#sidebar p.lbb-sidebar img {
		background: transparent none;
	}


/*----------------------------------------------------------------------
    Comments & Forms
----------------------------------------------------------------------*/

#content .commentlist img {
	display: inline;
	border: none;
	padding: 0 0 0 4px;
}

#content h3.comments {
	font-weight: normal;
	font-style: normal;
	text-align: left;
	margin-left: 170px;
	margin-bottom: 1em;
}

	#content h3.comments span {
		color: #fff;
		font: italic 1.778em Georgia, "Times New Roman", Times, serif;
		padding-right: .1em;
	}

#content ol.commentlist {
	list-style: none;
	margin-bottom: 2em;
}

	#content ol.commentlist li {
		clear: both;
		overflow: auto;
		padding: 15px 0;
		border-bottom: 1px dotted #613d33;
	}
	
	#content ol.commentlist li.alt {
	}
	
		#content ol.commentlist .who-when {
			overflow: hidden;
			float: left;
			width: 150px;
			font-family: Georgia, "Times New Roman", Times, serif;
			line-height: 1.3em;
			text-align: right;
		}
		
		#content ol.commentlist li.alt .who-when {
			padding-left: 8px;
			width: 142px;
		}
		
			#content ol.commentlist .when {
				color: #7b5246;
				font-variant: small-caps;
				font-size: .923em;
				letter-spacing: .1em;
			}
			
			#content ol.commentlist .when a {
				color: #7b5246;
				text-decoration: none;
				border: none;
			}
						
			#content ol.commentlist .when a:hover {
				background-color: transparent;
				font-style: normal;
			}
			
			#content ol.commentlist cite {
				font-style: italic;
				font-weight: bold;
			}
		
		#content ol.commentlist .what {
			margin-left: 170px;
		}

		#content ol.commentlist li.alt .what {
			padding-right: 8px;
		}

#content form dl {
	clear: both;
}

	#content form dl dt {
		float: left;
		width: 150px;
		font-style: italic;
		text-align: right;
	}
	
	#content form dl dt,
	#content form dl dd {
		line-height: 1.3em;
		padding-top: .3em;
	}
	
		#content form dl dt small {
			color: #7b5246;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			font-weight: normal;
			font-size: .923em;
		}
		
		#content form dl.error dt label {
			color: #bc2809;
		}
	
	#content form dl dd {
		margin-left: 170px;
	}

#content form p {
	clear: both;
	padding-top: .7em;
	margin-left: 170px;
}

#content input,
#content textarea,
#content select {
	font: .923em Helvetica, Arial, Tahoma, sans-serif;
	padding: 1px 3px;
}

#content #commentform input,
#content #commentform select {
	width: 200px;
}

#content #commentform textarea {
	width: 320px;
}

#content #s {
	margin: .6em 0;
}

#content textarea {
	height: 120px;
}

#content #commentform #submit {
	width: auto;
	padding: 0;
}

#content p.error {
	line-height: 1.3em;
}

	#content p.error strong {
		color: #bc2809;
	}

#content p.success {
	line-height: 1.3em;
}

	#content p.success strong {
		color: #608e24;
	}


/*----------------------------------------------------------------------
    Images
----------------------------------------------------------------------*/

.wp-caption {
	font-size: .923em;
	font-style: italic;
	margin-bottom: 2em;
}

	.wp-caption img {
	}
	
	.wp-caption img p.wp-caption-text {
		font-style: italic;
		font-size: .9em;
	}
	
	#content .wp-caption a,
	#content .wp-caption a:hover,
	#content .attachment a {
		border: none;
		background-color: transparent;
	}

#sidebar img {
	display: block;
	background: transparent url("images/semi_bg_light.png") repeat left top;
	padding: 6px;
	margin-bottom: 1em;
}

#content .post img {
	background: transparent url("images/semi_bg_light.png") repeat left top;
	padding: 4px;
}


/*----------------------------------------------------------------------
    Specific formatting and other styles
----------------------------------------------------------------------*/

.aligncenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 0 1.5em 1em 0;
}

.alignright {
	float: right;
	margin: 0 0 1em 1.5em;
}

#content p.timestamp {
	font-size: .923em;
	font-variant: small-caps;
	letter-spacing: 0.05em;
}

#content p.details {
	clear: left;
	font-size: .923em;
	padding: 3px 0;
	border-top: 1px dotted #613d33;
	border-bottom: 1px solid #613d33;
	margin-bottom: 3em;
}

	#content p.details a {
		border: none;
	}

.blog-sidebar {
	text-align: center;
}

#content .blog-sidebar .actions {
	list-style: none;
	border: none;
	margin-left: 0;
}

	#content .blog-sidebar .actions li {
		border: none;
		margin-bottom: .3em;
	}

	#content .blog-sidebar .actions a {
		display: inline-block;
		background-repeat: no-repeat;
		background-position: left top;
		padding: 0 0 0 22px;
		border: none;
	}
	
	#content .blog-sidebar .actions a:hover {
		background-color: transparent;
		font-style: normal;
		text-decoration: underline;
	}
	
	#content .blog-sidebar .actions .rss a {
		background-image: url("images/rss.gif");
	}

	#content .blog-sidebar .actions .email a {
		background-image: url("images/email.gif");
	}
	
	#content .blog-sidebar .actions .facebook a {
		background-image: url("images/facebook.gif");
	}


/*----------------------------------------------------------------------
    Lightbox
----------------------------------------------------------------------*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #2b1410; }

#lightbox #imageDetails {
	display: none;
}

#bottomNavClose {
	position: absolute;
	top: -20px;
	right: -20px;
}


/*----------------------------------------------------------------------
    Lightview
----------------------------------------------------------------------*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
	overflow: hidden;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #808080;
	padding: 0;
	margin: 0;
}
.lv_MenuBar * { padding: 0; margin: 0; }

/* When the Menubar is at the top, on (ajax/iframe/inline) content,
   it will also have this style.
   The margins are removed here for better alignment, and since it's
   at the top we switch the inner margins to the other side.
*/

.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close, 
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close { float: right; overflow: hidden; }
.lv_Close .lv_Button {
	float: right;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}

/* simulates padding-left inside .lv_Data */
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; }

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	float: left;
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { float:left; clear: both; }
.lv_Data .lv_ImgNumber {
	color: #b8b8b8;
	margin-right: 5px;
	margin-top: 5px;
}
.lv_Data .lv_Slideshow {
	border-left: 1px solid #efefef;
	padding-left: 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}


* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( -1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}