No replies
Deviatore
Offline
newbie
India
Last seen: 12 years 5 weeks ago
India
Joined: 2009-08-25
Posts: 1
Points: 0

Hello guyz, i have a blog in here :-
techhacker dot org
i have installed a new theme and now i am stuck while editing it for some changes.

Please visit the site, you will see the featured content box at the frontpage.
i want to align the post content text at the right side of the image. but i am not able to do that.
can anyone see the codes and suggest me changes please :-

Here is the Index.php Code

 get_header(); 


<div id="content" class="home wrap">

<div id="featured-tabber">
<ul class="tabber">
// $exclude = get_exclude_categories("woo_cat_box_");
$getcats = get_categories( 'hierarchical=1&hide_empty=1&include=' . get_inc_categories("woo_cat_nav_") );
// $getcats = get_categories('hierarchical=0&hide_empty=0&exclude='. $exclude);
 
$track = array();
$li_counter = 0;
foreach ( $getcats as $cat ) {
$li_counter++;
 
$cat_id = $cat->cat_ID;
$track[] = $cat_id;
<li counter="=" echo class="'current'";}"><a href="#" title="#" rel=" echo $cat_id; "> echo get_cat_name($cat_id) </a></li>  } </ul> <div class="clear"></div> <div class="top"></div> <div id="info">
$count = 0;
foreach($track as $cat_id){
$count++;
$tab_posts = get_posts('showposts=1&cat=' . $cat_id);
foreach($tab_posts as $post){
setup_postdata($post);
<div class="tabber-post-content tabber-item- echo $cat_id; " count echo> <div class="img">  woo_get_image('image',480, null) <div class="cats_rss"> browse <a href=" echo get_category_link($cat_id) " title=" echo get_cat_name($cat_id) Category"> echo get_cat_name($cat_id) </a> <a href=" echo get_category_feed_link($cat_id) " title=" echo get_cat_name($cat_id) RSS"><img src=" bloginfo('stylesheet_directory'); /images/rss.png" alt=" echo get_cat_name($cat_id) RSS" /> feed</a> </div> </div> <div class="tabber-post"> <a href=" the_permalink() " title="#"> the_title(); </a>
$comments = $post->comment_count;
if($comments == 0){$comments_result = 'No Comments';}
elseif($comments == 1){$comments_result = 'One Comment';}
else {$comments_result = $comments.' Comments';}
<p class="meta">  the_time('F d, Y') <a href=" the_permalink(); #comments" title="Comments for  the_title(); "> echo $comments_result; </a> </p> <div class="text">  the_content('Read More...') </div> </div> <div class="clear"></div> </div>  }} </div> <div class="clear"></div> <div class="bottom"></div> </div> <div id="featured"> <div id="about_gallery"> <div class="about"> About <p>  if(get_option('woo_about_image') != ''){ <img src=" echo get_bloginfo('template_url') . '/thumb.php?src=' . get_option('woo_about_image') .'&h='. get_option('woo_about_image_height') .'&w='. get_option('woo_about_image_width') .'&zc=1&q=90' " alt="About Me" />  } else { <img src=" bloginfo('stylesheet_directory'); /images/about.jpg" alt="About" />  }  echo get_option('woo_about_text'); </p>  if(get_option('woo_about_more') != ''){ <a class="readmore" href=" echo get_option('woo_about_more'); " title="More About Me">Read more</a>  } </div> <div class="gallery"> Gallery
if (get_option('woo_auto_img') == 'false'){
update_option('woo_auto_img','true'); // Enable auto img function first.
$reset = 1;
}
$page_id = get_page_id(get_option('woo_gallery_slug'));
$gallery_limit = get_option('woo_gallery_limit');
if(get_option('woo_gallery_dest') == 'true'){$src = 'src'; $single = false;} else {$src = 'img'; $single = true;}
<ul>  woo_get_image('image',80,80,'thumbnail',90,$page_id,$src,$gallery_limit,0,'<li>','</li>',$single); // Auto images from a post or page ID that repeats and has formatting </ul>
if($reset == 1){ // Reset back to normal
update_option('woo_auto_img','false');
} 
<div class="nav-right"> <img src=" bloginfo('stylesheet_directory'); /images/navright.png" alt="Navigate right" /> </div> </div> <div class="clear"></div> </div> </div> <div class="clear"></div> <div id="recent"> Recent
global $query_string;
$post_num = get_option('woo_recent_posts');
query_posts($query_string . "&showposts=" . $post_num);
 
