/*
*******************************************
updated and validated, 
finally, 26 May 04    
*******************************************
some hacks updated to remove underscore 
hack  for MSIE6 which was preventing validation

the MSIE5 Mac hack was integrated in the 
above hacks as well
***  ***
08 July 2004
MACIE5 -- I changed the width of the content from 
width: 568 to width: 575px;
***  ***
*******************************************
 end note    
*******************************************
*******************************************
updated and validated, 
20 March 2005
worked on the permalink;
worked on the em in the p for ie6 
*******************************************
*******************************************
updated, 
5 April 2005
added shadow
changed acoolsha color
*******************************************
*******************************************
MAY 2005
REDESIGN
=>made a fixed width with an added div innercontainer;
=>the container contains the gif "shadow"
=>changed to blockquote to normal and added a left
border
=>changed some colors in the right div
=>changed the ul li to disc
=>reduced the content p right margin from 28 to 18
=>added an IE hack for the h1
=>current page color changed and hovers changed to that
*******************************************
*******************************************
NOTE 20 Oct 2005
in order to put the body (txp) before the right nav
so that the latter's "continue" tag will work (coming 
after the article tag) I had to, for now, give the 
right div an absolute position.
*******************************************
*******************************************
NOTE 3 November 05
added a graphic for the header so the nice
safari shadow can be used!
*******************************************
*******************************************
NOTE: 6 Nov 05
gave up on using the float iin ie6 and 
made the below absolute

* html div#right 
*******************************************
*******************************************
see also note below 3 March 06 re ie mac

*******************************************
*******************************************

*******************************************
*******************************************
march 07 I adjusted the padding-bottom on the LIs so
that the simple lists in entries would be tighter, but I 
had to add padding to the other UL LIs.
*/

body {
	font-size: 81%;
	font-family: "Lucida Grande", Verdana,  Tahoma, Helvetica;
	line-height: 16px;
	text-align: center;
	background-color: #fff1e2;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: 2px solid #cebfaf;
}

/* @group divs */
div#container {
	width: 927px;
	background-color: transparent;
	margin: auto auto;
	background-image: url("http://www.acoolsha.org/images/acoolsha-new-shadow3.jpg");
	}
div#innercontainer {
	position: relative;
	width: 877px;
	height: 100%;
	background-color: #fff1e2;
	margin: auto auto;
	background-image: url("http://www.acoolsha.org/images/white_back3.gif");
	border-left: 1px solid #cec8c3;
	border-right: 1px solid #fdf5f0;
}

div#content {
	text-align: left;
	padding-top: 75px;
	padding-left: 17px;
	padding-bottom: 30px;
	border-right: 1px #b8cccc dotted;
	border-bottom: 1px #666 dotted;
	margin: 0 220px 0 0;
	border-left: 1px solid #e4ddd9;
	background: #FFF8f1 url("http://www.acoolsha.org/images/acoolsha-contentback.jpg") repeat-y;
}


/* =========== MICROSOFT HACKS =========== */
/* 3 March 06
THE BELOW WAS FINALLY ARRANGED TO EXCLUDE
IE MAC -- IT HAD SLIPPED BY ME AND WAS
BREAKING IE MAC! 
*/

/* BELOW IS FOR IE6 W/O IEMAC  \*/
* html div#content {
	width: auto;
	height: 2%;
	position: relative;
	margin: 0 224px 0 0;

}

/* END OF IE6 */

/* =========== END MICROSOFT HACKS =========== */




div#right {
	float: right;
	width: 214px;
	margin: 192px 0 0 0;
	text-align: left;
}

* html div#right {
	position: absolute;
	right: 0;
	width: 216px;
	margin: 172px 0 0 0;
	text-align: left;
}
div#content #about {
	height: 20em;
	font-size: 12px;
	color: #686868;
	font-weight: bold;
	text-align: center;
	position: relative;
	left: auto;
	right: auto;
	line-height: 2em;
}
/* =========== MICROSOFT HACKS =========== */


/* BELOW IS FOR IE6 W/O IEMAC  \*/


