@charset "UTF-8";
/* CSS by Langfeldesigns 2008 */


/* --------- GENERAL --------- */

body { behavior: url("../htcmime.php?file=csshover.htc"); }

html { 
	font-size: 100% 
}

body {
	margin: 0; 
	padding: 0; 
	border: 0;
	color: #554; 
	font: 95% Helvetica, sans-serif; 
	background: #fff; 
	text-align: center; 
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

img {
	margin: 0;
	padding: 0;
	border: none;
}

/* --------- HEADER --------- */

#header h1 {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	height: 77px;
	left: 13px;
	position: relative;
	color:#fffff8;
	font-size: 1px;
	background-image: url("images/lfdesigns-logo.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}

#header p {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	height: 77px;
	left: 13px;
	position: relative;
	color:#fffff8;
	font-size: 1px;
	background-image: url("images/lfdesigns-logo.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}

img#logo {
	position: absolute;
	margin: 0 auto;
	top: 0px;
	padding-left: 20px;
}

/* --------- NAVIGATION --------- */

#navigation {
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 0;
	padding-left: 154px;
	padding-right: 154px;
	width: 680px;
	text-align: center;
	height: 20px;
	/* position: relative;
	top: -60px; */
	background-image: url("images/wings.jpg");
	background-position: left top;
	background-repeat: no-repeat;
}

* html #navigation {
	background-image: url("images/wings-ie.jpg");
}

#navigation ul {
	margin: 0 auto;
	padding: 0;
	padding-left: 20px;
	width: 600px;
}

#navigation ul li {
	margin: 0;
	padding: 0;
	float: left;
	padding-right: 20px;
	font-size: 90%;
	list-style-type: none;
}

#navigation img:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#navigation ul li img.this {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.navigation {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
}

/* --------- SUBNAV --------- */

ul.subnav {
	margin: 0;
	padding: 0;
	width: 210px; /* Forces double-column list */
	text-align: right;
}

ul.subnav li {
	margin: 0;
	margin-left: 20px;
	margin-top: 2px; /* allows list to align evenly at the top while still keeping a 20px gap between boxes */
	margin-bottom: 18px;
	/* padding: 3px;
	padding-top: 65px; */
	border: 1px solid #cbeafb;
	width: 70px;
	list-style-type: none;
	float: left;
	background: #f2f9fd;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

ul.subnav li .text {
	padding: 3px;
	padding-top: 70px; /* set to pixels to override the font-size: 0 property above */
	font-size: 10px;
	line-height: 70%;
}

ul.subnav li.squish {
}

* html ul.subnav li.squish {
	margin-top: 0;
}

ul.subnav li a {
	color: #444;
}

ul.subnav li .linktext, ul.subnav li.page_item {
	margin: 0;
	padding: 0;
}

ul.subnav li.page_item {
	margin-bottom: 20px;
}

ul.subnav li .linktext a, ul.subnav li.page_item a {
	padding: 3px;
	padding-top: 70px; /* set to pixels to override the font-size: 0 property above */
	font-size: 10px;
	line-height: 70%;
	color: #444;
	display: block;
}

ul.subnav li:hover {
	background: #cbeafb;
	color: #000 !important;
}

ul.subnav li img {
	opacity: 0.6;
	filter: alpha(opacity=60); /* IE6 "hack" */
}

ul.subnav li img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

ul.subnav li img.this {
	opacity: 1;
	filter: alpha(opacity=100);
}

ul.subnav li a:hover {
	text-decoration: none !important;
}

ul.subnav li.blue:hover, ul.subnav li.bthis, ul.subnav li.current_page_item {
	background: #cbeafb;
	color: #000;
}

ul.subnav li.green:hover, ul.subnav li.gthis {
	background: #b3cd88;
	color: #000;
	border: 1px solid #b3cd88;
}

ul.subnav li.yellow:hover, ul.subnav li.ythis {
	background: #f9d469;
	color: #000;
	border: 1px solid #f9d469;
}

ul.subnav li.purple:hover, ul.subnav li.pthis {
	background: #b2a6e1;
	color: #000;
	border: 1px solid #b2a6e1;
}

#right ul.subnav li {
	margin-left: 10px;
	margin-right: 10px;
}

/* Will achieve same effect of double-column list, but less browsers support this:
ul.subnav li.clear {
	clear: left;
} */

ul.blog {
	margin: 0;
	padding: 0;
	width: 210px;
	text-align: left;
}

ul.blog li {
	margin: 0;
	list-style-type: none;
	padding: 0;
}

ul.blog li p {
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 130%;
}

ul.blog li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.blog li ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
	line-height: 140%;
}

ul.blog li ul li ul.children {
	margin: 0;
	margin-left: 10px;
	padding: 0;
	list-style: none;
}

ul.blog li ul li ul.children li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
}

/* --------- BODY --------- */

a {
	text-decoration: none;
	color: #fc6e16;
}

a:hover {
	text-decoration: underline;
}

#main {
	clear: both;
}

