Nombre: Excess



Codigo por encima de la pagina:
<div id="header"> <div id="logo"> <h1><a href="/home.htm" _fcksavedurl="/home.htm">Nombre de tu web</a></h1> <h2>Sub titulo</h2> </div> <div id="menu"> <ul> <li><a href="/home.htm" _fcksavedurl="/home.htm">Home</a></li> <li><a href="URL Link's" _fcksavedurl="URL Link's">Link's</a></li> <li><a href="URL Link's" _fcksavedurl="URL Link's">Link's</a></li> <li><a href="URL Link's" _fcksavedurl="URL Link's">Link's</a></li> <li><a href="URL Link's" _fcksavedurl="URL Link's">Link's</a></li> </ul> </div></div> <div id="page">

Texto por debajo de la pagina:
<div id="sidebar"><ul> <li id="search"> <h2><b class="text1">Buscar</b></h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Search" /> </fieldset> </form> </li> <li> <h2>Link's</h2> <ul> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> </ul> </li> <li> <h2>Favoritos</h2> <ul> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> </ul> </li> <li> <h2>Contenido</h2> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> </li> </ul> </div> <!-- end sidebar --> <div style="clear: both;"> </div> </div> <!-- end page --> <!-- start footer --> <div id="footer"> <div id="footer-menu"> <ul> <!--- MENU DEL PIE DE LA PAGINA ---> <li><a href="/home.htm" _fcksavedurl="/home.htm">Home</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <!--- FIN MENU DEL PIE DE LA PAGINA ---> </ul></div> <p id="legal">(c) 2009 <a href="http://tuweb.es.tl" _fcksavedurl="http://tuweb.es.tl">Nombre de tu web</a>. Diseño por: <a href="http://freecsstemplates.org/" _fcksavedurl="http://freecsstemplates.org/">Free CSS Templates</a> Adaptada por <a href="http://templatesfree.es.tl" _fcksavedurl="http://templatesfree.es.tl">Templatesfree.es.tl</a></p> </div><!--- Por favor no borres esto sino estarias violando los derechos del autor --->

