/* ---------------------------------------------------

timap-screen.css

| Last updated 4 Jan 2008

Screen stylesheet for timapforjustice.org

This design created by this stylesheet and associated images 
is copyright James Muspratt 2006-2008. All rights reserved.
Design elements may not be reproduced without explicit permission.
--------------------------------------------------- */



/* ------------------------ 
	=Layout
------------------------ */

body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#7A3E3E;
	}
	
/* Zero margin, padding and borders, and link underlines */
body * {margin:0; padding:0; border:none;text-indent:0;text-decoration: none;}
table, tr, td {margin:0;padding:0;}

#mast-wrap, #primary-wrap, #secondary-wrap {
	float:left;
	/*prevents divs from collapsing because of internal floats*/
	width:100%;
	}
#primary-wrap {
	background:#FBECD8 url(wrap-bg-primary.jpg) repeat-x left top;
	}	
#secondary-wrap {
	background: #824040 url(wrap-bg-secondary.jpg) no-repeat center top;
	}

#mast-big, #mast-small, #primary, #secondary {
	margin:0 auto;	
	position:relative;
	}
#mast-big, #mast-small {
	width:700px;
	} 
#primary, #secondary {
	background-color: #F7DCBB;
	width: 650px;
	}
#primary {
	background: #F7DCBB url(beige-fade.jpg) repeat-x left top;
	padding: 25px 25px 0 25px;
	}
#secondary {
	padding:5px 25px 0 25px;
	}
.main {
	float:left;
	width:415px;
	}

.sidebar {
	/*shrink everything proportionately in sidebar */
	font-size:.9em;
	float:right;
	width:205px;
	line-height:1.6em;
	margin:0 0 5px 0;
	}



p.important {
	margin: .25em 0 1em 0;	
	padding: 10px;
	font-size: .9em;
	line-height:1.6em;
	font-weight: normal;
	color: #793B3B;
	background: #FBECD8
	}

p.feed {
	padding: 10px 10px 10px 25px;
	background: #FBECD8 url(feed-icon.gif) no-repeat 6px 12px;
	}
#home .sidebar {
	padding-top:18px;
	}

p.donate {
	padding:15px 40px 15px 15px;
	background:#FBECD8 url(comb-icon.jpg) no-repeat 168px 9px;
	font-size:1em;
	line-height:1.5em;
	color:#000;
	}

/* ------------------------ 
	=Basic Styles
------------------------ */
body {
	color:#333;
	margin:0;
	padding:0;
	font-size:70%;
	font-family:"Lucida Grande", verdana, arial, sans-serif;
	}
	
/* Kill Firefox border thing when clicking links */
a, a:link {outline:none;} 

/* Textile adds the "caps" class automatically 
Force uppercase for the situations where class was added manually.*/
.caps, .org {font-size:.9em;letter-spacing:.06em;text-transform:uppercase;}

#primary a, #secondary a {	
	padding-bottom: 1px;
	color: #01398e;
	font-weight: bold;
	border-bottom:1px solid #c0d2db;
	/*background: transparent url(ul-twoblues.gif) repeat-x bottom left;*/
	}

#primary a:hover, #secondary a:hover {
	color:#0166c9;
	border-color:#bde4f8;
	}


#primary h3, #secondary h3 {
	font-family:georgia, times, "Times New Roman", serif;
	text-transform:uppercase;
	font-weight:normal;
	color:#493517;
/*	height:18px;*/
/*	font-size:1.1em;*/
	font-size:12px;
 	margin: 1.2em 0 .5em 0;
	letter-spacing:.1em;
	line-height:15px;
	word-spacing: .2em;
	border-bottom:1px solid #E3C9A0;
	}
#primary h4, #secondary h4 {
	color:#8a3838;
	font-size:1.4em;
	margin-bottom:.5em;
	font-weight:normal;
	}
#primary img, #secondary img {
	background: #8A3838;
	border: 5px solid #faecd8;
	padding: 5px;
	}


.clear {
	clear:both;
}

/* ------------------------ 
	=Masthead
------------------------ */

#mast-wrap {
	background: #2A1B06 url(mast-bg.jpg) repeat-x bottom left;
	}
	
h1#h1-logo-big a {
	display: block;
	float: left;
	height: 150px;
	text-indent: -9999px;
	width: 230px;
	background: transparent url(h1-logo-big.jpg) no-repeat left bottom;
	}
