subir plantilla echa con artister

ola a todos ,hoy me cerraron el blog en blogger y me gustaria subir la plantilla k tenia k hice con el artister 3.0 a mi apartado de paginaweb y ponerla alli,si tengo k hacer una nueva desde el artister la are pork no creo k sirva la de blogger pero si creo una plantilla ,k es como la k tenia alli,k opcion e de elegir en el programa :itio web o blo,fuentes o cual e de cogery cuando la haya creado como la subo a paginaswebbratis'
gracias de antemano

Hola!

Deberás de adaptar el diseño a PWG, para eso podeis mirar estos temas:
+ http://www.paginawebgratis.es/forum/viewtopic.php?t=43974
+ http://www.paginawebgratis.es/forum/viewtopic.php?t=55531
+ http://www.paginawebgratis.es/forum/viewtopic.php?t=33835

Por otra parte deberás exportar la plantilla, para eso mira este tema:
+ http://www.paginawebgratis.es/forum/viewtopic.php?t=49967

Saludos!
Design-PWG.

gracias desing por contestar
esto lo e estado mirando antes y no me entero de nada
1º el programa envision k finalidad tiene si pongo lo k me vien en el archivo index ,eso no lo kiero yo lo k kiero poner el el codigo k hay en mi pagina de blogger o adaptarlo,
2ºsi tengo k hacer una plantilla nueva supongo k el de blogger k tenia exo ya no me sirve ,k elijo la opcion en el artister de para web o blog?
3ºel otro enlace el del programa refrest 1.0 pone k al final de tutorial esta el link para descargar el programa pero no lo veo y es mas creo k es para lo mismo k el envision o por lo menos me lo parece
y 4º nose pork es tan complicao esta si para blogger solo tuve k elegir la opcion de blogger y al acabar la plantilla me la paso directam,ente alli
yo solo kiero saber como pongo una plantilla del programa artister en la web de paginasgratis pero algo mas sencillo o manual para tontos

luego en el manual envision pone k hay k editar lo rojo y cuando lo abramos con un navegador lo borrara pero no pone k es lo k hay k poner y k editar pork si son las paginas ,primero abra k crearlas en la web ,no?
es k ya te digo k es muy complicao o soy yo k me desanimo despues de lo de hoy
osea primero habria k crear las paginas en la web,por ejemplo contacto,descargas,pelis online y luego ir una por una y abriendolas para asi saber el enlace de cada pagina y eso ponerlo alli,en lo rojo,y una vez puesto,abrirlo con un navegador y este se borrara???es eso...

Como te comente, tendrás que adaptarla a PWG. Si te es mas fácil sube la plantilla a Blogger y adaptarla a PWG mirando los tutoriales que te he dejado arriba.

Saludos!
Design-PWG.

k hay de nuevo desing,subirla a blogger ,no te entiendo,si lo k no kiero es ponerla de nuevo en blogger k alli ya me cerraron la pagina,por eso keria venir a paginaswebgratis
y lo de pwg k es el ultimo tutorial?

Mira es simple, te crear un nuevo blog subes tu diseño y lo adaptas a PWG.

Tambien puedes visitar la seccion de CSS que tiene muchos diseños y la seccion de talleres para pedir alguno.

Saludos!

no me podrias explicar k es pwg ,a lo k kieres decir es k suba de nuevo un blog a blogger y luego lo adapte a pwg,eso k seria dejaro en blogger pero con otro nombre o cambiar el diseño de blogger con pwg y pasarlo a paginaswebgratis
pork lo k no kiero es dejar mi blog en blogger claro no entiendo eso de pasarlo a pwg.
y perdona desing k seas tan ignorante,segun pone en el tutorial o por lo k e podido entender subes la plantilla y luego alli la adaptas con un programa como el crearor exportes
pero vamos a ver,subo la plantilla de nuevo a blogger ,estando alli adpto todas las fotos a k a pwg con ese programa y las subo? y luego una vez k tengo las imagenes subidas como subo la plantilla a apginawebgratis?
es k no se explica muy bien k digamosen el post.:
lo que quiere decir es que con un programa como por ejemplo PWG Creator Exportes El Code Y Suvas Las Img Para Adaptar
Tenes que exportar el diseño, luego de guardarlo, lo empiezas a adaptar normalmente y subir las imágenes a un hosting.
Suerte.


Donde lo exporto ¿?


En las opciones, la tabla esa, la paleta de colores, le das > exportar > html (otros) y la adaptas.

osea esto estoy seguro k es para gente k debe de saber pork yo no me entero de nada...

Mira tratare de ser lo mas claro posible .

Create un nuevo blog y sube tu diseño (el que has creado) a ese blog. Luego adapta el diseño a paginawebgratis. Para que hacemos eso, para poder tener el codigo HTML, CSS y las imágenes.

¿Como adaptar ese diseño?
con los tutoriales que te he dejado allí arriba.

Lamento no poder ayudarte mucho en el tema es que jamas he usado blogger y el programa que estas utilizando

Saludos!
Design-PWG.

gracias desing haber si te e cogido
yo el codigo html k tengo de mi blog de blogger ya lo tengo k es el k tenia puesto e hice una copia antes de k me lo cerraran y tengo k adaptar a pwg eso seria no?
entonces cogo ese codigo lo habro con un blog de notas por ejemplo y lo adapto segun el maual k hay de pwg eso seria?
y una vez k lo e adaptado y subido las imagenes a imageshark,como lo pongo en paginaswebgratis?
se puede poner todo en pagina arriba o es como el tutorial k sale en el primer enlace ,pagina arriba .,otra parte pagina abajo y otra parte en css,es algo asi? o k es lo k tengo k hacer y no conoces algun programa como el artister k directamente te suba el blog o web directa a tu pagina,dando los datos de ella?

Si tienes el HTML el CSS solo es cuestion de pegar las imagenes donde te las pida ya sea en el CSS o HTML y subir manualmente las cosas a PWG.

Para adaptar el diseño apoyate en los tutoriales que te he dejado.

Saludos!
Design-PWG.

ola desing ya estoy intentando modificar el codigo html,pero nada mas empezar me e encontrao de k no sale ningun archivo index ,ni html solo me sale este articho un XML y se llama main y el codigo es este,me podrias decir cual seria la parte de arriba y cual la de abajo por favor?