Sin style tag
#post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} /* Plantillas por www.freecsstemplates.org Adaptada por www.templatesfree.es.tl Para diseños css-desing www.paginawebgratis.es */ body { margin-top: 20px; padding: 0; background: url(http://pixelea.com/s/4e84e5801f.gif) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6D6D6D; } h1, h2, h3 { margin: 0; text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #006EA6; } h1 { letter-spacing: -1px; font-size: 35px; } h2 { font-size: 26px; } p, ul, ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px; } a:link { color: #0094E0; } a:hover, a:active { text-decoration: none; color: #0094E0; } a:visited { color: #0094E0; } img { border: none; } img.left { float: left; margin: 7px 15px 0 0; } img.right { float: right; margin: 7px 0 0 15px; } /* Form */ form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: none; } legend { display: none; } input, textarea, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } #wrapper { } /* Header */ #header { width: 900px; height: 130px; margin: 0 auto 10px auto; padding-top: 10px; } #logo { float: left; height: 90px; background: url(http://pixelea.com/s/96471cf3ee.gif) no-repeat left top; } #logo h1 { margin: 0; padding: 5px 0 0 100px; font-size: 40px; color: #0099E8; } #logo h1 sup { vertical-align: text-top; font-size: 24px; } #logo h1 a { color: #5F9D10; } #logo h2 { margin: 0; padding: 0 0 0 100px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #6D6D6D; } #logo a { text-decoration: none; color: #FFFFFF; } /* Menu */ #menu { float: right; padding-top: 30px; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; margin-left: 5px; background: url(http://pixelea.com/s/05fe4f6e58.gif) repeat-x left top; padding: 1px 10px; text-decoration: none; font-size: 12px; color: #FFFFFF; } #menu a:hover { text-decoration: underline; } #menu .active a { } /* Page */ #page { width: 900px; margin: 0 auto; background: url(http://pixelea.com/s/144db23489.jpg) no-repeat left top; } /* Content */ #content { float: left; width: 570px; padding: 30px 0 0 30px; } /* Post */ .post { } .post .title { height: 52px; margin-bottom: 20px; padding-bottom: 5px; padding-left: 60px; border-bottom: 1px dashed #D1D1D1; background: none no-repeat left top; color: #8BCB2F; } .post .title b { font-weight: normal; color: #0094E0; } .post .date p { margin: 0; padding: 0; } .post .date { width: 50px; margin-top: -80px; padding-left: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #283900; } .post .date b { margin: 0; padding: 0; display: block; margin-top: -13px; padding-left: 2px; font-size: 16px; color: #283900; } .post .entry { } .post .meta { margin: 0; padding: 15px 0 60px 0; } .post .meta p { margin: 0; line-height: normal; } .post .meta .byline { float: left; color: #0000FF; } .post .meta .links { float: left; } .post .meta .more { width: 185px; height: 35px; padding: 5px 10px; background: #8BCB2F; border: 1px dashed #FFFFFF; text-transform: uppercase; text-decoration: none; font-size: 9px; } .post .meta .comments { padding: 5px 10px; text-transform: uppercase; text-decoration: none; background: #0094E0; border: 1px dashed #FFFFFF; font-size: 9px; } .post .meta b { display: none; } .post .meta a { color: #FFFFFF; } /* Sidebar */ #sidebar { float: right; width: 230px; padding-right: 30px; padding-top: 20px; } #sidebar ul { margin: 0; padding: 10px 0 0 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { } #sidebar li li { margin: 0; padding: 3px 0; border-bottom: 1px dashed #D1D1D1; } #sidebar li li a { margin: 0; padding-left: 15px; } #sidebar h2 { padding-bottom: 5px; font-size: 18px; font-weight: normal; color: #0094E0; } #sidebar strong, #sidebar b { color: #8BCB2F; } #sidebar a { text-decoration: none; color: #6D6D6D; } /* Search */ #search { } #search h2 { } #s { width: 150px; margin-right: 5px; padding: 3px; border: 1px solid #F0F0F0; } #x { padding: 3px; border: none; text-transform: lowercase; font-size: 11px; color: #4F4F4F; } /* Boxes */ .box1 { padding: 20px; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px; font-size: 16px; color: #FFFFFF; } .box2 ul { margin: 0; padding: 0; list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited { color: #EDEDED; } /* Pie de la pagina */ #footer { width: 900px; background: url(http://pixelea.com/s/144db23489.jpg) no-repeat left top; margin: 0 auto; padding: 10px 0 0 60px; color: #353535; } html>body #footer { height: auto; } #footer-menu { } #legal { clear: both; font-size: 11px; color: #6D6D6D; } #legal a { color: #0094E0; } #footer-menu { float: left; color: #353535; text-transform: capitalize; } #footer-menu ul { margin: 0; padding: 0; list-style: none; } #footer-menu li { display: inline; } #footer-menu a { display: block; float: left; padding: 1px 15px 1px 15px; text-decoration: none; font-size: 11px; color: #6D6D6D; } #footer-menu a:hover { text-decoration: underline; } #footer-menu .active a { padding-left: 0; }





 

 
Encima De la pagina :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <div id="wrapper"> <div id="header"> <div id="logo">   <h1><a href="#" _fcksavedurl="#">Titulo de la web</a></h1>   <p><a href="#/" _fcksavedurl="#/">Lema de tu pagina</a></p> </div> <div id="search"> <form method="get" action=""> <fieldset> <input id="search-text" type="text" name="s" value="Search" size="15" /> <input type="submit" id="search-submit" value="Search" /> </fieldset></form> </div>  <!-- end #search --> </div>  <!-- end #header -->  <div id="menu">   <ul>    <li><a href="#" _fcksavedurl="#">Inicio</a></li>    <li><a href="#" _fcksavedurl="#">Link's 1</a></li>    <li><a href="#" _fcksavedurl="#">Link's </a></li>    <li><a href="#" _fcksavedurl="#">Link's </a></li>    <li><a href="#" _fcksavedurl="#">Link's </a></li>    <li><a href="#" _fcksavedurl="#">Link's </a></li> </ul></div> <!-- end #menu --> <div id="page">

Debajo De la pagina :

