/* 
Theme Name: Mkii
Theme URI: http://www.filmreviewonline.com
Description: Media experiences from <a href="http://www.filmreviewonline.com">Film Review Online</a>
Version: 2
Author: JV-R+ SNP
Author URL: http://www.visimag.com
Tags: valid XHTML, fixed width, six columns, widgets, gravatars, right sidebar, left sidebar

The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
*/

/* = GLOBAL = */
* {margin:0;padding:0;}
body {
	margin: 0;
	padding: 0;
	background-color:silver;
	font-family: Verdana, Trebuchet, Tahoma, sans-serif;
	font-size: 0.77em;
	line-height: 1.35em;
/*	color: #635537;  */
        color: black;
}
a:link, a:visited, a:active {
	color: gray;
	text-decoration: none;
}
a:hover {
/*	text-decoration: underline;  */
color: orange;
font-weight: bold;
}

h1 {
	font-size:25px;
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
	line-height:normal;
	padding-bottom:2px;
        color: #59007F;  
}

h2 {
	font-size:20px;
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
	line-height:normal;
	padding-bottom:11px;
 	padding-top:15px;

}
h3 {
	font-size:17px;
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
	line-height:normal;
	padding-bottom:10px;
	padding-top:14px;
}

.frolcb {
        color: teal;
        font-weight:bold;
}

.frolc {
        color: teal;
}



/* === ADS start === */
#header-stripad {
       position: absolute; left: 248px;
/*         height: 90px;
        width: 728px;
        background-color: grey;  */
/* background: url(images/leader-ad-example.jpg) no-repeat; */

}

#sidebar1-ad {
        margin-top: 0px;
        margin-left: 656px;
        height: 250px;
        width: 300px;
        background-color: red; 
border-style: solid;
border-color: teal; 
border-left-width: 2px; 
}
/* === ADS end === */


/* === Press Release == */
.pressrel {

background-color: #ececec;

border-style: solid;
border-color: silver;
border-left-color: white;
border-left-width: 15px;
border-right-color: white;
border-right-width: 15px;
padding-left: 10px;
padding-right: 10px;
margin-below: 20px;
}
/* === Press Release end == */




/* === HEADER === */
#header-container {
background-color:white;
        width: 976px;
        margin-left: 0;
        margin-top: 16px;
        padding: 0;
}
#header{
      position:relative;   
/*    position: absolute; top: 0; left: 0;   */
        height:138px;
}


#logo {
        margin-left:0px;  
        float:left;

/*        background: url(images/filmstripii.png) no-repeat; */
/*        background: url(images/filmstripmain.jpg) no-repeat;
background-color: none;
        width: 242px;

        height: 90px;  */
        margin-bottom: 0px;
        margin-right: 16px;  
}

#logo a {
        margin-left:0px;  
        float:left;
background: url(images/filmstripmain.jpg) no-repeat;

height: 90px;
width: 242px;
        margin-bottom: 0px;
        margin-right: 16px;
}

#logo a span {
/*  visibility: hidden;  */
}



#logo h2{
        font: Verdana, Arial, sans-serif;
        font-size:20px;
        font-weight:bold;
        text-align:left;
        margin:5px 0 -10px 5px;
        width:232px;
/*        color: #9A1919; */
        color: teal;
}

#logo p{
width: 200px;
text-align:left;
font-weight:bold;
line-height: 1.0em;
margin-left: 7px;
/* color: #19469A; */
color: black;
}


/* === MENU === */

#menu {
width: 960px;
height:48px;
left:16px;
margin:0;
padding:0;
position:absolute;
text-transform:uppercase;
margin-top:90px;   
background-color: none;  

}
#menu, #menu ul {
 line-height:16px; 
/* line-height:1;  */
list-style-image:none;
list-style-position:inside;
list-style-type:none;
/*  padding-left: 5px;   */
}

#menu a, #menu a:hover {
border:medium none;
display:block;
text-decoration:none;
color: blue;
}

#menu li {
background:transparent url(images/menu_button.png) repeat-x;
float:left;
height:16px;
/*  height:40px;   */
list-style-image:none;
list-style-position:outside;
list-style-type:none;
/* margin-left:8px;  */
margin-right:16px;
margin-top:16px;
text-align:center;
/*  width:99px; */
width:64px;
font-family:Arial, Verdana, Tahoma, sans-serif;
font-size: .9em;
padding-top: 3px;
line-height: 1em;
}

