/* --- initial reset --- */

	* {		margin: 0;padding: 0;}


	body {		background-color: #2a2a2a;
				height: 100%;
				font-family:Helvetica Neue, Arial, Helvetica, sans-serif;
				font-size: 62.5%; 
				font-style: normal;
				text-decoration: none;
				color: #838383;
				margin-top: 0;
				text-align: left;
				
	}

	p{			margin-left: 10px;
				font-size: 1.2em;
				line-height: 1.6em;
				margin-bottom: 1.2em;}
	
	H1{			display:none;}
			
	p img{		float:left;
				margin-top: 1em;
				margin-bottom: 1em;
				margin-right: 1em;}
			
	a{			color: #f51787;
				text-decoration:none;
			}
			
	a:hover{	text-decoration:underline;}

	
	H2	{
				margin-left: 10px;
				margin-bottom: 1.0em;
				font-size: 1.4em;
				color: #9f9f9f;
				text-align: left;
				font-weight: bold;
				
				text-decoration: none;
				}
		
	.caption{	float: left;
				margin: 10px;
				margin-left: 1em;
				margin-bottom: 0px;
				font-size: 1em;
				line-height: 1.2em;
			
				
					}
					.caption p{margin-bottom: 0px;}
		

	#topline  {
				height:30px;
				background:#1d1d1d;
				}
		
	#container {
				width:920px;
				min-height: 100%;
				height: 100%;
				margin: 40px auto;
				position: relative;
		
				}

.inlineindex_img {
				width: 900px;
				}
		
				#header {
				
				width: 900px;
				padding: 3px;
				margin: auto;
				background-color: #1d1d1d;
				background-image: url(../images_header/theclouds.jpg);
				background-repeat: no-repeat;
				background-position: 3px 3px;
				height:446px;
			}
			
			#smallheader {
				
				width: 900px;
				padding: 3px;
				margin: auto;
				background-color: #1d1d1d;
				background-image: url(../images_header/smallheader.jpg);
				background-repeat: no-repeat;
				background-position: 3px 3px;
				height:180px;
			}

/* Menu CSS */
		#nav {
				top:0px;
				left:10px;
				width: 920px;
				height:60px
				margin-bottom: 25px;
					}
					
					#ul_menu {
				display:inline;
				margin-left:10px;
				margin-top:25px;
				margin-bottom:25px;
				float:left;
				list-style: none;
				font-size: 1.4em;
				text-transform: uppercase;
				font-weight: bold;
				}
			
				#ul_menu li {margin-left: 0px;margin-right:1.6em;display:inline;}
				#ul_menu li  a { color:#838383;text-decoration: none;} 
				#ul_menu li.selected a { color:#f51787;}
				#ul_menu li a:hover {color:  #f51787;text-decoration:underline;}

/* LEFT ALIGNED COLOUM */
				
				
				
/* RIGHT ALIGNED COLOUM */
		#ul_menuright {
				display:inline;
				margin-right:0px;
				margin-top:20px;
				margin-bottom:20px;
				float:right;
				text-align:right;
				list-style: none;
				font-size: 1.4em;
				text-transform: uppercase;
				font-weight: bold;
				}
	
		#ul_menuright li { 	
				margin-left: 0px; 	
				margin-right:10px; 
				display:inline;
				}
		
		#ul_menuright li  a { 	
				margin-left: 0px;	
				display:inline;	
				color: #838383;
				text-decoration: none;
				 }
		 
		 #ul_menuright li.selected a { 	
				margin-left: 0px;	
				display:inline;	
				color:  #f51787;
				text-decoration: none;
				 }
		 
		#ul_menuright li a:hover { 	
				display:inline;
				color: #f51787;
				text-decoration:underline;
				}
		
/* LEFT HAND COLOUM */
	
	
		#left{
				float:left;
				width:600px;
				}

	
	

