Can anybody help me on my css problem ?

  • ozeegers
  • Newbie
  • Newbie
  • ozeegers
  • Posts: 6

Post 3+ Months Ago

Can anybody help me on my css problem ?

I have created a submenu that appears on some pages just under the main menu. In firefox the menu is correctly displayed but in IE7 the height of the submenu div is different or is it the padding ?
I tried to implement suggestions from this thread but that does not work for my site ?

URL: www;orthopedie-ronse;be/orthopedieronseonline

div submenu:

Code: [ Select ]
#submenu li { 
  float:left; 
  list-style:none 
  } 

#submenu { 
   background:#FFFFFF; 
   border-bottom:2px solid #cad8e6; 
   height:18px; 
   } 
 
#submenu li { 
   //border-right:1px solid #295887; 
   padding:0 7px;
   padding-top: 2px; 
   }  
 
#submenu a, #submenu a:visited { 
   color:#295887; 
   text-decoration:none; 
   font-weight:bold 
   } 
 
#submenu a:hover, #submenu a:active, 
#submenu li.current_page_item a, 
#submenu li.current_page_item a:visited { 
   text-decoration:underline 
   } 
  1. #submenu li { 
  2.   float:left; 
  3.   list-style:none 
  4.   } 
  5. #submenu { 
  6.    background:#FFFFFF; 
  7.    border-bottom:2px solid #cad8e6; 
  8.    height:18px; 
  9.    } 
  10.  
  11. #submenu li { 
  12.    //border-right:1px solid #295887; 
  13.    padding:0 7px;
  14.    padding-top: 2px; 
  15.    }  
  16.  
  17. #submenu a, #submenu a:visited { 
  18.    color:#295887; 
  19.    text-decoration:none; 
  20.    font-weight:bold 
  21.    } 
  22.  
  23. #submenu a:hover, #submenu a:active, 
  24. #submenu li.current_page_item a, 
  25. #submenu li.current_page_item a:visited { 
  26.    text-decoration:underline 
  27.    } 


complete style.css:
Code: [ Select ]
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;

    
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* --------------------------------------------------- MAIN */
body {width:100%;background: #8c9889 url("img/background.jpg") top left repeat-x; font-size: 62.5%; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }

#overlay { background: black; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; opacity: 0; display: none; }

.overlayActive { z-index: 99; opacity: 0; position: absolute !important; }

#container, #home #container { width: 999px auto; }

a { text-decoration: underline; color: #a0c8ca; }
a:hover { text-decoration: underline; }

div.Header {
       height: 194px;
       width: 999px;
       position: relative;
       z-index: 0;
       margin: 0 auto;
}

div.Header-jpg {
         background-image:url(img/header_bg.jpg);
         background-position:center center;
         background-repeat:no-repeat;
         height:194px;
         left:0;
         position:absolute;
         top:0;
         width:992px;
         z-index:-1;
}

h1 { font-size: 3em; font-weight: bold; text-transform: lowercase; line-height: 50px; float: left; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif; }
h1 a { color: #8c9889; }
h1 a:hover { text-decoration: none; color: #8c9889 }
div.subtitle { line-height: 50px; font-size: 1.2em; color: #55554e; margin-left: 1em; float: left; text-transform: lowercase; }

#wrapper{
width:100%;
background: #ebe9d9 url("img/wrapp_bg.gif") left bottom repeat-x;
border:0px solid #FFFF00;
padding-bottom:2px;
}

#content_container{

margin: 0px auto;
width:969px;
border-left:15px solid #fff;
border-top:15px solid #fff;
border-right:15px solid #fff;
margin-top:13px;
background-color:#f1f0ea;
}


#menu {

    text-decoration:none;
    font-weight: none;
    text-transform: lowercase;
    font-size: 1.2em;
    font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
    border:0px solid #CC3300;
    margin: 0px auto;
    width:999px;
    background: #ebe9d9 url("img/menu_bg.jpg") repeat-x;
    height: 48px;
    position: relative;
    text-align:right;
    }

#submenu li { 
  float:left; 
  list-style:none 
  } 

#submenu { 
   background:#FFFFFF; 
   border-bottom:2px solid #cad8e6; 
   height:18px; 
   } 
 
#submenu li { 
   //border-right:1px solid #295887; 
   padding:0 7px;
   padding-top: 2px; 
   }  
 
#submenu a, #submenu a:visited { 
   color:#295887; 
   text-decoration:none; 
   font-weight:bold 
   } 
 
#submenu a:hover, #submenu a:active, 
#submenu li.current_page_item a, 
#submenu li.current_page_item a:visited { 
   text-decoration:underline 
   } 

    
#menu li {text-align:center;width:142px;background:url("img/menu_item_bg_right.gif") top right repeat-y;list-style-image:none;}
#menu ul { position: relative; float: left; line-height: 48px; padding:0px;margin:0px;border:0px solid #CC3300;}
#menu ul li {padding-left:12px;padding-right:12px;float: left;border:0px solid #33FF33;text-align:center;}
#menu ul li a {text-decoration:none;color: #848379; outline: none; text-align: center; display: block; overflow: hidden; z-index: 10; position: relative; border:0px solid #CC3300;} /* relative breaks ie */
#menu ul li a:hover {color:#ffffff;/*background:url("img/menu_hover.gif")*/no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;text-decoration:none;}
#menu ul li a:active {color:#ffffff;/*background:url("img/menu_hover.gif")*/ no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;text-decoration:none;}

#menu ul li.back {color:#1696b2;border:0px solid #CC3300; background: url("") no-repeat right -28px; padding:0px; margin:0px;text-align:center;height: 28px;border:0px solid #ff0000; position: absolute; z-index: 8; top:10px; }
#menu ul li.back .left { color:#1696b2;padding:0px;margin-left:10px;background: url("img/lava.gif") repeat-x top left; height: 28px;width:146px;}

#menu ul li.current_page_item a { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px; }
#menu ul li.current_page_ancestor a span { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}

#menu ul li.current_page_ancestor a:hover span { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}

/* EDIT BY FSTAD */
#menu ul li.current_page_ancestor a { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}

#menu ul li.current_page_ancestor a:hover { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}
/* END EDIT BY FSTAD */

/* NEW EDIT BY FSTAD (20090821) */
#menu ul li.current_page_parent a { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}

#menu ul li.current_page_parent a:hover { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}
/* END NEW EDIT BY FSTAD (20090821) */


#searchform { position: absolute; right: 9px; top: 10px; }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    head~body #searchform { top: 10px; }
}
#searchform label { display: none; }
#searchform #s { background: url("img/search_input.gif") no-repeat; width: 211px; height: 24px; border: 0; font-size: 1em; padding: 2px 8px; }
#searchform #searchsubmit { background: url("img/search_submit.png") no-repeat; width: 79px; height: 28px; border: 0; cursor: pointer; text-indent: -10000px; vertical-align: top; ?font-size: 0; ?color: #889800; ?text-align: left; }

#post_data, #search_data { width: 131px; float: left; padding-left: 20px; }
#search_data { background: url("img/search.jpg") no-repeat; height: 185px; }