h1#h1-logo-small a {
	display: block;
	float: left;
	height: 50px;
	text-indent: -9999px;
	width: 230px;
	background: transparent url(h1-logo-small.jpg) no-repeat 0 0;
	}
p#elevator {
	float: right;
	margin-top: 35px;
	padding-bottom: 15px;
	font-size: 1.3em;
	color:#F6DCBB;
	width: 470px;
	background: transparent url(rule-dottedbeige.gif) repeat-x bottom left;
	}
p#elevator em {
/*	font-size: 1.6em;*/
	color: white;
	font-style: normal;
/*	font-family:georgia, times, "Times New Roman", serif;*/
	}

p#elevator span {
	padding-right: 10px;
	}

p#elevator a {
	color:#8DD0F2;
	padding-bottom:2px;
	/*background:url(ul-beigeblue.gif) repeat-x left bottom;*/
	border-bottom:1px solid #8DD0F2;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-weight:bold;
	}
p#elevator a:hover {
	color:#eee;
	border-bottom:1px solid #eee;
	}

	
	
/* ------------------------ 
	=Nav
------------------------ */

ul#nav {float:right;margin:15px 0 0 0;list-style: none;}

ul#nav li {float: left;height:25px;}
ul#nav li a {
	display: block;
	border: none;
	height: 25px; 
	text-indent: -9999px;
	background-image: url(nav-july07.gif);
	background-repeat: no-repeat;
	}

/* Link */
li#n-home a     {width:59px;background-position:   0     0;}
li#n-work a     {width:80px;background-position: -60px   0;}
li#n-news a     {width:152px;background-position:-140px  0;}
li#n-photos a   {width:61px;background-position: -292px  0;}
li#n-support a  {width:69px;background-position: -353px  0;}
li#n-staff a    {width:49px;background-position: -422px  0;}

/* Hover */
li#n-home a:hover    {background-position:   0    -25px;}
li#n-work a:hover    {background-position: -60px  -25px;}
li#n-news a:hover    {background-position: -140px -25px;}
li#n-photos a:hover  {background-position: -292px -25px;}
li#n-support a:hover {background-position: -353px -25px;}
li#n-staff a:hover   {background-position: -422px -25px;}

/* Current */
li#n-home.current a    {background-position:   0    -50px;}
li#n-work.current a    {background-position: -60px  -50px;}
li#n-news.current a    {background-position: -140px -50px;}
li#n-photos.current a  {background-position: -292px -50px;}
li#n-support.current a {background-position: -353px -50px;}
li#n-staff.current a   {background-position: -422px -50px;}

/* Current Sub */
body.sub li#n-home.current a    {background-position:   0    -75px;}
body.sub li#n-work.current a    {background-position: -60px  -75px;}
body.sub li#n-news.current a    {background-position: -140px -75px;}
body.sub li#n-photos.current a  {background-position: -292px -75px;}
body.sub li#n-support.current a {background-position: -353px -75px;}
body.sub li#n-staff.current a   {background-position: -422px -75px }

/* Disabled (for before launch)
li.disabled a {cursor: default;}
li#n-work.disabled a    {width:88px;background-position: -61px -100px;}
li#n-news.disabled a    {width:60px;background-position: -149px  -100px;}
li#n-photos.disabled a  {width:68px;background-position: -209px -100px;}
li#n-support.disabled a {width:75px;background-position: -277px -100px;}
li#n-staff.disabled a   {width:118px;background-position:-351px -100px;}
*/

/* ------------------------ 
	=Front Photos Link and Front Map Link
------------------------ */


#photos-link {
	float: left;
	margin: 0 0 20px 0;
	width: 425px;
	}

#photos-link p {
	font-size:.85em;
	margin-top:3px;
	}
#map-link {
	float: right;
	margin: -25px -24px 0 -20px;
	background:none;
	width:250px;
	display:inline; /* for ie*/
	}
#photos-link a,
#photos-link a:hover,
#map-link a, 
#map-link a:hover, 
#map-link a img,
#map-link a:hover img {
	border:none!important;
	padding:0;
	}
#map-link p {
	margin:-30px 0 0 18px;
	font-size:.85em;
	} 
#photos-link p a, #map-link p a  {
	border-bottom:1px solid #c0d2db;
	display:inline;
	}


