ویرایش کد منوی سه حالته

[tichismor]

سلام دوستان
من در قالب جدیدی که روی سایتم نصب کردم یه بخشی هست که منوی سه حالته داره می تونید تو سایت ببینید

این کدش هست

     کد PHP:                            <div class="clear"></div>
<div id="newtabs" class="tabox ">
    <ul class="tabsnav">
        <li class="fea"><a href="#popular"> محبوبترین </a></li>
        <li class="rec"><a href=" #recent"> مطالب اخیر </a></li>
        <li class="pop"><a href="#comy"> نظرات </a></li>
    </ul>
            
<div id="popular" class="tabsdiv">
<?php 
    $my_query = new WP_Query('orderby=comment_count&showposts=5');
    while ($my_query->have_posts()) : $my_query->the_post();$do_not_duplicate = $post->ID;
?>
<div class="fblock">
        <?php boxim() ?>

<h3><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php echo substr($post->post_title,0,20); ?></a></h3>
<p>  <?php the_content_rss('', TRUE, '', 10); ?> </p>

</div>
<?php endwhile; ?>
</div>
            
<div id="recent" class="tabsdiv">

<?php 
    $my_query = new WP_Query('showposts=5');
    while ($my_query->have_posts()) : $my_query->the_post();$do_not_duplicate = $post->ID;
?>
<div class="fblock">
        <?php boxim() ?>

<h3><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php echo substr($post->post_title,0,20); ?></a></h3>
<p>  <?php the_content_rss('', TRUE, '', 10); ?> </p>

</div>
<?php endwhile; ?>

</div>

 <div id="comy" class="tabsdiv">
<?php
$comments = get_comments('status=approve&number=5');

if ($comments) {
    echo '<ul>';

    foreach ($comments as $comment) {
        echo '<li class="comlist"><a href="'. get_permalink($comment->comment_post_ID).'#comment-'.$comment->comment_ID .'" title="'.$comment->comment_author .' | '.get_the_title($comment->comment_post_ID).'">' . get_avatar( $comment->comment_author_email, 60);
        echo '<span class="recent_comment_name">' . $comment->comment_author . ': </span>';
        $comment_string = $comment->comment_content;
        $comment_excerpt = substr($comment_string,0,80);

        echo $comment_excerpt;

        if (strlen($comment_excerpt) > 79){
            echo ' ...';
        }
        echo '</a></li>';
    }
    echo '</ul>';
}

?>
</div>
</div>

حالا من میخوام اینها رو سفارشی کنم یعنی به جای محبوبترین ها و آخرین نظر ها و آخرین مطالب
یه سری از دسته هام رو اونجا بزارم مثلا دسته داستان های کوتاه و ...

میخواستم ببینم چه تغییراتی باید بدم تا به این چیزی که میخوام برسم :دی

در ضمن زیاد در مورد کد نویسی نمی دونم :دی

ممنون میشم راهنماییم کنید

[Arna]

سلام
فکر کنم توی انجمن وردپرس فارسی تاپیک بزنید بهتر به نتیجه می رسید

[tichismor]

والا اونجا چند وقته خیلی تعطیله :دی هیچ کس پاسخگوی سوالات عادی هم نیست :دی چه برسه یه همچین سوالی

[BANER-KAR]

برای این کار چند قدم باید طی کنید اولین قدم اینه که اگر شما میخواید دسته ای خاص رو مثل داستان رو بزارید باید آی دی اون دسته رو پیدا کنید برای پیدا کردن آی دی دسته ها رو میتونید با کمک افزونه WP Show IDs به دست بیارید بعد دانلود افزونه اونو نصب و فعال کنید بعد فعال سازی برید به قسمت دسته ها می بینید که یک ستونی اضافه شده به نام آی دی خب آی دی ها رو از اون جا میتونید ببینید.

دومین کا استفاده از کد هستش که اون دسته خاص رو به نمایش بزاره شما این کد هارو باید جایگزین کد های ( توابع) محبوبترین ها و آخرین نظر ها و آخرین مطالب بکنید.

<?php $my_query = new WP_Query('showposts=10&cat=2158'); while ($my_query->have_posts()): $my_query->the_post(); $do_not_duplicate = $post->ID;?>  <a href="<?php the_permalink() ?>"><?php the_title(); ?></a></br> <?php endwhile; ?>

در showposts=10 میتونید تعداد مطلب نمایشی رو مشخص کنید

و در cat=2158 به جای ۲۱۵۸ میتوانید ID دسته مورد نظر را وارد کنید

امیدوارم متوجه شده باشید.

[tichismor]

مرسی دوست عزیز
واقعا نمی دونم چطوری از شما تشکر کنم خیلی لطف کردید و کار من رو راه انداختید

الان من این کد رو به روشی که شما گفتید انجام دادم و تقریبا یه نتایجی گرفتم
حالا میخوام که هر بخشی همراه عکسش باشه

INFPOT کندوی بینهایت اطلاعات | کندوی بینهایت اطلاعات

این آدرس سایته شما ببینید که چه حالتی داره کنار صفحه سمت چپ می تونید ببینید یه حالت به همریختگی داره میخوام یه دست و مرتب باشه

این هم کد کنونی من

<div class="clear"></div>
<div id="newtabs" class="tabox ">
    <ul class="tabsnav">
                <li class="fea"><a href="#popular"> داستان کوتاه </a></li>
        <li class="rec"><a href=" #recent"> اخبار  </a></li>
        <li class="pop"><a href="#comy"> نظرات </a></li>
    </ul>
            
<div id="popular" class="tabsdiv">
<?php 
    
    $my_query = new WP_Query('showposts=5&cat=7');
    while ($my_query->have_posts()): $my_query->the_post(); $do_not_duplicate = $post->ID;?>  <a rel="nofollow" href="<?php the_permalink() ?>"><?php the_title(); ?></a></br> <?php endwhile;
 ?>
    
?>
<div class="fblock">
        <?php boxim() ?>

<h3><a rel="nofollow" href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php echo substr($post->post_title,0,20); ?></a></h3>
<p>  <?php the_content_rss('', TRUE, '', 10); ?> </p>

</div>
 
</div>
            
<div id="recent" class="tabsdiv">
<?php 
    
    $my_query = new WP_Query('showposts=5&cat=17');
    while ($my_query->have_posts()): $my_query->the_post(); $do_not_duplicate = $post->ID;?>  <a rel="nofollow" href="<?php the_permalink() ?>"><?php the_title(); ?></a></br> <?php endwhile; ?>
    
?>
<div class="fblock">
        <?php boxim() ?>

