CodePen

HTML

            
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<LINK REL="SHORTCUT ICON"
HREF="http://www.x2-radio.com/favicon.ico">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>X-Squared Radio&nbsp;|&nbsp;Home</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery/jquery.slidertron-0.1.js"></script>

<link rel="stylesheet" type="text/css" href="styles.css" />

<style type="text/css">
@import "gallery.css";
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<header>
<div class="head-wrap">
    <div class="logo"></div>
    <div class="menu">    
  	<ul>
			<li class="active"><a href="index.html">home</a></li>			
			<li><a href="http://www.x2-radio.com/amember/signup.php">subscribe</a></li>
            <li><a href="listen.html">listen</a></li>
            <li><a href="watch.html">watch</a></li>
			<li><a href="interviews.html">interviews</a></li>
            <li><a href="archives.html">archives</a></li>				           						
		</ul>
        </div>     
</header>



<body onload="MM_preloadImages('images/psfo.png','images/npieeo.png','images/Webtalk_Radioo.png','images/remembering_the_futureo.png','images/pythagorasbnr468o.png','images/vision_motorso.png','images/BFOLo.png','images/The Conscious Media Network Logoo.png','images/rss.png','images/youtube.png','images/twitter.png','images/facebook.png','images/remote_viewingo.png')">
<div id="fb-root"></div>



<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


	<div id="page">
		<div id="page-bgtop">
		<div id="page-bgbtm">
          <div id="leftsidebar">
				<div id="leftsidebar-bgtop">
					<div id="leftsidebar-bgbtm">
					  <ul>							
							<li>
                            <div style="clear: both; height: 2px"></div>
								<h2> Menu </h2>
                                
                                 <div style="clear: both; height: 15px"></div>
                                <img src="images/line.png" alt="" width="170" height="9" />
                                <div style="clear: both; height: 7px"></div>
								<ul>
                                    <li><a href="newsletter.html">Newsletter</a></li> 
                                    <li><a href="store.html">Store</a></li> 									
									<li><a href="about.html">About</a></li>
									<li><a href="mailto:bagnew@x2-radio.com">Contact</a></li>									
									<li><a href="featured.html">Featured</a></li>
                                    <li><a href="events.html">Events</a></li>
                                    																							
								</ul>
							</li>																					
					  </ul>
                       <div style="clear: both; height: 7px"></div>
                       
                        <img src="images/line.png" alt="" width="170" height="9" />
                         <div style="clear: both; height: 19px"></div>
					<p>&nbsp;<a href="x_squared_radio_rss.xml" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('rss','','images/rss.png',1)"><img src="images/rss_clear.png" width="32" height="32" border="0" id="rss" /></a>&nbsp;&nbsp;&nbsp;<a href="http://www.facebook.com/pages/X-Squared-Radio/194235273948572" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('facebook','','images/facebook.png',1)"><img src="images/facebook_clear.png" width="32" height="32" border="0" id="facebook" /></a>&nbsp;&nbsp;&nbsp;<a href="http://twitter.com/#!/XSquaredRadio" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('twitter','','images/twitter.png',1)"><img src="images/twitter_clear.png" width="32" height="32" border="0" id="twitter" /></a>&nbsp;&nbsp;&nbsp;<a href="http://www.youtube.com/user/X2Radio" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('youtube','','images/youtube.png',1)"><img src="images/youtube_clear.png" width="32" height="32" border="0" id="youtube" /></a><p> 
                    <div style="clear: both; height: 13px"></div>
                    <img src="images/line.png" alt="" width="170" height="9" />
                        <div style="clear: both; height: 13px"></div>
                        <center>
                        <p><b><font size="2">X-Squared Radio</font></b></p>
                        <div style="clear: both; height: 10px"></div>                                              
                        <center>
                        <p><b><font size="2">Tune In and Get Squared!</font></b></p>
                        <div style="clear: both; height: 11px"></div>
                        <p>1,000 hours of Archives!</p>
                        <div style="clear: both; height: 2px"></div>               
                        <p>Listen Live on Sundays</p>
                        <div style="clear: both; height: 2px"></div>
                        <p>From 5-8 PM Pacific Time</p>
                        <div style="clear: both; height: 11px"></div>
                        <center>
                        <p>Call in LIVE at:</p>
                        <div style="clear: both; height: 2px"></div>                       
                        <p>530-413-4511 Off Planet</p>
                        <div style="clear: both; height: 2px"></div>
                        <p>530-413-4515 West of Earth</p>
                        <div style="clear: both; height: 2px"></div>
                        <p>530-413-4520 East of Earth</p>
                        <center>
                        <div style="clear: both; height: 3px"></div>   
                        <p>or</p>
                        <center>
                        <div style="clear: both; height: 3px"></div>
                        <p>Join us LIVE using your phone!</p>
                        <div style="clear: both; height: 2px"></div>                       
                        <p>712-432-0075</p>
                        <div style="clear: both; height: 10px"></div>                    
                        <p><strong>The Passcode is: 318116#</strong></p>
                        <div style="clear: both; height: 15px"></div>
                        <center>
                        <img src="images/line.png" alt="" width="170" height="9" />
                        <div style="clear: both; height: 15px"></div>
                        <p>Get the <b>NEW</b></p>
                        <div style="clear: both; height: 4px"></div>
                        <p>X-Squared Radio Show</p>
                        <div style="clear: both; height: 4px"></div>
                        <p>Android App <b>FREE!</b></p>
                        
                        <div style="clear: both; height: 14px"></div> 
                        <a href="http://www.appmakr.com/app_manager/builds/install_ota/170447?h=c93e8a62e44e0501c1a981d8ba25d082" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('x2 android app','','images/x2_android_app.png',1)"><img src="images/x2_android_app0.png" width="160" height="50" border="0" id="x2 android app" /></a>
                        <div style="clear: both; height: 9px"></div> 
                        <p>The iphone app is coming soon!</p>
                        <div style="clear: both; height: 9px"></div>                                              
                        <img src="images/line.png" alt="" width="170" height="9" />
                        <div style="clear: both; height: 2px"></div>
					</div>
				</div>