#menu a, #menu a:visited {
/* color:#332613; */
color: white;
display:block;
font-weight:bold;
/*  padding:10px 12px;   */
/* AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA */

}

#menu a:hover, #menu a:active {
/* color:#D21600; */
/* color: #1800FF; */
   color: orange;
text-decoration:none;
}





/* === MAIN AREA == */ 
.clear {
/*	position: left;   */
/*	clear: left;       */
/*	height: 5px;      */
/*  margin-right: 304px;             */
/* border-top:200px dotted black;   */

	position: relative;
	clear: both;
	height: 5px;
margin-top:0px;
margin-right:120px;
border: 5px;
border-colour: blue;
clear: both;
}

#wrapper {
/* position: absolute; left: 79px;  ============= */
	margin: 0 auto;    
   	position: relative; 
        width: 976px;
background-color:white;
/*	background-image: url(images/mainmidpart.png);  
	background-repeat: repeat-y;  */
/* border-style: solid;
border-width:10px;*/

        position: relative;
        float: left; 
        display:block; 
        background-color: none;  
}

#mainwrap{	
	width:976px; 
	margin:0 auto;   
	}

#maintop {
	margin: 0 auto;
	position: relative;
/*	width: 976px;         */
}
#maintopimg {
/*	position: relative; 
	padding:0;
	background:url(images/maintoppart1.png);
	height:113px;
*/
}





#sidebar2-top {
/* Currently set to zero height! */
position: left;
/*	background: url(images/sidebartopb.png) no-repeat;          */
	height: 0px;
/*	min-height: 32px;     */
background-color: blue;
margin-left: 16px;
margin-bottom: 0px;
width:144px;
margin-right: 50px;

}

#sidebar2-content {
/*	background: url(images/sidebarmid2b.png) repeat-y;    */
/*	padding:0px 0px 0px 0px;   */
 float:left; 
 position:relative; 

background-color: white;
/* margin-left: 16px; */
width:144px;
}

#sidebar2-bottom {
/*	background: url(images/sidebarbottom2b.png) no-repeat;   */
/* position: bottom;   */
	height: 16px;
	min-height: 16px;   
	text-align:center;
	margin-left:8px; 
        width:144px;  
        margin-left: 16px;
        background-color: white;
        
        float: left;
/* AAAAAAAAAAAAAAAAAAAAAAAAAAAA   position: relative;      */
}



#sidebar2 {	
width:144px;
/* AAAAAAAAAAAAAAAAAAAAAAAAAAAA	position:left;    */
	float:left;    
position: relative;

/*	margin:-20px 0 0 -8px;	*/
}














/* ============================ */

#content {

 float: left; 
/* display:block; AAAAAAAAAAAAAAAAAAAAAAAAAAAA 
position: relative; AAAAAAAAAAAAAAAAAAAAAAAAAAA           */


width: 464px;
/* margin-top: 20px; */
margin-left: 32px;
background-color: white;

/*  position: top; */
/* display: block; */
/*float: top;
position; relative; */
/* position: absolute; top: 0px; left: 176px;   */

/* border-style: solid;
border-width:5px;
border-color: blue;  */

}


/* === MAIN BLOG === */

#main-blog {
 	 float: left; 
/* display:block; */
 position: relative; 

	width:464px;
/*	padding:15px 10px 10px 10px;   */
/* padding:0px 10px 10px 10px;    */
  
/* border-style: solid;
border-width: 10px;
border-color: black; */
padding-top: 0px;
}

#main-blog h1 {
	font-size:20px;
	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
/*	line-height:normal;
	padding-bottom:2px;   */
/*border-bottom:1px solid #e3dccb;*/
/* width:432px; */
line-height: 120%;
padding-bottom:5px;
margin-top: -15px;
}

#main-blog h1 a, {
color: teal;
}

#main-blog h1 a:visited, #main-blog h1 a:active{
/*	color:#4a4131;   */
/*	text-decoration:none;  */
/* 	border-bottom:1px solid #b2b0a4;  */
/* color: #19469A;  */
color: teal;
}

