/*************************************************
* File: styles.css
* Date Created: 07/09/2008
* Last Updated: 07/09/2008
* Author: Adam F.
* Copyright pandabytes.net
**************************************************
* About: This is the default cascading style
* sheet for the pandabytes.net website
*************************************************/



/* ******** Import Styles ******** */
@import url("/css/base.css");
@import url("/css/cleanform.css");



/* ******** Misc Hacks Styles ******** */
/* PNG Fix For Internet Explorer http://www.twinhelix.com/css/iepngfix/ */
.pngfix, #logo {
	behavior: url(/js/iepngfix.htc)
}



/* ******** Clear Fix Styles ******** */
.clear {
	clear: both;
	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0px;
	display: block;
}
* html .clear { /* can't apply to .clear, safari2 has issues */
	overflow: hidden;
} 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */



/* ******** Body and Links ******** */
body, html {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #e2e7cf url(/images/bg_body.gif) repeat;
	color: #a7a27d;
	font-family: Georgia;
	/*text-align: center;*/
}
a:link, a:visited {
	text-decoration: underline;
	color: #c93;
}
a:hover, a:active {
	text-decoration: underline;
	color: #717060; 
}



/* ******** Document Styles ******** */
#doc2 {
	height: auto; /* Need to declare the height so that Shaded Border script works in IE 6 */
	width: 950px;
}
#doc-top {
	display: block;
}
#doc-bottom {
	display: block;
}


/* ******** Header Styles ******** */
#hd {
	position: relative;
	height: auto;
	min-height: 110px;
	background: #dcdcb6 url(/images/bg_hd.gif) repeat-x;
	margin-bottom: 14px;
}
/* Min-Height for Internet Explorer http://www.cssplay.co.uk/boxes/minheight.html */
/*\*/
* html #hd {
	height: 110px;
}
/**/
#hd a:link, #hd a:visited {
	text-decoration: none;
}
#hd a:hover, #hd a:active {
	text-decoration: underline;
}
ul#nav {
	float: right;
	list-style: none;
	margin: 18px 0 0 0;
	padding: 0;
	border: 0px solid red;
}
ul#nav li {
	display: inline;
	border-right: 1px solid #c93;
	padding-right: 16px;
	margin-right: 16px; /* Spacing between nav links */
	font-size: 153.9%; /* YUI fonts */
	font-weight: bold;
}
ul#nav li.last {
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
}
#logo {
	float: left;
	border: 0;
	padding: 0;
	margin-top: 16px;
	margin-left: 0;
	width: 490px;
	height: 80px;
}
#logo_centered {
	border: 0;
	padding: 0;
	margin-top: 16px;
	margin-left: 0;
	width: 490px;
	height: 80px;
}

#hd-inner {
	width:73.076em;
	*width:71.25em;
	border: 0px solid green;
	margin: auto;
	height: 110px;
}



/* ******** Countdown Styles ******** */
#countdown {
	float: right;
	margin: 12px 12px 0 0;
	padding-left: 45px;
	border: 0px solid red;
	background: transparent url(/images/hourglass.png) left no-repeat;
}
/*\*/
* html #countdown {
	padding-left: 28px;
}
/**/

#countdown h2 {
	margin: 0;
	padding: 0;
	font-size: 138.5%;
	text-decoration: none;
}
#countdown p {
	margin: 0;
	padding: 0;
	font-size: 93%;
	font-weight: bold;
	color: #717060;
}




/* ******** Nav Highlight Styles ******** */
#body-home #nav-home,
#body-about #nav-about,
#body-wedding #nav-wedding,
#body-wedding-rehearsal #nav-wedding,
#body-wedding-day #nav-wedding,
#body-wedding-brunch #nav-wedding,
#body-wedding-bachelor-party #nav-wedding,
#body-contact #nav-contact {
	color: #717060;
	text-decoration: underline;
}



/* ******** Nav Page Highlight Styles ******** */
#body-wedding-rehearsal #nav-page-rehearsal,
#body-wedding-day #nav-page-day,
#body-wedding-brunch #nav-page-brunch,
#body-wedding-bachelor-party #nav-page-bachelor-party {
	color: #d9d49d;
	text-decoration: underline;
	font-style: italic;
}