/* BIOGRAPHY TABLE */
		#biography {
				width:600px;
				font-size: 1.2em;
				border-collapse: collapse;
				margin-left:10px;
				}
	
		.biog_dark {
				background:#232323;
		
				}
				
		.biog_light {
				background:#333;
		
				}
				
		.ruled
				{
				background:#5c5c5c;
				color:  #ffffff;
				}
		#writing {
				width:600px;
				font-size: 1.2em;
				border-collapse: collapse;
				margin-left:10px;
				}
.writing_dark {
				background:#232323;
		
				}
				
		.writing_light {
				background:#333;
		
				}

		
		.writing_heading
		{
				width:200px;
				text-align: left;
				vertical-align: top; 
				padding:10px;
				font-weight: bold
				}
				
		writing_year 
				{
				width:30px;
				text-align: left;
				vertical-align: top; 
				padding:10px;
				}
		.writing_description 
				{
				width:500px;
				text-align: left;
				padding:10px;
				}
		.writing_detaillink 
				{
				width:50px;
				margin: 0px;
				text-align: center;
				}
				
				.next{float:right;}
	
		.writing_detaillink 
			a:hover {
				width:50px;
				text-align: center;
				}

	
		.writing_detaillink a {
				width:50px;
				text-align: center;
				}
				
				
		.biog_year 
				{
				width:30px;
				text-align: left;
				vertical-align: top; 
				padding:10px;
				}
		.biog_description 
				{
				width:500px;
				text-align: left;
				padding:10px;
				}
		.biog_detaillink 
				{
				width:50px;
				margin: 0px;
				text-align: center;
				}

		.biog_detaillink 
		a:hover {
				width:50px;
				text-align: center;
				}

	
		.biog_detaillink a {
				width:50px;
				text-align: center;
				}
		


		  #bionav {	
				display: block; 
				float:left;
				color: #838383;
				font-style: normal;
				text-decoration: none;
				}
					
		.bionavlink {	
				float:left;
				color: #838383;
				padding: 10px;
				padding-top: 0px;
				font-style: normal;
				text-decoration: none;
				font-size: 1.5em;
				}
		.bionavlink_selected {		
				padding: 10px;
				padding-top: 0px;
				color: #f51787;
				font-style: normal;
				font-size: 1.5em;
				text-decoration: none;
				float:left;
				}
		
		.bionavlink:hover {	
				font-size: 1.5em;
				
				color: #f51787;
				font-style: normal;
				text-decoration: underline;
				}
			
/* INTRO PAGE */
	
		#intro {
				padding:10px;
				}
		#intro a {
				color: #f51787;
				text-decoration:none;
				letter-spacing: 0;
				}
		#intro a:hover {
				color: #f51787;
				text-decoration:underline;
				}
			
/* NEWS PAGE */
		
		#news {
				
				float:left;
				padding:1em;
				}
		
		#newsimage{
				width:610px;
				float:left;
				}
		.newsimage_description {
				font-size: 1em;
				line-height: 1.2em;
				margin-bottom:1.4em;
				text-decoration: none;
				}
			
		#newstext{
				float:right;
				width:290px;
				}
		.news_img{
				padding: 3px;
				float:left;
				background-color: #1d1d1d;
				border-bottom:3px;
				margin-bottom:3px;
				}
			
		#news a {
				font-size: 1.1em;
				font-weight: bold;
				margin-left: 1em;
				color: #f51787;
				text-decoration:none;
				
				}
		#news a:hover {
				color: #f51787;
				margin-left: 1em;
				text-decoration:underline;
				}
		.newsheadleft a {
				display:inline;
				margin-left:1em;
				margin-top:1em;
				margin-bottom:1.2em;
				float:left;
				list-style: none;
				font-size: 1.4em;
				text-transform: capitalize;
				font-weight: bold;
				color: #f51787;
				text-decoration:none;
				}
				.newsheadleft a:hover{
				display:inline;
				margin-left:1em;
				margin-top:1em;
				margin-bottom:1.2em;
				float:left;
				list-style: none;
				font-size: 1.4em;
				text-transform: capitalize;
				font-weight: bold;
				color: #f51787;
				text-decoration:underline;				}
			
		.newsheadleft li { 	
				margin-left: 0px; 	
				margin-right:1.6em; 
				display:inline;
				}
		.newsheadright {
				display:inline;
				margin-right:0px;
				margin-top:20px;
				margin-bottom:5px;
				float:right;
				text-align:right;
				list-style: none;
				font-size: 1.6em;
				text-transform: uppercase;
				font-weight: bold;
				color: #1d1d1d;
				}
	
		.newsheadright li { 	
				margin-left: 0px; 	
				margin-right:10px; 
				display:inline;
				text-shadow: none;
				}
				
		.newslink_ul ul{
				list-style: none;
				margin-left:10px;
		}
		.newslink_ul li a {
				font-family: Arial;
				color: #f51787;
				text-decoration:none;
				letter-spacing: 0;
				}
		.newslink_ul li a hover {
				font-family: Arial;
				color: #f51787;
				text-decoration:underline;
				letter-spacing: 0;
				}
		
		