</div>    
            
            <div id="content">
                                
				
                           <!-- end -->                                                     
						
				
				                
				<div class="post">
					<div class="post-bgtop">
						<div class="post-bgbtm">
                       
                        <div style="clear: both; height: 50px"></div>                         
						 <h2 class="title"><a>Welcome to X-Squared Radio</a></h2> 
                                                                       
                         <div style="clear: both; height: 15px"></div>                        
					     
                         <img src="images/line.png" alt="" width="620" height="9" />
                         <div class="entry">                     
                         <div style="clear: both; height: 6px"></div>           
	                     <p><font size="5">Scientific Webcast Talk Radio with Dr. Brooks Agnew</font>
                         
                         <center>                             
             <div id="slideshow">

	<ul class="slides">
    	<li><img src="img/photos/3.jpg" width="620" height="320" alt="brooks at pyramids" /></li>
        <li><img src="img/photos/2.jpg" width="620" height="320" alt="brooks on tula" /></li>
        <li><img src="img/photos/1.jpg" width="620" height="320" alt="brooks in tibet" /></li>        
    </ul>

    <span class="arrow previous"></span>
    <span class="arrow next"></span>
</div>    
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="script.js"></script>
<script src="autoadvance.js"></script>
                         <div style="clear: both; height: 1px"></div>
                         <br />
                         <P ALIGN="LEFT">The Number One Scientific Webcast Talk Radio for your mind. This is scientific talk radio with Brooks Agnew as your host speaking to hundreds of the world's best authorities on the mysteries of the Universe and of the Earth. In the tinkling sea of talk radio, one voice is a rising star...a Renaissance man with a powerful knowledge of both science and spirituality. In here, the results are always positive. Please do not give up on the future of the human race yet! &nbsp;<strong>Remember, Earth Explorers that YOU ARE SOURCE!</strong> </p>
                         <div class="fb-like" style="float:left; margin-right:5px;" data-href="http://x2-radio.com" data-send="true" data-layout="button_count" data-width="30" data-show-faces="true" data-font="tahoma"></div>                
            <div style="float:left; margin-right: -25px;"><a href="https://twitter.com/XSquaredRadio" class="twitter-share-button" data-lang="en" data-size="medium">Tweet</a></div>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
            <div style="float:left; margin-right: 5px;"><div class="g-plusone" data-annotation="inline" data-width="70"></div>
            </div>
            <script type="text/javascript">
            (function() {
            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
            po.src = 'https://apis.google.com/js/plusone.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
            })();
            </script>
						 
						  </div>
						</div>
					</div>
				</div>
                
				<div class="post">
					<div class="post-bgtop">
						<div class="post-bgbtm">														
                            <center>
                            <img src="images/line.png" alt="" width="620" height="9" />
							<div class="entry">                            
                            
								<br /><p><a href="http://www.redicecreations.com/radio/2011/12/RIR-111227.php" target="_blank" ><strong>Brooks Agnew on Red Ice Radio</strong></a> <br />
                                The North Pole Inner Earth Expedition in detail. You're going to love this interview!</p>
                                 <img src="images/line.png" alt="" width="620" height="9" /> 
                                      <div style="clear: both; height: 25px"></div>                                                                                                                       
                                <p><a href="http://npiee.org/"><strong>The North Pole Inner Earth Expedition</strong></a> <br />
                                The Greatest Expedition in history is building a team of scientists to prove or disprove that the Earth might be hollow. Be a part of the voyage. Read about it and sign up today.</p>
                                <img src="images/line.png" alt="" width="620" height="9" />
                                <div style="clear: both; height: 25px"></div> 
                                <a href="advertise.html" ><strong>Advertise With X-Squared Radio</strong></a><br />
                                <p>Would you like to advertise your product to millions? $25 a week buys a two-minute interview, and vocal spots. Click the link above to learn more!</p>
                                <img src="images/line.png" alt="" width="620" height="9" />
                                <div style="clear: both; height: 25px"></div> 
                                <a href="mailto:bagnew@x2-radio.com" ><strong>Invite Dr. Agnew to Speak at Your Event</strong></a><br />
                                <p>Internationally acclaimed as one of the most exciting speakers in the world, Brooks will speak anywhere, anytime. You will stand up and cheer when you remember who you are! Add Dr. Agnew to your roster of your expert speakers on the mysteries of the universe and of the Earth.</p>                                
                                 <img src="images/line.png" alt="" width="620" height="9" />
                                 <div style="clear: both; height: 25px"></div> 
                                <a href="http://www.rememberingthefuturebook.com/" ><strong>Remembering the Future: The Physics of the Soul and Time Travel</strong></a><br />
                                <p>The secret of generating wealth and happiness from the bounty of the Universe is unlocked by Six-Time Amazon best selling author and patented scientist Brooks A. Agnew. Get an autographed copy with a free Audio Version for $14.95 plus S&H.</p> 
                                <img src="images/line.png" alt="" width="620" height="9" />
                                <div style="clear: both; height: 25px"></div> 
                                <p><a href="http://www.bbsradio.com/archives.php" target="_blank" ><strong>BBS Radio Network Audio Archives</strong></a> <br />
                                Here is a link to access the X Squared Radio Show archives through the BBS Radio Network website.</p>
                                <img src="images/line.png" alt="" width="620" height="9" />
                                <div style="clear: both; height: 25px"></div> 
                                <a href="http://www.x2-radio.com/Archived_Programs_Files/2011/May/Harvey.mp3"><strong>Harvey Rochman Interview</strong></a><br />
                                <p>Brooks Agnew has submitted a new SCREENPLAY to Harvey Rochman, who is a contributing producer to the blockbuster movie TWILIGHT. Listen to the amazing interview of HOLLYWOOD's most progressive producer!</p>
                                <img src="images/line.png" alt="" width="620" height="9" />
                                <div style="clear: both; height: 25px"></div> 
                                <p><a href="http://www.alienatednation.com/" target="_blank" ><strong>Alienated Nation: The New Quest for Liberty</strong></a> <br />
                                80 years ago, an Agency-Government was created in America. It is not elected. You have no representation in it. It taxes with impunity and spends 60% of the revenues without producing anything. The time has come to do something about it. Read the blockbuster book that is driving every major headline in the news today like a precision hammer. There is still time to save the Republic! Let's get started. Free BONUS audio version with purchase of paperback.</p>
                                <img src="images/line.png" alt="" width="620" height="9" />
                                <div style="clear: both; height: 25px"></div> 
                                 <p><a href="http://www.talkradioadvocate.com/" target="_blank" ><strong>Get Interviewed On Radio</strong></a> <br />
                                Would you like to be interviewed on a radio show to voice your perspectives and ideas? Here is a website that can help you achieve that goal.</p>
                                
                                
                                
                                <img src="images/line.png" alt="" width="620" height="9" />  
                                <div style="clear: both; height: 4px"></div> 
                                <br /><br />                                                                                
                            </div>                           
						</div>
					</div>
				</div>
			</div>
            
			<!-- end div#content -->
			<div id="sidebar">
				<div id="sidebar-bgtop">
					<div id="sidebar-bgbtm">
                    <div style="clear: both; height: 4px"></div>
                        <h2>Affiliates</h2>                    
                        <img src="images/line.png" alt="" width="250" height="9" />
							 <div style="clear: both; height: 12px"></div>
                            <a href="http://www.phoenixsciencefoundation.org/" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('phoenix_science_foundation','','images/psfo.png',1)"><img src="images/psf.png" width="250" height="54" border="0" id="phoenix_science_foundation" /></a> 
                             <div style="clear: both; height: 10px"></div>
                            <a href="http://npiee.org/" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('npiee','','images/npieeo.png',1)"><img src="images/npiee.png" width="250" height="49" border="0" id="npiee" /></a> 
                             <div style="clear: both; height: 10px"></div>
                            <a href="http://www.rememberingthefuturebook.com/" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('remembering_the_future','','images/remembering_the_futureo.png',1)"><img src="images/remembering_the_future.png" width="250" height="50" border="0" id="remembering_the_future" /></a> 
                             <div style="clear: both; height: 10px"></div>
                            <a href="http://webtalkradio.net/shows/x-squared-radio/" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('webtalk_radio','','images/Webtalk_Radioo.png',1)"><img src="images/Webtalk_Radio.png" width="250" height="53" border="0" id="webtalk_radio" /></a> 
                            <div style="clear: both; height: 10px"></div>
                            <a href="http://www.eventbee.com/view/otherworldradio/event?eventid=720360314&code=BAgnew2011" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('pythagoras','','images/pythagorasbnr468o.png',1)"><img src="images/pythagorasbnr468.png" width="250" height="53" border="0" id="pythagoras" /></a>
                             <div style="clear: both; height: 10px"></div>                                           
                            <a href="http://www.maureenstgermain.com/BeyondtheFlowerofLife.html#" target="_blank"  onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('beyond the flower of life','','images/BFOLo.png',1)"><img src="images/BFOL.png" width="250" height="48" border="0" id="beyond the flower of life" /></a> 
                            <div style="clear: both; height: 10px"></div>
                            <a href="http://www.visionmotorcars.com/" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Vision_Motor_Cars','','images/vmco.png',1)"><img src="images/vmc.png" width="250" height="50" border="0" id="Vision_Motor_Cars" /></a>
                             <div style="clear: both; height: 10px"></div>       
                            <a href="http://www.cmn.tv/#" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('the conscious media network','','images/The Conscious Media Network Logoo.png',1)"><img src="images/The Conscious Media Network Logo.png" width="250" height="47" border="0" id="the conscious media network" /></a> 
                            <div style="clear: both; height: 10px"></div>
                            <a href="http://remoteviewingproducts.com/" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('remote viewing','','images/remote_viewingo.png',1)"><img src="images/remote_viewing.png" width="250" height="50" border="0" id="remote viewing" /></a>
                            <div style="clear: both; height: 10px"></div>
                            <a href="http://2012.consciouslifeexpo.com/october-2012-expo/october-2012-home-page.html" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('conscious life expo','','images/CLE-Banner1.png',1)"><img src="images/CLE-Banner2.png" width="250" height="50" border="0" id="conscious life expo" /></a>
                            <div style="clear: both; height: 10px"></div>
                            <a href="http://www.shoptohelpothers.org/" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('shop thru heart','','images/shop_thru_heart_banner.png',1)"><img src="images/shop_thru_heart_banner0.png" width="250" height="50" border="0" id="shop thru heart" /></a>
                            <div style="clear: both; height: 10px"></div>
                            <a href="http://www.thefoodinvestor.com/" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('food investor','','images/fi_banner.png',1)"><img src="images/fi_banner0.png" width="250" height="49" border="0" id="food investor" /></a>
                            <div style="clear: both; height: 8px"></div>
                            <img src="images/line.png" alt="" width="250" height="9" />
                            <div style="clear: both; height: 2px"></div>	
                    </div>
				</div>
			</div>
			<!-- end div#sidebar -->
