/* Theme Name: BuyHTTP Fashion Author URI: http://www.buyhttp.com/wordpress_themes.html Description: Colorful theme with threaded comments and 4 widget-enabled areas. Author: BuyHTTP Template: buyhttp-fashion Version: 1.01 Tags: white, light, pink, two-columns, right-sidebar, fixed-width, translation-ready, threaded-comments, sticky-post . Released under the GPL. . /*# Reset ###################*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0} table{} fieldset,img{border:0} address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit} del,ins{text-decoration:none} li{list-style:none} caption,th{text-align:left} h1,h2,h3,h4,h5,h6{font-weight:normal} q:before,q:after{content:''} abbr,acronym{border:0;font-variant:normal} sup,sub{vertical-align:baseline} legend{color:#000} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit} input,button,textarea,select{font-size:100%} a:link,a:visited{outline:none} html{overflow:-moz-scrollbars-vertical} /* Mozilla scrollbar fix */ /*# Tags ###################*/ *{margin:0;padding:0;border:0} body{font-family:Arial, Helvetica, sans-serif;background:url(images/fa_header_bg.jpg) left top repeat-x} #wrapper{background:url(images/fa_bg.jpg) center top no-repeat} h1{} h2{} h3{} h4{} a{color:#000;text-decoration:underline} a:hover{text-decoration:none} p{margin:0 0} .tags { font-size:10px; margin-bottom:10px; } /*# Common ###################*/ .group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden} /* Automatically clears after any element with this class */ .fleft{float:left} .fright{float:right} .lclear{clear:left} .rclear{clear:right} .fclear{clear:both} .nobdr{border:none} blockquote, pre { border:1px dashed #B0BEC7; padding:8px 10px; margin:5px 0; } pre { font-family:'Courier New', Courier, Monospace, Fixed; overflow:auto; } .fixed, .clear { clear:both; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body #posts ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } html>body #posts li { margin: 7px 0 8px 10px; } #posts ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; } #posts ol { padding: 0 0 0 35px; margin: 0; } #posts ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } #sidebar ul, #sidebar ul ol { margin: 0; padding: 0; } #sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; } #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; } ol li, #sidebar ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; } /* End Entry Lists */ /*# Layout ###################*/ .wrapper{width:960px;margin:0 auto} #header{width:100%} #navcontainer{height:21px;overflow:hidden;margin-top:15px;background:url(images/fa_menubg.gif) repeat-x} #nav{width:942px} #nav li{display:inline;float:left;background:url(images/fa_menuitem_l.gif) left top no-repeat} #nav li li{display:none} #nav a{display:block;height:25px;line-height:25px;padding:0 15px 0 10px;float:left;font-size:12px;font-weight:bold;color:#D366BF;text-decoration:none;background:#FFF url(images/fa_menuitem_r.gif) right top no-repeat;margin:0 5px;text-transform:uppercase} #nav a:hover,#nav li.current_page_item a{background:FFF} #logo{padding:15px 0 18px 0;text-align:right} #container{ margin:0px auto; width:960px; } #content{background-image:url(images/fa_content_topimg.png); background-repeat:no-repeat; padding-top:7px; } #content_reptbg{ background-image:url(images/fa_content_bg.jpg); background-repeat:repeat-y ; width:960px; float:left; } #leftcolumn{ float:left; width:625px; padding:0px 6px;} #left_reptline{ background-image:url(images/fa_left_reptline.jpg); background-repeat:repeat-y; padding-top:17px; padding-bottom:8px;} #left_reptline h1{margin:0 10px;font-size:22px;font-weight:bold;color:#C562B2} #banner{ margin-left:12px;} #headline{ margin-top:20px;margin-bottom:18px;text-align:center} .comments_box{padding:7px;font-size:12px;line-height:18px} .comments_box h2{ font-size:18px; font-weight:normal; padding-left:5px; } .comments_box h2 a{text-decoration:none} .comments_box h2 a:hover{text-decoration:underline} .commentsbox_innerbg{ background-color:#e6e5e5; padding-top:20px; padding-left:12px; margin-top:6px; padding-bottom:2px; padding-right:12px;} div.date{ font-size:18px; font-weight:normal; background:url(images/fa_date_img.png) right top no-repeat;height:32px; line-height:32px; text-align:center; color:#FFFFFF;display:block;float:left;padding:0 10px 0 0} div.date span{background:url(images/fa_date_img.png) left top no-repeat;display:block;height:32px; line-height:32px;padding-left:10px} span.postdetails{font-size:11px;text-align:right;display:block;padding-bottom:10px} span.postdetails a{ font-weight:bold } .commentsbox_innerbg .post{font-size:12px; background-color:#FFFFFF; padding:15px 16px;clear:both} .more {padding-right:16px; line-height:25px; } .more a{font-size:11px; text-decoration:underline; color:#d96ac4; } .more a:hover{ text-decoration:none;} #left_bottomline{} .lnewspage{color:#d167bd; padding-right:335px; background-color:#f3f3f3; line-height:35px; clear:both} .lnewspage a{font-size:11px;font-weight:bold; color:#d167bd;padding-left:6px; } /* rightcolumn */ #rightcolumn{ float:right; width:311px; padding:0px 6px;} #rightcolumn h2{background-image:url(images/fa_rightmenu_img.jpg); background-repeat:no-repeat; width:300px; height:35px; font-size:18px; color:#FFFFFF; line-height:35px; padding-left:11px;} #searchbox{ background-color:#FFFFFF; padding-left:27px; padding-top:14px; padding-bottom:20px; margin-bottom:6px;} .search{ font-family:Arial, Helvetica, sans-serif; font-size:11px; height:19px;line-height:19px; width:196px; border:1px solid #b7b6b6; margin-right:4px;} .searchicon{ background-image:url(images/fa_search_bg.jpg); background-repeat:repeat-x;padding:0 5px; height:21px; color:#FFFFFF;font-size:12px; line-height:21px;cursor:pointer} #get_updatedbox{ background-color:#f3f3f3; padding-top:17px; padding-bottom:17px; padding-left:27px; margin-bottom:6px;} .getupdate{ font-family:Arial, Helvetica, sans-serif; font-size:11px; height:19px;line-height:19px; width:258px; border:1px solid #b7b6b6; margin-bottom:6px;} .getupdate_icon{background-image:url(images/search_bg.jpg); background-repeat:repeat-x; height:21px; color:#FFFFFF; text-align:center; font-size:12px} .rightbox{ background-color:#f3f3f3; padding-bottom:10px;margin-bottom:6px;} .rightbox ul{ padding:0px 10px;} .rightbox ul li{list-style:none outside; border-bottom:1px dotted #814b77; line-height:27px; padding-top:5px;} .rightbox ul li a{ list-style:none outside; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:normal; text-decoration:none;} .rightbox ul li a:hover{color:#d96ac4;} .newsletter{background:#f3f3f3; padding:10px;margin-bottom:6px;font-size:12px} .newsletter table td{padding:2px 0} .newsletter .txtfield{width:175px;height:20px;border:1px solid #CCC} .newsletter .captcha{width:75px;height:20px;border:1px solid #CCC} /* footer */ #footer{} #footer_bg{ background-image:url(images/fa_footer_bg.jpg); background-repeat:repeat-x; background-color:#6f105d;width:100% } #footer{ width:960px; margin:0px auto;} #footer_innerboxbg{ background-color:#f3f3f3; padding-top:11px; padding-left:11px; padding-right:11px; border-top:1px solid #804675} #footerbox_bg{ background-color:#814b77;width:938px} #footer_innerboxcomments{background-image:url(images/fa_footer_innerboxcomments.jpg); background-repeat:repeat-x;width:920px;height244px } .recentcomments_box{ width:285px;} .recentcomments_box h2{ font-size:18px; font-weight:normal; line-height:60px; padding-left:5px; color:#FFFFFF;} .recentcomments_innerbox{ background-color:#f7f7f7; padding-top:11px; padding-left:11px; padding-right:11px;} .recentcomments_innerbox h4{font-size:14px; font-weight:normal; margin-bottom:11px;} .recentcomments_innerbox span{font-size:10px;} .recentcomments_innerbox p{ background-color:#FFFFFF;font-size:12px; padding:9px; margin-top:8px;} .readmore_footer{ text-align:right; line-height:30px;} .readmore_footer a{font-size:11px; text-decoration:underline; color:#d96ac4; } .readmore_footer a:hover{ text-decoration:none;} .recentcomments_boxB{background-color:#cbcbcb; width:285px; padding-left:15px; padding-right:15px; padding-bottom:17px; margin-left:18px;} .recentcomments_boxB h2{ font-size:18px; font-weight:normal; line-height:60px; padding-left:5px; color:#814b77;} .recentcomments_innerboxC{ background-color:#f7f7f7; padding-top:11px; padding-left:11px; padding-right:11px; padding-bottom:23px;} .right_linksfooter{ padding:0px 10px;} .right_linksfooter li{list-style:none outside; border-bottom:1px dotted #814b77; line-height:26px; padding-top:4px;} .right_linksfooter li a{ list-style:none outside; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:normal; text-decoration:none;} .right_linksfooter li a:hover{color:#d96ac4;} #copyright{font-size:11px; color:#cbcbcb; line-height:25px; width:960px; text-align:center;} /*bottomboxes*/ .bottom{width:300px} .bottom1 h2{color:#FFF;line-height:40px;font-size:18px} .bottom1 ul ul{ background-color:#f3f3f3; margin-bottom:6px;padding:0 10px 10px 10px;min-height:203px} .bottom1 ul ul li{list-style:none outside; border-bottom:1px dotted #814b77; line-height:27px} .bottom1 ul ul li a{ list-style:none outside; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:normal; text-decoration:none;} .bottom1 ul ul li a:hover{color:#d96ac4;} .bottom1{margin-right:10px} .bottom2{background:#CBCBCB} .bottom2 h2{color:#814B77;line-height:40px;font-size:18px;margin:0 10px} .bottom2 ul ul{ background-color:#f3f3f3; margin-bottom:6px;padding:0 10px 10px 10px;margin:0 10px 10px 10px;min-height:203px} .bottom2 ul ul li{list-style:none outside; border-bottom:1px dotted #814b77; line-height:27px} .bottom2 ul ul li a{ list-style:none outside; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:normal; text-decoration:none;} .bottom2 ul ul li a:hover{color:#d96ac4;} .bottom3{margin-left:10px} .bottom3 h2{color:#FFF;line-height:40px;font-size:18px} .bottom3 ul{ background-color:#f3f3f3; margin-bottom:6px;padding:0 10px 10px 10px;min-height:203px} .bottom3 ul li{list-style:none outside; border-bottom:1px dotted #814b77; line-height:27px} .bottom3 ul li a{ list-style:none outside; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:normal; text-decoration:none;} /*bottomboxes*/ /*slideshow*/ #featured_posts{height:350px} .slide_cont{padding:4px 2px 0 2px;float:left;width:565px;height:200px} .slide_cont li{background:#DFDFDF;float:left;padding:5px 5px 0 5px} .slide_cont img{border:1px solid #CCC} .slide_cont a:hover img{border:1px solid #D167BD} .prev{display:block;width:20px;height:75px;background: url(images/fa_arrowleft.gif) no-repeat center;cursor:pointer;float:left;margin:100px 0 0 0} .next{display:block;width:20px;height:75px;background: url(images/fa_arrowright.gif) no-repeat center;cursor:pointer;float:left;margin:100px 0 0 0} /*slideshow*/ /* comments START */ .commentlist li { list-style-type:none; background:#F0DDF1; margin-bottom:10px; padding-bottom:1px; } .commentlist li .info { background:#CC63BE; padding:7px 10px 6px 15px; border-bottom:1px solid #FFF; } .commentlist li.pingcomment { background:#FFF; } .commentlist li.pingcomment a { color:#E05C23; } .commentlist li.pingcomment .info { background:#F1E9E1; border-bottom:none; margin-bottom:-1px; } .commentlist li.admincomment { background:#F6F9E7; } .commentlist li.admincomment .info { background:#ECF3D3; } .admincomment blockquote, .admincomment pre { background:#ECF3D3; border-color:#A6B97E; } .commentlist li .content { padding:8px 10px 0 15px; } .commentlist li .content p { margin-bottom:8px; overflow:hidden; } .info .pic { float:left; margin-right:10px; line-height:10px; } .info .pic img { background:#FFF; padding:1px; border:1px solid #999; } .info .author { margin-right:10px; float:left; } .info .count { float:right; text-align:right; font-size:10px; color:#666; } .info .date { font-size:10px; color:#666; } .info .authorname { font-weight:bold; } #respond { background:#F6F9E7; padding:10px 0 10px 15px; font-size:10px; margin-bottom:10px; } #respond #cancel-comment-reply-link { float:right; padding-right:10px; position:relative; } #respond .row { margin-bottom:5px; } #respond .textfield { width:200px; } #respond .feed { float:left; } #submit { font-size:10px; margin-right:10px; cursor:pointer; float:right; } #emoticon { float:right; margin-top:3px; margin-right:10px; } #comment { width:529px; } #commentnavi a.page-numbers { padding:6px 8px; text-decoration:none; margin:0 -2px; } #commentnavi a.page-numbers:hover { text-decoration:none; background:#ECF3D3; } #commentnavi span.pages { padding:0 10px 0 0; float:left; } #commentnavi span.current { background:#FFF; padding:6px 8px; font-weight:bold; margin:0 -2px; } .commentlist .children { padding-left:10px; } .commentlist .children li.comment, .commentlist .children #respond { border:5px solid #FFF; border-right:0; } .commentlist .children div.regularinfo { background:#CC63BE; } .commentlist .children div.admininfo { background:#ECF3D3; } .commentlist .children div.pinginfo { background:#F1E9E1; } /* comments END */