/* === blocks =============================================================== */
html {
}

body {
	/* background: black url(/home/imran/src/html/wedding/i/background.png) scroll; */
	background-color: #8FC73E;
}

.pageBorder {
	background-color: #8FC73E;
}

#header {
	background-color: #fefefe;
}

#headerLogo img {
	float: left;
	margin: 9px 0;
}

#headerText p {
	margin: 18px 0;
	text-align: right;
	font-size: 1.5em;
}

#headerSisters img {
	float: right;
	clear: right;
	margin: 4px 0 0 0;
}

#main {
	background-color: #fefefe;
}

#footer {
	color: #fefefe;
	background-color: #002F00;
}

#footerSisters img {
	float: right;
	clear: right;
	margin: 4px 0 0 0;
}


/* === debugging ============================================================ */
.debug {
	border: dashed 1px red;
}
.debug2 {
	border: solid 1px black;
}

.myshowgridNO {
	background: url(grid2.png);
}


/* === basic styles ========================================================= */
h2 {
	color: #fefefe;
	margin-top: 30px;
}

h3 {
	color: #fefefe;
	background-color: #dc143c;
	padding: 9px 0 9px 9px;
}

p {
	text-align: left;
}

/* undoing a rule from blueprint/fancy-type */
p + p {
	text-indent: 0;
	margin-top: 0;
}


/* ===== cols =============================================================== */
.shadedCol {
}
.shadedCol p {
	padding: 9px 9px 0 9px;
	text-align: left;
}
.shadedCol ul {
	padding: 9px 9px 0 9px;
}

.insetRight img {
	float: right;
	clear: right;
	margin: 0 9px 9px 9px;
}
.insetLeft img {
	float: left;
	clear: left;
	margin: 0 9px 9px 9px;
}
.insetSpread img {
	margin: 0 9px 9px 9px;
}


div.colour1 {
	color: #fefefe;
	background-color: #003153;
}
div.colour2 {
	background-color: #CCCCFF;
}
div.colour3 {
	background-color: #FBCEB1;
}

.shadedBlock1 {
	color: white;
	background-color: #6495ed;
	padding: 9px 9px 9px 9px;
}

.shadedBlock2 {
	color: black;
	background-color: #6a5acd;
	padding: 9px 9px 9px 9px;
}

.shadedBlock3 {
	color: white;
	background-color: #4682b4;
	padding: 9px 9px 9px 9px;
}

.column1of1 img {
	float: right;
	clear: right;
	padding: 0 0 18px 18px;
	margin-left: 18px;
	background-color: #fefefe;
}


/* === 3d buttons =========================================================== */
.button3d a img {
	border: solid 2px;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;
}

.button3d a:link img {
	border: solid 2px;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;
}

.button3d a:visited img {
	border: solid 2px;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;
}

.button3d a:hover img {
	border: solid 2px;
	border-bottom-color: #333333;
	border-right-color: #555555;
	border-left-color: #BBBBBB;
	border-top-color: #DDDDDD;
}

.button3d a:active img {
	border: solid 2px;
	border-bottom-color: #DDDDDD;
	border-right-color: #BBBBBB;
	border-left-color: #555555;
	border-top-color: #333333;
}


/* === #h_menu ============================================================== */
#h_menu {
	background-color: #8FC73E;
	background-color: #fefefe;
	background-color: #008000;
}

#h_menu ul {
	margin-left: 0;
}

#h_menu ul li {
	list-style: none;
	display: inline;
	font-size: 1.5em;
}

#h_menu ul li.here {
	/* padding & float must be in sync with '#h_menu ul li a' below */
	padding: 0.5em 1em;	/* this dictates the size of the h_menu bar buttons */
						/* the h_menu div will resize vertically to accomodate this */
	float: left;
	color: black;
	background-color: #fefefe;
	text-decoration: none;
	/* letter-spacing: 0.2em;	/* make the current page's button stand out a little */
	border: solid 2px;
	border-color: #fefefe;
}

#h_menu ul li a {
	padding: 0.5em 1em;	/* this dictates the size of the h_menu bar buttons */
						/* the h_menu div will resize vertically to accomodate this */
	float: left;
	color: white;
	background-color: #008000;
	text-decoration: none;
	border: solid 2px;
	border-color: #008000;
}

#h_menu a:hover {
	background-color: #8FC73E;
	border: solid 2px;
	border-color: #8FC73E;
}

#h_menu a:active {
	color: #2e2e2e;
	background-color: #41A01C;
	border: solid 2px;
	border-bottom-color: #82B538;
	border-right-color: #68912D;
	border-left-color: #4E6D22;
	border-top-color: #344817;
}