$counter = 0;
if (have_posts()) :
while (have_posts()) : the_post(); $counter++
<div class="item" echo> <a href=" the_permalink() " title=" the_title() "> the_title() </a>  woo_get_image('image',80,80)  if (get_option('woo_recent_content') == 'true'){the_content();} else {the_excerpt();} </div>  if($counter%4 == 0) {echo "<div class='clear'></div><div class='spacer'></div>";}  endwhile;  endif; <div class="clear"></div>  if(get_option('woo_archive_link') != ''){ <p class="archives_link"><a href=" echo get_option('woo_archive_link'); " title="View Archives">View Archives</a></p>  } </div> </div>  get_footer();

ANd heres the Style.css Code :-

/*
Theme Name: Groovy Blog
Version: 1.1.1
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
*/

/* Default styles */
@import "reset.css";

/* Custom styles */
@import "custom.css";

body {
background: #FFFFFF url(images/bg-tile.jpg) repeat top center;
font-family:Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size:11px;
}
#wrap { background: url(images/bg.jpg) repeat-x top center; }

#content .col-left {width: 700px;}

/* Top */

#top { width: 960px; margin: 0 auto; position:relative; }

/* Top Navigation */

#top-nav {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
height: 30px;
padding-top:10px;
text-transform:uppercase;
}
#top-nav a {color: #FFF;}
#top-nav a:hover {text-decoration: underline;}
#top-nav ul {padding: 0;}
#top-nav .col-left {margin-left: -6px;}



/* Navigation */

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
z-index: 100;
}

#nav a {
display: block;
line-height: 28px;
padding: 5px 12px;
z-index: 100;
color:#fff;
}

#nav a:hover, #nav .current_page_item a, #nav .current-cat a{
color: #000;
background: #fff;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-decoration:none;
}

#nav li { float: left; }

#nav li ul { position: absolute; width: 170px; left: -999em; }
#nav li ul li {
background: url(images/bg-nav.png) repeat !important;
background: #000;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#nav li ul li a { line-height: 25px; font-size: 11px; color: #FFF; width: 170px; }
#nav li ul ul { margin: -35px 0 0 194px; }
#nav li ul ul li a { line-height: 25px; }
#nav li ul li ul li a { }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#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; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */

/* Search Top */

form#topSearch {
background: url(images/bg-search.png) no-repeat;
width: 178px; height: 32px;
position: absolute;
top: 13px; right: 0;
}
form#topSearch p.fields input {
color: #fff;
font-size: 14px;
font-weight: bold;
width: 130px;
background: none;
overflow: hidden;
border: none;
position: absolute;
top: 5px; left: 10px;
}
form#topSearch p.fields button {
background: url(images/ico-search.png) no-repeat;
width: 21px; height: 21px;
border: none;
position: absolute;
top: 5px; right: 10px;
cursor:pointer;
}

/* Header */

#header {
float: left;
padding-top: 70px;
clear: both;
position: relative;
margin-bottom:25px;
}

#header h1 {
display: none;
}

.top-advert {
float:right;
padding-top:70px;
right:0;
}

/* Content */

#content {width: 960px; margin:0 auto;padding: 0;}
* html #content { height: 550px; }
#main { width:460px;}
#main div { zoom: 1; }


/* Section headers */

h3.title-featured { background:url(images/h3-featured.png) no-repeat top left; width:218px; height:34px; }
h3.title-about { background:url(images/h3-about.png) no-repeat top left; width:115px; height:34px; }
h3.title-gallery { background:url(images/h3-gallery.png) no-repeat top left; width:137px; height:34px; }
h3.title-recent { background:url(images/h3-recent.png) no-repeat top left; width:167px; height:34px; }
h3.title-archives { background:url(images/h3-archives.png) no-repeat top left; width:216px; height:34px; }
h3.title-archives-text { padding:0 0 18px; font-family:Arial, Helvetica, sans-serif; font-size:30px; }
h3.title-twitter { background:url(images/h3-twitter.png) no-repeat top right; width:100%; height:34px; }

