/*
-----------------------------------------------
Title:      Wedding site base css styles
Author:     Jim Pannell, jim@sixmedia.net
Updated:    November 2006
Notes:		Hand-crafted by Six Media in London, UK.
----------------------------------------------- */

/* Basics
----------------------------------------------- */
body {
	font-size: small;
	font-family: Verdana,Georgia,Arial,Sans-Serif;
	background: #2e2927;
	color: #404040;
	line-height: 1.2em;
	margin: 40px 0 0 0;
	padding: 0;
	text-align: center;
	}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE Versions */
	}

h1 {
	clear: both;
	font: 180% Georgia,Verdana,Arial,Sans-Serif;
	letter-spacing: 1px;
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 20px 0 10px 0;
	}
h2 {
	font: 100% Georgia,Verdana,Arial,Sans-Serif;
	letter-spacing: 1px;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 10px 0 2px 0;
	}

h3 {
	font: 90% "Trebuchet MS",Trebuchet,Verdana, Sans-Serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	color:#000;
	margin:0;
	padding:0;
	}
	
p { margin: 0 0 10px 0; }
img { border: none; }
ul { list-style: none; margin: 0; padding: 0; font-size: 95%; }

a { color: #413b38; }


/* Positioning
----------------------------------------------- */

#wrap {
	width: 780px;
	margin: 0 auto 40px auto;
	padding: 0;
	color: #404040;
	background: #fbfaf7 url(../images/wrapper-bg.jpg) top left repeat;
	border: 5px solid #a89c67;
	font-size: 100%;
	text-align: left;
	}

#header {
	margin: 0;
	padding: 0 40px 40px 40px;
	}
#header #logo { text-align: center; }
#nav {
	float: left;
	width: 680px;
	margin: 0;
	padding: 10px 0 10px 20px;
	height: 15px;
	list-style: none;
	display: inline;
	overflow: hidden;
	border-top: 1px solid #e5e1d1;
	border-bottom: 1px solid #e5e1d1;
	}
#nav li {
	float: left;
	margin: 0 15px 0 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}
#nav a {
	float: left;
	padding: 15px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:15px; /* for IE5/Win only */
	}
#nav a:hover { background-position: 0 -15px; }
#nav a:active, #nav a.selected { background-position: 0 -30px; }
#nhome a { width: 50px; background: url(../images/nav/nav-home.gif) top left no-repeat; }
#ndkhome a { width: 43px; background: url(../images/nav/nav-dk-home.gif) top left no-repeat; }
#nwhere a { width: 60px; background: url(../images/nav/nav-where.gif) top left no-repeat; }
#ndkwhere a	{ width: 48px; background: url(../images/nav/nav-dk-where.gif) top left no-repeat; }
#ntravel a { width: 107px; background: url(../images/nav/nav-travel.gif) top left no-repeat; }
#ndktravel a { width: 85px; background: url(../images/nav/nav-dk-travel.gif) top left no-repeat; }
#nalbum a { width: 140px; background: url(../images/nav/nav-album.gif) top left no-repeat; }
#ndkalbum a { width: 155px; background: url(../images/nav/nav-dk-album.gif) top left no-repeat; }
#ntraditions a { width: 100px; background: url(../images/nav/nav-traditions.gif) top left no-repeat; }
#ndktraditions a { width: 112px; background: url(../images/nav/nav-dk-traditions.gif) top left no-repeat; }
#nlist a { width: 115px; background: url(../images/nav/nav-list.gif) top left no-repeat; }
#ndklist a { width: 97px; background: url(../images/nav/nav-dk-list.gif) top left no-repeat; }
#nblog a 	{ width: 44px; background: url(../images/nav/nav-blog.gif) top left no-repeat; }

#content {
	clear: both;
	float: left;
	width: 365px;
	padding-left: 40px;
	}
#content a {
	font-size: 95%;
	margin: 0;
	padding: 2px 2px 2px 0;
	letter-spacing: 1px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #a89c67;
	}
#content a:hover {
	padding: 2px 2px 2px 0;
	background: #f1f1f1;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #a89c67;
	}
#content ul { margin: 0; padding: 0 12px 10px 12px; }
#content ul li {
	margin: 0 0 0 -10px;
	padding: 0 0 2px 30px;
	line-height: 1.5em;
	list-style: none;
	background: url(../images/icon-bullet.gif) no-repeat 0 1px;
	}
.internal-links {
	text-align: left;
	padding: 0 0 10px 0;
	}
.internal-links h3 { display: inline; }
#content .internal-links a { font-weight: normal; border-bottom: 1px solid #a89c67; }

#sidebar {
	float: right;
	width: 285px;
	margin: 0 0 0 20px;
	display:inline;
	}

#map {
	clear: both;
	width: 695px; 
	height: 250px; 
	margin-bottom: 10px; 
	border: 1px solid #ccc;
	display: block;
	}

/* Comments
----------------------------------------------- */
#comments {
  margin:0;
  }
#comments form { 	
	float: left;
	width: 365px;
	}

/* fieldset styling */
fieldset {
	margin: 1em 0; /* space out the fieldsets a little*/
	padding: 1em;
	border: 1px solid #ccc;
	background-color: #eeebe1;
	}

/* legend styling */
legend { 
	font-weight: bold; 
	font: 90% "Trebuchet MS",Trebuchet,Verdana, Sans-Serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	}
form p {
	position: relative;
	width: 100%;
	}

/* style for labels */
label { 
	float: left;
	width: 10em;
	font-size: 95%;
	clear:both;
	}
input { width: 200px; }
input.radio, input.checkbox, input.submit {
	width: auto;
	}

fieldset select { width: 200px; }

/* style form elements on focus */
input:focus, textarea:focus {
	background: #ffc;
	}

.comment-inner { background: url(../images/comment-top.gif) no-repeat 20px top; }
.comment-inner h3 { padding: 5px 0 5px 60px; }
.comment-content { width: 325px; padding: 20px; background: #2e2927; color: #fff; font-size: 95%;}
.comment-footer { font-size: 90%; }


/* Wedding List pages
----------------------------------------------- */

#weddingList table { 
	border: 1px solid #666; 
	background: #fff;
}
#weddingList table th, #weddingList table td {
	padding: 5px; 
	margin: 0;
	padding: 5px 10px;
	text-align: left;
	border-bottom: 1px solid #b5b5b5;
}
#weddingList table th { color: #000; }
#weddingList table tr { background: #e6e6e6; }
#weddingList table tr.alt { background: #f1f1f1; }


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

#footer { clear: both; height: 159px; padding: 0; background: url(../images/footer-bg.gif) top left no-repeat; }