/*****************************************
user change size
******************************************/

body { font-size: 92%; }

html, body, form, fieldset { color: #fffbf0; }
body { background-color: #000; }

p.normal {display: none;}
p.text { display: block; }


/* QUESTIONOR */
div#column1 #questionor p, #questionor h4, div#column1 #questionor p a, #questionor h4 a { color: #fffbf0; }
div#column1 #questionor p a, #questionor h4 a { padding: 0; border: none; }	

/* LINKS */
a { 
	color: #00ffff; 
	text-decoration: underline;
	font-weight: bold
	}	
	
a:hover { color: #3300ff;}	
	
div#content a { 
	padding:0; 
	border: none;
	}
	
div#content a:hover { background-color: #000}

div#column2 div.feature p a:link,
div#column2 div.feature p a:visited,
div#column2 div.feature2 a:link,
div#column2 div.feature2 a:visited {
	color: #00ffff; 
	border: none; 
	}	
	
div#column2 div.feature p a:hover,
div#column2 div.feature2 a:hover { 
	color: #3300ff;
	background-color: #000;
	}	



/* HEADINGS */
h2, h3, h4 { color: #fffbf0; }
	

/* Skipnav */

#skipnav { position:static; margin-left: 0; }

#skipnav a:focus, #skipnav a:active {
	margin-left: 0;
	overflow: visible;
	display: inline;
	width: 10em;
	}
	
/* Header */
#header {
	width: 90%;
	margin: 0 20px 0 30px;
	position: relative;
	text-align: left;
	height: 100%;
	background: none;
	}

#header h1 {
	height: 100%;
	width: 100%;
	text-indent: 0;
	overflow: visible;
	margin: 0;
	}

#header h1 a { display: block; height: 100%; }

/* @ end */


/* Primary Nav */
#navigation {
	position: static;
	top: 0;
	left: 0;
	width: 80%;
	z-index: 40;
	}

ul#primaryNav a { color: #fffbf0;}
ul#primaryNav a:hover { color: #ccc; }
ul#primaryNav, ul#primaryNav li { margin: 0; padding: 0; }
	
ul#primaryNav { width: 100%; margin-left: 0;}
ul#primaryNav li {
	display: block;
	float: none;
	height: 100%;
	margin: 0;
	line-height: 180%;
	}
	
body#home-page #primaryNav li#nav_home a,
body#project-page #primaryNav li#nav_inquiry a,
body#participants-page #primaryNav li#nav_stories a,
body#stories-page #primaryNav li#nav_stories a,
body#magnetic-page #primaryNav li#nav_inquiry a,
body#events-page #primaryNav li#nav_inquiry a,
body#exhibition-page #primaryNav li#nav_inquiry a,
body#exhibitionpeople-page #primaryNav li#nav_inquiry a,
body#journeys-page #primaryNav li#nav_inquiry a,
body#questions-page #primaryNav li#nav_inquiry a,
body#plus-page #primaryNav li#nav_plus a, 
body#glossary-page #primaryNav li#nav_glossary a {
	background-color: #fff;
	color: #3300ff;
	padding: 1px;
	}
	
ul#primaryNav li:hover ul, ul#primaryNav li.over ul {display: none}		
	
/* Textsize */

div#textsize {
	position: static;
	height: 100%;
	top: 0;
	right: 0;
	}
	
div#textsize p {
	padding: 0; 
	margin:0; 
	color: #fffbf0;
	}	
	
div#textsize a {
	border: none; 
	padding: 0; 
	background-color: #000; 
	}
	
div#textsize a:link, div#textsize a:visited, div#textsize .letter {color: #fffbf0}
div#textsize a:hover {color: #ccc}
div#textsize a:active {background-color: #3300ff;}

/* Main */

body #main { background: none;  }
body #main .wrapper  {
	position: relative;
	width: 90%;
	margin: 0 20px 0 30px;
	height: 20px;
	background: black;
	color: #fff;
	text-align: left;
	background: none
	}


/* @ end */


/* Content */

#content img {display: none;}

#content { 
	width: 90%;
	margin: 0 20px 0 30px;
	padding: 0;
	text-align: left; 
	position: relative; 
	background-color: #000	
	}
	
#column1,
body#journeys-page #column1, 
body#links-page #column1, 
body#questions-page #column1,
body#glossary-page #column1 { width: 100%; margin-left: 0; }

