/*  
Theme Name: Justice Mapping Center
Theme URI: http://justicemapping.org/
Description: The new design for justicemapping.org
Version: 1.0
Author: Shahyar G
Author URI: http://shahyar.net/
*/
html {background: #7fafd1 url(images/body.gif) repeat-x 0 0 }
body {
	margin: 0;
	padding: 0 0 18px;
	background: #7fafd1 url(images/body.gif) repeat-x 0 0;
	color: #000;
	font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', Palatino, 'Times New Roman', Times, serif;
	font-size: 1.2em;
	text-align: center;
	position: relative;
}

#wrapouter {
	margin: 0 auto;
	padding-top: 36px;
	width: 88%;
	text-align: left;
}
#wrap { background: #e5e5e5 url(images/sidebarbg.gif) repeat-y right top; border-right: 1px solid #7fafd1 }
#logo {
	margin: 0;
	padding: 0;
	height: 108px;
	background: transparent url(images/topright.jpg) no-repeat right bottom;
}
#logo a {
	display: block;
	width: 353px;
	height: 108px;
	overflow: hidden;
	background: transparent url(images/logo.gif) no-repeat 0 bottom;
	text-indent: -900em;
}

#topnav {
	margin: 0;
	padding: 0;
	height: 1%;
	width: 100%;
	overflow: hidden;
	background-color: #474542;
	line-height: 1em;
	list-style-type: none;
}
#topnav li {
	display: block;
	float: left;
}
#topnav a {
	display: block;
	float: left;
	background: transparent url(images/topnavtop.gif) repeat-x 0 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
#topnav a span {
	display: block;
	padding: 0.5em 1.5em;
	background: transparent url(images/dots/9C8760.gif) repeat-y 0 0;
}
#topnav li.active a, #topnav a:hover { background: #7fafd1 url(images/topnav3.gif) no-repeat 0 0; color: #000 }
#topnav li.active a span, #topnav a:hover span { background: transparent url(images/dots/ccc.gif) repeat-y 0 0 }
#topnav a:hover { text-decoration: underline }
#topnav li#t_sidebarlink a { background: #bc7125 url(images/sidebartop.gif) repeat-x 0 0; color: #fff; cursor: SW-resize; }

