/* Theme Name: Decoblog Description: Template standard pentru Deco Blog Author: Decorix Author URI: http://www.decorix.ro */ @charset "utf-8"; /* CSS Document */ html *{ margin:0 auto; padding:0; } body{ background:url(images/background.jpg); font-family:Arial, Helvetica, sans-serif} html a img{ border:0} /*html * div{ border:1px solid red;}*/ html ul { list-style-type:none} /*--------------------- Start Top ----------------------------*/ #container{ width:950px; margin:0 auto} #header{ width:950px; height:96px; padding-top: 17px; margin:0 auto } #header .hidden{ display:none} .header_separator{border-bottom:1px dotted #c9c8c5; width:100%; font-size:1px; *margin-top:-2px; _margin-top:-3px; position:relative; z-index:2;} #header .logo{ background:url(images/logo.png) top left no-repeat; behavior: url(iepngfix.htc); width:173px; height:88px; float:left; cursor:pointer;_background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/wp-content/themes/decoblog/images/logo.png', sizingMethod='scale');} #header .rss{ float:right; margin-left:30px; background:url(images/rss_icon.png) top right no-repeat; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/wp-content/themes/decoblog/images/rss_icon.png', sizingMethod='scale'); width:26px; height:26px; cursor:pointer; outline:0; } #header .left{ float: left} #header .right{ float: right} #header ul {margin-top:62px; float:right; margin-right:-63px;} #header ul li{ display:inline; } #header ul li a{ color:#55524a; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #3e3e3e; height:34px; text-decoration:none; float:left; margin-left:34px; outline:none; font-size:20px; position:relative; z-index:2000; text-transform:uppercase} #header ul li.current-cat a, #header ul li a:hover{ color:#1ab8f6; border-bottom:1px solid #1ab8f6;} /*--------------------- End Top ----------------------------*/ /*--------------------- Start 1 item Content ----------------------------*/ #content{ width:975px;} #center{ width:652px; float:left} #center .item_container{ width:652px; float:left; margin-top:32px;} #center .item_container .left_sidebar{ width:68px; height:77px; float:left; background:url(images/year.jpg) top left no-repeat; text-align:center} #center .item_container .left_sidebar .date{ font-size:20px; font-style:italic; color:#FFFFFF; padding-top:5px; font-weight:bold; width:62px; text-align:center} #center .item_container .left_sidebar .year{ font-size:12px; font-style:italic; color:#FFFFFF; margin-top:6px;} #center .item_container .item_content{ float:right; width:570px; text-align:justify} #center .item_container .item_content .title { color:#464646; font-style:italic; font-size:26px; padding-left:6px; text-decoration:none} #center .item_container .item_content .title h1{ color:#464646; font-style:italic; font-size:26px; font-weight:normal !important; margin:0; padding:0;} #center .item_container .item_content .title a{ color:#464646; text-decoration:none;} #center .item_container .item_content .title a:hover{ text-decoration:underline} #center .item_container .item_content .title .tags{font-size:14px; font-style:normal} #center .item_container .item_content .title .tags ul { margin:0; padding:0} #center .item_container .item_content .title .tags ul li{ display:inline} #center .item_container .item_content .title .tags a{ color:#000000; text-decoration:none; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight: normal } #center .item_container .item_content .title .tags a.active, #center .item_container .item_content .title .tags a:hover{color:#1ea3d7} #center .item_container .item_content .tags_title{font-weight:bold; font-size:12px; font-style:normal; color:#464646} /*============== Start Voting Bar =====================*/ #center .item_container .item_content li div.voting{ width: 339px; background: url(images/voting/box-bkgr.jpg) top left repeat-y; margin: 3px 0px 10px 0 } #center .item_container .item_content li div.voting .top-bar{width: 339px; height: 9px; background: url(images/voting/top-bar.jpg) top left no-repeat} #center .item_container .item_content li div.voting .content-bar{padding: 5px 0px 0px 15px;} #center .item_container .item_content li div.voting img.small-logo{float: right; vertical-align: text-top; display: inline; margin: -20px 20px 0 0} #center .item_container .item_content li div.voting img.product{ border: 2px solid #747474; float: left; vertical-align: text-middle; width: 49px; height: auto} #center .item_container .item_content li div.voting .recomendation{ font-size: 11px; margin: 5px 0 0 0px; padding-left: 60px; } #center .item_container .item_content li div.voting .recomendation a{ color: #1ab8f6; text-decoration: none; font-size: 11px} #center .item_container .item_content li div.voting .recomendation a:hover{ text-decoration: underline} #center .item_container .item_content li div.voting .bottom-bar{width: 339px; height: 9px; background: url(images/voting/bottom-bar.jpg) top left no-repeat} #center .item_container .item_content li div.voting span.vots{ font-size: 12px; color: #1EA3D7; margin-bottom: 3px; display: block} /*============== End Voting Bar =====================*/ #center .item_container .item_content a.view_recipe{font-size: 12px !important; color: #1ea3d7 !important; font-style: italic; font-weight: bold; } #center .item_container .item_content a.view_recipe:hover{text-decoration: underline} #center .item_container .item_content .title .active{ color:#1ea3d7} #center .item_container .item_content .image_background{margin-top:10px; background:#FFFFFF;} #center .item_container .item_content .image_background .top{ height:4px; background:#FFF; font-size:1px; } #center .item_container .item_content .image_background .top{ height:4px; background:#FFF; font-size:1px; } #center .item_container .item_content .image_background .top .left_corner{ float:left; background:url(images/top_left_corner.jpg) top left no-repeat; width:4px; height:4px; font-size:1px; } #center .item_container .item_content .image_background .top .right_corner{ float:right; background:url(images/top_right_corner.jpg) top left no-repeat; width:4px; height:4px; font-size:1px; } #center .item_container .item_content .image_background .bottom .left_corner{ float:left; background:url(images/bottom_left_corner.jpg) top left no-repeat; width:4px; height:4px; font-size:1px; } #center .item_container .item_content .image_background .bottom .right_corner{ float:right; background:url(images/bottom_right_corner.jpg) top left no-repeat; width:4px; height:4px;font-size:1px; } #center .item_container .item_content .image_background .image_content{ margin-left:5px; font-size:1px; } #center .item_container .item_content .textes h1, #center .item_container .item_content .textes h2{ font-weight: normal; text-align: left; margin: 0; padding: 0} #center .item_container .item_content .textes h1{font-size:24px !important;} #center .item_container .item_content .textes h2{font-size:20px !important;} /*#center .item_container .item_content .textes h2 a{font-size:20px !important; color: #1ea3d7}*/ #center .item_container .item_content .textes{ width:570px; font-size:12px; color:#6e6d6d; margin-top:11px; line-height:18px; } #center .item_container .item_content .textes p{ margin: 0 0 0 6px; padding:0px 0 14px 0} #center .item_container .item_content .textes p.no-margin{ margin: 0 0 0 6px; *margin-left:0px; padding:0px 0 14px 0; } #center .item_container .item_content .textes p a{ color:#1EA3D7; text-decoration:none !important;} #center .item_container .item_content .textes p a:hover{text-decoration:underline !important;} #center .item_container .item_content .textes p a img{ border:none} #center .item_container .item_content .textes p a img.aligncenter{ text-align:center} #center .item_container .item_content .posted{ width:578px; border-top:1px solid #cbc1ac; border-bottom:1px solid #cbc1ac; margin-top:13px; padding:8px 0px 8px 0px;} #center .item_container .item_content .posted a{color:#1ea3d7; font-style:italic; font-size:12px; text-decoration:none; cursor:pointer; background:url(images/href_separator.jpg) right center no-repeat; padding-right:15px; outline:0; } #center .item_container .item_content .posted a:hover{ text-decoration:underline} #center .item_container .item_content .posted a.last{ margin-left:5px; background:none} #content #center .count{ width:90%; height:47px; background:url(images/count_bkgr.jpg) repeat-x; float:right; margin-top:10px; display:inline;} #content #center .left_count{ width:6px; height:54px; background:url(images/left_count.jpg) top left no-repeat; float:left} #content #center .content_count{ float:left; padding:15px 0px 0px 8px; color:#FFFFFF; font-size:12px; height:20px; } #content #center .content_count ul { margin-top:0px; float:left; padding:0px;} #content #center .content_count ul li{ display:inline; padding-right:5px; color:#464646} #content #center .content_count a{ color:#FFFFFF; text-decoration:none;} #content #center .content_count a.active, #content #center .content_count a:hover{ color:#464646} #content #center .right_count{ width:8px; height:47px; background:url(images/right_count.jpg) top left no-repeat; float:right} /*--------------------- Start 1Content ----------------------------*/ /*--------------------- Start Right ----------------------------*/ #right_sidebar input.newsletter{ border:1px solid #9ea4a6; width:247px; height:15px; margin:0 10px; font-size:12px; color:#5d676a; padding:0px 3px 3px 3px; } #right_sidebar .content_newsletter{padding:12px;} #right_sidebar .content_newsletter h5{color:#464646} #right_sidebar .content_newsletter p.news{font-size:12px; color:#5d676a; margin-top:10px; margin-bottom:30px;} #right_sidebar .nl_btn{ background:url(images/nl_send.png) top left no-repeat; width:107px; height:29px;float:right; margin-top:3px; border:none; cursor:pointer; margin:12px;} /*--------------------- Start Newsletter ---------------------------*/ #right_sidebar .newsletter{ border:3px solid #f4e0ba; float:left; width:280px; background:#fff; margin-top:9px;} #right_sidebar .newsletter a{ background:none} #right_sidebar .newsletter a:hover{ background:none} /*---------------------- Slider ------------------------------*/ #right_sidebar .content_newsletter a.top-slider{width:100%; height:21px; text-align:center; background:url('images/top-slider.jpg') top center no-repeat; display:block} #right_sidebar .content_newsletter a.bottom-slider{width:100%; height:21px; text-align:center; background:url('images/bottom-slider.jpg') top center no-repeat; display:block} /*--------------------- Start Right ----------------------------*/ #right_sidebar{ width:300px; float:right; margin-top:34px;} #right_sidebar input{ border:2px solid #e8e8e8; width:272px; height:20px; padding:5px;} #right_sidebar .search_btn{ background:url(images/cauta_btn.jpg) top left no-repeat; width:107px; height:29px; float:right; margin-top:3px; border:none; cursor:pointer; margin-right:16px} #right_sidebar .item{ width:291px; float:left; margin-top:20px !important;} /*--------------------- Start Produse ----------------------------*/ #right_sidebar .item .products{ border:3px solid #f4e0ba; float:left; width:286px; background:#fff; _border:1px solid} #right_sidebar .item .products a{ background:none} #right_sidebar .item .products a:hover{ background:none} #right_sidebar .item .products .decorix_products{float:left;} #right_sidebar .item .products .decorix_products li{ padding:15px 30px 7px 7px; display:block;} #right_sidebar .item .products .decorix_products .description{ padding-left:10px; text-align:center; width:93px; font-size:12px; color:#4b4b4b} #right_sidebar .item .products .decorix_products .price{ font-weight:bold; font-size:12px; color:#1ab8f6; padding-left:10px; padding-top:0px; text-align:center; width:93px;} #right_sidebar .item .products .separator{float:left; margin:0px 10px 0px 10px; width:265px; border-top:1px dotted #9d9a9a} #right_sidebar .item .products .view{ font-size:12px; float:right; padding:5px 5px 3px 0px; color:#555353} #right_sidebar .item .products .view a{ text-decoration:none; color:#555353} #right_sidebar .item .products .view a:hover{ text-decoration:underline} /*--------------------- end produse ----------------------------*/ #right_sidebar .item a.twitter_title_link{ font-size:20px; font-weight:normal; padding-top:3px; padding-left:0px; color:#3e3e3e; background:none !important; width:70px;float:left} #right_sidebar .item a.twitter-link{color:#2276BB; width:120px !important; white-space:normal !important; background:none; line-height:15px; float:left; padding-left:0px; overflow:hidden; _word-wrap: break-word} #right_sidebar .item a.twitter-link:hover{ background:none} #right_sidebar .item li.twitter-item{color:#6E6D6D; font-size:12px; white-space:normal; width:130px; } #right_sidebar .item li{width:120px; float:left; } #right_sidebar .item span.twitter-timestamp{color:#999999; font-size:11px; display:block; margin-bottom:10px; font-style:italic;} #right_sidebar .item abbr{ border-bottom:1px dotted #999999} #right_sidebar .item .last{ margin-right:10px;} #right_sidebar .item h2 {margin: 0; padding: 0} #right_sidebar .item ul{ width:145px !important; float:left !important; padding:0px; margin:0px;} #right_sidebar .item .title{ font-size:20px; font-weight:normal; background:none; padding-left:0px; color:#3e3e3e; white-space:nowrap; *padding-bottom:5px; margin-bottom:5px } #right_sidebar .item span a.twt { background:none; padding:0;} #right_sidebar .item span a.twt img{ background:none; padding:0px 3px 0px 0px; float:left; margin-left:-4px; z-idex:4000; position:relative} #right_sidebar .item ul li a{ padding-left:10px;background:url(images/item_li_bkgr.jpg) 0px 6px no-repeat; _background-position:0px 2px; *background-position:0px 8px; font-size:12px; color:#3e3e3e; text-decoration:none; line-height:20px; white-space:normal; _padding:0px; _margin:0px; _padding-left:9px; display:block; _float:left; width:125px; } #right_sidebar .item a.active, #right_sidebar .item a:hover{ background:url(images/active_li.jpg) 0px 6px no-repeat; color:#1ab8f6; text-decoration:none; _background-position:0px 4px; *background-position:0px 8px;} #right_sidebar .item .left{width:138px; float:left} #right_sidebar .item .right{width:128px; float:right; padding-left:10px;} #right_sidebar .item .fl_item{width:281px; } #right_sidebar .item .fl_item ul.first-child{ margin-left:0px; float:left; _margin-left:5px;} #right_sidebar .item .fl_item ul{ width:90px; float:left;} #right_sidebar .item .fl_item li a { background:none; display:block; width:75px; height:50px; padding:0px; border:3px solid #FFF; margin-bottom:3px; _margin-bottom:0px; } #right_sidebar .item .fl_item li a:hover, #right_sidebar .item .fl_item li a.active{ border:3px solid #1ab8f6 } #right_sidebar .item .last { width:150px; float:right} #right_sidebar .item .last a{float:right;color:#464646; font-size:12px; text-decoration:none; margin-top:4px; white-space:nowrap; } #right_sidebar .item .last a:hover{color:#1ab8f6; background:none; } /*--------------------- End Right ----------------------------*/ .clear{ clear:both; height:1px; font-size:1px;} /*--------------------- Start Bottom ----------------------------*/ #border_footer{width:100%; border-top:1px solid #adabac; height:2px; background:#faefda; margin-top:0px;} #footer { width:100%; height:46px; background:#55524a; } #footer a{color:#1EA3D7; cursor:pointer; font-size:12px; font-style:italic; outline:0 none; padding-right:15px;text-decoration:none;} #footer .container{ margin:0 auto; width:950px; text-align:right; color:#FFFFFF; height:20px; padding-top:20px; font-size:12px; } /*--------------------- End Bottom ----------------------------*/ /*--------------------- Custom Wordpress ----------------------------*/ #comment_container{width:552px; float:left; margin-top:32px; margin-top:10px;} #comment_container .comment_title{ color:#464646; font-size:18px; width:578px; float:left; text-align:justify } #comment_container .comment_textes{ width:578px; font-size:12px; color:#6e6d6d; margin-top:11px; line-height:18px; float:left; margin-left:0px;} #comment_container .comment_textes p{margin-top:3px; margin-bottom:15px; } #comment_container .comment_textes ul{color:#6E6D6D; text-decoration:none; padding-left:0px; } #comment_container .comment_textes ul li b{ color: #1ea3d7} #comment_container .comment_textes ul li a{color:#1ab8f6; text-decoration:underline; font-size:12px;} #comment_container .comment_textes ul li a:hover{ text-decoration:underline} #comment_container div label{ font-size:16px; margin-bottom:5px; display:block; margin-top:10px; color:#717171;} #comment_container input, #comment_container textarea{border:2px solid #E8E8E8; color:#717171; font-family:Verdana, Arial helvetica sans-serif; padding:4px; font-size:12px;} #comment_container input{ width:400px; } #comment_container textarea{ width:400px;} #comment_container .btn{ width:107px; height:29px; background:url(images/posteaza.jpg) top left no-repeat; border:none; margin-top:5px; cursor:pointer} #comment_container a.active{color:#3E3E3E; text-decoration:none;} #comment_container a:hover{color:#1EA3D7; text-decoration:underline} /*customizare rezultate cautare*/ #container #content #center .title{ width:100%; color:#464646; font-size:26px; font-style:italic; padding-left:6px;} /*end customizare rezultate cautare*/ h2.pagetitle{ padding-left:80px; margin-top:20px; color:#464646; font-size:20px; font-weight:normal; font-style:italic} /*--------------------- End Custom Wordpress ----------------------------*/ img.alignleft{ padding-right:10px; text-align: left !important; } .alignright{ padding-left:10px;} .galerry-container{text-align:center !important; padding-left:50px;} .no-bottom{margin-bottom:-28px; float:left} /*---------------------- Start pagina de concurs ----------------------------*/ #center .item_container .item_content .textes .concurs_content{ border-bottom: 1px solid #999; margin-bottom: 20px !important} #center .item_container .item_content .textes .concurs_content .concurs{width: 270px; float: left; margin-right: 10px; margin-bottom: 19px !important} #center .item_container .item_content .textes .concurs_content .concurs small {display: none} #center .item_container .item_content .textes .concurs_content .concurs h2 a{ display: none} #center .item_container .item_content .textes .concurs_content .concurs p{margin: 0; padding: 0} .boxReteta { position : relative; height : 348px; width : 245px; float : left; _overflow : hidden; background: url(images/bkg-box.jpg); margin: 5px; } .retete .selected { background : url(images/bkg-box-s.jpg) no-repeat 0 0; } .boxReteta .boxRetetaCnt { height : 311px; padding : 12px; position : relative; } .boxReteta .boxRetetaCnt p b { font-size : 11px; color : #999a95; font-weight : normal; } .boxReteta .boxRetetaCnt p { font-size : 11px; color : #81a23e; margin : 0 0 4px 0; } .boxReteta .boxRetetaCnt p.ads { color : #000; } .boxReteta .boxRetetaCnt h3 { color : #000; margin : 4px 0 1px 10px; font-size : 11px; font-weight: normal; margin: 0; padding:0 0 0 0px } .boxReteta .boxRetetaCnt h3 a { color : #1ea3d7; text-decoration : none; } .boxReteta .boxRetetaCnt a.descriere {background : url(images/item_li_bkgr.jpg) no-repeat 0 4px; color : #464646; font-weight : normal; padding : 0 0 0 10px; margin : 0 2px 4px 2px; font-size : 11px; text-decoration : none; font-size: 12px} .boxReteta .boxRetetaCnt a.descriere:hover { color : #1EA3D7; text-decoration : underline; } .boxReteta .boxRetetaCnt .btn { display : block; position : absolute; bottom : 0; height : 32px; line-height : 32px; width : 220px; left : 17px; top: 310px; z-index: 3000 } .boxReteta .boxRetetaCnt .btn a.voteaza:hover { background : url(images/btn-a-h.jpg) no-repeat 0 0; } .boxReteta .boxRetetaCnt .btn a.votat { color : #9a9a9a; background : url(images/btn-b.jpg) no-repeat 0 0; } .boxReteta .boxRetetaCnt .btn p b, .boxReteta .boxRetetaCnt .btn p { margin : 0; color : #585954; font-size : 11px; } .boxReteta .boxRetetaCnt .btn p b { color : #000; } .boxReteta .boxRetetaCnt .decoc { text-align : left; margin : 0; } .boxReteta .boxRetetaCnt .decoc span{ display: block; font-size: 12px; color: #464646; margin-top: 5px;} .boxReteta .boxRetetaCnt .widget { text-decoration : none; position : absolute; right : 5px; top : 5px; background : url(images/btn_widget.jpg) no-repeat 0 0; width : 85px; height : 19px; display : block; color : #fff; text-align : center; text-transform : uppercase; font-size : 11px; line-height : 19px; } .boxReteta .boxRetetaCnt .widget:hover { background : url(images/btn_widget_h.jpg) no-repeat 0 0; } .boxReteta .boxRetetaCnt .decoc a { text-align : left; font-size : 12px; text-decoration : none; color : #1ea3d7; margin: 5px 0 0 0; } .boxReteta .boxRetetaCnt .decoc a:hover{text-decoration: underline} .boxReteta .boxRetetaCnt .decoc h3 a{color: #55524A; font-size: 11px; text-decoration: none} .boxReteta .boxRetetaCnt .decoc h3 a:hover{text-decoration: underline} .boxReteta .boxRetetaCnt .decoc input { cursor : pointer; background : url(images/btn_voteaza.jpg) no-repeat 0 0; width : 82px; height : 21px; border : 0; margin : 8px auto 0 auto; display : block; color : #fff; text-align : center; text-transform : uppercase; font-size : 11px; } .boxReteta .boxRetetaCnt .decoc input:hover { background : url(images/btn_voteaza_h.jpg) no-repeat 0 0; } .boxRetetaA { background : none; } .boxRetetaA img { float : right; margin : 100px 0 0 0; } .post-ratings {font-size: 9px;} .post-ratings img{z-index: 3000 !important; *margin-left: 2px !important; } .post-ratings img{ vertical-align: text-top;} p#top a{display: inline border: 1px solid red} p img.images{ text-align: left; padding: 0 5px 5px 0; float: left} .decoc a.premiu{} img.alignleft{float: left} h3.recipe{ font-size: 12px; color: #464646; float: left; width: 100%; margin: 5px 0 5px 0 !important} div.post-ratings{ float: left: margin-left: 48px; width: 250px; height: 22px; } span.post-ratings-text{ float: right; margin:-13px 0px 0px 0px; width: 40px; height: 12px; } img.post-ratings-image{margin-right:2px;} div.join{ float: left; font-size: 12px; background: #fff; border: 1px solid #1EA3D7; padding: 5px; margin-bottom: 10px; width: 1008px; text-align: center } div.join a{ color: #1EA3D7; text-decoration: none} div.join a:hover{ text-decoration: underline}