#upper {
	margin: 0 auto;
	padding: 0;
	width: 600px;
}

#left {
	margin: 0;
	margin-right: 0;
	margin-left: 15px;
	padding: 0;
	float: left;
	top: 161px;
}

/* #main #left.shop ul.subnav {
	height: 300px;
	float: left;
	border: 1px solid #cbeafb !important;
	width: 145px;
	background-image: url("images/langfeld-hands.jpg") !important;
	bckground-position: left middle !important;
	background-repeat: no-repeat !important;
} */

#middle {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-size: 90%;
	width: 535px;
}

#middle ul {
	margin: 0;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style: outside url("images/bullet.jpg");
}

* html #middle ul {
	margin-left: 17px;
	list-style: outside circle !important; /* IE6 has issue with modified bullet image */
}

#middle ul li {
	margin: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 0;
}

#middle p {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

#right {
	margin: 0;
	padding: 0;
	float: right;
	top: 161px;
}

/* --------- TYPOGRAPHY --------- */

#middle h1 {
	margin: 0;
	margin-bottom: 7px;
	padding: 0;
	font-size: 200%;
	color: #4896a3; /* #c2e3f5; /* #337f8c;*/
	font-weight: normal;
}

/* #sifrh1 {
	width: 400px;
	height: 50px;
	margin: 0;
	margin-bottom: 30px;
	margin-left: 235px;
} */

#sifrh1 {
	width: 400px;
	margin: 0;
}

h2 {
	margin: 0;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0;
	font-size: 140%;
	font-weight: normal;
	color: #666;
}

ul.left {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	width: 220px;
}

* html ul.left {
	padding-left: 0;
}

ul.right {
	margin: 0;
	margin-right: 85px;
	position: relative;
	top: -12px;
	padding: 0;
	float: right;
	width: 225px;
}

#middle p {
	line-height: 140%;
	font-size: 100%;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.caption {
	font-size: 70%;
}

/* --------- FORMS --------- */

#thinform {
	width: 260px;
	text-align: right;
}

#wideform {
	width: 350px;
	text-align: right;
}

#contact input {
	float: right;
	width: 150px;
	text-align: left;
}

#contact input.short {
	width: 25px;
	margin-right: 125px;
}

#contact input.submit {
	width: 60px;
	text-align: center;
	clear: both;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 187px;
}

#contact textarea {
	float: right;
	margin: 0;
	padding: 0;
	text-align: left;
}

#commentform textarea {
	width: 350px;
}

/* --------- FOOTER --------- */

#footer {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
	border-top: 1px solid #cbeafb;
	clear: both;
	text-align: center;
	font-size: 75%;
	width: 700px;
}

* html #footer {
	padding-top: 10px;
}


/* Calendar table styles */
#calend table{
	background: #fff;
}

#calend td{
	width: 83px;
	border: 1px solid #fc3;
	padding: 3px;
	vertical-align: top;
}

.monthyear {
	font-size: 120%;
	text-align: center;
	color: #666;
	margin-top: 20px;
	margin: 20px 0 0;
}

.weekday {
	font-size: 90%;
	text-align: center;
}

.day {
	font-size: 95%;
	text-align: left;
}

.eventday {
	font-size: 95%;
	text-align: left;
	color: red;
}

.event {
	font-size: 80%;
	line-height: 135%;
}

span.today {
	font-size: 95%;
	text-align: left;
	color: green;
	font-weight: bold;
}

td.today {
	border: 1px solid #cbeafb !important;
	background: #f2f9fd;
}

.specialday {
	font-size: 95%;
	text-align: left;
	color: orange;
}



.center {
	text-align: center;
}

#middle.wide {
	margin-left: 230px;
	width: 750px;
}

.clear {
	clear: both;
}


/* sIFR Flash replacement styles */
@media screen {

	/* sIFR styles... do not modify */
	.sIFR-flash
	{ visibility:visible !important; margin:0; }
	.sIFR-replaced
	{ visibility:visible !important; }
	span.sIFR-alternate
	{ position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden }

	/* These "decoy" styles are used to hide the browser text before it is replaced... the
	negative-letter spacing in this case is used to make the browser text metrics match up with
	the sIFR text metrics since the sIFR text in this example is so much narrower... your own
	settings may vary... any weird sizing issues you may run into are usually fixed by tweaking
	these decoy styles */
	.sIFR-hasFlash #middle H1, .sIFR-hasFlash #widecontent H1
	{ visibility:hidden
	 }
}

/* --- Printer Output --- */
@media print {
	/* sIFR - hide the Flash headline */
	.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
		display:none !important;
		height:0;
		width:0;
		position:absolute;
		overflow:hidden;
	}
	span.sIFR-alternate {
		visibility:visible !important;
		display:block !important;
		position:static !important;
		left:auto !important;
		top:auto !important;
	}
	.sIFR-hasFlash #middle H1, .sIFR-hasFlash #widecontent H1
	{ visibility:visible; }
}