Уважаемые эксперты, будьте так добры, проконсультируйте, пожалуйста, по вопросу верстки. Есть сайт (history-kazan.ru), установлена тема, которая, к сожалению, «разъезжается». Нашёл сайт с аналогичной темой (http://totalcomingout.ru/), на нём все отображается нормально. Просмотрел css и индексный файл, однако не нашёл существенных различий. Подозреваю, что где-то неправильно «закрыл» div. Буду очень признателен за консультацию. Ниже привожу листинги.
style.css
index.php
Код:
/* =Global Elements
-------------------------------------------------------------- */
body {
font-family: Arial, Helvetica, sans-serif;
background: #FFF;
color: #333;
font-size: 100%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal; }
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
* html .clearfix { height: 1%; }
img.aligncenter, img.alignright, img.alignleft { border: 5px solid #DDD; }
.navigation a:link, .navigation a:visited, .comments-navigation a:link, .comments-navigation a:visited {
border: 1px solid #DDD;
display: inline-block;
text-decoration: none;
padding: 5px;
font-weight: bold;
font-size: 14px; }
#content-wrap {
width:980px;
margin:0 auto; }
* {
margin:0;
padding:0; }
html { overflow-y:scroll; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,input,button,textarea {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
margin:0;
padding:0; }
body {
background-color:#F1F1F1;
font-family:Arial, Helvetica, sans-serif;
border-top:13px solid #22384F; }
ul { list-style:none; }
p { font:1.3em/1.3em; }
a {
text-decoration:none;
color:#263B51; }
a:hover { text-decoration:underline; }
a img { border:none; }
.floatleft { float:left; }
.floatright { float:right; }
.clear { clear:both; }
.transpBlack { background:url(transpBlack.png); }
/* =Header
-------------------------------------------------------------- */
#header {
width:980px;
margin:0 auto; }
#logo {
float:left;
height:90px;
padding:10px 0 0; }
#logo h1 {
color:#263B51;
font-size:80px;
margin:0;
padding:0; }
#logo h5 {
color:#263B51;
font-size:16px;
font-family:Tahoma;
font-variant:small-caps; }
#ad468 {
float:right;
height:60px;
width:468px;
padding:50px 0 0; }
/* =Menus
-------------------------------------------------------------- */
.rss-links { float: right }
.rss-links a { background: url('images/rss.png') no-repeat left 9px; padding-left: 15px !important }
#menu {
background:url(images/menu.png) repeat-x;
height:33px;
margin:15px 0; }
#menu-wrap {
width:980px;
margin:0 auto; }
/* Navigations
-------------------------------*/
ul.nav { margin: 0 }
/* Main navigation */
#nav, #nav ul {
height: 35px;
width: 550px;
float:left;
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
z-index: 100;
padding-top:6px; }
#nav a {
color: #e7e7e7;
font-size: 10px;
font-weight: bold;
display: block;
text-decoration: none;
padding: 5px 7px;
text-transform: uppercase;
}
#nav a:hover {
color: #fff;
background:#1F1F1F;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.current_page_item a {
color: #fff;
background:#1F1F1F;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#footer .current_page_item a, .current_page_item li {
border:none;
border:0; }
#sidebar .current_page_item a, .current_page_item li {
border:none;
border:0; }
#nav li {
float: left;
padding-right:20px; }
/* Style drop down list */
#nav li ul {
position: absolute;
width: 200px;
left: -999em;
padding-top:0px; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li ul li a {
background: #1F1F1F;
line-height: 10px;
font-size: 10px;
color: #fff;
width: 150px;
margin-bottom:0px;
-moz-border-radius: 3px;
-html-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border-bottom:1px solid #ccc;
}
#nav li ul li a:hover {
background: #3F3E3E;
color:#fff;
-moz-border-radius: 3px;
-html-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#nav li ul li a { }
#nav li ul ul { margin: -23px 0 0 164px; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
/* IE7 Fix */
#nav li:hover, #nav li.hover { position: static; }
ul#footerNav {
position: absolute;
top: 27px;
right: 0; }
ul#footerNav li {
float: left;
display: inline;
margin-left: 15px; }
#rss {
float:right;
padding-top:5px; }
#rss li {
display:inline;
padding:0 10px 0 0; }
#rss li a {
color:#fff;
font-size:11px;
text-decoration:none;
padding:0; }
#rss li a:hover { text-decoration:underline; }
#rss img {
vertical-align:middle;
padding:0;
margin-right:3px; }
/* =Widgets
-------------------------------------------------------------- */
#popular {
float:left;
width:270px;
margin:0 10px 15px 0; }
#subscribe p {
padding:0 10px 10px 10px;
font-size:12px;
line-height:18px;}
.widget {
font-size:11px;
color:#737373;
padding:0 0 10px; }
.widget li {
list-style-type:square;
list-style-position: inside;
line-height:20px; }
.widget h3,#posts h3 {
background:url(images/blu.png) no-repeat top left;
height:33px;
font-family:Arial;
text-transform:uppercase;
font-size:10px;
color:#fff;
font-weight:400;
padding:7px 5px 0 10px; }
.widget small { float:left; }
.widget img {
float:left;
padding:0 5px 3px 0; }
.widget a {
font-weight:700;
font-family:Tahoma; }
/* =Main Area
-------------------------------------------------------------- */
#featured {
float:left;
width:420px;
background:#181818;
height:240px;
overflow:hidden;
position:relative; }
#featured-wrap {
float:left;
width:420px;
}
#featured-wrap h3 {
background:url(images/black.png) no-repeat top left;
height:33px;
font-family:Arial;
text-transform:uppercase;
font-size:10px;
color:#fff;
font-weight:400;
padding:7px 5px 0 10px;
}
.fimage {
float:left;
width:200px; }
#tabs ul {
text-transform:uppercase;
position:absolute;
left:200px; }
#tabs li { float:left; }
#tabs li a {
font-family:Arial;
font-size:10px;
color:#fff;
background:#333;
display:inline;
float:left;
height:20px;
width:72px;
text-align:center;
border-right:1px solid #181818;
padding:10px 0 0; }
#tabs li a.tabactive {
background:#181818;
display:block;
float:left;
text-decoration:none; }
.fcontent1, .fcontent2, .fcontent3 {
float:left;
width:200px;
color:#D1D1D0;
font-size:12px;
overflow:hidden;
padding:33px 10px 15px; }
.fcont {
float:left;
width:200px;
color:#D1D1D0;
font-size:12px;
overflow:hidden;
padding:38px 10px 15px;
height:240px; }
.fcont a {
color:#D1D1D0;
font-weight:700; }
.fcont h2 a {
font-family:Georgia;
color:#D1D1D0;
font-size:22px;
font-weight:400;
padding-bottom:3px; }
.fcont small {
font-style:italic;
line-height:20px;
margin-bottom:5px;
font-size:11px; }
.fimage {
float:left;
width:200px; }
#recent {
float:right;
width:270px; }
#recent li {
display:block;
float:left;
padding:4px 0 4px 0;
border-bottom:1px dotted #ccc;
clear:both;
width:100%;
line-height:normal;}
#recent li:hover {
background:#E9E8E8;
border-bottom:1px dotted #646464; }
#recent small a {
font-size:10px;
font-family:Arial;
color:#737373;
text-transform:none; }
#recent small {
font-style:italic;
font-size:10px;
font-family:Arial;
color:#737373; }
#recent h3 {
background:url(images/black.png) no-repeat top left;
height:30px;
font-family:Arial;
text-transform:uppercase;
font-size:10px;
color:#fff;
font-weight:400;
padding:7px 5px 0 10px; }
#middle {
width:670px;
float:left;
padding:0 10px 0 0; }
.block {
font-size:12px;
color:#444;
padding:0 0 10px; }
.block h3 {
background:url(images/blu.png) no-repeat top left;
height:33px;
font-family:Georgia;
text-transform:uppercase;
font-size:16px;
color:#fff;
font-weight:400;
padding:3px 5px 0 10px; }
.block h3 a { color:#fff; }
h3.green { background:url(images/green.png) no-repeat top left; }
h3.black { background:url(images/black.png) no-repeat top left; }
h3.blue { background:url(images/blu.png) no-repeat top left; }
h3.pink { background:url(images/pink.png) no-repeat top left; }
.firstn {
width:245px;
float:left;
font-size:12px;
line-height:20px;
color:#444; }
.firstn h2 {
font-size:17px;
font-weight:400;
font-family:Georgia;
color:#181818;
font-style:italic; }
.firstn small {
font-style:italic;
line-height:20px;
margin-bottom:5px;
font-size:10px;
color:#525252; }
.firstn img {
float:left;
width:235px;
padding:0 5px 5px 0; }
.rightn a {
font-family:Georgia;
font-size:16px;
line-height:normal; }
.rightnp a {
font-size:16px;
line-height:normal; }
.rightn p a, .rightnp p a {
font-weight:700;
font-size:10px; }
.righthumb { float:left; }
.rightcont {
float:left;
width:320px; }
.rightcontp {
float:left;
width:520px;
}
.rightcontp a { font-weight:700; }
.firstn p a { font-weight:700; }
.bubble {
background:transparent url(images/bb.png) no-repeat;
color:#fff;
float:right;
height:17px;
padding-top:0px;
text-align:center;
width:19px;
margin-top:2px;
margin-left:10px; }
.bubble a {
color:#fff;
font-size:10px;
font-weight:700;
font-family:Arial; }
#postsn { width:660px; }
#posts {
width:660px;
float:left;
padding:0 10px 0 0; }
#middlesb {
width:160px;
float:left; }
#tab-comments {
margin:0px;
padding:0px;
color:#525252; }
#tab-comments li {
overflow:hidden;
list-style: none;
line-height:16px;
padding:0 0 5px 0; }
.tab-comments-avatar { margin:0px 3px 3px 0px; }
.rightnp {
width:640px;
float:left;
font-size:12px;
color:#444;
line-height:20px;
padding:0px 0 2px 0; }
.rightn {
width:420px;
float:left;
font-size:11px;
color:#444;
line-height:18px;
padding:3px 0 2px; }
.rightnp li {
border-bottom:1px solid #ccc;
margin-top:10px; }
.rightn img {
float:left;
width:90px;
padding:0 7px 7px 0; }
.rightnp img {
float:left;
width:130px;
padding:0 7px 7px 0; }
.rightn small a, .rightnp small a {
font-size:10px;
font-family:Arial;
color:#737373; }
.rightn small, .rightnp small {
font-size:10px;
font-family:Arial;
color:#737373; }
.rightn li, .rightnp li {
display:block;
padding:0 0 10px;
border-bottom:1px solid #ccc;
margin-bottom:13px; }
/* =Posts
-------------------------------------------------------------- */
.gallery .gallery-item { float: left; margin: 0 1em 1em 0 }
.attachment { margin: 1em 0 }
.post {
float:left;
padding-right:20px;
font-size:12px;
line-height:22px;
color:#444; }
.post a {
border-bottom:1px solid #ccc;
color:#154A7F;
font-weight:700; }
.post a:hover {
border:none;
text-decoration:none; }
.post blockquote {
border-left:3px solid #ccc;
color:#777;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:12px;
font-style:italic;
line-height:1.8em;
padding-left:10px;
clear:both;
margin:10px 20px 10px 30px; }
.post hr {
height:1px;
border-bottom:1px solid #ccc;
border-top:none;
margin-bottom:5px;
clear:both; }
.post h2 {
font-family:Arial;
font-size:33px;
font-weight:700;
padding-bottom:5px;
line-height:30px;
color:#333; }
.post h3 { font-size:24px; }
.post h4 { font-size:21px; }
.post h5 { font-size:18px; }
.post h6 { font-size:16px; }
.post h3,h4,h5,h6 {
color:#333;
padding-bottom:10px;
font-weight:700; }
.post li ol {
line-height:25px;
padding-left:10px; }
.post p { padding:0 0 15px; }
.post ul li {
line-height:25px;
list-style:square; }
.post small {
font-size:10px;
text-transform:uppercase; }
.post ul li:hover { line-height:25px; }
.post ul,.post ul,ol { padding:10px 0 20px 20px; }
.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
border:5px solid #DDDDDD; }
.alignnone { border:5px solid #DDDDDD; }
.alignleft {
float:left;
margin:0 10px 0 0; }
.alignleft img {
float:left;
margin:0 10px 0 0;
border:5px solid #DDDDDD; }
.alignright {
float:right;
margin:10px 0 0 20px; }
.alignright img {
float:right;
margin:10px 10px 5px 10px;
border:5px solid #DDDDDD; }
.floatleft,#more_left { float:left; }
/* Captions */
.aligncenter, div.aligncenter {
border:5px solid #DDDDDD;
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
border: 1px solid #ccc;
text-align: center;
background-color: #DCDCDC;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
.wp-caption img {
margin: 0;
padding: 5px;
border: 0 none; }
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 14px;
padding: 0 3px 5px;
margin: 0;
font-style:italic; }
ul,#socialicons ul { list-style:none; }
#socialicons {
border-top:2px solid #DAD9D9;
color:#4c4d50;
float:left;
width:650px;
background:#E4E4E4;
height:30px;
margin:10px 0 0;
padding:0 0 3px; }
#socialicons img {
margin-right:5px;
padding-bottom:3px; }
#socialicons ul { padding:3px 0 0 20px; }
#socialicons li {
border:none;
display:inline;
float:left;
padding-right:19px; }
#socialicons small {
color:#4c4d50;
font-family:arial, "lucida console", sans-serif;
font-size:10px;
font-weight:700;
text-transform:uppercase; }
#socialicons small a {
border-bottom:none;
color:#4c4d50;
text-decoration:none; }
#socialicons small a:hover {
border-bottom:none;
color:#030a1f; }
#socialicons small img {
border:none;
vertical-align:middle; }
/* Comments
-------------------------------------------------------------- */
.children {
padding: 0 0 0 40px;
margin-left:35px; }
.comment-author-admin {
background:url(images/author.jpg) no-repeat top right;
}
.authorcomm {
float:left;
margin:0;
padding:0;
width:70px;
text-align:center;
line-height:12px;
font-size:13px; }
.authorcomm a {
text-decoration:none;
font-weight:bold; }
.avatar { padding:0 15px 0 0; }
.reply a {
padding:2px 5px;
margin-left:55px;
font-weight:normal;
text-transform:uppercase;
background:#333;
width:50px;
font-size:9px;
text-align:center;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border:none;
color:#fff; }
.reply a:hover {
background:#CA2B57;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
#respond { float:left; }
#navigation {
width:100%;
height:30px;
float:left; }
.cancel-comment-reply a {
padding:2px 5px;
margin-bottom:5px;
margin-left:55px;
font-weight:700;
text-transform:uppercase;
background:#333;
font-size:10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border:none;
color:#fff; }
.cancel-comment-reply a:hover {
background:#CA2B57;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
.comment-meta a {
font-weight:normal;
border-bottom:none;
font-size:9px;
color:#5F5F5F;
font-style:italic; }
.comment-meta {
padding-bottom:5px;
border-bottom:3px solid #ccc;
margin-left:55px; }
.fn {
font-size:12px;
line-height:15px;
font-weight:bold;
font-style:normal; }
.says { display:none; }
#comments li {
width:100%;
padding:10px 0 10px;
display:block;
float:left; }
.commentlist {
margin: 0px;
padding: 0px;
}
.commentlist ol {
margin: 0px;
padding: 10px;
}
.commentlist li {
margin: 5px 0px 0px;
padding: 5px 5px 0px 0px;
list-style: none;
}
.commentlist li ul li {
margin-right: -5px;
}
.comment {
float:left;
padding:0px 0 20px;
font-size:11px; }
.comment p {
margin-left:55px;
line-height:20px;
padding:0 0 3px 0;
color:#333; }
body.ie6 #comments li.bgCH {
background-color:#eee;
background-image:none; }
.field {
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border:solid 1px #ddd;
border-top-color:#ccc;
background:#fff
letter-spacing:.1em;
padding:6px; }
#commentform textarea { width:76%; height:130px; }
#submit,.submit,label { cursor:pointer; }
#commentform label {
padding-left:24px;
font-weight:900; }
#commentform label span,#comments .chead p.date { color:#999; }
.btn {
display:block;
width:140px;
height:40px;
margin-left:-20px;
line-height:normal;
text-align:center;
color:#e1e1e1;
font-size:10px;
text-transform:uppercase;
font-weight:700;
background:transparent url('images/btns-a00.png') no-repeat left top; }
.btn:hover {
text-decoration:none;
background-position:left bottom; }
.btn:active { color:#888; }
input.btn { border:none; }
#commentform .btn { background-position:right top; }
#commentform .btn:hover { background-position:right bottom; }
#comments {
float:left;
margin-top:40px;
width:640px; }
#respond {
margin-top:0px;
float:left; }
#respond:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
#comments li h3 {
margin-top:15px;
margin-left:55px;
font-size:16px; }
.avatar { float:left; }
.comtext {
font-size:11px;
float:left;
padding-left:8px;
width:590px; }
.comtext small {
display:block;
font-weight:400;
font-style:normal;
border-bottom:2px solid #ccc; }
/* =Sidebar
-------------------------------------------------------------- */
#sidebar {
float:left;
width:300px; }
#sidebar .widget {
color:#333;
}
#sidebar_left {
float:left;
width:145px;
padding-right:10px; }
#sidebar_right {
float:left;
width:145px; }
#flickr { float:left; width:100%; }
#flickr a {
display:block;
float:left;
text-align:left;
width:68px;
padding:0 6px 5px 0; }
#flickr img {
border:2px solid #D3DDE5;
height:65px;
width:65px;
padding:0; }
#flickr img:hover { border:2px solid #0C2B41; }
/* =Forms
-------------------------------------------------------------- */
fieldset,img { border:0; }
#search {
float:right;
font-size:10px;
color:#fff;
height:20px;
padding:8px 10px 0 0; }
#searchform {
background:url(images/search.png) no-repeat;
width:92px;
height:15px; }
#searchform label,#searchform .submit { display:none; }
#se {
background:none;
border:0;
height:15px;
width:80px;
margin:1px 16px 0 0;
padding:0 15px 0 5px;
color:#656668; }
#searchform input:focus { border:0; }
input, textarea, text {
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
border:solid 1px #ddd;
border-top-color:#ccc;
background:#fff url('images/bg-form0.png') repeat-x left 1px;
padding:6px; }
textarea{
height:150px; }
/* =WP-PageNavi
-------------------------------------------------------------- */
.wp-pagenavi {
font-size: 10px;
margin-top:10px;
text-align: center;
padding-top:10px; }
.wp-pagenavi .current, .wp-pagenavi a:link, .wp-pagenavi a:visited {
padding:2px 4px 2px 4px;
text-decoration: none;
margin: 0 0.3em;
font-weight:700;
font-size:11px; }
.wp-pagenavi .current {
background:#263B51;
color:#ccc;
font-weight:700; }
.wp-pagenavi a:hover { border:1px solid #263B51; }
/* =Footer
-------------------------------------------------------------- */
#footer {
background:#1D1C1C url(images/bgf.jpg) repeat-x;
border-top:1px solid #fff;
padding-top:3px;
margin:20px 0 0; }
#fside {
float:left;
width:100%;
padding:0 0 20px; }
#copyright {
background:#3c3c3c;
color:#C4C4C4;
line-height:19px;
font-size:11px;
border-top:1px solid #525252;
text-align:center;
padding:20px 45px 30px 20px; }
#copyright a {
color:#c4c4c4;
border-bottom:1px dotted #ccc; }
#copyright a:hover {
color:#c4c4c4;
border-bottom:none;
text-decoration:none; }
.footer-wrap {
width:980px;
margin:0 auto; }
#footer .widget {
width:200px;
float:left;
color:#C4C4C4;
line-height:19px;
font-size:11px;
padding:5px 45px 0 0; }
#footer .widget ul { padding:0 0 0 15px; }
#footer .widget a { color:#c4c4c4; }
#footer .widget h3 {
background:none;
height:22px;
font-family:Georgia;
text-transform:uppercase;
font-size:15px;
color:#aeaeae;
font-weight:400;
margin-bottom:10px;
border-bottom:1px solid #595959;
padding:7px 5px 0 10px; }
/* Calendar */
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption {
font-weight:bold;
text-align: center; }
#wp-calendar th {
font-style:normal;
font-weight:normal;
text-transform: capitalize; }
#wp-calendar {
empty-cells: hide;
width: 200px; }
#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;
background-color:#D3CFBE; }
#wp-calendar #today { background-color:#BDC6D5; }
#wp-calendar caption {
text-align: center;
width: 100%; }
#wp-calendar td {
text-align: center;
background-color:#EAE8DF; }
#wp-calendar .pad { background-color:#F5F4F1; }
/* Search Highlighter */
.hilite, .hilite1, .hilite2, .hilite3, .hilite4, .hilite5, .hilite6, .hilite7,
.hilite8, .hilite9 {
background-color: #FDEC35;
border-bottom-color: white;
border-bottom-style: dotted;
border-bottom-width: 1px; }
#highlight_info {
left:0px;
z-index:-50;
width:2px;
height:2px;
bottom:1px; }
Код:
<?php get_header(); ?>
<?php if ( $paged < 2) { ?>
<?php include(TEMPLATEPATH . '/featured.php'); ?> <!-- calling featured section-->
<div id="middle">
<?php $zk_categories = get_categories('hide_empty=0');
while (have_posts()) : the_post();
?>
<?php endwhile; ?>
<?php
$zk_boxColor[] = "green";
$zk_boxColor[] = "blue";
$zk_boxColor[] = "black";
$zk_boxColor[] = "pink";
$zk_currentColor = -1;
$postcat = get_settings( "zk_homecat" );
if( ! is_array( $postcat ) ) {
foreach ( $zk_categories as $b ) {
$postcat[] = $b->cat_ID;
}
}
$zk_baseURL = get_bloginfo('url');
forEach( $postcat as $zk_pC ) {
$zk_currentColor ++;
if( $zk_currentColor >= count( $zk_boxColor ) ) { $zk_currentColor = 0; }
$catDetails = zk_catProperties( $zk_pC );
query_posts('showposts=4&cat=' . $zk_pC ); ?>
<div class="block">
<h3 class="<?php echo $zk_boxColor[ $zk_currentColor ]; ?>"><a href="<?php echo get_category_link( $catDetails->cat_ID ); ?>"><?php echo $catDetails->cat_name ?>»</a></h3>
<?php
$count = 0;
while (have_posts()) {
the_post();
if( $count == 0 ) { ?>
<div class="firstn">
<a href="<?php echo get_permalink($_post->ID); ?>"><?php echo catch_that_image (get_the_id(), '', '', '' .get_bloginfo('template_url') .'/scripts/timthumb.php?zc=1&w=235&h=140&src='); ?></a>
<h2><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
<small><?php the_time('F jS, Y') ?> at <?php the_time('h:m a') ?></small>
<?php the_content_limit(170, ''); ?>
</div>
<div class="rightn">
<ul>
<?php
} else {
?>
<li><div class="righthumb"><a href="<?php echo get_permalink($_post->ID); ?>"><?php echo catch_that_image (get_the_id(), '', '', '' .get_bloginfo('template_url') .'/scripts/timthumb.php?zc=1&w=90&h=70&src='); ?></a></div> <div class="rightcont"><div class="bubble"><?php comments_popup_link('0', '1', '%'); ?></div><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a> <?php the_content_limit(110, ''); ?><small>by <?php the_author_posts_link(); ?> at <?php the_time('F jS, Y') ?> at <?php the_time('h:m a') ?></small></div><div style="clear:both;"></div> </li>
<?php
}
?>
<?php
$count ++;
}
if( $count > 0 ) { echo "</ul>"; }
?>
</ul>
</div>
<div style="clear:both;"></div>
</div> <!-- end block -->
<?php } ?>
<?php wp_reset_query(); ?>
<?php } ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>