/* Featured Tabber */

#featured-tabber {
margin: 0 0 40px 0;
}

#featured-tabber ul.tabber {
margin: 0 0 0 20px;
}

#featured-tabber ul.tabber li {
display: block;
float: left;
height: 36px;
margin: 0 20px 0 0;
line-height: 36px;
font-size: 14px;
font-weight: bold;
}

#featured-tabber ul.tabber li a span {
display: block;
margin: 0 0 0 -11px;
padding: 0 0 0 20px;
}

#featured-tabber ul.tabber li a:link, #featured-tabber ul.tabber li a:visited {
display: block;
padding: 0 20px 0 0;
color: #fff;
}

#featured-tabber ul.tabber li.current a span, #featured-tabber ul.tabber li a:hover span {
background: url(images/tabberhover_left.png) no-repeat left top;
}

#featured-tabber ul.tabber li.current a, #featured-tabber ul.tabber li a:hover {
background: url(images/tabberhover_right.png) no-repeat right top;
}

#featured-tabber #info {
float: none;
padding: 10px 0 0 0;
background: #000 url(images/tabber_tile.jpg) repeat-x left top;
}

#featured-tabber #info .img {
float: left;
width: 490px;
padding: 0 20px;
}

#featured-tabber #info .img .cats_rss {
float: left;
width: 490px;
padding: 8px 0 0 0;
font-size: 14px;
font-weight: bold;
}

#featured-tabber #info .img .cats_rss img {
border: none!important;
vertical-align: middle;
}


#featured-tabber #info .img .cats_rss .category {
float: left;
}

#featured-tabber #info .img .cats_rss .rss {
float: right;
}

#featured-tabber #info .img img {
border: 5px solid #fff;
}

#featured-tabber #info .tabber-post2 {
float: right;
padding: 0 0px 0 0;
width: 450px;
}

#featured-tabber #info .tabber-post {
width: 400px;
}

#featured-tabber #info .tabber-post h2 {
margin: 0;
padding: 0;
}

#featured-tabber #info .tabber-post h2 a:link,
#featured-tabber #info .tabber-post h2 a:visited {
font-size: 24px;
color: #fff;
}

#featured-tabber #info .tabber-post p.meta {
margin: 4px 0 0 0;
padding: 0;
}

#featured-tabber #info .tabber-post p.meta a:link,
#featured-tabber #info .tabber-post p.meta a:visited {
color: #fff;
}

#featured-tabber #info .tabber-post p.meta span.date {
padding: 0 20px 0 18px;
background: url(images/date.png) no-repeat left center;
}

#featured-tabber #info .tabber-post p.meta span.comments {
padding: 0 0 0 16px;
background: url(images/comments.png) no-repeat left center;
}

#featured-tabber #info .tabber-post .text p {
color: #aeaeae;
}
#featured-tabber #info .tabber-post .ol,
#featured-tabber #info .tabber-post .ul {
line-height: 18px;
}


#featured-tabber #info .tabber-post ul { padding-left: 50px; }
#featured-tabber #info .tabber-post ul li { list-style: circle; padding: 3px 0; }
#featured-tabber #info .tabber-post ol { padding-left: 57px; }
#featured-tabber #info .tabber-post ol li { list-style: decimal; padding: 3px 0; }
#featured-tabber #info .tabber-post blockquote {
background:url(images/box3-bg.png) repeat top left;
border-left:2px solid #222;
color:#fff;
font-style:italic;
margin:5px auto 5px;
padding:10px 20px;
width:90%;
}


#featured-tabber .top {
width: 960px;
height: 9px;
background: url(images/tabber_top.png) no-repeat left top;
}

#featured-tabber .bottom {
width: 960px;
height: 8px;
background: url(images/tabber_bottom.png) no-repeat left bottom;
}

/* About and Gallery section below tabber */

#about_gallery {
margin: 0 0 40px 0;
}