<h3><a rel="nofollow" href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php echo substr($post->post_title,0,20); ?></a></h3>
<p>  <?php the_content_rss('', TRUE, '', 10); ?> </p>

</div>
 

</div>

 <div id="comy" class="tabsdiv">
<?php
$comments = get_comments('status=approve&number=5');

if ($comments) {
    echo '<ul>';

    foreach ($comments as $comment) {
        echo '<li class="comlist"><a href="'. get_permalink($comment->comment_post_ID).'#comment-'.$comment->comment_ID .'" title="'.$comment->comment_author .' | '.get_the_title($comment->comment_post_ID).'">' . get_avatar( $comment->comment_author_email, 60);
        echo '<span class="recent_comment_name">' . $comment->comment_author . ': </span>';
        $comment_string = $comment->comment_content;
        $comment_excerpt = substr($comment_string,0,80);

        echo $comment_excerpt;

        if (strlen($comment_excerpt) > 79){
            echo ' ...';
        }
        echo '</a></li>';
    }
    echo '</ul>';
}

?>
</div>
</div>

[BANER-KAR]

یک css تو style.css بنویسید و شرط کنید که دور نوشته ها کادر بکشه و کمی هم از هم دیگه فاصله بده یه بک گراند هم براش بدید بسیار جالب میشه.

موفق باشید.

[tichismor]

دوست عزیز خیلی ممنون از پاسخگویی سریع و خوبتون ولی من زیاد کدنویسی بلد نیستم میشه بگید دقیقا چه کدی رو کجا باید قرار بدم البته اگه براتون مقدوره و مزاحمتی براتون نداره :دی

و بعد اینکه این قالب دو تا فایل css داره

اولیش

#slidearea{

    position: relative; 
    width:999px;
}

/* tabs */
.rounded{
    border:1px solid #ddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.shade{
    z-index:1;
    position:absolute;
    top:0px;
    left:0px;
    width:632px;
    height:282px;
}
.shade a{
    display:block;
}
.widgets {
    width:998px;
    padding:0px 0px 0px 0px;
    margin-top:15px;
    background:#f9f7f3;
    border:1px solid #fff;
    height:300px;
    overflow:hidden;

}

.widgets a {
    color: #222;
    text-decoration: none;
    }
    
.widgets a:hover {

    }
img.slidim{
    width:630px;
    height:280px;


}

img.boximage{
    width:100px;
    height:70px;
    float:left;
    margin-right:10px;
    background:#ccc;
    padding:5px;
    

}

    
ul#tabnav{
    list-style:none;
    height:280px;
    margin:0px 0px;
    width:340px;
    float:right;
    margin:11px 9px 10px 0px;
    overflow:auto;
    display:inline;
}    
    
#tabnav li {
    list-style: none;

    }

#tabnav li a:link,#tabnav li a:visited {

    display: inline;
    float:left;
    width:310px;
    height:80px;
    padding:5px;
    margin-bottom:2px;
    background:#eee;
    border:1px solid #ddd;
}    
    
#tabnav li a:hover, #tabnav li a:active, #tabnav li.ui-tabs-selected a {
    background: #fff;
    border:1px solid #ddd;
    }
    
#tabnav li a:hover, #tabnav li a:active,#tabnav li.ui-tabs-selected h3 {
    color:#E6125C;
}


a.listab{
    display:block;
    width:310px;
    height:80px;

}

.listab h3{
    font-size:14px;
    font-weight:bold;
    padding:0px 0px;
    color:#47587a;

}
.listab p{
    font-size:12px;
    line-height:16px;
    color:#777;
}
.tabdiv {

    margin:10px 0px 10px 10px;
    width:630px;
    float:left;
    height:280px;
    position:relative;
    display:inline;
    background:#fff;

    }

.featpost{
    position:absolute;
    right:0px;
    bottom:0px;
    background:url(images/trans.png);
    padding:10px;
    border-top:1px solid #000;
    color:#999;
    width:555px;
}    
    
.ui-tabs-hide {
    display: none;
        }

.squarebanner {
    background:#EFECE5 ;
    border-left:1px solid #BDBBB6;
    border-right:1px solid #BDBBB6;
    border-bottom:1px solid #BDBBB6;    
    }

.squarebanner ul{
    list-style-type:none;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 5px 0px;
    width:330px;
    overflow:auto;
    }
        
.squarebanner ul li{
    list-style-type:none;
    margin: 7px 0px 7px 15px;
    float:left;
    display:inline;
    background:#fff;
    padding:7px;
    }

        
        
.customScrollerContainer {

}

.customScrollerContent {
    margin:0px!important;
    padding:0px!important;
}





.tabox{
    width:330px;
    overflow:hidden;
    margin:0px 0px 10px 0px;
    padding:0px 0px 0px 0px;
    float:right;
    background:#EFECE5 ;

}

.tabox a {
    color: #222;
    text-decoration: none;
    }
    
.tabox a:hover {
    text-decoration: underline;
    }
    
ul.tabsnav{

    padding:0px 0px 0px 0px;
    height:32px;
    margin:0px 0px;
    background:#D9D5CD;

}    
    

.tabsnav li {
    display: inline;
    list-style: none;
    float:left;
    text-align:center;
    margin-right:0px;

    }


.tabsnav li a {
    text-decoration: none;
    font-weight: normal;
    line-height:31px;
    font-weight:normal;
    padding:0px 25px;
    font-size: 13px; 
    color:#fff;
    text-decoration: none;
    display:block;
    background:#47587A;
    border-right:1px solid #3f4e6e;
    border-left:1px solid #3f4e6e;
    border-top:1px solid #3f4e6e;
    }
        
.tabsnav li a:hover, .tabsnav li a:active, .tabsnav li.ui-tabs-selected a {
    text-decoration:none;
    color:#35445F;
    background:#EFECE5;
    border-right:1px solid #BDBBB6;
    border-left:1px solid #BDBBB6;
    border-top:1px solid #BDBBB6;
    }


.tabsdiv {
    border-right:1px solid #BDBBB6;
    border-left:1px solid #BDBBB6;
    border-bottom:1px solid #BDBBB6;    
    padding: 5px 5px 5px 5px;


    }
.tabsdiv a:link,.tabsdiv  a:visited {    

    color:#52483e;

    }
.tabsdiv a:hover{

        color:#52483e;
    }
.tabsdiv ul{

    list-style-type:none;
    margin:0px 0px;
    padding:0px 0px;
    
        }
        