#column1 h2.title  { 
	position:relative;
	width: 100%;
	height: 100%;
	z-index: 2;
	padding: 0;
	margin: 2em 0 1em 0;
	}

#column1 h2.title span { display: none; }
#column1 ul { color: #fffbf0; }	

	
/* COLUMN 2 */
#column2 { 
	width: 100%; 
	position: static; 
	right: 0; 
	top: 0; 
	padding: 0; 
	}
		
#column2 img, div#column2 div.col2image { display: none; }		
		
#column2 h2, #column2 h3, #column2 h4, 
#column2 p, #column2 blockquote, #column2 ul { padding: 0 }
	
#column2 h3,
div#column2 div.feature h4,
div#column2 div.feature2 h4 {color: #fffbf0}

div#column2 div.feature, 
div#column2 div.feature2 {
	background-color: #000;
	padding: 0;
	margin: 2em 0 0 0;
	background: none; }
	
div#column2 div.feature h3, 
div#column2 div.feature2 h3 {
	color:#fffbf0;
	background:none;
	padding: 0;
	margin: 0;
	}	

/* Footer */

#footer {
	width: 90%;
	margin: 50px 20px 50px 30px;
	float: none;
	text-align: left;
	font-size: 100%;
	line-height: 180%;
	color: #fffbf0;
	position: static;
	}
	
	
#footer #topLink {
	width: 100%;
	height: 100%;
	position: static;
	right: 0;
	top: 0;
	line-height: 30px;
	}
	
#footer #topLink a { 
	color: #fffbf0; 
	border: none; 
	padding: 0;
	}
	
#footer #topLink a:hover {
	color: #00ffff;  
	background-color: #000;
	}	
	
#footer li, #footer p {padding: 0 ; margin: 0;}	
	
#footerNav a { 
	color: #fffbf0; 
	padding: 0; 
	border: none; 
	}
	
#footer a:hover { color: #ccc; }

#footerNav { 
	background: #000; 
	border: none; 
	margin: 0; 
	padding: 0; 
	}

#footerNav li { display: block; }

body#home-page #footerNav li#nav_home2 a,
body#project-page #footerNav li#nav_project2 a,
body#participants-page #footerNav li#nav_participants2 a,
body#stories-page #footerNav li#nav_stories2 a,
body#magnetic-page #footerNav li#nav_magnetic2 a,
body#journeys-page #footerNav li#nav_journeys2 a,
body#questions-page #footerNav li#nav_question2s a, 
body#glossary-page #footerNav li#nav_glossary2 a { 
	color: #3300ff; 
	background-color: #fff;
	padding: 3px;
	}

#design {
	padding: 20px 0 0 0;
	position: relative;
	background-color: #000;
	background: none;
}
	
#copyright p  {
	border: none;
	padding:0;
	margin: 0;
	}
	
#design a { color: #00ffff;  }
#design a:hover { color: #3300ff;}

	
/* PAGE VARIATIONS */	

/* Home */	
body#home-page div#column2 div.feature2 li {
	color: #000;
	background-color: #fff;
	border-top: 1px solid #fffbf0;
	border-left: 1px solid #fffbf0;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	}
	
/* Story, Writer, Biog lists */	

body#writer-page div#column2 li a, 
body#biog-page div#column2 li a,
body#stories-page div#column2 li a,
body#browse-page div#column2 li a {
	color: #00ffff; 
	background-color: #000;
	border: none;
	}

body#writer-page div#column2 div.feature2 p a:hover, 
body#biog-page div#column2 div.feature2 p a:hover,	
body#writer-page div#column2 li a:hover, 
body#biog-page div#column2 li a:hover,
body#stories-page div#column2 li a:hover,
body#browse-page div#column2 li a:hover {
	color: #3300ff;
	background-color: #000;
 	}			

		
/* Writer-page*/
body#writer-page div#column2 div.feature2 h3,
body#writer-page div#column2 div.feature2 p {text-align: left;}	

body#writer-page div#column2 div.feature2 h3,
body#writer-page div#column2 div.feature2 {background: none;}

/* Browse*/
body#browse-page div#column1 div.alphabet a {
	color: #fffbf0;
	border: 1px dotted #fffbf0;
	}
	
body#browse-page div#column1 div.alphabet a:hover {
	color: #fffbf0; 
	background-color: #000;
	}
	
body#browse-page p.anchor { color: #fffbf0; }	