#about_gallery .about {
float: left;
width: 410px;
margin-right: 20px;
}

#about_gallery .about p {
margin: 0 0 5px 0;
padding: 0;
}

#about_gallery .about img {
float: left;
margin: 0 10px 7px 0;
border: 5px solid #fff;
}

#about_gallery .about a.readmore {
display: block;
height: 0;
overflow: hidden;
padding-top: 12px;
width: 77px;
background: url(images/readmore.png) no-repeat left top;
}

#about_gallery .gallery {
float: left;
width: 530px;
}

#about_gallery .gallery .nav-left {
float: left;
width: 15px;
padding: 35px 0 0 0;
text-align: left;
}

#about_gallery .gallery ul {
float: left;
width: 500px;
margin: 0;
padding: 0;
text-align: left;
}

#about_gallery .gallery ul li {
display: block;
margin: 0 5px;
float:left;
}

#about_gallery .gallery ul li img {
border: 5px solid #fff;
}

#about_gallery .gallery .nav-right {
float: right;
width: 15px;
padding: 35px 0 0 0;
text-align: right;
cursor: pointer;
}

/* Featured */

#featured {
float: left;
padding: 0 0 40px 0;
margin: 0 0 30px 0;
background: url(images/divider.png) no-repeat bottom center;
}

#featured .ad {
float: left;
width: 380px;
text-align: center;
}

#featured .articles {
float: left;
width: 580px;
}

#featured .articles .item {
float: left;
width: 290px;
}

#featured .articles .item h4 {
width: 280px;
font-size: 18px;
}

#featured .articles .item h4 a:link,
#featured .articles .item h4 a:visited {
color: #fff;
}

#featured .articles .item img {
border: 5px solid #fff;
}

#featured .articles .item .meta {
position: relative;
z-index: 9999;
width: 244px;
margin: -45px 0 0 5px;
padding: 6px 0 6px 6px;
line-height: 14px;
background: url(images/transparentbg.png) repeat left top;
}

#featured .articles .item .meta span {
display: block;
}

#featured .articles .item .meta span.date {
padding: 0 0 0 18px;
background: url(images/date.png) no-repeat left center;
}

#featured .articles .item .meta span.comments {
padding: 0 0 0 18px;
background: url(images/comments.png) no-repeat left center;
}

#featured .articles .item .meta span.comments a:link,
#featured .articles .item .meta span.comments a:visited {
color: #fff;
}

/* Recent */

#recent {
}

#recent .item {
float: left;
width: 225px;
margin: 0 20px 0 0;
}

#recent .item.last {
margin-right: 0;
}

#recent .item h4 {
padding: 0;
}

#recent .item h4 a:link,
#recent .item h4 a:visited {
font-size: 18px;
color: #fff;
}

#recent .item .thumbnail {
float: left;
margin: 20px 8px 3px 0;
border: 5px solid #fff;
}

.page-thumb {
margin: 15px;
border: 5px solid #fff;
}

#recent p.archives_link {
text-align: right;
}

#recent p.archives_link a:link,
#recent p.archives_link a:visited {
float: right;
display: block;
height: 0;
overflow: hidden;
padding-top: 27px;
width: 186px;
background: url(images/viewarchives.png) no-repeat left top;
}

/* Recent Video Boxes */

.Nav .on, .Nav a:hover {background: #000 !important;}
.Nav a, .Nav .on {background:url(images/box2-bg.png) repeat top left;color: #fff;display: block;float: left;padding: 5px 9px;margin-left: 4px;}

/* Category dropdown */

#categorybox ul, #categorybox li{margin:0; border:0; padding:0; list-style:none;}
#categorybox{
font-size:11px;
background:url(images/bg-cat-dropdown.png) no-repeat top left;
font-weight:bold;
padding:0px;
height:32px;
width:176px;
margin-top:5px;
}
#categorybox .menu li {
height:30px;
float:left;
margin-right:10px;
}
#categorybox .menu li a{
color:#fff;
text-decoration:none;
padding:0 10px;
height:30px;
line-height:30px;
display:block;
float:left;
padding:0 55px 0 10px;
}
#categorybox .menu li a:hover{color:#ddd;}
#categorybox ul .submenu {
background:#fff;
position:relative;
top:4px;
padding:6px 0;
clear:both;
z-index:2;
display:none;
width:170px;
}
#categorybox ul .submenu li{
background:none;
display:block;
float:none;
margin:0 6px;
border:0;
height:auto;
line-height:normal;
}
#categorybox .submenu li a{
background:none;
display:block;
float:none;
padding:6px 6px;
margin:0;
border:0;
height:auto;
color:#555;
line-height:normal;
}
#categorybox .submenu li a:hover{
color:#222;
background:#ddd;
}