<div style="clear: both; height: 1px"></div>
		</div>
	</div>
	<!-- end div#page -->
</div>
<!-- end div#wrapper -->
<div id="footer-wrapper">
 
	<div id="footer">
    <div class="footer link">
	        
		<p><b><strong><a href="index.html">home</a>&nbsp; | &nbsp;<a href="http://www.x2-radio.com/amember/signup.php">subscribe</a>&nbsp; | &nbsp;<a href="listen.html">listen</a>&nbsp; | &nbsp;<a href="watch.html">watch</a>&nbsp; | &nbsp;<a href="interviews.html">interviews</a>&nbsp; | &nbsp;<a href="archives.html">archives</a>&nbsp; | &nbsp;<a href="newsletter.html">newsletter</a>&nbsp; | &nbsp;<a href="mailto:bagnew@x2-radio.com">contact</a>&nbsp; | &nbsp;<a href="site map.html">site map</a></b></strong></p>
        <p>Copyright &copy;2005-2011 X-Squared Radio. All Rights Reserved. Designed by <a  href="http://www.dc-designs.org/">DC-Designs</a>.</p>  
        
	</div>
</div>

<!-- end div#footer -->
</body>
</html>

            
          
!

CSS

            
              

* {
  margin: 0;
	padding: 0;
}

