/* CSS Document */

/* Hides from IE-mac \*/
* html .panorama {height: 1%;}
/* End hide from IE-mac */

BODY {
	COLOR: #666666;
	font:100% Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background-color: #CCCCCC;	
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
A:link {
	COLOR: #CCCCCC;	
	text-decoration:none;

}
A:visited {
	COLOR: #3572c0;
	text-decoration:none;
	font-weight: lighter;
}
A:hover {
	COLOR: #0c468f; 
	TEXT-DECORATION: underline;
}
A:active {
	COLOR: #2966b3
}
P {
	PADDING-TOP: 5px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 5px;
	MARGIN: 5px 0px;
	TEXT-ALIGN: justify;
}
H1 {
	PADDING-TOP: 2px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	FONT-SIZE: 110%;
	LINE-HEIGHT: 24px; 
	COLOR: #CCCCCC; 
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif
}
H2 {
  	margin:0px 0;
	font-size:100%; 
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
  	color:#999999;
}
H5 {
	MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; 
	FONT-SIZE: 100%; 
	LINE-HEIGHT: normal; 
	COLOR: #333333; 
	FONT-FAMILY: "Trebuchet MS", Arial, Tahoma, sans-serif
}
/* header and Navigation */
.header {
	HEIGHT: 130px;
	background-image: url(layout/header.jpg);
	font-size: 100%;
}
.weddingheader {
	HEIGHT: 130px;
	background-image: url(layout/wedding-header.jpg);
	font-size: 100%;
}

.active{
	BORDER-BOTTOM: #8abefb 4px solid
}

.header UL {
	PADDING-TOP: 95px; PADDING-RIGHT: 30px; PADDING-LEFT: 30px;
	MARGIN: 0px;
	COLOR: #0066FF;
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
	LETTER-SPACING: 1px;
	TEXT-ALIGN: right;
	text-transform: lowercase;
	font-size: 120%;
}
.header UL LI {
	DISPLAY: inline;
	padding-right: 10px; padding-left: 10px;
}
.header UL LI A {
	TEXT-DECORATION: none;
}
.header UL LI A:hover {
	PADDING-BOTTOM: 0px; 
	COLOR: #FFFFFF;
	TEXT-DECORATION: none; 
	BORDER-BOTTOM: #8abefb 8px solid
}
/* End of header and Navigation */
/* main page */
.maincontainer {
	BACKGROUND-IMAGE: url(layout/border.jpg);
	BACKGROUND-REPEAT: repeat-y;
	WIDTH: 780px;
	margin: 0px auto;
}
.mainramble {
	color: #FFFFFF;
	padding: 10px 20px;
	margin: 0px 10px;
	background-color: #003333;
	border-top-width: 1px;
	border-top-style: double;
	border-top-color: #666666;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
.sitemetercontainer {
	WIDTH: 780px;
	margin: 0px auto;
}
.sitemeterpanorama {
	WIDTH: 780px;
	margin: 0px auto;
	float: left;
}

.countactuscontainer {
	float: right;
	padding-top: 1px; padding-left: 4px; padding-bottom: 1px;
}
/* End of Main page */
/* Start Flash Movie Box */ 
.moviecontainer {
	PADDING-TOP: 5px; PADDING-BOTTOM: 5px; 
	MARGIN: 0px auto; 
	WIDTH: 780px; 
}
/* End of Flash Movie Box */
/* Start of Blogger Stuff */
.blogcontainer {
	color: #FF0000;
	padding: 0px 0px 0px 12px;
	margin: 0px 10px;
}
/* Blog links Sidebar */

.bloglinks-title {
	color: #CCCCCC;
	font-size: 110%;
	margin: 10px 5px 1px 5px;
	border-bottom-width: thin;
	border-bottom-style: double;
	border-bottom-color: #3300FF;
}
.bloglinks {
	float: right;
	margin-left: 10px;
	margin-bottom: 2px;
}
.bloglinks-middle {
	width: 200px;
	float: right;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(layout/bloglinks-border.jpg);
	background-repeat: repeat-y;
}
.bloglinks-middle UL {
	margin:0 0 0em;
	padding:0 0 0em;
	list-style:none;
	color: #6699CC;
  }
.bloglinks-middle UL LI {
  	DISPLAY: inline;
	padding-right: 10px; padding-left: 10px;
  	text-indent:-15px;
  	line-height:1 em;
  	border-bottom:1px inset #ccc;
}
.bloglinks-middle UL LI A {
	font-weight: bold;
	height: 12px;
	text-decoration: none;
	color: #6699CC;
	display: block;
	padding: 5px 0 0 5px;
}
.bloglinks-middle UL LI A:hover {
	background: url(layout/blog_hover.jpg) repeat-x;
	color: #ffffff;
	text-decoration: none;
}
.bloglinks-middle A:visited {
	font-weight: bold;
	color: #6699CC;

}
.bloglinks p {
	color:#666;
	line-height:1em;
}
.bloggericon {
	color:#666666;
	text-align: right;
	line-height: 8px;
}

#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px verdana,helvetica,arial,sans-serif;
background: #808080;
width: 13em;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid #808080;
text-align: right;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #aaaabb;
background: #000d33;
text-decoration: none;
}

#navlist li a:link { color: #666677; }
#navlist li a:visited { 
font: bold 12px verdana,helvetica,arial,sans-serif;
color: #448;
}

#navlist li a:hover
{
border-color: #ff9000;
color: #ffffff;
background: #ccccdd;
}

/* End of links Sidebar */