<div id="sidebar"> <ul> <li>   <h2>Titulo box 1</h2><p>  Aqui puede poner lo que tu quieras!  </p></li><li>   <h2>Link's</h2> <ul>    <li><a href="#" _fcksavedurl="#">Uncategorized</a> (3) </li>    <li><a href="#" _fcksavedurl="#">Lorem Ipsum</a> (42) </li>    <li><a href="#" _fcksavedurl="#">Urna Congue Rutrum</a> (28) </li>    <li><a href="#" _fcksavedurl="#">Augue Praesent</a> (55) </li>    <li><a href="#" _fcksavedurl="#">Vivamus Fermentum</a> (13) </li> </ul></li><li>   <h2>Favoritos</h2> <ul>   <li><a href="#" _fcksavedurl="#">Uncategorized</a> (3) </li>   <li><a href="#" _fcksavedurl="#">Lorem Ipsum</a> (42) </li>   <li><a href="#" _fcksavedurl="#">Urna Congue Rutrum</a> (28) </li>   <li><a href="#" _fcksavedurl="#">Augue Praesent</a> (55) </li>   <li><a href="#" _fcksavedurl="#">Vivamus Fermentum</a> (13) </li> </ul></li><li>   <h2>Archivos</h2> <ul>   <li><a href="#" _fcksavedurl="#">Link's 1</a>Descripción</li>   <li><a href="#" _fcksavedurl="#">Link's 2</a>Descripción</li>   <li><a href="#" _fcksavedurl="#">Link's 3</a>Descripción</li>   <li><a href="#" _fcksavedurl="#">Link's 4</a>Descripción</li> </ul></li></ul> </div> <div style="clear: both;"> </div> </div> </div> <div id="footer">  <p>Copyright (c) 2009 tu sitio.es.tl. Todos los derechos reservados. Diseño por <a href="http://freecsstemplates.org/" _fcksavedurl="http://freecsstemplates.org/">FreeCSSTemplates</a>. Adaptado por <a href="http://cssplantillas.co.cc" _fcksavedurl="http://cssplantillas.co.cc">Css Plantillas</a></p> </div>

Sin Style Css :


#pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;}  li.nav_element a{display: none;}  h1#title{display: none;}  h2#title span {display: none;}   body {  margin: 20px;  background: #000000;  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  font-size: 13px;  color: #787878; }  h1, h2, h3 {  margin: 0;  font-family: Georgia, "Times New Roman", Times, serif;  font-weight: normal;  color: #000000; }  h1 {  font-size: 2em; }  h2 {  font-size: 1.6em; }  h3 {  font-size: 1.6em; }  p, ul, ol {  margin-top: 0;  line-height: 180%; }  ul, ol { }  a {  text-decoration: none;  border-bottom: 1px dotted #999999;  color: #A42424; }  a:hover {  background: none; }  #wrapper {  width: 910px;  margin: 0 auto;  padding: 20px;  background: #FFFFFF; }  /* Header */  #header {  width: 910px;  height: 172px;  margin: 0 auto;  background: url(http://pixelea.com/s/f1c5a2f135.jpg) no-repeat left top; }  /* Logo */  #logo {  float: left;  width: 640px;  color: #B2B2B2; }  #logo h1, #logo p { }  #logo h1 {  float: left;  padding: 100px 0 0 20px;  letter-spacing: -1px;  text-transform: uppercase;  font-size: 2.6em; }  #logo p {  float: left;  margin: 0;  padding: 110px 0 0 5px;  text-transform: uppercase;  font: bold 14px Arial, Helvetica, sans-serif;  }   #logo a {  border: none;  background: none;  text-decoration: none;  color: #FFFFFF; }  /* Search */  #search {  float: right;  width: 230px;  padding-top: 16px; }  #search form {  height: 41px;  margin: 0;  padding: 90px 0 0 0px; }  #search fieldset {  margin: 0;  padding: 0;  border: none; }  #search-text {  width: 200px;  border: none;  text-transform: lowercase;  border: 1px #525252 dotted;  font: bold 1.2em Arial, Helvetica, sans-serif;  color: #FFFFFF; }  #search-submit {  display: none; }  /* Menu */  #menu {  width: 910px;  height: 41px;  margin: 0 auto;  padding: 0;  background: url(http://pixelea.com/s/efacf61576.jpg) no-repeat left top; }  #menu ul {  margin: 0;  padding: 0;  list-style: none;  line-height: normal; }  #menu li {  float: left; }  #menu a {  display: block;  padding: 13px 10px 10px 20px;  text-transform: uppercase;  text-decoration: none;  font-family: Arial, Helvetica, sans-serif;  font-size: 10px;  font-weight: bold;  color: #FFFFFF;  border: none; }  #menu a:hover, #menu .current_page_item a {  color: #FFFFFF; }  #menu a:hover {  text-decoration: underline; }  /* Page */  #page {  width: 910px;  margin: 0 auto;  background: url(http://pixelea.com/s/ce73cd5406.jpg) no-repeat left top; }  /* Content */  #content {  float: left;  width: 600px;  padding: 40px 0 0 20px; }  /* Sidebar */  #sidebar {  float: right;  width: 220px;  padding: 40px 20px 0 0;  color: #787878; }  #sidebar ul {  margin: 0;  padding: 0;  list-style: none; }  #sidebar li { }  #sidebar li ul {  padding-bottom: 30px; }  #sidebar li li {  line-height: 35px;  border-bottom: 1px dashed #D2D4C9; }  #sidebar h2 {  letter-spacing: -.5px;  color: #000000; }  #sidebar p {  padding-bottom: 20px;  text-align: justify; }  #sidebar a {  color: #787878;  border: none; }  #sidebar a:hover {  text-decoration: underline;  color: #787878; }  /* Calendar */  #calendar { }  #calendar_wrap {  padding: 20px; }  #calendar table {  width: 100%; }  #calendar tbody td {  text-align: center; }  #calendar #next {  text-align: right; }  /* Footer */  #footer {  width: 910px;  height: 50px;  margin: 0 auto;  padding: 40px 0;  font-family: Arial, Helvetica, sans-serif;  color: #B2B2B2; }  #footer p {  margin: 0;  line-height: normal;  font-size: 9px;  text-transform: uppercase;  text-align: center; }  #footer a {  color: #FFFFFF; }