body {
	background: #000000 url(images/cosmos.jpg) no-repeat top left; 
	background-attachment: fixed;
}



h1, h2, h3 {
	
}

h1 {
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
	margin-bottom: 20px;
	line-height: 2em;
}

p {
}

blockquote {
}

ul, ol, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

a {
outline: 0;
}

a:hover {
	text-decoration: none;
	
}

/* Wrapper */



/* Header */

header {	
	height: 98px;
	background:url(images/menu_bg.png) repeat-x top left ;
		
}

.head-wrap {
	margin:0 auto;
	width: 823px;
	
}

.logo {
	float: left;
	height: 79px;
	width: 160px;
	background-image:url(images/x2_radio_logo.png);		
	margin-top: 6px;			
}

.menu {
	float: left;
	width: 650px;
	height: 90px;
	margin-left: 13px; 
}

header li {
	display: inline;
	text-align: center;
}

header a:link {
	display: block;
	float: left;
	height: 55px;	
	padding: 35px 35px 0px 0px;
	letter-spacing: -1px;
	text-decoration: none;
	text-align: center;
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #000000;	
}

header a:hover, header .active a {	
	color: #999999;
	text-shadow: 2px 0px 10px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=0); 
}


/* Search */



/* Page */
#page {
	width: 1400px;
	margin: 0 auto;
	padding: 0px 0px 30px 0px;
}

