selector {
        property: value for Explorer 5 Mac
}

/*
        First comment. Explorer 5 Mac misses the end-of-comment
        because of the backslash
\*/

selector {
        property: value for all other browsers
}

/*
        Second comment. Explorer 5 Mac sees the end of this
        comment as the end of the previous one
*/
                
 

/*general appearance */
html {
	height: 1006;
}

body  { font-size: 100%; font-family: Trebuchet, "Trebuchet MS", "Lucida Grande", helvetica, ariel, sans-serif; background: #ffffff; margin: 0; padding: 0; height: 100% }


/*

link behavior  */

a:link {
  color:#58a;
  text-decoration:none;
  }

a img:link {
  border-width:0;
}

a img:visited {
  border-width:0;
}

a:visited {
  color:#969;
  text-decoration:none;
  }
a:hover {
  color:#c60;
  text-decoration:none;
  }
a img {
  border-width:0;
  }
  
  
/* END of general appearance */

/*

overall element positioning 
	the maing pages typically include a 
	header (loaded first), navbar (loaded last)
	and footer (loaded next to last) currently arranged 
	like this:
	_________________
	|	|mainbody	|
	|___|___________|
	|	menu		|
	|---------------|
	|	|			|
	|l	|mainbody	|
	|e	|			|
	|f	|			|
	|t	|			|
	|S	|			|
	|i	|			|
	|d	|			|
	|e	|			|
	|B	|			|
	|a	|			|
	|r	|			|
	|---------------|
*/


/* navigation menus */

#verticalRule {
/*	was position: fixed; */
	position: relative;
	z-index: 2;
	top: -50px
	height: 400px;
	width: 5px;
	left: 185px;
/*	margin-left: 185px:  */
	top: 0px;
	border-left: solid;
	border-left-color: #cb182d;
	border-left-width: 2px;
}

#menu p      { list-style-image: none }
#menu              { font-size: 80%; background: transparent; list-style-image: none; width: 200px; opacity: 1        
     }


#menu ul            { background: transparent; list-style-image: none; position: relative; left: -40px }

#menu a, #menu h2    { font-weight: bold; background: transparent; list-style-image: none; display: block }

#menu h2  { color: black; font-weight: bolder; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-transform: uppercase }
#bolder { font-weight: bolder }
#menu a  { color: #666666; text-decoration: none; list-style-image: none; opacity: 1 }

#menu > ul  { background: transparent; list-style-image: none }

#menu > ul a   { color: #666666; background: transparent; list-style-image: none }

#menu a:hover  { color: #cb182d; background: #cccccc; list-style-image: none; padding-left: 0; marign-left: 0; opacity: 1.0 }

#menu > ul a:hover  { color: #cb182d; background: #cccccc; list-style-image: none; display: block; border: none; opacity: 1.0 }


#menu li	      { list-style-image: none; position: relative }/*

#menu ul ul   { position: relative; left: 12px }

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;*/
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

div#menu > ul> li 
{
	background: none;
}

div#leftSideBar {
	text-align: right;
	position: absolute;
	margin: 0px 0px 0 0px;
	left: 0;
	top: 0;
	/*width: 325px;*/
	left: 0;
}

	
#topSideBar   { 
	background-color: white; 
	background-image: url("../i/rm_logo_large.jpg"); 
	text-align: left; 
/*	padding-top: 10px; 
	padding-bottom: 5px; 
	position: static; */
	z-index: 9; 
	width: 144px; 
	height: 47px; 
	opacity: 1  
}

#topSideBar p {padding: 0; margin: 0; text-align: left;}
img.logo {width: auto; padding-left: 60px;}
img.logobadge {width: auto; padding-left: 35px;}
div.featuredArt {position: relative; display: inline; right: 0; top: 0px}
div.featuredArt > a > img { height: 125px; padding-top: 10px; padding-bottom: 0px;}
div.featuredArt {display: none;}


