/* Theme Name: Choco Templates - New */ @font-face { font-family: GeometricMedium; src: url('fonts/geometricslab712bt-mediuma-webfont.eot'); src: url('fonts/geometricslab712bt-mediuma-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/geometricslab712bt-mediuma-webfont.svg#GeometricSlabserif712Medium') format('svg'), url('fonts/geometricslab712bt-mediuma-webfont.woff') format('woff'), url('fonts/geometricslab712bt-mediuma-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } * { padding:0; margin:0; outline:0; } body { background:#fbf8f0; font-family: "Trebuchet MS", Arial, sans-serif; font-size:13px; line-height:20px; color:#555; min-width:1140px; } input, textarea, select { font-family: "Trebuchet MS", Arial, sans-serif; font-size:13px; color:#333; } a img { border:0; } a { color:#f67621; text-decoration: underline; cursor:pointer; } a:hover { color:#6e4a2c; text-decoration: none;} .left, .alignleft { float:left; display:inline; } .right, .alignright { float:right; display:inline; } .cl { font-size:0; line-height:0; clear:both; display:block; height:0; } .al { text-align: left; } .ar { text-align: right; } .ac { text-align: center; } .notext { font-size:0; line-height:0; text-indent: -4000px; } h2 { font-size:28px; line-height:28px; color:#885b36; font-family: "Trebuchet MS", Arial, sans-serif; } h2.page-title { color:#4e2f16; font-weight:700;} h3 { font-size:24px; line-height:24px; color:#4e2f16; font-weight: normal; margin-bottom:7px; } h4 { font-size:20px; line-height:20px; color:#855935; font-weight: normal; font-family: "Trebuchet MS", Arial, sans-serif;} h4 a{ color:#855935; text-decoration: none;} h4 a:hover{ color:#f67621; } h4 a span{ font-size:12px;} h5 { font-size:21px; line-height:21px; color:#f7dd1c; margin-bottom:7px; font-weight: normal; font-family: "Trebuchet MS", Arial, sans-serif; } h6 { font-size:15px; line-height:15px; text-align: left; color:#855935; } h6 a{ color:#855935; text-decoration: none; } h6 a:hover{ color:#f67621; } h1#logo { font-size:0; line-height:0; width:427px; height:102px; position:absolute; top:0; left:0; background:url(images/tr.png) no-repeat 0 0; } h1#logo a{ display:block; width:374px; height:79px; text-indent: -4000px; } body#demo {} body#demo h1#logo{ width:103px; height:100px; background:url(images/logo-demo.png) no-repeat 0 0;} body#demo h1#logo a{ width:84px; height:79px; } body#demo #navigation { border-bottom:solid 1px #fff;} body#demo #navigation h2 { float:left; white-space:nowrap; color:#fff; font-size:20px; font-weight: normal; padding:18px 0 0 105px; margin:0;} body#demo #navigation h2 strong{ font-weight: 700; } .shell { width:980px; margin:auto; } #navigation { height:68px; background:url(images/bgs.png) repeat-x 0 0; width:100%; } #navigation .shell{ position:relative; z-index:15; } #navigation ul { float:right; list-style-type: none; display:inline; padding-top:19px; } #navigation ul li{ float:left; display:inline; margin-left:6px; white-space:nowrap; } #navigation ul li a, #navigation ul li a span { float:left; height:34px; background:url(images/buttons.png) no-repeat 0 0; padding:0 0 0 15px; } #navigation ul li a span { background-position:right 0; padding:0 15px 0 0; } #navigation ul li a { line-height:34px; color:#fff; font-size:15px; text-decoration: none;} #navigation ul li.has-dd{ position:relative; z-index:12;} #navigation ul li.has-dd a strong{ float:left; font-weight: normal; background:url(images/icos.png) no-repeat right -323px; padding-right:22px;} #navigation ul li a:hover, #navigation ul li a.hover, #navigation ul li a.active { background-position:0 -34px; } #navigation ul li a:hover span, #navigation ul li a.hover span, #navigation ul li a.active span{ background-position:right -34px; } #navigation ul li a:hover strong, #navigation ul li a.hover strong, #navigation ul li a.active strong { background-position:right -356px; } #navigation ul li .dd { position:absolute; left:2px; top:28px; width:180px; display:none; } #navigation ul li .dd-holder { background:#7c4f2a; } #navigation ul li .dd-t { font-size:0; line-height:0; background:url(images/tr.png) no-repeat -428px -487px; width:180px; height:5px; } #navigation ul li .dd-b { font-size:0; line-height:0; background:url(images/tr.png) no-repeat -428px -492px; width:180px; height:5px; } #navigation ul li .dd ul { float:none; display:block; padding:0; overflow:hidden; position:relative; width:100%; background:#7c4f2a; } #navigation ul li .dd ul li{ float:none; display:block; padding:0; margin:0; overflow:hidden; float:left; width:100%;} #navigation ul li .dd ul li a{ float:none; display:block; padding:0; margin:0; background:transparent; line-height:12px; font-size:13px; height:auto; padding:6px 15px; border-bottom:solid 1px #6f4726;} #navigation ul li .dd ul li a:hover{ background:#6f4726;} #navigation ul li .dd ul li.last a{ border:0;} #navigation ul li .dd p { white-space: normal; color:#fff; font-weight: normal; padding:5px 14px 5px 14px; font-size:13px; line-height:18px;} #navigation ul li .dd p a.button-browse { display:block; width:132px; height:30px; background:url(images/buttons.png) no-repeat 0 -198px; font-size:0; line-height:0; text-indent: -4000px; float:none; padding:0; margin:7px 0 0 0; border:0; position:relative; left:-3px;} #navigation ul li .dd p a.button-browse:hover { background-position:0 -228px;} #navigation ul li.promo { font-weight:700;} #navigation ul li.promo a{ background-position:0 -68px;} #navigation ul li.promo a span{ background-position:right -68px;} #navigation ul li.promo a:hover, #navigation ul li.promo a.hover{ background-position:0 -102px;} #navigation ul li.promo a:hover span, #navigation ul li.promo a.hover span{ background-position:right -102px;} #navigation ul li.promo .dd{ width:160px; } #navigation ul li.promo .dd-t{ background:url(images/tr.png) no-repeat -268px -487px; width:160px; } #navigation ul li.promo .dd-b{ background:url(images/tr.png) no-repeat -268px -492px; width:160px;} #navigation ul li.promo .dd-holder{ background:#49ac3f; } #footer { background:url(images/bgs.png) repeat-x 0 -157px; border-top:solid 3px #462710; padding:20px 0 20px 0; color:#f1b98b; height:270px;} #footer a{ color:#f1b98b; text-decoration: none;} #footer a:hover{ color:#fff; } #footer ul{ list-style-type: none;} #footer ul li{ line-height:30px; } #footer ul a{ background:url(images/icos.png) no-repeat 0 0; padding:2px 0 3px 26px; } #footer ul.no-icos a{ background:transparent; padding-left:0; } #footer ul a.ico-mafia { background-position:0 0;} #footer ul a.ico-bakery { background-position:0 -40px;} #footer ul a.ico-mayo { background-position:0 -82px;} #footer ul a.ico-psdfiles { background-position:0 -122px;} #footer ul a.ico-mailtemplates { background-position:0 -162px;} #footer ul a.ico-mail { background-position:0 -202px;} #footer ul a.ico-twitter { background-position:0 -242px;} #footer ul a.ico-webbackgrounds { background-position:0 -455px;} #footer ul a.ico-cssfreetemplates { background-position:0 -491px;} #footer ul a.ico-freelogodesign { background-position:0 -533px;} #footer ul a.ico-rss { background-position:0 -282px;} #footer .col { float:left; display:inline; margin-right:30px; width:222px;} #footer .col-last { margin-right:0; float:right;} #bottom { height:40px; background:#311909; line-height:40px; color:#6b4930; } #bottom a, #bottom span { float:left;} #bottom a { color:#6b4930; text-decoration: none; } #bottom a:hover { color:#b88964; } #bottom span.line { color:#462c1a; padding:0 8px;} #bottom .shell { position:relative; height:40px;} a.top span{ width:104px; height:132px; background:url(images/top-new.png) no-repeat 0 0; position:absolute; top:0; left:0;} a.top span.hover{ background-position:-104px 0; z-index:2; display:none;} a.top { position:absolute; bottom:0; right:-25px; width:104px; height:132px; } #slider { height:500px; position:relative; background:#efe5c6;} #slider .shell{ position:relative; z-index:11;} #slider h2{ position:absolute; top:43px; right:0; width:600px; text-align: center;} h2.h-sweetest { height:27px; background:url(images/h2-the-sweetest.png) no-repeat center 0;} .slider-clip { height:459px; width:100%; position:relative; overflow:hidden; position:absolute; top:0; left:0; } .slider-clip .slider-list{ list-style-type: none; position:absolute; top:0; left:0; width:100%; z-index:10;} .slider-clip ul{ list-style-type: none; position:absolute; top:0; left:0; width:100%; z-index:3;} .slider-clip ul li{ float:left; width:100%; text-align: center; height:459px; } .slider-clip ul li .slide{ width:980px; margin:auto; position:relative; } .slider-clip ul li .slide-template { width:610px; height:330px; text-align: center; font-size:0; line-height:0; margin:0 0 0 auto; position:relative; top:115px; right:-4px; z-index:2;} .slider-clip ul li .slide-template-bg { width:610px; height:330px; background:url(images/tr.png) no-repeat 0 -102px; } .slider-clip ul li .slide-template img{ position:relative; top:15px;} .slider-clip ul li .slide-template h6 { position:absolute; top:-22px; left:0; white-space:nowrap; width:400px; z-index:3; text-align: center; width:600px; font-weight: normal;} .slider-clip ul li .slide-template h6 a{ top:0; } .slider-clip .slider-bg { position:absolute; top:0; left:0; width:100%; height:459px; background:url(images/slider-bgs.png) repeat-x center 0; z-index:1;} .slider-clip .slider-bg2 { position:absolute; top:0; left:0; width:100%; height:255px; top:204px; background:url(images/slider-bgs.png) repeat-x center -459px; z-index:2;} .choco-boy { position:absolute; z-index:1; background:url(images/choco-boys.png) no-repeat 0 0;} .choco-boy1 { top:0px; left:0; width:316px; height:449px; background-position:0 0;} .choco-boy2 { top:0; left:0; width:296px; height:449px; background-position:-316px 0;} .choco-boy3 { top:87px; left:-80px; width:606px; height:356px; background-position:0 -449px;} .choco-boy4 { top:104px; left:-18px; width:495px; height:352px; background-position:-653px 0;} .choco-boy5 { top:186px; left:-79px; width:542px; height:246px; background-position:-606px -449px;} .slider-nav { position:absolute; top:455px; left:629px; width:500px; text-align: center; font-size:0; line-height:0; text-indent: -4000px; left:378px; width:600px;} .slider-nav a{ float:left; display:inline; height:19px; width:19px; background:url(images/slider-nav.png) no-repeat 0 0; margin-right:2px; } .slider-nav a.active, .slider-nav a:hover { background-position:0 -19px;} #main { background:url(images/bgs.png) repeat-x 0 -573px; padding:20px 0 40px 0; min-height:500px;} body.home #main{ background-position: 0 -473px;} #welcome-boxes { margin-bottom:30px; } #welcome-boxes .box{ float:left; width:360px; display:inline; margin-bottom:0px; padding:30px 110px 10px 0; background:url(images/ico-welcome.png) no-repeat right 0; } #welcome-boxes .box-right{ float:right; } #welcome-boxes .box-place { background-position:right 0;} #welcome-boxes .box-special { background-position:right -334px;} #welcome-boxes .box-promo { background-position:right -161px; } #welcome-boxes .box-free { background-position:right -505px;} .shadow { font-size:0; line-height:0; display:block; background:url(images/tr.png) no-repeat 0 -543px; height:12px; margin-bottom:10px;} .shadow-small { background-position:0 -705px; } .shadow-line { height:1px; margin-bottom:20px;} .templates-small { width:100%;} .templates-small ul{ list-style-type: none; padding-top:10px; width:100%; min-height:164px; } .templates-small ul li{ float:left; display:inline; margin-bottom:12px; margin-right:22px; margin-right:28px;} .templates-small ul li.last{ margin-right:0 !important;} .templates-small ul li p { position:relative; text-align: center; top:-5px;} .templates-small ul li p a{ color:#6e4a2c; text-decoration: none; } .templates-small ul li p a:hover{ color:#f67621; } .templates-small ul li p a strong.price { color:#ed5b08 !important; } .templates-small ul li p a strong.price-free { color:#33902c !important; } .templates-small ul li p span.num-downloads { display:block; text-align:center; font-size:11px; color:#aa8162;} a.thumb { display:block; width:148px; height:110px; background:url(images/tr.png) no-repeat 0 -433px; text-align: center; font-size:0; line-height:0; position:relative;} a.thumb img{ position:relative; } a.thumb span { position:absolute; z-index:2; width:120px; height:80px; background:url(images/tr.png) no-repeat -148px -433px; top:14px; left:14px; } a.thumb strong { display:block; width:120px; height:80px; position:relative; overflow:hidden; margin:0 auto; top:14px; } .templates-small a.thumb { height:130px; background:url(images/tr.png) no-repeat 0 -565px; width:178px; width:173px; background:url(images/thumb-small.png) no-repeat 0 0;} .templates-small a.thumb strong{ width:150px; height:100px;} .templates-small a.thumb span{ width:150px; height:100px; background:url(images/tr.png) no-repeat -188px -565px; } .templates-small a.thumb img{ } .templates-small a.thumb { width:173px; background:url(images/thumb-small.png) no-repeat 0 0;} .templates-small a.thumb strong{ width:145px; height:100px;} .templates-small a.thumb span{ width:145px; height:100px; background:url(images/tr.png) no-repeat -188px -565px; } .templates-small a.thumb img{ } .templates-small a.thumb em { width:40px; height:40px; background-position:-869px 0; } .templates-small a.thumb em.prem { background-position:-909px 0; } a.thumb em, .slide-template em, .tip-container em.badge, .image-big em { position:absolute; z-index:3; width:62px; height:62px; background:url(images/tr.png) no-repeat -745px 0; top:9px; right:9px;} a.thumb em.prem, .slide-template em.prem, .image-big em.prem, .tip-container em.badge-premium { background-position:-807px 0; } .slide-template em, .image-big em{ top:5px; right:5px; } .tip-container em.badge { top:0; right:0;} a.thumb-big { width:308px; height:321px; background:url(images/tr.png) no-repeat -610px -102px;} a.thumb-big img { top:19px;} .templates { width:980px; } .templates ul{ list-style-type: none; width:1032px; left:-9px; position:relative; margin-right:-52px;} .templates ul li{ float:left; display:inline; margin:0 36px 10px 0; } .templates h4{ padding-left:9px;} .more-templates h2 { margin-bottom:15px;} #footer .subscribe { line-height:30px; padding-bottom:20px;} #footer .subscribe span{ display:block; width:205px; height:23px; padding-top:6px; background:url(images/buttons.png) no-repeat 0 -258px; line-height:0; } #footer .subscribe span input{ border:0; color:#ffa300; padding:0 5px; width:195px; background:transparent; } #footer .subscribe .message { font-size:10px; line-height:12px; padding-bottom:10px; } #footer .subscribe .message a{ text-decoration:underline;} #footer .subscribe .message a:hover{ text-decoration:none;} #footer .subscribe .button { display:none; } #footer .button-subscribe { display:block; border:0; background:url(images/buttons.png) no-repeat 0 -287px; width:102px; height:34px; font-size:0; line-height:0; text-indent: -4000px; cursor:pointer; margin:7px 0 0 104px;} #footer .button-subscribe:hover { background-position:-102px -287px; } .subscribe-page { } .subscribe-page .fields{ height:40px; } .subscribe-page .mc_subscribe_form input.field{ background:#faf6ec; border:solid 1px #e3d4a5; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:4px; width:200px; float:left; display:inline; margin-right:5px; } .subscribe-page .mc_subscribe_form p, .subscribe-page .button-subscribe { display:none; } .post .subscribe-confirmed { text-align:center; padding:40px 0; } .post .subscribe-confirmed h2 { margin-bottom:5px; } .post .error-message h2 strong{ color:#f67621;} .post .subscribe-page h2 { margin-bottom:5px; } #head { height:89px; background:url(images/bgs.png) repeat-x 0 -68px; border-bottom:solid 2px #e3d4a5; } #head h2{ padding-top:25px;} #head .shell { position:relative; height:90px;} .boy-top { position:absolute; right:0; background-repeat:no-repeat; background-position:0 0; font-size:0; line-height:0; text-indent: -4000px;} .boy-top1 { width:113px; height:89px; background-image:url(images/boy-top1.png); top:11px;} .sub-nav { font-size:12px; padding-top:5px; color:#aaa9a8; line-height:12px; height:20px; white-space:nowrap; } .sub-nav a{ text-decoration: none; float:left; } .sub-nav span{ padding:0 7px; float:left; } .sub-nav strong{ font-weight: normal; color:#855935; float:left; } .pagging { height:35px; line-height:26px; text-transform: uppercase; position:relative; top:-5px; color:#5d391d; white-space:nowrap; } .pagging strong, .pagging span, .pagging a{ float:left; margin-left:10px;} .pagging a{ color:#5d391d; text-decoration: none;} .pagging a:hover{ color:#f67621; } .pagging .nums a{ color:#5d391d; width:33px; height:27px; background:url(images/buttons.png) no-repeat -400px -198px; text-align: center; margin-left:0;} .pagging .nums a:hover, .pagging .nums a.active { background-position:-132px -198px; color:#fff} .pagging span.right { float:right; margin:0;} .wp-pagenavi { height:35px; line-height:26px; text-transform: uppercase; position:relative; color:#5d391d; white-space:nowrap; font-weight: bold;} .wp-pagenavi strong, .wp-pagenavi span, .wp-pagenavi a{ float:left; margin-left:10px;} .wp-pagenavi span.pages{ margin-left:0; font-weight:normal; text-transform:none; line-height:24px;} .wp-pagenavi a{ color:#5d391d; text-decoration: none;} .wp-pagenavi a:hover{ color:#f67621; } .wp-pagenavi .pages-links { float:right; } .wp-pagenavi .pages-links .current{ color:#fff; width:33px; height:27px; text-align: center; margin-left:0; background:url(images/buttons.png) no-repeat -132px -198px;} .wp-pagenavi .pages-links a{ color:#5d391d; width:33px; height:27px; background:url(images/buttons.png) no-repeat -165px -198px; text-align: center; margin-left:2px; color:#fff;} .wp-pagenavi .pages-links a:hover { background-position:-132px -198px; color:#fff} .wp-pagenavi span.right { float:right; margin:0;} .wp-pagenavi .extend, .wp-pagenavi .first, .wp-pagenavi .last { display:none; } .post { font-size:15px; line-height:22px;} .post p{ padding-bottom:20px;} .post .post-entry p{ padding-bottom:12px;} .post h2 { color:#4e2f16; font-size:24px; line-height:24px; margin-bottom:20px; font-weight: normal; } .post ul { margin-bottom:0px; padding:0 0 0 25px;} .post ul li{ padding-bottom:5px;} .post ul ul{ margin-bottom:0;} .pricing { background:url(images/pricing-head.png) no-repeat 0 0; margin-bottom:22px; font-size:14px; width:100%;} .pricing .col{ float:left; display:inline; padding-top:12px; position:relative; } .pricing .col1{ width:215px; } .pricing .col2{ width:175px; } .pricing .col-big{ width:240px; float:right; display:inline; padding-top:0; } .pricing h3{ height:49px; font-size:16px; line-height:18px; text-align: center; color:#fff; padding-top:9px; border-left:solid 1px #257a1f; margin:0; font-weight:700;} .pricing h3 span{ color:#fcee57; } .pricing .col1 h3{ text-align: left; padding-left:20px; border:0; padding-top:20px; height:38px; } .pricing .col-big h3{ border:0; font-size:20px; padding-top:17px; height:53px; } .pricing .col-body { background:#fff; border-left:solid 1px #dad5cf; border-bottom:solid 1px #cdae93;} .pricing .col1 .col-body { border-left:solid 1px #cdae93;} .pricing .col-big .col-body { border-left:solid 1px #cdae93; border-right:solid 1px #cdae93;} .pricing ul { list-style-type: none; text-align: center; font-weight: bold; width:100%; overflow:hidden;} .pricing ul li{ border-bottom:solid 1px #dad5cf; padding:0; height:34px; font-size:14px; line-height:34px; margin:0; float:left; width:100%;} .pricing ul li.price{ border:0; height:46px; line-height:46px;} .pricing ul li.price strong{ font-size:24px; color:#ed5b08; position:relative; top:-2px; } .pricing ul li.free-price strong{ color:#33902c; } .pricing .col1 ul{ text-align: left; font-weight: bold;} .pricing .col1 ul li{ padding-left:20px; width:194px;} .check { display:block; margin:0 auto; font-size:0; line-height:0; background:url(images/icos.png) no-repeat 0 -425px; width:14px; height:13px; text-indent: -4000px; position:relative; top:12px; } .check-no { background-position:0 -412px;} .pricing .col-big { background:url(images/table-bgs.png) no-repeat -600px bottom; padding-bottom:10px;} .pricing .col-big .col-body{ border-bottom:0; padding:3px 3px 0 3px; } .pricing .col-big .col-body-bg{ background:url(images/pricing-col-b.png) repeat-x 0 bottom;} .pricing .col-big ul{ background:url(images/pricing-col-t.png) repeat-x 0 0;} .pricing .col-big ul li{ position:relative; top:-3px;} .pricing .col-big ul li.price strong{ font-size:32px; top:1px;} .pricing .col-big .check { width:21px; height:19px; background-position:0 -393px; top:8px;} .pricing .bl { font-size:0; line-height:0; width:6px; height:6px; background:url(images/icos.png) no-repeat 0 -438px; position:absolute; bottom:0; left:0;} .image-big { width:610px; height:330px; font-size:0; line-height:0; text-align: center; float:left; position:relative;} .image-big-bg { width:610px; height:330px; background:url(images/tr.png) no-repeat 0 -102px; } .image-big img{ position:relative; top:15px;} #detailed { padding-bottom:30px;} .content { float:left; width:610px;} .sidebar { float:right; width:318px;} .detailed-image { padding-bottom:20px;} #browse {} #browse .content{ width:720px; } #browse .sidebar{ width:230px; } #browse .templates-small ul { position:relative; margin-left:-10px; margin-right:-10px; width:740px; padding-top:0;} #browse .templates-small ul li { margin-right:14px; margin-bottom:14px;} #error-page .templates-small ul { padding-top:0;} #detailed .post h2 { margin-bottom:10px; margin-top:10px; } #detailed .excerpt { font-size:15px; line-height:22px; padding:0 0 20px 0;} .sidebar-box { float:right; width:318px;} .sidebar-box .box-head{ background:url(images/tr.png) no-repeat -427px 0; height:68px; text-transform: uppercase;} .sidebar-box .box-head h3{ padding:17px 0 0 25px; color:#fff; font-size:19px; line-height:22px; margin:0; font-weight:700;} .sidebar-box .box-head h6{ padding:0 0 0 25px; color:#fff; font-size:13px; font-weight: normal;} .sidebar-box h4 { font-size:16px; color:#4c2d15; text-transform: uppercase;} .sidebar-box .box-row { margin:0 16px; border-bottom:solid 1px #dbd5d0; padding:20px 0 20px 0; height:100%;} .sidebar-box .row-last { border:0;} .sidebar-box .box-row .left { width:185px; } .sidebar-box .box-row .right { width:81px; text-align: center; } .sidebar-box .box-row p { font-size:12px; line-height:16px; padding-top:10px;} .sidebar-box .box-row .price { display:block; font-size:40px; line-height:40px; color:#4c2d15; margin-bottom:7px; left:-3px; position:relative; color:#ed5b08} .sidebar-box .box-row .free-price { text-transform: uppercase; font-size:28px; letter-spacing:-1px; color:#33902c;top:3px; } .box-info .box-row p { font-size:13px; line-height:18px; padding-top:0;} .box-info .box-row { padding:10px 0;} .box-info .box-head { height:54px; background-position:-268px -433px;} .box-info .box-head h3{ padding-top:19px; } .box-info .box-body-b { padding:10px 0;} .box-c { width:300px; background:url(images/box-c.png); padding:4px 9px 0 9px;} .box-b { width:318px; background:url(images/tr.png) no-repeat -268px -497px; font-size:0; line-height:0; height:10px;} .box-body { background:url(images/table-bgs.png) no-repeat 0 0; width:100%;} .box-body-b { background:url(images/table-bgs.png) no-repeat -300px bottom; position:relative; bottom:-1px;} .box-categories { float:none; width:230px; position:relative; padding-top:4px;} .box-categories .box-head{ height:42px; background-position:-348px -565px;} .box-categories .box-head h3{ padding-left:15px; padding-top:12px; } .box-categories .box-c{ width:212px; } .box-categories .box-b{ background-position:-348px -630px;} .box-categories .box-b{ width:230px; } .box-categories .box-c { background-image:url(images/box-c-small.png); } .box-categories .box-body, .box-categories .box-body-b { background-image:url(images/table-bgs-small.png);} .box-categories ul { list-style-type: none; border-bottom:solid 1px #dbd5d0; padding:10px 0 5px 0; margin:0 10px 0 10px;} .box-categories ul.last{ border:0; margin-bottom:0;} .box-categories ul li{ padding-bottom:5px; } .box-categories ul a{ color:#6e4a2c; text-decoration:none;} .box-categories ul a.active{ font-weight:bold; } .box-categories ul a:hover{ color:#f67621; } .num { padding-left:3px; color:#999;} a.download-now, a.buy-now { display:block; font-size:0; line-height:0; width:81px; height:33px; text-indent: -4000px; background:url(images/buy-buttons.png) no-repeat 0 0;} a.buy-now:hover { background-position:0 -34px;} a.download-now { background-position:-82px 0;} a.download-now:hover { background-position:-82px -34px;} a.download-dark { background-position:-164px 0;} a.download-dark:hover { background-position:-164px -34px;} .preview { position:absolute; top:45px; left:49px; width:80px; height:39px; background:url(images/tr.png) no-repeat -700px -433px; display:none; } .pbig { width:114px; height:52px; background-position:-586px -433px; top:144px; left:248px;} a.thumb-big .pbig { top:128px; left:97px;} .image-big .preview { display:block !important;} .small { display:block; font-size:12px; line-height:17px; padding:10px 25px;} .small p{ padding-bottom:8px;} .small a{ color:#555; } .notes a { color:#555;} .downloads { width:600px; margin:0 auto; } .downloads ul{ list-style-type: none; padding:0;} .downloads ul li{ height:35px; border-bottom:solid 1px #efe6c9; line-height:35px; } .downloads ul li a{ float:left; color:#855935; text-decoration: none;} .downloads ul li a:hover{ color:#f67621; } .downloads ul li a.download-now{ float:right; position:relative; top:4px;} .form { } .form .shadow{ margin-top:10px; } .form .small{ padding:0; } .form h3{ margin-bottom:20px; } .form label{ font-weight: bold; float:left; width:350px; text-align: right; padding:2px 10px 0 0; } .form label .req{ font-weight: normal; font-size:10px; color:#888; position:relative; top:-5px;} .form select{ float:left; width:300px; margin-bottom:20px;} .form .button-place{ padding:0 0 10px 358px;} .form .button-place .button{ position:relative; top:-3px;} .form .field{ float:left; display:inline; background:#faf6ec; border:solid 1px #e3d4a5; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:4px; margin-bottom:15px;} .form .left .field{ float:none; display:block;} .form input.field{ width:250px;} .form textarea.field{ width:450px; height:180px;} .form small{ display:block; font-size:10px;} .form small span{ color:#888;} .form .field:focus{ background:#fff; border-color:#c3b177; } .form .radio { padding-bottom:15px;} .form .radio input.checkbox{ } .form .radio label{ float:none; font-weight:bold; } .form .radio label .label-note{ font-weight:normal; font-size:11px; } .checkbox { position:relative; top:2px; } a.button, a.button span{ float:left; display:inline; white-space:nowrap; height:31px; background:url(images/buttons.png) no-repeat 0 -136px; padding:0 0 0 11px; line-height:28px;} a.button span{ background-position:right -136px; padding:0 10px 0 0;} a.button { text-decoration: none; color:#fff; font-size:13px; text-transform: uppercase;} a.button:hover { background-position:0 -167px;} a.button:hover span{ background-position:right -167px;} a.button-right { float:right;} .contact-form { } .thanks { text-align: center; margin-bottom:15px;} #demo-templates { display:none; overflow:hidden; position:relative; width:100%; } #demo-templates #main{ padding:40px 0;} a.remove-button { position:absolute; height:20px; line-height:17px; font-size:10px; color:#fff !important; padding:0 23px 0 0; background:url(images/remove-frame.png) no-repeat right 0; top:5px; right:5px; white-space:nowrap; white-space:nowrap;} #demo-frame { font-size:0; line-height:0;} .bonus-text { position:absolute; white-space:nowrap; text-align: right; color:#fff; font-size:10px; text-transform: uppercase; top:48px; right:0; width:243px; text-align: center;} #tooltip { position: absolute; z-index: 3000; background: #fff; padding:0; font-size:0; line-height:0; width:580px; } #tooltip { -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; box-shadow:0 0 6px rgba(0, 0, 0, 0.4);} #tooltip h3, #tooltip div { margin: 0; } #tooltip .tip-image { padding:0; min-height:300px; width:580px; } #tooltip .tip-image img { border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; } #tooltip .tip-info { height:34px; white-space:nowrap; border-top:solid 1px #aaa; font-size:13px; line-height:34px; padding:0 10px;} #tooltip .tip-info .tip-title{ font-size:13px; line-height:34px; margin:0; float:left; font-weight:normal; } #tooltip .tip-info .tip-price{ color:#ed5b08; font-size:24px; float:right; position:relative; } #tooltip .tip-free .tip-info .tip-price{ color:#33902c; } /* #tooltip .tip-info h3.tip-title { display:inline; margin:0; font-weight:bold; font-size:13px; font-weight:bold; float:left; line-height:34px; } #tooltip .tip-info .tip-price { color:#ed5b08; float:left; height:34px; background:#ed5b08; text-align:center; color:#fff; font-size:20px; padding:0 10px; margin-right:10px;} #tooltip .tip-info .tip-price { border-radius: 0 0 0 6px; -moz-border-radius: 0 0 0 6px; -webkit-border-radius: 0 0 0 6px;} #tooltip .tip-free .tip-info .tip-price { background:#33902c; } */ .tags a{ color:#6e4a2c; } .more-tags { display:none; } a.show-more-tags-link { color:#f67621; } @media only screen and (max-device-width: 480px) { body#demo { min-width:0; } body#demo #navigation, body#demo .remove-button{ display:none; } .shell { width:auto; } } .share { padding-bottom:5px; } /** @font-face **/ #navigation ul li a span, .pricing ul li.price strong, .post h2, h3, h4, .slider-clip ul li .slide-template h6 a, h5, h2.page-title, .pricing h3, .sidebar-box .box-head h3, .sidebar-box .box-head h6, .sidebar-box .box-row .price, #slider h2, a.button, body#demo #navigation h2, .bonus-text { font-family: GeometricMedium, "Trebuchet MS", Arial, sans-serif; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/wp-content/themes/choco-new/images/hIEfix.png,sizingMethod=crop); zoom:1; } /** text-shadow **/ #navigation a > span { text-shadow: 1px 1px #000; } .pricing ul li.price strong { text-shadow: 1px 1px #fff; } .post h2 { text-shadow: 1px 1px #fff; } h3 { text-shadow: 1px 1px #fff; } h4 { text-shadow: 1px 1px #fff; } .slider-clip ul li .slide-template h6 a { text-shadow: 1px 1px #fff; } h5 { } h2.page-title { text-shadow: 1px 1px #fff; } .pricing h3 { text-shadow: 1px 1px #444; } .sidebar-box .box-head h3 { text-shadow: 1px 1px #444; } .sidebar-box .box-head h6 { text-shadow: 1px 1px #444; } .sidebar-box .box-row .price { text-shadow: 1px 1px #fff; } #slider h2 { text-shadow: 1px 1px #fff; } a.button { text-shadow: 1px 1px #444; } body#demo #navigation h2 { text-shadow: 1px 1px #000; } .bonus-text { text-shadow: 1px 1px #222; } #footer h5 { text-shadow: 1px 1px #000; }