/*
Theme Name:EL Custom
Theme URI:http://www.enchantedlantern.com/design/wp-content/themes/el_custom
Description:
Author: Julia Wyson
Author URI:http://www.juliawyson.com
Version:1.0
*/

/*layout styles*/

body {
	font-family: Century Gothic, Arial, sans-serif;
	font-size: .9em;
	color: #039;
	background: #ffc;
	margin: 0;
	padding: 0;
}
div#header {
	background: #1D5EA0;
	color: #000;
	text-align: center;
	padding: 5px 0;
}
div#navcontainer {
	background: #003399;
	color: #000;
	padding: .2em 0;
	text-align: center;
}
div#navcontainer ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background: #039;
	color: #ffc;
	font: normal 90% arial, helvetica, sans-serif;
}
div#navcontainer li {
	display: inline;
}
div#navcontainer span.current {
	background: #039;
	color: #f60;
	padding: .2em 1em;
}
div#navcontainer a {
	text-decoration: none;
	background: #039;
	color: #ffc;
	padding: .2em 1em;
}
div#navcontainer a:hover {
	background: #f60;
	color: #006;
}

div#mainbody {
	text-align: center;
	margin: 1em auto;
	width: 750px;
}

#sidebar {
float:right;
width:145px;
background-color:#CAECFF;
background-image:url(http://www.enchantedlantern.com/graphics/sbbackground.jpg);
background-repeat:repeat-y;
margin-left:15px;
font-size:.8em;
padding:10px 0 30px 5px;
border:#000033 solid 1px;
}

h2.left_nav {
	font-size: 1em;
	font-weight: bold;
	margin: 0 auto 5px auto;
	text-align: center;
}

#navholder {
width: 160px;
float: left;
display: inline; /* doubled margin bug fix for IE/win */
margin: 15px 15px 5px 0;
height: 100%;
}

#navholder ul {
width: 105px;
background: #FFC;
text-decoration: none;
text-align: left;
}

#navholder li {
list-style: none; /* kills the list item "bullet" markers */
position: relative;
text-align: left;
font-weight: normal;
text-decoration: none;
font-size: .8em;
color:#FFFFCC;
vertical-align: bottom; /* for IE5/win */
}
	
#navholder a {
color: #ffffff;
width: 105px;
display: block;
text-decoration: none;
color:#FFFFCC;
}

#navholder a.original:link, a.original:visited, a.original:active
{
background: #1D5EA0;
text-decoration: none;
}
#navholder a.original:hover
{
background: #f60;
color: #fff;
text-decoration: none;
}

#navholder ul a {
display: block;
padding: 5px 10px;
vertical-align: bottom; /* needed for IE5/win */
text-align: left;
text-decoration: none;
color: #FFC;
}

#navholder ul ul { 
position: absolute;  
left: -3000px;
text-decoration: none;
background: #FFC;
color: #fff;
font-size: 1.3em;
margin:0;
padding:0;
	}	/* flyout elements need a background image or color to avoid bugs in IE/win */

#navholder ul li {
background: #039;
}	
#navholder li:hover {
background-color: #f60;
color: #ffc;
}
	
#navholder ul li:hover ul {
left: 8em;
top: 6px;
}

#navholder ul a:hover {margin: 0;
text-decoration: none;
}
	
/* \*/ /*/ 
#navholder ul li ul {position: static;}
/* */

/* The block above hides the rule inside so that only IE5/Mac can see it.
This rule causes the menus to be fully expanded vertically in that browser,
allowing those users to access the navigation without needing to hover it. */

div#content {
	width: 550px;
	margin: 25px auto;
	text-align: left;
	float: right;
}

div#content_main {
	width: 775px;
	margin: auto;
	text-align: left;
}
.right_tmk {
width: 200px;
margin-left: 200px;

}