<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin>
<![CDATA[
/* begin Page */
/* Created by Artisteer v3.1.0.46558 */

#art-main, table
{
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
margin: 0;
padding: 0;
}

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent-body,
ul.art-vmenu a
{
text-align: left;
}

.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 16px;
}

.art-postcontent p
{
margin-top: 12px;
margin-right: 0px;
margin-bottom: 12px;
margin-left: 0px;
}

.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
.art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
.art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
.art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
.art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
.art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
.art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover,
.art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
{
font-weight:normal;
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;
font-size: 22px;
text-decoration: none;
}

.art-postcontent a
{
text-decoration: none;
color: #F52505;
}

.art-postcontent a:link
{
text-decoration: none;
color: #F52505;
}

.art-postcontent a:visited, .art-postcontent a.visited
{

color: #FAF719;
}

.art-postcontent a:hover, .art-postcontent a.hover
{

text-decoration: underline;
color: #FAFAFA;
}

.art-postcontent h1
{
color: #FAFAFA;
}

.art-postcontent h1, .art-blockcontent h1
{
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited,
.art-blockcontent h1, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited
{
font-size: 26px;
}

.art-postcontent h2
{
color: #FAF719;
}

.art-postcontent h2, .art-blockcontent h2
{
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

.art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited,
.art-blockcontent h2, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited
{

}

.art-postcontent h3
{
color: #F52505;
}

.art-postcontent h3, .art-blockcontent h3
{
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

.art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited,
.art-blockcontent h3, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited
{
font-size: 18px;
}

.art-postcontent h4
{
color: #D6D6D6;
}

.art-postcontent h4, .art-blockcontent h4
{
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

.art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited,
.art-blockcontent h4, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited
{
font-size: 16px;
}

.art-postcontent h5
{
color: #D6D6D6;
}

.art-postcontent h5, .art-blockcontent h5
{
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

.art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited,
.art-blockcontent h5, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited
{
font-size: 14px;
}

.art-postcontent h6
{
color: #C4C4C4;
}

.art-postcontent h6, .art-blockcontent h6
{
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

.art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited,
.art-blockcontent h6, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited
{
font-size: 13px;
}

ul
{
list-style-type: none;
}

ol
{
list-style-position: inside;
}

html, body
{
height:100%;
}

#art-main
{
position: relative;
z-index: 0;
width: 100%;
min-height: 100%;
left: 0;
top: 0;
cursor:default;
overflow:hidden;
}

#art-page-background-glare-wrapper {
position: fixed;
width:100%;
}

#art-page-background-glare
{
position: relative;
top: 0;
max-width:3864px;
min-width: 100%;
height:222px;
margin: 0 auto;
background-image: url('images/page_gl.png');
background-repeat: no-repeat;
background-position: center top;
}

body
{
padding: 0;
margin:0;
min-width: 100%;
min-width: 700px;
color: #FAFAFA;
background-color: #C7C7C7;
background-image: url('images/Bottom_texture.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
}



.cleared
{
display:block;
clear: both;
float: none;
margin: 0;
padding: 0;
border: none;
font-size: 0;
height:0;
overflow:hidden;
}

.reset-box
{
overflow:hidden;
display:table;
}

form
{
padding: 0 !important;
margin: 0 !important;
}

table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}


/* Start Box */
.art-box, .art-box-body {
margin:0 auto;
position:relative;
}
.art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {
position:absolute;
top:0;
bottom:0;
content:' ';
background-repeat: no-repeat;
line-height:0;
}
.art-box:before,.art-box-body:before{left:0;}
.art-box:after,.art-box-body:after{right:0;}
.art-box:before {overflow:hidden;background-position: bottom left; direction: ltr;}
.art-box:after {background-position: bottom right;}
.art-box-body:before, .art-box-body:after {background-repeat:repeat-y;}
.art-box-body:before {background-position: top left;}
.art-box-body:after {background-position: top right;}
.art-box:before,.art-box:after, .art-box-body:before, .art-box-body:after {z-index:-3;}
.art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after { z-index:-2;}
.art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {z-index:-1;}
/* End Box */

/* Start Bar */
.art-bar {position:relative;}
.art-bar:before, .art-bar:after {
position:absolute;
top:0;
bottom:0;
content:' ';
background-repeat:repeat;
z-index:-1;
}
.art-bar:before {left:0;background-position: top left;}
.art-bar:after {right:0;background-position: top right;}
/* End Bar */

li h1, .art-postcontent li h1, .art-blockcontent-body li h1
{

margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 1px;
}
li h2, .art-postcontent li h2, .art-blockcontent-body li h2
{

margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 1px;
}
li h3, .art-postcontent li h3, .art-blockcontent-body li h3
{

margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 1px;
}
li h4, .art-postcontent li h4, .art-blockcontent-body li h4
{

margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 1px;
}
li h5, .art-postcontent li h5, .art-blockcontent-body li h5
{

margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 1px;
}
li h6, .art-postcontent li h6, .art-blockcontent-body li h6
{

margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 1px;
}
li p, .art-postcontent li p, .art-blockcontent-body li p
{

margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 1px;
}


#navbar
{
position: fixed;
width: 100%;
z-index: 10;
}

#comments{
padding: 0 15px 15px 15px;
position: relative;
}

#comments h4 {
margin: 0 0 10px;
padding-top: 0;
padding-right: 14px;
padding-bottom: 2px;
padding-left: 29px;
font-size: 120%;
line-height: 1.4em;
}

#comments a:link, #comments a:visited, #comments a:active, #comments a:hover{
color: #F52505;
}

.comment-author {
margin: .5em 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 20px;
font-weight: bold;
}

.comment-body {
margin: 0 0 1.25em;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 20px;
}

.comment-body p {
margin: 0 0 .5em;
}

.comment-footer {
margin: 0 0 .5em;
padding-top: 0;
padding-right: 0;
padding-bottom: .75em;
padding-left: 20px;
}

#ArchiveList ul li
{
text-indent: -10px !important;
padding: 0 0 0 15px;
}


.profile-datablock, .profile-textblock {
margin: 0 0 .75em;
line-height: 1.4em;
}
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
border: 5px solid #889977;
}
.profile-data {
font-weight: bold;
}

.blog-pager{
margin-left: 15px;
}

.post-feeds{
margin-left: 15px;
}

.blog-feeds
{
margin-left: 15px;
}


/* for Blogger Page Elements */

body#layout #art-main{
position: relative;
}

body#layout div.art-header{
height: auto;
width: 100%;
}
body#layout .art-content-layout{
margin-top: 18px;
padding-top: 2px;
width: 100%
}