#main-blog h1 a:hover{
/*	color:#d21600; */
	color:orange;
	text-decoration:none;
/*	border-bottom:1px solid #d21600; */
	border-bottom:thin solid orange;
}
.postdata {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: normal;
	font-style:italic;
	color: #4a4131;
}
.post {
/*border-top:5px solid #fffff;*/
	margin-bottom:20px;             /* Controls gap between posts */
margin-top: 0px;
}

.post p {
	margin:0;
/*	padding:0 0 10px;  This put space ABOVE the paragraph! */
padding-bottom: 10px;
}

post ul {
	margin-left:35px;
}

.post ul li {
        margin-left: 35px;
        margin-right: 35px;
        color: #4E387E;
        padding-top: 5px;
        padding-bottom: 5px;
}



.post-comments { 
 /*     float: right;    
	width: 63px;                        */
/*	height: 61px;  */
/*   height: 40px;                      */
 /*        padding:18px 0 0 24px;   */
/* padding:18px 0 0 24px;           */
	font-size:18px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-weight:normal;
/*          margin:-7px 20px 0 0;   */
/*      margin:-20px 5px -30px 0;   */
/* TEMP REMOVAL OF COMMENTS COUNT & IMAGE
          /*	background: url(images/commentbck.png) no-repeat;   */
                font-size:0px;
}



.post-social {
	float: right;
	width: 78px;
	height: 74px;
	margin:-22px 30px 0 0;
	background: url(images/socialbck.png) no-repeat;
}
.rss {	

		background: url(images/rssicon.png) no-repeat 0 50%;
		padding-left:20px;
		padding-top:1px;
}

.post-comments a:link, .post-comments a:visited, .post-comments a:active{
/*	color:#4a4131;
	text-decoration:none;  */
color: blue;
}
.post-comments a:hover {
/*	color:#d21600; */
	color: orange;
/*	text-decoration:none;  */
}




/* === SIDEBARS == */


#sidebar-top {
position: left;
/* position: absolute; top: 0px; left: 480px;           */
/*	background: url(images/sidebartopb.png) no-repeat;   */
background: url(images/sidebartop2.png) no-repeat;
	height: 90px;
	min-height: 90px;
/*  width: 320px; */
width: 336px;
margin-left: -16px;
margin-top: -15px;
}

#sidebar-content {
/* float: bottom;*/
/*	background: url(images/sidebarmid2b.png) repeat-y;     */
/*	padding:9px 30px 30px 30px;   */
/* float:left; 
display: inline;   
position:top; */

width: 304px;
background: none;
position: relative;
}


#sidebar-bottom {
/* 	background: url(images/sidebar-bottom1.jpg) no-repeat;   */
	height: 16px;
	min-height: 16px;
background-color: white;
	text-align:right;
/*	margin-left:-1px;  */
width:304px;
}

#sidebar {
	width:304px;
/* position: relative; left: 480px; top: 250px; */
/*  margin-left: 16px;  */

background-color: white;
position: relative;
float: left;
margin-left: 16px;

/* margin-top: 250px; */
/* margin-left: 480px; */
}
		
.subcolumn{
	width:255px;

}


#search{
	width:252px;
	height:125px;
	background:url(images/searchbck.png) no-repeat;
	margin-left:4px;
}

.form-input {
	margin: 65px 10px 10px 37px;
	width: 173px;
	padding: 2px 2px;
	background: #faf6f6;
	border: 1px solid #e3dccb;
	color: #666;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
}


.form-input:focus {
	background:#f2f0f0;
	border: 1px solid #b5b4b2;	
}

.search-submit {
	margin:0 0 0 84px;
	width: 85px;	
	background: #faf6f6;
	border: 1px solid #e3dccb;
	color: #666;
	font-size:.85em;	
}



.widget {
	width:304px;
/*	margin-left:4px;              */
/*	background:url(images/widgetbck.png) repeat-y;  */
	/*border-bottom:1px solid #e3dccb;*/
	margin-bottom:0px;
	text-align:center;
	padding-bottom:5px;
	margin-bottom:16px;

        font-size:0.75em;
        line-height:1.5em;

background-color: teal;

	
}
#calendar_wrap{
	margin-left:55px;      
	}