/*------------------------ 
	=Our Work
------------------------ */

 img.right {
	float: right;
	margin: 0 0 8px 10px;
	}

img.left {
	float: left;
	margin: 0 10px 8px 0;
	}	



.paper {
	margin-bottom:10px;
	padding: 15px;
	background:#faecd8;
	
	}	

#primary .paper h4  {
	font-family:georgia, times, "Times New Roman", serif;
	font-size:1.8em;
	line-height:1.2em;
	color:#775f40;
	}

.paper h4 strong {
	color:#32220b;
	font-weight:normal;
	}
.paper p {
	color:#34240a;
	font-weight:normal;
	font-size:1.1em;
	margin-bottom:.5em;
	line-height:1.6em;	
	}

/* author */
.paper p em {
	font-size:.95em;
	line-height:1.1em;
	margin-top:-1em;
	font-weight:bold;
	color:#793B3B;
	font-style:normal;
	}
	
/*#primary .paper p a {
	display:block;
	border:none;
	line-height:1.6em;
	height:2.5em;
	padding: 5px 50px 5px 0;
	background:#faecd8 url(pdf-icon.gif) no-repeat 150px 0;
	}*/
	
#primary .paper a:hover {
	border:none;
	}


#partners ul {
	list-style:none;
	}
#partners li {
	margin-bottom:10px;
	}

#partners a {
	display:block;
	background-color:#483517;
	font-size:1.2em;
	width:175px;
	padding: 10px;
	color:#8DD0F2;
	border:none;
	}
#partners a:hover {	color:#fff;border:none;}
#partners span {
	display:block;
	margin-top:.5em;
	color:#EFDBBB;
	font-size:.8em;
	}


/* ------------------------ 
	=News
------------------------ */

/* Latest (front page) */
h2#h2-latest-news {
	height: 28px;
	width: 415px;
	margin: 0;
	text-indent: -9999px;
	background:transparent url(h2-latest-news.jpg) no-repeat 0 0;
	}



.news-post, .photos-post {
	margin:1em 0 2em 0;
	padding:15px 15px 10px 15px;
/*	width:365px;*/
	background:#faecd8 url(rough-edge.jpg) no-repeat 0 0;
	}


#primary h4.post-date {
	color:#793b3b;
	font-family:georgia, times, "Times New Roman", serif;
	font-size:1.1em;
	font-weight:normal;
	}

#primary h4.post-title a, #secondary h4.post-title a {
	color:#01398e;	
	font-family:georgia, times, "Times New Roman", serif;
	font-size:1em;
	margin-bottom:.5em;
	/*background:none;*/
	border:none;
	font-weight:normal;
	}
#primary .post-title a:hover, #secondary .post-title a:hover {		
	color:#0166c9;
	}
	
.post-author, .photo-credit {
	text-transform:uppercase;
	color:#493517;
	margin:.5em 0 1em 0;
	font-family:"Lucida Grande", verdana, sans-serif;
	font-size:.9em;
	letter-spacing:.07em;
	}

.photo-credit {
	color:#8b6c3d;
	margin-top:.5em;
	font-size:.88em;
	}

.post-body {
	font-size:1.1em;
 	line-height: 1.6em;
	color:#34240a;
	}

.post-body p {
	margin-bottom:1.2em;
	}
.post-body blockquote {
	margin-left:1.5em;
	margin-right:1.5em;
	font-size:.9em;
	}

/* Post subheading */ 
#primary .post-body h4 {
	color:#8a3838;
	margin-top: 1em;
	margin-bottom:.5em;
	font-size: .8em;
	letter-spacing: .05em;
	text-transform: uppercase;
	font-weight: bold;
	}
.post-body ul {
	margin: 0 0 .5em 0;
	}
.post-body li {
	}

ul#sub-nav {
	list-style:none;
	margin:.5em 1em 0 0;
	padding:0;
	}
ul#sub-nav li {
	float:left;
	margin-bottom:.5em;
	font-size:1em;
	padding:0 2em 0 0;
	}

/* Permlink */

p.permlink {
	margin-top:2em;
	padding-top:.2em;	
	border-top:1px dotted #8a3838;
	}
p.permlink a {
	font-size:.9em;
	}

/* News Archive */

#news-archive {
	width:415px;
	margin-bottom:20px;
	}