/* Main Content (style) */

#main a { text-decoration: underline; }
#main a:hover { text-decoration: none; }
#main h2, #main h3 { font-weight: normal; }
#main h2 { font-size: 24px; padding-top:0; }
#main h3 {font-size: 20px; }
#main h4 { font-size: 12px; }
#main ol, #main ul { line-height: 18px; }
#main ul { padding-left: 50px; }
#main ul li { list-style: circle; padding: 3px 0; }
#main ol { padding-left: 57px; }
#main ol li { list-style: decimal; padding: 3px 0; }
#main blockquote {
background:url(images/box3-bg.png) repeat top left;
border-left:2px solid #222;
color:#fff;
font-style:italic;
margin:5px auto 5px;
padding:10px 20px;
width:90%;
}

/* Main Content (post) */

#main.single { width:700px; margin:0; padding:0px; }
#main.single .post { background:url(images/box3-bg.png) repeat top left; padding:10px 20px; }
#main.single .box3-top { background:url(images/box3-top.png) no-repeat top left; width:700px; height:6px; font-size:1px; }
#main.single .box3-bot { background:url(images/box3-bot.png) no-repeat top left; width:700px; height:6px; font-size:1px; margin-bottom:15px; }
#main.single .box3 .post-details { font-size:11px; color:#76967e; }
#main.single .video {
background:url(images/box2-bg.png) repeat top left !important;
background:#2a552b;
margin:10px 0 20px;
padding:10px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

#main .post { padding:0 5px 15px; }
#main .post-title { width: 100%; position: relative; }
#main .post-title h2, #main .post-title p.post-details, #main .post-title h3 { padding-right: 50px; }
#main h2 a, #main h3 a { color: #FFF; text-decoration: none; }
#main h2 a:hover, #main h3 a:hover { text-decoration: underline; }
#main p.post-details { line-height: 18px; margin-top: -10px; position: relative; }
#main p.post-details a { text-decoration: none; }
#main p.post-details a:hover { text-decoration: underline; }
#main p.post-details {
color: #76967E;
font-size: 11px;
padding: 0 0px 0 1px
}

/* Main Content (advert 468x60) */

#main .advert_468x60 {
background:url(images/box3-bg.png) repeat;
padding:12px 0;
margin: 5px 0 15px 0;
text-align:center;
}
#main .latest .advert_468x60 {margin-left:33px;}

#main #advert_125x125 { text-align:center; }
#main #advert_125x125 a { padding:0 5px; }
#main #advert_125x125 a img { border: 1px dashed #FFF; width:125px; height:125px; padding:2px; }
.single #main .advert_468x60 {margin: 15px 0 0px 0;}

/* Main Content (post>single) */

#main p.tags {
clear: both;
}
#main .page h2 {padding-top: 5px;}

/* Comments */

#comments h3 { font-size: 20px; font-weight: normal;padding: 10px 0 0px 0;}
#comments h3.comm { padding: 10px 0 20px 0;}

#comments #comments_wrap {padding: 0; position: relative; margin-top:20px;}
#comments ol.commentlist li { list-style-type:none; }

#comments .comment a { text-decoration: underline; }
#comments .comment a:hover { text-decoration: none; }
#comments .comment small { font-size: 10px; margin-top: -2px; }

#comments .comment span.reply { float:right; padding: 3px 3px 0; font-size:11px; }
#comments .comment span.reply a { text-decoration:none; color:#aaa; }

#comments ul.children { margin:10px 0 0 25px; padding:0; }