a:link {
 
 
	letter-spacing: 1px;
	text-decoration:none;
	font-family: Arial, Helvetica, Helvetica;
	font-weight: normal;
	font-size: 17px;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:visited {
	color:#000000;
}
/* Content */

#content {
	float: left;
	width: 690px;
    background: url(images/img0444.png) no-repeat left top ;
	padding: 0px 0px 0px 0px;   
}

#post {
    
	padding: 0px 0px 0px 0px;
}



.post .title {
	margin-left: 30px;	
	padding: 0px 0px 0px 4px;
	color: #000000;
}
.post .link {
 
 	text-decoration:none;
    letter-spacing: 1px;	
	font-family: Arial, Helvetica, Helvetica;
	font-weight: normal;
	font-size: 13px;
	color: #000000;
	
}
.post .title a {
	text-align:left
	letter-spacing: 1px;
	text-decoration: none;	
	font-family: Arial, Helvetica, Helvetica;
	font-weight: normal;
	font-size: 27px;
	color: #000000;
}
.post .a {
	border: none;
	text-decoration: none;
	font-family:  Helvetica;
	font-weight: normal;
	font-size: 13px;
	color: #000000;
}

.post .ahover {
	text-decoration: underline;
	color: #000000;
}


.post .entry {
	 
	text-align: left;
	margin: 10px 0px 0px 35px;
	margin-right: 20px;
	font-family:  Helvetica;
	font-weight: normal;
	font-size: 13px;
	color: #000000;
	letter-spacing: 0px;
	

}

.post img {
	float: middle;
	position:relative;
	-moz-box-shadow:0 0 10px #111;
	-webkit-box-shadow:0 0 10px #111;
	box-shadow:0 0 10px #111;
	padding: 0px 0px 0px 0px;
}

.post .meta {
	float: left;
	margin-left: 30px;
	
	
	
}

.post .more {
	display: block;
	width: 115px;	
	height: 36px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	background: url(images/img12.png) no-repeat left top;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
}