/* ******** Body Styles ******** */
#bd {
	clear: both;
	padding: 0 12px;
	background: #fff url(/images/bg_doc_middle.gif) center repeat-y;
}



/* ******** Breadcrumb Styles ******** */
#breadcrumb {
	margin-bottom: 18px;
	border-bottom: 1px solid #dbdbbc;
}
#breadcrumb p {
	font-size: 85%;
}



/* ******** Splash Styles ******** */
#splash {
	padding: 0;
	margin: 0;
	text-align: center;
}
#splash img {
	margin: 0;
	padding: 0;
	width: 450px;
	height: 350px;
	border: 0;
}



/* ******** Flourish Styles ******** */
.flourish {
	padding: 0;
	margin: 0;
	text-align: center;
}
.flourish img {
	margin: 0;
	padding: 0;
	width: 420px;
	height: 60px;
	border: 0;
}


/* ******** Icon Styles ******** */
.icon {
	border: 0;
	float: left;
	margin: 4px 6px 0 0;
}


/* ******** Inset Image Styles ******** */
.inset-right {
	border: 0;
	float: right;
	margin-left: 12px;
	margin-right: 24px;
	position: relative;
}
.inset-left {
	border: 0;
	float: left;
	margin-right: 12px;
	margin-left: 0;
	position: relative;
}



/* ******** Spotlight Styles ******** */
.spotlight {
	position: relative;
	width: 250px;
	margin: 0 auto 12px auto;
	padding: 12px;
}
.spotlight .link {
	position: absolute;
	width: auto;
	bottom: 18px;
	right: 18px;
	font-size: 138.5%; /*18px via YUI Fonts CSS foundation*/
}
/* Shaded Border Styles http://www.ruzee.com/blog/shadedborder/ */
#bd .spotlight, #bd .spotlight .sb-inner {
	background: #e4e4e4 url(/images/bg_spotlight.jpg) top repeat-x;
	height: 200px;
}
#bd .spotlight .sb-shadow {
	background-color: #999;
}
#bd .spotlight .sb-border {
	background-color: #cecece;
}



/* ******** Sidebox Styles ******** */
.sidebox {
	position: relative;
	width: auto;
	margin: 0 auto 18px auto;
	padding: 8px;
	color: #fff;
}
.sidebox a:link, .sidebox a:visited {
	text-decoration: underline;
	color: #fff;
}
.sidebox a:hover, .sidebox :active {
	text-decoration: none;
	color: #fff; 
}

.sidebox ul {
	list-style-type: none;
}
.sidebox ul li {
	font-weight: bold;
	margin-bottom: 5px;
}
.sidebox h2 {
	color: #fff;
	text-decoration: none;
	border-bottom: 0;
	margin-top: 0;
}
/* Shaded Border Styles http://www.ruzee.com/blog/shadedborder/ */
#bd .sidebox, #bd .sidebox .sb-inner {
	background: #a7a27d url(/images/bg_sidebox.jpg) top repeat-x;
}
#bd .sidebox .sb-shadow {
	background-color: #999;
}
#bd .sidebox .sb-border {
	background-color: #cecece;
}



/* ******** Page Modified Styles ******** */
#modified {
	position: relative;
	width: auto;
	margin: 0 auto 12px auto;
	text-align: center;
}
#modified .date {
	text-decoration: none;
	border-bottom: 1px dotted #a7a27d;
}


/* ******** Data Table Styles ******** */
.datatable {
	border: 1px solid #a7a27d;
	border-collapse: collapse;
	width: 100%;
}
.datatable td {
	border: 1px solid #a7a27d;
	padding: 4px;
}
.datatable th {
	border: 1px solid #a7a27d;
	background-color: #c6c6a5;
	color: #fff;
	font-weight: bold;
}
.datatable .altrow {
	background-color: #f3f3dc;
}



/* ******** Footer Styles ******** */
#ft {
	position: relative;
	padding: 8px;
	text-align: center;
	color: #a7a27d;
	font-size: 100%;
}
#ft p {
	margin-bottom: 2px;
}
#ft a:link, #ft a:visited {
	text-decoration: underline;
	color: #a7a27d;
}
#ft a:hover, #ft a:active {
	text-decoration: underline;
	color: #717060; 
}
#ft .author {
	font-size: 100%;
}