#comments .navigation .alignright, #comments .navigation .alignleft { margin:0;}
#comments .navigation a {
color: #fff;
display: block;
padding: 5px 9px;
margin-left: 4px;
font-weight:bold;
}
#comments .commentlist {padding:0;}

#comments .commentlist #respond #form_wrap {
padding:0 0 25px;
margin:0;
border:0;
width:auto;
}
#comments ol.commentlist li {
background:url(images/box3-bg.png) repeat;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin: 0 0 10px;
padding: 18px 20px 18px 20px;
position: relative;
}

#comments ol.commentlist li img.avatar {float:right;}
#comments ol.commentlist li ul li { margin:10px 0 0;}
#comments ol.commentlist .comment-meta a { color:#76967E; padding-bottom:5px; }
#comments ol.commentlist .children { margin:0; }
#respond p.submit input {padding:5px 10px; cursor:pointer; font-weight:bold; }
#respond ol {padding:20px 0 0; list-style-type:none;}
#respond ol li { list-style-type:none;}
.cancel-comment-reply { padding: 10px 0; }
ol.commentlist #respond { margin-top:10px; }
#respond textarea, #respond input{ border:0px; background:url(images/box3-bg.png) repeat; padding:7px; color:#fff;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

/* Sidebar */

#sidebar {
width: 230px;
overflow: hidden;
}

#sidebar h3{
font-weight:bold;
text-transform:uppercase;
background: none;
padding: 0px;
margin: 0 0 10px 0px;
font-size:17px;
}
#sidebar ul {
clear: both;
}
#sidebar ul li a {
display:block;
}

#sidebar a:hover, #sidebar .current-cat a, #sidebar li.active a {
color: #000;
}

/* Sidebar (block) */

#sidebar .block {
width: 230px;
overflow:hidden;
}

/* Sidebar (widgetized)*/

#sidebar ul, #sidebar .textwidget {
clear:both;
padding:0;
}

#sidebar .widget {
margin-bottom:25px;
}
#sidebar li {
background:url(images/dot.png) repeat-x bottom left;
line-height: 18px;
overflow: hidden;
padding:10px 0 10px;
}

/* Sidebar (widgetized>list>inside)*/

#sidebar ul ul {
padding: 0;
margin: 3px 0 0 0;
border:0;
}

#sidebar ul ul li {
border: 0;
padding:0 0 3px 15px;
background:none;
}

/* Sidebar (widgets)*/

.textwidget {clear: both;padding: 5px 2px;line-height:20px;}
#wp-calendar {
width: 95%;
padding: 0 0 0px 0;
margin-bottom: 15px;
clear: both;
}
#wp-calendar caption {padding: 10px;}
#wp-calendar th {color: #fff;}
#wp-calendar th, #wp-calendar td {
padding: 5px;
text-align: center;
background: url(images/box3-bg.png) repeat top left;
color: #fff;
}
#wp-calendar td {background: transparent;}
#wp-calendar td, table#wp-calendar th {padding: 3px 0;}
#wp-calendar a {text-decoration: underline;}
#wp-calendar a:hover {text-decoration: none;}

/* Sidebar (Search)*/

#sidebar #search_main form div {
position: relative;
height: 33px;
background: #ccc;
margin-bottom:25px;
}

#sidebar #search_main input.field {
width: 163px;
position: absolute;
left: 12px;
top: 7px;
padding-top: 2px;
outline: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
border: 0;
background: transparent;
z-index: 1;
}

#sidebar #search_main input.submit {
position: absolute;
right: 0;
top: 0;
z-index: 1;
}


/* Sidebar (flickr) */

#flickr h3 span {color: #0061D8;}
#flickr h3 span span {color: #FF1183;}
#flickr .wrap {
margin-left: -5px;
padding: 0;
position: relative;
margin-bottom:25px;
}
#flickr a img {
float: left;
margin-left: 10px;
margin-bottom: 10px;
display: block;
padding: 3px;
border: #fff 1px dashed;
}
#flickr a:hover img {border: #000 1px dashed;}

/* Bottom */

#bottom-tile {
background: url(images/bg-bottom-top.png) repeat-x top center;
width: 100%;
height:8px;
margin-top:25px;
font-size:1px;
}