#post_data div { background: url("img/post_data_bg.png") #f6f6e8 no-repeat left top; margin-top: 1.5em; }
#post_data div ul { background: url("img/post_data_bg.png") no-repeat left bottom; padding: 6px 12px; font-size: 1.1em; }
#post_data h2 { padding: 6px 12px; color: #d8d8c7; font-size: 1.8em; margin: 0; height: auto; line-height: 1em; margin-right: -12px; }

#post_data div.post_data li { padding-left: 24px; height: 22px; line-height: 16px; border-bottom: 0px solid #e6e6d8; background: url("img/post_details.gif") no-repeat; color: #d8d8c7; overflow: hidden; font-size: 0.9em; }
#post_data div.post_data li.time { background-position: 0 -23px; }
#post_data div.post_data li.author { border-bottom: 0; background-position: 0 -45px; }
#post_data div.post_data li strong, #post_data div.post_data li a { color: #89897c; font-weight: normal; }

#post_data div.post_tags li { height: 22px; line-height: 22px; border-bottom: 1px solid #e6e6d8; }
#post_data div.post_tags li a { color: #89897c; display: block; }

#content {
width:100%;
padding-left:0px;
color: #8c9889;
font-size: 1.0em;
line-height: 0.5em;
font-family:Trebuchet MS;}

#content_blog
{width:100%;}


#content_left{
float:left;
padding:10px 10px 0px 10px;
margin:0px;
}


#content_right{
    float:left;    
    width:250px;
    height:100%;
    border:0px solid #FF9900;
    border-left:1px solid #ffffff;
    padding:10px 0px 0px 10px;
    margin:0px;
    text-align:right;
}



#home { width: 348px; padding: 16px; _padding: 15px; }


#sidebar {

font-size: 0.95em;
line-height: 1.2em;
float: left;
width: 100%;
padding: 0px 0px 20px 0px;
margin: 0px 0px 20px 0px;
position: relative;
display: inline;
text-align:right;
}

#sidebar .menu {

    background:#c0bdab url("img/submenu_selected.gif") top right no-repeat;
    width:247px;
    color:#ffffff;
    padding-bottom:20px;
    padding-top:20px;
    margin-top:50px;

    }
    
    
#sidebar .menu ul li a{

    color:#ffffff;
    list-style:none;
    height:24px;
    
    }
    
#sidebar .menu ul li a:hover{

color:#ffffff;
text-decoration:underline;
height:24px;

}


#sidebar .menu ul li.current_page_item {color:#ffffff;height:24px;}

#sidebar h2 { position: absolute; top: -26px; left: 16px; }

#sidebar li { margin-bottom: 2em; position: relative;margin:0px;padding:0px;height:24px; }

#sidebar2 { float: left; font-size: 0.8em; line-height: 1.2em; padding: 16px;display: inline; }

/* Widgets */
#sidebar .widget {

    margin: 0px 0px 20px 0px;
    width: 100%;
    /*position: relative;*/
    padding-bottom: 20px;
    text-align:right;
    }
    

#sidebar .widget a {

    color: #8c988a;
    float: left;
    text-align: left;
    height: 0%;
    padding-bottom:5px;
    text-decoration:none;
    
    }
    
    
#sidebar .widget a:hover {

    text-decoration: underline;
    color: #26bada;
    }
    
#sidebar .widget a:hover span {
    text-decoration: none;
    }
    
#sidebar .widget small { float: right; color: #d8d8c7; }
#sidebar .widget h2 small { float: left; }

#sidebar .widget ul li {

    text-decoration:none;
    padding:5px 0px 0px 0px;
    /*clear:both;*/
    width:100%;
    color: #8c988a;
    text-align:right;
    height:24px;

    }
    

#sidebar .widget ul li a{

    padding:5px 0px 0px 20px;
    height:24px;
    
    
    }
    
    
#sidebar .widget ul li a:hover{
    text-decoration:underline;
    padding:5px 0px 0px 20px;
    color: #ffffff;
    height:24px;
    
    }
    
#sidebar .widget ul li.current_page_item a {
    background:url("img/li_sub.gif") no-repeat left;
    padding:5px 0px 0px 20px;
    color: #ffffff;
    text-decoration:underline;
    height:24px;
    }
    
#sidebar .widget ul li.current_page_ancestor a {
    color: #8c988a;
    padding:5px 0px 10px 20px;
    text-decoration:none;
    height:24px;
    }


#sidebar .widget ul li:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; width: 0; }
#sidebar .widget div.textwidget { color: #55554E; }

#sidebar2 .widget { margin-left: -16px; width: 185px; background: none; }
#sidebar2 .widget ul, #sidebar2 #calendar_wrap { background: none; }
#sidebar2 .widget a:hover { color: white; }

#sidebar .widget_archive ul { font-size: 1em; }

#sidebar .widget_recent_comments a { float: none; }
#sidebar .widget_recent_comments ul li { text-align: left; color: #55554E; }

#sidebar .widget_recent_entries ul li { text-align: left; }


#sidebar .widget_search { display: none; } /* Sorry, no search in the sidebar! */

#sidebar2 .widget_links { background: none; width: 100%; }
#sidebar2 .widget_links ul, #sidebar2 .widget_flickrRSS ul { margin: 0 -7px; background: none; _height: 1%; padding: 0; margin-left: 9px; }
#sidebar2 .widget_links ul:after, #sidebar2 .widget_flickrRSS ul:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; width: 0; }
#sidebar2 .widget_links li, #sidebar2 .widget_flickrRSS li { float: left; margin: 7px; ?margin: 5px; height: auto; line-height: normal; border: 0; background: none; padding: 0; }
#sidebar2 .widget_links img, #sidebar2 .widget_flickrRSS img { border: 6px solid #c3c3b1; display: block; }

#footer { padding-top:30px;padding-bottom:30px;text-align:center;width:100%; margin:0 auto;clear:both;font-family:Trebuchet MS, Arial;font-size: 1.2em; color: #ffffff;}
#footer_title {color:#d2d9d1;font-weight:bold;}
#footer a { color: white; }
#footer p.rss { position: absolute; top: 0; right: 16px; }
#footer p.rss a { color: #d6e26e; padding-right: 24px; background: url("img/rss_small.gif") top right no-repeat; }

#powered { color: #55554e; font-size: 1.3em; padding: 12px 20px; background: #111; line-height: 18px; height: 36px; }
#powered p.sponsor { line-height: 36px; float: right; }
#powered a { color: #89897c; }

