Weird Red Line

Discussion in 'CSS' started by theblurr5495, Mar 20, 2010.

  1. #1
    Does anyone know what is causing the red line in my post footer. I have been searching for an hour in a half, and I still can't find what's causing the pesky thing. I would greatly appreciate it if you could take a look at it.

    Here's the CSS, it should be near the beginning:

    #page h2 {color:#000;}
    #page h4 {color:#808080;}

    body.custom {
    background: #44443f;
    }

    .custom #container {
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 0em;
    background: #33332f;
    border: 0em solid #3e3e3a;
    }

    .custom #page {
    background: #fff;
    }

    .custom #multimedia_box {height:310px; width:290px;}
    .custom #multimedia_box h3 {font-size:17px; font-weight:bold;}
    .custom #multimedia_box a {color:#000;}
    .custom #multimedia_box a:hover {text-decoration:underline;}
    .custom #multimedia_box li {list-style-position:inside;}
    float:center;padding-bottom:5px;}
    .custom #multimedia_box a:visited {color:#000;text-decoration:underline;}
    .custom #multimedia_box img {padding-right:2px; padding-left-2px}

    .custom #feed-h2 h2 {color:#fff;}

    .custom #page h2 {color; font-size:30px;}

    #feed-right {float:left; width:50%;}

    #feed-left {float:left; width:50%}

    #feed-email {float:left;}

    #feed-links {float:left; background:#E65C00;}
    #feed-links a:link {color:#000;}
    #feed-links a:hover {color:black;}

    .custom #feed li {list-style-position:inside;}
    .custom #feed a:link {color:#000;}

    #popular-posts li {
    border-top: 2px solid #476283;
    line-height: 1.4em;
    -moz-border-radius: 5px;
    padding: 0.7em;
    -webkit-border-radius: 5px;
    overflow:hidden;
    }
    #popular-posts img { float: left; padding-right: 8px; }

    .custom #header #tagline {font-family: Rockwell,Verdana; font-weight: bold; font-size: 14px; padding: 7px; margin-left: -.6em;
    margin-right: 0em;
    margin-top: -1.1em;
    margin-bottom: 0em; }

    div.social_icons img {padding: 2px;}

    .custom #page {
    background: #fff;
    }
    #header {background:#484848; height:70px;}

    /*Styles Note Box*/
    .custom .format_text p.note {background: #E3F0F2 url(images/note.png) center no-repeat; font-color: #fff; border: 1px solid #66CCCC; background-position: 7px 50%; text-align: left; padding: 10px 10px 10px 45px; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;}

    /*Styles Alert Box*/
    .custom .format_text p.alert {background: #ffffa0 url(images/alert.png) center no-repeat; border: 1px solid #E6DB55; background-position: 7px 50%; text-align: left; padding: 10px 10px 10px 45px; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;}

    /*Styles Tip Box*/
    .custom .format_text p.tip {background: #6da8c3 url(images/tip.png) center no-repeat; border: 1px solid #E6DB55; background-position: 7px 50%; text-align: left; padding: 10px 10px 10px 45px; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;}

    /*Styles Search Bar*/
    #s {

    background: #fff url("images/bkg_search.png") 0 0 no-repeat;
    color: #F86D12;
    font-size: 14px;
    padding: 6px 10px 6px 30px;
    width: 200px;
    height: 15px;
    }

    /*Styles Menu*/
    .custom .menu {background:#6da8c3;}
    ul.menu
    #header {background:#fff;}

    /*Styles Footer*/
    #foot {
    background: #2B2A2A;
    border: 0.6em solid #212020;
    color: #fff;
    font-size: 12px;
    margin: 20px auto;
    overflow: hidden;
    padding: 1.5em;
    }
    #foot a { color: #23A2D7; border-bottom: 1px dashed #DBEDF9; text-decoration: none; }
    #foot a:hover { background: #DBEDF9; color: #3D3C3C; }

    #foot span.cat, #foot h3 { /* controls all blue headings */color: #23A2D7; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }

    #foot h5 {
    font-size: 23px;
    color: #F2B302;
    }

    #foot ul li ul { list-style-type: square; margin-left: 10px; }

    #foot ul.sidebar_list { padding: 1.8em 30px 0 0; }

    #foot li.widget .widget_box { background: none; border: 0; }

    #foot .textwidget p { line-height: 22px; margin-bottom: 11px; }

    #foot .col { float: left; list-style: none; width: 33.3%; }

    #cats {
    background: #3D3C3C;
    list-style-type: none;
    margin-top: 13px;
    overflow: hidden;
    padding: 10px 0 7px 20px;
    }

    #cats li {
    float: left;
    font-size: 1.2em;
    line-height: 1.8em;
    margin: 0 2px 5px 0;
    width: 165px;
    }

    #copyright {
    border-top: 1px dashed #3D3C3C;
    clear: both;
    font-size: 13px;
    letter-spacing: 1.3px;
    line-height: 21px;
    padding-top: 10px;
    }

    #copyright p { font-size: 13px; }

    #copyright ul.sidebar_list, #copyright .textwidget, #copyright li.widget .widget_box, #copyright li.widget { margin: 0; padding: 0; }

    /*Styles Logo*/
    .custom #header #logo a { display: block; height: 100px; width: 800px; background: url(http://www.webjourney.me/wp-content/themes/thesis_16/custom/images/logo.png) no-repeat; outline: none; margin-left: -2em;
    margin-right: 0em;
    margin-top: -.6em;
    margin-bottom: 0em; }

    .custom #header #logo{ text-indent: -9999px;
    }
    .custom #header #tagline { height: 0; }

    body.custom {
    background: #B8B8B8;

    }
    /* AUTHOR BOX */
    .custom #comments { clear: both; }
    .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; }
    .postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; }
    .postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; }
    .postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; }
    .postauthor p.hlight { font-size: 11px; text-transform: uppercase; }
    .postauthor p.hlight span { color: #CB3131; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px; }

    .clear { clear: both }

    /* Feature Box Styling */
    .custom #feature_box {
    background:#6da8c3;
    border-bottom:0px dotted #800000;
    border-top:0px dotted #800000;
    height:70px;
    border-left:0px solid #800000;
    border-right:0px solid #800000;
    }
    #my-feature-box {
    width:100%;
    height:70px;
    font-size:14px;
    }
    #my-feature-box h2 {
    color:#000;
    font-size:22px;
    font-weight:1000;
    letter-spacing:1px;
    margin-bottom:3px;
    }
    #feature-box-column-left {
    width:33%;
    float:left;
    height:100px;
    margin-left:1px;
    list-style-position:inside;
    ul padding:3px;
    li background-image: url(http://www.webjourney.me/wp-content/themes/thesis_16/custom/images/bullet.png)

    }
    #feature-box-column-middle {
    width:33%;
    float:left;
    height:100px;
    }
    #feature-box-column-right {
    width:33%;
    float:left;
    height:100px;
    margin-left:3px;
    }
    .custom #feature_box h3 {
    font-family: Trebuchet;
    font-size: 18px;
    color:#4169E1;
    font-weight: 500;
    }
    #my-feature-box h2 a {
    color:#000;
    font-family:verdana;
    font-size:22px;
    font-weight:bold;
    letter-spacing:1px;
    margin-bottom:3px;
    }

    /*Leaderboard Ad*/
    .custom #leaderboard_ad { float: right; position: absolute; width: 500px; height: 80px; top: 80px; left: 440px; }

    /*Styles Sidebars*/
    .custom #sidebars a:hover}
    .custom #sidebar_1 a {color:#F86D12;}
    .custom #content_box {background-color:#F0F0F0;}
    .custom #content {background-color:#fff;}
    .custom #sidebar_1 h3 {font-weight: bold; font family: Rockwell, Verdana; font-size: 18px; color:#F2B302;}
    .custom #sidebar_1 h2 {font-family: Rockwell, Verdana; font-weight:bold; font-size: 30px; color:#000;}
    .custom #sidebar_1 ul {list-style-position:inside;}
    .custom #sidebar_1 li {font-size:15px;}

    /* AUTHOR BOX */
    .custom #comments { clear: both; }
    .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; }
    .postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; }
    .postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; }
    .postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; }
    .postauthor p.hlight { font-size: 11px; text-transform: uppercase; }
    .postauthor p.hlight span { color: #CB3131; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px; }
    /* BOXES */
    #similar h3, #rightcol h3 { font-size: 1.8em; letter-spacing: normal; padding-top: 15px; }
    #similar { float: left; width: 50%; }
    #similar p { margin-bottom: 15px; padding: 10px 2.5em 10px 10px; }
    #similar a { font-size: 1.4em; border-bottom: 1px solid #CB3131; line-height: 1.5em; }
    #similar a:hover { border: 0; }
    #similar h3 { padding-left: 10px; }
    #similar span.date { color: #888; letter-spacing: 1px; text-transform: uppercase; }
    #rightcol { float: right; width: 50%; }
    #rightcol p { font-size: 14px; line-height: 1.5em; padding: 10px 2.5em 10px 0; }
    #rightcol h3 { padding: 0; }
    #rightcol ul { list-style-position: inside; list-style-type: square; margin-left: 1em; }
    #rightcol ul a { border-bottom: 1px solid #CB3131; font-size: 14px; }
    #rightcol ul a:hover { border: 0; }
    #rightcol li { margin-bottom: 10px; }
    #subscribe { background: #FFFBCC; border: 1px solid #E6DB55; float: right; margin: 15px 15px 0 15px; padding: 19px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
    #custom { background: #E4F2FD; border: 1px solid #C6D9E9; float: right; margin: 15px; padding: 19px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

    /*archives*/
    .custom .archive ul {font-size: .85em; }
    .custom .archivel { float: left; width: 40%;}
    .custom .archiver { float: right; width: 60%;}
     
    theblurr5495, Mar 20, 2010 IP
  2. PsyHost

    PsyHost Well-Known Member

    Messages:
    641
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    110
    #2
    Are you referring to the red lines under the links in the "related posts" section?
    As that is the only red lines i can see anywhere i will point out what is causing that..

    #similar a { font-size: 1.4em; border-bottom: 1px solid #CB3131; line-height: 1.5em; }
    Code (markup):
     
    PsyHost, Mar 20, 2010 IP
  3. dezigno

    dezigno Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    You could post an image or upload a live preview? If you did I could probably help you.
     
    dezigno, Mar 20, 2010 IP
  4. theblurr5495

    theblurr5495 Active Member

    Messages:
    436
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #4
    Thank you both. I fixed the error.

     
    theblurr5495, Mar 21, 2010 IP