.widget p {
/*	padding-left:5px;    */
	}

.widget a {
color: white;
}


	
.widget h2 {
/*	height:20px;          */
/*	width:304px;   */
/* 	background:url(images/widgeth2t.png) no-repeat;     */
	text-align:center;
/*	padding:22px 0 0 0;    */
        font-size:18px;
	font-family:Verdana, Trebuchet, Arial, sans-serif;
	font-weight:bold;
/*	line-height:1.5em;   */
/*	color:#4a4131;   */
/*         color: #0CB1A7;  */
/*      text-color: #white; */
	margin:0 4px 0 4px;
/* background-color: teal; */
}

.widget ul {
	margin:0 0 10px 0;
	padding:5px 0;
	border:none;
	list-style:none;
/*  		line-height:10px;    */
line-height:12px; 
font-weight:bold;  
}

.widget ul li {
/*  	padding:5px 15px 10px 15px;    */
         padding:5px 5px 7px 5px;
	margin:0px;
   	background: url(images/listseparator.png) no-repeat 25% 100%;  
color: white;           /*  this changes the colour of the widget poster    */

}

.widget ul li a{
	color: white;         /*  this changes the colour of the top level list   */
	text-decoration:none;

}

.textwidget{
	padding:0 8px 0 8px;
}

.widget ul li a:hover{
	color: orange;         /*  this changes the colour of the top level hover   */
	text-decoration:none;
}

	

.widget ul ul li {
font-weight:normal; 
color: white;                   /*  this changes the colour of the 1st level no. of posts (99) */
}


.widget ul ul li a{
	color: white;         /*  this changes the colour of the 1st sub level list   */
	text-decoration:none;
background: none;
}


.widget ul ul ul li a{
	color: white;         /*  this changes the colour of the 2nd sub level list   */
	text-decoration:none;
/*  background: none;  */
}


.widgetad {
margin-bottom: 16px;
/* margin-left: 2px; */
border-style: solid;
border-color: silver;
border-width: 2px;

}

/* ================ SIDEBAR 2 ??? ============================== */



div#sidebar2-content > .widget {
	width:144px;
	margin-left:16px;             
/*	background:url(images/widgetbck.png) repeat-y;  */
	/*border-bottom:1px solid #e3dccb;*/
/*	margin-bottom:10px;   */
	text-align:center;
	padding-bottom:5px;
	margin-top:16px;

        font-size:0.75em;
        line-height:1.5em;
background-color: teal;
	
}
/* ============================================================= */

/* 
#VIMagLogoSidebar {
        margin-left: 20px;
}

#VIMagLogoSidebar img{
  color:none;
  border:none;
  display: block;
  margin-left: auto;
  margin-right: auto; 
}
*/


#VIMagLogoSidebar {
        margin-left: 5px;
        margin-right: 5px;
}

#VIMagLogoSidebar img{
  color:none;
  border:none;
}





/* --- IMAGES --- */

img {
        border: none;
	
}
p img {
	padding: 0;
	max-width: 100%;	
}

img.aligncenter {
/*	border: 1px solid #59350b;       */
	margin-left: auto;
	margin-right: auto;
	display: block;
}
img.alignright {
/*	border: 1px solid #59350b;       */
/*	margin: 0 0 13px 13px;        BBBBBBBBBBBBBBB         */
	display: inline;
background-color: red;
}
img.alignleft {
/* 	border: 1px solid #59350b;       */
/*	margin: 0 13px 13px 0;        BBBBBBBBBBBBBBb         */
	display: inline;
background-color: blue;
}

.alignleft {
	float: left
}

.alignright {
	float: right;
}


.wp-caption {
background-color: #ececec;
/*   border: 1px solid #59350b;  
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;   
    margin: 10px;           */
text-align: center;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px; 
border: thin dotted #b7b7b7;
}



.wp-caption coff {
border-style: none;
}




.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
/*   padding: 0 4px 5px; */
   margin: 0;
}



.wp-caption.alignleft { 
float: left; 
margin: 5px 16px 13px 0;
}