#footer {
	text-align: center;
	margin-top: 20px;
	clear: both;
}
#footer a:link { 
	color: #039;
	background: transparent;
	font-size: .9em;
	font-weight: normal;
	text-decoration: underline;
} 
#footer a:visited {
	color: #C30; 
	background: transparent;
	font-size: .9em;
	font-weight: normal;
} 
#footer a:hover {
	color: #f60; 
	background: transparent;
	font-size: .9em;
	font-weight: normal;
} 
#footer a:active { 
	color: #039;
	background: transparent;
	font-size: .9em;
	font-weight: normal;
}
a:link, a:visited, a:hover, a:active {
	font-size: 1em;
	
	
}
.fdlinkbox {
width: 400px;
background-color:#1D5EA0;
color:#FFFFFF;
border:#000066 solid 1px;
margin:10px auto;
padding:15px;
font-size:.9em;
line-height:1.3em;
}

a.fdlinks:link, a.fdlinks:active, a.fdlinks:visited {
	color:#FFFFFF;
}
a.fdlinks:hover {
	color:#FF9900;
}

/*font styles */
a:link { 
	color: #009;
	background: transparent;
} 
 
a:hover {
	color: #c30; 
	background: transparent;
} 
a:active { 
	color: #009;
	background: transparent;
} 

a:link.bold, a:visited.bold, a:hover.bold, a:active.bold {
	font-weight: bold;
	text-decoration: underline;
}
a:link.pro_desc, a:visited.pro_desc, a:hover.pro_desc, a:active.pro_desc {
text-decoration: none;
	font-weight: bold;
}

p {
	margin: 0 auto 1em;
}

p.return {
text-align: right;
margin-top: 0;
}

h1 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 auto 1em;
}

h2, h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 auto 1em;
}

h2.left_nav {
	font-size: 1em;
	font-weight: bold;
	margin: 0 auto 1em 10%;
}

h3 {
font-weight:bold;
margin:0 0 10px 0;
padding:0;
text-align: left;
text-transform: uppercase;
}

h4 {
	font-size: 1.3em;
	font-weight: bold;
}

h5 {
font-size: .8em;
font-weight:normal;
margin:0 0 10px 0;
padding:0;
}

h6 {
	font-size: .6em;
	font-weight: normal;
	margin: 0 auto 1em;
}


strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
img {
	border: 0;
}
	
table {
	margin: 0;
	padding:0;
}
td { 
	padding: 0; 
}
table.displays {
	font-size: .9em;
}

.clear {
clear: both;
margin-top: 0;
margin-bottom: 0;
}

ul, ol {
	margin-top: 0;
	margin-bottom: 1em;
/* Force all browsers to use Mozilla-style left spacing */
	margin-left: 0; 
	padding-left: 20px;
}
li {
	margin-top: .3em;
	margin-bottom: .3em;
}


ul.no-bullets {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.no-bullets li {
	margin-bottom: .6em;
}


ul.design {
	margin-top: 0;
	margin-bottom: 1em;
/* Force all browsers to use Mozilla-style left spacing */
	margin-left: 0; 
	padding-left: 10px;
	list-style: none;
}
ul.design li {
	margin-bottom: .6em;
}



object, embed {
	margin: 0;
	padding: 0;
}

.tight-btm {
	margin-bottom: 0;
}
.floatright {
	float: right;
	margin: .5em 1em;
}
.floatleft {
	float: left;
	margin: 0 1em .5em 0;
}
.floatright2 {
	float: right;
	margin: .5em 1em;
	vertical-align: text-top;
 }
 
.floatrightB {
 	float: right;
margin: .5em 1em;
	border: 1px solid #039;
 }
 
.floatleftB {
	float: left;
	margin: 0 1em .5em 0;
	border: 1px solid #039;
}
  
.page-links {
	text-align: center;
	margin: 1em auto;
}
.msg {
	width: 75%;
	text-align: center;
	margin: 1em auto;
	padding: 1em;
	border: 2px solid #039;
}
.back-link {
	padding-bottom: 5px;
	border-bottom: 1px solid #039;
}



img.border {
	padding: 2px;
	border: 1px solid ##039;
	margin-right: 20px;
}

img.border2 {
	padding: 2px;
	border: 1px solid #000;
	margin-right: 10px;
}


/*form styles */

input.btn{
   color:#FFFFCC;
   font-family:'Century Gothic',Arial,sans-serif;
   font-size:84%;
   font-weight:normal;
   background-color:#003399;
   }
.clr {
clear: both;
}   

.radio {
margin: 5px 0;
}