/*  
Theme Name: Morgine
Theme URI: http://wingsofmercury.com
Description: Custom template for Morgine - CommunicationsWithLove.com
Version: 0
Author: Pamela Riesmeyer specifically for Morgine Jurdan,
	<br />CommuncationsWithLove.com July 16, 2007
Author URI: http://wingsofmercury.com
Copyright 2007 Pamela Riesmeyer, all rights reserved
stylesheet incorporates Eric Meyer's (meyerweb.com) reset styles 
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong{
	font-weight:bold;
}
em{
	font-style:italic;
}

/*redefining the styles reset above */
/*paragraph, heading, list and link styles*/

p{
	margin:1em;
}

h1, h2, h3, h4, h5, h6{
	color:#253511;
	background-color:transparent;
	margin:1em;
	font-family:Palatino, Cambria, Times, serif;
}

h1{
font-size:150%;
}
h2{
font-size:140%;
}
h3{
font-size:120%;
}
h4{
font-size:100%;
}
h5{
font-size:90%;
}
h6{
font-size:80%;
}


a:link, a:visited{
color:#253511;
text-decoration:none;
border-bottom:1px dashed #253511;
}

a:hover{
color:#E7F7D4;
background-color:#253511;
}

/*layout styles */
body{
color:#333;
background-color:#003300;
text-align:center;
margin:0 auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.2;
}

#page{
width:995px;
position:relative;
margin:15px auto;
text-align:left;
background-color:#3C6819;
color:#333;

}
#header, #headerHome{

}

#header{
	height:255px;
}

#headerHome{
height:316px;
}

#slogan{
clear:both;
background-color:#003300;
color:#FEFFFF;
height:40px;

}

#sidebar{
width:355px;
float:left;
background-color:transparent;
color:#FFFFCC;
height:auto;

}
#navigation{
margin:0;
padding:0;
width:351px;
font-size:18px;
font-family: Palatino, Cambria, Times, serif;
}

#navigation ul{
margin:0 0 30px 0;

}

#navigation li {
border-right:1px solid #003300;
border-bottom:1px solid #003300;
height:55px;
}

/* Rollover effect for sidebar navigation - remember when adding image to background for rollover, that to get the width you need on the link, you must declare display:block; links are inline elements. */

#navigation ul li a{
	color:#FEFFFF;
	padding:17px 2px 17px 110px;
	display:block;	
	width:240px;
	border-bottom:none;
	background-image:url(images/dragonfly.gif);
	background-repeat:no-repeat;
	background-position: 39px 2px;	
}

#navigation ul li a:hover{
	background-color:transparent;
	background-image:url(images/dragonflyhover.gif);
	background-repeat:no-repeat;
	background-position:39px 2px;
	color:#FFFFCC;
}

#search{
	margin:0 0 30px 0;	
	font-size:small;
}

#search form input{
	margin:0 0 5px 50px;
}
#search form input.btn{
	margin-left:7px;
    background-color: #FFFFCC; 

}
#content ul{
	list-style-image: url(images/heartbullet.gif);
	margin-left:2.5em;
	padding-left:1em;
}
ul.pageList{
	margin:0.25em 1em 1em 45px;
	list-style:disc;	
}

ul.pageList li{
	font-size:1em;
	line-height:1.5;
	font-size:0.75em;
}

.postInfo{
	font-size:0.75em;
	color:#5b7844;
	background-color:transparent;
	margin:40px 0 0.5em 25px;
	padding-bottom:0;	
}
	
#events{
	margin:20px 0 30px 40px;	
	width:250px;
	color:#FCFAFF;
	background-color:transparent;
}

ul.ec3_events{
	margin:1em;
}

ul.ec3_events li{
	margin:1em;
}

#content{
float:right;
text-align:left;
border-left:1px solid #003300;
width:616px;
background-color:#FCFAFF;
color:#333;
padding:10px;
height:100%;
}




#logoSection{
	background-image:url(images/smallerLogo.gif);
	background-position:100% 100%;
	background-repeat:no-repeat;
	width:196px;
	height:260px;
	position:relative;
	bottom:0;
	left:410px;
	clear:left;
}



#footer{
clear:both;
font-size:80%;
margin:0 auto;
text-align:center;
border-top:20px solid #003300;
height:100px;
color:#253511;
background-color:#FCFAFF;
}

#copy{
margin-top:15px;
margin-bottom:5px;
}

.breadcrumb{
	font-size:0.8em;
	display:inline;
	font-style:italic;
}
 
/*section specific styles - lists, headings, etc. */
#slogan h3{
	color:#FEFFFF;
	float:right;
	margin:0.25em;
	padding:5px 20px 5px 5px;
	font-size:20px;
  font-family: "Lucida Calligraphy", Verdana, Arial, Helvetica, sans-serif;	
	
}

#events h3{
	color:#FFFFCC;
	background-color:transparent;
}
	
table.ec3_schedule{
	border:1px solid #FEFFFF;
}

#headerContainer {
	position:absolute;
	left:0px;
	top:0px;
	width:995px;
	height:255px;
}

#id-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:362px;
	height:255px;
	background-image: url(images/_01.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}

#id-02_ {
	position:absolute;
	left:362px;
	top:0px;
	width:363px;
	height:255px;
	background-image: url(images/_02.jpg);
	background-repeat:no-repeat;
	background-position:0 0;	
}

#id-03_ {
	position:absolute;
	left:725px;
	top:0px;
	width:270px;
	height:255px;
	background-image: url(images/_03.jpg);
	background-repeat:no-repeat;
	background-position:0 0;	
}

/*home header style */
#homeHeaderContainer {
	position:relative;
	left:0px;
	top:0px;
	width:995px;
	height:316px;
}

#home-header-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:456px;
	height:316px;
	background-image: url(images/home_header_01.jpg);
	background-repeat:no-repeat;
	background-position:0 0;		
}

#home-header-02_ {
	position:absolute;
	left:456px;
	top:0px;
	width:341px;
	height:316px;
	background-image: url(images/home_header_02.jpg);
	background-repeat:no-repeat;
	background-position:0 0;		
}

#home-header-03_ {
	position:absolute;
	left:797px;
	top:0px;
	width:198px;
	height:316px;
	background-image: url(images/home_header_03.jpg);
	background-repeat:no-repeat;
	background-position:0 0;		
}

#cred{
margin-top:8px;
font-size:80%;
}

span#contactme{
font-size:105%;
font-weight:bold;
}
/*override event calendar styling */
li.ec3_list_day{
color:#ffffcc;
}

div#events ul.ec3_events li.ec3_list ul li a{
color:#fff;
}
div#events ul.ec3_events li.ec3_list ul li a:hover{
color:#ffffcc;
}