body#layout .art-sheet{
width: 100%;
margin-top: 0 !important;
top: 0 !important;
}

body#layout .art-sheet:before, body#layout .art-sheet:after {
content : '';
}

body#layout .art-footer{
width: 100%;
}

body#layout .art-footer .art-footer-text{
height: 85px;
}

body#layout .art-blockcontent-body{
padding: 0;
}

body#layout .art-block-body{
padding: 0;
}

body#layout .art-nav{
height: auto;
}


body#layout .section{
width: auto;
}

body#layout #Header1, body#layout #LinkList97, body#layout #BlogArchive99, body#layout #PageList99
{
display: none;
}

body#layout, body#layout #art-page-background-top-texture, body#layout #art-page-background-middle-texture, body#layout #art-page-background-glare
{
min-width: 0;
}

#Attribution1
{
display: none;
}

/* search results */

#uds-searchControl .gsc-results,
#uds-searchControl .gsc-tabhActive
{
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
color: #FAFAFA !important;
background-color: transparent !important;
}


#uds-searchControl a,
#uds-searchControl .gs-result .gs-title *,
#uds-searchControl .gs-visibleUrl ,
#uds-searchControl .gsc-tabhInactive
{
text-decoration: none;
color: #F52505 !important;
}


.blog-pager a:link, .blog-pager a:visited, .blog-pager a:active, .blog-pager a:hover,
.feed-links a:link, .feed-links a:visited, .feed-links a:active, .feed-links a:hover{
color: #F52505;
}

#blog-pager-newer-link {
float: left;
margin-left: 13px;
}

#blog-pager-older-link {
float: right;
margin-right: 13px;
}

#blog-pager {
text-align: center;
}/* end Page */

/* begin Header */
div.art-header
{
margin: 0 auto;
position: relative;
width:100%;
z-index: -5;
width:100%;
height: 150px;
margin-top: 0px;
margin-bottom: 0px;
}
.art-header-position
{
position: absolute;
top: 0;
left: 0;
right: 0;
left: 0;
}

.art-header-wrapper
{
min-width: 700px;
max-width: 1920px;
position: relative;
top:0;
width:100%;
margin:0 auto;
}
.art-header-inner
{
position: relative;
margin: 0 6px;
}


.art-header:before
{
position: absolute;
display:block;
content:' ';
z-index:-2;
top: 0;
width:100%;
height: 150px;
background-image: url('images/header.png');
background-repeat: no-repeat;
background-position:top center;
}



body#layout #Header1
{
display: block;
}/* end Header */

/* begin HeaderObject */
div.art-headerobject
{
display: block;
position: relative;
left: 43%;
margin-left: -311px;
position: absolute;
top: 0px;
width: 723px;
height: 163px;
background-image: url('images/header-object.png');
}
/* end HeaderObject */

/* begin Logo */
div.art-logo
{
display: block;
position: absolute;
top: 20px;
left: 0%;
margin-left: 0px;

}



/* end Logo */

/* begin Menu */
/* menu structure */

ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover
{
outline: none;
position: relative;
z-index: 11;
}

ul.art-hmenu, ul.art-hmenu ul
{
display: block;
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

ul.art-hmenu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background: none;
}

ul.art-hmenu li:hover{z-index: 10000;white-space: normal;}
ul.art-hmenu li li{float: none; width: auto;}
ul.art-hmenu li:hover>ul {visibility: visible;top: 100%;}
ul.art-hmenu li li:hover>ul {top: 0;left: 100%;}
ul.art-hmenu:after, ul.art-hmenu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
ul.art-hmenu, ul.art-hmenu ul {min-height: 0;}

ul.art-hmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background-image: url('images/spacer.gif');
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}

ul.art-hmenu ul.art-hmenu-left-to-right {right: auto; left: 0; margin: -10px 0 0 -30px;}
ul.art-hmenu ul.art-hmenu-right-to-left {left: auto; right: 0; margin: -10px -30px 0 0;}

ul.art-hmenu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}

ul.art-hmenu ul ul.art-hmenu-left-to-right
{
right: auto;
left: 0;
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}

ul.art-hmenu ul ul.art-hmenu-right-to-left
{
left: auto;
right: 0;
padding: 30px 10px 30px 30px;
margin: -30px -10px 0 0;
}

ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {right: auto; left: 100%;}
ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {left: auto; right: 100%;}

ul.art-hmenu{position:relative;padding: 6px 6px 6px 6px;}
div.art-nav-center{position: relative;float: right;right: 50%;}
ul.art-hmenu {float: left;left: 50%;}
.firefox2 ul ul.art-hmenu{float: none;}
/* end menu structure */

/* menu bar */

.art-nav
{
width:100%;
margin:0 auto;
min-height: 38px;
z-index: 100;
margin-top: 0px;
margin-bottom: 0px;
}

.art-nav:before, .art-nav:after{background-image: url('images/nav.png');}
.art-nav:before{right: 0px;}
.art-nav:after{width: 0px;}
/* end menu bar */
.art-nav-outer{position:absolute;width:100%;}
.art-nav-wrapper
{
position: relative;
min-width: 700px;
max-width: 1920px;
width:100%;
margin:0 auto;
}

.art-nav-inner{margin: 0 6px;}

/* end Menu */

/* begin MenuItem */
ul.art-hmenu>li>a
{
position: relative;
display: block;
height: 26px;
cursor: pointer;
text-decoration: none;
}

ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after
{
position: absolute;
display: block;
content:' ';
top: 0;
bottom:0;
z-index: -1;
background-image: url('images/menuitem.png');
}

ul.art-hmenu>li>a:before
{
left: 0;
right: 3px;
background-position: top left;
}

ul.art-hmenu>li>a:after
{
width: 3px;
right: 0;
background-position: top right;
}

.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
text-align: left;
text-decoration: none;
}

ul.art-hmenu>li>a
{
color: #000000;
padding: 0 17px;
line-height: 26px;
text-align: center;
}