/* END OF IE6 */

/* =========== END MICROSOFT HACKS =========== */


/* @end */



/* @group p,link,header left margin */
	p, a, h1, h2, h3, h4 {
	margin-left: 10px;
}


/* @end */

/* @group main content text */

	
p a:link {
	color: #8b97d3;
	font-weight: normal;
	text-decoration: none;
	margin-left: 0;
}

p, blockquote, li {
	font-family: "Lucida Grande", Verdana,  Tahoma, Helvetica;
	font-size: 12px;
	background-color: transparent;
	line-height: 18px;
	text-align: left;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
}

div#content p, div#content li {
	font-family: "Lucida Grande", Verdana, Tahoma, Helvetica;
	font-size: 1em;
	line-height: 1.6em;
	color: #5c5c5c;
	margin-right: 18px;
}

blockquote {
	margin-right: 40px;
	color: #c83925;
	line-height: 12px;
	margin-left: 30px;
	margin-bottom: 1em;
	font-style: normal;
	border-left: 1px dotted #9db5ff;
}

div#content blockquote p {
	color: #c83925;
	margin-bottom: 0;
}

div#content h4.subcategory+blockquote {
	margin-top: 2em;
}

* html div#content blockquote p {
	color: #c83925;
	margin-bottom: 0;
}

p a {
	font-size: 12px;
	line-height: 1.0em;
	margin-top: 3px;
	margin-bottom: -13px;
	text-decoration: none;
	margin-left: 0;
}

p a:link {
	color: #8b97d3;
	font-weight: normal;
	text-decoration: none;
}

div#content a:link {
	color: #8b97d3;
	font-weight: normal;
	text-decoration: none;
}

div#content a:visited {
	color: #8b97d3;
	font-weight: normal;
	text-decoration: none;
}

/* @end */






/* @group content headers */


div#content h1 {
	font-family: Arial, Helvetica;
	font-size: 38px;
	color: #e6abb0;
	font-weight: normal;
	border-bottom: 1px #b8cccc dotted;
	letter-spacing: .5em;
	margin: 2em 0 2.5em 10px;
	padding-bottom: 0;
	text-shadow: 1px 1px 5px #c6c6c6;
	background: url(http://acoolsha.org/images/acoolsha_hd2.gif) no-repeat -2px -1px;
	height: 35px;
}
* html div#content h1 {
	width: auto;
	padding-bottom: 3px;
	margin: 3.5em 0 2.5em 8px;
	background: url(http://acoolsha.org/images/acoolsha_hd.gif) no-repeat -3px 3px;

}
span.header {
	visibility: hidden;
}
h2 {
	font-family: Georgia, Times, "Times New Roman", Palatino, Verdana, Tahoma, Helvetica;
	font-size: 15px;
	color: #231ef3;
	font-weight: bold;
	border-bottom: 1px #bcbcbc dotted;
	padding-bottom: 3px;
	margin-top: 2em;
	margin-bottom: 3px;
	text-shadow: 2px 2px 4px #c6c6c6;
}

h2.section {
	font-family: Georgia, Times, "Times New Roman", Palatino, Verdana, Tahoma, Helvetica;
	font-size: 14px;
	color: #9cb2f2;
	font-weight: bold;
	border-top: 3px #f1f1f1 solid;
	border-bottom: 0 #bcbcbc dotted;
	padding-top: 4px;
	padding-bottom: 3px;
	margin-bottom: 8px;
	letter-spacing: 3px;
}

h3 {
	font-family: Georgia, Times, "Times New Roman", Palatino, Verdana, 	Tahoma, Helvetica;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #949494;
	letter-spacing: .3em;
	font-variant: small-caps;
	padding-top: 0;
	margin-top: -1px;
}

h3.contentheader {
	color: #6f6f6f;
	margin-top: 20px;
	margin-bottom: -5px;
	border-bottom: 1px #cadfe2 dotted;
	text-shadow: 1px 1px 4px #a6a6a6;
}

h3.contentheader+blockquote {
	margin-top: 22px;
	margin-bottom:  12px;
}

