/* Theme Name: Epic Fail blog Theme URI: http://epicfsail.com/ Description: Designed and development by Marius - email Version: 1.0 Author: Marius Nedelcu Author URI: http://etcyou.com/ Tags: green, white, black, epicfail */ body {background:url(images/body.jpg) top center no-repeat black; font-family:Arial, Helvetica, sans-serif; font-size:12px;} /*----------------DEFAULTS*/ * {margin:0; padding:0;} img, fieldset, input, label {border:0; display:block;} li {list-style-type:none; vertical-align:bottom;} a {text-decoration:none;} .fl {float:left;} .fr {float:right;} .b { display:block;} .mb10 { margin-bottom:10px;} hr {clear:both; visibility:hidden; height:0; display:block;} h1, h2, h3, h4, h5 { font-weight:normal; font-size:100%;} /*---------------STRUCTURE*/ #wrap {width:960px; margin:0 auto;} #header {position:relative;} #container {background:white; padding:18px;} #content {width:583px; *width:540px; *overflow:hidden; float:left; min-height:800px; background:white;} #sidebar {width:321px; float:right; background:white;} #footer {clear:both; min-height:150px; background:url(images/footer_bg.gif) top repeat-x; padding:9px 5px 5px 5px;} #posts .mb10 {margin-bottom:5px;} /*---------------HEADER*/ .pri {padding-bottom:10px; height:90px;} #navbar {height:33px; border:1px solid #476800; background:url(images/nav_bg.gif) repeat-x top #608b00;} #main-nav {height:33px; border-left:1px solid #b0dc00;} #main-nav, #main-nav *{display:block; float:left;} #main-nav li {background:url(images/nav_bg.gif) right -65px no-repeat; padding-right:2px;} #main-nav em {position:absolute; width:30px; padding-top:30px; height:0; overflow:hidden; top:-1px; right:0; background:url(images/new.png);} #main-nav a {padding:33px 12px 0 12px; height:0; position:relative; overflow:hidden; background-image:url(images/btns.gif);} #home-but a {width:40px; background-position:0px 0px;} #home-but a:hover {background-position:0px -33px;} #pictures-but a {width:60px; background-position:-120px 0px;} #pictures-but a:hover {background-position:-120px -33px;} #videos-but a {width:48px; background-position:-240px 0px;} #videos-but a:hover {background-position:-240px -33px;} #stories-but a {width:51px; background-position:-360px 0px;} #stories-but a:hover {background-position:-360px -33px;} #vote-but a {width:32px; background-position:-480px 0px;} #vote-but a:hover {background-position:-480px -33px;} #shop-but a {width:47px; background-position:-630px 0px;} #shop-but a:hover {background-position:-630px -33px;} #nav-search {float:right; width:300px; padding:5px 0 0 0;} #navbar #nav-search .fld {border:2px inset #ccc; padding:1px; font:normal 12px/11px arial; height:14px; margin:1px 6px 0 0; width:210px;} #nav-search input {margin-top:0;} #nav-search * {float:left;} #subnav {height:23px; background:url(images/nav_bg.gif) bottom repeat-x; padding:1px 1px 0 1px;} #subnav ul {height:22px; border:1px solid #594700; border-bottom:0; width:956px;} #subnav, #subnav * {display:block;} #subnav * {float:left;} #subnav li {background:url(images/nav_bg.gif) right -98px no-repeat; height:22px; padding-right:2px;} #subnav a {font:bold 11px/12px arial; color:#ff7901; padding:4px 8px;} #subnav a:hover {background:#534200; color:white;} #logo {margin-top:17px; display:block; float:left;} #adv728 {position:absolute; width: 728px; height: 90px; top:5px; right:0;} /*---------------------*/ #featured {width:581px; border:1px solid #c4c4c4;} #featured ul, #featured ul * {display:block;} #featured ul * {float:left;} #featured ul {display:block; height:33px; background:url(images/featured_nav.gif) top repeat-x;} #featured ul li {height:33px; padding-right:2px; background:url(images/featured_nav.gif) bottom right no-repeat;} #featured ul li a {height:0; padding-top:33px; position:relative; overflow:hidden; background-image:url(images/featured_btn.png); outline:none;} #featured ul li:last-child {background:none; padding-right:0;} #tab1 {width:163px; background-position:0 -66px;} #tab1:hover {background-position:0 -33px;} .ui-tabs-selected #tab1 {background-position:0 0px; cursor:default;} #tab2 {width:174px; background-position:-200px -66px;} #tab2:hover {background-position:-200px -33px;} .ui-tabs-selected #tab2 {background-position:-200px 0px; cursor:default;} #tab3 {width:202px; *width:200px; background-position:-412px -66px;} #tab3:hover {background-position:-412px -33px;} .ui-tabs-selected #tab3 {background-position:-412px 0px; cursor:default;} .ftcont {background:#b7b7b7; padding:14px;} #fragment-1 {height:175px;} .failbox {width:260px; height:171px; border:4px solid #393b41; position:relative;} .failbox:hover {border:4px solid #000;} .f-det {position:absolute; bottom:0; padding:3px 8px; background:url(images/dots.png); height:42px;width:244px;} .failbox a {color:#fff; font:bold 16px/16px arial;} .failbox a:hover {color:#E40714;} .f-det span {display:block; height:14px; width:110px; padding:2px 2px 2px 5px; bottom:0px; right:0px; background:#6d778f; position:absolute; color:white; font-size:11px; line-height:11px; font-family:Verdana, Geneva, sans-serif;} .ico-com1 {background:url(images/ico_com1.gif) right no-repeat; float:right; font-weight:bold; display:block; padding:0 14px 0 6px; border-left:1px solid #393b41; margin-left:5px; height:14px; font-style:normal;} .f-det:hover span {background:#b62f05} .f-det:hover span .ico-com1 {border-left:1px solid #862000;} /*---------------------------*/ .featured-fail p { position:absolute; bottom:0; left:0;} #posts {padding:10px 0px 0 0px; margin: 0 auto; width: 543px; min-height: 900px;} .pagetitle {font-size:11px; font-weight:bold; color:#524100; margin-bottom:10px; font-family:Verdana, Geneva, sans-serif; background:#f0e5ba; float:left;} .post {margin-bottom:50px;} .hed {min-height:40px; position:relative; margin-bottom:10px;} .hed h2 {font:bold 22px/23px arial; display:block; width:400px; margin-bottom:2px;} .hed h2 a {color:#d70e0e;} .hed h2 a:hover {color:black;} .hed span {color:#505c77;} .hed span a {color:#ff7901;} .comments-but {width:63px; height:40px; display:block; position:absolute; top:0; right:0; text-align:right;} #posts .comments-but a {color:#424242;} .comments-but:hover strong {background:url(images/ico-com2.gif) right bottom no-repeat;} .comments-but strong {background:url(images/ico-com2.gif) right top no-repeat; display:block; color:#e40714; font:normal 18px/19px arial; margin-top:2px; height:22px; padding-right:28px;} .hed a:hover {text-decoration:underline;} .extras {border-bottom:5px solid #c2c2c2;} .failit {float:left; width:62px; height:85px; margin:0 8px 0 0;} .failit * {display:block;} .failit span{display:block; background:url(images/failit_bg.gif) top left no-repeat; padding-top:8px; height:49px; width:59px; text-align:center; font:normal 18px/19px arial; color:#353a47; margin-bottom:5px;} .failit span em {color:#e40714; font:normal 24px/26px arial;} .failit a {width:62px; height:0px; position:relative; overflow:hidden; padding-top:21px; background:url(images/fail_btn.gif) left -30px no-repeat #d70e0e; outline:none;} .failit a:hover {background:url(images/fail_btn.gif) top left no-repeat #d70e0e;} .failit a:focus {background:url(images/fail_btn.gif) left -60px no-repeat #d70e0e;} .diggit {float:left; width:51px; height:80px; padding-top:5px;} .share {width:394px; min-height:85px; float:right; padding-top:5px;} .share h4 {font:bold 14px/15px arial; color:#000;} .cont {clear:left; display:block; padding:2px 0 5px;} .cont * {float:left;} .embed {background:url(images/ico_embed.gif) 0px 2px no-repeat; display:block; padding:0px 7px 0 20px;} .fld2 {color:#a37e00; border:2px solid #fff1bf; background:#fffbed; width:300px; font-size:11px;} .emailfail {padding-bottom:30px;} .emailfail form {display:block;} .emailfail label {width:66px; display:block; color:#6d778f; font-size:11px; text-align:right; padding-right:7px;} .emailfail div {clear:left; padding-top:7px;} .emailfail div * {float:left;} .emailfail .fld, textarea {background:#e4e4e4; padding:2px; border:1px solid #c0c0c0; font-size:11px;} .emailfail .fld {width:157px;} .emailfail textarea {width:205px; height:50px; margin-right:5px;} .emailfail strong {padding-left:73px; font-size:18px; font-weight:normal;} .share ul {padding-top:10px; border-bottom:1px solid #cacaca; height:24px; margin-bottom:6px;} .share ul .sh-wide {width:146px;} .share ul, .share ul * {display:block;} .share ul * {display:block; float:left;} .share li {height:22px; margin-right:8px;} .share li a {padding:1px 3px 2px 3px; padding-bottom:3px; color:black;} .share li a:hover {text-decoration:underline;} .close-but { display:none;} .ico-facebook {background:url(images/ico_facebook.gif) left no-repeat; padding-left:21px;} .ico-redit {background:url(images/ico_redit.gif) left no-repeat; padding-left:21px;} .ico-fark {background:url(images/ico_fark.gif) left no-repeat; padding-left:18px;} .ico-stumbleupon {background:url(images/ico_stumbleupon.gif) left no-repeat; padding-left:21px;} .ico-gmail {background:url(images/ico_gmail.gif) left no-repeat; padding-left:26px;} .ico-ymail {background:url(images/ico_ymail.gif) left no-repeat; padding-left:30px;} .ico-mail {background:url(images/ico_email.gif) left no-repeat; padding-left:23px;} .ico-embed {background:url(images/ico_embed.gif) left no-repeat; padding-left:20px;} .ico-link {background:url(images/ico_link.gif) left no-repeat; padding-left:20px;} /*-------------------SIDEBAR*/ .subscribe {border:1px solid #673500; margin-bottom:5px; color:white;} .rss {text-indent:-1000px; overflow:hidden; display:block; height:23px; display:block; background:url(images/your_daily_dose_of_epic_fail.png) left no-repeat; margin-bottom:5px;} .subscribe div {border:1px solid #c47300; padding:10px; background:url(images/subscribe_bg.gif) top repeat-x #c47300;} .subscribe fieldset { padding-top:9px; } .subscribe .fld {border:2px inset #ccc; padding:1px; font:normal 12px/11px arial; height:14px; margin:1px 6px 0 0; width:170px;} .box {margin-bottom:5px; background:#e4e5e9; padding:9px; border:1px solid #bcbec7} .box h3, .widget_recent_comments h2 {display:block; padding:4px 0 4px 8px; height:17px; font-weight: bold; background:#6d778f; font-size:14px; line-height:17px; color:white;} .box #sa-recent-comments {padding-top:0;} .holder {background:white; padding-top:5px;} .widget_recent_comments {background:white; padding-top:5px;} .recentcomments a {color:black; font:normal 10px/11px Verdana, Geneva, sans-serif;} #recentcomments td {} #recentcomments tr {border-bottom:1px dashed #e6e3de; padding:2px; font:normal 11px/14px Verdana, Geneva, sans-serif; display:block;} #recentcomments {padding-top:4px; width:100%;} #recentcomments a {color:#ea6300; text-decoration:underline;} #recentcomments a:hover {color:#008788;} #recentcomments table {text-align:left;} #recentcomments table img {margin-right:6px;} /*.recent-comments a {color:black; } .recent-comments em {font-style:normal;} .recent-comments a strong, .url {color:#ea6300; font:bold 11px/11px arial;} .recent-comments a:hover strong, .url:hover {} .recent-comments a:hover, .url:hover {text-decoration:underline;} .recent-comments img {float:left; margin-right:5px;} .recent-comments li {border-bottom:1px dashed #e6e3de; padding:4px 8px; height:22px; line-height:11px;} */ .popular-fails li {padding:5px; height:27px; border-bottom:1px dashed #6d778f; display:block;} .popular-fails a strong {font:normal 12px/13px arial; display:block; float:left; margin-bottom:2px;} .popular-fails a {color:#ea6300;} .popular-fails a:hover strong {color:#008788; text-decoration:underline;} .pop-info {display:block; clear:left; font:normal 10px/12px arial; color:black;} .pop-det {display:block; float:right; width:85px;} .pop-det em {float:left; display:block; padding-right:15px; width:20px; text-align:right; color:black; font:normal 11px arial; height:15px;} .pop-det .ico-fail {background:url(images/ico_fail.gif) right no-repeat; margin-left:5px; border-left:1px solid #bdc2cc; padding-left:5px; color:#fb2300;} .ico-com3 {background:url(images/ico_com3.gif) right no-repeat;} /*--------------------Footer*/ #footer .holder {background:#6d778f; padding:5px;} #footer .lst {padding-left:5px;} #footer .lst a {font:normal 11px/12px arial; color:white;} #footer .lst a:hover {color:#363636; text-decoration:underline;} .col {width:150px; margin-right:10px; float:left;} #footer h3 {padding:5px 0 10px 0; font:bold 14px/15px arial; color:#fff; border-bottom:1px solid #363636; margin-bottom:5px;} /*innerpage elements*/ #page-nav {height:45px; margin-bottom:7px; clear:both;} #page-nav div {width:232px; height:44px;} #page-nav .fl a, #page-nav .fr a {display:block; background:url(images/navi_btn.gif); color:#fff; outline:none; font-weight:bold; font-size:13px; line-height:15px;} #page-nav a:hover {color:#fff; text-decoration: underline;} #page-nav .fl a {text-align:right; padding-right:20px; height:35px; padding-top:10px;} #page-nav .fl a:hover {background-position:0 -59px; padding-right:18px; height:33px; padding-top:12px;} #page-nav .fl a:focus {background-position:0 -119px; padding-right:16px; height:31px; padding-top:14px;} #page-nav .fr a {background-position:-308px 0px; padding-left:15px; height:35px; padding-top:10px;} #page-nav .fr a:hover {background-position:-308px -59px; padding-left:17px; height:33px; padding-top:12px;} #page-nav .fr a:focus {background-position:-308px -119px; padding-left:19px; height:31px; padding-top:14px;} .commentbut {height:0px; width:49px; padding-top:35px; overflow:hidden; position:relative; background:url(images/navi_btn.gif) -245px -7px; display:block; margin:0 auto; top:6px;} .commentbut:hover {background:url(images/navi_btn.gif) -245px -67px;} /*End page navigation*/ #comments {font:normal 22px/23px arial; display:block;} #comments strong {color:#e40714;} #respond {clear:both; height:250px; position:relative; padding-bottom:30px;} ol #respond {padding-left:63px;} #respond h3 {display:block; background:#f2f2f2; color:black; font:bold 13px/14px arial; padding:5px; margin-bottom:10px;} #respond div {height:30px; display:block; border:0;} #respond label {color:#6d778f; padding-top:5px; text-transform:uppercase;} #respond div .fld {padding:2px; border:1px solid #c9c9c9; width:210px; margin-right:5px; font-size:11px;} #respond div * {float:left;} #respond textarea {width:448px; height:80px; padding:2px; border:1px solid #6d778f; margin-bottom:10px;} .post-but {background:#7f9db9; border:2px outset #6d778f; padding:1px; color:white; font-weight:bold; font-size:11px;} .cancel-comment-reply {display:block; width:80px; height:10px; position:absolute; top:5px; right:5px; text-align:right; text-transform:uppercase;} .cancel-comment-reply a {color:#900;} .cancel-comment-reply a:hover { text-decoration:underline;} /*------------------------------------- the new fucking around*/ .avatar {/*width:48px; height:48px;*/ margin-right:10px;} .depth-1 {clear:left; padding-left:5px; display:block; padding-top:15px;} .depth-1 .avatar {padding:1px; border:1px solid #c9c9c9;} .depth-2 {clear:left; margin-bottom:10px; min-height:48px; background:url(images/reply_ar.gif) 46px 0px no-repeat;} .depth-2 .avatar {margin-right:20px; padding:0; border:0;} .commentlist .depth-2 p {margin-left:69px; width:399px; float:none; padding-bottom:5px;} .commentlist {padding-bottom:50px;} .comment {min-height:48px; clear:both;} .comment p {border-top:1px solid #e9e9e9; display:block; width:466px; float:right;} .children {padding-left:60px; clear:both;} .reply {padding:2px 0 5px 0px; clear:left; float:left;} .reply a {background:url(images/reply_but.gif) 0px 0px; width:47px; height:0px; overflow:hidden; padding-top:19px; font:normal 10px/10px arial; display:block; outline:0;} .reply a:hover {background:url(images/reply_but.gif) 0px -28px;} .reply a:focus {background:url(images/reply_but.gif) 0px -56px;} .children li {display:block; margin-bottom:10px;} .comment-author {} .comment-author img {float:left;} .comment-author, .comment-meta {display:inline; line-height:25px;} .comment-author {font-weight:normal; color:#000; font-size:13px;} .comment-author a {color:#008788; text-decoration:underline;} .comment-author a:hover {color:#ea6300;} .comment-author cite {font-style:normal; font-weight:bold;} .comment-meta {display:inline; color:#b5b5b5; font-size:11px;} .comment-meta a, .says {color:#b5b5b5;} .comment-meta a:hover { color:#989898;} /*.parent {background:#0F0;}*/ /*tabs--------------------------------------------------*/ @media projection, screen {.ui-tabs-hide {display: none;}} @media print {.ui-tabs-nav {display: none;}} * html .ui-tabs-nav {display: inline-block;} *:first-child+html .ui-tabs-nav {display: inline-block;} /*------------numbers navigation*/ .navigation {height:20px; padding:20px 0;} .postmetadata {min-height:12px; padding:2px 0; font:normal 11px/12px Verdana, Geneva, sans-serif;} .postmetadata a {text-decoration:underline;} .postmetadata a, .postmetadata {color:#393b41;} .postmetadata .fl a {padding:0px 3px; color:#505c77; margin-right:2px;} .postmetadata .fl a:hover {background:#505c77; color:white; text-decoration:none;} .postmetadata .fr a {text-decoration:underline;} .postmetadata a:hover {color:#ff7901;} /*.failbg {background:url(images/epic_bg.png) 0px 0px;}*/ .postmetadata small { display:block; clear:both;} #commentform, #commentform a {color:#393b41;} #commentform a {text-decoration:underline;} #commentform a:hover {color:#ff7901;} #commentform p {margin-bottom:10px;} .tags2 {font-size:12px; color:#393b41;} .tags2 a {color:#393b41; text-decoration:underline;} .tags2 a:hover {color:#ff7901;} .blockfail, .blockfail blockquote {display:block;} .blockfail {background:url(images/blockquote_bg.gif) top left no-repeat #f5f5f5; padding-top:10px; font:italic 18px/22px arial; padding-left:40px; min-height:40px; clear:both;} .blockfail blockquote {background:url(images/blockquote_bg.gif) bottom right no-repeat; padding-bottom:10px; padding-right:20px;} .blockfail blockquote em {display:block; font-size:11px; text-align:right; font-style:normal; padding-right:25px; position:relative; bottom:-5px; color:#999;} .thlist div {float:left; width:258px; height:57px; margin-right:5px; border-bottom:1px solid #464c62; margin-bottom:1px;} .thlist img {padding:1px; border:1px solid white; margin-right:5px; width:88px; height:52px; float:left;} .thlist a:hover img {border:1px solid #c9c9c9; background:black;} .thlist a {color:#000; display:block; height:56px;} .thlist a:hover {background:#f2f2f2;} .thlist a strong {font-size:15px;} .thlist a:hover strong {color:#ff7901; text-decoration:underline;} .thlist span {display:block; font:normal 11px/12px arial; color:#000; padding-top:2px; height:15px; padding-left:100px;} .thlist span em {background:url(images/ico_com3.gif) right no-repeat; padding-right:12px; margin-right:7px; font-style:normal; display:block; height:15px; float:left;} .thlist span .ico-fails {background:url(images/ico_fail.gif) right 1px no-repeat; padding-right:12px; font-style:normal; color:red; font-weight:bold;} #sec-nav .add-fail {float:right; background:url(images/add_fail.gif) left no-repeat; padding-left:13px;} #sec-nav .add-fail a {color:white; text-align:center;} #sec-nav .add-fail a:hover {} #sec-nav .usersac {float:right; background:none; padding-right:0;} #sec-nav .usersac a {color:white; border: 0; font-weight:normal;} #sec-nav .usersac a:hover {background-color:none; text-decoration:underline;} #users {width:153px; height:18px; padding-top:3px; position:absolute; top:0; right:0; background:url(images/bgtop.png) top no-repeat; text-align:center; font-size:11px;} #users a {color:white; display:block; float:left; padding:0px 16px 2px;} .login-but {background:url(images/nav_bg.gif) right -98px no-repeat; display:block; width:40px; text-align:right;} #users a:hover {text-decoration:underline;} .vote-page p {font-size:12px; line-height:20px;} .vote-page h1 {display:block; color:#524100; font-size:26px; font-weight:bold; line-height:26px; margin-bottom:10px;} .question {font-size:14px; color:#608b00;} .jcarousel-container {position: relative;} .jcarousel-clip {z-index: 2; padding: 0;margin: 0; overflow: hidden; position: relative;} .jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0;left: 0; margin: 0; padding: 0;} .jcarousel-list li, .jcarousel-item {float: left; list-style: none;width:107px; height:89px;} .jcarousel-next {z-index: 3; display: none;} .jcarousel-prev {z-index: 3; display: none;} /*------------skin--------------------*/ .jcarousel-skin-tango .jcarousel-container {margin:0 auto;} .jcarousel-skin-tango .jcarousel-container-horizontal {width:510px; height:97px; background:#eaeaea; padding:7px 0px 0 20px;} .jcarousel-skin-tango .jcarousel-clip-horizontal {width:487px; background: red; height:90px;} .jcarousel-skin-tango .jcarousel-item {width:116px; height:89px;} .jcarousel-skin-tango .jcarousel-item img {border:2px solid #545454; width:112px; height:85px;} .jcarousel-skin-tango .jcarousel-item a:hover img {border:2px solid #d70e0e;} .jcarousel-skin-tango .jcarousel-item-horizontal {margin-right:7px;} .jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff; color: #000;} .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 7px; right: 0px; width: 17px; height: 90px; cursor: pointer; background:url(images/next-horizontal.png) transparent no-repeat -15px 26px; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -48px 26px;} .jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -78px 26px;} .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: -96px 0;} .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 7px; left: 0px; width: 17px; height: 90px; cursor: pointer; background:url(images/prev-horizontal.png) transparent no-repeat 0 26px; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -32px 26px; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 26px; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: -96px 26;} #relatedfail { clear: both; height: 100px; background: red; } .relatedfail { background: #eaeaea; padding: 5px 10px; height: 17px; text-align: center; font: bold 12px/14px arial; text-transform: uppercase; }