ul.art-hmenu>li>a.active:before {background-position: bottom left;}
ul.art-hmenu>li>a.active:after {background-position: bottom right;}
ul.art-hmenu>li>a.active {color: #000000;}

ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {background-position: center left;}
ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {background-position: center right;}
ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{ color: #000000;}

/* end MenuItem */

/* begin MenuSeparator */
ul.art-hmenu>li:before
{
position:absolute;
display: block;
content:' ';
top:0;
left: -10px;
width:10px;
height: 26px;
background: url('images/menuseparator.png') center center no-repeat;
}

ul.art-hmenu>li {margin-left:10px;}
ul.art-hmenu>li:first-child {margin-left:0;}

ul.art-hmenu>li:first-child:before{display:none;}
/* end MenuSeparator */

/* begin MenuSubItem */
.art-hmenu ul a
{
display: block;
text-align: center;
white-space: nowrap;
height: 24px;
line-height: 24px;
background-image: url('images/subitem.png');
background-position: left top;
background-repeat: repeat-x;
border-width: 1px;
border-style: solid;
border-top-width: 0;
border-color: #000000;
min-width: 7em;
}

.art-hmenu ul>li:first-child>a
{
border-top-width: 1px;
}

.art-hmenu ul a, .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active
{
text-align: left;
text-decoration: none;
line-height: 24px;
color: #000000;

margin:0;
padding: 0 22px;
}

.art-hmenu ul li a:hover
{
color: #000000;
background-position: left bottom;
border-color: #000000;
border-top-width: 1px !important;
}

.art-hmenu ul li a.art-hmenu-before-hovered
{
border-bottom-width: 0 !important;
}

.art-hmenu ul li:hover>a
{
color: #000000;
background-position: left bottom;
border-color: #000000;
border-top-width: 1px !important;
}

ul.art-hmenu ul ul { margin-left: -11px; z-index: -1;}
ul.art-hmenu ul ul.art-hmenu-left-to-right { margin-left: -11px; }
ul.art-hmenu ul ul.art-hmenu-right-to-left { margin-right: -11px; }

/* end MenuSubItem */

/* begin Box, Sheet */
.art-sheet
{
width:100%;
max-width:1920px;
}
.art-sheet-body
{
padding:6px;
min-width:26px;
min-height:26px;
}
.art-sheet:before, .art-sheet:after
{
content: url('images/sheet_t.png');
font-size: 0;
background-image: url('images/sheet_b.png');
}
.art-sheet:after{clip:rect(auto, auto, auto, 1901px);}
.art-sheet:before,.art-sheet-body:before{right:19px;}
.art-sheet-body:after{width: 19px;}
.art-sheet-body:before,.art-sheet-body:after
{
top:19px;
bottom:19px;
background-image:url('images/sheet.png');
}
.art-sheet
{
margin-top: 0px;
margin-bottom: 0px;
cursor:auto;
width: 100%;
min-width: 700px;
max-width: 1920px;
}

.art-sheet-body
{
padding-top:0px;
padding-bottom:0px;
}
/* end Box, Sheet */

/* begin Layout */
.art-layout-wrapper
{
position:relative;
margin:0px auto 0px auto;
}

.art-content-layout
{
display: table;
width:100%;
table-layout: fixed;
border-collapse: collapse;
}

.art-content-layout-row {display: table-row;}

.art-layout-cell
{
display: table-cell;
vertical-align: top;
}


body#layout .art-content-layout
{
width: 100%;
}
/* end Layout */

/* begin Button */
span.art-button-wrapper>a.art-button,
span.art-button-wrapper>a.art-button:link,
span.art-button-wrapper>input.art-button,
span.art-button-wrapper>button.art-button
{
text-decoration: none;
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
position:relative;
top:0;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: center;
color: #FFFFFF !important;
width: auto;
outline: none;
border: none;
background: none;
line-height: 31px;
height: 31px;
margin: 0 !important;
padding: 0 16px !important;
overflow: visible;
cursor: pointer;
text-indent: 0;
}

.art-button img, span.art-button-wrapper img
{
margin: 0;
vertical-align: middle;
}

span.art-button-wrapper
{
position:relative;
vertical-align: middle;
display: inline-block;
position: relative;
height: 31px;
overflow: hidden;
white-space: nowrap;
text-indent: 0;
width: auto;
max-width:1920px;
margin: 0;
padding: 0;
z-index: 0;
}

.firefox2 span.art-button-wrapper
{
display: block;
float: left;
}

input, select, textarea
{
vertical-align: middle;
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
}

div.art-block select
{
width:96%;
}

span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link
{
color: #7F5305 !important;
text-decoration: none !important;
}

span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link
{
color: #828282 !important;
}

span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r
{
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: 0;
padding: 0;
background-image: url('images/button.png');
background-repeat: no-repeat;
}

span.art-button-wrapper>span.art-button-l
{
left: 0;
right: 10px;
background-position: top left;
}

span.art-button-wrapper>span.art-button-r
{
width: 10px;
right: 0;
background-position: top right;
}

span.art-button-wrapper.hover>span.art-button-l
{
background-position: center left;
}

span.art-button-wrapper.hover>span.art-button-r
{
background-position: center right;
}

span.art-button-wrapper.active>span.art-button-l
{
background-position: bottom left;
}

span.art-button-wrapper.active>span.art-button-r
{
background-position: bottom right;
}

span.art-button-wrapper input
{
float: none !important;
}
/* end Button */

/* begin Box, Block */
.art-block
{
max-width:1920px;
}
.art-block-body
{
padding:0px;
}
.art-block
{
margin: 10px;
}

div.art-block img
{
/* WARNING do NOT collapse this to 'border' - inheritance! */
border-width: 0px;
margin: 0px;
}

/* end Box, Block */

/* begin BlockHeader */
.art-blockheader {margin-bottom: 0px;}

.art-blockheader, .art-blockheader .t
{
min-height: 26px;
line-height:26px;
}

.art-blockheader .t,
.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited,
.art-blockheader .t a:hover
{
color: #FFFFFF;
font-size: 14px;
}

.art-blockheader .t
{
margin:0;
padding: 0 5px 0 5px;
white-space: nowrap;
}

/* end BlockHeader */

/* begin Box, BlockContent */
.art-blockcontent
{
max-width:1920px;
}
.art-blockcontent-body
{
padding:5px;
}
.art-blockcontent-body,
.art-blockcontent-body table,
.art-blockcontent-body li,
.art-blockcontent-body a,
.art-blockcontent-body a:link,
.art-blockcontent-body a:visited,
.art-blockcontent-body a:hover
{
color: #FAFAFA;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
}

.art-blockcontent-body p
{
margin-top: 12px;
margin-right: 0px;
margin-bottom: 12px;
margin-left: 0px;
}

.art-blockcontent-body a, .art-blockcontent-body a:link
{
color: #FAF719;
text-decoration: underline;
}

.art-blockcontent-body a:visited, .art-blockcontent-body a.visited
{
color: #F52505;
text-decoration: underline;
text-decoration: none;
}

.art-blockcontent-body a:hover, .art-blockcontent-body a.hover
{
color: #FAFAFA;
text-decoration: none;

}

.art-blockcontent-body ul li
{
font-size: 13px;
line-height: 125%;
color: #D6D6D6;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
padding: 0px 0px 0px 12px;
background-image: url('images/blockcontentbullets.png');
background-repeat: no-repeat;
background-position: top left;
}


/* Variable definitions
====================
<Variable name="textcolor" description="Block Text Color"
type="color" default="#FAFAFA" value="#FAFAFA">

<Variable name="linkcolor" description="Block Link Color"
type="color" default="#FAF719" value="#FAF719">

<Variable name="visitedlinkcolor" description="Block Visited Link Color"
type="color" default="#F52505" value="#F52505">

<Variable name="hoveredlinkcolor" description="Block Hovered Link Color"
type="color" default="#FAFAFA" value="#FAFAFA">

*/

.art-blockcontent-body
{
color: $textcolor;
}

.art-blockcontent-body a:link
{
color: $linkcolor;
}

.art-blockcontent-body a:visited, .art-blockcontent-body a.visited
{
color: $visitedlinkcolor;
}

.art-blockcontent-body a:hover, .art-blockcontent-body a.hover
{
color: $hoveredlinkcolor;
}

.toggle span
{
color: $linkcolor;
}

.gsc-branding-text {
color: $textcolor !important;
}
/* end Box, BlockContent */

/* begin Box, Post */
.art-post
{
max-width:1920px;
}
.art-post-body
{
padding:10px;
}
.art-post
{
margin: 0px;
}

a img
{
border: 0;
}

.art-article img, img.art-article, .art-block img, .art-footer img
{
border-color: #FAFAFA;
border-style: solid;
border-width: 3px;
margin: 7px 7px 7px 7px;
}

.art-metadata-icons img
{
border: none;
vertical-align: middle;
margin: 2px;
}

.art-article table, table.art-article
{
border-collapse: collapse;
margin: 1px;
}

.art-post .art-content-layout-br
{
height: 0px;
}

.art-article th, .art-article td
{
padding: 2px;
border: solid 3px #FAFAFA;
vertical-align: top;
text-align: left;
}

.art-article th
{
text-align: center;
vertical-align: middle;
padding: 7px;
}

pre
{
overflow: auto;
padding: 0.1em;
}



#uds-searchControl .gsc-results, #uds-searchControl .gsc-tabhActive
{
border-color: #FAFAFA !important;
}
/* end Box, Post */

/* begin PostHeaderIcon */
.art-postheader
{
color: #C2C2C2;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
line-height: 1em;
}

.art-postheader,
.art-postheader a,
.art-postheader a:link,
.art-postheader a:visited,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a.hovered
{
font-size: 20px;
}

.art-postheader a, .art-postheader a:link
{
text-align: left;
text-decoration: none;
color: #B5B5B5;
}

.art-postheader a:visited, .art-postheader a.visited
{

color: #E5E5E5;
}

.art-postheader a:hover, .art-postheader a.hovered
{


color: #C4C4C4;
}

/* end PostHeaderIcon */

/* begin PostBullets */
.art-postcontent ol, .art-postcontent ul
{
margin: 1em 0 1em 2em;
padding: 0;
}

.art-postcontent li
{
font-size: 13px;
}

.art-postcontent li ol, .art-post li ul
{
margin: 0.5em 0 0.5em 2em;
padding: 0;
}

.art-postcontent li
{
color: #C2C2C2;
margin-top: 3px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: -15px;
padding: 0;
}


.art-postcontent li
{
padding: 0px 0px 0px 13px;
}

.art-postcontent ol>li
{
background: none;
padding-left: 0;
/* overrides overflow for "ul li" and sets the default value */
overflow: visible;
}

.art-postcontent ul>li
{
background-image: url('images/postbullets.png');
background-repeat: no-repeat;
background-position: top left;
padding-left: 13px;
/* makes "ul li" not to align behind the image if they are in the same line */
overflow-x: visible;
overflow-y: hidden;
}

/* end PostBullets */

/* begin PostQuote */
blockquote,
blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover
{
color: #0F0F0F;
font-style: italic;
font-weight: normal;
text-align: left;
}

/* Override native 'p' margins*/
blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer blockquote p
{
margin: 0;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}

blockquote
{
margin: 10px;
padding: 10px;
background-color: #E0E0E0;
margin-left: 50px;
padding-left: 38px;
background-image: url('images/postquote.png');
background-position: left top;
background-repeat: no-repeat;
/* makes block not to align behind the image if they are in the same line */
overflow: auto;
clear:both;
}

/* end PostQuote */

/* begin Footer */
.art-footer
{
position: relative;
margin-top:0px;
margin-bottom:0px;
width: 100%;
}

.art-footer-body
{
position:relative;
padding: 5px;
}

.art-footer-body ul li
{

color: #E8E8E8;

padding: 0px 0px 0px 13px;
background-image: url('images/footerbullets.png');
background-repeat: no-repeat;
background-position: top left;
}

.art-footer-body:before
{
position: absolute;
content:' ';
z-index:-2;
left:0;
right:0;
top:0;
bottom:50px;
background-image: url('images/footer.png');
background-position:bottom left;
}

.art-footer:before, .art-footer:after
{
position: absolute;
content:' ';
z-index:-2;
bottom:0;
height:50px;
background-image: url('images/footer_b.png');
}

.art-footer:before
{
left:0;
right:0px;
background-position: bottom left;
}

.art-footer:after
{
right:0;
width:0px;
background-position: bottom right;
}

.art-footer-body .art-rss-tag-icon
{
position: absolute;
left: -6px;
bottom:0px;
z-index:1;
}

.art-rss-tag-icon
{
display: block;
background-image: url('images/rssicon.png');
background-position: center right;
background-repeat: no-repeat;
height: 32px;
width: 32px;
cursor: default;
}

.art-footer-text p
{
padding:0;
margin:0;
}

.art-footer-body,
.art-footer-body a,
.art-footer-body a:link,
.art-footer-body a:visited,
.art-footer-body a:hover,
.art-footer-body td,
.art-footer-body th,
.art-footer-body caption
{
color: #121212;
font-size: 11px;
}

.art-footer-text
{
min-height: 32px;
padding-left: 42px;
padding-right: 42px;

position: relative;
float: left;
left: 50%;
}

.art-footer-text,
.art-footer-text p
{
text-align: center;
}

.art-footer-body a,
.art-footer-body a:link
{
color: #FAF719;
text-decoration: none;
}

.art-footer-body a:visited
{
color: #BFBFBF;

}

.art-footer-body a:hover
{
color: #E3E3E3;

text-decoration: underline;
}

.art-footer-center
{
position: relative;
float: right;
right: 50%;
}

div.art-footer img
{
/* WARNING do NOT collapse this to 'border' - inheritance! */
border-width: 0px;
margin: 0px;
}/* end Footer */

/* begin PageFooter */
.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover
{
font-family: Arial;
font-size: 10px;
letter-spacing: normal;
word-spacing: normal;
font-style: normal;
font-weight: normal;
text-decoration: underline;
color: #D1D1D1;
}

.art-page-footer
{
position: relative;
z-index: 10;
padding: 1em;
text-align: center;
text-decoration: none;
color: #BFBFBF;
}
/* end PageFooter */

/* begin LayoutCell, content */


body#layout .art-content-layout .art-content
{
}

/* end LayoutCell, content */

/* begin LayoutCell, sidebar1 */
.art-content-layout .art-sidebar1
{
width: 310px;
}


body#layout .art-content-layout .art-sidebar1
{
width: 310px;
}

/* end LayoutCell, sidebar1 */



/*[*//*]*/
]]>
</b:skin>

