css9
Andate sul sito it.gg-->la tua scatola delle costruzioni-->impostare design-->selezionare CSS-Design
impostazioni avanzate-->incollare i codici dove richiesto dopo di che cliccare su salva!
<!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">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="http://img40.xooimage.com/files/6/e/e/jquery-1.1.3.1.min-e3f843.js"></script>
<script type="text/javascript" src="http://img44.xooimage.com/files/8/c/3/jquery.easing.min-e3f849.js"></script>
<script type="text/javascript" src="http://img22.xooimage.com/files/5/1/1/jquery.lavalamp.min-e3f873.js"></script>
<script type="text/javascript">
$(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return true;
}
});
});
</script>
<link href="http://img20.xooimage.com/files/a/b/8/lavalamp-e9085b.css" rel="stylesheet" type="text/css" />
<div id="wrap">
<div id="topbg"> </div>
<div id="wrap2">
<div id="topbar">
<h1 id="sitename"><a href="http://www.free-css.com/">Tu web </a> <span class="description">Just another free CSS Template</span></h1>
<div id="searchbar">
<form href="http://www.free-css.com/" class="searchform"><input type="hidden" name="PHPSESSID" value="f3911c65253d5719595815356cd9375c" />
<p>
<input name="s" type="text" class="textbox" value="Keyword .... " />
</p>
</form>
</div>
</div>
<div id="header">
<div id="headercontent"> </div>
<div id="topnav">
<ul class="lavaLampWithImage" id="1">
<li class="current"><a href="http://www.free-css.com/">Home</a></li>
<li><a href="styles.html?PHPSESSID=f3911c65253d5719595815356cd9375c">Styles</a></li>
<li><a href="notes.html?PHPSESSID=f3911c65253d5719595815356cd9375c">Notes</a></li>
<li><a href="credits.html?PHPSESSID=f3911c65253d5719595815356cd9375c">Credits</a></li>
<li><a href="http://www.free-css.com/">Dummy Link</a></li>
<li><a href="http://www.free-css.com/">Nogo Link</a></li>
</ul>
</div>
</div>
<div id="content2">
<div id="left">
<div class="post">
</div>
</div>
<div id="sidebar" style="position:absolute;left:45px;top:300px;">
<h3>Categories</h3>
<ul>
<li class="cat-item"><a href="http://www.free-css.com/">Lorem Ipsum </a></li>
<li class="cat-item"><a href="http://www.free-css.com/">Apple Macintosh </a></li>
<li class="cat-item"><a href="http://www.free-css.com/">Linux Ubuntu </a></li>
<li class="cat-item"><a href="http://www.free-css.com/">Wordpress Themes</a></li>
<li class="cat-item"><a href="http://www.free-css.com/">XHTML Themes</a></li>
<li class="cat-item"><a href="http://www.free-css.com/">Free Releases </a></li>
</ul>
<h3>Archives</h3>
<ul>
<li><a href="http://www.free-css.com/">March 2008</a></li>
<li><a href="http://www.free-css.com/">February 2008</a></li>
<li><a href="http://www.free-css.com/">January 2008</a></li>
<li><a href="http://www.free-css.com/">December 2007</a></li>
</ul>
<h3>Links</h3>
<ul>
<li><a href="http://www.free-css.com/">Development Blog</a></li>
<li><a href="http://www.free-css.com/">Documentation</a></li>
<li><a href="http://www.free-css.com/">Plugins</a></li>
<li><a href="http://www.free-css.com/">Suggest Ideas</a></li>
<li><a href="http://www.free-css.com/">Support Forum</a></li>
<li><a href="http://www.free-css.com/">Themes</a></li>
</ul>
<h3>Meta</h3>
<ul>
<li><a href="http://www.free-css.com/">Log in</a></li>
<li><a href="http://www.free-css.com/">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
<li><a href="http://www.free-css.com/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
<li><a href="http://www.free-css.com/">WordPress</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<div id="footer"> Copyright © El nombre de tu web | <a href="http://www.free-css.com/">Put</a> | <a href="http://www.free-css.com/">Some</a> | <a href="http://www.free-css.com/">Links</a> | <a href="http://www.free-css.com/">Here</a>
<div class="credit"><a href="http://ramblingsoul.com">CSS Template</a> by ramblingsoul adaptado por WarioTeAyuda</div>
</div>
</div>
<div id="btmbg"> </div>
</div>
#content {
clear: both;
width: 530px;
}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#counter {
position: absolute;
left: 23%;
top:52px;
margin-left: 300px;
width: 450px;
height:20px;
}
* { padding:0; margin:0;}
#footer .credit {
padding: 5px;
font: 10px Georgia, "Times New Roman", Times, serif;
}
ul { list-style:none;}
body {background: #036 url(http://www.fileden.com/files/2008/12/9/2217600/bg.jpg) fixed center center repeat-y; font: .75em Verdana, Arial, Helvetica, sans-serif; color:#333;}
#wrap {width:973px; margin:auto;}
h1, h2, h3, .subhead, .heading {font-family:Georgia, "Times New Roman", Times, serif;}
h1 { font-size: 2em; font-weight:normal;}
h2 { font-size: 1.5em; font-weight:normal;}
h3 {font-size: 1.2em; font-weight:normal;}
.clear {clear:both;}
.leftalign {float:left;}
.rightalign {float:right;}
.centeralign { margin:5px auto 5px auto;}
img.leftalign, img.rightalign, img.centeralign {display:block; padding:5px; background:#fff; border:solid 1px #ddd; margin:5px; }
a {color:#000; text-decoration:none;}
a:visited { color:#333; text-decoration:none;}
a:hover {color:#036; text-decoration:none;}
#wrap2 {background:url(http://www.fileden.com/files/2008/12/9/2217600/pagebg.png) repeat-y; padding:0 7px 0 7px;}
#topbar {background: url(http://www.fileden.com/files/2008/12/9/2217600/topbar.jpg) no-repeat; height:59px; padding:10px;}
#header {background:url(http://www.fileden.com/files/2008/12/9/2217600/header.jpg) no-repeat; height:169px;}
#footer {background: url(http://www.fileden.com/files/2008/12/9/2217600/footer.jpg) no-repeat; height:44px; width:937px; padding:10px; margin:auto; text-align:center;}
#content2 { background: url(http://www.fileden.com/files/2008/12/9/2217600/contengbg.jpg) 666px 0 repeat-y; padding:10px;}
#topbg {background:url(http://www.fileden.com/files/2008/12/9/2217600/topbg.png) no-repeat; height:14px;}
#btmbg {background:url(http://www.fileden.com/files/2008/12/9/2217600/btmbg.png) no-repeat; height:13px;}
#headercontent {height:120px;}
#topnav {background:url(http://www.fileden.com/files/2008/12/9/2217600/menubar.png) no-repeat; height:29px; width:916px; margin:auto;}
#searchbar {background:url(http://www.fileden.com/files/2008/12/9/2217600/searchbar.png) no-repeat; width:431px; height:34px; float:right; margin:16px 10px 0 0;}
.searchform {
padding-left: 80px;
padding-top: 4px;
}
.textbox {
display: block;
height: 22px;
padding: 5px 8px 0 5px;
width: 298px;
background: transparent;
border-style: none;
border-width: 0px;
}
.textbox:focus {border:none;}
#sitename {
font: bold 24px "Trebuchet MS", Arial, Halvetica, sans-serif;
display: block;
float: left;
padding-top: 10px;
color: #2E2E2E;
}
#sitename .description {
display: block;
font: normal 12px Georgia, "Times New Roman", Times, serif;
color: #333;
}
#sitename a { color:#000; background:none; }
#sitename a:hover {color:#999; background:none;}
#left {width:650px; float:left;}#content2 #sidebar {
margin-left: 658px;
}
#left .post {width:641px; margin: 0 auto 15px auto;}
#left .post p {line-height:18px; margin-bottom:18px;}
#left .post .postheader {background: url(http://www.fileden.com/files/2008/12/9/2217600/postheader.jpg) no-repeat; height:27px;}
#left .post .postcontent {background:url(http://www.fileden.com/files/2008/12/9/2217600/postbg.jpg) repeat-y; padding:10px 25px 10px 25px;}
#left .post .postbottom {background: url(http://www.fileden.com/files/2008/12/9/2217600/postbottom.jpg) no-repeat; height:86px;}
#sidebar ul { display:block; padding: 5px 5px 5px 8px;}
#sidebar ul li {display:block; padding:3px; }
#sidebar li a { background:url(http://www.fileden.com/files/2008/12/9/2217600/sidemenunrml.jpg) 2px 2px no-repeat; padding: 0 10px 0 25px;}
#sidebar li a:hover {background:url(http://www.fileden.com/files/2008/12/9/2217600/sidemenuhover2.jpg) 2px 2px no-repeat; color:#000;}
#sidebar h3 {display:block; font: 1.5em "Trebuchet MS", Arial, Halvetica, sans-serif ; color:#333; padding:5px 5px 0 8px;}
#sidebar .cat-item { height:26px; padding:0!important;}
#sidebar .cat-item a {display:block; height:20px; padding:5px 10px 0 20px; border-bottom: solid 1px #A4BBDD; background:url(http://www.fileden.com/files/2008/12/9/2217600/sidemenunrml.jpg) 2px 5px no-repeat; color:#333; }
#sidebar .cat-item a:visited, #sidebar .cat-item a:active {color:#333;}
#sidebar .cat-item a:hover {background:url(http://www.fileden.com/files/2008/12/9/2217600/sidemenuhover.jpg) no-repeat; color:#fff;}
.post h2 {color:#000; display:block; padding-bottom:18px;}
.postmeta {display:block; padding:15px 10px 0 25px;}
.postbottom .postmeta li {display: block; float:left; height:15px; padding:5px 8px 1px 25px; margin-right:10px; }
.permalink {background:url(http://www.fileden.com/files/2008/12/9/2217600/ico_permalink.jpg) no-repeat; }
.category_link { background:url(http://www.fileden.com/files/2008/12/9/2217600/ico_category.jpg) no-repeat;}
.comments_link{ background:url(http://www.fileden.com/files/2008/12/9/2217600/ico_comments.jpg) no-repeat;}
#left a, #left a:visited, #left a:active {background:#ffc;}
#left a:hover { background:#ffd;}
.post .date {display:block; padding:3px 5px 3px 18px; font-size:10px; color:#666; background:url(images/icodate.jpg) no-repeat;}
.postcontent ul {margin:15px;}
.postcontent ul li {background:url(http://www.fileden.com/files/2008/12/9/2217600/bullet.png) 2px 10px no-repeat; padding:5px 5px 5px 15px ; display:block; }
.postcontent ol {list-style-position:outside; list-style:decimal; margin-left:35px;}
.postcontent ol li {padding:5px;}
blockquote {display:block; padding:5px; margin:15px; font: 1.2em Georgia, "Times New Roman", Times, serif; color:#036; border-bottom: dashed 1px #ddd; border-top: dashed 1px #ddd; text-align:center;}
blockquote.leftalign {float:left; width:300px; text-align:right; margin:10px;}
blockquote.rightalign {float:right; width:300px; text-align:left; margin:10px;}#comments #commentcontent label {
display: block;
padding: 3px;
}
#wrap #wrap2 #content2 #left .post .postcontent #comments #commentcontent li {
display: block;
padding: 5px;
margin-bottom: 5px;
background: #fff;
list-style: none;
}
#wrap #wrap2 #content2 #left .post .postcontent #comments #commentcontent .odd {
background: #D3DEED;
}
<title>
Theme Preview
</title>
<FCK:meta content="WordPress" name="generator" />
<link rel="stylesheet" href="http://wp-themes.com/wp-content/themes/inanis-glass/style.css" type="text/css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="water-theme" href="http://wp-themes.com/wp-content/themes/inanis-glass/water.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="life-theme" href="http://wp-themes.com/wp-content/themes/inanis-glass/life.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="earth-theme" href="http://wp-themes.com/wp-content/themes/inanis-glass/earth.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="wind-theme" href="http://wp-themes.com/wp-content/themes/inanis-glass/wind.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="fire-theme" href="http://wp-themes.com/wp-content/themes/inanis-glass/fire.css" />
<link rel="alternate stylesheet" type="text/css" media="handheld,screen" title="lite-theme" href="http://wp-themes.com/wp-content/themes/inanis-glass/lite.css" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://wp-themes.com/?feed=rss2" />
<link rel="alternate" type="text/xml" title="RSS .92" href="http://wp-themes.com/?feed=rss" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://wp-themes.com/?feed=atom" />
<link rel="pingback" href="http://wp-themes.com/wp/xmlrpc.php" />
<!-- IE6 Specific Fixes -->
<!--[if gte IE 5.5]>
<![if lt IE 7]>
<style type="text/css">
@import url("http://wp-themes.com/wp-content/themes/inanis-glass/ie6style.css");
.SMsub ul li a:hover{background:#D4EEFC;}
.SMsgb A {display:block;}
.SMsgb A:hover{background:#D4EEFC;}
.SMRtPoCom {cursor:hand;cursor:pointer;background:none;}
#menuspan {
position: absolute; left: 0px; bottom: 0px;
}
#StartMenu{
position: absolute; left: 0px; bottom: 30px;
}
div#menuspan {
right: auto; bottom: auto;
left: expression( ( -0 - menuspan.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( -0 - menuspan.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div#StartMenu {
/*right: auto; bottom: auto; */
right: expression( ( -0 - StartMenu.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( -30 - StartMenu.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
#sidebar{background:none;border-left:1px #888 solid;}
</style>
<![endif]>
<![endif]-->
<link rel='archives' title='October 2008' href='http://wp-themes.com/?m=200810' />
<link rel='archives' title='September 2008' href='http://wp-themes.com/?m=200809' />
<link rel='archives' title='June 2008' href='http://wp-themes.com/?m=200806' />
<FCK:meta name='robots' content='noindex,nofollow' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://wp-themes.com/wp/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://wp-themes.com/wp/wp-includes/wlwmanifest.xml" />
<FCK:meta name="generator" content="WordPress 2.7.2-alpha" />
<style type="text/css">
#bp{
background: url(http://img139.imageshack.us/img139/2289/pgn.png) no-repeat;
}
#bp h1 a, #desc {
color:#009193;
}
#desc {
margin-right: 30px;
}
</style>
<script type="text/javascript">
var defaultstyle = "";
var manual_or_random = "manual";
</script>
<script type="text/javascript">
var timestyle = 1;
</script>
<script src="http://wp-themes.com/wp-content/themes/inanis-glass/js/functions.js" type="text/javascript"></script>
<script type="text/javascript">var $sboxtext="Start Search";</script>
</head>
<body onclick_fckprotectedatt=" onclick="BodyClicked();"">
<!-- This Clear Tag is Required for IE! -->
<div class="clear"></div><div id="sidebar">
<div class="bp">
<div class="bpt"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
<div class="bpm"><div id="bp"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div></div>
<div class="bpb"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
</div>
<!-- About This Entry -->
<!-- Dynamic Sidebar Code -->
<!-- Recent Posts -->
<div class="sidebar-top"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
<div class="sidebar-mid">
<h3>Recent Posts</h3>
<ul>
<li><a href='http://wp-themes.com/?p=19' _fcksavedurl='http://wp-themes.com/?p=19' title='Worth A Thousand Words'>Worth A Thousand Words</a></li>
<li><a href='http://wp-themes.com/?p=36' _fcksavedurl='http://wp-themes.com/?p=36' title='Elements'>Elements</a></li>
<li><a href='http://wp-themes.com/?p=14' _fcksavedurl='http://wp-themes.com/?p=14' title='More Tags'>More Tags</a></li>
<li><a href='http://wp-themes.com/?p=8' _fcksavedurl='http://wp-themes.com/?p=8' title='HTML'>HTML</a></li>
<li><a href='http://wp-themes.com/?p=6' _fcksavedurl='http://wp-themes.com/?p=6' title='Links'>Links</a></li>
<li><a href='http://wp-themes.com/?p=4' _fcksavedurl='http://wp-themes.com/?p=4' title='Category Hierarchy'>Category Hierarchy</a></li>
<li><a href='http://wp-themes.com/?p=1' _fcksavedurl='http://wp-themes.com/?p=1' title='Hello world!'>Hello world!</a></li>
</ul>
</div>
<div class="sidebar-bottom"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
<div class="sidebar-top"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
<div class="sidebar-mid">
<!-- Disclaimer -->
<h3>Disclaimer</h3>
<p><small>The opinions expressed herein are my own personal opinions and do not represent anyone else's view in any way, including those of my employer.<br />© Copyright 2008</small></p>
<p style="text-align:center;">
<a href="http://www.wordpress.org" _fcksavedurl="http://www.wordpress.org"><img src="http://img141.imageshack.us/img141/1997/wplogo32.png" _fcksavedurl="http://img141.imageshack.us/img141/1997/wplogo32.png" alt="" /></a> <a href="http://www.inanis.net/" _fcksavedurl="http://www.inanis.net/"><img src="http://img186.imageshack.us/img186/4846/ilogo32.png" _fcksavedurl="http://img186.imageshack.us/img186/4846/ilogo32.png" alt="" /></a>
</p>
</div>
<div class="sidebar-bottom"><img src="http://img186.imageshack.us/img186/5251/1pxtrans.gif" _fcksavedurl="http://img186.imageshack.us/img186/5251/1pxtrans.gif" alt=" " /></div>
</div>
<FCK:hr class="rule" /> <div id="page">
<div id="colwrap">
<!-- Welcome Banner -->
<div id="wrapper"></div>
<div class="bant"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
<div class="banm">
<div class="banner">
<img class="blogicon" src="http://img141.imageshack.us/img141/9508/blogicon.png" _fcksavedurl="http://img141.imageshack.us/img141/9508/blogicon.png" alt="Blog Icon" />
<h1><a href="http://wp-themes.com" _fcksavedurl="http://wp-themes.com">Theme Preview</a></h1> <div class="blogdesc">Previewing Another WordPress Blog</div>
</div>
</div>
<div class="banb"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
<FCK:hr class="rule" />
<!--[if gte IE 5.5]>
<![if lt IE 7]>
<div class="bant"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
<div class="banm">
<div class="banner">
<h4 class="ie6">
You are using Internet Explorer 6, or older. We highly suggest that you seek out an alternative or newer web browser, to bring your web surfing experience up to current standards. </h4>
</div>
</div>
<div class="banb"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
<![endif]>
<![endif]--> <!-- Referrer Hints -->
<!-- Posts -->
<div class="postcont">
<div class="alignright">
<div class="PTtop"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
<div class="PTbar">
<div class="PTds Ptime"><span class="ptblurl"> </span><span class="blurt">17 Oct 2008 @ 4:33 AM</span><span class="ptblurr"> </span></div>
<div class="edt"></div>
<div class="PT PTds"><span class="ptblurl"> </span><h3><a href="http://wp-themes.com/?p=19" _fcksavedurl="http://wp-themes.com/?p=19">Worth A Thousand Words</a></h3><span class="ptblurr"> </span></div>
</div>
<div class="PTbtm"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
<div class="p1">
<div style="overflow: auto">
<div class="wp-caption alignnone" style="width: 445px">
</div>
</div>
</div>
<div class="PFtop"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
<div class="PFpst">
<span class="spanchunk tagiconbox">
<img class="tagicon" src="http://wp-themes.com/wp-content/themes/inanis-glass/images/tags_50.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/tags_50.png" alt="Tags" />
</span>
<span class="tagstyle spanchunk">
<strong>Tags: </strong><a href="http://wp-themes.com/?tag=boat" _fcksavedurl="http://wp-themes.com/?tag=boat" rel="tag">boat</a>, <a href="http://wp-themes.com/?tag=lake" _fcksavedurl="http://wp-themes.com/?tag=lake" rel="tag">lake</a><br /> <strong>Categories:</strong> <a href="http://wp-themes.com/?cat=1" _fcksavedurl="http://wp-themes.com/?cat=1" title="View all posts in Uncategorized" rel="category">Uncategorized</a> </span>
<span class="tagstyle ts-sm spanchunk">
<strong>Posted By:</strong> Theme Admin<br />
<strong>Last Edit:</strong> 11 Nov 2008 @ 06 21 PM<br /><br />
<a rel="nofollow" href="mailto:?subject=Worth A Thousand Words&body=I thought you might like this: http://wp-themes.com/?p=19" _fcksavedurl="mailto:?subject=Worth A Thousand Words&body=I thought you might like this: http://wp-themes.com/?p=19">Email</a> •
<a href="http://wp-themes.com/?p=19" _fcksavedurl="http://wp-themes.com/?p=19" rel="bookmark" title="Permanent Link to Worth A Thousand Words">Permalink</a> •
<span>Comments Off</span> </span>
</div>
<div class="PFbtm"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
</div>
</div>
<FCK:hr class="rule" />
<!--
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></div>
</div></div><br /><br /><br />
-->
<div style="float:right;width:660px;">
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></div>
</div>
</div><br /><br /><br />
<div style="clear:right;"></div>
</div>
</div>
<div class="clear"></div>
<div id="StartBaloon">
<img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/ardn_16.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/ardn_16.png" alt="/" /> More Options ...</div>
<div id="StartMenu" onclick_fckprotectedatt=" onclick="SMClkd();"">
<div class="SMTop"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
<div class="SMMiddle">
<div class="SMsub">
<ul>
<li onclick_fckprotectedatt=" onclick="SMRaise(1);"">
<a href="javascript: void(0)" _fcksavedurl="javascript: void(0)">
<img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/categories_32.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/categories_32.png" alt=" " />
<b>Categories</b><br />
Show category details... </a>
</li>
<li onclick_fckprotectedatt=" onclick="SMRaise(2);"">
<a href="javascript: void(0)" _fcksavedurl="javascript: void(0)">
<img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/tags_32.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/tags_32.png" alt=" " />
<b>Tag Cloud</b><br />
Show the Tag Cloud... </a>
</li>
<li>
<a href="http://wp-themes.com/?feed=atom" _fcksavedurl="http://wp-themes.com/?feed=atom">
<img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/feed_32.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/feed_32.png" alt=" " />
<b>Blog RSS</b><br />
Follow the Blog RSS... </a>
</li>
<li>
<a href="http://wp-themes.com/?feed=comments-rss2" _fcksavedurl="http://wp-themes.com/?feed=comments-rss2">
<img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/comments_32.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/comments_32.png" alt=" " />
<b>Comments RSS</b><br />
Follow the Comments RSS... </a>
</li>
</ul>
<div class="SMsgbhr"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/smhrlt.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/smhrlt.png" alt=" " /></div>
<div class="SMsgb" onclick_fckprotectedatt=" onclick="SMRaise(3);""><a href="javascript:void(0);" _fcksavedurl="javascript:void(0);"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/smfwd.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/smfwd.png" alt=" " />Last 50 Posts</a></div>
<div id="SMSearchForm"><form method="get" id="searchform" action="http://wp-themes.com/">
<div class="search-form">
<input onfocus_fckprotectedatt=" onfocus="SearchBoxFocus();"" onblur_fckprotectedatt=" onblur="SearchBoxBlur();"" id="searchbox" type="text" value="" name="s" class="sm-search-text"/><input type="submit" id="searchsubmit" value="" class="sm-search-submit" />
</div>
</form>
</div>
</div>
<div class="SMsub SMsh" id="SMSub1">
<div class="SMSubDiv" style="padding:0;margin:4px 0 0 4px;">
<div class="SMCats"><ul> <li class="cat-item cat-item-5"><a href="http://wp-themes.com/?cat=5" _fcksavedurl="http://wp-themes.com/?cat=5" title="View all posts filed under Parent">Parent</a>
<ul class='children'>
<li class="cat-item cat-item-6"><a href="http://wp-themes.com/?cat=6" _fcksavedurl="http://wp-themes.com/?cat=6" title="View all posts filed under First Child Category">First Child Category</a>
</li>
<li class="cat-item cat-item-7"><a href="http://wp-themes.com/?cat=7" _fcksavedurl="http://wp-themes.com/?cat=7" title="View all posts filed under Second Child Category">Second Child Category</a>
<ul class='children'>
<li class="cat-item cat-item-8"><a href="http://wp-themes.com/?cat=8" _fcksavedurl="http://wp-themes.com/?cat=8" title="View all posts filed under One Grandchild Category">One Grandchild Category</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="cat-item cat-item-1"><a href="http://wp-themes.com/?cat=1" _fcksavedurl="http://wp-themes.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
</ul></div>
<div class="SMsgbhr"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/smhrlt.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/smhrlt.png" alt=" " /></div>
<div class="SMsgb" onclick_fckprotectedatt=" onclick="SMLower(1);""><a href="javascript:void(0);" _fcksavedurl="javascript:void(0);"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/smback.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/smback.png" alt=" " />Back</a></div>
</div>
</div>
<div class="SMsub SMsh" id="SMSub2">
<div class="SMSubDiv" style="padding:0;margin:4px 0 0 4px;">
<div class="SMTags SMCats">
<a href='http://wp-themes.com/?tag=boat' _fcksavedurl='http://wp-themes.com/?tag=boat' class='tag-link-12' title='1 topic' style='font-size: 8pt;'>boat</a>
<a href='http://wp-themes.com/?tag=html' _fcksavedurl='http://wp-themes.com/?tag=html' class='tag-link-9' title='1 topic' style='font-size: 8pt;'>html</a>
<a href='http://wp-themes.com/?tag=lake' _fcksavedurl='http://wp-themes.com/?tag=lake' class='tag-link-13' title='1 topic' style='font-size: 8pt;'>lake</a>
<a href='http://wp-themes.com/?tag=wordpress' _fcksavedurl='http://wp-themes.com/?tag=wordpress' class='tag-link-10' title='2 topics' style='font-size: 22pt;'>wordpress</a> </div>
<div class="SMsgbhr"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/smhrlt.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/smhrlt.png" alt=" " /></div>
<div class="SMsgb" onclick_fckprotectedatt=" onclick="SMLower(2);""><a href="javascript:void(0);" _fcksavedurl="javascript:void(0);"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/smback.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/smback.png" alt=" " />Back</a></div>
</div>
</div>
<div class="SMsub SMsh" id="SMSub3">
<div class="SMSubDiv SMap">
<ul> <li><a href='http://wp-themes.com/?p=19' _fcksavedurl='http://wp-themes.com/?p=19' title='Worth A Thousand Words'>Worth A Thousand Words</a></li>
<li><a href='http://wp-themes.com/?p=36' _fcksavedurl='http://wp-themes.com/?p=36' title='Elements'>Elements</a></li>
<li><a href='http://wp-themes.com/?p=14' _fcksavedurl='http://wp-themes.com/?p=14' title='More Tags'>More Tags</a></li>
<li><a href='http://wp-themes.com/?p=8' _fcksavedurl='http://wp-themes.com/?p=8' title='HTML'>HTML</a></li>
<li><a href='http://wp-themes.com/?p=6' _fcksavedurl='http://wp-themes.com/?p=6' title='Links'>Links</a></li>
<li><a href='http://wp-themes.com/?p=4' _fcksavedurl='http://wp-themes.com/?p=4' title='Category Hierarchy'>Category Hierarchy</a></li>
<li><a href='http://wp-themes.com/?p=1' _fcksavedurl='http://wp-themes.com/?p=1' title='Hello world!'>Hello world!</a></li>
</ul>
<div class="SMsgbhr"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/smhrlt.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/smhrlt.png" alt=" " /></div>
<div class="SMsgb" onclick_fckprotectedatt=" onclick="SMLower(3);""><a href="javascript:void(0);" _fcksavedurl="javascript:void(0);"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/smback.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/smback.png" alt=" " />Back</a></div>
</div>
</div>
<div class="SMRight">
<div class="SMAvatarB"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
<div class="SMAvatar">
<img alt='' src='http://www.gravatar.com/avatar/?d=identicon&s=46' _fcksavedurl='http://www.gravatar.com/avatar/?d=identicon&s=46' class='avatar avatar-46 photo avatar-default' height='46' width='46' /> </div>
<div class="clear"></div>
<div class="SMAdmin">
<a class="SMRtHov" href="http://wp-themes.com/wp/wp-login.php?action=register" _fcksavedurl="http://wp-themes.com/wp/wp-login.php?action=register" title="Register an account"><span>Register an account</span></a> </div>
<div class="SMRtPoCom" onclick_fckprotectedatt=" onclick="SMFlot(5);"">Change Theme...</div>
<div class="liload">
<div class="LogAdmin">
<ul>
<li class="loggedout"><span>[Logged Out]</span></li>
<li class="login"><a title="Login" href="http://wp-themes.com/wp/wp-login.php?action=login" _fcksavedurl="http://wp-themes.com/wp/wp-login.php?action=login"><span>Login</span></a></li>
<li title="Blog Info" class="opts" onclick_fckprotectedatt=" onclick="SMFlot(4);""> </li>
</ul>
</div>
</div>
</div>
<div class="SMRtPoComFl SMsh" onclick_fckprotectedatt=" onclick="FlyOutWasClicked=1;"" id="SMSub4">
<ul class="SMRtFlOpt SMRtFlOptInd">
<li><b>Users</b> » 1</li>
<li><b>Posts/Pages</b> » 8</li>
<li><b>Comments</b> » 3</li>
</ul>
</div>
<div class="SMRtOptsFl SMsh" onclick_fckprotectedatt=" onclick="FlyOutWasClicked=1;"" id="SMSub5">
<div class="SMRtFlHd">Change Theme...</div>
<ul class="SMRtFlOpt">
<li title="Empty, dark and mysterious." onclick_fckprotectedatt=" onclick="chooseStyle('none', 30)""><img class="switchbutton voidb" src="http://wp-themes.com/wp-content/themes/inanis-glass/images/void-button.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/void-button.png" alt="Void" title="Void" />Void <span style="font-size:9px">« Default</span></li>
<li title="The green bounty of life." onclick_fckprotectedatt=" onclick="chooseStyle('life-theme', 30)""><img class="switchbutton lifeb" src="http://wp-themes.com/wp-content/themes/inanis-glass/images/life-button.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/life-button.png" alt="Life" title="Life" />Life </li>
<li title="Subtle earth tones in browns and reds." onclick_fckprotectedatt=" onclick="chooseStyle('earth-theme', 30)""><img class="switchbutton earthb" src="http://wp-themes.com/wp-content/themes/inanis-glass/images/earth-button.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/earth-button.png" alt="Earth" title="Earth" />Earth </li>
<li title="Bright and refreshing sky tones." onclick_fckprotectedatt=" onclick="chooseStyle('wind-theme', 30)""><img class="switchbutton windb" src="http://wp-themes.com/wp-content/themes/inanis-glass/images/wind-button.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/wind-button.png" alt="Wind" title="Wind" />Wind </li>
<li title="The deep blue power of the ocean." onclick_fckprotectedatt=" onclick="chooseStyle('water-theme', 30)""><img class="switchbutton waterb" src="http://wp-themes.com/wp-content/themes/inanis-glass/images/water-button.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/water-button.png" alt="Water" title="Water" />Water </li>
<li title="Intense red-orange, raging inferno." onclick_fckprotectedatt=" onclick="chooseStyle('fire-theme', 30)""><img class="switchbutton fireb" src="http://wp-themes.com/wp-content/themes/inanis-glass/images/fire-button.png" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/fire-button.png" alt="Fire" title="Fire" />Fire </li>
<li title="Light on color and on bandwidth." onclick_fckprotectedatt=" onclick="chooseStyle('lite-theme', 30)""><img class="switchbutton liteb" src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt="Light" title="Light" />Light </li>
</ul>
</div>
</div>
<div class="SMBottom"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
</div>
<iframe src="javascript:false"
style="position:fixed; bottom: 32px; left: -200px; visibility:hidden; display: none; width: 174px; height: 128px; z-index: 5;"
id="hovif" frameborder="0" scrolling="no">
</iframe>
<iframe src="javascript:false"
style="position:fixed; bottom: 32px; left: -200px; visibility:hidden; display: none; width: 174px; height: 128px; z-index: 5;"
id="moif" frameborder="0" scrolling="no">
</iframe>
<iframe src="javascript:false"
style="position:fixed; bottom: 0px; left: -50px; visibility:hidden; display: none; width: 5000px; height: 34px; z-index: 5;"
id="tbif" frameborder="0" scrolling="no">
</iframe>
<iframe src="javascript:false"
style="background:transparent;position:fixed; bottom: 30px; left: -50px; visibility:hidden; display: none; width: 445px; height: 233px; z-index: 5;"
id="smif" frameborder="0" scrolling="no">
</iframe>
<iframe src="javascript:false"
style="position:fixed; bottom: 261px; left: 294px; visibility:hidden; display: none; width: 56px; height: 26px; z-index: 5;"
id="avif" frameborder="0" scrolling="no">
</iframe>
<iframe src="javascript:false"
style="position:fixed; bottom: 0px; left: -200px; visibility:hidden; display: none; width: 5px; height: 5px; z-index: 5;"
id="flif" frameborder="0" scrolling="no">
</iframe>
<!-- Task Bar -->
<div id="menuspan" class="mnusp">
<div class="menu">
<div class="nvtl"><ul><li onclick_fckprotectedatt=" onclick="OClkd();""><a><span>- O -</span></a></li></ul></div>
<!-- Quick Launch Goes Here, If You Want It... -->
<div class="menu-sep"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
<div class="nav"><ul>
<li class="current_page_item_tb" ><a href="http://wp-themes.com/" _fcksavedurl="http://wp-themes.com/">Home</a></li>
<li onmouseover_fckprotectedatt=" onmouseover="mhov(2,1)"" onmouseout_fckprotectedatt=" onmouseout="munhov()"" class="page_item page-item-2"><a href="http://wp-themes.com/?page_id=2" _fcksavedurl="http://wp-themes.com/?page_id=2" title="About">About</a></li>
</ul>
</div>
<div class="clock">
<span id="clockhr"> </span>:<span id="clockmin"> </span> <span id="clockpart"> </span>
</div>
</div>
</div>
<div style="position:fixed;bottom:33px;left:0;"> <div onmouseover_fckprotectedatt=" onmouseover="hovmhov();"" onmouseout_fckprotectedatt=" onmouseout="unhovmhov();"" class="mhov" id="hov2">
<div class="mframe">
<h4 style="text-align:center;"><a href="http://wp-themes.com/?page_id=2" _fcksavedurl="http://wp-themes.com/?page_id=2" title="About">About</a></h4> <ul>
<br /><br />No Child Pages. </ul>
</div>
</div>
</div> <div class="clear"></div>
<div class="footer"><img src="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" _fcksavedurl="http://wp-themes.com/wp-content/themes/inanis-glass/images/1pxtrans.gif" alt=" " /></div>
<script type="text/javascript">
document.getElementById('menuspan').style.zIndex = "10";
document.getElementById('StartMenu').style.zIndex = "10";
</script>
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/*
Theme Name:Inanis Glass
Description:v1.3 - Glass-like theme for WP 2.6+. 2 col. fixed w/right sidebar, widget & multi-language ready, 7 reader selectable themes saved by cookie, and default sub-theme is admin selectable. Admin selectable picture. <a href="http://www.inanis.net/blog/index.php/downloads/inanis-glass-wordpress-theme/inanis-glass-readme/" _fcksavedurl="http://www.inanis.net/blog/index.php/downloads/inanis-glass-wordpress-theme/inanis-glass-readme/">README FIRST!</a>Created by <a href="http://www.inanis.net/blog" _fcksavedurl="http://www.inanis.net/blog">Inanis</a>.
Author:Inanis
Author URI:http://www.inanis.net/blog/
Adaption: Plugs-Design.
Version:1.3
Tags:black, blue, green, brown, orange, two-columns, fixed-width, right-sidebar, custom-colors, custom-header, theme-options, threaded-comments, sticky-post, microformats
Translations:
Translation assistance from Zarek Jenkinson <http://zarek.net84.net></http:>.
German (de_DE) by Zarek Jenkinson <http://zarek.net84.net></http:>.
*/
*{margin:0; padding:0; font-family:"Segoe UI","Lucida Grande","Franklin Gothic Medium","URW Gothic L",Helvetica,sans-serif}
html{height:100%; margin:0; padding:0}
body{padding:0; BACKGROUND:#09151F url(images/bg.jpg) top left repeat-x; background-attachment:fixed; MARGIN:0px auto; FONT-SIZE:0.8em; COLOR:#999; height:100%; min-width:900px}
blockquote{margin:8px; padding:13px 2px 2px 41px; border:1px #ddd dotted; background:#f7f7f7 url(images/right_quotes.png) no-repeat}
A{COLOR:#bbb}
A:hover{COLOR:#9BD}
IMG{border:0px; padding:0; margin:0}
hr{height:1px}
#page{margin:0px 240px 0 0}
.ctr{text-align:center}
hr.rule{visibility:hidden; margin:0; padding:0}
pre{margin:8px; border:1px #ddd dotted; background:#f7f7f7; padding:0 15px 0 0; font-family:"Consolas","Lucida Console","Courier New",monospace; overflow:auto}
code{border:1px #aaa dashed; background:#ddd; font-family:"Consolas","Lucida Console","Courier New",monospace}
address{margin:10px}
cite{border:1px #ccc dotted; background:#eee}
cite.fn{border:0; background:none; font-weight:bold}
q{background:#f7f7f7 url(images/right_quotes_sm.png) no-repeat; padding-left:16px}
h1, h2, h3, h4, h5, h6{font-weight:normal; line-height:1.2em; color:#006E12}
h1{font-size:22px}
h2{font-size:19px; letter-spacing:-1px; font-weight:bold}
h3{font-size:16px; letter-spacing:-1px; font-weight:bold}
h4.ie6{background:#fff; padding:5px}
h4{font-size:14px; letter-spacing:-1px; font-weight:bold}
h5, h6{font-size:11px; font-weight:bold}
ul, ol{margin:3px 2px 3px 2em}
/* Custom Stuff*/
.mnusp{z-index:100; position:fixed; bottom:0; BACKGROUND:url(images/menu-bg.png); width:100%; min-width:900px; height:35px}
.nav{background:transparent; display:inline; font-size:12px}
.nav ul{margin:0; padding:0; line-height:30px}
.nav LI{margin:5px 0 5px 0; margin-right:2px; display:block; float:left; BACKGROUND:url(images/menu-button.jpg) repeat-x 50% bottom}
.nav LI A{cursor:default; color:#fff; display:block; float:left; text-decoration:none; width:71px; height:30px; text-align:center}
.nav LI A:hover{color:#fff; BACKGROUND:url(images/menu-button.jpg); background-position:0 -60px}
.nav li:hover{BACKGROUND:url(images/menu-button.jpg); background-position:0 -60px}
.current_page_item_tb A{line-height:32px; padding:0 0 0 1px; margin:0 -1px -2px 0; color:#fff; BACKGROUND:url(images/menu-button.jpg); background-position:0 -30px}
li.current_page_item_tb A:hover{BACKGROUND:url(images/menu-button.jpg); background-position:0 0px}
.current_page_parent_tb A{line-height:32px; padding:0 0 0 1px; margin:0 -1px 0 0; color:#fff; BACKGROUND:url(images/menu-button.jpg); background-position:0 -30px}
li.current_page_parent_tb A:hover{BACKGROUND:url(images/menu-button.jpg); background-position:0 0px}
.current_page_ancestor_tb A{line-height:32px; padding:0 0 0 1px; margin:0 -1px 0 0; color:#fff; BACKGROUND:url(images/menu-button.jpg); background-position:0 -30px}
li.current_page_ancestor_tb A:hover{BACKGROUND:url(images/menu-button.jpg); background-position:0 0px}
.nvtl{cursor:default}
.nvtl ul{margin:0; padding:0; line-height:30px}
.nvtl LI{margin-right:2px; display:block; float:left; BACKGROUND:url(images/menu-orb.png) repeat-x bottom}
.nvtl LI A{display:block; float:left; text-decoration:none; width:45px; height:35px; text-align:center}
.nvtl LI A:hover{color:#fff; BACKGROUND:url(images/menu-orb.png); background-position:0 0px}
.nvtl li:hover{BACKGROUND:url(images/menu-orb.png); background-position:0 0px}
.nvtl span{visibility:hidden}
#StartMenu{position:fixed; left:0px; bottom:30px; visibility:hidden; width:400px; height:261px}
.SMTop{background:url(images/smt.png) repeat-x; height:35px}
.SMMiddle{background:url(images/smm.png) repeat-y top; padding:0 12px 0 12px; height:222px; font-size:12px}
.SMBottom{background:url(images/smb.png) repeat-x top; height:4px}
.SMSep{margin:2px 0 2px 6px}
.SMsub{position:absolute; top:35px; float:left; background:url(images/smlp.png); width:226px; height:191px; color:#282828; font-size:12px}
.SMsub A{text-decoration:none}
.SMsub A:link{color:#282828}
.SMsub A:visited{color:#282828}
.SMsub A:active{color:#282828}
.SMsub A:hover{color:#282828; text-decoration:none; cursor:pointer}
.SMsub ul{margin:4px 0 0 4px; list-style-type:none}
.SMsub li{cursor:default; margin:0 0 2px 0; padding:2px; height:32px; width:214px}
.SMsub li a{display:block}
.SMsub li a:hover{text-decoration:none; cursor:default; background:transparent}
.SMsub li:hover{background:url(images/smhvbg.png)}
.SMsub li img{float:left; margin-right:5px}
.SMsh{visibility:hidden}
.SMSubDiv{margin:13px 8px 8px 14px}
.SMap{overflow:auto; width:209px; height:148px; padding:0; margin:4px 0 0 4px}
.SMap ul{margin:0; padding:0; list-style-type:none}
.SMap li{margin:0; padding:0; width:191px; height:auto; border-bottom:1px #eee solid}
.SMap li:hover{background:#D5EDF9}
.SMap a{display:block}
.SMap a:hover{text-decoration:none}
.SMCats{overflow:auto; width:209px; height:148px; padding:0; margin:4px 0 0 4px}
.SMCats ul{margin:0; padding:0; list-style-type:none}
.SMCats li{margin:0; padding:0 0 0 6px; width:auto; height:auto}
.SMCats li a:hover{background:#D5EDF9}
.SMCats li a{border-bottom:1px #eee solid; margin-right:1px}
.SMCats li:hover{background:none}
/*.SMCats .cat-item a{display:inline}
*/
.SMCats .cat-item a:hover{text-decoration:underline; cursor:pointer}
.SMTags a:hover{background:#D4EEFC}
.SMsgbhr{cursor:default; position:absolute; top:155px; left:0px; margin:0; padding:4px 9px 4px 9px}
.SMsgb{cursor:default; position:absolute; font-weight:bold; top:164px; left:4px; width:213px; height:18px; padding:5px 0px 0px 5px}
.SMsgb:hover{background:url(images/smhvsm.png)}
.SMsgb img{vertical-align:text-top; margin-right:24px}
.SMRight{float:right; width:140px; margin-top:28px}
.SMAvatarB{position:absolute; top:30px; left:293px; width:61px; height:35px; background:url(images/smavt.png)}
.SMAvatar{position:absolute; top:7px; margin-left:48px}
#StartBaloon{visibility:hidden; color:#222; padding:8px; position:fixed; bottom:36px; left:8px; background:url(images/throbbg.png); width:117px; height:18px}
#StartBaloon img{vertical-align:middle}
.navf{}
.navf ul{margin:0; padding:0; line-height:30px}
.navf LI{margin:5px 0 5px 0; margin-right:2px; display:block; float:left; BACKGROUND:url(images/menu-feed.png) repeat-x 50% bottom}
.navf LI A{display:block; float:left; text-decoration:none; width:24px; height:30px; text-align:center}
.navf LI A:hover{color:#fff; BACKGROUND:url(images/menu-feed.png); background-position:0 -60px}
.navf li:hover{BACKGROUND:url(images/menu-feed.png); background-position:0 -60px}
.navf img{margin-top:7px}
.menu-sep{BACKGROUND:url(images/menu-sep.png); margin:5px 3px 5px 3px; padding:0; width:10px; height:30px; float:left}
.SMRtPoCom{cursor:default; BACKGROUND:url(images/SMRtPoCom.png); position:absolute; bottom:42px; left:248px; width:125px; height:33px; line-height:33px; padding:0 0 0 8px}
.SMRtPoCom:hover{BACKGROUND:url(images/smrthovb.png); text-decoration:none; color:#fff}
.SMRtDiv{position:absolute; bottom:79px; left:245px; width:140px; margin:0}
.SMRtHov{display:block; width:125px; height:24px; margin:0 0 0 3px; padding:9px 0 0 8px; text-decoration:none}
.SMRtHov:hover{BACKGROUND:url(images/smrthov.png); text-decoration:none; color:#fff; cursor:default}
.SMAdmin{position:absolute; bottom:160px; left:245px; width:140px; margin:0}
.SMRtPoComFl{color:#000; position:absolute; bottom:7px; left:379px; width:160px; margin:0; background:#F5F5F5 url(images/SMRtPoComFl.png) repeat-y; border:1px #BEBCC0 solid}
.SMRtOptsFl{color:#000; position:absolute; top:40px; left:382px; width:140px; margin:0; background:url(images/SMRtPoComFl.png); border:1px #BEBCC0 solid}
.SMRtFlHd{font-weight:bold; padding:0 0 0 30px}
.SMRtFlOpt{list-style-type:none; margin:0; cursor:default}
.SMRtFlOpt img{margin:0 6px 0 2px; vertical-align:middle}
.SMRtFlOpt li{margin:1px 0 1px 0; padding:2px; height:18px; line-height:18px}
.SMRtFlOpt li:hover{background:url(images/smrtflhov.png)}
.SMRtFlOpt li a{display:block}
.SMRtFlOptInd li{padding-left:28px}
.switchbutton{width:16px; height:16px; float:left; padding:0; margin:0px 2px 0px 0px; border:1px #888 solid}
.voidb{border:1px #F00 solid}
.liload{position:absolute; bottom:7px; float:right; width:140px}
.liload a:hover{cursor:default}
.LogAdmin{}
.LogAdmin span{visibility:hidden}
.LogAdmin ul{margin:0; padding:0; line-height:24px}
.LogAdmin li{display:block; float:left; height:24px; line-height:24px}
.LogAdmin LI A{display:block; float:left; text-decoration:none; height:24px; text-align:center}
.logout{font-size:1px; background:transparent url(images/logout.png) repeat-x bottom left; width:53px; height:24px}
.logout:hover{background:transparent url(images/logout.png); background-position:0 -48px}
.logout A{width:53px}
.login{background:transparent url(images/login.png) repeat-x bottom left; width:52px}
.login:hover{background:transparent url(images/login.png); background-position:0 -48px}
.login A{width:52px}
.loggedout{font-size:5px; background:transparent url(images/logged-out.png); width:53px}
.loggedin{font-size:5px; background:transparent url(images/logged-in.png); width:52px}
.opts{background:transparent url(images/smopts.png) repeat-x bottom left; width:24px}
.opts:hover{background:transparent url(images/smopts.png); background-position:0 -48px}
.opts A{width:24px}
div.mhov{z-index:10; position:absolute; bottom:0; left:-200px; visibility:hidden; color:#000; padding:8px; font-size:11px; width:158px; height:112px; float:left; background:url(images/mhovbg.png)}
.mhov a{color:#000}
.mhov h4 a{color:#006E12; text-decoration:none}
div.mframe{overflow:auto; width:158px; height:112px}
.cpi a{color:red}
.cpi li a{color:#000}
.taginfo{float:left; width:400px}
.tagstyle{width:300px; margin-right:15px; font-size:12px}
.ts-sm{width:230px}
.tagstyle A{text-decoration:none}
.tagstyle A:link{color:#024}
.tagstyle A:visited{color:#024}
.tagstyle A:active{color:#046}
.tagstyle A:hover{color:#046; text-decoration:underline}
.tagicon{margin-left:20px; display:block; float:left; padding:2px 5px 3px 0px}
.tagiconbox{width:70px; margin-right:5px}
.spanchunk{display:table-cell; display:inline-block; vertical-align:top}
.ptblurl{background:url(images/ptblurl.png) no-repeat; width:4px; display:table-cell; display:inline; display:inline-block; vertical-align:top}
.ptblurr{background:url(images/ptblurr.png) no-repeat; width:4px; display:table-cell; display:inline; display:inline-block; vertical-align:top}
#colwrap{margin:0px auto; width:660px; height:100%}
.postcont{width:660px; margin-bottom:8px}
.PTtop{height:11px; width:660px; background:url(images/tit.png) top left repeat-y}
.PTbtm{height:5px; width:660px; background:transparent url(images/tib.png) top left repeat-y}
.PTbar{color:#fff; width:660px; padding-bottom:5px; background:url(images/tim.png) top left repeat-y}
.PT{width:420px; margin-left:15px}
.PT h3{display:inline; background:url(images/ptblur.png); line-height:17px; color:#000; margin:0; font-size:13px; font-weight:normal; text-decoration:none; letter-spacing:0px}
.PT h3 a{color:#000; text-decoration:none}
.PT h3 a:hover{background:url(images/ptblur.png); text-shadow:#fff 0px 0px 10px}
.PFtop{width:660px; height:8px; background:url(images/ft.png) top left repeat-y}
.PFpst{padding:0 0 4px 0; width:660px; color:#000; min-height:62px; font-size:13px; background:url(images/fm.png) bottom left repeat-y}
.PFbtm{width:660px; height:14px; background:url(images/fb.png) top left repeat-y}
.PTds{text-shadow:#fff 0px 0px 5px}
.p1{color:#000; width:610px; padding:1px 25px 1px 25px; font-size:13px; background:url(images/cbg.png) top left repeat-y}
.p1 p{margin:0 0 10px 0; padding:0}
.p1 A{text-decoration:none}
.p1 A:link{color:#06C}
.p1 A:visited{color:#06C}
.p1 A:active{color:#046}
.p1 A:hover{color:#046; text-decoration:underline}
.edt{width:50px; float:right}
.Ptime{float:right; margin-right:15px; color:#000; font-size:13px; text-shadow:#fff 0px 0px 5px}
.blurt{background:url(images/ptblur.png)}
.clock{float:right; color:#fff; height:30px; line-height:30px; padding:4px 7px 0 0}
#header{CLEAR:both; WIDTH:900px; HEIGHT:150px}
#bp{margin-left:20px; width:110px; height:110px}
.bp{HEIGHT:150px; margin:2px 0 0 0}
.bpt{MARGIN:0px auto; width:150px; height:19px; BACKGROUND:url(images/lt.png)}
.bpm{MARGIN:0px auto; width:150px; height:110px; BACKGROUND:url(images/lm.png)}
.bpb{MARGIN:0px auto; width:150px; height:21px; BACKGROUND:url(images/lb.png)}
span.tagcloud a{text-decoration:none; line-height:150%; text-align:justify}
.mission{MARGIN-BOTTOM:10px; TEXT-ALIGN:justify}
.bant{background:url(images/bant.png) repeat-x; width:664px; height:14px}
.banm{background:url(images/banm.png) repeat-y top; width:620px; padding:0 22px 0 22px; min-height:96px}
.banb{background:url(images/banb.png) repeat-x top; height:17px; width:664px}
.banner{color:#000}
.banner h1{font-size:24px; color:#006E12; margin:0 0 15px 0}
.banner a{color:#006E12; TEXT-DECORATION:underline}
.banner a:hover{color:#006E12; TEXT-DECORATION:none}
.blogicon{float:left; margin:0 8px 0 0}
.blogdesc{font-size:11px; margin:0}
.itcat ul{width:450px; list-style-type:none; margin:0px; padding:0px; color:#9BD}
.itcat ul li{display:block; margin:0px !important; padding:2px 2px 2px 15px !important; float:left; width:128px}
.itcat ul li a{background:url(images/ar-button.jpg) repeat-x top; margin:0px !important; padding:2px 2px 2px 15px !important; display:block; width:128px; text-decoration:none}
.itcat ul li a:hover{background-position:0 -30px; color:#9BD; text-decoration:none}
.itlate a, .itpop a, .itcat ul li a{color:#9BD; text-decoration:none}
.itcat ul li a:hover{color:#FFF; text-decoration:none}
.footer{margin-top:30px}
.comments{background-image:url(images/Comments.png); background-repeat:no-repeat; font-size:11px; display:block; float:right}
.comments a{font-size:12px; font-weight:bold; color:#999; text-decoration:none}
.comments a:hover{text-decoration:none; color:#555}
#comments{font-size:15px; color:#000}
ol#commentlist li{margin:0; list-style-type:none}
ol#commentlist p{line-height:1.2em; margin-bottom:5px}
ol#commentlist{padding:6px; margin:0px 10px 10px 10px}
ol#commentlist .comment-time{font-size:10px; color:#999}
.odd{background:#f8f8f8}
.even{background:#fff}
ol.commentlist li{border:0; border-left:1px #ddd dotted; border-top:1px #bbb dotted; margin:0 0 0 15px; list-style-type:none}
ol.commentlist p{line-height:1.2em; margin-bottom:5px}
ol.commentlist{padding:6px; margin:0px 10px 10px 0px}
ol.commentlist .comment-time{font-size:10px; color:#999}
.commentbox{padding:6px; margin:0px 10px 10px 60px; border-bottom:1px #ddd solid}
.greybox{background:#efefef}
.avatar{float:left; margin:3px; background:#fff}
.commentauthor{font-size:16px; color:#006E12}
.navigation{border-left:1px #000 solid; border-right:1px #5E6A74 solid; width:600px; margin:5px 40px 5px 19px; padding:0px 10px 0px 10px; height:31px; line-height:31px; FONT-WEIGHT:normal; FONT-SIZE:11px; COLOR:#fff; BACKGROUND:url(images/bcs-bg.png)}
.navigation A{COLOR:#fff; TEXT-DECORATION:none}
.navigation A:visited{color:#fff}
.navigation A:active{color:#fff}
.navigation A:hover{color:#fff; text-decoration:none}
.navigation h3{color:#fff; line-height:31px}
.sidebar-top{background:url(images/sbt.png) repeat-x; height:17px}
.sidebar-mid{background:url(images/sbm.png) repeat-y top; width:192px; padding:0 22px 0 22px}
.sidebar-bottom{background:url(images/sbb.png) repeat-x top; height:17px; width:236px}
#sidebar{padding:0 0 40px 0; MARGIN:0 auto; FLOAT:right; WIDTH:240px; COLOR:#888; background:url(images/sbgrad.png) repeat-y top; min-height:100%}
#sidebar h3{padding:0 0 4px 8px; FONT-WEIGHT:normal; FONT-SIZE:18px; MARGIN:0px; COLOR:#9BD; BORDER-BOTTOM:#666 1px solid; LETTER-SPACING:-1px; text-decoration:none}
#sidebar ul{margin:0 0 0 10px}
#sidebar ul li{margin:0; padding:0; LIST-STYLE-TYPE:none}
#sidebar ul li ul li{margin:0; LIST-STYLE-TYPE:disc}
#sidebar P{padding:2px 0 2px 0; BACKGROUND:url(images/dotted.gif) repeat-x 50% bottom; MARGIN:0}
#sidebar P A{padding:4px 0 8px 0; MARGIN:0; COLOR:#BBB; TEXT-DECORATION:none}
#sidebar P A:hover{COLOR:#9BD; TEXT-DECORATION:none}
.search{FLOAT:right; width:220px}
.search P{padding:0; MARGIN:0; TEXT-ALIGN:right}
INPUT.text{BORDER:#ccc 1px solid; BACKGROUND:#fff; MARGIN:0px; WIDTH:130px; COLOR:#777}
INPUT.text:hover{BORDER:#666 1px solid}
TEXTAREA.text{BORDER:#ccc 1px solid; BACKGROUND:#fff; WIDTH:90%; COLOR:#444; HEIGHT:150px}
TEXTAREA.text:hover{BORDER:#bbb 1px solid; BACKGROUND:#fff; COLOR:#000}
INPUT.field{BORDER:#ccc 1px solid; WIDTH:200px; COLOR:#444; BACKGROUND-COLOR:#fff}
INPUT.field:hover{BORDER:#bbb 1px solid; BACKGROUND:#fff; COLOR:#444}
INPUT.button{BORDER:#ccc 1px solid; FONT-WEIGHT:bold; FONT-SIZE:10px; BACKGROUND:#f4f4f4; COLOR:#555}
.form-text{width:396px; border:1px #888 solid; margin-left:5px}
.form-textarea{width:456px; height:216px; border:1px #888 solid; margin-left:5px}
.form-file, .form-select{BORDER:#5b5b5b 1px solid; BACKGROUND:#eee; COLOR:#000}
INPUT.form-submit{font-size:10px; BORDER:#666 1px solid; BACKGROUND:#eee; COLOR:#000}
.search-form{margin:0; padding:0 0 16px 0; position:relative}
#SMSearchForm{position:absolute; margin:0px; top:195px; left:0}
.search-text{position:absolute; top:0px; left:0px; font-style:italic; font-size:12px; width:165px; height:20px; border:0; padding:4px 3px 0 3px; margin:0; BACKGROUND:url(images/search-input.png) repeat-x left bottom; COLOR:#575757}
.search-submit{position:absolute; top:0px; left:171px; width:20px; height:24px; border:0; margin:0; BACKGROUND:url(images/search-button.png) repeat-x left bottom; cursor:pointer}
.sm-search-text{position:absolute; top:0px; left:0px; font-style:italic; font-size:12px; width:200px; height:20px; border:0; padding:4px 3px 0 3px; margin:0; BACKGROUND:url(images/search-input.png) repeat-x left bottom; COLOR:#575757}
.sm-search-submit{position:absolute; top:0px; left:206px; width:20px; height:24px; border:0; margin:0; BACKGROUND:url(images/search-button.png) repeat-x left bottom; cursor:pointer}
.search-submit:hover{BACKGROUND:url(images/search-button.png); background-position:0 -48px}
.sm-search-submit:hover{BACKGROUND:url(images/search-button.png); background-position:0 -48px}
fieldset{margin:8px; padding:5px; border:1px solid #ddd}
div.pagination{font-size:11px; color:#fff}
div.pagination a{padding:2px 5px 2px 5px; margin:2px; background-color:#444; text-decoration:none; color:#fff}
div.pagination a:hover, div.pagination a:active{background-color:#f70; color:#fff}
div.pagination span.current{padding:2px 5px 2px 5px; margin:2px; font-weight:bold; background-color:#333; color:#fff}
div.pagination span.disabled{padding:2px 5px 2px 5px; margin:2px; background-color:#444; color:#868686}
.gallery{text-align:center; display:inline-block; width:100%}
.gallery img{padding:2px; height:100px; width:100px}
.gallery a:hover{background-color:#fff}
.attachment{text-align:center}
.attachment img{padding:2px; border:1px solid #999}
.attachment a:hover{background-color:#FFF}
.imgnav{text-align:center; clear:both}
.imgleft{float:left}
.imgleft a:hover{background-color:#FFF}
.imgleft img{padding:2px; border:1px solid #999; height:100px; width:100px}
.imgright{float:right}
.imgright a:hover{background-color:#FFF}
.imgright img{padding:2px; border:1px solid #999; height:100px; width:100px}
.aligncenter, div.aligncenter{display:block; margin-left:auto; margin-right:auto}
.alignleft{float:left}
.alignright{float:right}
<!-- wrap starts here -->
<div id="wrap">
<!--header -->
<div id="header">
<h1 id="logo-text"><a href="index.html"></a></h1>
<p id="slogan"></p>
<div id="header-links">
<p>
<a href="Modificar Url">Modificar</a> |
<a href="Modificar Url">Modificar</a> |
<a href="Modificar Url">Modificar</a>
</p>
</div>
</div>
<div id="menu">
<ul>
<li><a class="current" href="#"><span>Hpolaaa </span></a></li>
<li><a href="Modificar url"><span>Modificar</span></a></li>
<li><a href="Modificar url"><span>Modificar</span></a></li>
<li><a href="Modificar url"><span>Modificar</span></a></li>
<li><a href="Modificar url"><span>Modificar</span></a></li>
<span style="color: rgb(255, 255, 255);">D-ivans</span>
</ul>
</div>
<!-- content-wrap starts here -->
<div id="content-wrap">
<div id="sidebar">
<div class="left-box">
<p class="align-right"></p>
</div>
</div>
<!-- content-wrap ends here -->
</div>
<!--footer starts here-->
<div id="footer">
</div>
<!-- wrap ends here -->
</div>
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }
body {
background-image: none;background-color:#ffffff;
font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
color: #555;
text-align: center;
}
/* links */
a, a:visited {
text-decoration: none;
color: #2180BC;
background: inherit;
}
a:hover {
color: #88ac0b;
background: inherit;
text-decoration: underline;
}
/* headers */
h1, h2, h3 {
font-family: 'Trebuchet MS', Tahoma, Sans-serif;
}
h1 {
font-size: 150%;
font-weight: normal;
color: #cccccc;
}
h2 {
font-size: 140%;
text-transform: uppercase;
color: #cccccc;
}
h3 {
font-size: 120%;
color: #cccccc;
}
h1, h2, h3, p {
padding: 10px;
margin: 0;
}
ul, ol {
margin: 5px 20px;
padding: 0 20px;
}
/********************************************
Design
********************************************/
#wrap {
width: 838px;
background: url(http://i35.tinypic.com/zlq93m.png) repeat-y center top;
margin: 0 auto;
text-align: left;
}
#content-wrap {
clear: both;
width: 760px;
padding: 0;
margin: 10px auto;
}
#header {
width: 838px;
position: relative;
height: 150px;
background: #fff url(http://i33.tinypic.com/15ea4gg.png) no-repeat center top;
padding: 0;
}
#header h1#logo-text a {
position: absolute;
margin: 0; padding: 0;
font: bolder 44px 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #FFF;
text-transform: none;
text-decoration: none;
background: transparent;
/* change the values of top and left to adjust the position of the logo*/
top: 25px; left: 47px;
}
#header p#slogan {
position: absolute;
margin: 0; padding: 0;
font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
color: #FFF;
/* change the values of top and left to adjust the position of the slogan*/
top: 70px; left: 55px;
}
/* header links */
#header #header-links {
position: absolute;
top: 20px; right: 30px;
color: #ffffff;
font-size: 10px;
}
#header #header-links a {
color: #FFF;
text-decoration: none;
}
#header #header-links a:hover {
color: #cccccc;
}
/* Menu */
#menu {
clear: both;
margin: 0 auto; padding: 0;
background: url(http://i37.tinypic.com/xpnh1z.png) repeat-x 0 0;
font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;
height: 28px;
width: 838px;
}
#menu ul {
float: right;
list-style: none;
margin:0; padding: 0;
}
#menu ul li {
display: inline;
}
#menu ul li a {
display: block;
float: left;
padding: 0 12px;
color: #FFF;
text-decoration: none;
}
#menu ul li.last a {
padding-right: 20px;
}
#menu ul li a:hover {
color: #cccccc;
}
#menu ul li#current a {
color: #bc0303;
}
/* Main Column */
#main {
float: left;
width: 70%;
padding: 0; margin: 5px 0 0 5px;
display: inline;
}
#main h2 {
margin-top: 10px;
font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif;
color: #88ac0b;
padding: 5px 0 5px 25px;
border-bottom: 1px solid #EFF0F1;
background: #FFF none no-repeat 3px 50%;
text-transform: none;
}
#main h2 a {
background: none;
color: #88ac0b;
text-decoration: none;
}
#main ul li {
list-style-image: none;
}
.post-footer {
background-color: #FAFAFA;
padding: 5px; margin: 20px 10px 10px 10px;
border: 1px solid #f2f2f2;
font-size: 95%;
}
.post-footer .date {
background: none no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
background: none no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
background: none no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
/* Sidebar */
#sidebar {
float: right;
width: 26.5%;
padding: 0; margin: 0;
color: #000;
}
#sidebar h3 {
margin-top: 10px;
padding: 20px 20px;
font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
color: #bc0303;
}
#sidebar ul.sidemenu {
list-style: none;
text-align: left;
margin: 7px 4px 8px 0; padding: 0;
text-decoration: none;
background: none repeat-x left top;
}
#sidebar ul.sidemenu li {
list-style: none;
background: none repeat-x left bottom;
padding: 4px 0 4px 5px;
margin: 0 20px;
color: #bc0303;
}
* html body #sidebar ul.sidemenu li {
height: 1%;
}
#sidebar ul.sidemenu li a {
text-decoration: none;
background-image: none;
color: #666666;
}
#sidebar ul.sidemenu li a:hover {
color: #1773BC;
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { background: none; }
/* Footer */
#footer {
color: #C6DDEE;
background: url(http://i34.tinypic.com/jt79kl.png) no-repeat center top;
clear: both;
width: 838px;
height: 76px;
text-align: center;
font-size: 92%;
}
#footer a {
color: #FFF;
text-decoration: none;
}
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
/* display and additional classes */
.clear { clear: both; }
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial;
font-size: 00px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 270px;
left: 50%;
margin-left:-185px;
width: 647px;
}
.menu li
{
width: 70px;
float: left;
}
.menu a
{
border: 0px solid #xxxxxx;
background-color: #xxxxxx;
background-image: none;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height:21px;
color: #ffffff;
}
.menu a:hover
{
background-color: #transparent;
background-image: none;}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 15px;
display: none;
width: 70px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->
</style>
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="URL">Link</a> </li>
<li><a href="URL">Link</a> </li>
<li><a href="URL">Link</a> </li>
<li><a href="URL">Link</a> </li>
<li><a href="URL">Link</a> </li>
</div>
<div id="Designmystic">
<div id="text"><h1></h1>
</div>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
NIENTE!
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#text{
color: ffffff;
position: absolute;
top: 100px;
margin-left:-300px;
left: 50%;
}
body {background-image:url(http://pixelea.com/s/e4182a46cd.png);background-color:;height:ANCHOpx;
margin:30px 0;
}
*{ padding: 0; margin: 0; }
#Designmystic {
margin: 0 auto;
width: 800px;
height:750px;
background-image:url(http://www.fileden.com/files/2008/5/22/1925126/wedmasterayudaplantilla5642122.JPG);}
#content {
position: absolute;
left: 50%;
top: 290px;
margin-left:-363px;
width: 717px;
height: 490px;
padding:10px;
color: #575757;
font-size:12px;
background-color:#transparent;
background-image: none;
border: 0px solid #FFFFFF;
overflow:auto;}
#Uebersicht{
position: absolute;
left: 50%;
top: 204px;
margin-left:-440px;
font-color:#cccccc;}
a{
color:#575757;
text-decoration: none;
font-size:13px;}
a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:link {
color: #575757;
font-size: 13px;
text-decoration: none;}
a:active {
color: #000000;
font-size: 13px;
text-decoration: none;}
a:visited {
color: #575757;
font-size: 13px;
text-decoration: none;}
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial;
font-size: 00px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 177px;
left: 12%;
margin-left:-185px;
width: 647px;
}
.menu li
ul, li
{
list-style-type: none;
padding: 10px;
margin: -20px;
}
li a
{
padding-right: 50px;padding-top: 40px;
}
.menu a
{
border: 0px solid #xxxxxx;
background-color: #xxxxxx;
background-image: none;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: 9px;
height:31px;
color: #05121f;
}
.menu a:hover
{
background-color: #transparent;
background-image: none;}
#smenu1,
#smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 3px;
display: block;
width: 100px;
float: left 100px;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->
</style>
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="#"><p align="up">LINK</p></a></li>
<li><a href="#"><p align="center">LINK</p></a></li>
<li><a href="#"><p align="center">LINK</p></a></li>
<li><a href="#"><p align="center">LINK</p></a></li>
<li><a href="#"><p align="center">LINK</p></a></li>
</div>
<div id="Designmystic">
<div id="text"><h1></h1>
</div>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
NIENTE!
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#text{
color: ffffff;
position: absolute;
top: 100px;
margin-left:-300px;
left: 50%;
}
body {
background-color:#000000;}
*{ padding: 0; margin: 0; }
#Designmystic {
margin: 0 auto;
width: 778px;
height:700px;
background-image:url(http://img81.imageshack.us/img81/8791/burnedrn2.png);}
#content {
position: absolute;
left: 70%;
top: 167px;
margin-left:-315px;
width: 470px;
height: 445px;
padding:10px;
color: #000000;
font-size:13px; c
background-color:#transparent;
background-image: none;
border: 0px solid #FFFFFF;
overflow:auto;}
#Uebersicht{
position: absolute;
left: 50%;
top: 204px;
margin-left:-440px;
font-color:#cccccc;}
a{
color:#000000;
text-decoration: none;
font-size:13px;}
a:hover {
color: #000000;
font-size: 13px;
text-decoration: none;}
a:link {
color: #000000;
font-size: 13px;
text-decoration: none;}
a:active {
color: #000000;
font-size: 13px;
text-decoration: none;}
a:visited {
color: #000000;
font-size: 13px;
text-decoration: none;}
<!-- wrap starts here -->
<div id="wrap">
<!--header -->
<div id="header">
<h1 id="logo-text"><a href="index.html">Encabezado</a></h1>
<p id="slogan">Design by wedmasterayuda</p>
<div id="header-links">
<p>
<a href="Url">Link</a> |
<a href="Url">Link</a> |
<a href="Url">Link</a>
</p>
</div>
</div>
<!-- menu -->
<div id="menu">
<ul>
<li id="current"><a href="Url">Link</a></li>
<li><a href="Url">LInk</a></li>
<li><a href="Url">Link</a></li>
<li><a href="Url">LInk</a></li>
<li><a href="Url">Link</a></li>
<li class="last"><a href="Url">Link</a></li>
</ul>
</div>
<!-- content-wrap starts here -->
<div id="content-wrap">
<div id="sidebar">
<h3>Menu</h3>
<ul class="sidemenu">
<li><a href="Url">LInk</a></li>
<li><a href="Url">Link</a></li>
<li><a href="Url">LInk</a></li>
<li><a href="Url">Link</a></li>
<li><a href="Url">LInk</a></li>
</ul>
<h3>Links</h3>
<ul class="sidemenu">
<li><a href="Url">LInk</a></li>
<li><a href="Url">Link</a></li>
<li><a href="Url">LInk</a></li>
<li><a href="Url">Link</a></li>
<li><a href="Url">LInk</a></li>
</ul>
<h3>texto</h3>
<ul class="sidemenu">
<p class="align-right"><li><a href="Url">LInk</a></li>
<li><a href="Url">Link</a></li>
<li><a href="Url">LInk</a></li></p>
<h3>Texto</h3>
<div class="left-box">
<p class="align-right"><li><a href="Url">LInk</a></li>
<li><a href="Url">Link</a></li>
<li><a href="Url">LInk</a></li></p>
<p class="align-right"></p>
</div>
<h3>texto</h3>
<div class="left-box">
<p class="align-right"><li><a href="Url">LInk</a></li>
</p>
</div>
</div>
<!-- content-wrap ends here -->
</div>
<!--footer starts here-->
<div id="footer">
</div>
<!-- wrap ends here -->
</div>
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }
body {
background-image:url(http://www.fileden.com/files/2008/5/22/1925126/Fondowedmasterayuda.gif);background-color:#ffffff;
font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
color: #ffffff;
text-align: center;
}
/* links */
a, a:visited {
text-decoration: none;
color: #2180BC;
background: inherit;
}
a:hover {
color: #88ac0b;
background: inherit;
text-decoration: underline;
}
/* headers */
h1, h2, h3 {
font-family: 'Trebuchet MS', Tahoma, Sans-serif;
}
h1 {
font-size: 150%;
font-weight: normal;
color: #ffffff;
}
h2 {
font-size: 140%;
text-transform: uppercase;
color: #ffffff;
}
h3 {
font-size: 120%;
color: #ffffff;
}
h1, h2, h3, p {
padding: 10px;
margin: 0;
}
ul, ol {
margin: 5px 20px;
padding: 0 20px;
}
/********************************************
Design
********************************************/
#wrap {
width: 841px;
background: url(http://www.fileden.com/files/2008/5/22/1925126/wedmsaterayudacontextobox1.png) repeat-y center top;
margin: 0 auto;
text-align: left;
}
#content-wrap {
clear: both;
width: 760px;
padding: 0;
margin: 10px auto;
}
#header {
width: 838px;
position: relative;
height: 180px;
background: #fff url(http://www.fileden.com/files/2008/5/22/1925126/wedmasterayudacabezal75.jpg
) no-repeat center top;
padding: 0;
}
#header h1#logo-text a {
position: absolute;
margin: 0; padding: 0;
font: bolder 44px 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #ffffff;
text-transform: none;
text-decoration: none;
background: transparent;
/* change the values of top and left to adjust the position of the logo*/
top: 25px; left: 47px;
}
#header p#slogan {
position: absolute;
margin: 0; padding: 0;
font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
color: #ffffff;
/* change the values of top and left to adjust the position of the slogan*/
top: 70px; left: 55px;
}
/* header links */
#header #header-links {
position: absolute;
top: 20px; right: 30px;
color: #ffffff;
font-size: 10px;
}
#header #header-links a {
color: #ffffff;
text-decoration: none;
}
#header #header-links a:hover {
color: #00ccff;
}
/* Menu */
#menu {
clear: both;
margin: 0 auto; padding: 0;
background: url(http://www.fileden.com/files/2008/5/22/1925126/wedmasterayudabarra9.png) repeat-x 0 0;
font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;
height: 28px;
width: 838px;
}
#menu ul {
float: right;
list-style: none;
margin:0; padding: 0;
}
#menu ul li {
display: inline;
}
#menu ul li a {
display: block;
float: left;
padding: 0 12px;
color: #ffffff;
text-decoration: none;
}
#menu ul li.last a {
padding-right: 20px;
}
#menu ul li a:hover {
color: #ffffff;
}
#menu ul li#current a {
color: #00ccff;
}
/* Main Column */
#main {
float: left;
width: 70%;
padding: 0; margin: 5px 0 0 5px;
display: inline;
}
#main h2 {
margin-top: 10px;
font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif;
color: #ffffff;
padding: 5px 0 5px 25px;
border-bottom: 1px solid #EFF0F1;
background: #FFF none no-repeat 3px 50%;
text-transform: none;
}
#main h2 a {
background: none;
color: #88ac0b;
text-decoration: none;
}
#main ul li {
list-style-image: none;
}
.post-footer {
background-color: #ffffff;
padding: 5px; margin: 20px 10px 10px 10px;
border: 1px solid #f2f2f2;
font-size: 95%;
}
.post-footer .date {
background: none no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
background: none no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
background: none no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
/* Sidebar */
#sidebar {
float: right;
width: 26.5%;
padding: 0; margin: 0;
color: #ffffff;
}
#sidebar h3 {
margin-top: 10px;
padding: 20px 20px;
font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
color: #00ccff;
}
#sidebar ul.sidemenu {
list-style: none;
text-align: left;
margin: 7px 4px 8px 0; padding: 0;
text-decoration: none;
background: none repeat-x left top;
}
#sidebar ul.sidemenu li {
list-style: none;
background: none repeat-x left bottom;
padding: 4px 0 4px 5px;
margin: 0 20px;
color: #bc0303;
}
* html body #sidebar ul.sidemenu li {
height: 1%;
}
#sidebar ul.sidemenu li a {
text-decoration: none;
background-image: none;
color: #ffffff;
}
#sidebar ul.sidemenu li a:hover {
color: #00ccff;
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { background: none; }
/* Footer */
#footer {
color: #ffffff;
background: url() no-repeat center top;
clear: both;
width: 838px;
height: 76px;
text-align: center;
font-size: 92%;
}
#footer a {
color: #FFF;
text-decoration: none;
}
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
/* display and additional classes */
.clear { clear: both; }
Inserire un commento su questa pagina: