/* Theme Name: creditcardquick Theme URI: http://creditcardquick.com/ Description: wordpress theme, designed for creditcardquick by GetTemplate. Version: 1.0 Author: Sergey Pozhilov Author URI: http://www.gettemplate.com */ /* RESET */ *{ margin: 0; padding: 0;} a img, iframe{ border: 0; } h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;} ul, ol, dl, li, dt, dd{ list-style: none; } form, fieldset{ border: 0; } input, textarea, select, button { font-size: 100%; } select{ margin: inherit; } table{ border-collapse: collapse; border: 0; } td, th, caption{ font-size: 100%; font-weight: normal; text-align: left; } /* LAYOUT */ body{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.4em; color: #454545; background: #353230; } .wrap{ width: 950px; margin: 0 auto; } #Head{ float: left; width: 100%; height: 170px; background: white url(images/bg_head.gif) repeat-x; border-bottom: 1px solid white; } #Head .wrap{ padding: 0 28px; background: url(images/bg_head1.gif) no-repeat; height: 170px; } #Head h1{ float: left; width: 183px; height: 76px; background: url(images/logo.gif) no-repeat; margin:0; padding:0; } #Head h1 a{ display: block; width: 100%; height: 76px; text-indent:-5000px;} #Quicklinks{ float: right; width: 700px; height: 60px; } #Searchbox{ float: right; width: 300px; height: 31px; position: relative; } #Searchbox #s{ position: absolute; right: 53px; top: 3px; height: 19px; width: 247px; border:0 none; background:url(images/bg_search.gif); } #Searchbox #btnSearch{ position: absolute; right: 22px; top: 2px; width: 25px; height: 21px; } #Stripe{ float: right; position: relative; width: 100%; height: 79px; padding: 0px 0 0 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; background: url(images/bg_nav.jpg) no-repeat right; } #Stripe h2{ position: absolute; right: 0; top: 20px; width: 55%; text-align: right; color: #FFC3C3; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #Intro{ float: left; width: 100%; padding: 27px 0 0 0; background: white url(images/bg_secondary.gif) repeat-x; min-height:220px;} * html #Intro{ height: 220px; } #Intro h2{ font-size: 12px; font-weight: bold; } #Intro .card{ float: left; width: 238px; height: 188px; margin: 0 20px 0 0; background: url(images/bg_featured_card.gif) no-repeat bottom left; } #Intro .info{ float: left; width: 353px; font-size: 12px; } #Intro ul, #Intro p{ margin: 3px 0 10px 0; } #Intro li{ display: block; list-style: none; padding: 0 0 4px 20px; background: url(images/bullet_featured.gif) no-repeat 0 0px; line-height: 1.2em; } #Content{ float: left; width: 100%; background: white url(images/bg_content.gif) repeat-x; padding:0 0 40px 0;} #Content .wrap{ min-height: 500px; } * html #Content .wrap{ height:500px;} #Main{ float: left; width: 615px; padding: 40px 0 0 0; } #Side{ float: right; width: 300px; margin: 0; padding: 20px 0 0 0; } #Footer{ float: left; width: 100%; padding: 30px 0 20px 0; color: #dddddd; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em; } #Footer h4{ color: #cccccc; margin: 0 0 5px 0; padding: 0; font-size: 12px; font-weight: bold; } #Footer .left{ width: 60%; } #Footer .right{width: 40%; text-align: right; } #Footer a{ color: #ffffff; text-decoration: none; } #Footer .left a{ color: #cccccc; text-decoration: none; } #Footer a:hover{ text-decoration: underline; } /* CONTENT */ h1{ display: block; color: #58483C; font-size: 20px; } .title{ display: block; width: 566px; height: auto; margin: 0 0 10px 0; padding: 0 0 20px 0; background: url(images/bg_caption.png) no-repeat bottom left; } * html .title{ height: auto; background: none; border-bottom: 1px solid #b0a284; padding:0; margin:0 0 20px 0;} h2{ color: #58483C; font-size: 16px; margin: 0 0 10px 0; } h3{ color: #58483C; font-size: 15px; font-weight: bold; margin: 0 0 10px 0; } h4{ color: #333333; font-size: 15px; margin: 0 0 10px 0; } a{ color: #B11114; } h2 a{ text-decoration: none; } #Main a:hover{ text-decoration: underline; } p, ul, table{ margin: 0 0 25px 0; } hr{ color: #d3d3d3; height: 1px; width: 100%; border: 0 none; border-top: 1px solid #d3d3d3; margin: 0 0 10px 0; } #Main li{ padding: 0 0 4px 10px; background: url(images/bullet_gray.gif) no-repeat 0 7px; } #Main ul.red li{ background-image: url(images/bullet_red.gif); } #Main li ul{ margin: 4px 0 -4px 9px; } /* helpers */ .b{ border: 1px solid red; } .clear{ font-size: 1px; height: 1px; clear: both; line-height: 1px; } .small{ font-size: 0.9em; } p.small{ line-height: 1.4em; } .left{ float: left; } .right{ float:right;} .tl{ text-align: left; } .tr{ text-align: right; } .tc, .tc *{ text-align: center; } .tj{ text-align: justify; } .w10{ width: 10%; } .w20{ width: 20%; } .w30{ width: 30%; } .w40{ width: 40%; } .w50{ width: 50%; } .w60{ width: 60%; } .w70{ width: 70%; } .w80{ width: 80%; } .w90{ width: 90%; } .w100{ width: 100%; } .w15{ width: 15%; } .w25{ width: 25%; } .w35{ width: 35%; } .w45{ width: 45%; } .w55{ width: 55%; } .w65{ width: 65%; } .w75{ width: 75%; } .w85{ width: 85%; } .w95{ width: 95%; } .margin{ margin-bottom: 10px; } /* POSTS */ .post{ margin:45px 0 0 0; } .entry{ } .post .title a{ color: #34160c; text-decoration: none; } .post .title a:hover{ color: #a80000; text-decoration: none; } .meta{ font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 11px; color: #5c5c5c; } .meta a{ text-decoration: none; } .meta a:hover{ text-decoration: underline; } .meta h3{ color: #ED2024; border-bottom: 1px solid #dbd6c3; font-size: 1.2em; padding: 0; margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; } .topmeta{ margin: 0 0 16px 0; } .topmeta a{ padding: 0 0 0 14px; background: url(ico_tag.gif) no-repeat 0 1px; margin: 0 5px 0 0; } .metainfo{ float: right; width: 180px; margin:0; padding:0 0 15px 0; } .metainfo ul{ display:block; width:100%; margin: 0 0 15px 0; } .metainfo li{ background: url(ico_ok.gif) no-repeat 0 1px; margin: 0 0 5px 0; padding: 0 0 0 15px; } .entry .screenshot{ float: left; border: 4px solid #f7f5f0; padding: 2px; background: white; } .entry .buttons a{ float: left; width:178px; height: 20px; padding: 5px 0 0 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size:11px; text-align: center; } .entry .buttons a:hover{ color: #4a3111; } .entry .preview{ background: url(btn_preview.gif); margin:0 0 5px 0;} .entry .download{ background: url(btn_download.gif); margin:0 0 10px 0;} .metainfo .comments{ background: url(ico_comments.gif) no-repeat 0 1px; padding: 0 0 0 15px; } /* Archives, searches */ .post-title { font-size: 12px; margin:20px 0 -15px 0;} /* Comments */ #comments{ color: #34160c; border-bottom: 1px solid #dbd6c3; padding: 15px 0 0 0; margin: 0 0 5px 0; font-weight: normal; } .commentlist{ margin: 15px 0 0 0px; padding: 0 0 0 0px; } .commentlist li{ float: left; width:96%; margin: 0 0 10px 0; padding: 2%; } .commentlist li.alt{ background: #fafafa; } .commentlist .cmtinfo{ float: left; width: 33%; } .commentlist .cmtinfo *{ font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 11px; font-style: normal; } .commentlist .cmtinfo em{ display: block; } .commentlist li p{ float:right; width:65%; margin:0; padding:0; color:#666666;} /* form */ #comment{ width: 500px; height: 160px; } /* Special */ table.cards{ } table.cards td{ vertical-align: top; } table.cards img{ float: left; margin: 0 15px 0 0; } table.cards h2{ float: right; width: 210px; color: #B11114; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; } table.cards p{ float: right; width: 210px; color: #999; line-height: 1.2em; margin: 0 0 15px 0; } table.table{ margin: 0 0 25px 0; border: solid #E9E9E9; border-width: 1px 1px 0 0; } .table th{ background: white; border: solid #E9E9E9; border-width: 0 0 1px 1px; font-weight: bold; text-align: center; padding: 3px 5px; } .table td{ background: #FBFBFB; border: solid #E9E9E9; border-width: 0 0 1px 1px; padding: 5px; } /* buttons */ .btn_card{ display: block; width: 204px; height: 28px; line-height: 27px; overflow: hidden; background: url(images/bg_btn_card.gif); font: bold 13px; color: #333; text-decoration: none; text-align: center; margin-top: 5px; } /* SideBars */ #Side h3{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #515151; margin: 0 0 10px 0; line-height: 1.3em; } #Side p{ margin: 0 0 12px 0; } .side_ad{ position: relative; top: -235px; margin: 0 0 -255px 0; width: 300px; height: 250px; padding: 0 0 43px 0; background: url(images/bg_side_ad.gif) no-repeat bottom; } #Side h2{ color: #554640; font-size: 17px; margin:0 0 27px 0; } .sidebox{ float: left; margin: 30px 0 5px 0; width: 300px; background: #f5f5f5 url(images/bg_side_bottom.gif) no-repeat bottom; } .sidebody{ float: left; width: 270px; padding: 10px 15px 0px 15px; background: url(images/bg_side_top.gif) no-repeat; } .sidebody .sidebox, .sidebody .sidebody{ margin: 0; width: 270px; padding: 0; background: none; } .secondary .side_ad{ top: 0; padding: 0 0 40px 0; margin: 0 0 -15px 0; background-image: url(images/side_shadow.gif); } #Side a{ color: #332a22; text-decoration: none; } #Side a:hover{ color: #B11114; text-decoration: underline; } #Side li li{ margin: 0 0 7px 18px; } /* Calendar */ #wp-calendar{ empty-cells: show; width: 100%; margin: 10px auto 0; } #calendar_wrap{ padding: 0 0 15px 0; } #wp-calendar #next a{ padding-right: 10px; text-align: right; } #wp-calendar #prev a{ padding-left: 10px; text-align: left; } #wp-calendar a{ display: block; } #wp-calendar caption{ font-size:1.2em font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; width: 100%; } #wp-calendar th{ font-style: normal; text-transform: capitalize; text-align: center; border-bottom: 1px solid #D8D6C9; } #wp-calendar td { padding: 3px 0; text-align: center; } .tw-accordion{ background: url(images/bg_side_top_solid.gif) no-repeat; }