<!--[if IE 6]>
<style type="text/css">
/* begin Page */

/* Created by Artisteer v3.1.0.46558 */

#art-main {
zoom:expression(runtimeStyle.zoom=1,calcWidth=function(o){var p='100%';var min=700;var max=1920;var b=document.body;if(o.w!=b.clientWidth){o.w=b.clientWidth;var w=b.clientWidth/100*parseInt(p);return w < min ? min+'px': w > max ? max+'px':p;}});
width:auto;
}
#art-page-background-glare{display: none;}
.cleared {width:1px;}
/* Start Box */
.art-box, .art-box-body {zoom:1;}
/* End Box */
/* Start Bar */
.art-bar{zoom:1;}
/* End Bar */


#art-page-background-glare-image
{
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+artGetStyleUrl()+"images/Page-BgGlare.png',sizingMethod='crop')");
}

img
{
filter: expression(artFixPNG(this));
}

#ArchiveList ul li
{
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="");
}
#ArchiveList a.toggle, #ArchiveList a.toggle:link, #ArchiveList a.toggle:visited, #ArchiveList a.toggle:hover
{
color: expression(this.parentNode.currentStyle["color"]);
}
/* end Page */

/* begin Header */
.art-header {zoom:expression(runtimeStyle.zoom=1,insertBefore(document.createElement('div'),firstChild).className='art-header-png');}
.art-header
{
z-index: 1;
}
.art-header-png
{
position: absolute;
z-index:-2;
top: 0;
width:100%;
height: 150px;
background-image: url('images/header.png');
background-repeat: no-repeat;
background-position:top center;
}