Transparent vista 2

Diseño para css desing



Codigo por encima de la pagina:

<!-- menu --> <div id="menu"> <ul id="nav"> </div> <p><img src="http://pixelea.com/s/34fe2e81b8.png" border="0" /> </p> <div class="sidebar2" id="link"> <img src="http://pixelea.com/s/09913e1195.png" border="0" /> <table background=http://pixelea.com/s/bb34586be3.png height=100 width=221> <tr> <td> <center> <a href="URL">Nombre</a><br /> <img src="http://pixelea.com/s/094987f9ef.png" border="0" /> <a href="URL">Nombre</a><br /> <img src="http://pixelea.com/s/094987f9ef.png" border="0" /> <a href="URL">Nombre</a><br /> <img src="http://pixelea.com/s/094987f9ef.png" border="0" /> <a href="URL">Nombre</a><br /> <img src="http://pixelea.com/s/094987f9ef.png" border="0" /> <br /></center> </td> </tr> </table> <img src="http://pixelea.com/s/8f9936edba.png" border="0" /> <img src="http://pixelea.com/s/09913e1195.png" border="0" /> <table background=http://pixelea.com/s/bb34586be3.png height=100 width=221> <tr> <td><center> <a href="URL">Nombre</a><br /> <img src="http://pixelea.com/s/094987f9ef.png" border="0" /> <a href="URL">Nombre</a><br /> <img src="http://pixelea.com/s/094987f9ef.png" border="0" /> <a href="URL">Nombre</a><br /> <img src="http://pixelea.com/s/094987f9ef.png" border="0" /> <a href="URL">Nombre</a><br /> <img src="http://pixelea.com/s/094987f9ef.png" border="0" /> <br /></center> </td> </tr> </table> <img src="http://pixelea.com/s/8f9936edba.png" border="0" /> </div> <fieldset> <img src="http://pixelea.com/s/e1d2c9c39a.png" border="0" /> <table background=http://pixelea.com/s/83cfc3bb21.png height=100 width= 733> <tr> <td>

Codigo por debajo de la pagina

</td> </tr> </table> <img src="http://pixelea.com/s/b6f01aa8b1.png" border="0" /> </fieldset> <style> <!-- a:hover{text-decoration:none;} a{text-decoration:none;} --> </style>