/* Header
----------------------------------------------- */
#blog-title {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  border:1px solid #eee;
  border-width:1px 1px 0;
  font-size:200%;
  line-height:1.2em;
  font-weight:normal;
  color:#666;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
#blog-title a {
  color:#666;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#c60;
  }
#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #eee;
  border-width:0 1px 1px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }

/* Content
----------------------------------------------- */
.post-footer {
	color: #33FF66;
	clear:left
}


/* Posts
----------------------------------------------- */
.date-header {
	margin:24px 0 8px;
	color: #CCCCCC;
	text-align: left;
	font-size: 80%;
}
.post {
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:24px;
	margin-top: 8px;
	margin-bottom: 10px;
	text-align: left;
	vertical-align: top;
	margin-right: 20px;
}
.post-body{
	color:#FFFFFF;
	text-align: left;
	vertical-align: top;
}
.post-body DIV{
	color:#FFFFFF;
	text-align: left;
}
.post-body P {
	vertical-align: top;
}

.post P {
	vertical-align: top;
}

.post div {
	margin:0 0 5px;
	padding-right: 2px;
	text-align: left;
}
.post-title {
  margin:4px 0 15;
  padding:0 0 2px;
  font-size:140%;
  line-height:20px;
  color:#CC6633;
}
.post img {
	padding:4px;
	border:1px solid #ddd;
	clear: left;
	margin: 4px;
	float: left;
  }

.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#c60;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }



/* End of Blogger Stuff */
/*Photo pages */
.photomainpage {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #CCCCCC;
	margin: 0px 10px;
	padding: 0px;
}
.photocontainer {
	background-image: url(layout/photoborder.jpg);
	padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 9px;
}
.photoramble {
	background-color: #666666;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	font-size: 100%;
	border-top-width: 1px;
	border-top-style: double;
	border-top-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.photoramble p{
	text-align: left;
}
.photoramble A:link {
	COLOR: #CCFFFF;
	text-decoration:underline;
}
.photoramble A:visited {
	COLOR: #3300FF;
	text-decoration:underline;
	font-weight: lighter;

}
.photoramble A:hover {
	COLOR: #0c468f; 
	TEXT-DECORATION: underline;
}
.panorama {
	background-color: #333333;
	color: #FFFFFF;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-size: 80%;
	Text-align: left;
	border-bottom: 1px dotted #ffffff;
}
.panorama IMG {
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	vertical-align: text-top;
	float:left;
}
.panorama P {
	TEXT-ALIGN: left;
	float: right;
	width: 550px;
}
.panoramaphoto {
	FLOAT: left;
	background-color: #999999;
	padding: 6px;
	margin: 5px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	font-size: 90%;
}
.panoramaphoto IMG {
	margin: 1px;
}

.panorama P {
	TEXT-ALIGN: left;
	vertical-align: top;
}
.wedding {
	background-color: #666666;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	font-size: 100%;
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: ridge;
	border-bottom-color: #ffffff;
}

.travel {
	background-color: #333333;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	font-size: 100%;
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: ridge;
	border-bottom-color: #ffffff;
}
.travel IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px;
	FLOAT: left;
}
.travel-date {
	color: #999999;
	font-size: 75%;
	float: right;
	clear:both;
	padding-right: 50px;
	padding-left: 8px;
	text-decoration: underline;	
}
.travel-desc {
	color: #ffffff;
	font-size: 90%;
	text-align: left;
}
.phototravelimage {
	float: left;
	padding-top: 1px; padding-right: 4px; padding-bottom: 1px;
}
.photoflash {
	background-color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.photofooter {
	HEIGHT: 66px;
	background-color: #666666;
	background-image: url(layout/photofooter.jpg);
	font-size: 80%;
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
	clear:both;
	line-height: 27px;

}
.photofooter UL {
	FONT-SIZE: 90%;
	PADDING-TOP: 8px;
	MARGIN: 0px;
	COLOR: #333333;
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
	LETTER-SPACING: 1px;
	TEXT-ALIGN: center;
	TEXT-TRANSFORM: lowercase;
}
.photofooter UL LI {
	DISPLAY: inline;
	padding-right: 3px; padding-left: 3px;
}
.photofooter UL LI A {
	COLOR: #999999; 
	TEXT-DECORATION: none; 
	BORDER-BOTTOM: #8abefb 1px solid
}	
.photofooter UL LI A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	PADDING-BOTTOM: 0px; 
	COLOR: #999999;
	TEXT-DECORATION: none; 
	BORDER-BOTTOM: #8abefb 3px solid
}
.photofooter UL LI A:visited {
	COLOR: #999999;
}
/* End of Photo pages */
/* Footer (all but photo pages) */
.footer {
	HEIGHT: 66px;
	background-image: url(layout/footer.jpg);
	font-size: 80%;
	FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif;
	clear:both;
	line-height: 27px;
}
.footer UL {
	FONT-SIZE: 90%;
	PADDING-TOP: 8px;
	MARGIN: 0px;
	LETTER-SPACING: 1px;
	TEXT-ALIGN: center;
	TEXT-TRANSFORM: lowercase;
	color: #CCCCCC;
}
.footer UL LI {
	DISPLAY: inline;
	padding-right: 3px; padding-left: 3px;
}
.footer UL LI A {
	TEXT-DECORATION: none; 
	BORDER-BOTTOM: #8abefb 1px solid
}	
.footer UL LI A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%;
	PADDING-BOTTOM: 0px;
	COLOR: #0099CC;
	TEXT-DECORATION: none;
	BORDER-BOTTOM: #8abefb 3px solid;
}
/* End of Footer (all but photo pages) */