#primary #news-archive h4 {
	font-size:1.2em;
	margin:1em 0 .3em 0em;
	}
	
#news-archive h4 {
	margin-top:1.5em;
	}
#news-archive h5.month-divider {
	text-indent:-9999px;
	height:5px;
	margin-top:10px;
	border-top:1px dotted #361f02;
	}

#news-archive ul {list-style:none;}
#news-archive p {
	margin-top:.5em;
	line-height:1.6em;
	}
	

	
/* ------------------------ 
	=Photos
------------------------ */

ul#photos-list {
	list-style:none;
	}	
ul#photos-list li {
	float:left;
	margin:10px 10px 0 0;
	height:55px;
	}
ul#photos-list a {
	border:none;
	}	
ul#photos-list a img {
	border: 2px solid #faecd8;
	padding: 0;
	}	

ul#photos-list a:hover {border:none;}

ul#photos-list a:hover img {
	border-color:#8A3838;
	
	}

/* ------------------------ 
	=Staff + Contact
------------------------ */
.staff-person {
	margin:0 5px 1em 0;
	padding:15px 10px 10px 10px;
	float:left;
	width:110px;
	height:180px;
	background:#faecd8 url(rough-edge.jpg) repeat-x 0 0;
	}

#primary h4.staff-name {
	font-size:1.2em;
	margin:0;	
	}

#staff #primary p {
	margin-top:.5em;
	}

#staff h3 {
	margin-top:1.5em;
	clear:both;	
	}
.staff-location {
	font-style:italic;
	margin-top:0;
	}

.staff-institution {
	font-weight:bold;	
	}

.sidebar .vcardwrap {
	padding:10px;
	background-color:#FBECD8;
	line-height:1.35em;
	}
.sidebar .vcardwrap p a {
	margin:5px 5px 0 0;
	padding:5px 25px 0 0;
	display:block;
	background:#FBECD8 url(vcard-icon.gif) no-repeat 148px 0;
	font-size: 1em;
	font-weight: normal;
	height:2em;
	color: #371f03;
	border:none!important;
	}


	
.sidebar .vcardwrap p a:hover {	border:none!important;}

#staff legend {
	display:none;
	}

#staff input, textarea#yourmessage {
	margin:.3em 0 1em 0;
	padding: 5px;
	border: 5px solid #faecd8;
	font-size:1em;
	font-family:"Lucida Grande", verdana, arial, sans-serif;
	}

textarea#yourmessage {
/*	width:400px;
*/	}
#staff .searchbutton {
	margin-top:1em;
	border:none;
	}

ul.zemError {
	color:#8a3838;
	}
#staff label {
	font-weight:bold;
	}

/* ------------------------ 
	=Support
------------------------ */


/* ------------------------ 
	=Search results
------------------------ */

ul.search-results-list {
	}
ul.search-results-list li {
	line-height:1.6em;
	margin-bottom:1em;
	}
	
	
/* ------------------------ 
	=Footer
------------------------ */

#footer {
	display: block;
	margin: 20px -25px 0 -25px;
	padding:0;
	color:#F6EBD8;
	background-color:#361F02;
	}


#footer .vcard {
	float:left;
	font-size: 1.1em;
	line-height: 1.4em;
	padding:25px 25px 17px 25px;
	display:inline; /* for ie*/
	}

/* Search input */

#search-input {
	float:right;
	margin: 2em 0 0 0;
	padding: .4em 0;
	width:180px;
	margin-right:55px;
	}

#search-input input {
	padding: 3px;
	border: 5px solid #faecd8;
	font-size:.9em;
	}
#search-input input.searchbutton {
	margin:.5em 0;
	padding: 2px;
	border:none;
	font-size:.9em;
	}
#search-input input:focus {
	}


#footer p.credits {
	clear:both;
	font-size: .9em;
	text-align: center;
	padding: 15px 25px;
	background-color: #000;
	}
#footer p.credits a {
	color:#8DD0F2;
	font-weight:bold;
	padding-bottom:1px;
	line-height: 1.6em;
	border-bottom:1px solid #8DD0F2;
	/*background:transparent url(ul-beigeblue.gif) repeat-x left bottom;*/
	}
#footer p.credits a:hover {
	color:#fff;
	border-bottom:1px solid #fff;
	}