.tabsdiv ul li{    

    height:100%;
    line-height:28px;
    padding: 0px 0px 0px 0px;
    color:#333;

}
.tabsdiv li a:link,.tabsdiv li a:visited{
    display:block;
    margin-left:5px;
    overflow:hidden;
    line-height:24px;
    padding:2px 5px ;
    margin:2px 5px;
    color:#666;
    font-size:13px;
    border-bottom:1px dotted #FFFFFF;

        }

.tabsdiv li a:hover {

    color:#47587A;
    text-decoration:none;
        }

.tabsdiv embed{
    width:320px;
    height:270px;
}        
.tagbox{
    padding:10px;
}
.ui-tabs-hide {
    display: none;
        }





/* SCROLLER STYLE */

/* VERTICAL */
.divVScrollerBar {
    height:280px;
    width:10px;
    margin:0px;
    background:#eee;
    border:1px solid #ddd;
}

/* ORIZONTAL */
.divOScrollerBar {
    height: 10px;
    margin-top: 1px;
    display:none;
}

/* AREA UP */

.divVScrollerBarUp {
    cursor: pointer;
    height: 17px;
}

/* AREA DOWN */
.divVScrollerBarDown {
    cursor: pointer;
    height: 17px;
}


/* ARROW UP AND DOWN */
.divVScrollerBarUp span,
.divVScrollerBarDown span {
    display: block;
    width: 10px;
    height: 15px;
    line-height: 0;
    font-size: 0;
}

.divVScrollerBarUp span {

}
.divVScrollerBarDown span {

}

/* ARROWS HOVER */


/* TRACE */
.divVScrollerBarTrace, .divOScrollerBarTrace {

    line-height: 0;
    font-size: 0;
}

/* CURSORS */
.divVScrollerBarCursor {
    cursor: pointer;
}
.divOScrollerBarCursor {
    cursor: pointer;
}

.divVScrollerBarCursor span {
    display: block;
    height: 100%;
    width: 8px;
    border:1px solid #394867;
    background:#47587a;
    line-height: 0;
    font-size: 0;
}

.divOScrollerBarCursor span {
    display: block;

    height: 16px;
    width: 100%;
    background: #000 ;
    line-height: 0;
    font-size: 0;
}
/* CURSORS HOVER */
.divVScrollerBarCursor span.hover {

    background-color: #516284;
}

.divOScrollerBarCursor span.hover {
    border-top: 1px solid #a3bbce;
    border-bottom: 1px solid #a3bbce;
    background-color: #527fa2;
}




h3.recpost{
    height:35px;
    background:#47587A;
    border-right:1px solid #445472;
    border-left:1px solid #445472;
    border-top:1px solid #445472;
    line-height:35px;
    padding-left:10px;
    font-size:14px;
    font-weight:normal;
    color:#fff;
    text-transform:uppercase;
    margin-bottom:10px;
}    





    
.feedlist{
    height:33px;
    padding:5px 4px;
    background:#fff ;
    border:1px solid #bdbbb6; 
    margin:0px 0px 15px 5px;
}
.feedlist ul {
    list-style:none;
}

.feedlist ul li{
    float:left;
    margin:0px 6px;

}
    
    
.fblock{

    border-bottom:1px dotted #FFFFFF;
    padding:5px 5px!important;
    margin:0px 0px;
    height:70px;
}

.phumb{
    margin:0px 10px 0px 0px;
    width:80px;
    height:60px;
    float:left;
    }

.fblock h3{
    font-size:14px;
    font-weight:bold;
    padding:0px 0px 0px 0px;
    font-family:arial;
}

.fblock h3 a:link,.fblock h3 a:visited{
    font-weight:bold;
    color:#47587A;
}

.fblock p{
    margin:0px !important;
    padding:0px 0px !important;
    color:#666;
}
.fblock img{
    vertical-align:top;
    float:left;
    margin-right:10px;
    padding:0px!important;
}

li.comlist a {
    padding:5px 0px!important;
    line-height:20px!important;
}    

li.comlist img{
    vertical-align:top;
    float:left;
    margin-right:10px;
}    


        
#bottom{

    margin:0px auto;

}
.bottomcover{
    background:#fff;
    margin:0px auto;
    width:990px;
    border:5px solid #EFECE5;
}    
h3.bothead{

    height:20px;
    font-size:16px;
    padding:10px 0px 10px 10px;
    color:#364563;

    
}
.botwid{
    float:left;
    width:230px;
    padding-bottom:10px;
    font-size:12px;
    font-family:Arial,Tahoma,Century gothic,sans-serif;
    margin:10px 0px 0px 15px;
    color:#ddd;
        list-style:none;
    }
.botwid ul {
    list-style-type: none;
    margin:  0px;
    padding: 0px 5px 5px 5px ;

    }
.botwid li{
    list-style-type: none;
    margin: 0 ;
    padding: 0;

    }
.botwid ul ul  {
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 0px 0px;
    background-repeat:no-repeat;
        }

.botwid ul ul ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    border:0;
    }

.botwid ul ul ul ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    border:0;

    }

.botwid ul li {
    height:100%;
    line-height:18px;
    clear: left;    
    width: 220px;
    list-style-type: none;
    }
    
.botwid ul li a:link, .botwid ul li a:visited  {
    
    color: #6D7E9F;
    text-decoration: none;
    padding: 5px 0px 5px 5px;
    display:block;
    border-bottom:1px solid #EFECE5;

    }

.botwid ul li a:hover{

    color: #E6125C;
    }

.botwid p{
    padding: 7px 10px;
    margin:0;
    }

.botwid table {
    width:100%;
    text-align:center;
    color:#787d7f;
    } 

و این هم دومیش :دی

/*

Theme Name: Wordpress98 Quest Persian
Theme URL: http://www.web2feel.com/quest/
Description: قالب زیبای سه ستونه فارسی سازی توسط همیار وردپرس
Author: همیار وردپرس
Author URI: http://www.wordpress98.com
Version: 1.0.0
Tags:  white, red, blue two-columns, jQuery slider,thumbnail, right-sidebar, twitter, fixed-width, theme-options, threaded-comments, banner ads, adsense.

*/
* {
    margin: 0px;
    padding: 0px;
font-family:tahoma;
    font-size:8pt;
}

body {
    margin:0 auto;
    padding:0px 0px 0px 0px;
    background:#F9F8F4 url(images/body.jpg) top center no-repeat ;
    
    }
img {
    border:0;
    margin: 0 0;
    }
    
a {
    color: #0f7cec;
    text-decoration: none;
    outline:none;
    }
a:visited {
    color: #0f7cec;
    }
a:hover, a:active {
    color: #222;
    text-decoration: none;
    }

h1,h2, h3, h4, h5, h6 {
    line-height:125%;
    font-weight: bold;
    }

