Forums

Dropdown Menu Widget
Menu does not move when window resizes. (1 post)

  1. mlsrumors
    Member
    Posted 9 months ago #

    Can someone help me out. I am very close to getting this to work but for some reason the category menu stays fixed outside of the WordPress theme.

    here's the site:

    http://dev.mls-rumors.net

    Here's the code from my header:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :'; } ?> <?php bloginfo('name'); ?></title>

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <link href='http://i572.photobucket.com/albums/ss169/mlsrumors/soccerball-1.png' rel='shortcut icon'/>

    <?php
    wp_enqueue_script('jquery');
    wp_enqueue_script('effects', get_stylesheet_directory_uri() . '/js/effects.js');
    wp_enqueue_script('s3Slider', get_stylesheet_directory_uri() .'/js/s3Slider.js');
    wp_enqueue_script('jqueryui', get_stylesheet_directory_uri() .'/js/jquery-ui-personalized-1.5.2.packed.js');
    wp_enqueue_script('sprinkle', get_stylesheet_directory_uri() .'/js/sprinkle.js');
    ?>

    <script type="text/javascript"><!--//--><![CDATA[//><!--
    sfHover = function() {
    if (!document.getElementsByTagName) return false;
    var sfEls1 = document.getElementById("catmenu").getElementsByTagName("li");
    for (var i=0; i<sfEls1.length; i++) {
    sfEls1[i].onmouseover=function() {
    this.className+=" sfhover1";
    }
    sfEls1[i].onmouseout=function() {
    this.className=this.className.replace(new RegExp(" sfhover1\\b"), "");
    }
    }
    var sfEls1 = document.getElementById("menu").getElementsByTagName("li");
    for (var i=0; i<sfEls1.length; i++) {
    sfEls1[i].onmouseover=function() {
    this.className+=" sfhover";
    }
    sfEls1[i].onmouseout=function() {
    this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
    }
    }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);
    //--><!]]></script>

    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php //comments_popup_script(); // off by default ?>
    <?php
    if ( is_singular() ) wp_enqueue_script( 'comment-reply' );
    wp_head(); ?>
    </head>
    <body>
    <div class="masthead">

    <div id="foxmenucontainer">
    <?php wp_nav_menu( array( 'container_id' => 'menu', 'theme_location' => 'primary','fallback_cb'=> 'fallbackmenu1' ) ); ?>
    </div>

    <div id="top">
    <div class="head">
    <div class="blogname"><?php $logo = get_option('xan_logo'); if(strlen($logo) > 5): ?> /" title="<?php bloginfo('name'); ?>"><img src="<?php echo $logo; ?>" alt="<?php bloginfo('name') ?>" /> <?php else: ?> <h1>/" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></h1> <h2><?php bloginfo('description'); ?></h2> <?php endif; ?>

    </div>
    <?php include (TEMPLATEPATH . '/topad.php'); ?>
    </div>
    </div>

    <div id="catmenucontainer">

    <?php shailan_dropdown_menu( array( 'menu' => 'secondary','container_id' => 'catmenu','theme_location' => 'secondary','fallback_cb'=> 'fallbackmenu2' ) ); ?>
    </div>
    </div>

    <div id="wrapper"><div class="scrollposts"><marquee width="100%"><?php $tick_cat = get_option('xan_tick_cat');$tickerq = new WP_Query( 'category_name='.$tick_cat.'&posts_per_page=5' );echo "<ul id=\"ticker\">";while( $tickerq->have_posts() ) : $tickerq->the_post(); echo '

  2. '; echo '<span>'; the_time('M : j : Y'); echo '</span>'; echo ' - '; the_title(); echo '
  3. ';endwhile; echo '';wp_reset_postdata(); ?><div style="clear:both;"></div></marquee></div>

    <script type='text/javascript'>
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type='text/javascript'>
    try {
    var pageTracker = _gat._getTracker("UA-2493577-1");
    pageTracker._trackPageview();
    } catch(err) {}</script>
    <!-- Start Quantcast tag -->
    <script src='http://edge.quantserve.com/quant.js' type='text/javascript'></script>
    <script type='text/javascript'>_qacct="p-d7f9WlcKOIcME";quantserve();</script>

    <noscript>
    <img alt='Quantcast' border='0' height='1'
    src='http://pixel.quantserve.com/pixel/p-d7f9WlcKOIcME.gif' style='display: none;' width='1'/>

    </noscript>
    <!-- End Quantcast tag -->

    <div id="casing">

    And here is the CSS

    /*

    Theme Name:Xanthos
    Theme URL: http://www.web2feel.com/xanthos/
    Description: Free WordPress theme released by web2feel.com
    Author: Jinsona
    Author URI: http://www.web2feel.com
    Version: 1.0.0
    Tags: Brown, white, grey ,three-columns, jQuery slider,thumbnail, right-sidebar, twitter, fixed-width, theme-options, threaded-comments, banner ads, adsense.

    */@font-face { font-family: 'BebasNeueRegular'; src: url('fonts/BebasNeue-webfont.eot'); src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/BebasNeue-webfont.woff') format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'), url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal;}

    *{
    margin: 0px;
    padding: 0px;
    }

    body {
    margin:0 auto;
    padding:0px 0px 0px 0px;
    background:#212121 url(images/body.png);
    font-family:Arial, verdana,Tahoma,Century gothic, sans-serif;
    font-size:12px;
    }
    img {
    border:0;
    margin: 0 0;
    }

    a {
    color: #990000;
    text-decoration: none;
    outline:none;
    }
    a:visited {
    color: #5384BF;
    }
    a:hover, a:active {
    color: #214974;
    text-decoration: none;
    }

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

    table {
    border: 1px solid #e7e7e7;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    }
    tr th,
    thead th {
    color: #888;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 9px 24px;
    }
    tr td {
    border-top: 1px solid #e7e7e7;
    padding: 6px 24px;
    }
    tr.odd td {
    background: #f2f7fc;
    }

    ul {
    list-style: square;
    }

    blockquote {
    font-style: italic;
    color: #555;
    padding:10px;
    }
    blockquote blockquote {
    color: #777;
    }
    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:#ddd;
    border: 1px solid #ccc;
    }

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

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

    .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    }

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

    .alignleft {
    float: left;
    margin: 0px 10px 10px 0px;
    }

    .wp-caption {
    background:#ddd;
    border: 1px solid #ccc;
    text-align: center;
    padding: 4px 0px 5px 0px;
    color:#777;
    }

    .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;
    }
    .rounded{

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }

    .insetshadow{
    box-shadow:inset 0 0 5px #ddd;
    -moz-box-shadow:inset 0 0 5px #ddd;
    -webkit-box-shadow:inset 0 0 5px #ddd;
    }

    /* The Outer cover */
    .masthead{
    height:215px;
    background:url(images/masthead.png) repeat-x;

    }
    #wrapper {
    width:1020px;
    margin:0px auto;
    position:relative;
    padding:0px 0px;

    }

    #casing {
    padding:0px 0px ;
    float:left;
    width:1020px;
    margin:0px 0px 0px 0px;
    background:url(images/casingg.png) repeat-y;
    }

    #topbox{
    width:900px;
    height:66px;
    margin:0px auto;
    }

    .facebox,.feedbox,.searchbox{
    width:310px;
    height:66px;
    float:left;
    }

    /* The Header */

    #top {
    height:123px;
    margin:auto;
    position:relative;
    background:url(images/top.png) top center no-repeat;

    }

    .head{
    width:1020px;
    margin:0px auto;
    }

    .blogname {
    width:400px;
    margin:25px 0 0 10px;
    height:70px;
    text-align:left;
    float:left;
    font-family: Georgia,Arial ,Tahoma, Helvetica, sans-serif;

    }
    .blogname h1 {
    font-size:36px;
    padding:0px 0 0px 0;
    font-weight:normal;
    text-shadow:1px 1px 0px #0F1114;
    }
    .blogname h1 a:link, .blogname h1 a:visited{

    display:block;
    margin:0px 0 0 0px;
    color: #feffe8;

    }

    .blogname h1 a:hover {
    color: #fff;
    }
    .blogname h2 {
    margin:0px 0px 0px 0px;
    font-size:16px;
    font-weight:normal;
    color: #BF0000;
    text-shadow:1px 1px 0px #0F1114;

    }

    /* The Search */

    #search {

    width:310px;
    padding:0px 0px ;
    margin:-1px 0px 5px 0px;
    height:54px;
    background:url(images/searchbg.png);

    }
    #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:228px;
    background:#44362c;
    margin:12px 0px 0px 10px;
    padding: 6px 5px;
    height:15px;
    border:1px solid #0e0b0a;
    font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
    color:#DFC7B5;
    float:left;
    display:inline;
    }

    #searchsubmit{
    background:#24272e;
    border:1px solid #90100e;
    color:#fff;
    display:block;
    margin:20px 0px 0px 10px;
    padding: 4px 5px;
    float:left;
    cursor:pointer;
    }

    #searchpage{
    background:#fff;
    border:1px solid #DBDBDB;
    margin:15px 15px 0px 15px;
    }

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

    #formsubmit{
    float:right;
    background:#DBDBDB ;
    border-left:1px solid #DBDBDB!important;
    border:none;
    padding:3px 5px;
    }
    .sboxs{
    padding:10px 20px;
    }
    .shead{
    margin-bottom:30px;

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

    h2.stitle{
    text-decoration: underline;
    font-weight:normal;

    }

    .searchmeta{
    margin-top:5px;
    color:#43873e;
    }

    /*Page menu*/

    #foxmenucontainer{
    height:30px;
    display:block;
    margin:0px auto;
    font-size: 14px;
    font-weight:normal;
    background:url(images/menu-3n.jpg) repeat-x;
    padding:10px 0px;
    }
    #menu{
    margin:0px auto;
    padding: 0px;
    height:30px;
    overflow:hidden;
    width:1020px;
    }

    #menu ul {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #menu li {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    line-height:30px;
    color:#BFA98F;
    }

    #menu li a, #menu li a:link, #menu li a:visited {
    color:#BFA98F;
    display: block;
    margin: 0px;
    padding: 0px 10px ;
    line-height:30px;
    }

    #menu li a:hover, #menu li a:active {
    background:#810E0C;
    color: #fff;
    margin: 0px;
    padding: 0px 10px ;
    line-height:30px;
    text-decoration: none;

    }

    #menu li li a, #menu li li a:link, #menu li li a:visited {
    background:#3F342B;
    width: 150px;
    color:#BFA98F;
    font-weight: normal;
    float: none;
    margin: 0px;
    padding: 0px 10px ;
    line-height:30px;
    border-bottom: 1px solid #4F4136;

    }

    #menu li li a:hover, #menu li li a:active {
    color: #fff;
    background:#810E0C;
    padding: 0px 10px ;
    line-height:30px;
    }

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

    #menu li li {
    }

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

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

    #menu li ul ul {
    margin: -31px 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;
    }

    /* menu */

    #catmenucontainer{
    height:41px;
    display:block;
    padding:0px 0 0px 0px;
    font-size: 12px;

    position:relative;

    right: 0;

    margin: 0px 0px 0px 220px;

    width:1020px;
    font-weight:normal;
    background:url(images/cmenu.png) repeat-x;

    }

    #catmenu{
    margin:0px auto;
    padding: 0px 0px;
    height:41px;
    overflow:hidden;
    width:1020px;
    }

    #catmenu ul {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    #catmenu li {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    line-height:41px;
    color:#c39b7f;
    }

    #catmenu li a, #catmenu li a:link, #catmenu li a:visited {
    color:#c39b7f;
    display: block;
    margin: 0px;
    padding: 0px 10px ;
    line-height:41px;
    }

    #catmenu li a:hover, #catmenu li a:active {
    color: #312720;
    margin: 0px;
    padding: 0px 10px ;
    line-height:41px;
    text-decoration: none;
    background:#fff;
    }

    #catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
    background:#eee;
    width: 150px;
    color: #0D081C;
    font-weight: normal;
    float: none;
    margin: 0px;
    padding: 0px 10px ;
    line-height:35px;
    border-bottom: 1px solid #ccc;
    }

    #catmenu li li a:hover, #catmenu li li a:active {
    background:#DFDFDF;
    color: #555;
    padding: 0px 10px ;
    line-height:35px;
    }

    #catmenu li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0px;
    background:#00150E;
    }

    #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.sfhover ul ul, #catmenu li.sfhover ul ul ul {
    left: -999em;
    }

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

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

    /* box content */

    .high-box{
    width:320px;
    border-bottom:1px solid #ddd;
    margin-bottom:20px;
    }

    .lbox{
    float:left;
    }

    .rbox{
    float:right;
    }

    .high-cat{
    font-family:'BebasNeueRegular';
    font-size:18px;
    font-weight:normal;
    margin-bottom:10px;
    color:#CF4C23;
    }

    .high-first-item{

    }

    .highmage{
    background:#fff;
    padding:5px;
    }

    .high-first-item h3{
    font-family:'BebasNeueRegular';
    font-size:24px;
    font-weight:normal;
    margin:5px 0px;

    }

    .high-first-item h3 a:link,.high-first-item h3 a:visited{
    color:#222;
    }

    .high-first-item p{
    padding:0px 0px 10px 0px;
    line-height:20px;
    font-size:12px;
    }

    .high-rest-item h3{
    font-family:'BebasNeueRegular';
    font-size:18px;
    font-weight:normal;
    line-height:18px;
    padding:7px 0px;
    border-top:1px solid #ddd;
    }

    .high-rest-item h3 a:link,.high-rest-item h3 a:visited{
    color:#615740;
    }

    /* Main Content*/

    #content {
    float:left;
    width: 710px;
    height:100%;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    display:inline;
    overflow:hidden;
    }

    .box{
    width:325px;
    float:left;
    margin-left:20px;
    margin-bottom:20px;
    clear:left;
    color:#646464;
    }

    .altbox{
    float:right;
    margin-right:20px;
    clear:right;
    }

    .boxtitle h2{
    font-family:Georgia;
    font-weight:normal;
    font-size:20px;
    }

    .boxtitle h2 a:link, .boxtitle h2 a:visited{
    color:#322821;
    }

    .boxmeta{
    background:#765e4d;
    display:inline-block;
    width:330px;
    }
    .boxmeta a:link,.boxmeta a:visited{
    color:#fff;
    }
    .bcomm{
    float:left;
    padding:5px 10px;
    }

    .morer{
    float:right;
    padding:5px 10px;
    }

    .postim{
    position:relative;
    float:left;
    width:150px;
    }

    img.postimg{

    margin:10px 10px 0px 0px;
    width:150px;
    height:120px;
    padding:5px 5px;
    background:#dddddd ;
    float:left;

    }
    .single{

    border:none!important;
    }
    .post {

    height:100%;
    color:#646464;
    padding:15px 0px;
    margin:10px 20px;
    position:relative;
    }

    .title{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    }

    .title h1 {
    margin: 0px 0 0px 0;
    padding: 5px 5px 10px 0px;
    font: 30px georgia,century gothic,verdana, sans-serif;
    font-weight:normal;
    overflow:hidden;
    text-shadow:1px 1px 0px #ddd;
    }

    .title h1 a, .title h1 a:link, .title h1 a:visited {
    color:#414855;
    background-color: transparent;
    }

    .title h1 a:hover {
    color: #000;
    background-color: transparent;
    }

    .postmeta{
    display: inline-block;
    width:670px;
    background:#765E4D;
    padding:0px 5px;
    }
    .metablock{
    color:#fff;
    text-align:center;
    padding:5px 10px;
    text-transform:uppercase;
    font-size:10px;
    float:left;
    background:url(images/meta.png) no-repeat;

    }

    .metablock a:link,
    .metablock a:visited {
    color:#fff;

    }
    .metablock a:hover{
    color:#000;

    }
    .author{
    color:#fff;
    font-size:10px;
    text-transform:uppercase;

    }

    .clock{
    color:#fff;
    font-size:10px;
    text-transform:uppercase;

    }

    .comm{
    color:#fff;
    font-size:10px;
    text-transform:uppercase;

    }

    .comm a:link,
    .comm a:visited {
    color:#fff;

    }
    .comm a:hover{
    color:#fff;

    }

    .singmet{
    color:#32757c;
    padding:5px 5px 5px 0px;
    margin-top:5px;
    font-size:11px;
    text-transform:uppercase;

    }
    .singmet a{
    color:#32757c;
    }

    .readmore{
    width:600px;
    height:34px;
    display:inline-block;

    }
    .read{
    float:right;
    width:137px;
    background:url(images/rmore.png);
    height:34px;
    font-size:14px;
    line-height:34px;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    text-shadow:1px 1px 0px #899F09;
    }
    .read a:link,
    .read a:visited {
    color:#fff;

    }
    .read a:hover{
    color:#000;

    }

    .category{
    color:#000;
    padding:5px 5px 5px 0px;
    font-size:10px;
    background:url(images/tag.png) no-repeat;
    text-transform:uppercase;
    }

    .category a:link,.category a:visited{
    color:#765E4D;

    }

    .category a:hover{
    color:#000;
    }

    .cover{
    margin-left:220px;

    }

    .entry {
    margin:0 0;
    padding: 0px 0px 5px 0px;
    font-size:12px;
    }

    .entry a:link,
    .entry a:visited {
    color:#DF3A00;
    background-color: transparent;
    }
    .entry a:hover {
    color:#FF0000;
    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;

    }

    /* right column */
    .right{
    float: right;
    width: 310px;
    padding:0px 0px 0px 0;
    display:inline;

    position:relative; overflow: hidden;
    }

    p.twitter-message{
    color:#555;
    font-size:12px;
    padding:10px 10px;
    border-bottom:1px solid #eee;
    }

    a.twitter-link{
    color:#DF4400;
    }

    a.twitter-user{
    color:#DF4400;
    }

    h3.sidetitl{

    font-family:Georgia,Tahoma,Century gothic, sans-serif;
    color:#fff;
    font-size:14px;
    padding:10px 0px 10px 10px;
    font-weight:normal;
    background:#201A16;
    }
    /* The Sidebar */

    .sidebar{

    float:left;
    }

    .sidebox{
    width:100%;
    margin:0px 0px 10px 0px;
    background:#fff;

    }

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

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

    }
    .sidebox ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 0px 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:18px;
    clear:left;
    width: 100%;
    margin:0px 0px;
    list-style-type: none;
    }

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

    color:#6f6f6f;
    border-bottom:1px solid #eee;
    text-decoration: none;
    padding: 5px 0px 5px 10px;
    display:block;

    }

    .sidebox ul li a:hover {

    color: #DF4400;
    }

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

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

    li.recentcomments{
    padding:5px 10px;
    width:290px!important;
    }

    .oddli{
    background:#fcfcfc;
    }

    .squarebanner {
    margin:0px 0px 10px 0px;
    width:310px; background: #ffffff;
    }

    .squarebanner ul{
    list-style-type:none;
    margin: 0px 20px 0px 20px;
    padding: 0px 0px 15px 0px;
    width: 270px;
    overflow:hidden;
    }

    .squarebanner ul li{
    list-style-type:none;
    margin: 10px 0px 0px 0px;
    float:left;
    display:inline;
    background:#ddd;

    }

    .rbanner{
    float:right!important;
    margin:10px 0px 0px 0px!important;
    }

    /*calendar*/

    #wp-calendar{
    width: 100%;
    padding: 0px 5px;

    }
    #calendar_wrap{

    margin:0px auto;
    }

    #wp-calendar caption{
    padding: 10px 5px 5px 5px ;
    font-size:16px;
    color:#375752;
    font-weight:bold;
    font-family:Arial,Georgia,Century gothic, sans-serif;
    text-transform:uppercase;
    }

    #wp-calendar th, #wp-calendar td{
    padding: 5px;
    text-align:center;
    color:#fff;
    background:#ccc;
    }

    #wp-calendar td a{

    padding: 0px;
    border:none;
    color:#843400;
    }
    #wp-calendar td{
    background:transparent;
    border:none;
    color:#444;
    }
    #wp-calendar td, table#wp-calendar th{
    padding: 2px 0;
    }

    /* --- FOOTER --- */

    #footer {
    padding:10px 0 10px 0px;
    color:#7F5F47;
    font-size:12px;
    margin:0px auto;
    background:#201a16 ;
    border-bottom:1px solid #90100d;
    }

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

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

    .fcred{

    text-align:center;
    margin:10px 0px 10px 10px;
    line-height:16px;
    }

    /* The Navigation */

    #navigation{
    margin:0px 0px 10px 10px;
    padding:5px;
    width:690px;
    height:27px;
    }

    /* The Attachment */

    .contentCenter {
    text-align:center;
    }

    /* The Page Title */

    h2.pagetitle {
    height:35px;
    font-family:Georgia,Tahoma,Century gothic, sans-serif;
    color:#6F4400;
    font-size:18px;
    padding-top:15px;
    padding-left:20px;
    font-weight:normal;

    }
    h2.pagetitle a {
    color:#507409;
    }
    /* Comments */

    #commentsbox {

    margin:10px 20px;

    }

    h3#comments{
    font-size:18px;
    color:#fff;
    background:#312720;
    font-weight:bold;
    padding:10px 10px ;
    margin-top:10px;
    font-family:Arial,Georgia,Century gothic, sans-serif;
    }

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

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

    }

    ol.commentlist li a{
    color:#DF4E00;
    }
    ol.commentlist li .comment-author {
    color:#312720;

    }
    ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{

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

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

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

    color:#000;
    }

    ol.commentlist li .comment-meta a {
    color:#CF0F00;
    text-decoration:none !important;
    }
    ol.commentlist li p {
    line-height:22px;
    margin-top:5px;
    color:#5F5C4D;
    font-size:12px;

    }
    ol.commentlist li .reply{
    margin-top:10px;
    font-size:10px;

    }
    ol.commentlist li .reply a{
    background:#765E4D;
    border:1px solid #4F4136;
    color:#fff;
    text-decoration:none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    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:#00608F;
    }

    #respond{

    padding:0px 0px ;
    margin:10px 0px;
    border:1px solid #ddd;
    background:#eee;

    }

    #respond a{
    color:#DF4E00;
    }
    #respond h3 {
    font-size:14px;
    color:#fff;
    background:#FFAB06;
    font-weight:bold;
    padding:10px 10px ;

    }
    #commentform {
    padding:10px 20px;

    }
    #commentform p{
    margin:5px 0px ;
    color:#444;
    }
    #respond label{
    display:block;
    padding:5px 0;
    color:#444;

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

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

    }

    #respond input#commentSubmit {
    background:#765E4D;
    border:1px solid #4F4136;
    color:#fff;
    text-decoration:none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:3px 10px;
    width:100px;
    margin:10px 0px;

    cursor:pointer;
    }
    textarea#comment{
    border:none;
    background:#fff;
    border:1px solid #ddd;
    width:70%;
    margin:10px 0px 0px 0px;
    padding:5px 5px;
    color:#555;
    }

    .widebanner{

    height:60px;
    margin:10px 0px;
    text-align:center;
    }

    .postad{
    margin:10px auto;
    text-align:center;
    }

    .wp-pagenavi{
    font-size:12px;
    text-align: center !important;
    }

    .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
    text-decoration: none;
    background:#F2F2F2!important;
    border: 1px solid #ddd !important;
    color:#555 !important;
    padding:3px 7px !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:#1D94F1 !important;
    border: 1px solid #1474C7!important;
    color:#fff !important;
    padding:3px 7px !important;
    display: block;
    text-align: center;
    float: left;
    margin-right: 4px;

    }

    .wp-pagenavi span.extend {

    text-decoration: none;
    background:#1D94F1 !important;
    border: 1px solid #1474C7!important;
    color:#fff !important;
    padding:3px 7px !important;
    display: block;
    text-align: center;
    float: left;
    margin-right: 4px;

    }

    #entry-author-info{
    padding:5px;
    background:#fcfcfc;
    border:1px solid #eee;
    margin:10px 0px ;
    }

    #author-avatar{
    float:left;
    padding:5px;
    background:#ddd;
    float:left;
    margin-right:10px;
    }

    #author-description{
    float:left;
    margin:0px 0px 0px 5px;
    width:520px;
    font-size:10px;
    line-height:14px;
    }
    #entry-author-info h3{
    margin-bottom:5px;
    color:#333;

    }
    #author-description p{
    line-height:20px;
    color:#555;
    }

    #bottom{
    margin:0px auto;
    width:1020px;
    }
    .bottomcover{
    background:#312720;
    margin:0px auto;

    }
    h3.bothead{

    height:20px;
    font-size:18px;
    padding:10px 0px 10px 5px;
    color:#fff;
    text-shadow:1px 1px 0px #172C2F;
    font-family:georgia;
    font-weight:normal;

    }
    .botwid{
    float:left;
    width:175px;
    padding-bottom:30px;
    font-size:12px;
    margin:20px 0px 0px 20px;
    color:#ddd;
    }
    .botwid ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 0px ;

    }
    .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: 175px;
    list-style-type: none;
    }

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

    color: #7F5F47;
    text-decoration: none;
    padding: 5px 0px 5px 5px;
    display:block;
    border-bottom:1px solid #1F1915;

    }

    .botwid ul li a:hover{

    color: #fff;
    }

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

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

    .twitbox{
    width:450px;
    float:right;
    margin:20px 10px 0px 0px;
    background:url(images/twit.png) no-repeat;
    }

    .twitbox p{
    width:380px;
    float:right;
    color:#d1d3dc;
    }

    /* Slider */
    #slider{
    width:530px;
    height:300px;
    position: relative; /* important */
    overflow: hidden; /* important */
    margin: 10px;
    padding: 0px;
    }

    #sliderContent {
    width:530px;
    position: absolute;
    margin: 0px;
    background:#fff;
    height:300px;
    }

    .sliderImage {
    float: left;
    position: relative;
    display: none;
    list-style:none;
    height:300px;
    }
    .slimg{
    width:530px;
    height:300px;
    }
    .sliderImage span {
    position: absolute;
    font: 12px Arial, Helvetica, sans-serif;
    padding: 10px 10px;
    width: 510px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
    }
    .clear {
    clear: both;
    }
    .botom {
    bottom: 0px;
    right: 0px;
    }

    .botom strong{
    font-size:16px;
    }

    .tabox{
    width:310px;
    overflow:hidden;
    margin:0px 0px 10px 0px;
    padding:0px 0px 0px 0px;
    background:#fff;

    }

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

    .tabox a:hover {
    text-decoration: underline;
    }
    img.thumbs{
    width:75px;
    height:60px;
    float:left;
    margin: 0px 10px 0px 0px;
    background:#ccc;
    }
    ul.tabsnav{
    padding:10px 10px 0px 10px;
    height:31px;
    margin:0px 0px;
    background:#201A16;

    }

    .tabsnav li {
    display: inline;
    list-style: none;
    float:left;
    font-size:11px;
    text-align:center;
    margin-right:0px;
    width:80px;
    text-transform:uppercase;
    background:#CFCFCF;

    }

    .tabsnav li a {
    text-decoration: none;
    font-weight: normal;
    line-height:31px;
    font-weight:bold;
    padding:0px 0px;
    font-size: 12px;
    color:#666;
    text-decoration: none;
    display:block;

    }

    .tabsnav li a:hover, .tabsnav li a:active, .tabsnav li.ui-tabs-selected a {
    text-decoration:none;
    color:#111;
    background:#fff;

    }

    .tabsdiv {
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    border-bottom:1px solid #fff;
    padding:0px;

    }
    .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;

    }

    .tabsdiv li a:hover {

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

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

    .fblock{
    display:block;
    border-bottom:1px solid #DBDBDB;
    margin:0px 5px!important;
    padding:10px 0px!important;
    }
    .fblock:hover{
    background:#f4f4f4;
    display:block;
    }

    .fblock h3{
    padding:0px 0px 0px 0px;
    font-family: 'BebasNeueRegular';
    font-size:18px;
    font-weight:normal;
    text-transform: uppercase;
    }

    .fblock h3 a:link,.fblock h3 a:visited{
    color:#D1512A;
    }

    .fblock p{
    color:#4D5362;
    margin:0px !important;
    padding:0px !important;
    }

    .fblock img{
    width: 80px;
    height: 60px;}

    .tagsbox{
    padding:10px 15px;
    }

    .topbanner{

    float:right;
    margin-top:-80px;

    }

    .cvl_top{
    position:relative;
    overflow: hidden;
    margin:0px;
    padding: 0px;
    width: 100%;
    height: 320px;
    background: #e0e0e0;
    }

    .cvl_slideshow{
    position: absolute;

    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    width: 540px;
    height: 320px;
    }

    .cvl_ads{
    position: absolute;
    overflow: hidden;
    margin:0px;
    padding:0px;
    top:10px;
    right:10px;
    bottom:10px;
    width:468px;
    height:300px;
    }

    .clock{
    background: url('images/clock.png') no-repeat;
    background-position: left center;
    margin:0px;
    padding: 2px 5px 2px 15px;
    font-family: Arial,Tahoma,Century gothic,sans-serif;
    font-size: 11px;
    line-height: 150%;
    color: #777777;
    text-transform: capitalize;
    }

    .comm{
    background: url('images/comm.png') no-repeat;
    background-position: left center;
    margin:0px;
    padding: 2px 5px 2px 15px;
    font-family: Arial,Tahoma,Century gothic,sans-serif;
    font-size: 11px;
    line-height: 150%;
    color: #777777;
    text-transform: capitalize;
    }

    .incoming, .outgoing{
    width: 325px;
    float: left;
    margin: 20px 0px 20px 20px;
    padding: 0px 0px 20px 0px;
    border-bottom: 1px solid #cccccc;
    color:#646464;
    }

    .incoming h2, .outgoing h2{
    padding:0px 0px 0px 0px;
    font-family: 'BebasNeueRegular';
    font-size:18px;
    font-weight:normal;
    text-transform: uppercase;
    color: #D1512A;
    }

    .incoming img.postimg, .outgoing img.postimg{
    margin: 10px 0px 15px 0px;
    padding: 0px;
    width: 100%;
    height: 150px;
    border: none;
    }

    .incoming h3 a:link, .incoming h3 a:visited, .outgoing h3 a:link, .outgoing h3 a:visited{
    padding:0px;
    font-family: 'BebasNeueRegular';
    font-size: 22px;
    font-weight: normal;
    text-transform: uppercase;
    color: #322821;
    }

    .incoming h3 a:hover, .outgoing h3 a:hover{
    color: #322821;
    }

    .incoming p, .outgoing p{
    margin: 15px 0px 0px 0px;
    }

    /* Ticker */

    .scrollposts{
    background:#fff;
    border-bottom:1px solid #ddd;
    padding:3px 0px;
    }

    #ticker{
    float: left;
    margin: 5px;
    padding: 0px;
    }

    #ticker li{
    margin: 0px 25px;
    padding: 0px;
    float: left;
    list-style:none;
    }

    #ticker li span{
    font-weight: bold;
    }

Reply

You must log in to post.

About this Plugin

About this Topic

Tags