.myh3
{
	margin: 0.4em 0 0 0;
	padding: 0;
	font-weight: bold;
}

.myh3 
{
	font-size:1.0em;
}

.mediaTitle
{
  text-align: center;
	font-size:1.5em;
	margin: 0 0 0.5em 0;
  padding: 0.5em 0 0 0;
}

/*for films 720x306 pixels playable in Quicktime*/
.media720x306
{
  border: solid 1px #919191;
  width:720px;
  height:321px; /*15 more pixels than the film for the film controls*/
  margin: 0px auto;
}

.media720x304
{
  border: solid 1px #919191;
  width:720px;
  height:320px; /*18 more pixels than the film for the film controls, -2 pixels because the film player crops 2 pixels vertically*/
  margin: 0px auto;
}

.media566x304
{
  border: solid 1px #919191;
  width:566px;
  height:320px; /*18 more pixels than the film for the film controls, -2 pixels because the film player crops 2 pixels vertically*/
  margin: 0px auto;
}
.media540x304
{
  border: solid 1px #919191;
  width:540px;
  height:320px; /*18 more pixels than the film for the film controls, -2 pixels because the film player crops 2 pixels vertically*/
  margin: 0px auto;
}

.media320x180
{
  border: solid 1px #919191;
  width:320px;
  height:195px; /*15 more pixels than the film for the film controls*/
  margin: 0px auto;
}

.media448x252
{
  border: solid 1px #919191;
  width:448px;
  height:267px; /*15 more pixels than the film for the film controls*/
  margin: 0px auto;
}

.mediaPhp
{
  width: 60em;
  text-align: left;
  margin: 0px auto;
}

.generalInfo
{
  width: 30em;
  margin: 0em auto;
  font-size:1.2em;
}

.wordCheck img
{
  width: 20em;
  /*max-width:250px;*/
}

/*************************************************************************/
/*************************************************************************/
/******                         ONE COMMENT                          *****/
/*************************************************************************/
/*************************************************************************/

/*one full comment, that is:
 horizontal line
 date of posting
 comment*/
.oneFullComment
{
	margin-bottom: 10px;
	padding: 6px 0;
}

/*for comment info: 
 On October 15th, from John:*/
.oneFullComment .postedBy 
{
	margin-top: 0.6em;
	margin-bottom: 1em;
}

/* <p> tag for the text of the comment */
/*commentIndented*/
.oneFullComment p
{
	padding-left: 10pt;
	padding-right: 10pt;
}

/*************************************************************************/
/*************************************************************************/
/******                         NEW COMMENT                          *****/
/*************************************************************************/
/*************************************************************************/

.newCommentForm form
{
	padding : 0.5em 1em 0.5em 1em; /*top right bottom left*/
}
.newCommentForm .Label 
{
	width: 30em;
	float: left;
}
.newCommentForm .LabelComment 
{
  font-size:0.7em;
}

.newCommentPreviewWarning 
{
	margin: 1em 1em 1em 1em;
	padding: 0.25em;
	font-size: 0.9em;
	border: 1px dashed #dd0;
}   

/*************************************************************************/
/*************************************************************************/
/*******                    Positioning the Media                 ********/
/*************************************************************************/
/*************************************************************************/

/*horizontal line positioned at 160px from top*/
.commentPageVerticalOrigin
{
  position: absolute;
  width:100%;
  top:160px;
}

/*horizontal line centered vertically*/
.screenVerticalCenter
{
  position: absolute;
  width:100%;
  top:50%;
}
/*top of horizontal main panel. It is 160 pixels above the center*/
.topMainContactHorizontalPanel
{
  position: absolute;
  width:100%;
  top:-12em;
}

/*top of horizontal main panel. It is 160 pixels above the center*/
.topMainHorizontalPanel
{
  position: absolute;
  width:100%;
  top:-200px;
}
/*the media, typically 800x320 pixels centered in the .mainHorizontalPanel*/
.mainHorizontalPanel
{
  margin:0px auto;
  text-align:center;
  width:100%;
}

/*top of horizontal main panel. It is 160 pixels above the center*/
.topMainFixedHorizontalPanel
{
  position: absolute;
  width:100%;
  top:-160px;
}

/*the media, typically 800x320 pixels centered in the .mainHorizontalPanel*/
.mainFixedHorizontalPanel
{
  margin:0px auto;
  text-align:center;
  width:100%;
  height:320px;
  overflow: hidden; /*to clip the media in the centered H panel*/
}

/*the media links panel, just below the .mainHorizontalPanel, its width is 100% of the window*/
.mediaLinksPanel 
{
  width:100%;
  height:2em;
  margin:0px;
}
/*the links for the media. right aligned under the media media. .mediaLinks is centered inside .mediaLinksPanel*/
.mediaLinks
{
  text-align:right;
 	font-size: 1em;
  margin: 0.2em auto;
  width: 800px;
}
.mediaPhpLinks
{
  text-align:right;
 	font-size: 1em;
  margin: 0.2em auto;
  width: 60em;
}

.mediaNbCommentsLinks
{
 	font-size: 0.8em;
}

.mediaRatingPanel 
{
  width:30%;
  margin:0px 35%;
}

.mediaCommentsPanel 
{
  width:100%;
  margin:0px;
}

/*the links for the media. right aligned under the media media. .mediaLinks is centered inside .mediaLinksPanel*/
.mediaComments
{
  text-align:left;
  margin: 0px auto;
  width: 800px;
}