h1 {
    font-size: 26px;
    }    
    
h2 {
    font-size: 21px;
    }
h3 {
    font-size: 8pt;
    }
h4 {
    font-size: 17px;
    }
h5 {
    font-size: 15px;
    }
h6 {
    font-size: 13px;
    }


ul {
    list-style: square;
    }


blockquote {
    font-style: italic;
    color: #555;
    padding:10px;
    }
blockquote blockquote {
    color: #666;
    }
blockquote em {
    font-style: normal;
    }


pre {
    padding: 9px;
    background: #f9f9f9;
    border: 1px solid #ccc;
    }
code {
    padding: 0 3px;
    background: #eee;
    }
pre code {
    background: transparent;
    }

.clear {
    clear:both;
    }
img.centered  {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 0px;
    }
    
img.alignnone {
    padding: 5px 5px;
    margin: 0px 0px 10px 0px;
    display: inline;
    background:#E4E4E4;
    border: 1px solid #ddd;
    }

img.alignright {
    padding: 5px 5px;
    margin: 5px 0px 10px 10px;
    display: inline;
    background:#E4E4E4;
    border: 1px solid #ddd;
    }

img.alignleft {
    padding: 5px 5px;
    margin: 5px 10px 10px 0px;
    display: inline;
    background:#E4E4E4;
    border: 1px solid #ddd;
    }
    
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    }

.alignright {
    float: right;
    margin: 0px 0px 10px 10px;
    }

.alignleft {
    float: left;
    margin: 0px 10px 10px 0px;
    }
    
.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #E4E4E4;
    padding: 4px 0px 5px 0px;
    color:#555;
    }

.wp-caption img {
    margin: 0px 0px 5px 0px;
    padding: 0px;
    border: 0px;
    
    }

.wp-caption p.wp-caption-text {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    }
    
    
/* The Outer cover */

#wrapper {
    width:1000px;
    margin:60px auto;
    background:#D9D5CD url(images/wrap.png) top repeat-x;
    padding:0px 11px;
    border:1px solid #BFBBB3;

    }
#casing {
    padding:0px 0px 10px 0px;

    }        
    
    
    
/* The Header */

#top {
    height:150px;
    margin:auto;
    width:990px;
    position:relative;
    background:#fff;
    border:5px solid #efece5; 
    
    }
    
.topbar{
    height:34px;
}
    
.blogname {
    width:600px;
    margin:10px 0 0 15px;
    float:left;

    }
.blogname h1  {
    font-size:36px;
    padding:20px 0 0px 0px;
    font-weight:normal;
    text-align:left;
    font-family:Arial,Century gothic,Verdana,Tahoma,sans-serif;    

    }
.blogname h1  a:link, .blogname h1  a:visited{ 
    color: #47587a; 
    display:block;
    margin:0px 0 0 0px;
    }
    
.blogname h1  a:hover { 
    color: #47587a; 
    }
.blogname h2 {
    margin:5px 0px 0px 0px;
    font-size:16px;
    font-weight:normal;
    color: #666; 
    text-align:left;
    font-family:Arial ,Century gothic,Verdana,Tahoma,sans-serif;    
    }

.toplist{
    text-align:right;
    padding:10px 10px;
    color:#D9D5CD;
}

.toplist a:link,.toplist a:visited{
    color:#516284;
}
.toplist a:hover{
color:#E7135D;
}
/* The Search */

#search {

    width:300px;
    padding:0px 0px ;
    position:absolute;
    right:10px;
    bottom:50px;
    height:30px;
    background:#FFF;
    float:right;
    border:1px solid #d1d1d1;
}
#search form {
    margin: 0px 0px 0px 0px;
    padding: 0;
}

#search fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#search p {
    margin: 0;
    font-size: 85%;
}

#s {
    width:200px;
    margin:0px 0px 0px 0px;
    padding: 5px 5px;
    height:18px;
    font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
    color:#172F40;
    background:#fff;
    float:left;
    border:none;
    display:inline;
}
input#searchsubmit{
    float:right;
    display:inline;
    margin:0px 0px 0px 0px;
    height:30px;
    width:70px;
    background:#e5e5e5;
    color:#333;
    border:none;
    border-left:1px solid #d1d1d1;
    
}

#searchpage{
    background:#fff;
    border:1px solid #ccc;
    margin:10px 10px 0px 10px;
}

#sform{
    width:540px;
    border:none;
    padding:4px 5px;
}

#formsubmit{
    float:right;
    background:#e5e5e5 url(images/sfrm.png) repeat-x;
    border-left:1px solid #ccc!important;
    border:none;
    padding:3px 5px;
}
.scover{
    background:#fff ;
    border:1px solid #BDBBB6;

}
.sbox{
    padding:10px;
}
.shead{
    margin-bottom:30px;

}
.shead p{
    margin-left:10px;
    margin-bottom:10px;
    color:#222;
}

h2.stitle{

    font-weight:normal;

}
h2.stitle a{
    color:#2200C1;
        text-decoration: underline;
}

.searchmeta{
    margin-top:5px; 
    color:#43873e;
}
.searchmeta a{
color:#6972E7;
}
/*Page menu*/


#foxmenucontainer{
    height:40px;
    display:block;
    padding:0px 0 0px 0px;
    font: 13px Arial,Tahoma,Century gothic,verdana,  sans-serif;
    width:990px;
    position:absolute;
    bottom:0px;
    left:0px;
    background:url(images/menu.png)repeat-x;
    }
#menu{
    margin: 0px;
    padding: 0px 5px;
    height:40px;
    width:770px;
    float:right;
    }
    
#menu ul {
    float: right;
    list-style: none;
    margin: 0px;
    padding: 0px;

    }
    
#menu li {
    float: right;
    list-style: none;
    margin: 0px 1px 0px 0px;
    padding: 0px;
    }
    
#menu li a, #menu li a:link, #menu li a:visited {

    display: block;
    margin: 0px;
    padding: 0px 10px ;
    line-height:40px;
    color:#fff;
float: right;    
    text-shadow:-1px -1px 0px #bf3200;
    }

#menu li a:hover, #menu li a:active {
    background:#bc0747;
    margin: 0px;
    padding: 0px 10px ;
    line-height:40px;
    text-decoration: none;
    color: #fff;
    text-shadow:-1px -1px 0px #bf3200;
    }
#menu li.current_page_item a {
    text-shadow:-1px -1px 0px #bf3200;
    color: #fff;

}    
#menu li li a, #menu li li a:link, #menu li li a:visited {
    background:#E7145E ;
    width: 150px;
    color: #fff;
    text-shadow:-1px -1px 0px #bf3200;
    float: none;
    margin: 0px;
    padding: 0px 10px ;
    line-height:35px;
    border-bottom: 1px solid #CF004C;

    }
    