#sidebar {position: relative; top: 75px; text-align: right; margin: 0 0 0 50px; padding: 0 0 100px 0; left: 0; width: 275px;}
#sidebar2 {text-align: right; margin: 0 0 0 0; padding: 0 0 0 0; left: 0;}


h2.sidebar-title {
  margin:1.5em 0 .75em;
  font:78%/1.4em
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
}


#recently {text-align: left;}
.archive-list {text-align: left;}

div#mainbody  { text-align: justify; margin: 0 0 0 20px; position: relative; width: 600px }


#main {
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
/*	position: relative; 
	top: 0; 
	left: 0px;
	position: static;*/
}
#main2 {
/*	padding: 0 0 235px 0; 
	margin: 0 0 0 0; 
	position: static;*/
}

#content   { font-size: 90%; padding: 0 }
#header { white-space: normal; display: list-item }
div#footer {
	position: relative;
	text-align: left;
	font-variant: normal;
}



/* Events
----------------------------------------------- */

#events {
  margin:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }

/* Calls for Papers
----------------------------------------------- */

#cfps {
  margin:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  color:#666;
  line-height:1.5em;
  }

#sidebar dl {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #ccc;
  list-style:none;
  }
#sidebar dt {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }

#sidebar dd {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }




/*
#quickmenu {
	text-align: center;
}
*/

/* END overall element positioning */

/*
float convenience classes
	these classes are to quickly float a div.figure, img or 
	other element without resorting to inline styles (multiple 
	class can be set by space separating them within the 
	quotation marks). This is particularly for figures,
	tables and the like where there is no ineherent meaning that 
	determines whether they should float left or right in the 
	layout, but more just styling preference. These class selectors 
	are preferable because they can be overridden easily in the
	stylesheet through a more specific selector (such as an id selector)
*/

.floatL {
	float: left;
}

.floatR {
	float: right;
}

.clearL {
	clear: left;
}

.clearR {
	clear: right;
}

.clearB {
	clear: both;
}	

/* END float convenience classes */

/*<group=headings and sections (anticipating xhtml2)>*/

/*<headings & sections >

	these heading sections are designed so that h2 appears exactly like a 
	an h1 when the h1 is a child element of one and only one section (and 
	similarly h3, h4, h5, h6 in decended from 2, 3, 4, 5 sections rewpectively).
	In this way, one can use only the h1 header element and structure
	the document heading and sections in a more hierarchical manner. That way placing
	content within content (in a dynamically generated site) the headings take on the 
	proper level (this is borrowed from the XHTML 2.0 proposal).
*/

h1 {text-align: left;
	
}

section {
}

h2, div.section>h1 {
		font-size: 1.5em; margin: .83em 0; text-align: left;
}

div.section>div.section {
}

h3, div.section>div.section>h1 {
		font-size: 1.17em; margin: 1em 0; text-align: left;
}

div.section>div.section>div.section {
}

h4, div.section>div.section>div.section>h1 {
		margin: 1.33em 0; text-align: left;
}

div.section>div.section>div.section>div.section {
}

h5, div.section>div.section>div.section>div.section>h1 {
		font-size: .83em; line-height: 1.17em; margin: 1.67em 0; text-align: left;
}

div.section>div.section>div.section>div.section>div.section {
}

h6, div.section>div.section>div.section>div.section>div.section>h1 {
		font-size: .67em; margin: 2.33em 0; text-align: left;
}

div.section>div.section>div.section>div.section>div.section>div.section{
}

/*
END of heading and sections 

/*</group>*/

/* 
figures, tables and captions
	this allows for the implementation of figures
	that work similarly to tables. Authors insert a p.caption 
	as the first element within a div.figure followed by any 
	other html that might appear in an html body element. 
	The caption can thus be placed in a fashion consistent with 
	a table caption.
*/

div.figure {
	display: table;
}

div.figure p.caption {
	display: table-caption;	
	text-align: left;
}

div.figure {
	caption-side: bottom;
}

table {
	caption-side: bottom;
}