.mediaCopyright 
{
  position: absolute;
  top:96%;
  width:100%;
	font-size: 0.8em;
	text-align:center;
}

.commentCopyright 
{
	margin-top: 2em;
	font-size: 0.8em;
	text-align:center;
}

/*************************************************************************/
/*************************************************************************/
/******                      INFO or LINK PAGE                       *****/
/*************************************************************************/
/*************************************************************************/

.summarySectionTitle
{
  width:100%;
	font-size: 1.2em;
  margin: 0.4em 0em 0.1em 0em; /*top right bottom left*/
  padding:0.2em 0em;
	text-align:center;
}

.summarySectionContentLeftCol
{
  float: left;
  width: 49.8%;
  padding:0.3em 0em;
	text-align:center;
}

.summarySectionContentRightCol
{
  margin-left: 50.2%;
  padding:0.3em 0em;
	text-align:center;
  margin-bottom: .1em;
}

.darkblue .summarySectionTitle
{
  background: #10181D;
}
.darkblue .summarySectionContentLeftCol
{
  background: #0A0E10;
}
.darkblue .summarySectionContentRightCol
{
  background: #0A0E10;
}

.gray .summarySectionTitle
{
  background: #253137;
}
.gray .summarySectionContentLeftCol
{
  background: #151B1E;
}
.gray .summarySectionContentRightCol
{
  background: #151B1E;
}
/*************************************************************************/
/*************************************************************************/
/******                         MEDIA NAMES                          *****/
/*************************************************************************/
/*************************************************************************/

.bluesteel
{
  color: #B4CCD9;
}

.darkblue
{
  color: #B4CCD9;
}

.gray
{
	color: #fff;
}

.darkblue .myh3
{
	color: #395C70;
}

.bluesteel .myh3
{
	color: #408080;
}
.darkblue .mediaTitle
{
	color: #395C70;
}
.darkblue .mainFixedHorizontalPanel
{
  background-color: #1D2F39;
}
/*the media, typically 800x320 pixels centered in the .mainHorizontalPanel*/
.darkblue .mainHorizontalPanel
{
  background-color: #1D2F39;
}


.gray .myh3
{
	color: #808080;
}

.bluesteel .mediaTitle
{
	color: #408080;
}
.gray .mediaTitle
{
	color: #808080;
}

.bluesteel .mainFixedHorizontalPanel
{
  background-color: #1E406C;
}

/*the media, typically 800x320 pixels centered in the .mainHorizontalPanel*/
.bluesteel .mainHorizontalPanel
{
  background-color: #1E406C;
}

.gray .mainFixedHorizontalPanel
{
  background-color: #0D1113;
}

/*the media, typically 800x320 pixels centered in the .mainHorizontalPanel*/
.gray .mainHorizontalPanel
{
  background-color: #0D1113;
}

/*************************************************************************/
/******                         ONE COMMENT                          *****/
/*************************************************************************/

.darkblue .oneFullComment
{
	border-top: 1px solid #395C70;
/*	color: #fff;*/
}

/*for comment info: 
 On October 15th, from John:*/
.darkblue .oneFullComment .postedBy 
{
	color: #395C70;
}

.bluesteel .oneFullComment
{
	border-top: 1px solid #408080;
	color: #fff;
}

/*for comment info: 
 On October 15th, from John:*/
.bluesteel .oneFullComment .postedBy 
{
	color: #408080;
}

.gray .oneFullComment
{
	border-top: 1px solid #808080;
	color: #fff;
}

/*for comment info: 
 On October 15th, from John:*/
.gray .oneFullComment .postedBy 
{
	color: #808080;
}

/*************************************************************************/
/******                         NEW COMMENT                          *****/
/*************************************************************************/

.darkblue .newCommentForm form
{
	border-top: 1px solid #395C70;
}

.bluesteel .newCommentForm form
{
	border-top: 1px solid #408080;
}

.gray .newCommentForm form
{
	border-top: 1px solid #808080;
}

/*************************************************************************/
/* -= Links =- */
/*************************************************************************/

.darkblue a,
.darkblue a:link,
.darkblue a:visited 
{
	color:#395C70;
}

.darkblue a.active:link,
.darkblue a.active:visited,
.darkblue a:hover 
{
	color:#BB29CC;
}

.bluesteel a,
.bluesteel a:link,
.bluesteel a:visited 
{
	color:#408080;
}

.bluesteel a.active:link,
.bluesteel a.active:visited,
.bluesteel a:hover 
{
	color:#BB29CC;
}

.gray a,
.gray a:link,
.gray a:visited 
{
	color:#808080;
}

.gray a.active:link,
.gray a.active:visited,
.gray a:hover 
{
	color:#BB29CC;
}

.myImg
{
  text-align: center;
  margin-top: 0.6em;
  margin-bottom: 0.6em;
} 

.myImgLeftCol
{
  float: left;
  width: 49.9%;
  padding:0.3em 0em;
	text-align:center;
}

.myImgRightCol
{
  margin-left: 50.1%;
  padding:0.3em 0em;
	text-align:center;
  margin-bottom: .1em;
}

.gray .myImg img
{
  border: solid 1px #fff;
  padding: 4px;
}

.gray .myImg a.active:link img,
.gray .myImg a.active:visited img,
.gray .myImg a:hover img 
{
  border: solid 1px #BB29CC;
  padding: 4px;
}
/*************************************************************************/
/*************************************************************************/

.blockCentered
{
	text-align:center;
}
	
.blockCenteredContent 
{
	width:500px;
	margin:0px auto;
	text-align:left;
}