#content {
	padding: 0;
	clear: both;
	line-height: 1.6em;
}
#content h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	text-align: left;
}
#content #content-left h3, #content #content-left h4 { margin: 0; padding: 0; font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', Palatino, 'Times New Roman', Times, serif; line-height: 1em }
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited { color: #930; text-decoration: none }
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color: #c30 }
h2 { font-size: 1.6em }
h2.sIFR-replacing { font-size: 1.75em; line-height: 1.6em; letter-spacing: -0.24em }
h2.sIFR-replaced { font-size: 1.6em; line-height: 1em; letter-spacing: -0.24em }
h3 { font-size: 1.4em }
h4 { font-size: 1.2em }
h5 { padding-bottom: 0.4em; color: #999; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 0.7em; font-weight: normal; text-transform: uppercase; letter-spacing: 3px; }
h5.pad { padding-bottom: 1.8em }
#content-right .box h5 { color: #fff; text-align: justify; padding-bottom: 0.4em; letter-spacing: 2px }
#content .img {
	height: 30px;
	background: transparent no-repeat 0 0;
	text-indent: -900em;
}
a:link, a:visited { color: #930; text-decoration: underline }
a:visited { color: #960 }
a:hover { color: #c00; text-decoration: none }
h2 a:link, h2 a:visited { color: #c30; text-decoration: underline }
h2 a:visited { color: #c60 }
h2 a:hover { color: #960; text-decoration: none }
#content-right .box a:link { color: #fe6 }
#content-right .box a:visited { color: #ec7 }
#content-right .box a:hover { color: #ff9 }
#content-right h5.big { padding: 0.25em 0; font-size: 1em; }
#content-right h5.big a:link, #content-right h5.big a:visited{ color: #fff }
#content-right h5.big a:hover { text-decoration: underline }

#content .presslist { margin: 0; padding: 0.25em 0 0; list-style-type: none }
#content .presslist .size-2 { opacity: 0.8; filter:alpha(opacity=80) }
#content .presslist .size-3 { opacity: 0.6; filter:alpha(opacity=60) }
#content .presslist .size-4 { opacity: 0.4; filter:alpha(opacity=40) }
#content .presslist .size-5 { opacity: 0.2; filter:alpha(opacity=20) }
#content .presslist li { line-height: 1em; width: 300px; }
#content .presslist a { display: block; padding: 0.2em 0 0.2em 19px; background: #bc7125 url(images/icons/sdoc.gif) no-repeat 0 2px; color: #fe6; text-decoration: none; line-height: 1em }
#content .presslist a:hover { background-image: url(images/icons/scal.gif); color: #ff9 }
#content .presslist a span { border-bottom: 1px solid #cc8135 }
#content .presslist a:hover span { border-bottom-color: #dca155 }
#content .presslist a .date { color: #fe9; font-size: 0.85em }
#content .presslist a:hover .date { color: #fe6 }
#content .presslist h4 { display: inline; margin: 0; padding: 0; font-size: 1em; font-weight: normal; line-height: 1em; }
#content #presslinks { padding-bottom: 0.5em }
#content #presslinks a:link, #content #presslinks a:visited { text-decoration: none }
#content-left .presslist  { padding-left: 0.5em; font-size: 0.85em }
#content-left .presslist li { line-height: 1.2em; width: auto }
#content-left .presslist a { background: #e5e5e5 url(images/icons/sdoc2.gif) no-repeat 0 4px; color: #654; line-height: 1.2em }
#content-left .presslist a:hover { background-image: url(images/icons/scal2.gif); color: #987 }
#content-left .presslist a span { border-bottom: 1px solid #987 }
#content-left .presslist a:hover span { border-bottom-color: #654 }
#content-left .presslist a .date { color: #987; font-size: 0.85em }
#content-left .presslist a:hover .date { color: #654 }

#content a.morepress, #content a.morepress:visited { float: left; text-decoration: none; color: #c42 }
#content a.rssright, #content a.rssright:visited { float: right; padding-right: 19px; background: transparent url(images/icons/srss.gif) no-repeat right center; font-weight: bold; text-decoration: none; color: #c42 }
#content #presslinks a.morepress:hover, #content #presslinks a.rssright:hover  { text-decoration: underline; color: #c63 }
#content-right a.morepress, #content-right a.morepress:visited { color: #fe9 }
#content-right a.rssright, #content-right a.rssright:visited { background-image: url(images/icons/srss2.gif); color: #fe6 }
#content-right #presslinks a.morepress:hover, #content-right #presslinks a.rssright:hover  { color: #ff9; text-decoration: underline }

#content-left-outer { float: left; width: 100% }
#content-left {
	margin-right: 370px;
	padding: 1em 0 0 29px;
	font-size: 0.9em;
	text-align: justify;
}
#content-left div.entry { font-size: 0.9em; font-family: Trebuchet MS, Helvetica, sans-serif }
#content-left div.entrylist { font-size: 0.8em; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif }
#content p {
	margin: 0;
	padding: 0 0 1em;
}
#content-left p.noindent { text-indent: 0 }
#content ul, #content ol {
	margin: 0;
	padding: 0 0 1em 2em;
}
#content ul ul, #content ol ol, #content ul ol, #content ol ul {
	margin: 0;
	padding: 0 0 0 2em;
}


#content-right {
	float: right;
	margin-left: -330px;
	width: 330px;
	font-size: 0.7em;
	line-height: 1.8em;
	font-family: Verdana, Lucida Sans Unicode, Lucida Grande, sans-serif;
}
#content-right .box {
	position: relative;
	padding: 15px;
	background:#bc7125 url(images/sidebartop.gif) repeat-x 0 0;
	color: #fff;
}
#content-right .box #presslinks *, #content-right .box img, #content-right .box hr { position: relative }
#content-right .box p, #content-right .box ul, #content-right .box ol {
	margin: 0;
	padding: 0;
}
#content-right .sclose, #content-right .sicon {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	background: transparent no-repeat 0 0;
}
#content-right .sclose:hover { background-image: url(images/icons/sclose.gif) }
#content-right .sglobe { background-image: url(images/icons/sglobe.gif) }
#content-right .sfilm { background-image: url(images/icons/sfilm.gif) }
#content-right .schat { background-image: url(images/icons/schat.gif) }
#content-right h3 { border-bottom: 1px solid #cc8135;/*a59578*/ font-family: Tahoma, Geneva, sans-serif }
#content-right .img { height: 20px; overflow: hidden; text-indent: 0 }
#content-right .img .imgtext { display: block; height: 20px; overflow: hidden; text-indent: -900em; }