div#commentPage h3 {
	font-size: 13px;
	font-weight: bold;
	color: #949494;
	border-bottom: 1px #b8cccc dotted;
	letter-spacing: .8em;
}

h4 {
	font-family: Verdana, Arial, Helvetica;
	color: #ac8c7f;
	font-size: 10px;
	line-height: 1.2em;
	font-weight: normal;
	letter-spacing: .12em;
	word-spacing: .02em;
	margin-bottom: -8px;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 20px;
	font-style: normal;
}

h4.subcategory {
	color: #828282;
	font-size: 10px;
	background-color: transparent;
	margin-top: -8px;
	margin-bottom: 12px;
	margin-left: 10px;
}

h4.stronger {
	font-size: 10px;
	color: #f0c299;
	font-weight: bold;
	letter-spacing: .4em;
	font-family: "Lucida Grande", Verdana,  Tahoma, Helvetica;
}

h4.quotetitle {
	color: #000;
	font-size: 11px;
	letter-spacing: .1em;
	background-color: #FFF8f1;
	margin-top: 14px;
	margin-bottom: 12px;
	margin-left: 10px;
}



h5 {
	color: #ccc;
}

/* @end */
/* @group div right headers, link descr */
div#right h3 {
	margin-left: 0;
	text-shadow: 1px 1px 4px #a6a6a6;
	color: #232323;
}

div#right h3+h3 {
	margin-top: -12px;
	color: #8b8b8b;
	letter-spacing: .1em;

}

* html div#right h3 {
	margin-top: 0;
	color: #232323;
}

* html div#right h3.subh3 {
	margin-top: -19px;
	color: #8b8b8b;
	font-size: 11px;
	letter-spacing: .1em;


}
p.descrBeneath {
	font-size: 10px;
	margin-left: 1em;
	margin-bottom: -6px;
}

div#right h4 {
	color:  #e98844;
}

div#right h5 {
	color: #e98844;
	line-height: 16px;
	font-size: 13px;
	padding-left: 0;
	margin-left: 0;
	margin-top: 3px;
	font-weight: normal;
}
/* @end */

/* @group foot */


div#foot {
	clear: both;
	text-align: center;
}




/* added below to ameliorate IE float till I get, for example, the holly hack working */

* html div#foot {
	width: 80%;
	clear: both;
	margin-top: 200px;
	text-align: center;
}
	
/* @end */


a {
	text-decoration: none;
	color: #C00;
}

a.cite {
	font-style: italic;
}

/* @group div right p, a color */
	div#right p, div#right a, div#right h3 a {
	margin-left: 0;
	color: #8b97d3;
}
/* @end */


/* @group div right p */
	div#right p {
	color: #e98844;
	line-height: 16px;
	font-size: 11px;
	padding-left: 0;
	margin-left: 0;
	font-weight: normal;
}
/* @end */


/* @group div right a, hover */
	div#right a {
	border: 0;
	color: #90addd;
	font-size: 11px;
	font-weight: normal;
}
div#right a:hover {
	border: 0;
	color: #f56b97;
	font-size: 11px;
	font-weight: normal;
}

div#right div#google {
		font-size: 1em;
}

div# div#google-search {
	text-align: left;
}

div#google-container {
	text-align: left;
	background: #010101;
	height: 68px;
	width: 100%;
	margin: 0;
	padding-left: 30px;
	border-bottom: 2px solid #8f8f8f;
}
div#google-container div#search-top {
	position: absolute;
	right: 20px;
	top: 0;
}

/* @end */




/* @group content misc text */
	.caps {
	letter-spacing: 0.1em;
	font-size: 11px;
}

span.date {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: .09em;
	font-weight: normal;
	margin-left: 20px;
	color: #a5a5a5;
}

code {
	font-size: larger;
	font-family: Courier, "Courier New", Monospace;
}

em {
	color: #67717B;
}

* html em {
	font-size: 11px;
	letter-spacing: .09em;
}

* html p em {
	font-size: 11px;
	letter-spacing: .09em;
}

p.comments {
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 1em;
	font-size: 11px;
}

