.myh3, .myh4
{
	margin: 0.4em 0 0 0;
	padding: 0;
	/*font-weight: bold;*/
}

.myh3 
{
	font-size:1.0em;
}

.myh4
{
	font-size:1.1em;
  margin-bottom: 0.5em;
}

.myText
{
  padding-left:0.2em;
}

.mediaTitle
{
  text-align: left;
  padding: 1em 0 1em 0; /*top right bottom left*/
}

.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                 ********/
/*************************************************************************/
/*************************************************************************/

.mainPanel
{
  width: 620px;
  margin: 20px auto 0px auto;
  
  /*opacity*/
  filter:alpha(opacity=75); /*for IE*/
	-moz-opacity:0.75;/*old browsers like versions of the Mozilla browsers like Netscape Navigator*/
	-khtml-opacity: 0.75; /*old versions of Safari*/
	opacity: 0.75;
    
  /*rounding the corners, work in Firefox, Safari, Chrome and any other */
  /*browser that supports CSS3*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  
  /*css3 shadow: OffsetX OffsetY BlurRadius*/
  -webkit-box-shadow: 3px 3px 5px #181818;
  box-shadow: 3px 3px 5px #181818; /*dark gray*/
}

.mainTitlePanel
{
  margin: 10px 10px 0px 10px; /*the value of the corner radius*/
  margin-right: 220px;
  text-align: left;
  /*border: solid 2px #fff;*/
}

.mainTitlePanel .myImg
{
 text-align:center;
}

.mainTitleSidePanel /* for Google Ads*/
{
  margin: 20px 10px 0px 10px;
  float:right;
  width: 200px;
  text-align: left;
  /*border: solid 2px #fff;*/
}

.storyImagePanel
{
  float: left;
  width: 300px;
  text-align: left;
  /*border: solid 2px #fff;*/
}

.storyImagePanel .imgStory
{
  margin:0em 0em 1em 0em; /*top right bottom left*/
}

.storyImagePanel img
{
  max-width:280px;
}

.storyTextPanel
{
  margin-left: 300px;
 /*border: solid 2px #fff;*/
}

.storySynopsisPanel
{
  clear: both;
}

.storyContent
{
  margin: 2em 0em;
  clear: both;
}

.mainTitlePseudoSidePanelSearch
{
  clear:both;
  margin-left: 410px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: left;
  /*border: solid 2px #fff;*/
}

.mainLinksPanel
{
  clear:both;
  width:100%;
  font-size: .8em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align:center;
}

.mainMediaPanel
{
  padding-top: .5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  margin-bottom: 1.5em;
}

.mainMediaPanel .myImg
{
  margin:1.5em 0em 0em 0em; /*top right bottom left*/
  text-align: center;
}

.mainMediaPanel .myImg img
{
  /*overflow: hidden;*/
  /*width:92%;*/
  max-width:560px;
}

.mainSidePanel
{
  margin:0 0 1em 1em; /*top right bottom left*/
  float:right;
  padding: 0.25em 0.5em 0.5em 0.5em;
  text-align: left;
}

.mainCopyrightPanel 
{
  clear: both;
	font-size: 0.6em;
	text-align:center;
  padding-bottom: 10px;
}

.mediaNbCommentsLinks
{
 	font-size: 0.8em;
}

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

.mediaCommentsPanel 
{
  text-align:left;
  overflow: hidden;
  width:100%;
}

.centerText
{
  text-align: center;
}

.storyArchiveTitle
{
  float: left;
  width: 490px;
  text-align: left;
  margin:0em 0em 0em 0em; /*top right bottom left*/
}

.storyArchiveViews
{
  margin-left: 490px;
  text-align: left;
  margin:0em 0em 0em 0em; /*top right bottom left*/
}

/*************************************************************************/
/*************************************************************************/
/******                      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;
}