#menu li li a:hover, #menu li li a:active {
    background:#BC0747;
    color: #fff;
    text-shadow:-1px -1px 0px #8e4a04;
    padding: 0px 10px ;
    line-height:35px;
    }

#menu li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0px;
    padding: 0px;
    }

#menu li li { 
    }

#menu li ul a { 
    width: 140px;
    }

#menu li ul a:hover, #menu li ul a:active { 
    }

#menu li ul ul {
    margin: -36px 0 0 170px;
    }

#menu li:hover ul ul, #menu li:hover ul ul ul, 
#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
    left: -999em;
    }

#menu li:hover ul, #menu li li:hover ul, 
#menu li li li:hover ul, #menu li.sfhover ul, 
#menu li li.sfhover ul, #menu li li li.sfhover ul {
    left: auto;
    }

#menu li:hover, #menu li.sfhover { 
    position: static;
    }
    

    
#topbar{
    height:40px;
    display:block;
    padding:0px 0 0px 0px;
    width:1000px;
    margin:0px auto;
    overflow:hidden;
    }
    

#catmenu{
    width:1000px;
    margin:5px 0px 0px 0px;
    padding: 0px 0px;
    float:right;
    height:35px;
    font-size:13px;
    
}
#catmenu ul{
    float: right;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#catmenu li{
    float: right;
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-shadow:1px 1px 0px #EFECE5;
}
#catmenu li a, #catmenu li a:link, #catmenu li a:visited{
    color: #5F5F5F;
    display: block;
    padding: 0px 10px ;
    line-height:35px;



}
#catmenu li a:hover, #catmenu li a:active{
    color: #000;    
    display: block;
    line-height:35px;
    background:url(images/cmenua.png) bottom center no-repeat;
}
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited{
    background: #EFECE5;
    border-bottom: 1px solid #fff;
    color: #5F5F5F;
    float: none;
    margin: 0px;
    line-height:35px;
    width: 150px;
}
#catmenu li li a:hover, #catmenu li li a:active{
    background: #EFECE5;
    color: #000;    
    float: none;
    line-height:35px;
    margin: 0px;
    width: 150px;

}
#catmenu li ul
{
    height: auto;
    left: -999em;
    margin: 0px;

    position: absolute;
    background:#fff;
    width: 170px;
    z-index: 9999;
}
#catmenu li li
{
}
#catmenu li ul a
{
    width: 140px;
}
#catmenu li ul a:hover, #catmenu li ul a:active
{
}
#catmenu li ul ul
{
    margin: -36px 0 0 170px;
}
#catmenu li:hover ul ul, #catmenu li:hover ul ul ul, 
#catmenu li.sfhover1 ul ul, #catmenu li.sfhover1 ul ul ul
{
    left: -999em;
}
#catmenu li:hover ul, #catmenu li li:hover ul, 
#catmenu li li li:hover ul, #catmenu li.sfhover1 ul, 
#catmenu li li.sfhover1 ul, #catmenu li li li.sfhover1 ul
{
    left: auto;
}
#catmenu li:hover, #catmenu li.sfhover1
{
    position: static;
}

            
    
/* Main Content*/    


#content {
    float:left;
    width: 660px;
    height:100%;
    padding:0px 0px;
    margin-top:15px;
    display:inline;

    }

.post{
    width:660px;
    margin: 0px 0px 20px 0px;
    padding:0px 0px;
    height:100%;
    color:#666;
    font-size:14px;
    background:#fff ;
    border:1px solid #bdbbb6; 
    }


.title{
    margin: 0 0 0 0px;
    padding-right: 0px 20px;
text-align:right;direction:rtl;

}    

.title  h2 {
    margin: 10px 0 5px 10px;
    padding-right:10px;
    text-align: right;
    font-size: 26px ;
    overflow:hidden;
    font-weight:normal;
    border-bottom:1px solid #D9D5CD;
    font-family: georgia,Tahoma,Century gothic,verdana,  sans-serif;
    }

.title  h2 a, .title  h2 a:link, .title  h2 a:visited  {
    color:#47587a;
    background-color: transparent;
    }
.title  h2 a:hover  {
    color: #47587a;
    background-color: transparent;
    }    


.postim{
    margin:10px 10px 10px 0px;
    float:left;
    width:200px;
    height:150px;
}

.mdate {
    font-size:10px;
    padding:5px 0px 0px 10px;
       color:#ca680b;
    margin:20px 0px 0px 0px;
    text-transform: uppercase;
    border-top:1px solid #ddd;
    height:27px;

    }
    
.author{
    color:#E6135D;
    padding:4px 5px 4px 20px;
    float:left;
    background-position:center left ;    
    margin-left:5px;    
    background:url(images/user.png) no-repeat;
}

.clock{
    color:#E6135D;
    padding:4px 5px 4px 20px;
    margin-left:5px;
    float:left;
    background-position:center left ;    
    background:url(images/clock.png) no-repeat;
}    
.comm{
    color:#E6135D;
    padding:4px 5px 4px 20px;
    margin-left:5px;
    float:left;
    background-position:center left ;
    background:url(images/balloon.png) no-repeat;
}

.comm a:link,
.comm a:visited {
    color:#E6135D;
}
.comm a:hover{
    color:#426F00;
}
.more{
    color:#47587a;
    padding:4px 20px 4px 20px;
    margin-right:10px;
    float:right;
    background:url(images/plus.png) no-repeat;    
        background-position:center right ;
}

.more a:link,
.more a:visited {
    color:#47587a;
}
.more a:hover{
    color:#426F00;
}


.singleinfo {
    height:18px;
    font-size:10px;
    text-transform:uppercase;
    color:#271A0A;
    padding:0px 0px;
    margin-top:10px;
            }
    
    
.entry {
    margin:0 0;
    padding: 0px 20px ;
    
    }    
    
.entry a:link,
.entry a:visited {
    color: #0f7cec;
    background-color: transparent;
}
.entry a:hover {
    color:#222;
    background-color: transparent;
    text-decoration: none;
}

.entry ul, .entry ol{
  margin: .4em 0 1em;
  line-height: 150%;
}


.entry ul li, .entry ol li{
  list-style-position:outside;
  margin-left: 1.6em;
}

.entry p{
    margin:5px 0px;
    padding:5px 0px;
    line-height:24px;

}

/* sub-post */