/* @end */



/* @group permlink article titles */


div#container div#content h2.entry a:link {
	font-family: Georgia, Times, "Times New Roman", Palatino, Verdana, Tahoma, Helvetica;
	font-size: 16px;
	color: #221fe5;
	font-weight: bold;
	border-bottom: 0 #bcbcbc dotted;
	padding-bottom: 3px;
	margin: 0 0 0 0;
	text-shadow: 3px 3px 3px #c6c6c6;
}

div#container div#content h2.entry a:visited {
	font-family: Georgia, Times, "Times New Roman", Palatino, Verdana, Tahoma, Helvetica;
	font-size: 16px;
	color: #221fe5;
		background-color:  transparent;

	font-weight: bold;
	border-bottom: 0 #bcbcbc dotted;
	padding-bottom: 3px;
	margin: 0 0 0 0;
	text-shadow: 3px 3px 3px #c6c6c6;
}

div#container div#content h2.entry a:hover {
	font-family: Georgia, Times, "Times New Roman", Palatino, Verdana, Tahoma, Helvetica;
	font-size: 16px;
	color: #ff2300;
		background-color:  transparent;

	font-weight: bold;
	border-bottom: 0 #bcbcbc dotted;
	padding-bottom: 3px;
	margin: 0 0 0 0;
	text-shadow: 3px 3px 3px #a6a6a6;
}

/* @end */


/* @group search results */
	h3.searchResTitle {
	margin-top: 32px;
}

div#content h3.searchResTitle a:link {
	font-size: 14px;
	color: #2a2cfb;
		background-color:  transparent;

	/*color: #8b97d3;
		*/
		letter-spacing: .1em;
	text-decoration: none;
	margin-left: 0;
	border-bottom: 1px #696dff dotted;
}

div#content h3.searchResTitle a:visited {
	font-size: 14px;
	color: #8b97d3;
		background-color:  transparent;

	letter-spacing: .1em;
	text-decoration: none;
	margin-left: 0;
	border-bottom: 1px #696dff dotted;
}
/* @end */


/* @group permlink */
	

div#content span.permalink {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	margin-top: 8px;
	text-decoration: none;
}


div#content span.permalink a:link {
	color: #8b97d3;
		background-color:  transparent;

	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
}

div#content span.permalink a:visited {
	color: #8b97d3;
		background-color:  transparent;

	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
}

div#content span.permalink a:hover {
	color: #f56b97;
		background-color:  transparent;

	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
}
/* DOUBLED PERMALINK TO SORT OUT MARGIN PROBLEM */

div#content p.permalink {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	margin-top: 19px;
	text-decoration: none;
}


div#content p.permalink a:link {
	color: #8b97d3;
		background-color:  transparent;

	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
}

div#content p.permalink a:visited {
	color: #8b97d3;
		background-color:  transparent;

	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
}

div#content p.permalink a:hover {
	color: #f56b97;
		background-color:  transparent;

	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
}
/* @end */



/* @group p.comments link */
	p.comments a:link {
	color: #8b97d3;
		background-color:  transparent;

	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
p.comments a:visited {
	color: #8b97d3;
		background-color:  transparent;

	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

/* @end */




/* @group lists: li, ol, ul, current section */
	li, ol, ul {
	color: #5c5c5c;
	background-color:  transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 0;
	padding-bottom: 5px;
	font-size: 1em;
	line-height: 14px;
	margin-right: 35px;
	margin-left: 20px;
	text-align: left;
}

li {
	list-style-type: disc;
	margin-bottom: 0;
}

li a {
	margin-left: 0;
}

div#right ul.linklist, div#right ul.recent_articles {
	margin-top:  -18px;
}
div#right ul.linklist a, div#right ul.recent_articles a {
	list-style: none;
	border: 0;
	color: #90addd;
	background-color:  transparent;
	font-size: 11px;
	font-weight: normal;
}