Codigo Sin style tag;

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;} body { background: #2e7fa9 url(http://appuvista.com/images/windows-vista-large/windows-vista-wallpaper-large-24.jpg); background-attachment: fixed; } fieldset { filter: alpha (opacity = 80),-moz-opacity: 0.90; opacity: 0.90; border-width : 0px; width: 712px; left: 230px; position: absolute; top: 251px; } .sidebar2 { filter: alpha (opacity = 80),-moz-opacity: 0.85; opacity: 0.85; width: 215px; border: 1px ; background-color: ; text-align: left; margin-bottom: 8px; } #menu { position: absolute; left:685px; top: 46px; }

Estilo 32

Codigo por encima de la pagina

<center> <!-- Cabezal --> <img src="Aqui la url de tu cabezal!" width="850px"/> <!-- Fin cabezal --> </center> <div class="main"> <ul> <li><a href="#">Inicio</a></li> <li><a href="#">Recursos</a></li> <li><a href="#">Noticias</a></li> <li><a href="#">Galerias</a></li> <li><a href="#">Contacto</a></li> </ul> </div> <div id="warp">

Codigo por debajo de la pagina

<div id="sidebar"> <div id="titulo">Lo mas reciente:</div> <center> Aqui puedes poner una descripcion de tu web o un mensaje de bienvenida! o lo que quieras. <br><br></center> <div id="titulo">Enlaces</div> - <a href="#">Enlace 1</a> / Descripcion del enlace<br> - <a href="#">Enlace 2</a> / Descripcion del enlace<br> - <a href="#">Enlace 3</a> / Descripcion del enlace<br> - <a href="#">Enlace 4</a> / Descripcion del enlace<br> - <a href="#">Enlace 5</a> / Descripcion del enlace<br> - <a href="#">Enlace 6</a> / Descripcion del enlace<br> <div id="titulo">Publicidad</div> <center> <img src="img/publi.png" /> </center> </div><!-- fin sidebar --> <div style="clear: both;"></div> <div id="footer"> <p class="left">© Todos los derechos reservados: <a href="http://tuweb.es.tl">Tu web</a> 2009 | Diseño por: <a href="http://cssplantillas.es.tl">Css Plantillas</a></p> <p class="right"><a href="/inicio.htm">Inicio</a> | <a href="http://cssplantillas.es.tl/contacto.htm" class="b">Contacto</a></p> </div> </div>

Codigo en "Sin style tag"

#pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #header {display: none;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;} * {margin: 0;padding: 0;} html {height: 100%;} body { height: 100%; text-align: center; font: 12px Arial, Helvetica, sans-serif; min-width: 850px; background:#EAEAEA; } a:link, a:visited { color: #FF6A00; text-decoration: none; } a:hover { text-decoration: none; } h1 { font: 2.6em Georgia, "Times New Roman", Times, serif; margin: 0 0 10px 40px; border-bottom: 1px solid #7F7F7F; width: 55%; padding: 15px 0 5px 0; } h2 { font: 1.2em Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #FFFFFF; border-left: 3px solid #FFAE20; padding-left: 14px; margin: 12px 0 0 40px; } h3 { color: #3D3D3D; font: 1.7em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; padding-left: 35px; margin: 18px 0 10px 0; } img { border: 0px; } /* Menu */ .main{ width: 850px; margin: 0 auto; margin-top:-3px; } .main:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .main ul{ width: 100%; background: #333; padding: 6px 0; margin: 0; text-align: left; } .main ul li{ display: inline; } .main ul li a{ color: #fff; font:bold 13px arial; padding: 7px 10px; margin: 0; text-decoration: none; } .main ul li a:hover, .main ul li a.selected{ background: #262626; color: yellow; } /* Content boxes */ #warp { width: 848px; margin: 0 auto; border: 1px solid #999; background: #fff; } #content { float: left; width: 620px; text-align: left; padding-left: 5px; padding-top: 3px; } #sidebar { float: right; width: 206px; border:2px solid #333; margin-bottom: 5px; background: #E2E2E2; text-align: left; } #sidebar a, #sidebar a:hover { color: #5B7F00; font-weight: bold; } #titulo { font-size: 13px; background: #343434; color: #FFFFFF; padding-top: 3px; padding-bottom: 3px; width: 206px; font-weight: bold; text-align:center; margin-bottom: 2px; } /* Footer */ #footer { background: #404040; color: white; width: 848px; height: 34px; margin: 0 auto; font-size: 11px; } #footer a, #footer a:hover { color: #fff; font-weight: bold; } #footer p.left, #footer p.right { width: 400px; display: inline; margin-bottom: 0; line-height: 30px; } #footer p.left { float: left; text-align: left; margin-left: 15px; } #footer p.right { float: right; font-weight: bold; text-align: right; margin-right: 15px; }