.subpost{
    background:#fff;
    border:1px solid #BDBBB6;
    padding:5px;
    width:650px;
    display:inline-block;
}
.subox{
    float:left;
    width:310px;
    margin-left:15px;
    margin-bottom:10px;
    color:#47587A;
}
.subox h3{
    color:#e4115b;
    padding:5px 0px;
}
.subox ul{
    list-style:none;
}

.subox ul li{
    list-style:none;
    padding:5px 0px;
}
.subox a:link, .subox a:visited{
    color:#47587A;
}
.subox span{
    padding:5px 0px;
}


/* right column */
.right{
    
    float:right;
    width:335px;
    padding:15px 0px 0px 0;
    display:inline;
    overflow:hidden;

}

.bigbox{
    width:330px;
    overflow:hidden;
    margin:0px 0px 10px 0px;
    padding:0px 0px 5px 0px  ;
    float:right;

}

.bigbox div{
padding:5px 5px;

}

.bigbox embed{
    width:320px;
    height:270px;
}

p.twitter-message{
    color:#666;
    padding:5px 5px;
    margin:5px 5px 5px 5px;
    border-bottom:1px dotted #ccc;
    
    }
    
.twitter-timestamp{
    color:#000!important;
    font-size:10px;
    font-weight:bold;
    }    
    
a.twitter-link{
    color:#47587A!important;
    }
    
a.twitter-user{
    color:#47587A!important;
    }
    
    
/* sidebar */


.sidebar{
    
    float:left;
    width:160px;
    padding:0px 0px;
    margin-left:2px;
    display:inline;
}
.sidebar2{
    display:inline;
    float:right;
    width:160px;
    padding:0px 0px;
    margin-right:2px;
    
}

/*sidebar */
.sidhead{
    padding:0px 0px 0px 0px;
    height:35px;
    margin:0px 0px;
    background:url(images/tabox.png);
}


.sidhead h3{
    font-family:Georgia,Arial,Century gothic,Tahoma,  sans-serif;
    font-weight:normal;
    padding-left:10px;
    color:#431a03;
}

.sidetitl{
    color:#fff;
    background:#47587A;
    border-right:1px solid #445472;
    border-left:1px solid #445472;
    border-top:1px solid #445472;
    padding: 0px 10px 0px 10px;
    text-transform:uppercase;
    font-size:14px;
    height:35px;
    line-height:35px;
    position:relative;
    font-weight:normal;
    }

.sidebox{
    float:left;
    width:160px;
    padding-top:0px;
    font-size:12px;
    margin:0px 0px 10px 0px;
    display:inline;
    background:#EFECE5;
    overflow:hidden;

    }

.sidebox ul {
    list-style-type: none;
    margin: 0 ;
    padding: 0;

    }
    
.sidebox li{
    list-style-type: none;
    margin: 0 ;
    padding: 0;

    }
    
.sidebox ul ul  {
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 10px 0px;
    background-repeat:no-repeat;
        }

.sidebox ul ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border:0;
    }

.sidebox ul ul ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border:0;
    }
    
.sidebox ul li {
    height:100%;
    line-height:28px;
    float: right; 
    clear: right;    
    width: 160px;
    list-style-type: none;
    overflow:hidden;
    }

.sidebox ul li a:link, .sidebox ul li a:visited {
    color:#666;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
    display:block;
    border-left:1px solid #BDBBB6;
    border-right:1px solid #BDBBB6;
    border-bottom:1px solid #fff;
    }

.sidebox ul li a:hover {
    color: #E6125C;
    }

.sidebox p {
    padding: 7px 10px;
    margin:0;
    }
.sidebox div {
    padding: 5px 10px;
    margin:0;
    }
.sidebox table {
    width:100%;
    text-align:center;
    color:#787d7f;
    }    
    
li.recentcomments{
    color:#999;
    padding-left:5px;
}    
    
    
/* calendar     */
    
#wp-calendar{
    width: 100%;
    padding: 0 0 15px;

}

#wp-calendar caption{
    padding: 0px 5px ;
    font-size:14px;
    color:#555;
}

#wp-calendar th, #wp-calendar td{
    padding: 5px;
    text-align:center;
    background:#7790BF;
    color:#47587A;
}

#wp-calendar td a{
    background:#7790BF;
    padding: 3px;
    color:#fff;
}
#wp-calendar td{
    background:transparent;
}
#wp-calendar td, table#wp-calendar th{
    padding: 2px 0;
}        
    
    
    
/* --- FOOTER --- */

#footer {
    height:70px;
    padding:5px 0 0 0px;
    color:#7f7d78;
    font-size:12px;
    font-weight:normal;
    width:100%;
    text-shadow:1px 1px 0px #ece8df;
    }

#footer a:link , #footer a:visited{
    color:#7f7d78;
    }

#footer a:hover {
    color:#7f7d78;
    }

.fcred{
    text-align:center;
    margin:10px 0px 0px 20px;
    line-height:16px;
}

/* The Navigation */

#navigation{    
    width:600px;
    margin:5px 0px 0px 0px;
    padding:0px 5px 10px 0px;
    float:left;
    }

    
/* The Attachment */

.contentCenter {
    text-align:center;
    }

/* The Page Title */

h2.pagetitle {
    padding:10px 0px;
    font-size:14px;
    text-align:center;
    color:#47587A;
    }
 h2.pagetitle a {
     color:#df5e08;
 }

h3.recspost{
    color:#fff;
    margin-bottom:10px;
    font-size:14px;
}

.page-numbers{
    color:#47587A;
    padding:2px 5px;
    border:1px solid #aa161a;


}
.current{

    color:#aa161a;
}

/* Comments */

#commentsbox {

    margin:0;

}

h3#comments{
    font-size:14px;
    color:#fff;
    background:#47587A ;
    font-weight:bold;
    padding:10px 10px ;
    margin-top:10px;
    border:1px solid #3E4F6F;

}


ol.commentlist {
    margin:0px 0 0;
    clear:both;
    overflow:hidden;
    list-style:none;


}
ol.commentlist li {
    margin:5px 0;
    line-height:18px;
    padding:10px;
    background:#fff;
    border:1px solid #bdbbb6; 


}
ol.commentlist li .comment-author {
    color:#47587A;
    font-weight:bold;
}
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{

    color:#47587A;
    font-weight:bold;
    text-decoration:none !important;
}

ol.commentlist li .comment-author .fn {
    color:#47587A;
}
cite.fn{
    color:#47587A;
    font-style:normal;
}
ol.commentlist li .comment-author .avatar{
    float:right;
    border:1px solid #ccc;
    background:#eee;
    padding:3px;
}
ol.commentlist li .comment-meta{
    font-size:10px;

}
ol.commentlist li .comment-meta .commentmetadata{

    color:#555;
}