div#right ul.linklist a:hover, div#right ul.recent_articles a:hover {
	border: 0;
	color: #f56b97;
	background-color:  transparent;
	font-size: 11px;
	font-weight: normal;
}
div#right ul.linklist li, div#right ul.recent_articles li {
	list-style: none;
	margin: 0 0 -12px -20px;
	padding-bottom: 10px;
}

#article div#right a.articles, #default div#right a.current, #chaplin div#right a.chaplin, #godard div#right a.godard, #hitchcock div#right a.hitchcock, #huillet-straub div#right a.huillet-straub, #kubrick div#right a.kubrick, #kurosawa div#right a.kurosawa, #painting div#right a.painting, #photography div#right a.photography, #pasolini div#right a.pasolini,  #rayjohnson div#right a.rayjohnson, #rossellini div#right a.rossellini, #tarantino div#right a.tarantino, #truffaut div#right a.truffaut {
		color: #f56b97;
		background-color: transparent;

}

/* FOLLOWING FOR THE DATA ON ENTRIES, PREVIOUSLY WITH H4 TAGS
NOTE: the h4 tags must be kept to preserve the previous entries */
div#content ul.data {
	list-style: none;

}

div#content ul.data li {
	list-style: none;
	font-family: Verdana, Arial, Helvetica;
	color: #ac8c7f;
	background-color: transparent;
	font-size: 10px;
	line-height: 1.2em;
	font-weight: normal;
	letter-spacing: .12em;
	word-spacing: .02em;
	margin-bottom: -8px;
	margin-left: -10px;
	margin-top: 0;
	padding-bottom: 10px;
	font-style: normal;

}

div#content ul.data+p.permalink {
	margin-top: 4px;
}

/* @end */



/* @group cite */
	
cite {
	color: #c83925;
}
/* @end */



/* @group images */
	p img {
	position: relative;
	background-color: #666;
	border: 1px #000000 solid;
	margin-left: 0;
	margin-top: 2px;
	margin-bottom: 7px;
	margin-right: 7px;
	padding-bottom: 0;
	vertical-align: top;
}
p img.light {
	position: relative;
	background-color: #666;
	border: 1px #cecece solid;
	margin-left: 0;
	margin-top: 2px;
	margin-bottom: 7px;
	margin-right: 7px;
	padding-bottom: 0;
	vertical-align: top;
}

/* @end */





/* @group table_comment_form */
	table.commentForm {
	font-family: Arial, Helvetica;
	font-size: 12px;
	color: #a18a72;
}
/* @end */




/* @group current_page anchors */
	
#default a.current, #default a.articles, #chaplin a.chaplin, #godard a.godard, #kurosawa a.kurosawa, #painting a.painting, #pasolini a.pasolini, #photography a.photography, #huillet-straub a.huillet-straub, #kubrick a.kubrick, #tarantino a.tarantino, #hitchcock a.hitchcock, #rayjohnson a.rayjohnson, #about a.about, #brakhage a.brakhage {
	color: #f56b97;
	background-color: transparent;
}

div#right ul.linklist a.current {
	color: #f56b97;
	background-color: transparent;
}
/* @end */



/* @group chumbawamba may 04 */


span.red {
	color: #ff0000;
		background-color:  transparent;

	font-style: italic;
}

	span.black {
	color: black;
		background-color:  transparent;

}

/* @end */


/* @group joyce quote */
	#container p.rejoyce {
	color: black;
	background-color:  transparent;
	width: 379px;
	margin-left: 13%;
	text-align: justify;
	font-size: 14px;
	font-style: normal;
	font-family: Times, "Times New Roman", serif;
	line-height:  17px;
}
/* @end */

p object {
	margin-top: 1em;
	margin-bottom:  .5em;
}

.klein {
	color: #0000ff;
}

acronym {
	text-decoration: none;
	border-bottom: 1px dotted #d95e4b;
}
/* @group txpCommentInputForm */


#txpCommentInputForm input, #txpCommentInputForm textarea {
	background: #f2ebe6;
}

#txpCommentInputForm {
	margin-left: 15px;
}

/* @end */
div#content p div.wlk_qt_video {
	display: none;
	margin-left: 50px;
	padding-left:  50px;
}