left and right side banners/ads please


Author Message
doycor

Posted: 8/18/2012
Quote message 

hi guys,i got to say this is one of the best apps ever.
plz help me insert banners on the left and right side of my template.i tried using blocks but i fail to create them.i do not know css. all help is greatly appreciated.here is the code



/* Theme Name: bohej ads Theme URI:  Description: t4 Version: 1.0 Author:  Author URI:  Tags: fixed width, three columns, valid XHTML, widgets */  /* begin Page */ /* Created by Artisteer v3.0.0.35414 */  #art-main, table {     font-family: Arial, Helvetica, Sans-Serif;     font-style: normal;     font-weight: normal;     font-size: 12px;     text-align: justify; }  h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {     margin: 0;     padding: 0; }  .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; }  .art-postcontent p {     margin: 12px 0; }  h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {      font-family: Arial, Helvetica, Sans-Serif;   font-style: normal;   font-weight: bold;   font-size: 28px;   text-align: left; }  .art-postcontent a {   text-decoration: underline;   color: #6D8C12; }  .art-postcontent a:link {   text-decoration: underline;   color: #6D8C12; }  .art-postcontent a:visited, .art-postcontent a.visited {    color: #5E603E; }  .art-postcontent  a:hover, .art-postcontent a.hover {    text-decoration: none;   color: #1C290A; }  .art-postcontent h1 {    color: #6D8C12;        }    .art-postcontent h2 {    color: #5E603E;    font-size: 22px;        }   .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited {    font-size: 22px;    }  .art-postcontent h3 {    color: #5E603E;         margin: 18px 0 12px;    font-size: 18px;  }   .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited {    font-size: 18px;     }  .art-postcontent h4 {    color: #6B6D46;    font-size: 16px;        }   .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited {    font-size: 16px;    }  .art-postcontent h5 {    color: #6B6D46;    font-size: 14px;        }   .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited {      font-size: 14px; }  .art-postcontent h6 {    color: #6B6D46;    font-size: 14px;        }   .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited {    font-size: 14px;       }  ul {   list-style-type: none; }  ol {   list-style-position: inside; }  #art-main {   position: relative;   overflow: hidden;   z-index: 1;   width: 100%;   left: 0;   top: 0;   cursor:default; }   body {   padding: 0;    margin:0 !important;   margin-bottom:-10px !important;   color: #40412A;   height:100%;      background-color: #BBE288;      background-image: url('images/Bottom_texture.jpg');   background-repeat: repeat;   background-attachment: fixed;   background-position: top left; }  #art-page-background-middle-texture {   position: absolute;   background-image: url('images/Middle_texture.jpg');   background-repeat: repeat-x;   background-position: top left;   background-attachment: fixed;   width:100%;   min-height:100%;   min-width: 900px;  }   .cleared {   float: none;   clear: both;   margin: 0;   padding: 0;   border: none;   font-size: 1px; }  form {   padding: 0 !important;   margin: 0 !important; }  table.position {   position: relative;   width: 100%;   table-layout: fixed; } /* end Page */  /* begin Header */ div.art-header {   margin: 0 auto;   position: relative;   width:900px;   height: 162px;   overflow: hidden;   margin-top: 5px;   margin-bottom: -5px; }  .art-header-wrapper  {     position: relative;     width:100%;     margin:0 auto; } .art-header-inner  {     margin: 0 9px; }  div.art-header-png {   position: absolute;   left:0;   top: 0;   width: 900px;   height: 162px;   background-image: url('images/header.png');   background-repeat: no-repeat;   background-position:center center;  }  /* end Header */  /* begin HeaderObject */ div.art-headerobject {   display: block;   left: 41%;   margin-left: -147px;   position: absolute;   top: 0;   width: 360px;   height: 162px;   background-image: url('images/header-object.png'); } /* end HeaderObject */  /* begin Logo */ div.art-logo {   left: 71%;   margin-left: -994px;    display: block;   position: absolute;      top: 70px;   width: 2194px;  }  h2.art-logo-text { 	position: relative; 	width: 2194px;   font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;   font-weight: normal;   font-size: 14px;   padding: 0;   margin: 0;   color: #192004 !important;   display: block;   text-align: center; }     h1.art-logo-name {   display: block;   text-align: center;   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;   font-size: 47px;   text-decoration: none;   padding: 0;   margin: 0;   color: #4A5F0C !important;  }   h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover {   font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;   font-size: 47px;   text-decoration: none;   padding: 0;   margin: 0;   color: #4A5F0C !important; }      h2.art-logo-text a, h2.art-logo-text a:link, h2.art-logo-text a:visited, h2.art-logo-text a:hover {   font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;   font-weight: normal;   font-size: 14px;   padding: 0;   margin: 0;   color: #192004 !important; }   /* end Logo */  /* begin Box, Sheet */ .art-sheet {   position: relative;   margin: 0 auto;   min-width: 33px;   min-height: 33px;   margin-top: 25px;   margin-bottom: -5px;   cursor:auto;   width: 900px; }  .art-sheet-body {   position: relative;   padding: 9px;     padding-top:9px;     padding-bottom:9px; }  .art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc,.art-sheet-cr, .art-sheet-cl {   position: absolute; }  .art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl {   width: 52px;   height: 52px;   background-image: url('images/sheet_s.png'); }  .art-sheet-tl {   top: 0;   left: 0;   clip: rect(auto, 26px, 26px, auto); }  .art-sheet-tr {   top: 0;   right: 0;   clip: rect(auto, auto, 26px, 26px); }  .art-sheet-bl {   bottom: 0;   left: 0;   clip: rect(26px, 26px, auto, auto); }  .art-sheet-br {   bottom: 0;   right: 0;   clip: rect(26px, auto, auto, 26px); }  .art-sheet-tc, .art-sheet-bc {   left: 26px;   right: 26px;   height: 52px;   background-image: url('images/sheet_h.png'); }  .art-sheet-tc {   top: 0;   clip: rect(auto, auto, 26px, auto); }  .art-sheet-bc {   bottom: 0;   clip: rect(26px, auto, auto, auto); }  .art-sheet-cr, .art-sheet-cl {   top: 26px;   bottom: 26px;   width: 52px;   background-image: url('images/sheet_v.png'); }  .art-sheet-cr {   right: 0;   clip: rect(auto, auto, auto, 26px); }  .art-sheet-cl {   left: 0;   clip: rect(auto, 26px, auto, auto); }  .art-sheet-cc {   position: absolute;   top: 26px;   left: 26px;   right: 26px;   bottom: 26px;   background-color: #E4E5D7; }    #art-page-background-top-texture, #art-page-background-glare {   min-width: 900px; }     /* end Box, Sheet */  /* begin Menu */ /* menu structure */  .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover {     outline: none; }  .art-menu, .art-menu ul {   margin: 0;   padding: 0;   border: 0;   list-style-type: none;   display: block; }  .art-menu li {   margin: 0;   padding: 0;   border: 0;   display: block;   float: left;   position: relative;   z-index: 5;   background: none; }  .art-menu li:hover {   z-index: 10000;   white-space: normal; }  .art-menu li li {   float: none; }  .art-menu ul {   visibility: hidden;   position: absolute;   z-index: 10;   left: 0;   top: 0;   background: none;   min-height: 0;   background-image: url('images/spacer.gif');   padding: 10px 30px 30px 30px;   margin: -10px 0 0 -30px; }  .art-menu li:hover>ul {   visibility: visible;   top: 100%; }  .art-menu li li:hover>ul {   top: 0;   left: 100%; }  .art-menu:after, .art-menu ul:after {   content: ".";   height: 0;   display: block;   visibility: hidden;   overflow: hidden;   clear: both; } .art-menu{   min-height: 0;   padding: 6px 3px 0 3px; }    .art-menu ul ul {   padding: 30px 30px 30px 10px;   margin: -30px 0 0 -10px; }     div.art-nav-center {   position: relative;   float: right;   right: 50%; }  ul.art-menu {   position: relative;   float: left;   left: 50%; }  .firefox2 ul.art-menu {   float: none; }   /* menu structure */    .art-nav {   position: relative;   margin:0 auto;   min-height: 35px;   z-index: 100;     margin-top: 0;     margin-bottom: 0; }   .art-nav-l, .art-nav-r {   position: absolute;   z-index: -1;   top: 0;   height: 100%;   background-image: url('images/nav.png'); }  .art-nav-l {   left: 0;   right: 3px; }  .art-nav-r {   right: 0;   width: 882px;   clip: rect(auto, auto, auto, 879px); }  /* end Menu */  /* begin MenuItem */ .art-menu a {   position: relative;   display: block;   overflow: hidden;   height: 29px;   cursor: pointer;   text-align: left;   text-decoration: none; }   .art-menu ul li {     margin:0;     clear: both; }   .art-menu a .r, .art-menu a .l {   position: absolute;   display: block;   top: 0;   z-index: -1;   height: 97px;   background-image: url('images/menuitem.png'); }  .art-menu a .l {   left: 0;   right: 7px; }  .art-menu a .r {   width: 414px;   right: 0;   clip: rect(auto, auto, auto, 407px); }  .art-menu a .t, .art-menu ul a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover {   text-align: left;   text-decoration: none; }  .art-menu a .t {   color: #43560B;   padding: 0 19px;   margin: 0 7px;   line-height: 29px;   text-align: center; }  .art-menu a:hover .l, .art-menu a:hover .r {   top: -34px; }  .art-menu li:hover>a .l, .art-menu li:hover>a .r {   top: -34px; }  .art-menu li:hover a .l, .art-menu li:hover a .r {   top: -34px; } .art-menu a:hover .t {   color: #222216; }  .art-menu li:hover a .t {   color: #222216; }  .art-menu li:hover>a .t {   color: #222216; }   .art-menu a.active .l, .art-menu a.active .r {   top: -68px; }  .art-menu a.active .t {   color: #E8E9DD; } /* end MenuItem */  /* begin MenuSeparator */ .art-menu .art-menu-li-separator {   display: block;   width: 2px;   height:29px; } /* end MenuSeparator */  /* begin MenuSubItem */ .art-menu ul a {   display: block;   white-space: nowrap;   height: 20px;   width: 180px;   overflow: hidden;   background-image: url('images/subitem.png');   background-position: left top;   background-repeat: repeat-x;   border-width: 0;   border-style: solid;   text-align: left;   text-indent: 12px;   text-decoration: none;   line-height: 20px;   color: #313F08;    margin:0;   padding:0; }  .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span {   display: inline;   float: none;   margin: inherit;   padding: inherit;   background-image: none;   text-align: inherit;   text-decoration: inherit; }   .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span {   text-align: left;   text-indent: 12px;   text-decoration: none;   line-height: 20px;   color: #313F08;    margin:0;   padding:0; }  .art-menu ul li a:hover {   color: #1E2D0B;   background-position: 0 -20px; }  .art-menu ul li:hover>a {   color: #1E2D0B;   background-position: 0 -20px; }  .art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span {   color: #1E2D0B; }  .art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span {   color: #1E2D0B; }   /* end MenuSubItem */  /* begin Layout */ .art-content-layout {   display: table;   position:relative;   margin: 0 auto;   table-layout: fixed;   border-collapse: collapse;   background-color: Transparent;   border: none !important;   padding:0 !important;   width:100%;   margin-top:0;   margin-bottom:0; } .art-layout-cell, .art-content-layout-row {   background-color: Transparent;   vertical-align: top;   text-align: left;   border: none;   margin:0;   padding:0; }   .art-content-layout .art-content-layout{width: auto;margin:0;} .art-content-layout .art-layout-cell, .art-content-layout .art-layout-cell .art-content-layout .art-layout-cell{display: table-cell;} .art-layout-cell .art-layout-cell{display: block;} .art-content-layout-row {display: table-row;} .art-layout-glare{position:relative;}/* end Layout */  /* begin Box, Block */ .art-block {   position: relative;   min-width: 1px;   min-height: 1px;   margin: 7px; }  .art-block-body {   position: relative;   padding: 0; }     /* end Box, Block */  /* begin BlockHeader */ .art-blockheader {   margin-bottom: 7px;   position: relative;   height: 34px; }   .art-blockheader h3.t {   position: relative;   height: 34px;   color: #000000;   font-size: 14px;   margin:0;   padding: 0 10px 0 10px;   white-space: nowrap;   line-height: 34px; }   .art-blockheader h3.t a, .art-blockheader h3.t a:link, .art-blockheader h3.t a:visited,  .art-blockheader h3.t a:hover {   color: #000000;   font-size: 14px; }    .art-blockheader .l, .art-blockheader .r {   position: absolute;   height: 34px;   background-image: url('images/blockheader.png'); }  .art-blockheader .l {   left: 0;   right: 6px; }  .art-blockheader .r {   width: 882px;   right: 0;   clip: rect(auto, auto, auto, 876px); }  /* end BlockHeader */  /* begin Box, BlockContent */ .art-blockcontent {   position: relative;   margin: 0 auto;   min-width: 15px;   min-height: 15px; }  .art-blockcontent-body {   position: relative;   padding: 8px;   color: #40412A;   font-family: Arial, Helvetica, Sans-Serif;   font-style: normal;   font-weight: normal;   font-size: 12px; }  .art-blockcontent-tr, .art-blockcontent-tl, .art-blockcontent-br, .art-blockcontent-bl, .art-blockcontent-tc, .art-blockcontent-bc,.art-blockcontent-cr, .art-blockcontent-cl {   position: absolute; }  .art-blockcontent-tr, .art-blockcontent-tl, .art-blockcontent-br, .art-blockcontent-bl {   width: 14px;   height: 14px;   background-image: url('images/blockcontent_s.png'); }  .art-blockcontent-tl {   top: 0;   left: 0;   clip: rect(auto, 7px, 7px, auto); }  .art-blockcontent-tr {   top: 0;   right: 0;   clip: rect(auto, auto, 7px, 7px); }  .art-blockcontent-bl {   bottom: 0;   left: 0;   clip: rect(7px, 7px, auto, auto); }  .art-blockcontent-br {   bottom: 0;   right: 0;   clip: rect(7px, auto, auto, 7px); }  .art-blockcontent-tc, .art-blockcontent-bc {   left: 7px;   right: 7px;   height: 14px;   background-image: url('images/blockcontent_h.png'); }  .art-blockcontent-tc {   top: 0;   clip: rect(auto, auto, 7px, auto); }  .art-blockcontent-bc {   bottom: 0;   clip: rect(7px, auto, auto, auto); }  .art-blockcontent-cr, .art-blockcontent-cl {   top: 7px;   bottom: 7px;   width: 14px;   background-image: url('images/blockcontent_v.png'); }  .art-blockcontent-cr {   right: 0;   clip: rect(auto, auto, auto, 7px); }  .art-blockcontent-cl {   left: 0;   clip: rect(auto, 7px, auto, auto); }  .art-blockcontent-cc {   position: absolute;   top: 7px;   left: 7px;   right: 7px;   bottom: 7px;   background-image: url('images/blockcontent_c.png'); }    .art-blockcontent-body li,  .art-blockcontent-body a, .art-blockcontent-body a:link, .art-blockcontent-body a:visited, .art-blockcontent-body a:hover {   color: #40412A;   font-family: Arial, Helvetica, Sans-Serif;   font-style: normal;   font-weight: normal;   font-size: 12px; }    .art-blockcontent-body a {   color: #6D8C12;   text-decoration: underline; }  .art-blockcontent-body a:link {   color: #6D8C12;   text-decoration: underline; }  .art-blockcontent-body a:visited, .art-blockcontent-body a.visited {   color: #9C9F6A;  }  .art-blockcontent-body a:hover, .art-blockcontent-body a.hover {   color: #71A929;    text-decoration: none; }  .art-blockcontent-body ul li {   text-decoration: none;   line-height: 125%;       color: #555738;    padding: 0 0 0 13px;   background-image: url('images/blockcontentbullets.png');   background-repeat: no-repeat; }/* end Box, BlockContent */  /* begin Button */ .art-button-wrapper a.art-button, .art-button-wrapper a.art-button:link, .art-button-wrapper input.art-button, .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: #000000 !important;   width: auto;   outline: none;   border: none;   background: none;   line-height: 33px;   height: 33px;   margin: 0 !important;   padding: 0 24px !important;   overflow: visible;   cursor: pointer; }  .art-button img, .art-button-wrapper img {   margin: 0;   vertical-align: middle; }  .art-button-wrapper {    vertical-align: middle;   display: inline-block;   position: relative;   height: 33px;   overflow: hidden;   white-space: nowrap;   width: auto;   margin: 0;   padding: 0;   z-index: 0; }  .firefox2 .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; }  .art-block select  {     width:96%; }  .art-button-wrapper.hover .art-button, .art-button-wrapper.hover a.art-button:link, .art-button:hover {   color: #000000 !important;   text-decoration: none !important; }  .art-button-wrapper.active .art-button, .art-button-wrapper.active a.art-button:link {   color: #DEF1C5 !important; }  .art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r {   display: block;   position: absolute;   height: 109px;   margin: 0;   padding: 0;   background-image: url('images/button.png'); }  .art-button-wrapper .art-button-l {   left: 0;   right: 12px; }  .art-button-wrapper .art-button-r {   width: 417px;   right: 0;   clip: rect(auto, auto, auto, 405px); }  .art-button-wrapper.hover .art-button-l, .art-button-wrapper.hover .art-button-r {   top: -38px; }  .art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r {   top: -76px; }  .art-button-wrapper input {   float: none !important; } /* end Button */  /* begin Box, Post */ .art-post {   position: relative;   min-width: 15px;   min-height: 15px;   margin: 7px; }  .art-post-body {   position: relative;   padding: 8px; }  .art-post-tr, .art-post-tl, .art-post-br, .art-post-bl, .art-post-tc, .art-post-bc,.art-post-cr, .art-post-cl {   position: absolute; }  .art-post-tr, .art-post-tl, .art-post-br, .art-post-bl {   width: 14px;   height: 14px;   background-image: url('images/post_s.png'); }  .art-post-tl {   top: 0;   left: 0;   clip: rect(auto, 7px, 7px, auto); }  .art-post-tr {   top: 0;   right: 0;   clip: rect(auto, auto, 7px, 7px); }  .art-post-bl {   bottom: 0;   left: 0;   clip: rect(7px, 7px, auto, auto); }  .art-post-br {   bottom: 0;   right: 0;   clip: rect(7px, auto, auto, 7px); }  .art-post-tc, .art-post-bc {   left: 7px;   right: 7px;   height: 14px;   background-image: url('images/post_h.png'); }  .art-post-tc {   top: 0;   clip: rect(auto, auto, 7px, auto); }  .art-post-bc {   bottom: 0;   clip: rect(7px, auto, auto, auto); }  .art-post-cr, .art-post-cl {   top: 7px;   bottom: 7px;   width: 14px;   background-image: url('images/post_v.png'); }  .art-post-cr {   right: 0;   clip: rect(auto, auto, auto, 7px); }  .art-post-cl {   left: 0;   clip: rect(auto, 7px, auto, auto); }  .art-post-cc {   position: absolute;   top: 7px;   left: 7px;   right: 7px;   bottom: 7px;   background-color: #EDEDE3; }    a img {   border: 0; }  .art-article img, img.art-article {   border: solid 0 #B5B78F;   margin: 5px; }  .art-metadata-icons img {   border: none;   vertical-align: middle;   margin: 2px; }  .art-article table, table.art-article {   border-collapse: collapse;   margin: 1px; }  .art-article th, .art-article td {   padding: 2px;   border: solid 1px #4F5134;   vertical-align: top;   text-align: left; }  .art-article th {   text-align: center;   vertical-align: middle;   padding: 7px; }  pre {   overflow: auto;   padding: 0.1em; }  /* end Box, Post */  /* begin PostHeaderIcon */ h2.art-postheader {   color: #3A5615;   font-size: 22px;  }    h2.art-postheader a,  h2.art-postheader a:link,  h2.art-postheader a:visited, h2.art-postheader a.visited, h2.art-postheader a:hover, h2.art-postheader a.hovered {   font-size: 22px; }  h2.art-postheader a, h2.art-postheader a:link {   text-decoration: none;   color: #486B1A; }  h2.art-postheader a:visited, h2.art-postheader a.visited {    color: #6B6D46; }   h2.art-postheader a:hover,  h2.art-postheader a.hovered {     color: #1C290A; }  /* end PostHeaderIcon */  /* begin PostIcons, PostHeaderIcons */ .art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover {   font-family: Arial, Helvetica, Sans-Serif;   font-size: 11px;   color: #555738; }  .art-postheadericons {   padding: 1px;  }  .art-postheadericons a, .art-postheadericons a:link {   text-decoration: underline;   color: #567F1F; }  .art-postheadericons a:visited, .art-postheadericons a.visited {    color: #6D8C12; }  .art-postheadericons a:hover, .art-postheadericons a.hover {    text-decoration: none;   color: #232D06; } /* end PostIcons, PostHeaderIcons */  /* begin PostBullets */ .art-post ol, .art-post ul {   margin: 1em 0 1em 2em;   padding: 0; }  .art-post li {   font-size: 12px;   line-height: 200%;   color: #192004;    margin: 0 0 0 -10px;   padding: 0 0 0 13px; }  .art-post li ol, .art-post li ul {   margin: 0.5em 0 0.5em 2em;   padding: 0; }       .art-post ol>li {   background: none;   padding-left: 0;   /* overrides overflow for "ul li" and sets the default value */   overflow: visible; }  .art-post ul>li {   background-image: url('images/postbullets.png');   background-repeat: no-repeat;   padding-left: 13px;   /* makes "ul li" not to align behind the image if they are in the same line */   overflow-x: visible;   overflow-y: hidden; }   /* end PostBullets */  /* begin PostQuote */ .art-postcontent blockquote, .art-postcontent blockquote a, .art-postcontent blockquote a:link, .art-postcontent blockquote a:visited, .art-postcontent blockquote a:hover {   color: #313220;   font-style: italic;   font-weight: normal;   text-align: left; }  .art-postcontent blockquote p {    margin: 2px 0 2px 15px; }  .art-postcontent blockquote {    border: solid 0 #B5B78F;   margin: 10px 10px 10px 50px;   padding: 2px 2px 2px 35px;   background-color: #D0D1B8;   background-image: url('images/postquote.png');   background-position: left top;   background-repeat: no-repeat;   /* makes blockquote not to align behind the image if they are in the same line */   overflow: auto;   clear:both; }  /* end PostQuote */  /* begin PostIcons, PostFooterIcons */ .art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover {   font-family: Arial, Helvetica, Sans-Serif;   font-size: 11px;   text-decoration: none;   color: #555738; }  .art-postfootericons {   padding: 1px;  }  .art-postfootericons a, .art-postfootericons a:link {   text-decoration: underline;   color: #567F1F; }  .art-postfootericons a:visited, .art-postfootericons a.visited {    color: #6D8C12; }  .art-postfootericons a:hover, .art-postfootericons a.hover {    text-decoration: none;   color: #232D06; } /* end PostIcons, PostFooterIcons */  /* begin Footer */ .art-footer {   position: relative;   margin-top:0;   margin-bottom:0;   overflow: hidden;   width: 100%; }  .art-footer-b  {   position: absolute;   left:3px;   right:3px;   bottom:0;   height:50px;   background-image: url('images/footer_b.png'); }  .art-footer-r, .art-footer-l {   position: absolute;   height:50px;   background-image: url('images/footer_s.png');   bottom: 0; }  .art-footer-l {   left: 0;   width:3px; }  .art-footer-r {   right: 0;   width:6px;   clip: rect(auto, auto, auto, 3px); }  .art-footer-t {   position: absolute;   top: 0;   left: 0;   right: 0;   bottom: 50px;   background-color: #7A7C50; }  .art-footer-body {     position:relative;     padding: 15px; }  .art-footer-body .art-rss-tag-icon {   position: absolute;   left:   6px;   bottom:15px;   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: 25px;   cursor: default; }  .art-footer-text p {   padding:0;   margin:0;   text-align: center; }  .art-footer-text, .art-footer-text a, .art-footer-text a:link, .art-footer-text a:visited, .art-footer-text a:hover {     color: #192004;     font-size: 10px; }  .art-footer-text {   min-height: 32px;   padding: 0 10px 0 10px;   text-align: center;  }    .art-footer-text a, .art-footer-text a:link {   color: #537B1E;   text-decoration: underline; }  .art-footer-text a:visited {   color: #1E1F14;  }  .art-footer-text a:hover {   color: #1E1F14;    text-decoration: none; } /* 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: #7A7C50; }  .art-page-footer {   padding: 1em;   text-align: center;   text-decoration: none;   color: #5B5D3C; } /* end PageFooter */  /* begin LayoutCell, sidebar1 */  .art-content-layout .art-sidebar1 {   width: 20%; }  /* end LayoutCell, sidebar1 */  /* begin LayoutCell, content */    /* end LayoutCell, content */  /* begin LayoutCell, sidebar2 */  .art-content-layout .art-sidebar2 {   width: 20%; }  /* end LayoutCell, sidebar2 */    textarea#comment{width:100%;}  .commentlist, .commentlist li {   background: none; }  .commentlist li li {   margin-left: 30px; }  .commentlist li .avatar {   float: right;   border: 1px solid #eee;   padding: 2px;   margin: 1px;   background: #fff; }  .commentlist li cite {   font-size: 1.2em; }  #commentform textarea {   width: 100%; }  img.wp-smiley {   border: none;   margin: 0;   padding: 0; }  .navigation {   display: block;   text-align: center; }  /* Recommended by http://codex.wordpress.org/CSS */ /* Begin */ .aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter {   display: block;   margin-left: auto;   margin-right: auto; }  .alignleft {   float: left; }  .alignright {   float: right; }  .alignright img, img.alignright {   margin: 1em;   margin-right: 0; }  .alignleft img, img.alignleft {   margin: 1em;   margin-left: 0; }  .wp-caption {   border: 1px solid #ddd;   background-color: #f3f3f3;   padding-top: 4px;   margin: 10px;     text-align: center; }  .wp-caption img {   margin: 0;   padding: 0;   border: 0 none; }  .wp-caption p.wp-caption-text {   font-size: 11px;   line-height: 17px;   padding: 0 4px 5px;   margin: 0; }   .wp-caption p {     text-align: center; } /* End */   .hidden {   display: none; }  /* Calendar */ #wp-calendar {   empty-cells: show;   margin: 10px auto 0;   width: 155px; }  #wp-calendar #next a {   padding-right: 10px;   text-align: right; }  #wp-calendar #prev a {   padding-left: 10px;   text-align: left; }  #wp-calendar a {   display: block; }  #wp-calendar caption {   text-align: center;   width: 100%; }  #wp-calendar td {   padding: 3px 0;   text-align: center; }  .gallery {   letter-spacing: normal; }  .art-content {   position: relative;   z-index: 1;    }  #todays-events{   position: relative;   z-index: 11;     }  #upcoming-events{   position: relative;   z-index: 10;     }  img.wp-post-image  {     margin:0 5px 5px 0 !important; }  div.art-footer li, ul.commentlist li {     list-style-image: none;     background:none;     list-style-type:none;      }  div.art-footer div.art-content-layout,   div.art-content div.art-content-layout {     margin:0 auto;     width:100%; }  div.art-footer ul {     padding-left: 0; }  div.art-footer ul li ul {     padding-left: 20px; }   div.art-layout-cell-size1  {     width:100%; }  div.art-layout-cell-size2  {     width:50%; } div.art-layout-cell-size3  {     width:33%; }  div.art-layout-cell-size4 {     width:25%; }  div.art-author-info img.avatar  { 	float:left;	 	margin-top:0; }   
:( :(
 
gcm

Posted: 8/20/2012
Quote message 

Go to sidebar tab (from your sample I'm assuming you are using artisteer 3.0 and not 3.1. if you are using 3.1 then it will be the block tab)

Select one of the samples from block styles.


 
doycor

Posted: 8/22/2012
Quote message 

:-) :- :-D thank you very much,this i a very cool app,i just hav to get used to it.is ther a way i can use this with any easy cms.i am stuck there too? :(