/* == Reset == */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */


@media screen {
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,
b, u, i, center,
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-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* == Generic styles ======== */
body {font-size:75%; line-height:1.25; font-family:'PT Sans', 'Helvetica Neue', Arial, sans-serif; color:#444; min-width: 780px;/*font:54.5% is invalid css; 75% sets baseline size to 12px; default line-height MUST be larger than 1 for readability*/ }
body {background: #323232;} /*added 10.24-CR*/

h1, h2, h3, h4, h5, h6 {font-family: 'Arvo', Georgia, serif; font-weight: 700;color: #ab0b17;} 
h4, h5, h6 {font-weight:700;}
/*combine common properties for simplicity, ease of maintenance 
need to provide at least one fallback font-family if Arvo doesn't get loaded for some reason*/
h3,h4,h5,h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #ab0b17;}

/* commentec out
h1 {font-size:2em; margin-bottom:0.666667em; line-height:1.333333em;}
h2 {font-size:1.5em; margin-bottom:.25em; line-height:1.5em;}
h3 {font-size:1.2em; margin-bottom:.25em; line-height:1em; font-weight:normal;color: #777;}
h4 {font-size:1em; line-height:1.5em; font-weight:bold;}
h5, h6 {font-size:.75em; line-height:1.3333em; font-weight:italic;}
h6 {font-weight:normal; font-style:italic; color: #777;}
*/

/*type set to a vertical rhythm, 12px/21px-CR 10.24*/
h1 {
	font-size: 2em;line-height: 0.875em;margin-top: 1.3125em;margin-bottom: 0.875em;
}

h2 {
	font-size: 1.666667em;line-height: 1.05em;margin-top: 1.05em;margin-bottom: 0.525em;
}

h3 {
	font-size: 1.333333em;line-height: 1.3125em;margin-top: 1.3125em;margin-bottom: 0.65625em;
}

h4 {
	font-size: 1.166667em;line-height: 1.5em;	margin-top: 1.5em;margin-bottom: 0.75em;
}

h5 {
	font-size: 1em;line-height: 1.75em;margin-top: 0.875em;margin-bottom: 0em; font-style:italic;
}

p, ul, ol, dl {
	font-size: 1.25em;line-height: 1.25em;margin-top: 0.875em;margin-bottom: 2em;
}
/* Links */
a:link {color:#ab0b17;}
a:visited {color:#999;}
a:hover {color:#d50000;} /*changed from #777 so it "lights up"*/
a:active {color:#d50000;}

h3 a {text-decoration:none;}

ol,ul {margin-left:12px;}
ul ul,
ul ol,
ol ul,
ol ol {
    font-size:1em;
    margin-bottom:0;
}
dt {font-weight:normal; font-style:italic;}
dd {margin-left:1.3333em;}
table {width:100%; font-size:1.5em; margin-bottom:1.3333em;border:1px solid #ccc; border-width: 1px 1px 0 0;}
th {text-align:left;font-weight:bold;}
th, td {border:1px solid #ccc; border-width:0 0 1px 1px;padding: 4px;}
blockquote {margin-left:2.6667em;margin-right:2.6667em;font-style:italic;}

/* Reusable classes */
.hide {text-indent: -1000em; width: 0; height: 0; overflow: hidden;}

.navigation {list-style:none; margin: 2em 0 0;}
.navigation li {font-family: 'Arvo'; display:inline;}
	.navigation a {text-decoration:none;}

.item-pagination {overflow:hidden;width:512px; margin-bottom:1.5em;border-top:1px solid #ccc; padding-top:1.5em;}
.item-pagination li.previous {display:block;float:left; width:48%;}
.item-pagination li.next {float:right; display:block;width: 48%; text-align:right}

/* Forms */
legend {font-size:1.5em; font-weight:bold; }
fieldset {display:block; clear:both;}
.field {margin-bottom: 1em;}
label {font-size:1.2em;}
.label {font-size:1.2em;}
.inputs {overflow:hidden;zoom:1; padding:1em;}
#advanced-search-page .field {border-bottom:1px solid #ccc; padding:0.75em 0; overflow:hidden; width:100%;}
#advanced-search-page .field label {float:left; width: 30%;font-weight:normal;clear:left; }
#advanced-search-page .field .label {float:left; width: 30%;font-weight:normal;clear:left; }
#advanced-search-page .field .textinput, .field select {float:right; width: 90%;background:#fff;}
#advanced-search-page .field select {width: 92%;float:right;}
#advanced-search-page .field input {width: 70%;float:right;}
#advanced-search-page .field button {float:right;}
#advanced-search-page input.submitinput {margin-top:1em;}
#advanced-search-page #submit_search_advanced {margin:.5em 0;float:right;}

ul.items-list, ul.collections-list, ul.title-list {font-size:1em; list-style:none; margin-left:0;}

.item-description, .element-text-empty, .item-description p, .element-text p {font-size: 1.25em;line-height: 1.25em;margin-top: 0.875em;margin-bottom: 2.625em;} /*these should all match the properties for p*/
  .element-text {font-size: 1.25em;line-height: 1.25em;margin-top: 0.875em;margin-bottom: 1.25em;}
  
.title-list li {/*font-size:1.5em; too large for a list item, should be same size or smaller than body text*/ font-size:1em; line-height:1.33333em; margin-bottom:1.33333em;}
	
em {font-style:italic;}
strong {font-weight:bold;}
.element {margin-bottom:1.25em;}

textarea#rights {float:none; display:none;line-height:1.33333em;width: 512px; border:none; font:1.5em "Times New Roman",Times, serif;height:31em; color:#444;padding:0; margin:0;}

div.error {font-size:1.5em; line-height:1.33333em; margin:1.33333em 0;}

/* Microformats */
.hTagcloud {margin-top:2em;}
.hTagcloud ul {list-style:none; margin-left:0; padding-left:0; line-height:1.8em;}
	.hTagcloud li {display:inline;margin-right:8px;}

	.popular {font-size:100%;}
	.v-popular {font-size:140%;}
	.vv-popular {font-size:180%;}
	.vvv-popular {font-size:220%;}
	.vvvv-popular {font-size:260%;}
	.vvvvv-popular {font-size:300%;}
	.vvvvvv-popular {font-size:320%;}
	.vvvvvvv-popular {font-size:340%;}
	.vvvvvvvv-popular {font-size:360%;}

	.popular a, .popular a:visited {color: #714271;}
	.v-popular a, .v-popular a:visited {color: #714271;}
	.vv-popular a, .vv-popular a:visited {color: #714271;}
	.vvv-popular a, .vvv-popular a:visited {color: #636;}
	.vvvv-popular a, .vvvv-popular a:visited {color: #636;}
	.vvvvv-popular a, .vvvvv-popular a:visited {color: #5D2E5D;}
	.vvvvvv-popular a, .vvvvvv-popular a:visited {color: #5D2E5D;}
	.vvvvvvv-popular a, .vvvvvvv-popular a:visited {color: #5D2E5D;}
	.vvvvvvvv-popular a, .vvvvvvvv-popular a:visited {color: #5D2E5D;}


#wrap {width:960px; margin:0 auto;background:#fff;} /*added 10.24-CR; define a width and center horizontally*/
/* == Header == */
#site-title {margin-bottom:0; /*margin-left:48px; padding:1em 0;*/ padding: 6px 0 0;margin-left:0;}
#site-title img {/*border-radius: 15px; commented this out, rounded borders usually done to say "friendly", which doesn't seem the right personality
for a site about protests and occupation; if you really want to use this, you need to write cross-browser compatible border-radius properties, this syntax will only work in certain browsers*/}
    #site-title a {text-decoration:none;}
        #header h2 {text-align:center;font-size:30px;line-height:24px; margin-bottom:24px;color: #ab0b17;font-weight:700;}
        
        /* == Content == */
#content {background: url("../images/horizontal-stripe.gif") top left repeat-x;/*padding:54px 48px 0;*/padding: 24px 12px 0; margin-bottom: 48px; overflow:hidden; zoom:1;}
	
	#search-wrap a {font-size:1.25em;margin-top:.25em;text-decoration:none;}
	#search-wrap {font-family:'Arvo', Georgia, serif; margin-bottom:2em;}
	#search-wrap h2 {display:none;}
	#submit_search {margin-left:5px;}
	#submit_search_advanced {margin-top:5px;margin-bottom:5px;}
	
	#primary-nav {float:left; /*width:20%; margin-right:5%;*/ width: 20%; margin-right:2%;margin-top:36px;} /*modified to account for occupy layout*/
	#primary-nav ul {margin:0;/*font-size:1.2em; line-height:1em;*/ font-size:1.25em;line-height:.75em;}
	#primary-nav li {display:block; width: 246px; margin-bottom:1em;}
	#primary-nav a {display:block; width: 246px; padding:0;}
	#primary-nav li.current a, #contribution #primary-nav li.nav-contribute-a-story-or-file a, #Tags #primary-nav li.nav-browse-contributions a, #items #primary-nav li.nav-browse-contributions a {color:#ab0b17;border-left:1em solid #ab0b17; padding-left:0.5em;}
	
	/* 
	 * Column styles 
	 *
	 * Default - one column
	 * .two-col - Two columns of equal width
	 * .two-col-primary - Two columns, primary is wider
	 * .two-col-secondary - Two columns, secondary is wider
	 **/
	
	#primary {float:left; width: 70%;}
	#secondary {float:right; width: 25%;}
	.two-col #primary {/*width: 35%;*/width:50%;} /*changed to reflect that main column in occupy should be visibly wider than secondary, since it houses the vertical nav list and main content--may need to adjust further*/
	.two-col #secondary {/*width: 35%;*/ width:25%;}
	.two-col-primary #primary,
	.two-col-secondary #secondary {width: 50%;}
	.two-col-primary #secondary,
	.two-col-secondary #primary {width: 22%;}

 #share-box {
border: solid;
border-width: 2px;
padding: 8px; 
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
margin: 5px;}
#share-box ul {padding-left: 7px;}
#share-box li {font-size: 1.25em; line-height: 1.5em;}
#share-box p {font-size: 1em; line-height: 1em; margin-bottom: 1em;}


		#secondary-nav {margin-bottom:1em; border-bottom:1px solid #ccc; padding:0.4em 0.5em; font-size:1.1em;}
		#secondary-nav li {padding:1em, 0;}
		#secondary-nav a {padding:0.5em 1em 0.5em; color:#666;}
		#secondary-nav .current a{background:#fff;color:#333; font-weight:bold; border-bottom:1px solid #fff;}
		.tags #secondary-nav .nav-browse-all a {border:none;color:#666;font-weight:normal;}
		
		.pagination ul {text-align:right; line-height:1em; padding:0.5em; margin-left:0;}
		.pagination li {display:inline; margin-left:1em; margin-bottom:0; padding:0.5em 0;}
		.top ul {border:1px solid #ccc; border-width:0 0 1px 0;}
		.bottom ul {/*margin-top:-1.3em;*/margin-bottom:0; }
			.pagination .next {border-left:1px solid #ccc; padding-left:1em;}
			.pagination .previous {border-right:1px solid #ccc; padding-right:1em;}
	
		.browse .item {overflow:hidden; border-bottom:1px solid #ccc;padding-bottom:2em;}
		.browse .item-img img {width:100px; height:100px; float:left; display:block; margin-bottom:2em; margin-right:2em; padding:6px; border:1px solid #ccc;}
		.tags li {display:inline;}
		.tags a {}
		
		#item-content img {padding:5px; border:1px solid #ccc; margin-bottom:2em;}

		#featured-item {overflow:hidden;}
		#featured-item img {width: 140px; height:140px; padding:8px; border:1px solid #ccc; margin-right:20px; margin-bottom:20px;float:left;}

		.items-list li {border-bottom:1px solid #ccc; margin-bottom:1.33333em;}
		
		#featured-collection {padding-bottom:10px;}
		.collection {border-top:1px solid #ccc;padding-top:1.33333em;}
		.collection .element {margin-bottom:0;}		

/* == Footer == */
#footer {clear:both; overflow:hidden; /*padding-top:48px; margin:48px 48px 0; border-top:1px solid #ccc;*/ width:960px;margin:48px auto; color:#3e3e3e; padding-left:10px;}/*define a width and center it horizontally; make text a lighter gray than background*/
	#items#footer {width:936px;}
	#footer p {float:left; clear: both; /*width: 40%; */ color:#3e3e3e; line-height:1em; margin: 10px;}
	#footer p.copyright {font-size: 1em; line-height:1em;}
	#footer p.omeka {float: right; font-size: 1em; line-height:1em; padding-right: 20px;}
  #footer ul {float:right; width:60%; /*margin:0 0 0 60px;*/margin:0 18px 0 0;text-align:right;}
		#footer ul li {margin-left:12px;}
	#footer .navigation a {color: #999;} /*added properties to account for dark gray page background*/
		#footer .navigation li.current a {color: #ab0b17;}
		#footer .navigation a:hover {color:#ab0b17;}
		
/* == Exhibit Builder == */
#exhibits .exhibit {border-top:1px solid #ccc; padding-top:2em;}
#exhibit #primary h2 {font-weight:normal;margin-top:.5em;}
.exhibit-section-nav {list-style:none;margin-bottom:1em; border-bottom:1px solid #ccc;margin:0;padding:0.4em 0.5em; font-size:1.5em;}
.exhibit-section-nav li {padding:0.5em 0;display:inline;}
.exhibit-section-nav li a {padding:0.5em 1em 0.5em; color:#666;text-decoration:none;}
.exhibit-section-nav .current a{border-top:1px solid #ccc;background:#fff;color:#333; font-weight:bold;border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #fff;}

.exhibit-page-nav {padding:15px 0 15px 40px;margin:0;border-top:1px solid #ccc;}
.exhibit-page-nav li {font-size:1.1em;display:inline;margin-right:10px;}
.exhibit-page-nav li a {text-decoration:none;}
.exhibit-page-nav .current a {color:#333; font-weight:bold;}

#exhibit-page-navigation {clear:both;float:right;}
#exhibit-page-navigation .next-page {margin-left:2em;}
}/*end @media screen*/
/* Print Styles */
@media print {
body{
	font:12px Georgia, "Palatino Linotype", "Book Antiqua", "Times New Roman", Times, serif;
}
#content{
	width:100%;
	margin:0;
	float:none;
}
h1,
#site-title{
	font-size:16pt;
	font-weight:bold;
}
h2{
	font-size:14pt;
	font-style:italic;
}
h3 {
	font-size:14pt;
}
h4 {
	font-weight:bold;
}
h5 {
	font-weight:bold;
	font-style:italic;
	text-transform:uppercase;
}
a:link:after {
	content: " (" attr(href) ") ";
	font-size:80%;
}
#search-container,
#primary-nav,
#header-image,
.navigation,
.pagination,
#exhibit-page-navigation,
.exhibit-section-nav,
.exhibit-page-nav {
	display:none;
}
blockquote {
	margin:10pt 0 0 0;
	font-style:italic;
}
}/*end @media print*/