div.art-header-wrapper{width:expression(calcWidth(this));}
/* end Header */

/* begin HeaderObject */
div.art-headerobject{font-size: 1px;}
/* end HeaderObject */

/* begin Menu */
ul.art-hmenu, ul.art-hmenu ul, ul.art-hmenu li, ul.art-hmenu a {zoom:1;}
.art-hmenu li.art-hmenuhover{z-index: 10000;}
.art-hmenu .art-hmenuhoverUL{visibility: visible;top: 100%;left: 0;}
.art-hmenu .art-hmenuhoverUL .art-hmenuhoverUL{top: 0;left: 100%;}
.art-hmenu ul li {float: left !important; clear: both; width: 100%;}
.art-nav
{
zoom: 1;
height: 38px;
background:#F52505;
}
.art-nav-wrapper{width:expression(calcWidth(this));}

/* end Menu */

/* begin MenuItem */
.art-hmenu a
{
display:inline-block;
color: #000000;
background-color:#FAFAFA;
padding: 0 17px;
line-height: 26px;
text-align: center;
}

.art-hmenu a.active
{
color: #000000;
background-color:#FAF719;
}

.art-hmenu a:hover, .art-hmenuhoverA, .art-hmenuhover a
{
color: #000000;
background-color:#F52505;
}

/* end MenuItem */

/* begin MenuSeparator */
ul.art-hmenu li {margin-left:expression(this.previousSibling==null?'0':'10px');}
ul.art-hmenu li li{margin-left:0;}

span.art-hmenu-separator
{
position:absolute;
display: block;
top:0;
left: -10px;
width: 10px;
height: 26px;
background: url('images/menuseparator.png') center center no-repeat;
}
/* end MenuSeparator */

/* begin MenuSubItem */
.art-hmenu ul a
{
color: #000000 !important;
}

.art-hmenu ul a:hover, .art-hmenu ul .art-hmenuhover .art-hmenuhoverA
{
color: #000000 !important;
background-position: left bottom;
border-color: #000000;
border-top-width: 1px !important;
}
.art-hmenu ul a { float: left;}

/* end MenuSubItem */

