/*
JMI Stylesheet 2009 [ Lacy Tite ]
*/

body { background: #FFF url(JMI-bg.jpg) top left repeat-x fixed; margin: 0; padding: 0; }
 img, div, input { behavior: url("http://www.justiceandmercy.org/cms/wp-content/themes/JMI-RHCC/inc/iepngfix/iepngfix.htc") }
a:link, a:visited { color: #4e3514; text-decoration: none; border-bottom: 1px dotted #b4ac91; }
a:hover { color: #900; border-bottom: 1px dotted #900; }
img a:link, img a:visited { border: none; text-decoration: none; }
#burrito input, #burrito textarea { padding: 4px background: #FFF; border: 1px solid #b4ac91; }

#burrito { width: 960px; margin: 0 auto; text-align: center; }
#highlights { border-top: 5px solid #336633; width: 960px; height: 330px; margin: 0 0 10px 0;  }

.flash { background: #FFF; padding: 10px; float: left; width: 605px; height: 310px;  border-left: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; }
.ads { float: left; width: 332px; height: 310px; background: #333; margin: 10px 0px 0px 0px; padding: 0; }

.container { width: 960px; margin: 0 auto; }

#pagecontent {border-top: 5px solid #336633; width: 960px; margin: 0 0 10px 0; text-align: left; }
.insideleft { background: #FFF; padding: 20px; float: left; width: 585px; border-top: none; border-bottom: 4px solid #b4ac91; border-left: 1px solid #b4ac91; border-right: 1px solid #b4ac91; }
.insideleft ul { margin: 1em 2.5em; }
.fullwidth {background: #FFF; padding: 20px; border-top: none; border-bottom: 4px solid #b4ac91; border-left: 1px solid #b4ac91; border-right: 1px solid #b4ac91; }
.fullwidth ul {margin: 1em 2.5em; }
.insideleft a:link, .insidezoho a:link, .insideleft a:visited, .insidezoho a:visited { color: #096; border-bottom: 1px dotted #069; text-decoration: none; }
.insideleft a:hover, .insidezoho a:hover { color: #069; border-bottom: 1px dotted #096; }
.insideleft h2 { margin-top: 1em;  }
.insideleft h3 { margin: 1em 0 .5em 0; border-bottom: 1px solid #DDD; padding: 5px 10px; color: #4e3514; }
.insideleft h3 a:link, .insideleft h3 a:visited, .insideleft h3 a:hover { border-bottom: none; }

.pagetitle { background: #efefe4; border: 1px solid #e8e3d2; padding: 4px 10px; color: #4e3514;  -moz-border-radius: 8px; -webkit-border-radius: 8px;}

.leftcontent { float: left; background: #e8e3d2; width: 625px; border-top: 1px solid #363; border-bottom: 4px solid #b4ac91; border-left: 1px solid #b4ac91; border-right: 1px solid #b4ac91; text-align: left;}
.rightcontent { float: left; width: 320px; margin: 10px 0 0 10px; text-align: left;}
.leftcontent h2, .rightcontent h2 { margin: 0; padding: 7px 10px 7px 15px; background: #363 url(greenbg.jpg); color: #FFF; text-align: left; text-transform: uppercase; font-size: 1.2em; letter-spacing: 0.25em; }
.rightcontent h2 { margin-top: 10px; }

.even { background: #efefe4; padding: 20px; position: relative;}
.odd { background: #e8e3d2; padding: 20px; position: relative; }

.rightcontent ul { list-style: none; }
.rightcontent ul li { }
.rightcontent ul a { display: block; padding: 4px; color: #333; }
.rightcontent ul a:hover { color: #900; background: #e8e3d2; border-bottom: 1px dotted #b4ac91;  }
.rightcontent a.active { color: #900; background: #e8e3d2; border-left: 1px dotted #b4ac91; border-right: 1px dotted #b4ac91;  font-weight: bold;  }

ul.eventlist { list-style: none; }
ul.eventlist li { padding: 5px; border-bottom: 1px dotted #b4ac91; }
ul.eventlist li a { display: inline; background: url('http://justiceandmercy.org/cms/wp-content/files/linkmore.jpg') 4px right no-repeat; padding-right: 20px; }
ul.eventlist li a:link, ul.eventlist li a:visited { color: #333; text-decoration:  none; border-bottom: none !important; }
ul.eventlist li a:hover { color: #900; border-bottom: 1px dotted #333; background: url('http://justiceandmercy.org/cms/wp-content/files/linkmore.jpg') 4px right no-repeat; padding-right: 30px;}
ul.eventlist li a.active { background: none; border: none; font-weight: normal; }

.breadcrumbs { color: #666; font-size: 0.80em; }
	.breadcrumbs a:link, .breadcrumbs a:visited { color: #666; border-bottom: 1px dotted #666; text-decoration: none; }
	.breadcrumbs a:hover { color: #900; border-bottom: 1px dotted #900; }
	
.entryDate { background: #e8e3d2; border: 1px solid #b4ac91; font-family: Georgia,"Times New Roman", serif; float: left; line-height: 1; 
   width: 3.5em; margin: 0px 15px 15px 0; }
.entryDate span { display: block; text-align: center; }
.postMonth { background: #e8e3d2; text-transform: uppercase; font-size: 1.2em;padding-top: 0.3em; color: #4e3514; }
.postDay { background: #e8e3d2; font-size: 2em; color: #4e3514; }
.postYear { background-color: #b4ac91; color: #efefe4; font-size: 1.2em; padding: 0.3em 0; margin-top: 0.3em; }

.smSpt { background:url(sprite_icons.png) no-repeat; }
a.more { float:right; display:block; text-indent:-9000px; width:70px; height:22px; margin-top:3em; margin-left: 15px;  background-position:-31px -293px; border-bottom: none; }

#socialicons { height: 35px;  margin-left: 20px; }
#socialicons a { float: left; width: 32px; margin-right: 20px; }
#socialicons a:link, #socialicons a:visited { border-bottom: none;  }

#header, #nav { background:url(sprite-header.png) no-repeat; }
#header { position:relative; width:960px; height:224px; background-position:0 0; }
#header .logo a { display:block; float:left; width:900px; height:126px; padding-top:33px; text-indent:-9000px; border-bottom: none; }

#footer { background: #333 url(footerbg.jpg) top left; border-top: 1px solid #ECECEC; height: 60px; padding: 20px; bottom: 0; margin: 0; color: #999; }
#footer a:link, #footer a:visited { color: #999; text-decoration: none; border-bottom: none; }
#footer a:hover { color: #FFF; border-bottom: none;  }

/* header navigation */
ul#nav { position:absolute; width:960px;height:38px;margin:0; bottom:0px; left:0;list-style:none; background-position:0 -232px; }

.ie6 ul#nav { bottom:-1px; }

body ul#nav { height:38px; border:0; }
ul#nav li { float:left; margin:0; text-indent:-9000px;}
ul#nav li a { display:block; overflow:hidden; height:38px; background:url(sprite-header.png) no-repeat; border-bottom: none; }

ul#nav li#navHome a { width:87px; background-position:0 -232px;}
ul#nav li#navHome a:hover, ul#nav li#navHome a.hover  { background-position:0 -277px;}
body#home ul#nav li#navHome a { background-position:0 -324px; }

ul#nav li#navAbout a { width:161px; background-position:-87px -232px; }
ul#nav li#navAbout a:hover, ul#nav li#navAbout:hover a, ul#nav li#navAbout.hover a { background-position:-87px -277px; }
body#about ul#nav li#navAbout a { background-position:-87px -324px; }

ul#nav li#navWhere a { width:160px; background-position:-248px -232px; }
ul#nav li#navWhere a:hover, ul#nav li#navWhere:hover a, ul#nav li#navWhere.hover a { background-position:-248px -277px; }
body#where ul#nav li#navWhere a { background-position:-248px -324px; }

ul#nav li#navEducate a { width:166px; background-position:-408px -232px;}
ul#nav li#navEducate a:hover, ul#nav li#navEducate:hover a, ul#nav li#navEducate.hover a { background-position:-408px -277px;}
body#educate ul#nav li#navEducate a { background-position:-408px -324px; }

ul#nav li#navAdvocate a { width:150px; background-position:-574px -232px; }
ul#nav li#navAdvocate a:hover, ul#nav li#navAdvocate:hover a, ul#nav li#navAdvocate.hover a { background-position:-574px -277px; }
body#advocate ul#nav li#navAdvocate a { background-position:-574px -324px; }

ul#nav li#navDonate a { width:123px; background-position:-724px -232px;}
ul#nav li#navDonate a:hover, ul#nav li#navDonate:hover a, ul#nav li#navDonate.hover a { background-position:-724px -277px; }
body#donate ul#nav li#navDonate a { background-position:-724px -324px; }

ul#nav li#navMedia a { width:106px; background-position:-847px -232px;}
ul#nav li#navMedia a:hover, ul#nav li#navMedia:hover a, ul#nav li#navMedia.hover a { background-position:-847px -277px; }
body#media ul#nav li#navMedia a { background-position:-847px -324px; }

/*  Dropdown Menus */
ul.dropdown { float: left; position: relative; z-index: 597; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599;cursor: default;}
ul.dropdown ul { position: absolute; z-index: 598; margin:0; padding:0; top: 100%; left: 0;visibility: hidden; list-style:none; background: #e8e3d2; border-top: 5px solid #363; border-left: 1px solid #363; border-right: 1px solid #363; border-bottom: 4px solid #363; text-align: left;}

ul#nav li#navAbout ul { width: 157px;  }
ul#nav li#navWhere ul { width: 158px;  }
ul#nav li#navEducate ul { width: 164px;  }
ul#nav li#navAdvocate ul { width: 175px;  }
ul#nav li#navDonate ul { width: 121px;  }
ul#nav li#navMedia ul { width: 106px;  }

ul#nav ul li { float: none; text-indent:0; }
ul.dropdown li:hover > ul { visibility: visible; }
/* ----- NON-FIRST LEVEL */
ul.dropdown ul li, ul.dropdown ul li.hover, ul.dropdown ul li:hover { background-color: transparent; }

ul#nav ul li a, ul#nav li#navHome ul li a, ul#nav li#navAbout ul li a, ul#nav li#navWhere ul li a, ul#nav li#navEducate ul li a, ul#nav li#navAdvocate ul li a, ul#nav li#navDonate ul li a, ul#nav li#navMedia ul li a {
	display:block; width:auto; height:auto; font-size:.95em; padding:.5em .7em; text-decoration:none; color:#35291c;
	margin:0px; background:none; border-bottom:1px solid #cdc9a9; }

ul#nav ul li a:hover, ul#nav li#navHome ul li a:hover, ul#nav li#navAbout ul li a:hover, ul#nav li#navWhere ul li a:hover, ul#nav li#navEducate ul li a:hover, ul#nav li#navAdvocate ul li a:hover, ul#nav li#navDonate ul li a:hover, ul#nav li#navMedia ul li a:hover { border-bottom: solid 1px #cdc9a9; background: #FFF; font-weight:bold; }

/*slideshow*/
#slideshow-wrap {	background: #FFF; 	float:left;	position:relative;	width:605px;	height:310px;	padding:10px;	overflow:hidden;	border-left: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666;}
#slideshow-wrap a:link, #slideshow-wrap a:visited { border-bottom: none; }
#slideshow-wrap a:hover { border-bottom: none; }
#slide-nav-wrap {	display:inline-block;	position:absolute;	bottom:10px;	background:#fff;	width:auto;	padding:0;	margin:0;	text-align:center;	z-index:10;}
#slide-nav {	display:inline-block;	bottom:22px;	left:9px;	margin:0;	padding:.5em .5em 0 0;	list-style:none;	background:#fff;	}
#slide-nav ul {	list-style:none;	display:inline-block;	width:auto;	margin:0 auto;	padding:0;	float:left;}
#slide-nav ul li {	float:left;	margin:0;	padding:0;}
#slide-nav ul li a {		display:block;	color:#90825f;	padding:0 .4em;	line-height:22px;	font-size:.95em;	font-weight:bold;	text-decoration:none;	border-bottom: none; }
#slide-nav ul li a.activeSlide {	color:#000;}
#prev {	display:block;	float:left;	text-indent:-9000px;	width:20px;	height:22px;	padding:0;	background:url(sprite_icons.png) no-repeat;	margin-right:.5em;	background-position:-60px -105px;}
#next {	display:block;	float:left;	text-indent:-9000px;	width:20px;	height:22px;	padding:0;	background:url(sprite_icons.png) no-repeat;	margin-left:.5em;	background-position:-81px -105px;}

/* flickr */
#flickr { width:280px; padding:0 0 0 0px; margin-top:15px; }
#flickr a img { float:left; margin:0 0px 8px 8px; background:#FFFFFF; padding:4px; width:70px; height:70px; }
#flickr a:hover img { background: #b4ac91; }
#flickr .clear { margin: 0; padding: 0; }

.redbutton {background:#C00;color:#FFF;border-color:#900; font-weight: bold; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
a.redbutton {color:#FFF !important; padding: 10px; text-decoration: none; border:1px solid #900 !important; }
a.redbutton:hover { background: #900; color: #FFF; }