#sidesearchform { display: block; margin: 0; padding: 0; }
#sidesearchform #side_s {
	display: block;
	margin: 0.25em auto 0;
	padding: 0.1em 4px;
	width: 80%;
	background: #cc863a;
	border: 1px solid #9c5105;
	color: #fff;
	font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', Palatino, 'Times New Roman', Times, serif;
	font-size: 1.2em;
	line-height: 1em;
}
#content-left #sidesearchform #side_s.inactive {
	background: #f0eeec;
	border-color: #ccc;
	color: #ccc;
}
#content-right #sidesearchform.load #side_s, #content-right #sidesearchform.load #side_s:focus, #content-right #sidesearchform.load #side_s:hover, #sidesearchform.load #side_s, #sidesearchform.load #side_s:focus, #sidesearchform.load #side_s:hover { background: #cc863a url(images/sload.gif) no-repeat right center }
#sidesearchform #side_s.inactive:hover { border-color: #9c5105 }
#sidesearchform #sidesearchsubmit { display: none }
#searchresults {
	clear: both;
	margin: 0 auto;
	padding: 0 0 0 10px;
	width: 80%;
	background-color: #b0611d;
	font-size: 0.85em;
	line-height: 1em;
}
#searchresults ul { margin: 0; padding: 0; list-style-type: none }
#searchresults li { clear: both; padding: 0 4px }
#searchresults li.full { clear: both; padding: 0.4em 4px; line-height: 1.5em; font-style: italic; text-align: center }
#searchresultsinner a.mclose { position: relative; display: block; float: right; width: 24px; height: 24px; background: transparent url(images/icons/mclose.gif) no-repeat 0 0 }
#searchresultsinner a.mclose:hover { background-image: url(images/icons/mclose-o.gif) }
#searchresultsinner li#stitle { font-size: 1em; position: static; padding: 0; overflow: hidden }
#searchresultsinner li#stitle span { display: block; float: left; padding: 0; text-indent: -900em; width: 115px; height: 24px; overflow: hidden; background: transparent url(images/titles/rresults.gif) no-repeat 4px 7px }
#content #searchresults a { font-size: 1em; display: block; color: #fe6; text-decoration: none; line-height: 1.5em }
#content #searchresults a:hover { color: #ff9 }
#content #searchresults a span { border-bottom: 1px solid #cc8135 }
#content #searchresults a:hover span { border-bottom-color: #dca155 }
#content #searchresults a .date { color: #fe9; font-size: 0.85em }
#content #searchresults a:hover .date { color: #fe6 }

#content-right #sidesearchform #side_s {
	position: relative;
	z-index: 999;
	margin: 0.25em auto 0;
	padding: 0.1em 24px 0.1em 4px;
	width: 270px;
	background: #cc8135;
	border: 1px solid #ac6115;
	color: #ff9;
}
#content-right #sidesearchform #side_s.inactive { color: #dca165 }
#content-right #sidesearchform #side_s:focus { background: #cc863a; color: #fff }
#content-right #sidesearchform #side_s:hover { border-color: #9c5105 }
#content-right #searchresults {
	padding: 0;
	width: 300px;
	background-color: #b0611d;
	overflow: hidden;
}

.fleft { float: left }
.fright { float: right }
#content img { border: 2px solid #c5c5c5 }
#content a img { border: 2px solid #ec8 }
#content a:hover img { border: 2px solid #fc3 }
#content-right .box img { border: 2px solid #9c5115 }
#content img.fright { margin: 0.4em 0 10px 10px }
#content img.fleft { margin: 0.4em 10px 10px 0 }

#content hr {
	clear: both;
	margin: 0;
	padding: 0;
	background: #7fafd1;
	color: #7fafd1;
	height: 1px;
	width: 1px;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	position: absolute;
	top: -900em;
	left: -900em;
}
#content-right .box hr {
	color: #756548;
	border: 0px solid #756548;
}

#foot {
	clear: both;
}
#foot p {
	margin: 0;
	padding: 1em 2em;
	background: #403e41 url(images/topnav.gif) repeat-x 0 0;
	font-size: 0.75em;
	line-height: 1em;
	text-align: right;
	color: #fff;
}
#foot a:link, #foot a:visited { color: #def; text-decoration: underline }
#foot a:hover { color: #fed; text-decoration: none }

#content-right h3.pressreleases { background-image: url(images/titles/rnews.gif) }
#content-right h3.projectgallery { background-image: url(images/titles/rprojectgallery.gif) }


.erroricon { display: block; float: left; margin: 0.7em 16px 0.3em 0; width: 32px; height: 32px; background: transparent url(images/icons/lcancel.gif) no-repeat top right }
#searchform {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}
#content-left .center { text-align: center }
#content-left .nopad { padding-bottom: 0 }
#content-left small { font-size: 0.65em }

#sidegallery {
	width: 300px;
	overflow: hidden;
	background: transparent url(images/gallerybg.gif) repeat 0 0;
}
#sidegallery-albums ul, #sidegallery-images ul { 
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.85em;
}

#sidegallery-albums {
	width: 300px;
	overflow: hidden;
}
#content-right #album-list { line-height: 2em }
#content-right #album-list a {
	display: block;
	padding-bottom: 1px;
	padding-left: 0.5em;
	text-decoration: none;
}
#content-right #album-list a:hover, #content-right #album-list a.active {
	padding-bottom: 0px;
	background: #474542 url(images/topnavtop.gif) repeat-x 0 0;
	border-bottom: 1px solid #373532;
}
#content-right #album-list a.active { color: #fff }

