IE9 fails to see style.css


Author Message
OlympiaLogger

Posted: 8/23/2012
Quote message 

Can anyone tell me how and why IE9 is missing the style.css file ???

Both files work fine together in FireFox, Opera, Chrome and Safari... but not in IE. I'm not sure how this is going to look when I post it. The Preview show me the page instead of the code!!!

File named; F4Rtem2.php.html
-------------------


 <?php /* Template Name: f4tem2 */ ?>   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en"> <head>     <!--     Created by Artisteer v3.1.0.44079     Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"     -->     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />     <title>FORMULA4RETIREMENT</title>        <link rel="stylesheet" href="style.css" type="text/css" media="screen" />     <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->     <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->      <script type="text/javascript" src="jquery.js"></script>     <script type="text/javascript" src="script.js"></script>    <style type="text/css"> .art-post .layout-item-0 { border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-width:0px;border-color:#FAFAFA; } .art-post .layout-item-1 { color: #D9D9D9; background:repeat #262626; padding: 0px; } .art-post .layout-item-2 { color: #DBDBDB; background:repeat #333333; padding: 0px; } .art-post .layout-item-3 { border-spacing: 10px 20px; border-collapse: separate; } .art-post .layout-item-4 { color: #212121; background:repeat; padding-right: 20px;padding-left: 10px; } .art-post .layout-item-5 { padding-right: 20px;padding-left: 20px; } .art-post .layout-item-6 { color: #212121; background:repeat; padding-right: 20px;padding-left: 20px; } .art-post .layout-item-7 { color: #1F1F1F; background:repeat; padding-top: 0px;padding-right: 20px;padding-bottom: 0px;padding-left: 20px; }    .ie7 .art-post .art-layout-cell {border:none !important; padding:0 !important; }    .ie6 .art-post .art-layout-cell {border:none !important; padding:0 !important; }    </style>  </head> <body> <div id="art-main">     <div class="cleared reset-box"></div>     <div class="art-header">         <div class="art-header-position">             <div class="art-header-wrapper">                 <div class="cleared reset-box"></div>                 <div class="art-header-inner">                 <div class="art-logo">                                                 </div>                 </div>             </div>         </div>              </div>     <div class="cleared reset-box"></div> <div class="art-bar art-nav"> <div class="art-nav-outer"> <div class="art-nav-wrapper"> <div class="art-nav-inner"> 	<div class="art-nav-center"> 	<ul class="art-hmenu"> 		<li> 			<a href="http://www."active">Visit The Cunningham Group</a> 		</li>         <li> 			<a href="./new-page.html" class="active">Visit The Cunningham Group</a> 		</li>         <li> 			<a href="./new-page.html" class="active">Visit The Cunningham Group</a> 		</li>	 	</ul> 	</div> </div> </div> </div> </div> <div class="cleared reset-box"></div> <div class="art-box art-sheet">         <div class="art-box-body art-sheet-body">             <div class="art-layout-wrapper">                 <div class="art-content-layout">                     <div class="art-content-layout-row">                         <div class="art-layout-cell art-content"> <div class="art-box art-post">     <div class="art-box-body art-post-body"> <div class="art-post-inner art-article">                                 <div class="art-postcontent"> <div class="art-content-layout layout-item-0">     <div class="art-content-layout-row">     <div class="art-layout-cell layout-item-1" style="width: 68%;">         <p style="text-align: center;"><iframe width="650" height="362" src="http://www.youtube-nocookie.com/embed/nMjQfct5U6k?rel=0" frameborder="0" allowfullscreen=""></iframe><span style="color: rgb(38, 38, 38); font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 55px; letter-spacing: -2px; line-height: 55px;"><span style="color: rgb(31, 31, 31); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: normal; line-height: normal;"><br /></span></span></p>     </div><div class="art-layout-cell layout-item-2" style="width: 32%;">         <h6>free information! </h6><br />         <p style="color: #fff; padding-right: 20px"><!-- AWeber Web Form Generator 3.0 -->   <style type="text/css"> #af-form-1022122243 .af-body .af-textWrap{width:98%;display:block;float:none;} #af-form-1022122243 .af-body a{color:#49CBFF;text-decoration:underline;font-style:normal;font-weight:normal;} #af-form-1022122243 .af-body input.text, #af-form-1022122243 .af-body textarea{background-color:#FFFFFF;border-color:#000000;border-width:1px;border-style:solid;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;} #af-form-1022122243 .af-body input.text:focus, #af-form-1022122243 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;} #af-form-1022122243 .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:16px;font-family:Verdana, sans-serif;} #af-form-1022122243 .af-body{padding-bottom:1px;padding-top:1px;background-repeat:no-repeat;background-position:inherit;background-image:none;color:#FFFFFF;font-size:11px;font-family:Verdana, sans-serif;} #af-form-1022122243 .af-header{padding-bottom:1px;padding-top:10px;padding-right:10px;padding-left:10px;background-color:transparent;background-repeat:repeat-x;background-position:inherit;background-image:url("http://forms.aweber.com/images/forms/aweber/shade/header.png");border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#49CCFF;font-size:24px;font-family:Verdana, sans-serif;} #af-form-1022122243 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;} #af-form-1022122243 .af-quirksMode{padding-right:20px;padding-left:20px;} #af-form-1022122243 .af-standards .af-element{padding-right:20px;padding-left:20px;} #af-form-1022122243 .bodyText p{margin:1em 0;} #af-form-1022122243 .buttonContainer input.submit{background-image:url("http://forms.aweber.com/images/auto/gradient/button/49d.png");background-position:top left;background-repeat:repeat-x;background-color:#2479bd;border:1px solid #2479bd;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Verdana, sans-serif;} #af-form-1022122243 .buttonContainer input.submit{width:auto;} #af-form-1022122243 .buttonContainer{text-align:right;} #af-form-1022122243 body,#af-form-1022122243 dl,#af-form-1022122243 dt,#af-form-1022122243 dd,#af-form-1022122243 h1,#af-form-1022122243 h2,#af-form-1022122243 h3,#af-form-1022122243 h4,#af-form-1022122243 h5,#af-form-1022122243 h6,#af-form-1022122243 pre,#af-form-1022122243 code,#af-form-1022122243 fieldset,#af-form-1022122243 legend,#af-form-1022122243 blockquote,#af-form-1022122243 th,#af-form-1022122243 td{float:none;color:inherit;position:static;margin:0;padding:0;} #af-form-1022122243 button,#af-form-1022122243 input,#af-form-1022122243 submit,#af-form-1022122243 textarea,#af-form-1022122243 select,#af-form-1022122243 label,#af-form-1022122243 optgroup,#af-form-1022122243 option{float:none;position:static;margin:0;} #af-form-1022122243 div{margin:0;} #af-form-1022122243 fieldset{border:0;} #af-form-1022122243 form,#af-form-1022122243 textarea,.af-form-wrapper,.af-form-close-button,#af-form-1022122243 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;} #af-form-1022122243 input,#af-form-1022122243 button,#af-form-1022122243 textarea,#af-form-1022122243 select{font-size:100%;} #af-form-1022122243 p{color:inherit;} #af-form-1022122243 select,#af-form-1022122243 label,#af-form-1022122243 optgroup,#af-form-1022122243 option{padding:0;} #af-form-1022122243 table{border-collapse:collapse;border-spacing:0;} #af-form-1022122243 ul,#af-form-1022122243 ol{list-style-image:none;list-style-position:outside;list-style-type:disc;padding-left:40px;} #af-form-1022122243,#af-form-1022122243 .quirksMode{width:312px;} #af-form-1022122243.af-quirksMode{overflow-x:hidden;} #af-form-1022122243{background-color:#242424;border-color:#CFCFCF;border-width:1px;border-style:solid;} #af-form-1022122243{display:block;} #af-form-1022122243{overflow:hidden;} .af-body .af-textWrap{text-align:left;} .af-body input.image{border:none!important;} .af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;} .af-body input.text{width:100%;float:none;padding:2px!important;} .af-body.af-standards input.submit{padding:4px 12px;} .af-clear{clear:both;} .af-element label{text-align:left;display:block;float:left;} .af-element{padding:5px 0;} .af-form-wrapper{text-indent:0;} .af-form{text-align:left;margin:auto;} .af-header{margin-bottom:0;margin-top:0;padding:10px;} .af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;} .lbl-right .af-element label{text-align:right;} body { } </style> <form method="post" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl"  > <div style="display: none;"> <input type="hidden" name="meta_web_form_id" value="1022122243" /> <input type="hidden" name="meta_split_id" value="" /> <input type="hidden" name="listname" value="aich4" /> <input type="hidden" name="redirect" value="" id="redirect_c8e83fc01045fa4b4661cf18b6d97ddd" />  <input type="hidden" name="meta_adtracking" value="AI_Join" /> <input type="hidden" name="meta_message" value="1" /> <input type="hidden" name="meta_required" value="name,email" />  <input type="hidden" name="meta_tooltip" value="name||Full Name,,email||Email" /> </div> <div id="af-form-1022122243" class="af-form"><div id="af-header-1022122243" class="af-header"><div class="bodyText"><p>For More Information on Brian Kluth's Family Organizer, please provide the following...</p></div></div> <div id="af-body-1022122243"  class="af-body af-standards"> <div class="af-element"> <label class="previewLabel" for="awf_field-37953341"></label> <div class="af-textWrap"> <input id="awf_field-37953341" type="text" name="name" class="text" value="Full Name"  onfocus=" if (this.value == 'Full Name') { this.value = ''; }" onblur="if (this.value == '') { this.value='Full Name';} " tabindex="500" /> </div> <div class="af-clear"></div></div> <div class="af-element"> <label class="previewLabel" for="awf_field-37953342"></label> <div class="af-textWrap"><input class="text" id="awf_field-37953342" type="text" name="email" value="Email" tabindex="501"  onfocus=" if (this.value == 'Email') { this.value = ''; }" onblur="if (this.value == '') { this.value='Email';} " /> </div><div class="af-clear"></div> </div> <div class="af-element buttonContainer"> <input name="submit" class="submit" type="submit" value="Submit" tabindex="502" /> <div class="af-clear"></div> </div> </div> </div> <div style="display: none;"><img src="http://forms.aweber.com/form/displays.htm?id=jAxMTIxMTEwszA==" alt="" /></div> </form> <script type="text/javascript">     <!--     (function() {         var IE = /*@cc_on!@*/false;         if (!IE) { return; }         if (document.compatMode && document.compatMode == 'BackCompat') {             if (document.getElementById("af-form-1022122243")) {                 document.getElementById("af-form-1022122243").className = 'af-form af-quirksMode';             }             if (document.getElementById("af-body-1022122243")) {                 document.getElementById("af-body-1022122243").className = "af-body inline af-quirksMode";             }             if (document.getElementById("af-header-1022122243")) {                 document.getElementById("af-header-1022122243").className = "af-header af-quirksMode";             }             if (document.getElementById("af-footer-1022122243")) {                 document.getElementById("af-footer-1022122243").className = "af-footer af-quirksMode";             }         }     })();     --> </script> <script type="text/javascript">document.getElementById('redirect_c8e83fc01045fa4b4661cf18b6d97ddd').value = document.location;</script> <!-- /AWeber Web Form Generator 3.0 --></p>     </div>     </div> </div> <div class="art-content-layout layout-item-3">     <div class="art-content-layout-row">     <div class="art-layout-cell layout-item-4" style="width: 22%;">         <h1>TROY CUNNINGHAM</h1>                  <p style="color: #595959; font-style: italic;">Fusce tempus lorem ac diam sollicitudin.</p>                  <p><img src="./images/midi.png" alt="" width="144" height="144" align="left" style="border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; box-shadow: 0 2px 5px #555; -webkit-box-shadow: 0 2px 5px #555;" /><span style="font-style: italic;"><br /></span></p>                  <p>Praesent in arcu id</p>                  <p><a href="#">Read more...</a></p>     </div><div class="art-layout-cell layout-item-5" style="width: 22%;">         <h1>WILMA ANDERSON</h1>                  <p style="color: #595959; font-style: italic;">Praesent in arcu id libero sollicitudin vulputate.</p>                  <p style="text-align: center;"><img src="./images/headphones-2-3.png" alt="" width="144" height="144" align="left" style="border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; box-shadow: 0 2px 5px #555; -webkit-box-shadow: 0 2px 5px #555;" /><span style="font-style: italic;"><br /></span></p>                  <p>Fusce tempus lorem ac diam gravida sed egestas erat rhoncus.</p>                  <p><a href="#">Read more...</a></p>     </div><div class="art-layout-cell layout-item-6" style="width: 23%;">         <h1>Dr. BRIAN <br> KLUTH   </h1> <p style="color: #595959; font-style: italic;">Id libero sollicitudin vulputate fusce tempus</p>                  <p><img src="./images/mixer.png" alt="" width="143" height="144" align="left" style="border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; box-shadow: 0 2px 5px #555; -webkit-box-shadow: 0 2px 5px #555;" /><span style="font-style: italic;"><br /></span></p>                  <p>Curabitur ullamcorper gravida felis sed in neque porta.</p>                  <p><a href="#">Read more...</a></p>     </div><div class="art-layout-cell layout-item-7" style="width: 33%;">         <h1>FEATURING THE FAMILY ORGANIZER<br>             </h1>                  <p><img width="270" height="185" alt="" src="./images/bily2.jpg" style="border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; box-shadow: 0 2px 5px #555; -webkit-box-shadow: 0 2px 5px #555;" /></p>                  <p>Proin mollis tincidunt fringilla. In et tortor mi, eget sagittis libero. Praesent in arcu id libero sollicitudin vulputate.</p>                  <p><a href="#">Read more...</a></p>     </div>     </div> </div>                  </div>                 <div class="cleared"></div>                 </div>  		<div class="cleared"></div>     </div> </div>                            <div class="cleared"></div>                         </div>                     </div>                 </div>             </div>             <div class="cleared"></div>                  		<div class="cleared"></div>         </div>     </div>     <div class="art-footer">         <div class="art-footer-body">             <div class="art-footer-center">                 <div class="art-footer-wrapper">                     <div class="art-footer-text">                         <br /> <br />  <p style="float: left; margin: 0 20px"><a href="#"><img width="48" height="48" alt="" src="./images/feed.png" style="margin-right: 10px; cursor: text;" /></a><a href="#"><img width="48" height="48" alt="" src="./images/flickr1.png" style="margin-right: 10px;" /></a><img width="48" height="48" alt="" src="./images/facebook1.png" style="margin-right: 10px;" /><a href="#"></a><a href="#"></a><a href="#"><img width="48" height="48" alt="" src="./images/picasa.png" style="margin-right: 20px;" /></a></p>  <ul>     <li style="float:left;width:200px; margin-left: 170px">         <p style="font: 17px Arial; color:#FFFFFF;">ElectrIX</p><br />          <ul>             <li><a href="#">Sign Up</a></li>              <li><a href="#">Community</a></li>              <li><a href="#">Offers</a></li>         </ul>     </li>      <li style="float:left;width:200px;">         <p style="font: 17px Arial; color:#FFFFFF;">Location</p><br />          <ul>             <li><a href="#">About Us</a></li>              <li><a href="#">Locations</a></li>              <li><a href="#">Contacts</a></li>         </ul>     </li>      <li style="float:left;">         <p style="font: 17px Arial; color:#FFFFFF;">Your Area</p><br />          <ul>             <li><a href="#">Login</a></li>              <li><a href="#">Support</a></li>              <li><a href="#">Careers</a></li>         </ul>     </li> </ul><br clear="all" />  <p style="margin: 0 20px">Copyright © 2011 All Rights Reserved.</p><br /> <br /> <br />                         <div class="cleared"></div>                         <p class="art-page-footer">&nbsp;</p>                     </div>                 </div>             </div>             <div class="cleared"></div>         </div>     </div>     <div class="cleared"></div> </div>  </body> </html> 




File: style.css
------------------



/* begin Page */ /* Created by Artisteer v3.1.0.44079 */  #art-main, table {    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 13px; }  h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {    margin: 0;    padding: 0; }  .art-postcontent, .art-postheadericons, .art-postfootericons, .art-blockcontent-body, ul.art-vmenu a  {    text-align: left; }  .art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered {    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; }  .art-postcontent p {    margin: 12px 0; }  .art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover, .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover, .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover, .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover, .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover, .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover, .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover, .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover, .art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover, .art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover, .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover {    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: bold;    font-size: 22px;    text-decoration: none; }  .art-postcontent a {    text-decoration: none;    color: #D16900; }  .art-postcontent a:link {    text-decoration: none;    color: #D16900; }  .art-postcontent a:visited, .art-postcontent a.visited {    color: #D16900; }  .art-postcontent  a:hover, .art-postcontent a.hover {    text-decoration: underline;    color: #9E4F00; }  .art-postcontent h1 { 	color: #4F4F4F; 	margin: 10px 0 0; 	font-weight: normal; 	font-size: 24px; 	text-transform: capitalize; }  .art-blockcontent h1 {    margin: 10px 0 0;    font-weight: normal;    font-size: 26px;    text-transform: uppercase; }  .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited  {    font-weight: normal;    font-size: 26px;    text-transform: uppercase; }  .art-postcontent h2 {    color: #696969;    margin: 10px 0 0; }  .art-blockcontent h2 {    margin: 10px 0 0; }  .art-postcontent h3 {    color: #4F4F4F;    margin: 10px 0 0;    font-size: 18px; }  .art-blockcontent h3 {    margin: 10px 0 0;    font-size: 18px; }  .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited  {    font-size: 18px; }  .art-postcontent h4 {    color: #474747;    margin: 10px 0 0;    font-size: 16px; }  .art-blockcontent h4 {    margin: 10px 0 0;    font-size: 16px; }  .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited  {    font-size: 16px; }  .art-postcontent h5 {    color: #737373;    margin: 30px 0 0 30px;    font-weight: normal;    font-size: 55px;    letter-spacing: -2px;    line-height: 100%; }  .art-blockcontent h5 {    margin: 30px 0 0 30px;    font-weight: normal;    font-size: 55px;    letter-spacing: -2px;    line-height: 100%; }  .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited  {    font-weight: normal;    font-size: 55px;    letter-spacing: -2px;    line-height: 100%; }  .art-postcontent h6 {    color: #FAFAFA;    margin: 20px 20px -10px;    font-weight: normal;    font-size: 26px;    text-transform: uppercase; }  .art-blockcontent h6 {    margin: 20px 20px -10px;    font-weight: normal;    font-size: 26px;    text-transform: uppercase; }  .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited  {    font-weight: normal;    font-size: 26px;    text-transform: uppercase; }  ul {    list-style-type: none; }  ol {    list-style-position: inside; }  html  {    height:100%; }  #art-main {    position: relative;    z-index: 0;    width: 100%;    left: 0;    top: 0;    cursor:default;    overflow:hidden; }  body {    padding: 0;    margin:0;    color: #121212;    height:100%;    min-height:100%;    background-color: #E5E5E5;    background-image: url('images/Bottom_texture.jpg');    background-repeat: repeat;    background-attachment: scroll;    background-position: top left;    min-width: 1010px; }  .cleared {    display:block;    clear: both;    float: none;    margin: 0;    padding: 0;    border: none;    font-size: 0;    height:0;    overflow:hidden; }  .reset-box {    overflow:hidden;    display:table; }  form {    padding: 0 !important;    margin: 0 !important; }  table.position {    position: relative;    width: 100%;    table-layout: fixed; }  /* Start Box */ .art-box {    margin:0 auto;    position:relative; } .art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {    position:absolute;    top:0;    bottom:0;    content:' ';    background-repeat: no-repeat;    line-height:0; } .art-box:before,.art-box-body:before{    left:0; } .art-box:after,.art-box-body:after{    right:0; } .art-box:before {    overflow:hidden;    background-position: bottom left;    direction: ltr;    z-index:-3; } .art-box:after {    background-position: bottom right;    z-index:-3; } .art-box-body:before, .art-box-body:after {    background-repeat:repeat-y; } .art-box-body:before {    background-position: top left;    z-index:-3; } .art-box-body:after {    background-position: top right;    z-index:-3; }  .art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after {    z-index:-2; } .art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {    z-index:-1; } /* End Box */  /* Start Bar */ .art-bar {    position:relative; } .art-bar:before, .art-bar:after {    position:absolute;    top:0;    bottom:0;    content:' ';    background-repeat:repeat;    z-index:-1; } .art-bar:before {    left:0;    background-position: top left; } .art-bar:after {    right:0;    background-position: top right; } /* End Bar */  li h1, .art-postcontent li h1, .art-blockcontent-body li h1  {    margin:1px; }  li h2, .art-postcontent li h2, .art-blockcontent-body li h2  {    margin:1px; }  li h3, .art-postcontent li h3, .art-blockcontent-body li h3  {    margin:1px; }  li h4, .art-postcontent li h4, .art-blockcontent-body li h4  {    margin:1px; }  li h5, .art-postcontent li h5, .art-blockcontent-body li h5  {    margin:1px; }  li h6, .art-postcontent li h6, .art-blockcontent-body li h6  {    margin:1px; }  li p, .art-postcontent li p, .art-blockcontent-body li p  {    margin:1px; }  /* end Page */  /* begin Header */ div.art-header {    margin: 0 auto;    position: relative;    z-index: -5;    width:1010px;    height: 150px;    margin-top: -3px;    margin-bottom: -3px; } .art-header-position {    position: absolute;    top: 0;    right: 0;    left: 0; }   .art-header-wrapper  {    position: relative;    top:0;    width:1010px;    margin:0 auto; } .art-header-inner  {    position: relative;    margin: 0 4px; }  .art-header:before {    position: absolute;    display:block;    content:' ';    z-index:-2;    top: 0;    width:100%;    height: 150px;    background-image: url('images/header.png');    background-repeat: no-repeat;    background-position:top center; }  .art-header:after {    position: absolute;    z-index:-1;    display:block;    content:' ';    top: 0;    left:12px;    right:12px;    height: 150px;    background-image: url('images/header.jpg');    background-repeat: no-repeat;    background-position: center center; } /* end Header */  /* begin Logo */ div.art-logo {    display: block;    position: absolute;    top: 20px;    left: 0;    margin-left: 0; }    #headline, #slogan  {    display: block;    min-width: 150px;    text-align: left; } /* end Logo */  /* begin Menu */ /* menu structure */  ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover {    outline: none; }  ul.art-hmenu, ul.art-hmenu ul {    display: block;    margin: 0;    padding: 0;    border: 0;    list-style-type: none; }  ul.art-hmenu li {    margin: 0;    padding: 0;    border: 0;    display: block;    float: left;    position: relative;    z-index: 5;    background: none; }  ul.art-hmenu li:hover{    z-index: 10000;    white-space: normal; } ul.art-hmenu li li{    float: none;    width: auto; }  ul.art-hmenu ul {    visibility: hidden;    position: absolute;    z-index: 10;    left: 0;    top: 0;    background: none;    min-height: 0;    background-image: url('images/spacer.gif');    padding: 10px 30px 30px 30px;    margin: -10px 0 0 -30px; }  ul.art-hmenu li:hover>ul {    visibility: visible;    top: 100%; } ul.art-hmenu li li:hover>ul {    top: 0;    left: 100%; } ul.art-hmenu:after, ul.art-hmenu ul:after {    content: ".";    height: 0;    display: block;    visibility: hidden;    overflow: hidden;    clear: both; } ul.art-hmenu{    min-height: 0;    position:relative;    padding: 7px 8px 7px 8px;    float: left;    left: 50%; }  ul.art-hmenu ul.art-hmenu-left-to-right {    right: auto;    left: 0;    margin: -10px 0 0 -30px; } ul.art-hmenu ul.art-hmenu-right-to-left {    left: auto;    right: 0;    margin: -10px -30px 0 0; }  ul.art-hmenu ul ul {    padding: 30px 30px 30px 10px;    margin: -30px 0 0 -10px;    margin-left: -11px;    z-index: -1; }  ul.art-hmenu ul ul.art-hmenu-left-to-right {    right: auto;    left: 0;    padding: 30px 30px 30px 10px;    margin: -30px 0 0 -10px;    margin-left: -11px; }  ul.art-hmenu ul ul.art-hmenu-right-to-left {    left: auto;    right: 0;    padding: 30px 10px 30px 30px;    margin: -30px -10px 0 0;    margin-right: -11px; }  ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {    right: auto;    left: 100%; } ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {    left: auto;    right: 100%; }  div.art-nav-center{    position: relative;    float: right;    right: 50%; }  .firefox2 ul ul.art-hmenu{    float: none; } /* end menu structure */  /* menu bar */  .art-nav {    width:1010px;    margin:0 auto;    min-height: 56px;    z-index: 100;    margin-top: -3px;    margin-bottom: -3px; }  .art-nav:before, .art-nav:after{    background-image: url('images/nav.png'); } .art-nav:before{    right: 12px; } .art-nav:after{    width: 12px; } /* end menu bar */ .art-nav-outer{    position:absolute;    width:100%; } .art-nav-wrapper  {    position: relative;    width:1010px;    margin:0 auto; }  .art-nav-inner{    margin: 0 4px; }  /* end Menu */  /* begin MenuItem */ ul.art-hmenu>li>a {    position: relative;    display: block;    height: 42px;    cursor: pointer;    text-decoration: none;    color: #FFFFFF;    padding: 0 40px;    line-height: 42px;    text-align: center; }  ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after {    position: absolute;    display: block;    content:' ';    top: 0;    bottom:0;    z-index: -1;    background-image: url('images/menuitem.png'); }  ul.art-hmenu>li>a:before {    left: 0;    right: 6px;    background-position: top left; }  ul.art-hmenu>li>a:after {    width: 6px;    right: 0;    background-position: top right; }  .art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover {    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;    font-weight: bold;    text-align: left;    text-decoration: none;    text-transform: uppercase; }  ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {    background-position: center left; } ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {    background-position: center right; } ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{    color: #F5F5F5; }  /* end MenuItem */  /* begin MenuSeparator */ ul.art-hmenu>li:before {    position:absolute;    display: block;    content:' ';    top:0;    left:  -7px;    width:7px;    height: 42px;    background: url('images/menuseparator.png') center center no-repeat; }  ul.art-hmenu>li {    margin-left:7px; } ul.art-hmenu>li:first-child{    margin-left:0; }  ul.art-hmenu>li:first-child:before{    display:none; } /* end MenuSeparator */  /* begin MenuSubItem */ .art-hmenu ul a {    display: block;    white-space: nowrap;    height: 25px;    background-image: url('images/subitem.png');    background-position: left top;    background-repeat: repeat-x;    border-width: 1px;    border-style: solid;    border-top-width: 0;    border-color: #FEF2D2;    min-width: 7em;    text-align: left;    text-decoration: none;    line-height: 25px;    color: #8A4500;    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    margin:0;    padding: 0 12px; }  .art-hmenu ul>li:first-child>a {    border-top-width: 1px; }  .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active {    text-align: left;    text-decoration: none;    line-height: 25px;    color: #8A4500;    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    margin:0;    padding: 0 12px; }  .art-hmenu ul li a:hover {    color: #000000;    background-position: left bottom;    border-color: #FF8C1A;    border-top-width: 1px !important; }  .art-hmenu ul li a.art-hmenu-before-hovered {    border-bottom-width: 0 !important; }  .art-hmenu ul li:hover>a {    color: #000000;    background-position: left bottom;    border-color: #FF8C1A;    border-top-width: 1px !important; }  /* end MenuSubItem */  /* begin Box, Sheet */ .art-sheet {    max-width:1010px;    margin-top: 0;    margin-bottom: 0;    cursor:auto;    width: 1010px; } .art-sheet-body  {    padding:4px;    min-width:28px;    min-height:28px;    padding-top:0;    padding-bottom:0; }  #art-page-background-top-texture, #art-page-background-middle-texture, #art-page-background-glare {    min-width: 1010px; }  /* end Box, Sheet */  /* begin Layout */ .art-layout-wrapper {    position:relative;    margin:0 auto 0 auto; }  .art-content-layout {    display: table;    width:100%;    table-layout: fixed;    border-collapse: collapse; }  .art-content-layout-row {    display: table-row; }  .art-layout-cell {    display: table-cell;    vertical-align: top; } /* end Layout */  /* begin Box, Block */ .art-block {    max-width:1002px;    margin: 10px; } .art-block-body  {    padding:0; }  div.art-block img {    /* WARNING do NOT collapse this to 'border' - inheritance! */   border-width: 0;    margin: 0; }  /* end Box, Block */  /* begin BlockHeader */ .art-blockheader {    margin-bottom: 0;    min-height: 26px;    line-height:26px; }  .art-blockheader .t {    min-height: 26px;    line-height:26px;    color: #737373;    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    font-size: 14px;    margin:0;    padding: 0 5px 0 5px;    white-space: nowrap; }  .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited,  .art-blockheader .t a:hover {    color: #737373;    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    font-size: 14px; }  /* end BlockHeader */  /* begin Box, BlockContent */ .art-blockcontent {    max-width:1002px; } .art-blockcontent-body  {    padding:5px;    color: #363636;    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    font-size: 12px; } .art-blockcontent-body table, .art-blockcontent-body li,  .art-blockcontent-body a, .art-blockcontent-body a:link, .art-blockcontent-body a:visited, .art-blockcontent-body a:hover {    color: #363636;    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    font-size: 12px; }  .art-blockcontent-body p {    margin: 12px 0; }  .art-blockcontent-body a, .art-blockcontent-body a:link {    color: #4F4F4F;    text-decoration: underline; }  .art-blockcontent-body a:visited, .art-blockcontent-body a.visited {    color: #828282;    text-decoration: none; }  .art-blockcontent-body a:hover, .art-blockcontent-body a.hover {    color: #696969;    text-decoration: none; }  .art-blockcontent-body ul li {    font-size: 13px;    line-height: 125%;    color: #474747;    margin: 5px 0 0 10px;    padding: 0 0 0 12px;    background-image: url('images/blockcontentbullets.png');    background-repeat: no-repeat;    background-position: top left; } /* end Box, BlockContent */  /* begin Button */ span.art-button-wrapper>a.art-button, span.art-button-wrapper>a.art-button:link, span.art-button-wrapper>input.art-button, span.art-button-wrapper>button.art-button {    text-decoration: none;    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 16px;    position:relative;    top:0;    display: inline-block;    vertical-align: middle;    white-space: nowrap;    text-align: center;    color: #FFFFFF !important;    width: auto;    outline: none;    border: none;    background: none;    line-height: 55px;    height: 55px;    margin: 0 !important;    padding: 0 56px !important;    overflow: visible;    cursor: pointer;    text-indent: 0; }  .art-button img, span.art-button-wrapper img {    margin: 0;    vertical-align: middle; }  span.art-button-wrapper {    vertical-align: middle;    display: inline-block;    position: relative;    height: 55px;    overflow: hidden;    white-space: nowrap;    text-indent: 0;    width: auto;    max-width:1002px;    margin: 0;    padding: 0;    z-index: 0; }  .firefox2 span.art-button-wrapper {    display: block;    float: left; }  input, select, textarea {    vertical-align: middle;    font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;    font-style: normal;    font-weight: normal;    font-size: 16px; }  div.art-block select  {    width:96%; }  span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link {    color: #FFFFFF !important;    text-decoration: none !important; }  span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link {    color: #FFFFFF !important; }  span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r {    display: block;    position: absolute;    top: 0;    bottom: 0;    margin: 0;    padding: 0;    background-image: url('images/button.png');    background-repeat: no-repeat; }  span.art-button-wrapper>span.art-button-l {    left: 0;    right: 11px;    background-position: top left; }  span.art-button-wrapper>span.art-button-r {    width: 11px;    right: 0;    background-position: top right; }  span.art-button-wrapper.hover>span.art-button-l {    background-position: center left; }  span.art-button-wrapper.hover>span.art-button-r {    background-position: center right; }  span.art-button-wrapper.active>span.art-button-l {    background-position: bottom left; }  span.art-button-wrapper.active>span.art-button-r {    background-position: bottom right; }  span.art-button-wrapper input {    float: none !important; } /* end Button */  /* begin Box, Post */ .art-post {    max-width:1002px;    margin: 0; } .art-post-body  {    padding:0; }  a img {    border: 0; }  .art-article img, img.art-article, .art-block img, .art-footer img {    border-color: #FAFAFA;    border-style: solid;    border-width: 0;    margin: 0 0 0 0; }  .art-metadata-icons img {    border: none;    vertical-align: middle;    margin: 2px; }  .art-article table, table.art-article {    border-collapse: collapse;    margin: 1px; }  .art-post .art-content-layout-br {    height: 0; }  .art-article th, .art-article td {    padding: 2px;    border: solid 1px #A6A6A6;    vertical-align: top;    text-align: left; }  .art-article th {    text-align: center;    vertical-align: middle;    padding: 7px; }  pre {    overflow: auto;    padding: 0.1em; }  #preview-image {    float: left;    }  .preview-cms-logo {    border: 0;    margin: 1em 1em 0 0;    float: left; }  .preview-sharepoint-logo {    border: 0;    margin: 5px;    float: left; } /* end Box, Post */  /* begin PostHeaderIcon */ .art-postheader {    color: #474747;    margin: 20px 0 5px 10px;    font-weight: normal;    font-size: 26px;    text-transform: uppercase; }  .art-postheader a,  .art-postheader a:link,  .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered {    font-weight: normal;    font-size: 26px;    text-transform: uppercase; }  .art-postheader a, .art-postheader a:link {    text-align: left;    text-decoration: none;    color: #424242; }  .art-postheader a:visited, .art-postheader a.visited {    color: #6E6E6E; }  .art-postheader a:hover,  .art-postheader a.hovered {    color: #696969; }  /* end PostHeaderIcon */  /* begin PostIcons, PostHeaderIcons */ .art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover {    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    color: #474747; }  .art-postheadericons {    padding: 1px; }  .art-postheadericons a, .art-postheadericons a:link {    text-decoration: none;    color: #4F4F4F; }  .art-postheadericons a:visited, .art-postheadericons a.visited {    font-style: italic;    font-weight: normal;    color: #4F4F4F; }  .art-postheadericons a:hover, .art-postheadericons a.hover {    font-style: italic;    font-weight: normal;    text-decoration: underline;    color: #696969; }  /* end PostIcons, PostHeaderIcons */  /* begin PostIcon, PostDateIcon */ span.art-postdateicon {    display:inline-block; }  span.art-postdateicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostDateIcon */  /* begin PostIcon, PostAuthorIcon */ span.art-postauthoricon {    display:inline-block; }  span.art-postauthoricon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostAuthorIcon */  /* begin PostIcon, PostEditIcon */ span.art-postediticon {    display:inline-block; }  span.art-postediticon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostEditIcon */  /* begin PostBullets */ .art-postcontent ol, .art-postcontent ul {    margin: 1em 0 1em 2em;    padding: 0; }  .art-postcontent li {    font-size: 13px;    color: #363636;    margin: 12px 0 0 -15px;    padding: 0 0 0 13px; }  .art-postcontent li ol, .art-post li ul {    margin: 0.5em 0 0.5em 2em;    padding: 0; }  .art-postcontent ol>li {    background: none;    padding-left: 0;    /* overrides overflow for "ul li" and sets the default value */   overflow: visible; }  .art-postcontent ul>li {    background-image: url('images/postbullets.png');    background-repeat: no-repeat;    background-position: top left;    padding-left: 13px;    /* makes "ul li" not to align behind the image if they are in the same line */   overflow-x: visible;    overflow-y: hidden; }  /* end PostBullets */  /* begin PostQuote */ .art-postcontent blockquote, .art-postcontent blockquote a, .art-postcontent blockquote a:link, .art-postcontent blockquote a:visited, .art-postcontent blockquote a:hover {    color: #1F0F00;    font-style: italic;    font-weight: normal;    text-align: left; }  .art-postcontent blockquote p {    margin: 0;    margin: 5px 0; }  .art-postcontent blockquote {    margin: 10px;    padding: 10px;    background-color: #E0E0E0;    margin-left: 50px;    padding-left: 38px;    background-image: url('images/postquote.png');    background-position: left top;    background-repeat: no-repeat;    /* makes block not to align behind the image if they are in the same line */   overflow: auto;    clear:both; }  /* end PostQuote */  /* begin PostIcons, PostFooterIcons */ .art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover {    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    color: #474747; }  .art-postfootericons {    padding: 1px; }  .art-postfootericons a, .art-postfootericons a:link {    text-decoration: none;    color: #4F4F4F; }  .art-postfootericons a:visited, .art-postfootericons a.visited {    color: #4F4F4F; }  .art-postfootericons a:hover, .art-postfootericons a.hover {    color: #696969; }  /* end PostIcons, PostFooterIcons */  /* begin PostIcon, PostCategoryIcon */ span.art-postcategoryicon {    display:inline-block; }  span.art-postcategoryicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostCategoryIcon */  /* begin PostIcon, PostTagIcon */ span.art-posttagicon {    display:inline-block; }  span.art-posttagicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostTagIcon */  /* begin PostIcon, PostCommentsIcon */ span.art-postcommentsicon {    display:inline-block; }  span.art-postcommentsicon:after {    content: '.';    width: 1px;    visibility: hidden;    display: inline-block; }/* end PostIcon, PostCommentsIcon */  /* begin Footer */ .art-footer {    position: relative;    margin-top:10px;    margin-bottom:0;    width: 100%; }  .art-footer-body {    position:relative;    padding: 0;    color: #FFFFFF;    font-size: 12px; }  .art-footer-body ul li {    font-size: 11px;    color: #E0E0E0; }  .art-footer-body:before {    position: absolute;    content:' ';    z-index:-2;    left:0;    right:0;    top:0;    bottom:0;    background-image: url('images/footer.png');    background-position:bottom left; }  .art-footer-text p {    padding:0;    margin:0;    text-align: left; }  .art-footer-body a, .art-footer-body a:link, .art-footer-body a:visited, .art-footer-body a:hover, .art-footer-body td,  .art-footer-body th, .art-footer-body caption {    color: #FFFFFF;    font-size: 12px; }  .art-footer-text {    min-height: 5px;    padding-left: 0;    padding-right: 0;    text-align: left; }  .art-footer-body a, .art-footer-body a:link {    color: #8C8C8C;    text-decoration: none; }  .art-footer-body a:visited {    color: #8C8C8C; }  .art-footer-body a:hover {    color: #BABABA;    text-decoration: underline; }  .art-footer-wrapper {    margin: 0 4px; } .art-footer-center {    position: relative;    width: 1010px;    margin: 0 auto; }  div.art-footer img {    /* WARNING do NOT collapse this to 'border' - inheritance! */   border-width: 0;    margin: 0; }/* end Footer */  /* begin PageFooter */ .art-page-footer,  .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover {    font-family: Arial;    font-size: 10px;    letter-spacing: normal;    word-spacing: normal;    font-style: normal;    font-weight: normal;    text-decoration: underline;    color: #8C8C8C; }  .art-page-footer {    padding: 1em;    text-align: center;    text-decoration: none;    color: #E8E8E8; } /* end PageFooter */  .art-post .layout-item-1, .art-post .layout-item-2 { border-radius: 5px; box-shadow: 0px 2px 5px #777; -webkit-box-shadow: 0px 2px 5px #777; }  .art-post .layout-item-7 { border-radius: 5px; }  h6 { border-bottom: 1px solid #FFC78E }  .newsdate { background: #FFB56A; color: #FFFFFF; padding: 10px; width: 48px; height: 48px; float: left; margin: 10px 20px 10px 20px; text-align:center; border-radius: 5px }

 
OlympiaLogger

Posted: 8/23/2012
Quote message 

fyi... the theme is Artisteer's "ElecrIX"
 
OlympiaLogger

Posted: 8/23/2012
Quote message 

This might be redundant. I'm going to try this as a Quote and see if it holds the html-formatting.
---------------------------

Quote :
<?php /* Template Name: f4tem2 */ ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en"> <head> <!-- Created by Artisteer v3.1.0.44079 Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional" --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>FORMULA4RETIREMENT</title> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]--> <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]--> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="script.js"></script> <style type="text/css"> .art-post .layout-item-0 { border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-width:0px;border-color:#FAFAFA; } .art-post .layout-item-1 { color: #D9D9D9; background:repeat #262626; padding: 0px; } .art-post .layout-item-2 { color: #DBDBDB; background:repeat #333333; padding: 0px; } .art-post .layout-item-3 { border-spacing: 10px 20px; border-collapse: separate; } .art-post .layout-item-4 { color: #212121; background:repeat; padding-right: 20px;padding-left: 10px; } .art-post .layout-item-5 { padding-right: 20px;padding-left: 20px; } .art-post .layout-item-6 { color: #212121; background:repeat; padding-right: 20px;padding-left: 20px; } .art-post .layout-item-7 { color: #1F1F1F; background:repeat; padding-top: 0px;padding-right: 20px;padding-bottom: 0px;padding-left: 20px; } .ie7 .art-post .art-layout-cell {border:none !important; padding:0 !important; } .ie6 .art-post .art-layout-cell {border:none !important; padding:0 !important; } </style> </head> <body> <div id="art-main"> <div class="cleared reset-box"></div> <div class="art-header"> <div class="art-header-position"> <div class="art-header-wrapper"> <div class="cleared reset-box"></div> <div class="art-header-inner"> <div class="art-logo"> </div> </div> </div> </div> </div> <div class="cleared reset-box"></div> <div class="art-bar art-nav"> <div class="art-nav-outer"> <div class="art-nav-wrapper"> <div class="art-nav-inner"> <div class="art-nav-center"> <ul class="art-hmenu"> <li> <a href="http://www."active">Visit The Cunningham Group</a> </li> <li> <a href="./new-page.html" class="active">Visit The Cunningham Group</a> </li> <li> <a href="./new-page.html" class="active">Visit The Cunningham Group</a> </li> </ul> </div> </div> </div> </div> </div> <div class="cleared reset-box"></div> <div class="art-box art-sheet"> <div class="art-box-body art-sheet-body"> <div class="art-layout-wrapper"> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell art-content"> <div class="art-box art-post"> <div class="art-box-body art-post-body"> <div class="art-post-inner art-article"> <div class="art-postcontent"> <div class="art-content-layout layout-item-0"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-1" style="width: 68%;"> <p style="text-align: center;"><iframe width="650" height="362" src="http://www.youtube-nocookie.com/embed/nMjQfct5U6k?rel=0" frameborder="0" allowfullscreen=""></iframe><span style="color: rgb(38, 38, 38); font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 55px; letter-spacing: -2px; line-height: 55px;"><span style="color: rgb(31, 31, 31); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: normal; line-height: normal;"><br /></span></span></p> </div><div class="art-layout-cell layout-item-2" style="width: 32%;"> <h6>free information! </h6><br /> <p style="color: #fff; padding-right: 20px"><!-- AWeber Web Form Generator 3.0 --> <style type="text/css"> #af-form-1022122243 .af-body .af-textWrap{width:98%;display:block;float:none;} #af-form-1022122243 .af-body a{color:#49CBFF;text-decoration:underline;font-style:normal;font-weight:normal;} #af-form-1022122243 .af-body input.text, #af-form-1022122243 .af-body textarea{background-color:#FFFFFF;border-color:#000000;border-width:1px;border-style:solid;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;} #af-form-1022122243 .af-body input.text:focus, #af-form-1022122243 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;} #af-form-1022122243 .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:16px;font-family:Verdana, sans-serif;} #af-form-1022122243 .af-body{padding-bottom:1px;padding-top:1px;background-repeat:no-repeat;background-position:inherit;background-image:none;color:#FFFFFF;font-size:11px;font-family:Verdana, sans-serif;} #af-form-1022122243 .af-header{padding-bottom:1px;padding-top:10px;padding-right:10px;padding-left:10px;background-color:transparent;background-repeat:repeat-x;background-position:inherit;background-image:url("http://forms.aweber.com/images/forms/aweber/shade/header.png");border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#49CCFF;font-size:24px;font-family:Verdana, sans-serif;} #af-form-1022122243 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;} #af-form-1022122243 .af-quirksMode{padding-right:20px;padding-left:20px;} #af-form-1022122243 .af-standards .af-element{padding-right:20px;padding-left:20px;} #af-form-1022122243 .bodyText p{margin:1em 0;} #af-form-1022122243 .buttonContainer input.submit{background-image:url("http://forms.aweber.com/images/auto/gradient/button/49d.png");background-position:top left;background-repeat:repeat-x;background-color:#2479bd;border:1px solid #2479bd;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Verdana, sans-serif;} #af-form-1022122243 .buttonContainer input.submit{width:auto;} #af-form-1022122243 .buttonContainer{text-align:right;} #af-form-1022122243 body,#af-form-1022122243 dl,#af-form-1022122243 dt,#af-form-1022122243 dd,#af-form-1022122243 h1,#af-form-1022122243 h2,#af-form-1022122243 h3,#af-form-1022122243 h4,#af-form-1022122243 h5,#af-form-1022122243 h6,#af-form-1022122243 pre,#af-form-1022122243 code,#af-form-1022122243 fieldset,#af-form-1022122243 legend,#af-form-1022122243 blockquote,#af-form-1022122243 th,#af-form-1022122243 td{float:none;color:inherit;position:static;margin:0;padding:0;} #af-form-1022122243 button,#af-form-1022122243 input,#af-form-1022122243 submit,#af-form-1022122243 textarea,#af-form-1022122243 select,#af-form-1022122243 label,#af-form-1022122243 optgroup,#af-form-1022122243 option{float:none;position:static;margin:0;} #af-form-1022122243 div{margin:0;} #af-form-1022122243 fieldset{border:0;} #af-form-1022122243 form,#af-form-1022122243 textarea,.af-form-wrapper,.af-form-close-button,#af-form-1022122243 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;} #af-form-1022122243 input,#af-form-1022122243 button,#af-form-1022122243 textarea,#af-form-1022122243 select{font-size:100%;} #af-form-1022122243 p{color:inherit;} #af-form-1022122243 select,#af-form-1022122243 label,#af-form-1022122243 optgroup,#af-form-1022122243 option{padding:0;} #af-form-1022122243 table{border-collapse:collapse;border-spacing:0;} #af-form-1022122243 ul,#af-form-1022122243 ol{list-style-image:none;list-style-position:outside;list-style-type:disc;padding-left:40px;} #af-form-1022122243,#af-form-1022122243 .quirksMode{width:312px;} #af-form-1022122243.af-quirksMode{overflow-x:hidden;} #af-form-1022122243{background-color:#242424;border-color:#CFCFCF;border-width:1px;border-style:solid;} #af-form-1022122243{display:block;} #af-form-1022122243{overflow:hidden;} .af-body .af-textWrap{text-align:left;} .af-body input.image{border:none!important;} .af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;} .af-body input.text{width:100%;float:none;padding:2px!important;} .af-body.af-standards input.submit{padding:4px 12px;} .af-clear{clear:both;} .af-element label{text-align:left;display:block;float:left;} .af-element{padding:5px 0;} .af-form-wrapper{text-indent:0;} .af-form{text-align:left;margin:auto;} .af-header{margin-bottom:0;margin-top:0;padding:10px;} .af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;} .lbl-right .af-element label{text-align:right;} body { } </style> <form method="post" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl" > <div style="display: none;"> <input type="hidden" name="meta_web_form_id" value="1022122243" /> <input type="hidden" name="meta_split_id" value="" /> <input type="hidden" name="listname" value="aich4" /> <input type="hidden" name="redirect" value="" id="redirect_c8e83fc01045fa4b4661cf18b6d97ddd" /> <input type="hidden" name="meta_adtracking" value="AI_Join" /> <input type="hidden" name="meta_message" value="1" /> <input type="hidden" name="meta_required" value="name,email" /> <input type="hidden" name="meta_tooltip" value="name||Full Name,,email||Email" /> </div> <div id="af-form-1022122243" class="af-form"><div id="af-header-1022122243" class="af-header"><div class="bodyText"><p>For More Information on Brian Kluth's Family Organizer, please provide the following...</p></div></div> <div id="af-body-1022122243" class="af-body af-standards"> <div class="af-element"> <label class="previewLabel" for="awf_field-37953341"></label> <div class="af-textWrap"> <input id="awf_field-37953341" type="text" name="name" class="text" value="Full Name" onfocus=" if (this.value == 'Full Name') { this.value = ''; }" onblur="if (this.value == '') { this.value='Full Name';} " tabindex="500" /> </div> <div class="af-clear"></div></div> <div class="af-element"> <label class="previewLabel" for="awf_field-37953342"></label> <div class="af-textWrap"><input class="text" id="awf_field-37953342" type="text" name="email" value="Email" tabindex="501" onfocus=" if (this.value == 'Email') { this.value = ''; }" onblur="if (this.value == '') { this.value='Email';} " /> </div><div class="af-clear"></div> </div> <div class="af-element buttonContainer"> <input name="submit" class="submit" type="submit" value="Submit" tabindex="502" /> <div class="af-clear"></div> </div> </div> </div> <div style="display: none;"><img src="http://forms.aweber.com/form/displays.htm?id=jAxMTIxMTEwszA==" alt="" /></div> </form> <script type="text/javascript"> <!-- (function() { var IE = /*@cc_on!@*/false; if (!IE) { return; } if (document.compatMode && document.compatMode == 'BackCompat') { if (document.getElementById("af-form-1022122243")) { document.getElementById("af-form-1022122243").className = 'af-form af-quirksMode'; } if (document.getElementById("af-body-1022122243")) { document.getElementById("af-body-1022122243").className = "af-body inline af-quirksMode"; } if (document.getElementById("af-header-1022122243")) { document.getElementById("af-header-1022122243").className = "af-header af-quirksMode"; } if (document.getElementById("af-footer-1022122243")) { document.getElementById("af-footer-1022122243").className = "af-footer af-quirksMode"; } } })(); --> </script> <script type="text/javascript">document.getElementById('redirect_c8e83fc01045fa4b4661cf18b6d97ddd').value = document.location;</script> <!-- /AWeber Web Form Generator 3.0 --></p> </div> </div> </div> <div class="art-content-layout layout-item-3"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-4" style="width: 22%;"> <h1>TROY CUNNINGHAM</h1> <p style="color: #595959; font-style: italic;">Fusce tempus lorem ac diam sollicitudin.</p> <p><img src="./images/midi.png" alt="" width="144" height="144" align="left" style="border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; box-shadow: 0 2px 5px #555; -webkit-box-shadow: 0 2px 5px #555;" /><span style="font-style: italic;"><br /></span></p> <p>Praesent in arcu id</p> <p><a href="#">Read more...</a></p> </div><div class="art-layout-cell layout-item-5" style="width: 22%;"> <h1>WILMA ANDERSON</h1> <p style="color: #595959; font-style: italic;">Praesent in arcu id libero sollicitudin vulputate.</p> <p style="text-align: center;"><img src="./images/headphones-2-3.png" alt="" width="144" height="144" align="left" style="border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; box-shadow: 0 2px 5px #555; -webkit-box-shadow: 0 2px 5px #555;" /><span style="font-style: italic;"><br /></span></p> <p>Fusce tempus lorem ac diam gravida sed egestas erat rhoncus.</p> <p><a href="#">Read more...</a></p> </div><div class="art-layout-cell layout-item-6" style="width: 23%;"> <h1>Dr. BRIAN <br> KLUTH </h1> <p style="color: #595959; font-style: italic;">Id libero sollicitudin vulputate fusce tempus</p> <p><img src="./images/mixer.png" alt="" width="143" height="144" align="left" style="border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; box-shadow: 0 2px 5px #555; -webkit-box-shadow: 0 2px 5px #555;" /><span style="font-style: italic;"><br /></span></p> <p>Curabitur ullamcorper gravida felis sed in neque porta.</p> <p><a href="#">Read more...</a></p> </div><div class="art-layout-cell layout-item-7" style="width: 33%;"> <h1>FEATURING THE FAMILY ORGANIZER<br> </h1> <p><img width="270" height="185" alt="" src="./images/bily2.jpg" style="border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px; border-bottom-right-radius: 5px 5px; border-bottom-left-radius: 5px 5px; box-shadow: 0 2px 5px #555; -webkit-box-shadow: 0 2px 5px #555;" /></p> <p>Proin mollis tincidunt fringilla. In et tortor mi, eget sagittis libero. Praesent in arcu id libero sollicitudin vulputate.</p> <p><a href="#">Read more...</a></p> </div> </div> </div> </div> <div class="cleared"></div> </div> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </div> </div> </div> <div class="cleared"></div> <div class="cleared"></div> </div> </div> <div class="art-footer"> <div class="art-footer-body"> <div class="art-footer-center"> <div class="art-footer-wrapper"> <div class="art-footer-text"> <br /> <br /> <p style="float: left; margin: 0 20px"><a href="#"><img width="48" height="48" alt="" src="./images/feed.png" style="margin-right: 10px; cursor: text;" /></a><a href="#"><img width="48" height="48" alt="" src="./images/flickr1.png" style="margin-right: 10px;" /></a><img width="48" height="48" alt="" src="./images/facebook1.png" style="margin-right: 10px;" /><a href="#"></a><a href="#"></a><a href="#"><img width="48" height="48" alt="" src="./images/picasa.png" style="margin-right: 20px;" /></a></p> <ul> <li style="float:left;width:200px; margin-left: 170px"> <p style="font: 17px Arial; color:#FFFFFF;">ElectrIX</p><br /> <ul> <li><a href="#">Sign Up</a></li> <li><a href="#">Community</a></li> <li><a href="#">Offers</a></li> </ul> </li> <li style="float:left;width:200px;"> <p style="font: 17px Arial; color:#FFFFFF;">Location</p><br /> <ul> <li><a href="#">About Us</a></li> <li><a href="#">Locations</a></li> <li><a href="#">Contacts</a></li> </ul> </li> <li style="float:left;"> <p style="font: 17px Arial; color:#FFFFFF;">Your Area</p><br /> <ul> <li><a href="#">Login</a></li> <li><a href="#">Support</a></li> <li><a href="#">Careers</a></li> </ul> </li> </ul><br clear="all" /> <p style="margin: 0 20px">Copyright © 2011 All Rights Reserved.</p><br /> <br /> <br /> <div class="cleared"></div> <p class="art-page-footer">&nbsp;</p> </div> </div> </div> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </body> </html>

 
techtom

Posted: 8/23/2012
Quote message 

is the page live somewhere e can check it?
 
Abland

Posted: 8/23/2012
Quote message 

Hi, OlympiaLogger,

Maybe try using a full path to the file instead of relative:
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url') ?>" type="text/css" media="screen" />

 
OlympiaLogger

Posted: 8/23/2012
Quote message 

TechTom,
No but I could provide a zip with the complete directory so you could open the entire page.
Is there an email address I can send it to?

--------------

Abland,
I tried an absolute that didn't work but I didn't use the ---- <?php bloginfo ('XXXXXXXXXXXXXXXXXXX) ?> ---- .

Besides the 'stylesheet_url' part, is that literal, or does ?php bloginfo mean something else?
 
techtom

Posted: 8/23/2012
Quote message 

the <?php bloginfo is used to pull certain variables for use in your template in this case the url for the stylesheet.

Has there been modifications to the theme or is it the original from artisteer's site.


 
OlympiaLogger

Posted: 8/24/2012
Quote message 

--- FANFARE ---

MS Internet Exploder does not like, "
<?php /* Template Name: XXXXXXX*/ ?> 
" when run locally.

All other Browsers just nicely ignore it.

MicroSlop problem solved. :-P

Abland and techtom, THANKS for your attention to this !!!
 
techtom

Posted: 8/24/2012
Quote message 

Glad to see you figured it out. :-)
 
mtvey

Posted: 11/7/2020
Quote message 

I not a very talkative person. So making a resume for myself is such a headache. That's why I'm working online. I want to be a professional web designer, so I read as much as I could about information related to my job. Recently I've read about UI UX design trends https://otakoyi.com/blog/ui-ux-design-trends-for-2020 and now I'm searching for new information.
 
Poperech

Posted: 11/21/2020
Quote message 

Guys, I need your help and real fast. I want to finally make my own eCommerce marketplace, but I still didn't figure out the right platform for it. I've found this article about magento and woocommerce comparison https://elogic.co/blog/magento-vs-woocommerce-which-ecommerce-platform-is-the-best-fit-for-your-business/, but still don't know if I should choose these platforms. What can you recommend me in this situation? I would like to hear your thoughts and experience if you had one.