/* begin Box, Sheet */
.art-sheet {background:#9F9F9F;}
.art-sheet{width:expression(calcWidth(this));}
/* end Box, Sheet */

/* begin Layout */
.art-content-layout, .art-content-layout-row, .art-layout-cell
{
display: block;
zoom: 1;
}
.art-layout-cell
{
position:relative;
float: left;
clear: right;
}
/* end Layout */

/* begin Button */
.art-button-wrapper{zoom: 1;}
.art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r {display: none;}
.art-button-wrapper .art-button {float: left;}
/* end Button */

/* begin Box, Block */
.art-block {background:#9F9F9F;}
/* end Box, Block */

/* begin BlockHeader */
.art-blockheader {background:#9F9F9F;}
/* end BlockHeader */

/* begin Box, BlockContent */
.art-blockcontent {background:#9F9F9F;}
.art-blockcontent-body ul li{height: 1%;}



.art-blockcontent-body ul li
{
height: 1%;
background: none;
behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+artGetStyleUrl()+"images/blockcontentbullets.png',sizingMethod='crop')");
}
/* end Box, BlockContent */

/* begin Box, Post */
.art-post {background:#9F9F9F;}
/* end Box, Post */

/* begin PostBullets */
.art-post ul li, .art-post ol ul li
{
height: 1%;
padding-left: 13px;
/* makes "ul li" not to align behind the image if they are in the same line */
overflow-x: visible;
overflow-y: hidden;
}

.art-post ul ol li
{
background: none;
padding-left: 0;
/* overrides overflow for "ul li" and sets the default value */
overflow: visible;
}
/* end PostBullets */

/* begin Footer */
.art-footer-body{padding-right: 0;}
.art-footer, .art-footer-body{zoom:1;}

.art-footer-text
{
height: 32px;
}

.art-footer {background:#F52505;}
.art-rss-tag-icon
{
zoom: 1;
font-size: 1px;
}

/* end Footer */

/* begin LayoutCell, content */
.art-sidebar1 {width: auto;}
/* end LayoutCell, content */


</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css">
/* begin Page */
#art-page-background-glare {zoom: 1;}

/* Start Box */
.art-box {zoom:expression(runtimeStyle.zoom=1,function(e){for(var i=0;i<e.length;i++)insertBefore(document.createElement('div'),firstChild).className='art-box-'+e[ i]}('br,bl,cr,cl,tr,tl'.split(',')));}
.art-box-body {zoom:1;}
.art-box-tl, .art-box-tr, .art-box-cl, .art-box-cr, .art-box-bl, .art-box-br {
position:absolute;
display:block;
top:0;
bottom:0;
background-repeat: no-repeat;
}
.art-box-tl,.art-box-bl,.art-box-cl {left:0;}
.art-box-tr,.art-box-br,.art-box-cr {right:0;}
.art-box-cl, .art-box-cr {background-repeat:repeat-y;}
.art-box-tl {background-position: top left;}
.art-box-tr {background-position: top right;}
.art-box-cl {background-position: center left;}
.art-box-cr {background-position: center right;}
.art-box-bl {background-position: bottom left;}
.art-box-br {background-position: bottom right;}
.art-box-tl,.art-box-tr,.art-box-cl,.art-box-cr,.art-box-bl,.art-box-br{z-index:-3;}
.art-box .art-box-tl,.art-box .art-box-tr,.art-box .art-box-cl,.art-box .art-box-cr,.art-box .art-box-bl,.art-box .art-box-br{z-index:-2;}
.art-box .art-box .art-box-tl,.art-box .art-box .art-box-tr,.art-box .art-box .art-box-cl,.art-box .art-box .art-box-cr,.art-box .art-box .art-box-bl,.art-box .art-box .art-box-br{z-index:-1;}
/* End Box */

/* Start Bar */
.art-bar {zoom:expression(runtimeStyle.zoom=1,function(e){for(var i=0;i<e.length;i++)insertBefore(document.createElement('div'),firstChild).className='art-bar-'+e[ i]}('r,l'.split(',')));}
.art-bar-l, .art-bar-r {
position:absolute;
z-index:-1;
top:0;
bottom:0;
content:' ';
background-repeat:repeat-y;
}
.art-bar-l {left:0;background-position: top left;}
.art-bar-r {right:0;background-position: top right;}
/* End Bar */

/* end Page */

/* begin Header */
.art-header {zoom:expression(runtimeStyle.zoom=1,insertBefore(document.createElement('div'),firstChild).className='art-header-png');}
.art-header
{
z-index: 1;
}
.art-header-png
{
position: absolute;
z-index:-2;
top: 0;
width:100%;
height: 150px;
background-image: url('images/header.png');
background-repeat: no-repeat;
background-position:top center;
}

/* end Header */

/* begin Menu */
.art-nav {position: expression(runtimeStyle.position='relative');}
.art-nav>.art-bar-l, .art-nav>.art-bar-r{background-image: url('images/nav.png');}
.art-nav>.art-bar-l{right: 0px;}
.art-nav>.art-bar-r{width: 0px;}
.art-hmenu ul li {float: left !important; width:100%;}
.art-hmenu>li
{
display: inline !important;
zoom: 1;
float: none !important;
vertical-align: top;
}



/* end Menu */

/* begin MenuItem */
ul.art-hmenu>li>a{zoom:expression(runtimeStyle.zoom=1,function(e){for(var i=0;i<e.length;i++)insertBefore(document.createElement('span'),firstChild).className='art-hmenu-'+e[ i]}('r,l'.split(',')));}
ul.art-hmenu>li>a>span.art-hmenu-l, ul.art-hmenu>li>a>span.art-hmenu-r
{
position: absolute;
display: block;
top: 0;
bottom:0;
z-index: -1;
background-image: url('images/menuitem.png');
}

ul.art-hmenu>li>a>span.art-hmenu-l
{
left: 0;
right: 3px;
background-position: top left;
}

ul.art-hmenu>li>a>span.art-hmenu-r
{
width: 3px;
right: 0;
background-position: top right;
}

ul.art-hmenu>li>a.active>span.art-hmenu-l {background-position: bottom left;}
ul.art-hmenu>li>a.active>span.art-hmenu-r {background-position: bottom right;}
ul.art-hmenu>li>a.active {color: #000000;}

ul.art-hmenu>li>a:hover>span.art-hmenu-l, ul.art-hmenu>li:hover>a>span.art-hmenu-l {background-position: center left;}
ul.art-hmenu>li>a:hover>span.art-hmenu-r, ul.art-hmenu>li:hover>a>span.art-hmenu-r {background-position: center right;}
ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{ color: #000000;}

/* end MenuItem */

/* begin MenuSeparator */
ul.art-hmenu>li:first-child {padding-right:10px;}
ul.art-hmenu>li>span.art-hmenu-separator
{
position:absolute;
display: block;
top:0;
left: -10px;
width: 10px;
height: 26px;
background: url('images/menuseparator.png') center center no-repeat;
}
/* end MenuSeparator */

/* begin Box, Sheet */
.art-sheet>.art-box-tl, .art-sheet>.art-box-tr{background-image: url('images/sheet_t.png'); }
.art-sheet>.art-box-bl, .art-sheet>.art-box-br {background-image: url('images/sheet_b.png'); }
.art-sheet>.art-box-tl, .art-sheet>.art-box-bl, .art-sheet>.art-box-cl{right:19px;}
.art-sheet>.art-box-tr, .art-sheet>.art-box-br, .art-sheet>.art-box-cr{width: 19px;}
.art-sheet>.art-box-cl, .art-sheet>.art-box-cr{top:19px;bottom:19px;background-image:url('images/sheet.png');}
/* end Box, Sheet */

/* begin Layout */
.art-content-layout, .art-content-layout-row, .art-layout-cell
{
display: block;
zoom: 1;
}
.art-layout-cell
{
position:relative;
float: left;
clear: right;
}
/* end Layout */

/* begin PostContent */
.art-postcontent {height: 1%;}
/* end PostContent */

/* begin Footer */
.art-footer {zoom:expression(runtimeStyle.zoom=1,function(e){for(var i=0;i<e.length;i++)insertBefore(document.createElement('div'),firstChild).className='art-footer-'+e[ i]}('r,l,t'.split(',')));}
.art-footer-body
{
zoom: 1;
padding-right: 0;
}

.art-footer-t
{
position: absolute;
z-index:-1;
left:0;
right:0;
top:0;
bottom:50px;
background-image: url('images/footer.png');
background-position:bottom left;
}

.art-footer-l, .art-footer-r
{
position: absolute;
content:' ';
z-index:-1;
bottom:0;
height:50px;
background-image: url('images/footer_b.png');
}

.art-footer-l
{
left:0;
right:0px;
background-position: top left;
}

.art-footer-r
{
right:0;
width:0px;
background-position: top right;
}
/* end Footer */

/* begin LayoutCell, content */
.art-sidebar1
{
width: auto;
float:none;
}
/* end LayoutCell, content */


</style>
<![endif]-->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
/* begin Page */
/* Created by Artisteer v3.1.0.46558 */
// css helper
(function($) {
var data = [
{str:navigator.userAgent,sub:'Chrome',ver:'Chrome',name:'chrome'},
{str:navigator.vendor,sub:'Apple',ver:'Version',name:'safari'},
{prop:window.opera,ver:'Opera',name:'opera'},
{str:navigator.userAgent,sub:'Firefox',ver:'Firefox',name:'firefox'},
{str:navigator.userAgent,sub:'MSIE',ver:'MSIE',name:'ie'}];
for (var n=0;n<data.length;n++) {
if ((data[n

Ya e subido todas las imagenes y e puesto el link en cada url k salia en el archivo style solo me keda saber k parte pongo arriba y k parte pongo abajo te agradeceria muxo k me indicaras k es lo k tengo k poner en cada sitio ,gracias de antemano desing.

ah tb e visto en el archivo main k se supone k sera ese de html ,e visto para poner los enlaces como en el archivo style asi como este y otros

body#layout #Header1
{
display: block;
}/* end Header */

/* begin HeaderObject */
div.art-headerobject
{
display: block;
position: relative;
left: 43%;
margin-left: -311px;
position: absolute;
top: 0px;
width: 723px;
height: 163px;
background-image: url('images/header-object.png');
}
/* end HeaderObject */
tb tengo k poner aki los links de las imagenes k e subido?o solo los tengo k poner en el css o archivo style?

He puesto lo de texto de arriba y abajo a ojo y no me sale el menu con lo de galeria ,descargas ,pelis online y eso,tampoco me salen los embellecedores de los botones ,ni los botones y alrededor de la pagina me sale un borde blanco k es el k yo tenia puesto antes pero en una parte ,la de la izq.me sale doble ,aunk ya me sale la cabecera con el titulo de la pagina y algunos colores tb me salen incluso el fondo con burbujas tb me sale,me gustaria mandarte una imagen pero no se ,,,una ayudita por favorrrrrr a acabar deacoplar el main o html ,plisss.

Hola!,

Primero que nada, evita el doble post. Usa la función editar para añadir contenido a tu post que lo tienes en la parte superior derecha.

Fijate que el codigo que has puesto arriba un codigo CSS ese codigo tiene imagenes las cuales tienes que subir a internet y remplazarlas en tu CSS.

Ese codigo CSS debes ponerlo en CSS code sin Style tags.

Saludos!
Design-PWG.

ola desing no lo entiendop el codigo k te puse esta en un archivo k se llama main ,k creo k es el html y hay k separar y luego tb vienen 2 archivos, uno se llama style y el otro style ie6 o ie7 y este creo k es el css k es el k e subido las imagenes,pork dices ahora k el codigo k te e puesto arriba es el css ,si el css es el style no?
y el style es otro archivo ,nose necesito de tu ayuda pliss


haber k kieres decir el codgo k te puse arriba el largo ese venia en un archivo k pone main,supongo k ese era el codigo htmal y es es el k tengo k separar ,luego hay otros 2 archivos ,style y style ie6 k este sera el css k es el k e subido las imagenes arriba a imageshak ara creo k solo me keda poner el archivo html o main y partirlo en 2 y ponerlo en texto arriba y texto abajo k es el k te puse arriba

lo de subir las imagenes y tal ya lo e exo,ara me keda lo del main o html ,separarlo y saber k pongo arriba y abajo

k parte pongo arriba y k parte pongo abajo del codigo main op html k te puse arriba?
pork adaptar a pwg no es solo las imagenes ,la plantilla htmal hay k separarla no?

pork vistes el html k te puse arriba vd? no podrias decirme k parte va arriba y k parte va abajo?

mira si eso te pongo la pagina para k veas como esta kedando
http://terrorvshorror.es.tl/
yo lo k kiero es k salga el menu k tenia antes k era horizontal y mas cosas k no salen aki


tb me e dao cuenta de k la pagina se keda todo el rato pensando aunk se haya cargado del todo,osea arriba donde se deberia ver el favicon se le ve como pensando acabando de cargar pero nunca carga del todo y sin embargo ya esta cargada la pagina ,alguna solucion tb para eso?