ol.commentlist li .comment-meta a {
    color:#E4105B;
    text-decoration:none !important;
}
ol.commentlist li p {
    line-height:22px;
    margin-top:5px;
    color:#666;
    font-size:12px;
}
ol.commentlist li .reply{
    margin-top:10px;
    font-size:10px;
}
ol.commentlist li .reply a{
    background:#E6125C;
    border:1px solid #CF0C54;
    color:#fff;
    text-decoration:none;
    padding:3px 10px;
}

ol.commentlist li.odd {

}
ol.commentlist li.even {

}

ol.commentlist li ul.children {
    list-style:none;
    margin:1em 0 0;
    text-indent:0;

}

ol.commentlist li ul.children li.depth-2 {

    margin:0 0 0px 50px;

}

ol.commentlist li ul.children li.depth-3 {

    margin:0 0 0px 50px;

}

ol.commentlist li ul.children li.depth-4 {

    margin:0 0 0px 50px;

}
ol.commentlist li ul.children li.depth-5 {

    margin:0 0 0px 50px;

}
.comment-nav{

    padding:5px ;
    height:20px;

}

.comment-nav a:link,.comment-nav a:visited{

    color:#000;
}

#respond{
    background:#fff;
    border:1px solid #bdbbb6; 
    padding:10px 20px ;
    margin:10px 0px;

}
 #respond h3 {
    font-size:16px;
    color:#47587A;
    padding:5px 0px;
}

#commentform p{
    margin:5px 0px ;
    color:#47587A;
}
 #respond label{
    display:block;
    padding:5px 0;
    font-weight:bold;
    color:#47587A;

}
 #respond  label small {
    font-size:10px;

}
 #respond input {
    margin-bottom:10px;
    padding:5px 0px;
    margin:0 10px 10px 0;
    background:#eee;
    border:1px solid #ddd;
    color:#444;
}
#commentform  input{
    width:60%;

}

#respond  input#commentSubmit {
    width:100px;
    padding:3px 5px;
    background:#47587A;
    border:1px solid #3f4e6e;
    color:#fff;
    margin:10px 0px;
    font-weight:bold;
    cursor:pointer;
}
textarea#comment{
    border:none;
    background:#eee;
    border:1px solid #ddd;
    width:99%;
    margin:10px 0px 0px 0px;
    padding:5px 0px;
    color:#444;
}


.wp-pagenavi{

    font-size:12px;
    text-align: center !important;


}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {

    text-decoration: none;
    background:#47587A!important;
    border: 1px solid #3E4F6F!important;
    color:#fff !important;
    padding:3px 6px !important;
    display: block;
    text-align: center;
    float: left;
    margin-right: 4px;

}


.wp-pagenavi a:hover {
    color: #ffffff;
}

.wp-pagenavi span.pages {

display:none;
}

.wp-pagenavi span.current {
    text-decoration: none;
    background:#E6125C !important;
    border: 1px solid #CF004C!important;
    color:#fff !important;
    padding:3px 5px !important;
    display: block;
    text-align: center;
    float: left;
    margin-right: 4px;

}

.wp-pagenavi span.extend {

    text-decoration: none;
    background:#E6125C !important;
    border: 1px solid #CF004C !important;
    color:#fff !important;
    padding:3px 5px !important;
    display: block;
    text-align: center;
    float: left;
    margin-right: 4px;

}    
     
.topad{
    float:right;
    margin:30px 0px 0px 0px;
    padding:5px;
    background:#E4E4E4;

}

.postad{
    text-align:center;
    margin:10px auto;
    border:1px solid #ccc;
    padding:5px;
    background:#E4E4E4;
    width:478px;
    
} 

#slidearea{

position: relative;
width:999px;
}

/* tabs */
.rounded{
border:1px solid #ddd;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.shade{
z-index:1;
position:absolute;
top:0px;
left:0px;
width:632px;
height:282px;
}
.shade a{
display:block;
}
.widgets {
width:998px;
padding:0px 0px 0px 0px;
margin-top:15px;
background:#f9f7f3;
border:1px solid #fff;
height:300px;
overflow:hidden;

}

.widgets a {
color: #222;
text-decoration: none;
}

.widgets a:hover {

}
img.slidim{
width:630px;
height:280px;


}

img.boximage{
width:100px;
height:70px;
float:left;
margin-right:10px;
background:#ccc;
padding:5px;


}


ul#tabnav{
list-style:none;
height:280px;
margin:0px 0px;
width:340px;
float:right;
margin:11px 9px 10px 0px;
overflow:auto;
display:inline;
}

#tabnav li {
list-style: none;

}

#tabnav li a:link,#tabnav li a:visited {

display: inline;
float:left;
width:310px;
height:80px;
padding:5px;
margin-bottom:2px;
background:#eee;
border:1px solid #ddd;
}

#tabnav li a:hover, #tabnav li a:active, #tabnav li.ui-tabs-selected a {
background: #fff;
border:1px solid #ddd;
}

#tabnav li a:hover, #tabnav li a:active,#tabnav li.ui-tabs-selected h3 {
color:#E6125C;
}


a.listab{
display:block;
width:310px;
height:80px;

}

.listab h3{
font-size:14px;
font-weight:bold;
padding:0px 0px;
color:#47587a;

}
.listab p{
font-size:12px;
line-height:16px;
color:#777;
}
.tabdiv {

margin:10px 0px 10px 10px;
width:630px;
float:left;
height:280px;
position:relative;
display:inline;
background:#fff;

}

.featpost{
position:absolute;
right:0px;
bottom:0px;
background:url(images/trans.png);
padding:10px;
border-top:1px solid #000;
color:#999;
width:555px;
}

.ui-tabs-hide {
display: none;
}

.squarebanner {
background:#EFECE5 ;
border-left:1px solid #BDBBB6;
border-right:1px solid #BDBBB6;
border-bottom:1px solid #BDBBB6;
}

.squarebanner ul{
list-style-type:none;
margin: 0px 0px 0px 0px;
padding: 10px 0px 5px 0px;
width:330px;
overflow:auto;
}

.squarebanner ul li{
list-style-type:none;
margin: 7px 0px 7px 15px;
float:left;
display:inline;
background:#fff;
padding:7px;
}



.customScrollerContainer {

}

.customScrollerContent {
margin:0px!important;
padding:0px!important;
}





.tabox{
width:330px;
overflow:hidden;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
float:right;
background:#EFECE5 ;

}

.tabox a {
color: #222;
text-decoration: none;
}

.tabox a:hover {
text-decoration: underline;
}