/* Magnetic-page*/
body#magnetic-page div#column1 ul {
	list-style-type: none;
	margin: 30px 0 20px 0;
	}

body#magnetic-page div#column1 li {
	display:inline;
	color: #000;
	font-size: 120%;
	background-color: #fff;
	font-weight: bold;
	padding: 7px;
	border: 1px solid #ccc;
	margin-right: 5px;
	}
	
body#magnetic-page div#column2 div#durham1,	
body#magnetic-page div#column2 div#durham2,	
body#magnetic-page div#column2 div#durham3,
body#magnetic-page div#column2 div#durham4,
body#magnetic-page div#column2 div#durham5,
body#magnetic-page div#column2 div#durham6,	
body#magnetic-page div#column2 div#durham7,
body#magnetic-page div#column2 div#durham8,
body#magnetic-page div#column2 div#durham9,
body#magnetic-page div#column2 div#durham10,
body#magnetic-page div#column2 div#durham11,
body#magnetic-page div#column2 div#durham12,
body#magnetic-page div#column2 div#durham13,
body#magnetic-page div#column2 div#durham14,
body#magnetic-page div#column2 div#durham15 {background-image: none; height: 20px;}
		
body#magnetic-page div#column2 ul {	display: none;}
	


/* Centred pages - wide column 1 */

body#writing-page #column1, 
body#questions-page #column1, 
body#hopesfears-page #column1	{ 
	width:  100%;
	margin-left: 0	}

body#writing-page div.stories h3, 
body#questions-page div.stories h3, 
body#hopesfears-page div.stories h3	{color: #fffbf0;}	
	
div.stories div {
	float: none;
	width: 100%;
	}
	
body#questions-page	 div.stories div,
body#hopesfears-page div.stories div {
	float: none;
	padding: 0;
	}

div.stories div.storiesCard {
	width: 100%;
	float: none;
	display: block;
	border: none;
	padding: 0;
	margin: 0;
	background-color: #000;
	color: #fffbf0;
	}

body#writing-page div.storiesCard p.signature {
	color: #fffbf0;
	text-align: left;
	margin: 0;
	padding: 0;	
}

body#writing-page ul.writingnav li a { 
	color: #fffbf0;
	padding: 10px;
	border: 1px dotted #fffbf0; 
	}

body#questions-page #content,
body#hopesfears-page #content { background: none; }

/* Glossary-page*/

body#glossary-page div.glossary h4 	{ color: #fffbf0; }

body#glossary-page div.glossary ul {
	width: 70%;
	float: none;
	margin: 0 0 20px 0; 
	padding: 0;
	list-style: none; 
	border: none;
	padding-top: 0;
	}
	
body#glossary-page div.glossary li  {
	margin: 0;
	padding: 5px 0 }
	
body#glossary-page div.term {
	margin-right: 0;
	width: 100%;
	float: none;
	display: block;
	}

body#glossary-page div.glossary .definition {
	width: 100%;
	display: block;
	margin-left: 0;
	}

div.alt {
	font-size: 140%;
	line-height: 1.2em;
	padding: 20px 0 10px 0;
	margin: 0;
	color: #fffbf0;
	background: none;
	}
	
body#glossary-page div.alt a {border-bottom: none; color:#fffbf0 }	
body#glossary-page div.alt a:hover {color:#ccc; background-color: #000 }	

body#glossary-page div.credit
	{
	font-weight: bold;
	color: #fffbf0;
	margin: 2em 0 0 0;	
	}


/* JOURNEY*/

body#journeys-page #beforeafter {
clear: both;
border: none;
padding:  0 0 20px 0;
}

body#journeys-page  div.term {
	float: none;
	width: 100%;
	}
	
body#journeys-page  div.term2 {
	float: none;
	width: 100%;
	font-weight: bold;
	color: #fffbf0;
	}	

body#journeys-page  h4 { 
padding: 3em 0 1em 0; 
margin: 0; }


/* classes */

div.poem {font-family: Arial, Helvetica, sans-serif}

div.poem em, 
div.poem h3, 
.highlight1, 
.highlight2  {color: #fffbf0;}	
	
div.line {
	width: 100%;
	height: 4px;
	background: none;
	margin: 30px 0}	

.quote {
	text-align: left;
	border-left-color: #fffbf0;
	}

.sayinglf, .sayingrt, .sayingrt em, .sayinglf em  {
	color: #fffbf0;
	background: none;
	}