/* CSS Document, BURNBLUEDOTCOM */

html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}

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

body {
font-family: Century Gothic, Trebuchet MS, arial, sans-serif;
font-size: 14px;
color: #70645F;
background: url("/wedding/images/gradient.gif") repeat-x;
margin: 0px;
padding: 0px;
text-align: center;
}

*:focus {
outline-style: none;
}

hr.clearboth {
clear: both;
visibility: hidden;
}

hr {
margin:0 0 10px 0;
padding:0px;
border-bottom:1px solid #ccc;
border-top:0px;
border-left:0px;
border-right:0px;
line-height:0px;
height:1px;
display:block;
}

ol {
  margin-left: 25px;
}

p {
margin: 0 0 12px 0;
}

a, a:visited {
color: #0080ad;
text-decoration: none;
}

a:hover {
color: #00bdff;
text-decoration: none;
}

a:active {
color: #00bdff;
text-decoration: none;
}

a:link img, a:visited img, a:hover img, a:active img {
border: none;
outline: none;
}

#bgimage {
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
}

#container {
width: 900px;
margin: 0px auto;
padding: 0px;
text-align: left
}

#header {
background: url("/wedding/images/title.gif") no-repeat;
position: relative;
font-size: 1.7em;
color: #ffffff;
text-align: right;
width: 100%;
height: 119px;
z-index: 10;
}

/* IE hack */
html>body #header {
background: url("/wedding/images/title.png") no-repeat;
}
/* end IE hack */

#nav {
position: absolute;
top: 0px;
right: 1px;
}

#nav ul {
margin: 0;
padding: 79px 10px 0 0;
list-style: none;
}

#nav li {
display: inline;
margin: 0;
padding: 0;
}

#nav a {
float: left;
background: url("/wedding/images/navleft.gif") no-repeat left top;
margin: 0 0 0 4px;
padding: 0 0 0 4px;
text-decoration: none;
}

#nav span {
float: left;
display: block;
background: url("/wedding/images/navright.gif") no-repeat right top;
padding: 5px 15px 4px 6px;
color: #ffffff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float: none;}
/* End IE5-Mac hack */

#nav a:hover span {
color: #ffffff;
background-position: 0% -40px;
}

#nav a:hover {
background-position: 0% -40px;
}

#nav #current a, #nav #current a span {
background-position: 0% -40px;
}

#content {
	height: 601px;
	position: relative;
	overflow: visible;
	clear: both;
	background: url("/wedding/images/content-bg.gif") no-repeat;
	color: #70645f;
	margin: 27px 0 0 0;
	padding: 15px 15px 35px 35px;
	z-index: 11;
}

.center {
margin: 0px auto;
width: 95%;
}

.thumbs {
width: 200px; 
height: 200px; 
text-align: center;
float: left;
margin: 15px 50px 50px 0;
border: 1px solid #d0d0d0;
}

#floatright {
float: right;
margin: 0 0 10px 10px;
}

.date {
width: 75px;
float: left;
clear: both;
}

.text {
width: 435px;
float: left;
padding: 10px 20px 20px 0;
margin: 0 0 0 50px;
border-bottom: 1px dashed #70645f;
}

#sidebar {
width: 245px;
position: absolute;
top: 0px;
right: 0px;
margin: 15px 20px 20px 0;
}

h1 {
font-size: 2.5em;
color: #f2446d;
margin: 0 0 15px 0;
padding: 0;
}

h1 a, h1 a:hover, h1 a:visited {
color: #f2446d;
text-decoration: none;
}

h2 {
margin: 0 0 8px 0;
}

span.day {
font-size: 5em;
font-weight: normal;
color: #008b8e;
}

span.month {
font-size: 2em;
font-weight: normal;
color: #008b8e;
position: relative;
line-height: .5em;
letter-spacing: 2px;
}