#bottom-out {
background: #000;
width: 100%;
padding: 15px 0 14px 0;
}
#bottom {
width: 960px;
margin: 0 auto;
font-size: 11px;
color: #fff;
}
#bottom a{ color:#fff; }
#bottom a:hover{ text-decoration:underline; }

/* Bottom Tabs */

#features-tabs {
margin:20px 0 0 20px; padding:0;
width:auto; height:auto;
list-style:none;
}
#features-tabs li {
margin:0 10px 0 0;
width:auto; height:auto;
float:left; display:block;
}
#features-tabs li a {
font-family:Arial, Helvetica, sans-serif; font-size:18px;
padding:10px 15px; display:block;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-khtml-border-radius-topleft: 6px;
-khtml-border-radius-topright: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
}
#features-top { margin:0; padding:0; width:941px; height:11px; }
#features {
margin:0 0 30px; padding:20px 25px;
width:881px; height:auto;
overflow:hidden;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
clear:both;
}
#features, #features-tabs li a:hover, #features-tabs li.active a { background:#1a1d1c; }

#features a img { padding:5px; background:#fff; margin:0 4px 4px 0; display: block; float:left }

/* Bottom Widget area */

#bottom .block { float:left;margin:0 15px 20px 0;}
#bottom .block.left { width: 450px; }
#bottom .block.middle { width: 250px; }
#bottom .block.right { width: 200px; margin-right:0;}
#bottom .block h3 { font-size:26px; font-family:Arial, Helvetica, sans-serif; padding:0; }
#bottom .block ul { }
#bottom .block li { padding:3px 0; }

#bottom #recentcomments a.url { color: #15a65d; font-weight:bold; }
#bottom #recentcomments li { background:url(images/ico-comment.png) no-repeat center left; height:30px; padding-left:35px; }

#bottom .subscribe form { background: url(images/bg-search.png) no-repeat; width: 178px; height: 32px; position: relative; }
#bottom .subscribe input { color: #fff; font-size: 14px; font-weight: bold; width: 130px; background: none; overflow: hidden;border: none;position: absolute;top: 5px; left: 10px; }
#bottom .subscribe button { background: url(images/ico-search.png) no-repeat; width: 21px; height: 21px; border: none; position: absolute; top: 5px; right: 10px; cursor:pointer; }
#bottom .subscribe .rss { background: url(images/ico-subscribe.png) no-repeat center left; padding-left:25px; margin:10px 0 0; height:16px; line-height: 16px; }

/* Footer */

#footer-out {
background: #fff url(images/bg-footer-top.png) repeat-x top;
width: 100%;
padding: 15px 0 14px 0;
}
#footer {
width: 960px;
margin: 0 auto;
font-size: 11px;
color: #222;
}
#footer a{ color:#777; }
#footer .col-right img {vertical-align: middle;}
#footer .col-right span {display: none;}


/* Misc.*/

.spacer { height: 20px;}


.wp-pagenavi .readmore a:link,
.wp-pagenavi .readmore a:visited {
color: #fff;
text-decoration: none!important;
padding: 7px 17px;
font-weight: bold;
text-transform: lowercase;
background-color: #000;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border:0!important;
}
.wp-pagenavi * {
color: #fff!important;
text-decoration: none!important;
padding: 7px 17px!important;
font-weight: bold!important;
text-transform: lowercase!important;
background-color: #000!important;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border:0!important;
}
.wp-pagenavi * *{ padding: 0!important; }

.wp-pagenavi .readmore a:hover,
.wp-pagenavi .readmore a:active {
text-decoration:underline!important
}

.wp-pagenavi a:hover,
.wp-pagenavi a:active {
text-decoration:underline!important
}

#twitter {
background:transparent url(images/twitter.png) no-repeat scroll left 40px;
float:right;
height:120px;
margin-top:70px;
text-align:right;
width:350px;

}

#twitter ul {
float:right;
margin:0;
padding:0;
width:270px;
}

#twitter ul a:link,
#twitter ul a:visited {
color: #fff;
font-weight: bold;
}tabber-post