CSS pomoč

6 naročnikov

imam problem s template-om rockettheme.com Affinity July09

kot označeno na sliki spodaj bi rad spremenil, širino pozicij USER1, USER2, USER3 (33.3%, 33.3%, 33.3%) na (50%, 25%, 25%)

Prilepljen spodaj je celoten template.css

/* This is the Main template logo, Edit this to match the width and height of your new logo image */
#logo {width: 261px;height: 54px;}

/* Font Family Settings */
#ff-affinity, a.affinity, #ff-affinity .componentheading {font-family: Helvetica,Arial,sans-serif;}
#ff-optima, a.optima {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;}
#ff-geneva, a.geneva {font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;}
#ff-helvetica, a.helvetica {font-family: Helvetica, Arial, FreeSans, sans-serif;}
#ff-lucida, a.lucida {font-family: "Lucida Grande",Helvetica,Verdana,sans-serif;}
#ff-georgia, a.georgia {font-family: Georgia, sans-serif;}
#ff-trebuchet, a.trebuchet {font-family: "Trebuchet MS", sans-serif;}
#ff-palatino, a.palatino {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;}
input { font-family:Helvetica,Arial,sans-serif;}

/* Core Formatting */
html {height: 100%;margin-bottom: 1px;}
body {margin: 0;line-height: 135%;}
form {margin: 0;padding: 0;}
body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small {font-size: 11px;}
body, body.f-default {font-size: 12px;}
body#ff-optima, body#ff-optima.f-default {font-size: 13px;}
body#ff-georgia, body#ff-georgia.f-default {font-size: 13px;}
body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large {font-size: 14px;}
p {margin-top: 10px;margin-bottom: 15px;}
h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 25px 0 10px 0;font-weight: normal;line-height: 120%;}
h1 {font-size: 210%;line-height: 100%;}
h2 {font-size: 190%;line-height: 100%;}
h3 {font-size: 175%;}
h4 {font-size: 120%;line-height: 130%;}
h5 {font-size: 120%;text-transform: uppercase;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.clr {clear: both;}
.rokradios, .rokchecks {padding: 2px 5px 0 22px;line-height: 100%;}

/* Top Bar */
.top-bar-padding {padding: 6px 20px;overflow: hidden;}
#top-bar h3 {padding: 0;margin-bottom: 15px;}
.date-block {width: 250px;font-weight: bold;float: left;}
#lock-button {height: 16px;float: right;text-align: left;line-height: 16px;position: relative;}
#lock-button #lock-icon {width: 14px;height: 16px;position: absolute;top: 0;left: 0;display: block;padding: 0;margin: 0;}
#lock-button span {font-size: 13px;padding-left: 20px;margin: 0;font-weight: bold;}
#lock-button:hover {text-decoration: none;}
#accessibility {height: 16px;float: right;margin-left: 10px;width: 110px;}
.textsizer-desc {display: block;float: right;text-align: right;font-size: 12px;margin-right: 6px;font-weight: bold;line-height: 16px;}
#accessibility a {text-decoration: none; cursor: pointer;}
#accessibility #buttons {float: right;width: 36px;height:15px;overflow:hidden;}
#accessibility .button {display: block;float: right;width: 15px;height: 15px;}
#accessibility a.small .button {margin-right: 4px;}
.topbar-strip {overflow: hidden;padding-bottom: 2px;}
.topbar-left-mod {float: left;width: 48%;padding: 15px 0;}
.topbar-right-mod {float: right;width: 48%;padding: 15px 0;text-align: right;}

/* Header */
#logo {float: left;position: relative;margin-left: 15px;}
.logo-text {position: absolute;left: 72px;top: 50px;font-size: 16px;}
#logo:hover {text-decoration: none;}
#header-overlay {padding: 15px 0 10px 0;overflow: hidden;}
.searchmod-top {height: 12px;width: 250px;}
.searchmod-main {overflow: hidden;padding: 0 10px 10px 10px;}
#searchmod-surround .rokradios {margin-top: 2px;}
#searchmod-surround h3 {font-size: 12px;color: #fff;margin: 0;padding: 0 0 6px 6px;}
#searchmod-surround {float: right;margin-right: 15px;}
#searchmod {width: 230px;}
#searchmod .inputbox {background: none;border: 0;padding: 4px 0 4px 5px;font-size: 13px;line-height: 20px;width: 223px;height:18px;}
#searchmod .search_options {padding-top: 6px;padding-left: 4px;}

/* Layout Structure */
#maincol {position: relative;}
#rightcol {position: relative;float: left;}
.rightcol-padding {padding: 0 5px;}
#page-bg2 {overflow:hidden;}
.wrapper {position:relative;}
.row-handle {position: absolute;width: 53px;height: 89px;top: 20px;right: -44px;cursor: pointer;}
#section-row1, #section-row2, #section-row3, #section-row4, #section-row5 {position: relative;clear:both;padding-top: 5px;padding-bottom: 5px;}
#section-row3-inner {overflow: hidden;margin: 0 -5px;}
#inset-block-right {float: right;z-index: 1;position: relative;background-position: 0 0;background-repeat: repeat-y;}
#inset-block-right .right-padding {padding-left: 20px;}
#inset-block-left {float: left;z-index: 1;position: relative;background-position: 100% 0;background-repeat: repeat-y;}
#inset-block-left .left-padding {padding-right: 20px;}
#inset-block-left h3, #inset-block-right h3 {margin-top: 0;}
#inset-block-left .module, #inset-block-right .module {background: none;}
#inset-block-left .module-handle, #inset-block-right .module-handle {background: url(../images/white-move-handle.png) 100% 100% no-repeat;}

table.mainbody, table.blog {width: 100%;border: 0;padding: 0;}
.spacer .block {float: left;position: relative;}
.drophere {border: 5px dashed #ccc;background: #fff url(../images/drophere.png) center center no-repeat;}

/* Showcase */
#showcase {margin: 0 15px;}
#showcase2 {margin-left: -15px;}
#showcase3 {margin-right: -15px;}
.showcase-inner {padding: 0 5px 8px 5px;}
#showcase-surround {margin: 0 -15px;}

/* Main Content */
#main-body-surround {margin: 0 -5px;}
#main-body.spacing {padding: 0 5px;}
.body-surround-top {margin: 0 16px;}
.body-surround-top2 {margin-left: -16px;}
.body-surround-top3 {margin-right: -16px;height: 16px;}
.body-surround {margin: 0 16px;}
.body-surround2 {margin-left: -16px;}
.body-surround3 {margin-right: -16px;padding: 0 15px;overflow: hidden;min-height:70px;}
.body-surround-bottom {margin: 0 16px;}
.body-surround-bottom2 {margin-left: -16px;}
.body-surround-bottom3 {margin-right: -16px;height: 16px;}
.mainbody-surround {padding: 15px;overflow: hidden;margin-top: 4px;position: relative;}
.mainbody-tl {position: absolute;width: 16px;height: 16px;top: 0;left: 0;}
.mainbody-tr {position: absolute;width: 16px;height: 16px;top: 0;right: 0;}
.mainbody-bl {position: absolute;width: 16px;height: 16px;bottom: 0;left: 0;}
.mainbody-br {position: absolute;width: 16px;height: 16px;bottom: 0;right: 0;}
#main-body {position: relative;}
#vertical-sort {padding: 0 15px;}

/* Side Column Modules */
.side-mod h3 {margin: 0;font-size: 130%;line-height: 20px;padding: 5px 0 8px 15px;}
.side-mod {margin-bottom: 10px;}
#inset-block-left .side-mod, #inset-block-right .side-mod {margin-bottom: 0;}
.side-mod .module {padding: 15px;margin-bottom: 10px;}
#leftcol .side-mod .module {padding: 15px 5px;}
.advertisement .module-header, .advertisement .module-header2, .advertisement h3.module-title {background: none;margin: 0;}
.advertisement .side-mod h3.module-title {text-align: center;padding: 2px;margin: 0;font-size: 10px;}
#rightcol .advertisement .side-mod .module {padding: 0 0 0 5px;}
#leftcol .advertisement .side-mod .module {padding: 0 5px 0 0;}
#rightcol .module {padding: 15px 0;}

/* Main Modules */
.moduletable {padding: 0;margin-bottom: 15px;}
.moduletable h3 {padding: 5px 10px;}
.move-handle {width: 17px;height: 17px;position: absolute;right: 10px;top: 8px;cursor: pointer;}
#main-body-surround .move-handle {right: 15px;}
.module-handle {cursor: pointer;position: absolute;width: 15px;height: 15px;top: 7px !important;right: 8px !important;}
#mainmodules {margin: 0 -10px 0 -10px;}
#mainmodules3 {margin-top: 15px;}
#mainmodules4, #mainmodules5 {margin: 0 -10px;}
#bottommodules .moduletable, #mainmodules2 .moduletable, #mainmodules3 .moduletable {padding: 0 10px;}
.moduletable h3 {margin-top: 0;font-size: 140%;}
#inset-block-right .mainblock-module, #inset-block-left .mainblock-module {padding-bottom: 10px;}
#main-body-surround, #showmodules, #mainmodules, #mainmodules2, #mainmodules3, #mainmodules4, #mainmodules5, #bottommodules {overflow: hidden;position: relative;}
#bottommodules h3 {padding-left: 0;}
#mainmodules .block, #mainmodules4 .block, #mainmodules5 .block, #showmodules .block {margin: 0 5px;}
.spacer.w99 .block {width: 99.8%;}
.spacer.w49 .block {width: 49.8%;}
.spacer.w33 .block {width: 33.3%;}
#mainmodules3 h3 {margin-top: 0;}
#bottom-main, #bottom-main2 {position: relative;}
h3.main-modules {font-size: 110%;font-weight: bold;margin: 0;padding: 3px 10px 9px 10px;text-transform: uppercase;text-align: center;margin-bottom: 10px;}
.hilite2 .module-header, .hilite2 .module-header2, .hilite2 .module-header3 {background: none;}
.module-header3 {position: relative;}
#page-bg .block.full .moduletable, #page-bg .block.full .module {padding: 0;}

/* RokAjaxSearch */
#roksearch_search_str {width: 150px;}
#roksearch_search_str.loading {width: 197px;padding-right:22px;background: transparent url(../images/spinner.gif) no-repeat scroll 100% 50%}
#roksearch_results {z-index: 10000;position: absolute;width: 365px;float: right;margin-top: 6px;text-align: left;visibility: hidden;}
#roksearch_results a#roksearch_link {float: right;margin-right: 5px;margin-top: 10px;display: block;height: 10px;width: 10px;}
#roksearch_results h3 {margin-top: 0;margin-bottom: 0;line-height: 110%;font-size: 120%;padding-bottom: 0;}
#roksearch_results span {display: block;line-height: 130%;font-size: 90%;}
#roksearch_results .container-wrapper {overflow: hidden;}
#roksearch_results .roksearch_wrapper3 {padding: 0 8px;}
#roksearch_results .page {float: left;}
#roksearch_results .roksearch_header, #roksearch_results .roksearch_row_btm {padding: 10px;line-height: 100%;text-transform: uppercase;font-weight: normal;font-size: 100%;}
#roksearch_results .roksearch_row_btm {padding-bottom: 16px;}
#roksearch_results .roksearch_row_btm {overflow: hidden;border-bottom: 0;}
#roksearch_results .roksearch_row_btm span {line-height: 140%;}
#roksearch_results span.small {display: block;position: absolute;bottom: 6px;right: 10px;text-align: right;font-size: 80%;font-weight: normal;}
#roksearch_results span.highlight {display: inline;}
#roksearch_results a.clr {font-size: 100%;}
#roksearch_results a:hover {text-decoration: none;}
#roksearch_results .roksearch_odd {padding: 10px;position: relative;}
#roksearch_results .roksearch_even {padding: 10px;position: relative;}
#roksearch_results .roksearch_odd-hover h3, #roksearch_results .roksearch_even-hover h3 {padding-left: 10px;}
.results ol.list {padding-left: 30px;margin-top: 0;}
.results ol.list h4 {border: 0;margin-top: 0;margin-bottom: 0;}
.results ol.list li {padding: 10px 5px;margin-bottom: 5px;}
.results ol.list li p {margin-top: 0;}
#roksearch_results .container-arrows {height: 12px;width: 30px;float: left;margin-right: 5px;position: relative;}
#roksearch_results .arrow-left {width: 12px;height: 12px;position: absolute;top: 0;left: 0;cursor: pointer;}
#roksearch_results .arrow-left-disabled {width: 12px;height: 12px;position: absolute;top: 0;left: 0;}
#roksearch_results .arrow-right {width: 12px;height: 12px;position: absolute;top: 0;left: 18px;cursor: pointer;}
#roksearch_results .arrow-right-disabled {width: 12px;height: 12px;position: absolute;top: 0;left: 18px;}
fieldset.phrase, fieldset.word, fieldset.only {border-bottom: 1px solid #ccc;}
.search_result fieldset label {line-height:170%;}
#roksearch_results .viewall span {line-height: 100%;}
#roksearch_results a.viewall {float: left;margin-right: 5px;}
#roksearch_results .estimated_res, #roksearch_results .pagination_res {font-size: 9px;font-style: italic;text-transform: none;float:left;}
#roksearch_results .pagination_res {font-style: normal;float: right;font-size: 11px;margin-top: -1px;}
#roksearch_results .powered-by-google {text-transform: lowercase;font-style: italic;font-size: 9px;}
#roksearch_results .google-search-web .roksearch_odd, #roksearch_results .google-search-web .roksearch_even {height: 110px;}
#roksearch_results .google-search-images .roksearch_odd, #roksearch_results .google-search-images .roksearch_even {height: auto !important;}
form.search_result input.button {border: 0;background: none;cursor: pointer;line-height:18px;height:30px;}
form.josForm input.button {padding-top: 8px;line-height: 10px;}
form.search_result fieldset {padding: 15px 0;}
.search-results-full .readon-wrap1 {margin-top: 0;}
form.search_result input#search_searchword.inputbox {width: 220px;height: 20px;border: 0;margin-left: 5px;padding-left: 5px;font-size: 110%;padding-top: 4px;line-height: 10px;}
form.search_result fieldset.word {margin-top: 0;}
form.search_result fieldset.word label {font-size: 120%;display: inline-block;height: 26px;}
.search-results-full h3 {margin-top: 10px;padding: 0;margin-bottom: 0;font-size: 130%;}
.search-results-full .results ol.list li p {color: #888;}
form.search_result .display {float: left;margin-left: 20px;height: 20px;margin-top: 5px;}
/* Google */
#roksearch_results .youtube {background: url(../../../modules/mod_rokajaxsearch/images/youtube.jpg) right center no-repeat; height: 16px; line-height: 16px;display: block;padding-right: 22px;}
#roksearch_results .google {background: url(../../../modules/mod_rokajaxsearch/images/google.jpg) right center no-repeat; height: 16px; line-height: 16px;display: block;padding-right: 22px;}
#roksearch_results .google-thumb-image {margin: 10px auto;}
#roksearch_results .google-search-videos .google-thumb-image, #roksearch_results .google-search-videos .google-thumb-image img {width: 160px !important; height: 120px !important;}

/* Top Main Menu */
#horiz-menu3 {padding: 0 20px;height: 45px;display: block;}
ul#horiznav.menutop, #horiz-menu ul.menutop {padding: 0;margin: 0;position: relative;z-index:120;float: left;cursor:pointer;}
#horiz-menu li, #horiz-menu li .link {position:relative;display: block;height: 45px;line-height: 38px;}
#horiz-menu li:hover .link, #horiz-menu li.sfHover .link {z-index: 100;cursor: pointer;margin: 0;}
#horiz-menu .link {white-space: nowrap;display: block;float: left;height: 45px;line-height: 45px;font-weight: normal;font-size: 14px;text-decoration: none;z-index: 100;cursor: pointer;padding: 0;}
#horiz-menu li:hover .link, #horiz-menu li.sfHover .link, #horiz-menu li.active .link {z-index: 100;cursor: pointer;margin: 0;}
#horiz-menu ul {list-style: none;padding: 0;margin: 0;}
#horiz-menu li {display: block;float: left;margin: 0;padding: 0;font-weight: bold;}
#horiz-menu li .link span {display: block;padding: 0 10px 0 20px;height: 45px;}
#horiz-menu li li .link span {display: block;padding: 0 10px;height: 24px;line-height: 24px;}

/* Top Main Menu Dropdowns */
#horiz-menu ul ul {margin: 0;border: 0;padding: 0 10px 15px 10px;}
#horiz-menu li li {margin: 0;}
#horiz-menu li li .link {text-indent: 22px;font-weight: normal;padding: 0;margin: 0;height: 33px;font-size: 12px;display: block;}
#horiz-menu li li .link span {display: block;padding: 0;margin-left: 0;}
#horiz-menu ul ul li, #horiz-menu ul ul li.active, #horiz-menu ul ul li.parent {height: 30px;}
/*#horiz-menu li.parent, #horiz-menu li.active li.parent {z-index: 600;}*/
.menutop li:hover ul, .menutop li.sfHover ul {left: 3px;top:15px;}
#horiz-menu ul ul li, #horiz-menu ul ul li.c0, #horiz-menu ul ul li.c1, #horiz-menu ul ul li.c2, #horiz-menu ul ul li.c3 {float: left;width: 173px;padding: 0;}
#horiz-menu li ul, #horiz-menu li ul.columns-1, #horiz-menu .drop-wrap.columns-1 {width: 195px;}
#horiz-menu li ul.columns-2, #horiz-menu .drop-wrap.columns-2 {width: 370px;}
#horiz-menu li ul.columns-3, #horiz-menu .drop-wrap.columns-3 {width: 555px;}
#horiz-menu li ul.columns-4, #horiz-menu .drop-wrap.columns-4 {width: 740px;}
.menutop .drop1, .menutop .drop2, .menutop .drop3 {height: 15px;}

#horiz-menu .sfHover {z-index: 700;}
.menutop .drop-wrap {float:none;left:-999em;position:absolute;z-index:700;width: 100%;}
.menutop li:hover .drop-wrap, .menutop li.sfHover .drop-wrap {left: 0px;top:33px;}
.menutop li:hover li .drop-wrap, .menutop li.sfHover li .drop-wrap, .menutop li li:hover li .drop-wrap, .menutop li li.sfHover li .drop-wrap, .menutop li li li:hover li .drop-wrap, .menutop li li li.sfHover li .drop-wrap {top:-999em;}
.menutop li li:hover .drop-wrap, .menutop li li.sfHover .drop-wrap, .menutop li li li:hover .drop-wrap, .menutop li li li.sfHover .drop-wrap, .menutop li li li li:hover .drop-wrap, .menutop li li li li.sfHover .drop-wrap {left:165px;top: -15px;}
.menutop .submenu-animation-left, .menutop .submenu-animation-right {height: 100%;}
#horiz-menu li.active li .link span, #horiz-menu li:hover li .link span, #horiz-menu li.sfHover li .link span {background: none;}

/* Main Body Items */
#breadcrumbs3 {margin: 0 0 10px 0;display: block;position:relative;overflow: hidden;height: 30px;}
#breadcrumbs-home {width: 24px;height: 24px;display: block;float: left;margin-left: 4px;margin-top: 4px;}
#breadcrumbs h3 {display: none;}
#breadcrumbs .spinner {float:right;background:url(../images/spinner.gif) center center no-repeat;width: 16px;height: 16px;right: 10px;top: 10px;position: absolute;}
span.breadcrumbs {display: block;font-size: 110%;font-weight: bold;overflow: hidden;}
span.breadcrumbs img {width: 10px;height: 30px;float: left;}
span.breadcrumbs a, span.no-link {padding: 0 8px;float: left;display: block;height: 30px;line-height: 32px;}
span.breadcrumbs span.no-link {font-weight: normal;}
span.breadcrumbs a:hover {text-decoration: none;}
.contentheading {font-size: 190%;font-weight: normal;line-height: 140%;margin: 0 0 15px 0;padding: 0;}
p.buttonheading {float: right;margin: 0 0 0 15px;}
.article-info-surround2 {padding: 10px 14px;margin-bottom: 15px;}
p.articleinfo, p.iteminfo {margin: 0;font-style: italic;font-size: 10px;line-height: 130%;}
span.modifydate, span.createdby, span.createdate {display: block;}
p.counter {text-indent: 2px;font-weight: bold;}
div.pagination {height: 24px;line-height: 24px;margin-top: 10px;margin-bottom: 15px;}
div.pagination div.tab {float: left;margin-right: 6px;}
div.pagination div.tab2 {padding: 0 10px;}
div.pagination div.page-block {padding: 0 4px;float: left;margin-right: 6px;}
.cols1 {display: block;float: none;margin: 0;}
.cols2 {width: 49%;}
.cols3 {width: 30%;}
.column1, .column2 {margin: 0 5px 0 0;position: relative;}
.column2, .column1 {float: left;margin: 0;}
.column2 {float: right;margin: 0;width: 49%;}
.article_row {margin: 0 -15px;padding: 0 15px;overflow: hidden;}
.blog_more {padding-top: 15px;padding-bottom: 5px;}
#page {padding-bottom: 15px;}
.componentheading {margin: 0 0 15px 0;font-size: 170%;line-height: 130%;padding: 0 0 0 20px;}

/* Extra Joomla Elements */
span.small, td.createdate, td.modifydate {font-size: 90%;}
table.blog td.createdate {padding-bottom: 5px;}
table.blog td.modifydate {padding-top: 10px;}
.sectiontableheader {font-weight: bold;padding: 4px;line-height: 25px;text-align: left;}
.sectiontablefooter {padding-bottom: 8px;}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 4px 5px 4px 5px;border-bottom: 1px solid #ddd;vertical-align: middle;}
tr.sectiontableentry2 td, td.sectiontableentry2 {height: 30px;}
tr.sectiontableentry1 td, td.sectiontableentry1 {height: 30px;}
.contentpane, .contentpaneopen {width: 100%;}
.module fieldset {border: 0;}
.module h4 {margin-top: 0;}
table.contenttoc {float: right;margin-left: 25px;}
.weblinks .contentdescription {overflow: hidden;margin-bottom: 15px;padding: 15px 0;}
.weblinks img {margin-right: 12px;margin-left: 0;}
form#login.form-login .contentdescription img {margin: 0;float: none;}
.contact_email label {margin-bottom: 5px;display: block;}
.contact_email input.button {border: 0;background: none;height: 22px;padding-top: 7px;line-height: 16px;}
.contact_email .readon-wrap1 {margin-top: 0;}
.contact_email .inputbox {width: 215px;height: 20px;border: 0;padding-left: 5px;font-size: 110%;padding-top: 4px;line-height: 10px;}
.contact_email #contact_text.inputbox {width: 290px;height: 200px;background: none;border: 1px solid #ddd;padding: 5px;font-size: 12px;line-height: 140%;}
.contact-name {font-weight: bold;font-size: 140%;display: block;padding: 0;}
.contact-position {display: block;padding-bottom: 15px;}
.intro-article-content .article_separator { display: none; }
.contact .icon { float: left; width: 40px;}
.contact .misc, .contact .webpage, .contact .mobile, .contact .email, .contact .telephone, .contact .fax, .contact .country, .contact .state, .contact .postcode, .contact .suburb, .contact .street-address { overflow: hidden;}
.contact .other .surround { margin-top: 5px;}
.contact .vcard {margin-top: 15px;}
.weblinks img { float: left; }

/* Side Menus */
#main-body-surround #leftcol ul.menu {margin: 0;padding: 0;}
#main-body-surround #rightcol ul.menu {margin: 0;padding: 0;}
#main-body-surround ul.menu li {list-style: none;margin: 0;padding: 2px 0;float: none;}
#main-body-surround ul.menu a:hover {text-decoration: none;}
#main-body-surround ul.menu span {display: block;}
#main-body-surround ul.menu ul li a {padding: 0;margin-bottom: 10px;}
#main-body-surround ul.menu ul li span.separator {padding-left: 20px !important;}
#main-body-surround ul.menu ul li ul li ul li a, #main-body-surround ul.menu ul li ul li ul li .separator {padding-left: 56px;background: none;}
#main-body-surround ul.menu li.active.parent li span, #main-body-surround ul.menu li.parent li span {padding-left: 14px;line-height: 140%;}
#main-body-surround ul.menu a, ul.menu .separator {display: block;text-indent: 0;overflow: hidden;font-size: 120%;float: none;}
#main-body-surround ul.menu a, #main-body-surround ul.menu .separator {padding: 6px 10px 6px 22px;}
#main-body-surround ul.menu li.active.parent li span.separator, #main-body-surround ul.menu li.parent li span.separator {background: none;}
#main-body-surround ul.menu li.active a, #main-body-surround ul.menu li.active li.active a, #main-body-surround ul.menu li.active li.active li.active a, #main-body-surround ul.menu li.active .separator, #main-body-surround ul.menu li.active li.active .separator {font-weight: bold;}
#main-body-surround ul.menu li.active li a, #main-body-surround ul.menu li.active li.active li a, #main-body-surround ul.menu li.active li .separator, #main-body-surround ul.menu li.active li.active li .separator, #main-body-surround ul.menu li.active li.active li.active .separator {font-weight: normal;}
#main-body-surround ul.menu li li {padding: 0;margin: 0;background: none;font-size: 10px;}
#main-body-surround ul.menu li li a span, #main-body-surround ul.menu li li .separator span {padding: 0;}
#main-body-surround ul.menu li.active.parent ul, #main-body-surround ul.menu li.active.parent ul li.active.parent ul, #main-body-surround ul.menu li.active.parent ul li.active.parent ul li.active.parent ul {margin: 0;padding: 5px 0 5px 20px;}
#main-body-surround ul.menu li.active ul span.separator {background: none;}
#main-body-surround ul.menu li.active li li, #main-body-surround ul.menu li:hover li li {background: none;}

/* Extra Content Styles */
a.nounder {text-decoration: none;border: 0;cursor: pointer;}
a.nounder:hover {text-decoration: none;}
fieldset {margin:10px 0 20px 0; border:0;}
fieldset.input, a img, body .pollstableborder {border: 0;}
form.form-login fieldset.input {padding: 0;}
legend {font-size:120%;padding:0 0 10px 0;margin:0;color:#333;text-indent:0;}
form.poll fieldset {margin: 0 0 10px 0;padding: 0;}
h4.poll-title {margin: 0 0 10px 0;padding: 0;font-size: 120%;}
.poll-line {padding: 7px 15px 9px 5px;font-size: 110%;}
.poll-buttons {padding: 0 15px;overflow: hidden;width: 140px;margin: 0 auto;}
form.poll input.button, input#submit.button {background: none;cursor:pointer;border: none;text-align: center;line-height: 18px;height: 30px;float: left;}
.vote-button-wrap .readon-wrap1 {margin-left: 15px;}
form.poll a.results:hover {text-decoration: none;}
img.content-left {float: left;margin-right: 10px;padding: 5px;}
img.content-right {float: right;margin-left: 10px;padding: 5px;}
.back_button {margin-top: 20px;margin-bottom: 10px;}
.tool-tip {padding: 4px;z-index:5000;background:#fbf3ad;color:#333;border:2px solid #f8e639;font-size:90%;width:300px;}
.bannergroup .clr {clear: none !important;}
dl.poll dt {border-bottom:solid 1px #ccc;font-weight: bold;}
dl.poll dd {padding:6px 0;margin-left: 0;}
.polls_color_1 {background:#000;}
.polls_color_2 {background:#999;}
.polls_color_3 {background:#93246F;}
.polls_color_4 {background:#000;}
.polls_color_5 {background:#ccc;}
.polls_color_6 {background:#93246F;}
#main-content .poll {padding-top: 15px;}
.blog_more h2, .newsfeeds-default .article-info-surround h2 {margin: 0;padding: 0;text-transform: uppercase;font-size: 110%;font-weight: bold;}
.newsfeeds-default .article-info-surround {margin-top: 10px;}
ul.latestnews, ul.mostread, .blog_more ul, .block ul#mainlevel-nav {margin: 0;padding: 0;}
ul.latestnews li, ul.mostread li, .blog_more ul li, .block ul#mainlevel-nav li {list-style: none;margin-bottom: 6px;padding-bottom: 6px;padding-left: 5px;}
ul.latestnews li a, ul.mostread li a, .blog_more ul li a, .block ul#mainlevel-nav li a {font-weight: bold;font-size: 110%;display: block;padding-left: 12px;}
.bannergroup_text .bannerheader {font-size: 120%;font-weight: bold;margin-bottom: 15px;}
.bannergroup_text .banneritem_text {margin-bottom: 15px;}
.bannergroup_text .banneritem_text a {font-weight: bold;}

/* Form overrides */
#main-content form.editor {padding:0;margin:0;}
#main-content form.editor {color:#333;}
#main-content form.editor input, #main-content form.editor textarea {border:1px solid #ccc;}
#main-content form.editor fieldset a {color: #00c;}
#main-content form.editor fieldset {padding:10px; border: 1px solid #ccc;}
#main-content form.editor legend {font-size:120%;margin:15px 0;padding:0 10px;font-weight:bold;}
#main-content form.editor label {display:block;width: 120px;float:left;}
#main-content form.editor div.radio label {display:inline;width:auto;float:none;}

/* Login Styles */
form.form-login p {margin: 0;}
form.search_result input#search_searchword.inputbox, form.form-login .inputbox, form.josForm input#email, .input-surround .inputbox {width: 96%;height: 22px;border: 0;padding-left: 10px;font-size: 16px;padding-top: 7px;line-height: 10px;}
form.search_result input#search_searchword.inputbox {margin-left: 0;}
form.search_result .input-field-l, form.josForm .input-field-l, .input-surround .input-field-l {width: 300px;}
form.josForm .input-field-l, .input-surround .input-field-l {float: left;}
form.form-login .input-field-l, .input-surround .input-field-l {margin-bottom: 5px;}
form.form-login .login-links {margin-bottom: 8px;margin-top: 8px;}
form.form-login .login-links a {padding-left: 12px;font-size: 110%;}
form.form-login input.button, form.log input.button {border: 0;background: none;height: 30px;}
form.log .readon-wrap1 {margin-top: 5px;}
input.button {font-size: 100%;cursor: pointer;padding: 3px 5px;}
.readon1-r input.button, .readon1-r button {color: #fff;}
form.form-login span.username-label, form.form-login span.password-label {display: block;text-transform: uppercase;margin-bottom: 1px;padding-left: 2px;}
.register-page input.button, form.josForm input.validate {background: none;border: 0;}
.register-page input.button {padding-top: 7px;height: 22px;line-height: 16px;}
form#josForm.form-validate.user, .edit-user-form {float: left;overflow: hidden;padding-bottom: 15px;}
.edit-user-form {padding-top: 15px;}
.register-page label {display: block;}
.register-page fieldset {margin-bottom: 15px;margin-top: 0;padding-bottom: 15px;}
div.user_name {margin-bottom: 10px;}
div.user_name span {font-weight: bold;font-size: 110%;}
.user-params {margin-bottom: 20px;}
.user-params td.paramlist_key {width: auto;}
.edit-user-button {margin: 0 auto;width: 80px;}
#login-module {display: none;padding: 0 5px 10px 5px;}
#login-module h3 {margin: 0 0 15px 0;padding: 0 0 0 22px;font-weight: bold;line-height: 150%;}
#login-module form.form-login, #login-module form.log {margin: 0;background:none;border:0;}
#login-module .sidemod-title {border:0;}
#login-module form.form-login .inputbox {border: 0;}
#login-module input.button {background: none;border: 0;height: 30px;}
.remember-me {margin-top: 15px;margin-bottom: 5px;font-size: 110%;}
#login-module .readon-wrap1, form.form-login .readon-wrap1 {margin-top: 5px;}
a#rokbox-close {height: 22px;width: 22px;float: right;}
form.josForm label.hasTip {display: block;float: left;height: 25px;line-height: 25px;margin-right: 5px}
.name, .pass {width: 300px;}
.input-surround .input-field-l {background: url(../images/input-field-r.png) 100% -90px no-repeat;}
.input-surround .inputbox {background: url(../images/input-field-l.png) 0 -90px no-repeat;color: #41423D;}
.readon-surround {clear: both;overflow: hidden;}

/* Bottom Section */
#bottom-bg {height: 45px;}
#bottom-menu-overlay {height: 45px;line-height: 55px;}
#botbar {padding: 15px;overflow: hidden;position: relative;}
#bottom {overflow: hidden;padding-bottom: 15px;padding-top: 15px;}
#bottom-menu {overflow: hidden;padding: 0;text-align: center;}
#top-button {position: absolute;right: 25px;top: 16px;width: 90px;height: 20px;text-align: center;line-height: 22px;font-weight: bold;font-size: 12px;}
#top-button a:hover {text-decoration: none;}
.top-button-spacer {height: 15px;}
.copyright-block {width: 500px;margin: 0 auto;text-align: center;}
#copyright {padding: 15px 0 8px 0;}
#bottom-menu ul {list-style: none;margin: 0;padding: 0;}
#bottom-menu ul li {display: inline;}
#bottom-menu ul li a, #bottom-menu ul li .separator {padding: 0 15px;font-size: 120%;font-weight: bold;}
#bottom-menu ul li a:hover, #bottom-menu ul li .separator:hover {text-decoration: none;}
#rocket {width: 111px;height: 15px;display: block;margin: 0 auto;}
#debug-mod {padding: 15px;}
#bottom ul {margin: 0;padding-left: 10px;list-style: none;}
#bottom ul li a {padding-left: 13px;padding-bottom: 5px;display: block;}
#bottom ul li:hover a {text-decoration: none;}
a#clear-cookies {display: block;text-align: center;margin-top: 10px;}

/* RokTabs */
.roktabs-wrapper {padding: 0;position: relative;}
.roktabs-wrapper .roktabs-container-inner {position:relative;overflow: hidden;}
.roktabs-wrapper .roktabs-container-wrapper {clear: both;position: relative;overflow:hidden;}
.roktabs-wrapper .roktabs-container-wrapper div {float: left;}
.roktabs-wrapper .roktabs-container-wrapper div.wrapper {margin: 0 10px 10px 10px;padding: 10px;width: auto;}
.tabs-bottom .roktabs-container-wrapper div.wrapper {margin: 10px 10px 0 10px;padding: 10px;width: auto;}
.roktabs-wrapper .roktabs-links {margin: 0;padding: 0;height: 30px;overflow: hidden;}
.roktabs-wrapper .active-arrows .roktabs-links {margin: 0 20px;padding: 0;height: 30px;}
.roktabs-wrapper .roktabs-links ul {text-align: left;font-weight: bold;list-style-type: none;overflow:hidden;margin: 0;height: 30px;}
.roktabs-wrapper .roktabs-links ul li {float: left;padding: 0;margin: 0;text-decoration: none;position: relative;height: 30px;line-height: 30px;}
.roktabs-wrapper .roktabs-links ul li.last {margin-right: -2px;}
.roktabs-wrapper .roktabs-links ul li span {padding: 7px 11px;}
.roktabs-wrapper .roktabs-links ul {padding: 0;}
.roktabs-wrapper .roktabs-links ul li.active {margin: 0;}
.roktabs-wrapper .roktabs-scroller {position: absolute;bottom: 0;right: 0;height: 30px;}
.roktabs-wrapper .arrow-next, .roktabs-wrapper .arrow-prev {line-height: 30px;text-align: center;cursor: pointer;z-index: 2;position: absolute;top: 0;height:30px;width: 20px;background-repeat: no-repeat;}
.roktabs-wrapper .arrow-next {background-position: 100% 0;}
.roktabs-wrapper .arrow-prev {background-position: 0 0;}
.roktabs-wrapper .arrow-next:hover {background-position: 100% -30px;}
.roktabs-wrapper .arrow-prev:hover {background-position: 0 -30px;}
.roktabs-wrapper .arrow-prev span, .roktabs-wrapper .arrow-next span {display: none;}
.tabs-hidden .roktabs-container-wrapper div.wrapper {margin-top: 10px;}
.clear {clear: both;}

/* RokTwittie */
#roktwittie .info .name { display: inline; }

/* RSS Feeds */
ul.newsfeed {margin: 0;padding: 0;}
a.newsfeed-title {text-transform: uppercase;font-weight: bold;}
ul.newsfeed li {list-style: none;padding-left: 12px;margin-bottom: 12px;}
ul.newsfeed li a {font-weight: bold;font-size: 120%;}
ul.newsfeed .newsfeed-div {display: block;padding-bottom: 1px;}

/* Typography */
#page-bg .feature-block .readon-wrap1, .readon-wrap1 {margin-top: 15px;position:relative;float:left;}
#page-bg .feature-block .readon-wrap1 span, .readon-wrap1 span {display:block;height: 30px;line-height: 30px;}
#page-bg .feature-block a.readon, a.readon {font-weight: bold;}
#page-bg .feature-block a.readon-main, a.readon-main {font-size: 12px;cursor: pointer;}
#page-bg .feature-block a.readon-main:hover, a.readon-main:hover {text-decoration: none;}
#page-bg .feature-block .readon1-l, .readon1-l {position:absolute;width: 15px;height: 30px;left:0;top:0;}
#page-bg .feature-block .readon1-m, .readon1-m {margin-left: 15px;text-align: center;}
#page-bg .feature-block .readon1-r, .readon1-r {margin-right: -15px;padding-right: 15px;}

#page-bg .rokstories-layout2 .labels-title {background: none;}
#page-bg .rokstories-layout2 .feature-arrow-r {height: 73px;top: 38%;width: 38px;}
#page-bg .rokstories-layout2 .feature-arrow-l {height: 73px;top: 38%;width: 38px;}
#page-bg .rokstories-layout2 .labels-title {font-size: 18px;color: #fff;font-weight: normal;}
#page-bg .rokstories-layout2 .feature-title {font-size: 20px;margin-bottom: 10px;line-height: 110%;}
#page-bg .rokstories-layout2 .feature-desc {font-size: 14px;}
#page-bg .feature-block-tl {position: absolute;width: 16px;height: 16px;top: 0;left: 0;}
#page-bg .feature-block-tr {position: absolute;width: 16px;height: 16px;top: 0;right: 0;}
#page-bg .feature-block-bl {position: absolute;width: 16px;height: 16px;bottom: 0;left: 0;}
#page-bg .feature-block-br {position: absolute;width: 16px;height: 16px;bottom: 0;right: 0;}
#page-bg .feature-arrow-r {width: 40px;height: 73px;position: absolute;right: 0;top: 38%;cursor: pointer;}
#page-bg .feature-arrow-l {width: 40px;height: 73px;position: absolute;left: 0;top: 38%;cursor: pointer;}
#page-bg .labels-title {line-height: 47px;font-size: 150%;color: #fff;font-weight:normal;height:auto;padding:0;}
#page-bg .feature-block-title {position: absolute;bottom: 15px;left: 15px;font-weight:normal;}
#page-bg .feature-block-title2 {width: 15px;height: 47px;background: url(../images/feature-block-title.png) 0 0 no-repeat;float: left;}
#page-bg .feature-block-title3 {padding: 0 25px 0 10px;height: 47px;background: url(../images/feature-block-title.png) 100% 0 no-repeat;margin-left: 15px;}

/* RokBridge Modules */
.latest_posts {padding-bottom: 6px;margin-top: 6px;}
.latest_posts_subject a {font-weight: bold;}
.rokbridge_login form.form-login .login-links a {display: block;font-size: 100%;margin-bottom: 2px;}
.login-bold {font-weight: bold;font-size: 110%;}
.rokbridge_login span.avatar img {width: 25px !important;height: 25px !important;float: left;margin-right: 10px;}
.rokbridge_login h4.welcome {line-height: 25px;}
.rb-latest-members .rb-avatar-row {padding-bottom: 8px;margin-bottom: 8px;}
.rb-latest-members .rb-avatar img {margin-right: 8px;}
.latest_posts_subject a {padding-left: 12px;display: block;}

/* Alerts */
#maincontent-block div.error {background: #FCE7E7 url(../images/alerts/alert-tl.png) 0 0 no-repeat;padding: 0;margin: 0 0 20px 0;color: #c00;font-weight: bold;}
#maincontent-block div.error .c2 {background: url(../images/alerts/alert-tr.png) 100% 0 no-repeat;}
#maincontent-block div.error .c3 {background: url(../images/alerts/alert-bl.png) 0 100% no-repeat;}
#maincontent-block div.error .c4 {background: url(../images/alerts/alert-br.png) 100% 100% no-repeat;padding: 12px;}
#maincontent-block div.error span {background: url(../images/alerts/alert-icon.png) 0 1px no-repeat;padding-left: 25px;display: block;}
#maincontent-block div.error a {color: #c00;}

#maincontent-block div.notice, #maincontent-block div.message {background: #E9EFFC url(../images/alerts/notice-tl.png) 0 0 no-repeat;padding: 0;margin: 0 0 20px 0;color: #005CAF;font-weight: bold;}
#maincontent-block div.notice .c2, #maincontent-block div.message .c2 {background: url(../images/alerts/notice-tr.png) 100% 0 no-repeat;}
#maincontent-block div.notice .c3, #maincontent-block div.message .c3 {background: url(../images/alerts/notice-bl.png) 0 100% no-repeat;}
#maincontent-block div.notice .c4, #maincontent-block div.message .c4 {background: url(../images/alerts/notice-br.png) 100% 100% no-repeat;padding: 12px;}
#maincontent-block div.notice span, #maincontent-block div.message span {background: url(../images/alerts/notice-icon.png) 0 1px no-repeat;padding-left: 25px;display: block;}
#maincontent-block div.notice a, #maincontent-block div.message a {color: #005CAF;}

#maincontent-block div.warn {background: #F5F3D9 url(../images/alerts/desc-tl.png) 0 0 no-repeat;padding: 0;margin: 20px 0;color: #73621C;font-weight: bold;}
#maincontent-block div.warn .c2 {background: url(../images/alerts/desc-tr.png) 100% 0 no-repeat;}
#maincontent-block div.warn .c3 {background: url(../images/alerts/desc-bl.png) 0 100% no-repeat;}
#maincontent-block div.warn .c4 {background: url(../images/alerts/desc-br.png) 100% 100% no-repeat;padding: 12px;}
#maincontent-block div.warn span {background: url(../images/alerts/desc-icon.png) 0 1px no-repeat;padding-left: 25px;display: block;}
#maincontent-block div.warn a {color: #73621C;}
#maincontent-block div.warn.mod, #maincontent-block div.error.mod, #maincontent-block div.notice.mod, #maincontent-block div.message.mod, #maincontent-block div.description.mod {margin: 0;}

/* @group Demo Content */

#mainmodules .article_separator {display: none;}
.flush .moduletable {margin-bottom: 0;}

/* Custom Modules Tutorial */
.rokmod-demo-block .parameters div {border-right:1px dotted #666;padding-right:12px;}
.rokmod-demo-block .options div {border-right:1px dotted #666; padding-right: 12px;}
.rokmod-demo-block .demo div {border-right:1px dotted #666;padding-right: 12px;}
.rokmod-demo-block .parameters, .rokmod-demo-block .options, .rokmod-demo-block .demo, .rokmod-demo-block .description {float:left;margin-right:12px;}
.rokmod-demo-block .parameters span, .rokmod-demo-block .options span, .rokmod-demo-block .demo span, .rokmod-demo-block .description span {display:block;font-size:11px;line-height:22px;}
.rokmod-demo-block .demo-span1 {font-weight: bold;}

/* Tutorials */
.tut-block {height: 100px; display: block;}
.tut-img {float: left; margin-right: 10px;}
.tut-title {font-size: 130%;font-weight: bold;margin-bottom: 15px;padding-top: 3px;}
pre {overflow: auto;}
.tut-tool-tip {color: #fff;width: 139px;z-index: 13000;}
.tut-tool-title {display: none;}
.tut-tool-text {font-size: 11px;padding: 4px 8px 8px;background: url(../images/bubble.png) bottom right;}
.tut-tool-text span { overflow: auto; display: block;}

/* Variation Chooser */
.variation-chooser {margin-top:15px;position:relative; margin-left: 15px;overflow:hidden;}
.variation-chooser .controls {height:25px;position:absolute;}
.variation-chooser .control-prev, .variation-chooser .control-next {cursor:pointer;float:left;height:16px;margin-right:3px;margin-top:1px;width:16px;}
.variation-chooser .control-prev {background-position:0 0;margin-right:0.4em;}
.variation-chooser .control-prev:hover {background-position:0 -16px;}
.variation-chooser .control-next {background-position:0 -32px;margin-left:0.4em;}
.variation-chooser .control-next:hover {background-position:0 -48px;}
.variation-chooser input {background: #fff;border: 1px solid #ddd;width: 50px;text-align: center;margin-left: 125px;color:#333;}

/* @end */

našel!

hvala "neskončno" za smernice sploh kam gledat ;)

tole

$t->showcase .= '       
<div class="block '.$mClasses['showcase'][0].'" style="width: '.$mClasses['showcase'][1].'px;">
<div class="module-'.$showcase_block.'">

sem spremenil v:

$t->showcase .= '
<div class="block '.$mClasses['showcase'][0].'" style="width: 49%;">
<div class="module-'.$showcase_block.'">

tako sem naredil za vse tri "block-e"

hvala še 1x