/* PUBLICATIONS */
		
		.publications {
				width:900px;
				position: relative;
				top 0px;
				left:0px;
				margin-bottom:50px;
				margin-top:20px;
				}
			
			
		.publications img {
				width:260px;
				margin-left:10px;
				top 0px;
				left:0px;
				margin-right:70px;
				margin-bottom:1.2em;
				float:left;
				}			
		
		.publications p {
				text-align:left;	
				font-size: 1.2em;
				margin-top:0px;
				margin-bottom:1em;
				margin-left:10px;
				}
		.publications h3 {
				text-align:right;	
				font-size: 1.2em;
				line-height: 1.3em;
				margin-top:0;
				margin-left:10px;
				}
		.publications a {
				float:right;	
				font-size: 1.2em;
				line-height: 1em;
				margin-left:10px;
				color: #f51787;
				font-style: normal;
				text-decoration: none;
				}
		.publications a:hover{
				float:right;	
				font-size: 1.2em;
				line-height: 1em;
				margin-left:10px;
				color: #f51787;
				font-style: normal;
				text-decoration: underline;
				}
			
		.works img{
				display:inline;
				margin:20px 20px 20px 10px;
				float:left;
				border:0px;
				}
		blockquote {margin-bottom:0px;
				line-height: 1em;
				letter-spacing: 0;
				text-align: left;
				word-spacing: normal;
				text-decoration: none;
				font-variant: italic;}
								
		
				.works blockquote{

				margin:5px 10px 5px 50px;
				line-height: 1em;
				letter-spacing: 0;
				text-align: left;
				word-spacing: normal;
				text-decoration: none;
				font-variant:italic;
				text-transform: capitalize;
						}
		

			
/* RIGHT HAND COLOUM */
		
		#right{
				float:left;
				width:310px;
				}
		
		.right_img {
				float:right;
				margin-bottom:11px;
				}
		.image_description{
				font-size: 1em;
				line-height: 1.2em;
				margin-bottom:2em;
				text-decoration: none;
				}
		.image_description a{
				font-size: 1em;
				line-height: 1.2em;
				margin-bottom:2em;
				color: #f51787;
				font-style: normal;
				text-decoration: none;
				}
		.image_description a:hover{
				font-size: 1em;
				line-height: 1.2em;
				margin-bottom:2em;
				color: #f51787;
				font-style: normal;
				text-decoration: underline;
				}
		.right ul{list-style-position: outside;
				margin-left: 20px;
				list-style: none;
				margin-bottom: 20px;
				text-align: right;
				font-size: 1.3em
				}
		.right_news{
				
				margin-bottom: .6em;
				}
		
		.right h2 {margin-left: 20px;
					text-align: right;
					color: #1d1d1d;
					
					
					}
		
		.reset {
				display: block;
				clear: both;
				height: 1px;
				font-size: 1px;
				line-height: 1px;
				}
		#footer {
				height:30px;
				margin-top:20px;
				position: relative;
				width:920px;
				bottom: 0px;
				color: #1d1d1d;
			
				}
	#footer p{
				margin-left:10px;
			
				margin-bottom:10px;
				float:left;
				font-size: 1.4em;
				text-transform: capitalize;
				text-shadow: none;
				font-weight: bold;
			}