h2 { height: 20px; line-height: 17px; font-weight: normal; margin-bottom: 1em; font-size: 1.0em; text-transform: lowercase; }
h2 span { padding: 0 7px 0 0px; float: left; font-size:20px; color: #1696b2;}
h2 small { float: left; padding-left: 8px; color: #89897c; display: block; height: 17px; }

h2.links span { color: #c3c3b1; }
h2.links a { color: #e7e7da; }

h3 { margin-bottom: 1em; line-height: 2em; }
h3 a { color: #8c9889; display: block; font-weight: normal; font-size: 2.2em; letter-spacing: -.5px;}
h3 small { float: right; font-size: .4em; color: #8c9889; line-height: 2.2em; background: url("img/comment.gif") no-repeat left center; padding-left: 20px; ?margin-top: -2em; }

h3 a:hover { text-decoration: none; }
h3 a:hover span { text-decoration: none; }

div.post { line-height:0.5em; padding-bottom: 1em; margin-bottom: 1em; padding-top: 7px;}

div.post h1 { position: relative;width:100%;font-size:20px;font-weight:normal;color:#8c9889; }
div.post h1 small { position: absolute; top: 0; right: 0; }

div.post div.headline { position: relative; margin-bottom: .5em; line-height: 1.4em;}
div.post div.headline span, div.post div.date span { text-align: center; text-transform: uppercase; background: url("img/date.png"); width: 44px; height: 42px; position: absolute; top: 10px; left: 10px; color: #89897c; font-size: 1.4em; padding-top: 5px; line-height: 1em; }
div.post div.headline span big, div.post div.date span big { font-size: 1.7em; display: block; ?margin-top: -.2em; }
div.post div.date span { position: static; float: left; margin: 0 .5em .5em 0; }

div.post p { margin-bottom: 1em; font-size: 1.175em; line-height: 1.35em; padding-top: 7px; }
div.post p img { border:5px solid #dddbcb;margin:10px;}

div.post ul, div.post ol { margin-bottom: 1em; margin-left: 2em; font-size: 1.175em; line-height: 29px; /*background: transparent url("img/lists_bg.png");*/ color: #9B9A8E; }
div.post ul li { list-style: url("img/li.gif") inside; padding-left: 10px; }
div.post ol li { list-style: decimal inside; padding-left: 10px; }

div.post blockquote { color: #89897c; font-style: italic; background: url("img/blockquote.gif") 30px 0 no-repeat; padding-left: 60px; margin-bottom: 1em; min-height: 25px; }

ul.nav { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #d8d8c7; letter-spacing: -.5px; font-size: 1.15em; height: 1em; }
ul.nav .prev { float: left; }
ul.nav .next { float: right; }
ul.nav a { color: #89897c; }

.social { width: 110px; background: url("img/social_bg.gif") no-repeat left top #d8d8c7; float: right; margin-right: -16px; position: relative; z-index: 2; margin-left: 12px; _margin-right: -14px; }
.social h2 { font-size: 1.8em; color: #89897c; padding: 10px; margin: 0; margin-right: -10px; }
div.social ul { padding: 0 10px 10px; background: url("img/social_bg.gif") no-repeat left bottom; font-size: .85em; margin: 0; }
div.social ul li { height: 21px; line-height: 22px; border-bottom: 1px solid #ccccbc; list-style: none; padding: 0; }
div.social ul li a { color: #89897c; display: block; padding-left: 22px; height: 22px; background: url("img/social_list.png") no-repeat; }

.social li.digg a { background-position: 0 3px; }
.social li.mixx a { background-position: 0 -21px; }
.social li.technorati a { background-position: 0 -45px; }
.social li.delicious a { background-position: 0 -69px; }
.social li.facebook a { background-position: 0 -93px; }
.social li.stumbleupon a { background-position: 0 -117px; }
.social li.reddit a { background-position: 0 -141px; }

.social li.digg a:hover { background-position: 0 -163px; }
.social li.mixx a:hover { background-position: 0 -187px; }
.social li.technorati a:hover { background-position: 0 -211px; }
.social li.delicious a:hover { background-position: 0 -235px; }
.social li.facebook a:hover { background-position: 0 -259px; }
.social li.stumbleupon a:hover { background-position: 0 -283px; }
.social li.reddit a:hover { background-position: 0 -307px; }

#comments { margin-top: -2.5em; clear: both; padding-top: 1em; }

#comments .meta { background: #e7e7da; padding: 10px; margin-bottom: 1em; }
#comments .meta p { color: #89897c; font-size: 1.15em; text-transform: lowercase; }
#comments .meta p.rss { float: right; font-size: .95em; text-transform: none; }
#comments .meta p.rss a { color: #ec7e2d; padding-left: 22px; background: url("img/rss_small.gif") no-repeat; display: block; height: 16px; line-height: 16px; }
#comments .meta p strong { color: #55554e; }

#comments ul.nav { margin-bottom: 1em; }

#respond { background: #e7e7da; padding: 20px 20px 40px 20px; color: #89897c; font-size: .95em; text-transform: lowercase; position: relative; }
#respond h3 { font-size: 1.9em; line-height: 1em; color: #bdbdb0; text-transform: lowercase; font-weight: normal; margin-bottom: .5em; }
#respond h3 a { font-size: 1em; display: inline; letter-spacing: normal; }

#respond .cancel-comment-reply { position: absolute; right: 6px; background: none; top: 6px; }
#respond .cancel-comment-reply a { color: #89897c; font-weight: bold; }

#respond div.row { min-height: 28px; _height: 28px; margin-bottom: .75em; clear: both; display: block; }

#respond label { float: left; width: 40px; text-align: right; margin-right: 10px; height: 28px; line-height: 28px; _font-size: 0.9em; _margin-top: -28px; }
#respond input { float: right; }
#respond textarea, #respond input { padding: 2px 4px; width: 354px; border: 0; background: white; height: 24px; font-size: 1.4em; color: #b0b09f; font-family: Georgia, Arial, Helvetica, sans-serif; }
#respond textarea { height: 96px; padding: 2px 1%; width: 98%; float: none; }

#respond a { color: #89897c; font-weight: bold; }

#respond p.logged_as { margin-bottom: .5em; font-size: 1.1em; }

#respond p.req { color: #bdbdb0; float: right; line-height: 28px; height: 28px; }
#respond div.submit { text-align: right; }
#respond #submit { float: right; margin-left: 1em; display: block; }

#respond button { background: url("img/post_comment.png") no-repeat; width: 122px; height: 28px; border: 0; text-indent: -10000px; vertical-align: middle; cursor: pointer; }

ol.commentlist { margin-bottom: 1em; }
ol.commentlist li div { background: #edede0; padding: 10px; margin-left: 60px; position: relative; margin-bottom: 1em; }
ol.commentlist li div div { padding: 0; margin: 0; }
ol.commentlist li .comment-author img { border: 5px solid #edede0; position: absolute; top: -10px; left: -70px; }
ol.commentlist li.comment-author-admin div { background: #d8d8c7; }
ol.commentlist li.comment-author-admin .comment-author img { border: 5px solid #d8d8c7; }
ol.commentlist li.comment-author-admin li.comment div { background: #edede0; }
ol.commentlist li.comment-author-admin li.comment .comment-author img { border: 5px solid #edede0; }
ol.commentlist li.comment-author-admin li.comment-author div { background: #d8d8c7; }
ol.commentlist li.comment-author-admin li.comment-author .comment-author img { border: 5px solid #d8d8c7; }
ol.commentlist li .comment-author cite { font-size: 1.5em; line-height: 1.1em; color: #b7b7a8; font-style: normal; text-transform: lowercase; }
ol.commentlist li .comment-author cite a { color: #89897c; }
ol.commentlist li .comment-author span.says { display: none; }

ol.commentlist li .comment-meta { margin: 0 0 .5em; font-size: .85em; }
ol.commentlist li .comment-meta a { color: #bdbdb0; }

ol.commentlist li em { position: absolute; margin-bottom: -1em; top: 10px; right: 10px; color: #89897C; font-size: .9em; text-transform: lowercase; }

ol.commentlist li p { margin-bottom: 1em; font-size: 1.1em; line-height: 1.25em; }
ol.commentlist li p em { position: static; color: inherit; font-size: 1em; text-transform: none; }
ol.commentlist li p a { color: #55554e; }

ol.commentlist li div.reply { text-align: right; }
ol.commentlist li div.reply a { color: #89897c; font-weight: bold; }

ol.commentlist li ul.children { margin-left: 60px; }


.search h2 { font-size: 3em; color: #89897c; line-height: 1em; height: 1em; padding: 0 8px; margin-bottom: .5em; }
.search h2 strong { color: #4d4d46; font-weight: normal; }

.search ul.nav { margin: 2em 0; }

#recent { background: #E7E7DA; margin-left: -17px; padding-left: 20px; margin-top: 1em; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
#recent li { clear: both; }
#recent li a { display: block; line-height: 1.7em; padding: 7px 10px; border-bottom: #cdcfbf 1px solid; clear: both; }
#recent li a:hover { text-decoration: none; }
#recent li a:after { clear: both; display: block; width: 0; height: 0; visibility: hidden; }
#recent strong { float: left; color: #89897C; font-weight: normal; font-size: 1.1em; width: 75%; }
#recent span { float: right; color: #abab9e; font-size: .9em; width: 25%; text-align: right; }
#recent li a:hover strong { text-decoration: underline; }
#recent li.last a { border: 0; }

#results { padding-top: 17px; background: url("img/search_results.gif") 200px 0 no-repeat; }
#results li { padding: 12px; background: #edede0; border-bottom: 1px solid #CDCFBF; }
#results li strong { font-size: 2em; color: #4d4d46; display: block; line-height: 1em; font-weight: normal; }
#results li em { font-style: normal; color: #89897c; font-size: .85em; }
#results li em strong { font-size: 1em; display: inline; font-weight: normal; }

#results li small { float: right; font-size: .95em; color: #c3c3b1; background: url("img/comment.gif") no-repeat left center; padding-left: 20px; margin-top: 6px; }

#results li a:hover { text-decoration: none; color: #89897c; }
#results li a:hover strong { color: #a6ba00; }

.search h3 { font-size: 2em; color: #89897c; padding: 0 8px; line-height: 1em; margin: 0; font-weight: normal; }
.search h4 { font-size: 1.2em; color: #89897c; padding: 0 8px; font-weight: normal; }

h2.special { font-size: 1.7em; height: 57px; line-height: 57px; background: url("img/header_special_right.jpg") no-repeat #b6c301 right top; }
h2.special span { padding: 0 12px; text-transform: capitalize; background: url("img/header_special_left.jpg") no-repeat #9c9a8e left top; color: white; }
h2.special strong { font-weight: normal; padding: 0 12px; text-transform: capitalize; float: left; color: white; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin-right: .5em; }
.alignright { float: right; margin-left: .5em; }
div.post p.wp-caption-text { margin-top: .5em; background: #E1DFD2; padding: 10px; color: #89897C; font-size: 0.85em; margin-right: 10px; }

/* qTranslate CSS */
.qtrans_language_chooser {
    margin-left:0px;
    list-style-type:none;
}
.qtrans_language_chooser ul {border-top:none; border-bottom:none; }

.qtrans_language_chooser li {
    float:right;
    margin-right:0px;
    width:18px;
    height:12px;
    margin-right:1px
    padding-top:5px;
    padding-right:10px;
    padding-top:25px;
}

.qtrans_widget_end {
    clear:both;
}
  1. html, body, div, span, applet, object, iframe,
  2. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  3. a, abbr, acronym, address, big, cite, code,
  4. del, dfn, em, font, img, ins, kbd, q, s, samp,
  5. small, strike, strong, sub, sup, tt, var,
  6. b, u, i, center,
  7. dl, dt, dd, ol, ul, li,
  8. fieldset, form, label, legend,
  9. table, caption, tbody, tfoot, thead, tr, th, td {
  10.     margin: 0;
  11.     padding: 0;
  12.     border: 0;
  13.     outline: 0;
  14.     font-size: 100%;
  15.     vertical-align: baseline;
  16.     
  17. }
  18. body {
  19.     line-height: 1;
  20. }
  21. ol, ul {
  22.     list-style: none;
  23. }
  24. blockquote, q {
  25.     quotes: none;
  26. }
  27. blockquote:before, blockquote:after,
  28. q:before, q:after {
  29.     content: '';
  30. }
  31. /* remember to define focus styles! */
  32. :focus {
  33.     outline: 0;
  34. }
  35. /* remember to highlight inserts somehow! */
  36. ins {
  37.     text-decoration: none;
  38. }
  39. del {
  40.     text-decoration: line-through;
  41. }
  42. /* tables still need 'cellspacing="0"' in the markup */
  43. table {
  44.     border-collapse: collapse;
  45.     border-spacing: 0;
  46. }
  47. /* --------------------------------------------------- MAIN */
  48. body {width:100%;background: #8c9889 url("img/background.jpg") top left repeat-x; font-size: 62.5%; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }
  49. #overlay { background: black; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; opacity: 0; display: none; }
  50. .overlayActive { z-index: 99; opacity: 0; position: absolute !important; }
  51. #container, #home #container { width: 999px auto; }
  52. a { text-decoration: underline; color: #a0c8ca; }
  53. a:hover { text-decoration: underline; }
  54. div.Header {
  55.        height: 194px;
  56.        width: 999px;
  57.        position: relative;
  58.        z-index: 0;
  59.        margin: 0 auto;
  60. }
  61. div.Header-jpg {
  62.          background-image:url(img/header_bg.jpg);
  63.          background-position:center center;
  64.          background-repeat:no-repeat;
  65.          height:194px;
  66.          left:0;
  67.          position:absolute;
  68.          top:0;
  69.          width:992px;
  70.          z-index:-1;
  71. }
  72. h1 { font-size: 3em; font-weight: bold; text-transform: lowercase; line-height: 50px; float: left; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif; }
  73. h1 a { color: #8c9889; }
  74. h1 a:hover { text-decoration: none; color: #8c9889 }
  75. div.subtitle { line-height: 50px; font-size: 1.2em; color: #55554e; margin-left: 1em; float: left; text-transform: lowercase; }
  76. #wrapper{
  77. width:100%;
  78. background: #ebe9d9 url("img/wrapp_bg.gif") left bottom repeat-x;
  79. border:0px solid #FFFF00;
  80. padding-bottom:2px;
  81. }
  82. #content_container{
  83. margin: 0px auto;
  84. width:969px;
  85. border-left:15px solid #fff;
  86. border-top:15px solid #fff;
  87. border-right:15px solid #fff;
  88. margin-top:13px;
  89. background-color:#f1f0ea;
  90. }
  91. #menu {
  92.     text-decoration:none;
  93.     font-weight: none;
  94.     text-transform: lowercase;
  95.     font-size: 1.2em;
  96.     font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
  97.     border:0px solid #CC3300;
  98.     margin: 0px auto;
  99.     width:999px;
  100.     background: #ebe9d9 url("img/menu_bg.jpg") repeat-x;
  101.     height: 48px;
  102.     position: relative;
  103.     text-align:right;
  104.     }
  105. #submenu li { 
  106.   float:left; 
  107.   list-style:none 
  108.   } 
  109. #submenu { 
  110.    background:#FFFFFF; 
  111.    border-bottom:2px solid #cad8e6; 
  112.    height:18px; 
  113.    } 
  114.  
  115. #submenu li { 
  116.    //border-right:1px solid #295887; 
  117.    padding:0 7px;
  118.    padding-top: 2px; 
  119.    }  
  120.  
  121. #submenu a, #submenu a:visited { 
  122.    color:#295887; 
  123.    text-decoration:none; 
  124.    font-weight:bold 
  125.    } 
  126.  
  127. #submenu a:hover, #submenu a:active, 
  128. #submenu li.current_page_item a, 
  129. #submenu li.current_page_item a:visited { 
  130.    text-decoration:underline 
  131.    } 
  132.     
  133. #menu li {text-align:center;width:142px;background:url("img/menu_item_bg_right.gif") top right repeat-y;list-style-image:none;}
  134. #menu ul { position: relative; float: left; line-height: 48px; padding:0px;margin:0px;border:0px solid #CC3300;}
  135. #menu ul li {padding-left:12px;padding-right:12px;float: left;border:0px solid #33FF33;text-align:center;}
  136. #menu ul li a {text-decoration:none;color: #848379; outline: none; text-align: center; display: block; overflow: hidden; z-index: 10; position: relative; border:0px solid #CC3300;} /* relative breaks ie */
  137. #menu ul li a:hover {color:#ffffff;/*background:url("img/menu_hover.gif")*/no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;text-decoration:none;}
  138. #menu ul li a:active {color:#ffffff;/*background:url("img/menu_hover.gif")*/ no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;text-decoration:none;}
  139. #menu ul li.back {color:#1696b2;border:0px solid #CC3300; background: url("") no-repeat right -28px; padding:0px; margin:0px;text-align:center;height: 28px;border:0px solid #ff0000; position: absolute; z-index: 8; top:10px; }
  140. #menu ul li.back .left { color:#1696b2;padding:0px;margin-left:10px;background: url("img/lava.gif") repeat-x top left; height: 28px;width:146px;}
  141. #menu ul li.current_page_item a { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px; }
  142. #menu ul li.current_page_ancestor a span { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}
  143. #menu ul li.current_page_ancestor a:hover span { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}
  144. /* EDIT BY FSTAD */
  145. #menu ul li.current_page_ancestor a { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}
  146. #menu ul li.current_page_ancestor a:hover { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}
  147. /* END EDIT BY FSTAD */
  148. /* NEW EDIT BY FSTAD (20090821) */
  149. #menu ul li.current_page_parent a { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}
  150. #menu ul li.current_page_parent a:hover { color:#ffffff;background:url("img/menu_selected.gif") no-repeat center bottom; padding-bottom: 13px; margin-bottom: -13px;}
  151. /* END NEW EDIT BY FSTAD (20090821) */
  152. #searchform { position: absolute; right: 9px; top: 10px; }
  153. @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
  154.     head~body #searchform { top: 10px; }
  155. }
  156. #searchform label { display: none; }
  157. #searchform #s { background: url("img/search_input.gif") no-repeat; width: 211px; height: 24px; border: 0; font-size: 1em; padding: 2px 8px; }
  158. #searchform #searchsubmit { background: url("img/search_submit.png") no-repeat; width: 79px; height: 28px; border: 0; cursor: pointer; text-indent: -10000px; vertical-align: top; ?font-size: 0; ?color: #889800; ?text-align: left; }
  159. #post_data, #search_data { width: 131px; float: left; padding-left: 20px; }
  160. #search_data { background: url("img/search.jpg") no-repeat; height: 185px; }
  161. #post_data div { background: url("img/post_data_bg.png") #f6f6e8 no-repeat left top; margin-top: 1.5em; }
  162. #post_data div ul { background: url("img/post_data_bg.png") no-repeat left bottom; padding: 6px 12px; font-size: 1.1em; }
  163. #post_data h2 { padding: 6px 12px; color: #d8d8c7; font-size: 1.8em; margin: 0; height: auto; line-height: 1em; margin-right: -12px; }
  164. #post_data div.post_data li { padding-left: 24px; height: 22px; line-height: 16px; border-bottom: 0px solid #e6e6d8; background: url("img/post_details.gif") no-repeat; color: #d8d8c7; overflow: hidden; font-size: 0.9em; }
  165. #post_data div.post_data li.time { background-position: 0 -23px; }
  166. #post_data div.post_data li.author { border-bottom: 0; background-position: 0 -45px; }
  167. #post_data div.post_data li strong, #post_data div.post_data li a { color: #89897c; font-weight: normal; }
  168. #post_data div.post_tags li { height: 22px; line-height: 22px; border-bottom: 1px solid #e6e6d8; }
  169. #post_data div.post_tags li a { color: #89897c; display: block; }
  170. #content {
  171. width:100%;
  172. padding-left:0px;
  173. color: #8c9889;
  174. font-size: 1.0em;
  175. line-height: 0.5em;
  176. font-family:Trebuchet MS;}
  177. #content_blog
  178. {width:100%;}
  179. #content_left{
  180. float:left;
  181. padding:10px 10px 0px 10px;
  182. margin:0px;
  183. }
  184. #content_right{
  185.     float:left;    
  186.     width:250px;
  187.     height:100%;
  188.     border:0px solid #FF9900;
  189.     border-left:1px solid #ffffff;
  190.     padding:10px 0px 0px 10px;
  191.     margin:0px;
  192.     text-align:right;
  193. }
  194. #home { width: 348px; padding: 16px; _padding: 15px; }
  195. #sidebar {
  196. font-size: 0.95em;
  197. line-height: 1.2em;
  198. float: left;
  199. width: 100%;
  200. padding: 0px 0px 20px 0px;
  201. margin: 0px 0px 20px 0px;
  202. position: relative;
  203. display: inline;
  204. text-align:right;
  205. }
  206. #sidebar .menu {
  207.     background:#c0bdab url("img/submenu_selected.gif") top right no-repeat;
  208.     width:247px;
  209.     color:#ffffff;
  210.     padding-bottom:20px;
  211.     padding-top:20px;
  212.     margin-top:50px;
  213.     }
  214.     
  215.     
  216. #sidebar .menu ul li a{
  217.     color:#ffffff;
  218.     list-style:none;
  219.     height:24px;
  220.     
  221.     }
  222.     
  223. #sidebar .menu ul li a:hover{
  224. color:#ffffff;
  225. text-decoration:underline;
  226. height:24px;
  227. }
  228. #sidebar .menu ul li.current_page_item {color:#ffffff;height:24px;}
  229. #sidebar h2 { position: absolute; top: -26px; left: 16px; }
  230. #sidebar li { margin-bottom: 2em; position: relative;margin:0px;padding:0px;height:24px; }
  231. #sidebar2 { float: left; font-size: 0.8em; line-height: 1.2em; padding: 16px;display: inline; }
  232. /* Widgets */
  233. #sidebar .widget {
  234.     margin: 0px 0px 20px 0px;
  235.     width: 100%;
  236.     /*position: relative;*/
  237.     padding-bottom: 20px;
  238.     text-align:right;
  239.     }
  240.     
  241. #sidebar .widget a {
  242.     color: #8c988a;
  243.     float: left;
  244.     text-align: left;
  245.     height: 0%;
  246.     padding-bottom:5px;
  247.     text-decoration:none;
  248.     
  249.     }
  250.     
  251.     
  252. #sidebar .widget a:hover {
  253.     text-decoration: underline;
  254.     color: #26bada;
  255.     }
  256.     
  257. #sidebar .widget a:hover span {
  258.     text-decoration: none;
  259.     }
  260.     
  261. #sidebar .widget small { float: right; color: #d8d8c7; }
  262. #sidebar .widget h2 small { float: left; }
  263. #sidebar .widget ul li {
  264.     text-decoration:none;
  265.     padding:5px 0px 0px 0px;
  266.     /*clear:both;*/
  267.     width:100%;
  268.     color: #8c988a;
  269.     text-align:right;
  270.     height:24px;
  271.     }
  272.     
  273. #sidebar .widget ul li a{
  274.     padding:5px 0px 0px 20px;
  275.     height:24px;
  276.     
  277.     
  278.     }
  279.     
  280.     
  281. #sidebar .widget ul li a:hover{
  282.     text-decoration:underline;
  283.     padding:5px 0px 0px 20px;
  284.     color: #ffffff;
  285.     height:24px;
  286.     
  287.     }
  288.     
  289. #sidebar .widget ul li.current_page_item a {
  290.     background:url("img/li_sub.gif") no-repeat left;
  291.     padding:5px 0px 0px 20px;
  292.     color: #ffffff;
  293.     text-decoration:underline;
  294.     height:24px;
  295.     }
  296.     
  297. #sidebar .widget ul li.current_page_ancestor a {
  298.     color: #8c988a;
  299.     padding:5px 0px 10px 20px;
  300.     text-decoration:none;
  301.     height:24px;
  302.     }
  303. #sidebar .widget ul li:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; width: 0; }
  304. #sidebar .widget div.textwidget { color: #55554E; }
  305. #sidebar2 .widget { margin-left: -16px; width: 185px; background: none; }
  306. #sidebar2 .widget ul, #sidebar2 #calendar_wrap { background: none; }
  307. #sidebar2 .widget a:hover { color: white; }
  308. #sidebar .widget_archive ul { font-size: 1em; }
  309. #sidebar .widget_recent_comments a { float: none; }
  310. #sidebar .widget_recent_comments ul li { text-align: left; color: #55554E; }
  311. #sidebar .widget_recent_entries ul li { text-align: left; }
  312. #sidebar .widget_search { display: none; } /* Sorry, no search in the sidebar! */
  313. #sidebar2 .widget_links { background: none; width: 100%; }
  314. #sidebar2 .widget_links ul, #sidebar2 .widget_flickrRSS ul { margin: 0 -7px; background: none; _height: 1%; padding: 0; margin-left: 9px; }
  315. #sidebar2 .widget_links ul:after, #sidebar2 .widget_flickrRSS ul:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; width: 0; }
  316. #sidebar2 .widget_links li, #sidebar2 .widget_flickrRSS li { float: left; margin: 7px; ?margin: 5px; height: auto; line-height: normal; border: 0; background: none; padding: 0; }
  317. #sidebar2 .widget_links img, #sidebar2 .widget_flickrRSS img { border: 6px solid #c3c3b1; display: block; }
  318. #footer { padding-top:30px;padding-bottom:30px;text-align:center;width:100%; margin:0 auto;clear:both;font-family:Trebuchet MS, Arial;font-size: 1.2em; color: #ffffff;}
  319. #footer_title {color:#d2d9d1;font-weight:bold;}
  320. #footer a { color: white; }
  321. #footer p.rss { position: absolute; top: 0; right: 16px; }
  322. #footer p.rss a { color: #d6e26e; padding-right: 24px; background: url("img/rss_small.gif") top right no-repeat; }
  323. #powered { color: #55554e; font-size: 1.3em; padding: 12px 20px; background: #111; line-height: 18px; height: 36px; }
  324. #powered p.sponsor { line-height: 36px; float: right; }
  325. #powered a { color: #89897c; }
  326. h2 { height: 20px; line-height: 17px; font-weight: normal; margin-bottom: 1em; font-size: 1.0em; text-transform: lowercase; }
  327. h2 span { padding: 0 7px 0 0px; float: left; font-size:20px; color: #1696b2;}
  328. h2 small { float: left; padding-left: 8px; color: #89897c; display: block; height: 17px; }
  329. h2.links span { color: #c3c3b1; }
  330. h2.links a { color: #e7e7da; }
  331. h3 { margin-bottom: 1em; line-height: 2em; }
  332. h3 a { color: #8c9889; display: block; font-weight: normal; font-size: 2.2em; letter-spacing: -.5px;}
  333. h3 small { float: right; font-size: .4em; color: #8c9889; line-height: 2.2em; background: url("img/comment.gif") no-repeat left center; padding-left: 20px; ?margin-top: -2em; }
  334. h3 a:hover { text-decoration: none; }
  335. h3 a:hover span { text-decoration: none; }
  336. div.post { line-height:0.5em; padding-bottom: 1em; margin-bottom: 1em; padding-top: 7px;}
  337. div.post h1 { position: relative;width:100%;font-size:20px;font-weight:normal;color:#8c9889; }
  338. div.post h1 small { position: absolute; top: 0; right: 0; }
  339. div.post div.headline { position: relative; margin-bottom: .5em; line-height: 1.4em;}
  340. div.post div.headline span, div.post div.date span { text-align: center; text-transform: uppercase; background: url("img/date.png"); width: 44px; height: 42px; position: absolute; top: 10px; left: 10px; color: #89897c; font-size: 1.4em; padding-top: 5px; line-height: 1em; }
  341. div.post div.headline span big, div.post div.date span big { font-size: 1.7em; display: block; ?margin-top: -.2em; }
  342. div.post div.date span { position: static; float: left; margin: 0 .5em .5em 0; }
  343. div.post p { margin-bottom: 1em; font-size: 1.175em; line-height: 1.35em; padding-top: 7px; }
  344. div.post p img { border:5px solid #dddbcb;margin:10px;}
  345. div.post ul, div.post ol { margin-bottom: 1em; margin-left: 2em; font-size: 1.175em; line-height: 29px; /*background: transparent url("img/lists_bg.png");*/ color: #9B9A8E; }
  346. div.post ul li { list-style: url("img/li.gif") inside; padding-left: 10px; }
  347. div.post ol li { list-style: decimal inside; padding-left: 10px; }
  348. div.post blockquote { color: #89897c; font-style: italic; background: url("img/blockquote.gif") 30px 0 no-repeat; padding-left: 60px; margin-bottom: 1em; min-height: 25px; }
  349. ul.nav { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #d8d8c7; letter-spacing: -.5px; font-size: 1.15em; height: 1em; }
  350. ul.nav .prev { float: left; }
  351. ul.nav .next { float: right; }
  352. ul.nav a { color: #89897c; }
  353. .social { width: 110px; background: url("img/social_bg.gif") no-repeat left top #d8d8c7; float: right; margin-right: -16px; position: relative; z-index: 2; margin-left: 12px; _margin-right: -14px; }
  354. .social h2 { font-size: 1.8em; color: #89897c; padding: 10px; margin: 0; margin-right: -10px; }
  355. div.social ul { padding: 0 10px 10px; background: url("img/social_bg.gif") no-repeat left bottom; font-size: .85em; margin: 0; }
  356. div.social ul li { height: 21px; line-height: 22px; border-bottom: 1px solid #ccccbc; list-style: none; padding: 0; }
  357. div.social ul li a { color: #89897c; display: block; padding-left: 22px; height: 22px; background: url("img/social_list.png") no-repeat; }
  358. .social li.digg a { background-position: 0 3px; }
  359. .social li.mixx a { background-position: 0 -21px; }
  360. .social li.technorati a { background-position: 0 -45px; }
  361. .social li.delicious a { background-position: 0 -69px; }
  362. .social li.facebook a { background-position: 0 -93px; }
  363. .social li.stumbleupon a { background-position: 0 -117px; }
  364. .social li.reddit a { background-position: 0 -141px; }
  365. .social li.digg a:hover { background-position: 0 -163px; }
  366. .social li.mixx a:hover { background-position: 0 -187px; }
  367. .social li.technorati a:hover { background-position: 0 -211px; }
  368. .social li.delicious a:hover { background-position: 0 -235px; }
  369. .social li.facebook a:hover { background-position: 0 -259px; }
  370. .social li.stumbleupon a:hover { background-position: 0 -283px; }
  371. .social li.reddit a:hover { background-position: 0 -307px; }
  372. #comments { margin-top: -2.5em; clear: both; padding-top: 1em; }
  373. #comments .meta { background: #e7e7da; padding: 10px; margin-bottom: 1em; }
  374. #comments .meta p { color: #89897c; font-size: 1.15em; text-transform: lowercase; }
  375. #comments .meta p.rss { float: right; font-size: .95em; text-transform: none; }
  376. #comments .meta p.rss a { color: #ec7e2d; padding-left: 22px; background: url("img/rss_small.gif") no-repeat; display: block; height: 16px; line-height: 16px; }
  377. #comments .meta p strong { color: #55554e; }
  378. #comments ul.nav { margin-bottom: 1em; }
  379. #respond { background: #e7e7da; padding: 20px 20px 40px 20px; color: #89897c; font-size: .95em; text-transform: lowercase; position: relative; }
  380. #respond h3 { font-size: 1.9em; line-height: 1em; color: #bdbdb0; text-transform: lowercase; font-weight: normal; margin-bottom: .5em; }
  381. #respond h3 a { font-size: 1em; display: inline; letter-spacing: normal; }
  382. #respond .cancel-comment-reply { position: absolute; right: 6px; background: none; top: 6px; }
  383. #respond .cancel-comment-reply a { color: #89897c; font-weight: bold; }
  384. #respond div.row { min-height: 28px; _height: 28px; margin-bottom: .75em; clear: both; display: block; }
  385. #respond label { float: left; width: 40px; text-align: right; margin-right: 10px; height: 28px; line-height: 28px; _font-size: 0.9em; _margin-top: -28px; }
  386. #respond input { float: right; }
  387. #respond textarea, #respond input { padding: 2px 4px; width: 354px; border: 0; background: white; height: 24px; font-size: 1.4em; color: #b0b09f; font-family: Georgia, Arial, Helvetica, sans-serif; }
  388. #respond textarea { height: 96px; padding: 2px 1%; width: 98%; float: none; }
  389. #respond a { color: #89897c; font-weight: bold; }
  390. #respond p.logged_as { margin-bottom: .5em; font-size: 1.1em; }
  391. #respond p.req { color: #bdbdb0; float: right; line-height: 28px; height: 28px; }
  392. #respond div.submit { text-align: right; }
  393. #respond #submit { float: right; margin-left: 1em; display: block; }
  394. #respond button { background: url("img/post_comment.png") no-repeat; width: 122px; height: 28px; border: 0; text-indent: -10000px; vertical-align: middle; cursor: pointer; }
  395. ol.commentlist { margin-bottom: 1em; }
  396. ol.commentlist li div { background: #edede0; padding: 10px; margin-left: 60px; position: relative; margin-bottom: 1em; }
  397. ol.commentlist li div div { padding: 0; margin: 0; }
  398. ol.commentlist li .comment-author img { border: 5px solid #edede0; position: absolute; top: -10px; left: -70px; }
  399. ol.commentlist li.comment-author-admin div { background: #d8d8c7; }
  400. ol.commentlist li.comment-author-admin .comment-author img { border: 5px solid #d8d8c7; }
  401. ol.commentlist li.comment-author-admin li.comment div { background: #edede0; }
  402. ol.commentlist li.comment-author-admin li.comment .comment-author img { border: 5px solid #edede0; }
  403. ol.commentlist li.comment-author-admin li.comment-author div { background: #d8d8c7; }
  404. ol.commentlist li.comment-author-admin li.comment-author .comment-author img { border: 5px solid #d8d8c7; }
  405. ol.commentlist li .comment-author cite { font-size: 1.5em; line-height: 1.1em; color: #b7b7a8; font-style: normal; text-transform: lowercase; }
  406. ol.commentlist li .comment-author cite a { color: #89897c; }
  407. ol.commentlist li .comment-author span.says { display: none; }
  408. ol.commentlist li .comment-meta { margin: 0 0 .5em; font-size: .85em; }
  409. ol.commentlist li .comment-meta a { color: #bdbdb0; }
  410. ol.commentlist li em { position: absolute; margin-bottom: -1em; top: 10px; right: 10px; color: #89897C; font-size: .9em; text-transform: lowercase; }
  411. ol.commentlist li p { margin-bottom: 1em; font-size: 1.1em; line-height: 1.25em; }
  412. ol.commentlist li p em { position: static; color: inherit; font-size: 1em; text-transform: none; }
  413. ol.commentlist li p a { color: #55554e; }
  414. ol.commentlist li div.reply { text-align: right; }
  415. ol.commentlist li div.reply a { color: #89897c; font-weight: bold; }
  416. ol.commentlist li ul.children { margin-left: 60px; }
  417. .search h2 { font-size: 3em; color: #89897c; line-height: 1em; height: 1em; padding: 0 8px; margin-bottom: .5em; }
  418. .search h2 strong { color: #4d4d46; font-weight: normal; }
  419. .search ul.nav { margin: 2em 0; }
  420. #recent { background: #E7E7DA; margin-left: -17px; padding-left: 20px; margin-top: 1em; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
  421. #recent li { clear: both; }
  422. #recent li a { display: block; line-height: 1.7em; padding: 7px 10px; border-bottom: #cdcfbf 1px solid; clear: both; }
  423. #recent li a:hover { text-decoration: none; }
  424. #recent li a:after { clear: both; display: block; width: 0; height: 0; visibility: hidden; }
  425. #recent strong { float: left; color: #89897C; font-weight: normal; font-size: 1.1em; width: 75%; }
  426. #recent span { float: right; color: #abab9e; font-size: .9em; width: 25%; text-align: right; }
  427. #recent li a:hover strong { text-decoration: underline; }
  428. #recent li.last a { border: 0; }
  429. #results { padding-top: 17px; background: url("img/search_results.gif") 200px 0 no-repeat; }
  430. #results li { padding: 12px; background: #edede0; border-bottom: 1px solid #CDCFBF; }
  431. #results li strong { font-size: 2em; color: #4d4d46; display: block; line-height: 1em; font-weight: normal; }
  432. #results li em { font-style: normal; color: #89897c; font-size: .85em; }
  433. #results li em strong { font-size: 1em; display: inline; font-weight: normal; }
  434. #results li small { float: right; font-size: .95em; color: #c3c3b1; background: url("img/comment.gif") no-repeat left center; padding-left: 20px; margin-top: 6px; }
  435. #results li a:hover { text-decoration: none; color: #89897c; }
  436. #results li a:hover strong { color: #a6ba00; }
  437. .search h3 { font-size: 2em; color: #89897c; padding: 0 8px; line-height: 1em; margin: 0; font-weight: normal; }
  438. .search h4 { font-size: 1.2em; color: #89897c; padding: 0 8px; font-weight: normal; }
  439. h2.special { font-size: 1.7em; height: 57px; line-height: 57px; background: url("img/header_special_right.jpg") no-repeat #b6c301 right top; }
  440. h2.special span { padding: 0 12px; text-transform: capitalize; background: url("img/header_special_left.jpg") no-repeat #9c9a8e left top; color: white; }
  441. h2.special strong { font-weight: normal; padding: 0 12px; text-transform: capitalize; float: left; color: white; }
  442. .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
  443. .alignleft { float: left; margin-right: .5em; }
  444. .alignright { float: right; margin-left: .5em; }
  445. div.post p.wp-caption-text { margin-top: .5em; background: #E1DFD2; padding: 10px; color: #89897C; font-size: 0.85em; margin-right: 10px; }
  446. /* qTranslate CSS */
  447. .qtrans_language_chooser {
  448.     margin-left:0px;
  449.     list-style-type:none;
  450. }
  451. .qtrans_language_chooser ul {border-top:none; border-bottom:none; }
  452. .qtrans_language_chooser li {
  453.     float:right;
  454.     margin-right:0px;
  455.     width:18px;
  456.     height:12px;
  457.     margin-right:1px
  458.     padding-top:5px;
  459.     padding-right:10px;
  460.     padding-top:25px;
  461. }
  462. .qtrans_widget_end {
  463.     clear:both;
  464. }
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England

Post 3+ Months Ago

Im not sure if this will work but you have not set a width for the submenu IE is a pain in the backside for this kind of thing - I had the same problem a wile back but can not rember what I did, I will have a look back at my notes but for now try giving the div a width.
  • ozeegers
  • Newbie
  • Newbie
  • ozeegers
  • Posts: 6

Post 3+ Months Ago

tastysite wrote:
Im not sure if this will work but you have not set a width for the submenu IE is a pain in the backside for this kind of thing - I had the same problem a wile back but can not rember what I did, I will have a look back at my notes but for now try giving the div a width.



thank you for your hint but it does not change anything.... ;-(
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9072
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

I looked in IE8 and FF and everything seems to be fine there. I do not have access to IE7. Could you post a screenshot of what you are seeing?
  • ozeegers
  • Newbie
  • Newbie
  • ozeegers
  • Posts: 6

Post 3+ Months Ago

Bigwebmaster wrote:
I looked in IE8 and FF and everything seems to be fine there. I do not have access to IE7. Could you post a screenshot of what you are seeing?



i try to post a message with an image in it but i get an error saying i am not allowed to use certain BBCodes: img ?
Neither am i allowed to post external links ? Is this because i am new ?

Do you know how i could post a screenshot of IE7 ?

thanx
  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • User avatar
  • Posts: 2733
  • Loc: Nashville, TN

Post 3+ Months Ago

Yes, it's because you're a new account. Unfortunately, the benefits of deterring spammers outweighs the effect on new members. Our apologies for any inconvenience.

You can attach the image via the Advanced Reply form. You may also share the link with us by separating it:

www(dot)google(dot)com or something to that affect?
  • ozeegers
  • Newbie
  • Newbie
  • ozeegers
  • Posts: 6

Post 3+ Months Ago

UPSGuy wrote:
Yes, it's because you're a new account. Unfortunately, the benefits of deterring spammers outweighs the effect on new members. Our apologies for any inconvenience.

You can attach the image via the Advanced Reply form. You may also share the link with us by separating it:

www(dot)google(dot)com or something to that affect?


thank you,

image: www(dot)postimage(dot)org/image.php?v=Ts1m6tmJ
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9072
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

I just took a look for you and was able to duplicate the problem using IE7 compatiblity mode. Just didn't notice it before.

From what I can tell the problem is coming from your CSS with the #content being set to a line-height of 0.5em. I removed that line in my test and that fixed your problem. So to fix it you can remove it, if for some reason you need that line then you can override it by specifying it in the container where that text is and putting a new line-height that is larger.

Let me know if that helps!
  • ozeegers
  • Newbie
  • Newbie
  • ozeegers
  • Posts: 6

Post 3+ Months Ago

Bigwebmaster wrote:
I just took a look for you and was able to duplicate the problem using IE7 compatiblity mode. Just didn't notice it before.

From what I can tell the problem is coming from your CSS with the #content being set to a line-height of 0.5em. I removed that line in my test and that fixed your problem. So to fix it you can remove it, if for some reason you need that line then you can override it by specifying it in the container where that text is and putting a new line-height that is larger.

Let me know if that helps!


OK! So omiting the line-height in the #content changed the layout of the whole site but putting a line-height of 1.5em in the #submenu li div begins to solve the problem !
Thanx for you hint!

Now i see that in IE between the items of the submenu a vertical bar is drawn ? This is not the case in firefox. Before i did not notice it because of the line-height problem...
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9072
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

From what I can see it looks like in your CSS for:

#submenu li

there is a border specified of:

#295887 1px solid

You will need to remove that and that should fix your problem.
  • ozeegers
  • Newbie
  • Newbie
  • ozeegers
  • Posts: 6

Post 3+ Months Ago

Bigwebmaster wrote:
From what I can see it looks like in your CSS for:

#submenu li

there is a border specified of:

#295887 1px solid

You will need to remove that and that should fix your problem.


thank you for your help ! much appreciated

Post Information

  • Total Posts in this topic: 11 posts
  • Users browsing this forum: No registered users and 50 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.