#sidegallery-images {
	width: 300px;
	overflow: hidden;
	text-align: center;
}
#content-right #album-images-outer {
	height: 423px;
	overflow: hidden;
	position: relative;
}
#content-right #album-images img { position: static; background: #cc863a url(images/sload.gif) no-repeat center center }
#content-right #album-images {
	overflow: hidden;
	line-height: 1em;
	position: relative;
}
#content-right #album-images li { padding-bottom: 1px }
#content-right a#gallery-up, #content-right a#gallery-down {
	display: block;
	height: 19px;
	background: transparent url(images/arrow-up.gif) no-repeat center top;
}
#content-right a#gallery-down {
	margin-top: 2px;
	background-image: url(images/arrow-down.gif);
}

#sidegallery ul.pagelist li { float: left; padding-right: 2px }
#sidegallery ul.pagelist a, #sidegallery ul.pagelist span {
	padding: 0.3em;
	background-color: #cc8135;
	border: 1px solid #ac6115;
}
#sidegallery ul.pagelist span { background-color: #bc7125 }
#sidegallery ul.pagelist a:hover {
	background-color: #ac6115;
	border-color: #cc8135;
}

#loading-icon { position: absolute; z-index: 9999; top: 20%; right: 50%; margin-right: -13px; width: 24px; height: 24px; background: #cc863a url(images/sload.gif) no-repeat center center; border: 1px solid #ac661a; }

#overlay {
	display: none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9000;
	background: #666 url(images/transblack.gif) repeat 0 0;
}
#lbLoadMessage {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
	margin: -18px 0 0 -18px;
	width: 35px;
	height: 35px;
	overflow: hidden;
	background: #e5e5e5 url(images/mload-circle.gif) no-repeat 0 0;
	border: 1px solid #999;
	text-indent: -900em;
}
#lightbox {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 9990;
	margin: 0 0 0 -42%;
	width: 84%;
	min-width: 84%;
	padding: 30px 0;
	overflow: visible;
	text-align: left;
	filter:alpha(opacity=50);
}
#lightbox #lbContent {
	float: left;
	margin: 0 auto;
	padding: 7px 14px 14px 14px;
	background-color: #e5e5e5;
	border: 1px solid #999;
}
#overlay[id], #lbLoadMessage[id] {position:fixed}

#lightbox .largeimg {
	background: #000 no-repeat 0 0;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
#lightbox a.imgprev, #lightbox a.imgnext {
	position: relative;
	display: block;
	float: left;
	width: 50%;
	height: 100%;
	overflow: hidden;
	color: #333;
	font-size: 1em;
	text-align: center;
	text-indent: -900em;
	cursor: pointer;
}
#lightbox .largeimg a span.white { position: absolute; bottom: 1px; z-index: 10000; color: #ccc }
#lightbox .largeimg a span { display: block; width: 33%; position: absolute; bottom: 0; }
#lightbox .largeimg a.imgprev span { left: 0 }
#lightbox .largeimg a.imgnext span { right: 0 }
#lightbox .largeimg a.imgprev span.white { left: -1px }
#lightbox .largeimg a.imgnext span.white { right: 1px }
#lightbox a.imgnext { margin-right: -1px }
#lightbox a.imgprev:hover, #lightbox a.imgnext:hover { text-indent: 0 }
#lightbox a.imgprev:hover span.shade, #lightbox a.imgnext:hover span.shade { text-indent: 0; background: #e5e5e5 }
#lightbox a.imgprev.disabled:focus span, #lightbox a.imgnext.disabled:focus span, #lightbox a.imgprev.disabled:hover span, #lightbox a.imgnext.disabled:hover span { color: #666; background: url(images/fadedimg.gif); }

#lightbox a.albumthumb { position: relative }
#lightbox a.albumthumb span { position: absolute; top: 0; left: 0; }
#lightbox h5 { word-spacing: 2px; letter-spacing: 1px }
#lightbox h4 { padding-top: 1em }

#lightbox .albumNav {
	padding-top: 1em;
	text-align: center;
}
#lightbox .albumButton {
	position: relative;
	padding: 0 0.1em;
	background-color: #eee;
	border: 1px solid #999;
	border-width: 0 1px 1px 0;
	line-height: 1em;
	text-decoration: none;
	color: #369;
}
#lightbox .albumButton.closeButton { position: absolute; top: 0; right: 0; color: #c00; }
#lightbox span.albumButton.disabled, #lightbox span.albumButton.disabled:hover, #lightbox span.albumButton.disabled:focus { border-width: 0 1px 1px 0; background-color: #bbb; color: #999; cursor: default }
#lightbox a.albumButton:hover { border-width: 1px 0 0 1px; color: #c60; cursor: pointer }
#lightbox .albumButton:focus { background-color: #fdd; color: #d60 }

#gallery-images {
	position: relative;
	width: 100%;
	background: #e5e5e5;
}