ul.tabsnav{

padding:0px 0px 0px 0px;
height:32px;
margin:0px 0px;
background:#D9D5CD;

}


.tabsnav li {
display: inline;
list-style: none;
float:left;
text-align:center;
margin-right:0px;

}


.tabsnav li a {
text-decoration: none;
font-weight: normal;
line-height:31px;
font-weight:normal;
padding:0px 25px;
font-size: 13px;
color:#fff;
text-decoration: none;
display:block;
background:#47587A;
border-right:1px solid #3f4e6e;
border-left:1px solid #3f4e6e;
border-top:1px solid #3f4e6e;
}

.tabsnav li a:hover, .tabsnav li a:active, .tabsnav li.ui-tabs-selected a {
text-decoration:none;
color:#35445F;
background:#EFECE5;
border-right:1px solid #BDBBB6;
border-left:1px solid #BDBBB6;
border-top:1px solid #BDBBB6;
}


.tabsdiv {
border-right:1px solid #BDBBB6;
border-left:1px solid #BDBBB6;
border-bottom:1px solid #BDBBB6;
padding: 5px 5px 5px 5px;


}
.tabsdiv a:link,.tabsdiv a:visited {

color:#52483e;

}
.tabsdiv a:hover{

color:#52483e;
}
.tabsdiv ul{

list-style-type:none;
margin:0px 0px;
padding:0px 0px;

}

.tabsdiv ul li{

height:100%;
line-height:28px;
padding: 0px 0px 0px 0px;
color:#333;

}
.tabsdiv li a:link,.tabsdiv li a:visited{
display:block;
margin-left:5px;
overflow:hidden;
line-height:24px;
padding:2px 5px ;
margin:2px 5px;
color:#666;
font-size:13px;
border-bottom:1px dotted #FFFFFF;

}

.tabsdiv li a:hover {

color:#47587A;
text-decoration:none;
}

.tabsdiv embed{
width:320px;
height:270px;
}
.tagbox{
padding:10px;
}
.ui-tabs-hide {
display: none;
}





/* SCROLLER STYLE */

/* VERTICAL */
.divVScrollerBar {
height:280px;
width:10px;
margin:0px;
background:#eee;
border:1px solid #ddd;
}

/* ORIZONTAL */
.divOScrollerBar {
height: 10px;
margin-top: 1px;
display:none;
}

/* AREA UP */

.divVScrollerBarUp {
cursor: pointer;
height: 17px;
}

/* AREA DOWN */
.divVScrollerBarDown {
cursor: pointer;
height: 17px;
}


/* ARROW UP AND DOWN */
.divVScrollerBarUp span,
.divVScrollerBarDown span {
display: block;
width: 10px;
height: 15px;
line-height: 0;
font-size: 0;
}

.divVScrollerBarUp span {

}
.divVScrollerBarDown span {

}

/* ARROWS HOVER */


/* TRACE */
.divVScrollerBarTrace, .divOScrollerBarTrace {

line-height: 0;
font-size: 0;
}

/* CURSORS */
.divVScrollerBarCursor {
cursor: pointer;
}
.divOScrollerBarCursor {
cursor: pointer;
}

.divVScrollerBarCursor span {
display: block;
height: 100%;
width: 8px;
border:1px solid #394867;
background:#47587a;
line-height: 0;
font-size: 0;
}

.divOScrollerBarCursor span {
display: block;

height: 16px;
width: 100%;
background: #000 ;
line-height: 0;
font-size: 0;
}
/* CURSORS HOVER */
.divVScrollerBarCursor span.hover {

background-color: #516284;
}

.divOScrollerBarCursor span.hover {
border-top: 1px solid #a3bbce;
border-bottom: 1px solid #a3bbce;
background-color: #527fa2;
}




h3.recpost{
height:35px;
background:#47587A;
border-right:1px solid #445472;
border-left:1px solid #445472;
border-top:1px solid #445472;
line-height:35px;
padding-left:10px;
font-size:14px;
font-weight:normal;
color:#fff;
text-transform:uppercase;
margin-bottom:10px;
}






.feedlist{
height:33px;
padding:5px 4px;
background:#fff ;
border:1px solid #bdbbb6;
margin:0px 0px 15px 5px;
}
.feedlist ul {
list-style:none;
}

.feedlist ul li{
float:left;
margin:0px 6px;

}


.fblock{

border-bottom:1px dotted #FFFFFF;
padding:5px 5px!important;
margin:0px 0px;
height:70px;
}

.phumb{
margin:0px 10px 0px 0px;
width:80px;
height:60px;
float:left;
}

.fblock h3{
font-size:14px;
font-weight:bold;
padding:0px 0px 0px 0px;
font-family:arial;
}

.fblock h3 a:link,.fblock h3 a:visited{
font-weight:bold;
color:#47587A;
}

.fblock p{
margin:0px !important;
padding:0px 0px !important;
color:#666;
}
.fblock img{
vertical-align:top;
float:left;
margin-right:10px;
padding:0px!important;
}

li.comlist a {
padding:5px 0px!important;
line-height:20px!important;
}

li.comlist img{
vertical-align:top;
float:left;
margin-right:10px;
}



#bottom{

margin:0px auto;

}
.bottomcover{
background:#fff;
margin:0px auto;
width:990px;
border:5px solid #EFECE5;
}
h3.bothead{

height:20px;
font-size:16px;
padding:10px 0px 10px 10px;
color:#364563;


}
.botwid{
float:left;
width:230px;
padding-bottom:10px;
font-size:12px;
font-family:Arial,Tahoma,Century gothic,sans-serif;
margin:10px 0px 0px 15px;
color:#ddd;
list-style:none;
}
.botwid ul {
list-style-type: none;
margin: 0px;
padding: 0px 5px 5px 5px ;

}
.botwid li{
list-style-type: none;
margin: 0 ;
padding: 0;

}
.botwid ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 0px;
background-repeat:no-repeat;
}

.botwid ul ul ul{
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}

.botwid ul ul ul ul{
list-style-type: none;
margin: 0;
padding: 0;
border:0;

}

.botwid ul li {
height:100%;
line-height:18px;
clear: left;
width: 220px;
list-style-type: none;
}

.botwid ul li a:link, .botwid ul li a:visited {

color: #6D7E9F;
text-decoration: none;
padding: 5px 0px 5px 5px;
display:block;
border-bottom:1px solid #EFECE5;

}

.botwid ul li a:hover{

color: #E6125C;
}

.botwid p{
padding: 7px 10px;
margin:0;
}

.botwid table {
width:100%;
text-align:center;
color:#787d7f;
}