.post .byline {
	font-size: 11px;
	font-style: italic;
	font-color: ffffff;
	margin: 0px;
	margin-left: 30px;
	
}

/* Sidebars */

#leftsidebar {
	float: left;
	width: 220px;
	font-size: 11px;
	margin-left: 135px;
	font-family: Arial, Helvetica, Helvetica;
}
#leftsidebar-bgtop {
	background: url(images/img07.png) no-repeat left top;
	padding: 40px 25px 10px 25px;
}
#leftsidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;		
}
#leftsidebar li {
	margin-bottom: 1px;
		
}
#leftsidebar li ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;		
}
#leftsidebar li li {
	margin: 0;
	padding: 7px 0px;
	border: none;	
}

#leftsidebar h2 {
	margin: 0px;
	padding: 10px 0px 3px 0px;
	font-family: Arial, Helvetica, Helvetica;
	font-size: 25px;
	font-weight: normal;
	color: #000000;
}

#leftsidebar h3 {
	font-size: 15px;
	font-family: Arial, Helvetica, Helvetica;
	color: #000000;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
}

#leftsidebar p {
	margin: 0;
	line-height: normal;
	color: #000000;
}

#leftsidebar a {
	border: none;
	text-decoration: none;
	font-family: Arial;
	font-weight:300;	
	font-size: 20px;
	color: #000000;	
	letter-spacing: -1px;
	text-transform: lowercase;
}
#leftsidebar img {
	float: middle;	
	padding: 0px 0px 0px 0px;
	margin-right:2px;
	margin-left:0px;
	-moz-box-shadow:0 0 10px #111;
	-webkit-box-shadow:0 0 10px #111;
	box-shadow:0 0 10px #111;
}
#leftsidebar a:hover {	
	color: #999999;
	text-shadow: 2px 2px 10px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0); 
}
#leftsidebar a:active {	
	color: #999999;
	text-shadow: 2px 2px 10px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0); 
}
#sidebar {
	float: left;
	width: 300px;
	font-size: 11px;
	
}

#sidebar-bgtop {
	background: url(images/img077.png) no-repeat left top;
	padding: 31px 0px 10px 21px;



}

#sidebar .entry {
	 
	
	margin: 0px 0px 0px 0px;
	
}

#sidebar ul {
	margin-bottom: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}

#sidebar li {
	margin-bottom: 0px;
}

#sidebar li ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#sidebar li li {
	margin: 0;
	padding: 0px 0px;
	border: none;
	background: url(images/img10.jpg) repeat-x left bottom;
	font-family: Arial, Helvetica, Helvetica;
}

#sidebar li li a {
	background: url(images/img11.jpg) no-repeat left 3px;
	padding-left: 0px;
}

#sidebar h2 {
	padding: 18px 15px 19px 4px;	
	font-family: Arial, Helvetica, Helvetica;
	font-size: 25px;
	font-weight: normal;
	color: #000000;
}

#sidebar h3 {
	font-family: Arial, Helvetica, Helvetica;
	font-size: 100%;
	color: #454E55;
}

#sidebar p {
	
	line-height: 2;
	color: #D4C792;
	
}

#sidebar a {
	
	border: none;
	text-decoration: none;
	color: #757E82;
	
}
#sidebar img {
	float: middle;	
	padding: 0px 0px 0px 0px;
	margin-right:2px;
	margin-left:0px;
	-moz-box-shadow:0 0 10px #111;
	-webkit-box-shadow:0 0 10px #111;
	box-shadow:0 0 10px #111;
}






/* Footer */

#footer-wrapper {
	background:  url(images/img03.png) repeat-x left top;
	padding: 8px 0px 8px 0px;
	text-decoration:none;
	margin-top: 40px;
	
}

#footer {
	width: 720px;
	margin: 0 auto;
	color: #000000;
	padding: 0px 0px 0px 0px;
	
}
#footer a:link {
 
 	text-decoration:none;
    letter-spacing: 1px;	
	font-family: Arial, Helvetica, Helvetica;
	font-weight: normal;
	font-size: 13px;
	color: #000000;
}


#footer p {
	 
	margin-bottom: 0px;
	text-align: center;
	text-decoration:none;
	font-family:Arial, Helvetica, Helvetica;
	font-size: 13px;
	line-height: normal;
	color: #000000;
	margin-top: 5px;
	
	
}

#footer a {
	color: #000000;
	
}

#footer a:hover {
	text-decoration: underline;
	color: #000000;
}

            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................