.wp-caption.alignright { 
float: right; 
margin: 5px 0 13px 13px;
}



.thumbnail-class {
	float: left;
	width: 81px;
	height: 81px;
	margin: 0 16px 0 0;
	}
.thumbnail-wide {
	float: right;
	width: 144px;
	height: 81px;
	margin: 0 5px 0 16px;
	}
.thumbnail-big {
	float: left;
	width: 464px;
	height: 261px;
	margin: 0 0 0 0px;
	}
.left {
	float: left;
	margin: 0 15px 0 0;
	}



	
/* == FOOTER == */
#bottom{
/*	background:url(images/footer2.png) no-repeat;
	height:154px;
background-color: teal;
margin_left: -50px;   */
	
}
#bottom p{
	text-align:center;
margin-bottom: 20px;
}

#wp-footer{
	position:absolute;
	background: url(images/footer-wp.png) no-repeat;
	width:95px;
	height:26px;
	margin-top:95px;
	margin-left:460px;
}	
#wp-footer a {
	display: block;
	height: 0;


	padding-top:26px;


	overflow: hidden;
	text-decoration: none;
	width: 95px;
}
#wp-footer a:hover {
	background: url(images/footer-wp.png)  no-repeat 0 -28px;


}
/*------------------COMMENTS----------*/
.commentlist {
	padding: 0;
	text-align: justify;
}	
.commentlist p {
	margin: 0 15px 10px 2px;
	clear:both;
}
#commentform p {
	margin: 5px 0;

}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.alt{
	margin-top: 1px;
	padding: 10px 10px 5px 10px;
	background: #f2f2f2;
	border: 1px solid #b2b0a4;
}	
.alt2{
	margin-top: 1px;
	padding: 10px 10px 5px 10px;
	background: #ffffff;
	border: 1px solid #b2b0a4;
}	
.administrator {
	margin-top: 1px;
	padding: 10px 10px 5px 10px;
	background:#e5dfcf url(images/author.png) no-repeat center ;
	border: 1px solid #7e7d75;
}
.cgravatar {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0px 12px 0px 0px;
	border: 1px solid #47453a;
}
.comment-author {	
	font-size: 120%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #2b2d2f;
}
.comment-author a:link , .comment-author a:visited, .comment-author a:active {
	color: #d21600;
	border-bottom: 1px solid #d21600 ;	
	text-decoration: none;
}
.comment-author a:hover {
	color: #635537;
	border-bottom:1px solid #b2b0a4;
	text-decoration: none;
}		
.comment-date {
	margin-left:2px;
	margin-top:3px;
	font-size: .75em;
	color: #888;
}
#com{
	width:464px;
	padding: 0 0 5px 0px;
	clear: both;
}
#comhead{
	background:url(images/comh3.png) no-repeat;
	margin-bottom:10px;
	color:#271b03;
	padding:8px 0 0 40px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;	
	width: 175px;	
	height: 36px;
	
}
#respond {
	width:580px;
	padding: 0 0 5px 10px;
	clear: both;
}
#respond {
/*	background:url(images/comh3.png) no-repeat;
     commkii.png 
	width: 175px;	
	height: 36px;    */

        background:url(images/commkii.png) no-repeat;
	width: 107px;	
	height: 36px;

/*	margin-top:45px;  */
	color:blue;
	padding:8px 0 0 10px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;	

	
}
#commentform {	
	margin: 10px 10px 30px 0px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #787878;
	font-size: 87%;
}
#commentform input{
	width: 200px;
	background: #fff;
	border: 1px solid #b2b0a4;
	padding: 5px;
	margin-top: 3px;
	font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
}
#commentform textarea{
	height: 130px;
	background: #fff;
	border: 1px solid #b2b0a4;
	padding: 5px;
	margin-top: 3px;
	font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
	overflow: auto;
}
#commentform #submit{
	cursor:pointer;
}
.contactform input,  .contactform textarea {
	background: #333;
	border: 1px solid #b2b0a4;
	color: #fff;
}
.contactform input:focus, .contactform textarea:focus {
	background:#444444;
	border: 1px solid #000;	
	padding-bottom:30px;
	color:#fff;
}
.contactform #contactsubmit {
	width: 85px;
	background: #111;
	border: 1px solid #666;
	color: #e3e3e3;
	font-size:.85em;
}
.contactform #contactsubmit:focus{	
	width: 85px;
	background: #333;
	border: 1px solid #666;
	color: #e3e3e3;
	font-size:.85em;
}
.contactform textarea {
	width: 340px;
	height: 200px;
	margin-bottom:10px;
}
.ddfmwrap {
	width: 450px;
	margin: 0;
	padding: 10px 0;
}