caption {
	text-align: left;
	float: none;
}


/*END figures, tables and captions */

/*
citations 
	these citations classes broaden the use of the cite element
	to include other entities that might be cited (other than just
	a book or journal title as the current browser default styling 
	might imply.
	(I think cthe "content" property does not work in IE Win or Mac)
*/

cite {
	font-style: italic;
}

cite.bt, cite.booktitle {
		font-style: italic;
}

cite.jt, cite.journal-title {
		font-style: italic;
}

cite.articleTitle, cite.article-title, cite.at {
		font-style: normal;
}

cite.articleTitle:before, cite.article-title:before, cite.at:before {
		content: "‘";
}

cite.articleTitle:after, cite.article-title:after, cite.at:after {
		content: "’";
}

cite.presentation-name, cite.presentationName {
		font-style: normal;
}

cite.authors, cite.author {
	font-style: normal;
}

/* END citations */


/*
quotations 
	this is to implement RM‘s guidelines for quotations. So we don������������t
	rely on XSLT, we have the ������������longQuote������������ class (q.longQuote) for presenting
	quotes in block form. (I think content does not work in IE Win or Mac).
	The blockquote styling is taken from CSS3 and only implemented in Mozilla
	at this time.
*/

q:before {
		content: "“";
}

q:after {
		content: "”";
}

q.longQuote {
		display: block;
		padding: 2em;

}


q.longQuote:before {
		content: "";
}

q.longQuote:after {
		content: "";
}

blockquote {
		padding: 2em;
}

blockquote p:before {
		content: "������������";
}

blockquote> p:last-child:after {
		content: "������������";
}

/* END of quotations */

/*
notes
	
*/

/*
notes and comments
	[not yet implemented]
*/


/* END notes and comments */




/*
insets
	[not yet implemented]
*/


/* END insets */

/* from issue alert (perhaps on other pages eventually too) 
	simply adds a grey border to the top and bottom of a div

*/
div.explanation {	

	border-color: gray;
	border-style: solid;	
	border-left: none;
	border-right: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

/* END of from issue alert */

/* 
RM Logo
	(perhaps this need to be implemented with a replacement image instead. However
	unless trumped by aesthetic conerns, the textual presentation is preferred.)
	for headerings containing Rethinking Marxism text and other RM logo styling */
	
h1.rm { 									
		font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
		font-size: large; 
		color: #000000;
		line-height: 0.4 em;
}

span.rmthinking {
		font-weight: bolder;
		font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
		color: #666666;
}

span.rmre	 {
		font-weight: bolder;
		font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
		color: #cb182d;
}

span.rmmarxism {
		font-weight: bolder;
		font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
		color: #cb182d;
}


/*
RM Contents pages
	(could be moved to that particular stylesheet)
	for the RM contents page to display list of volumes and issues in rows 
	(IE Win does not handle inline display of lists  nor run-in value for display
	property, though IE Mac does)
*/

li.volume {
	width: 350px;
	border-color: gray;
	border-style: solid;	
	border-left: none;
	border-right: none;
	border-top: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

ul.issues {
		display: inline;
}

li.issue {
		display: inline;
}

li.volume {
		text-align: right;
		line-height: 1.5em;
		display: block;
		list-style: none;
}

li.issue {
		text-align: right;
		margin-left: 20px;
		/* vertical-align: right; */
}

/* END of RM Content Pages styling */

table.readinglists th {
		text-align: left;
		vertical-align: bottom;
}

table.readinglists td {
		text-align: left;
		vertical-align: top;
		border-width: 0px;
		border-top-width: 1px;
		border-color: gray;
		border-style: solid;
		border-collapse: separate;
}


/*sidebar 
	this is an adhoc adjustment for the bookcover images
	appearing on the front page and associated pages
*/

img.bookcover {
	width: 150px;
}

/*

h1, h2, h3, h4, h5 {
	position: static;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	color: black;
}*/

/* END of sidebar */