/******* LAYOUT *******/


* html, body {
	margin:0;
	padding:0;
	border:0;
}

 
 
body {
 
	text-align: center;
	background-color:#fff;
 
}

#mainContainer {
 	width: 760px;
 	margin: 0 auto; /* We are going to center this design */
 	padding:0 2em;
 	text-align: left; /* Since we used text-align: center in the body to be sure some older IE versions are going to center our design, we now align the text left */
	position: relative;
}


#header {
	width: 760px;
	position:absolute;
	right: 0;
	top: 0;
	padding: 0 2em;
	clear:both;
	text-align:right;
}

#maincontent {
	position:relative;
	padding-top:250px;
	padding-bottom: 3em;
	text-align:left;
	float: left; /* Our content is going to be left aligned */
	width: 550px;

}

#rss {
	position: relative;
	float: right;
	width: 210px;
	margin: 260px -2em 10em 0em;
       
 }
            




#footer {
	clear: both; /* We have to clear our floats */
	width: 100%; /* We need to set the width on the footer since it's outside the mainContainer, and therefore isn't controlled by it */
	margin: 0 auto; /* We need to center the footer */
	padding: 0.3em 0em;
	text-align:center;
	background: #9999cc;/*#e6e6e6;*/
}



/********* HEADER **************/

 
#logo{
    margin: 2em 0 0 auto;
	width: 408px;
	height: 133px;
	background: url(../images/oxpologo.png);

}
	
#quotationpara{
    margin: -20px 0 0 auto;
    padding: 0 3em 0 10em;
    height: 3em;
    
}


	



/*******TEXT STYLES*********/

#quotationpara p{
    color: #996699;/*#987b8d;*/
    font: 0.9em/1.2em 'Cambria', 'Georgia', 'Times New Roman', serif;
    text-align: right;
     
}


.quoters {
    color: #333333;/*#474747;*/
}


a       {
	color: #333333;/*#463c3c;*/
	border-bottom: thin solid #6666cc;
	text-decoration: none;
}
a:hover {
	color: #000000;
	background-color:#ccccff;
	text-decoration: none;
}


#maincontent h2 {
    margin: 0 1em 0 -0.9em;
	color: #333333;/*#463c3c;*/
	font: 1.5em/1.2em 'avant garde', 'century gothic', sans-serif;
	letter-spacing: 0.1em;
	font-variant: small-caps;
	border-bottom: medium solid #9999cc;
}

/*smaller font on Shop page*/
#maincontent h3 {
	margin: 0 5em 0 0;
	color: #000000;/*#463c3c;*/
	font: 1em/1em 'avant garde', 'century gothic', sans-serif;
	border-bottom: thin solid #aa99aa;
	/*font-variant: small-caps;*/

}



/*initial schpiel*/
#maincontent h4 {
	color: #76596b;
	font: 0.9em/1.3em 'Cambria', 'Georgia', 'Times New Roman', serif;
	
}


/*Contents title for historical issues*/
#maincontent h5 {
	color: #000000;/*#463c3c;*/
	font: 1.3em/1em 'avant garde', 'century gothic', sans-serif;
	letter-spacing: 0.1em;
	font-variant: small-caps;
}	

/*interviewer's question*/
#maincontent h6 {
	margin: 0 0 0 -1.2em;
	font: 0.9em/1.3em 'helvetica', 'arial', sans-serif;
	color: #241a1a;
	font-style:italic;
	padding-top:1.3em;
}


#maincontent p {
	
	color: #333333;/*#463c3c;*/
	font: 0.9em/1.4em 'helvetica', 'arial', sans-serif;
}


#maincontent p.interviewee {
	margin: 0 0 0 1.3em;
	padding-top:1em;
}

#maincontent ul, #maincontent ol {
	color: #333333;/*#463c3c;*/
	font: 0.9em/1.4em 'helvetica', 'arial', sans-serif;
}



#maincontent td {

	font: 0.9em/1.4em 'helvetica', 'arial', sans-serif;
	color: #000;
}

#maincontent form {
	padding: 1em 0em 2em 3em;
}


#rss h5 {
	
	margin:-0.5em 0em;
	text-align: right;
	background-color: #ccccff;/*#b9dfdf;*/
	color: #666;
	font: 1.3em 'Cambria', 'Georgia', 'Times New Roman', serif;
	

}

#rss h6 {

	text-align: right;
	color: #cc99ff;/*#9e9e9e;*/
	font: 0.6em 'Cambria', 'Georgia', 'Times New Roman', serif;

}

#rss p {
	color: #696969;
	font: 0.9em/1.2em 'Cambria', 'Georgia', 'Times New Roman', serif;

}

#rss a {
	background-color:#cccccc;
	border-bottom: none;
	text-decoration: underline;
	font: 0.8em 'Cambria', 'Georgia', 'Times New Roman', serif;
	
	
}



#footer h4 {

	
	font:1.2em/1.2em 'avant garde', 'century gothic', 'courier new', sans-serif;
	

}


#footer h6 {

	text-align: right;
	padding-right: 1em;
	font: 0.6em 'avant garde', 'century gothic', 'courier new', sans-serif;
	


}

#footer p {

	
	font: 0.7em/1em 'avant garde', 'century gothic', 'courier new', sans-serif;

}


#footer a, #footer a:hover {

	border-bottom: none;
	text-decoration: underline;
	background-color: #9999cc;

}


/***************NAV********************/
#nav {
	
	/*float: left;*/
	font-size: 0.9em; /* could be specified at a higher level */
	margin: 1em auto 1em auto;
	padding: 0 10px 0 10px;
	/*border-bottom: 1px solid #333;*/
	}

#nav li {
	/*float: left;*/
	margin: 0 1em 0 1em;
	padding: 0;
	display: inline;
	list-style: none;
	}
	
#nav a:link, #nav a:visited {
	/*float: left;*/
	/*font-size: 85%;*/
	line-height: 20px;
	font-weight: bold;
	/*margin: 0 10px 0 10px;*/
	text-decoration: none;
	color: #999;
	border-bottom: none;
	}

#nav a.active:link, #nav a.active:visited, #nav a:hover {
	border-bottom: 4px solid #333;
	padding-bottom: 2px;
	color: #333;
	background-color: #ffffff;
	}






 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */