* {
  margin: 0;
  padding: 0;
}

*, *:before, *:after {

      -webkit-box-sizing: border-box !important;
      -moz-box-sizing: border-box !important;
      -ms-box-sizing: border-box !important;
      box-sizing: border-box !important;
    }



td{
    word-wrap:break-word
}


A { text-decoration:none }
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
background-image: url(bg.gif);
	background-repeat: no-repeat;	
}

img{
border-width: 0px 0px 0px 0px;
}

.mobilead{
	display: none;
}

.mobscore{
	display:none;
}

.storyimage{
	object-fit:contain;
	  max-width:600px;
}

.sidead{
	display:inline-block;
	width:300px;
height:1200px;
}

.sideadclick{
	display:inline-block;
	max-width:300px;
	height:600px;
}


#container {
margin:0 auto;
text-align:left;
width:974px;
}


     .topleft{
     width:69%;
}
       .mainleft{
    width:69%;
}


        .topright{
            width:30%;
        }
        .mainright{
          
             width:30%;
             
        }


#mobileshare{
	display:none;
}

.logodiv{
	display: inline-block;
	width: -webkit-calc(100% - 42px);
    width:    -moz-calc(100% - 42px);
    width:         calc(100% - 42px);
}




 @media only screen and (max-width: 970px) {
 	
 	body{
 	 background-image: none;
 	}
 	#container {
margin:0 auto;
text-align:left;
width:100%;
}

#mobileshare{
display: inline-block;
vertical-align:top;
width: 32px;
height:64px;
}

.intro{
	display:none;
	
}

.storyimage{
	object-fit:contain;
	  max-width:970px;
}

.mobscore{
	display: inline-block;
}

 .sidead{
	display:none;
	
}





 .sideadclick{
	display:none;
	
}

        .topright{
            display: none;
            width:0%;
        }
        .mainright{
            display: none;
             width:0%;
        }
               .topleft{
             width:100%;
        }
               .mainleft{
             width:100%;
        }
        
        		.logo{
        			width: 90%;
        		}
        		
        		.intro{
        			display:none;
        		}
    }
    
        @media only screen and (min-width: 728px) and (max-width: 970px){

		.mobilead{
	display:inline-block;
 width: 728px; height: 90px; } 
 
 
.storyimage{
	object-fit:contain;
	  max-width:728px;
}

}

    
    @media only screen and (max-width: 727px) and (min-width: 480px)
{
		.mobilead{
	display:inline-block;
 width: 480px; height: 60px; } 

	.storyimage{
	object-fit:contain;
	  max-width:480px;
}
	
	
}


    
    @media only screen and (max-width: 479px) and (min-width: 320px) {
	.mobilead{
	display:inline-block;
 width: 320px; height: 50px; } 
 .socialicon{width:25px; height:25px;}
 #mobileshare{
		width: 25px;
		height:50px;
		}
		
		
.storyimage{
	object-fit:contain;
	  max-width:320px;
}


}

@media only screen and (max-width: 319px) and (min-width: 240.1px) {
	.mobilead{
	display:inline-block;
 width: 234px; height: 60px; } 
  .socialicon{width:25px; height:25px;}
 #mobileshare{
		width: 25px;
		height:50px;
		}
		
		
.storyimage{
	object-fit:contain;
	  max-width:234px;
}

}

    
    @media only screen and (max-width: 240px) and (min-width: 1px) {
	.mobilead{
	display:inline-block;
 width: 234px; height: 60px; } 
  .socialicon{width:25px; height:25px;}
 #mobileshare{
		width: 25px;
		height:50px;
		}
		
		
.storyimage{
	object-fit:contain;
	  max-width:234px;
}

}


table.user {
	border-width: 0px 0px 0px 0px;
	border-spacing: 5px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	padding:5px;
}

table.user td {
	color:#000000;
	text-align:left;
}

table.main {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
}


table.main th {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.main td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.header {
	height:75%;
}

table.bar {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: red red red red;
	padding: 0px 0px 0px 0px;
}


table.bar td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	border-style:none;
}

table.latest {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	color:#000000;
	text-align:left;
	width:100%;
}

table.latest td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:left;
	color:#000000;
	font-weight:normal;
}

#loading{
	visibility:hidden;
	background-color:#CCCCCC;
	position:absolute;
	filter:alpha(opacity=40);
	opacity: 0.6;
	-moz-opacity:0.6;
	width:100%s;
	height:100%;
}

.mainbar{
background-color:#ff0000;
}

.whiteback{
background-color:#FFFFFF;
}

.grayback{
background-color:#f4f4f4;
}

.redback{
background-color:#fff5f6;
}

.lightback{
background-color:#fcfdc7;
}

table.latest A:link {text-decoration: none;}
table.latest A:visited {text-decoration: none;}
table.latest A:active {text-decoration: none; }
table.latest A:hover {text-decoration: underline; color: red;}

#dhtmlgoodies_tooltip{
		background-color:#EEE;
		border:1px solid #000;
		color:#9d0000;
		position:absolute;
		display:none;
		z-index:20000;
		padding:2px;
		font-size:0.9em;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
		font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
		
	}
	#dhtmlgoodies_tooltipShadow{
		position:absolute;
		background-color:#555;
		display:none;
		z-index:10000;
		opacity:0.7;
		filter:alpha(opacity=70);
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
	}
		.sharesb{
		clear:both;
		position:relative;
		border:1px solid #ff0000;
		padding:3px;
		margin:15px 0 10px 0;
		width:75%;
		text-align:center;
	}
	.sharesb p {
		padding:0;
		margin:0;
	}
	.sharesb p a{
		position:absolute;
		top:0px;
		right:0px;
		padding:3px 5px 0 0;
	}
	.sharesb h3{
		padding:0 3px 0 0;
		margin:0;
		margin:0 5px 0 3px;
		font-size:0.88em;
		font-weight:normal;
	}
	.sharesb ul{
		text-align:center;
		list-style:none;
		margin:6px 0 4px 0;
		padding:0;
	}
	.sharesb ul li{
		text-align:center;
		display:inline;
		padding:0 4px 6px 0 ;
	}
	.sharesb ul li.delicious{
		background:url("http://www.lfclive.net/images/delicious.gif") no-repeat 0 0;
	}
	.sharesb ul li.digg{
		background:url("http://www.lfclive.net/images/digg.gif") no-repeat 0 0;
	}
	.sharesb ul li.reddit{
		padding:0 0 0 2px;
		background:url("http://www.lfclive.net/images/reddit.gif") no-repeat 0 0;
	}
	.sharesb ul li.facebook{
		background:url("http://www.lfclive.net/images/facebook.gif") no-repeat 0 0;
	}
	.sharesb ul li.stumbleupon{
		background:url("http://www.lfclive.net/images/stumbleupon.gif") no-repeat 0 0;
	}
	.sharesb ul li a{
		padding:0 0 0 18px;
		margin:0 3px 0 0px;
	}
	
	


* {
  margin: 0;
  padding: 0;
}