.ddfmwrap form.ddfm {
	width: 450px;
	margin: 0;
	padding: 0;
}

.ddfmwrap form.ddfm legend {
	font-size: 1.1em;
	font-weight: normal;
	color: #635537;
}

.ddfmwrap form.ddfm label {
	padding-top: 4px;
	color: #635537;
	font-weight: normal;
	line-height: normal;
}


.ddfmwrap form.ddfm fieldset {
	padding: 15px 15px 15px;
	border: 1px solid #b2b0a4;
}




.ddfmwrap p {
	color: #635537;
}

form.ddfm .credits {
	display: none;
}

.ddfmwrap .required {
	color: #cf0e0e;
}

.ddfmwrap .fmtext, .ddfmwrap .fmtextarea, .ddfmwrap .fmselect {
	padding: 4px 5px;
	background: #fdfef6;
	border: 1px solid #b2b0a4;
	color: #635537;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1em;
}

.ddfmwrap .fmtextarea {
	height: 200px;
}

.ddfmwrap .fmtext:focus, .ddfmwrap .fmtextarea:focus, .ddfmwrap .fmselect:focus {
	border: 1px solid #918b6e;
}

.ddfmwrap .submit {
	margin-left:-8px;

	text-align: left;
}


.ddfmwrap .submit input {

	padding: 3px 12px;
	background: #fdfef6;
	border: 1px solid #918b6e;
	color: #2b2d2f;
	font: normal 0.9em Arial, Helvetica, Geneva, sans-serif;


}


#wp-calendar {
empty-cells:show;
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
text-align:center;
text-decoration:none;
width:200px;
}


/* = Cx = */


.Cx { 
/* padding-left:10px; */
padding-top: 0px;
font-size:10px;
line-height: 120%; 
color:black;
/* height:100px;  */
float: left;
}

.Cx1 {
/*  font-size:12px;  */
font-size:10px;
  padding-top: 20px; 
float:left;
display: block;
width: 100%;
}

.Cx1 span {
font-size:150%;
}

.Cx1 span.chan {
   background-color:green;
   color:white;
   font-size:10px;
}


.Cx1 span.Film {
   background-color:black;
   color:white;
   font-size:10px;
}




.CxReg {
/*  font-size:75%;  */
font-size:10px; 
line-height: 120%;
  color:blue;
 padding-top: 0;
float: left;
}

.GstCast {
/*  font-size:75%;  */
 color:red;
font-size:10px;
line-height: 120%;
float: left;
}


/*
.Credits {
  font-size:10px;
  border-bottom:1px dotted black;
}
*/


.dot { 
/*  width:50%;   */
width:230px; 
float:left; 
}

.dot2 { 
/*  width:50%;   */
width:230px; 
float:right;  
}


.dot p {
font-size:10px;
line-height: 120%;
/* line-height: 70%; */
/*  display:relative;  */
  margin:8px 0 0 0;
  border-bottom:1px dotted black;
/*  font-size:0px;    */
}

.dot2 p {
font-size:10px;
line-height: 120%;
/* line-height: 150%;  */
display:block;  
  margin:8px 0 0 0;
  border-bottom:1px dotted black;
/*  font-size:0px;    */
}

.dot p span, .dot p span.cred{display:block; background-color:white;font-size:10px;line-height: 120%;}
.dot p span {float:left; padding-right:5px;}
.dot p span.cred {float:right;padding-left:5px;text-decoration:none;line-height: 120%;}

.dot2 p span, .dot2 p span.cred{display:inline; background-color:white;font-size:10px;line-height: 120%;}
.dot2 p span {float:left; padding-right:5px;}
.dot2 p span.cred {float:right;padding-left:5px;text-decoration:none;line-height: 120%;}