/*
Theme Name: Pepperface
Theme URI: http://aguspriyanto.com/
Description: Pepperface Theme.
Author: Agus Priyanto
Author URI: http://aguspriyanto.com/
Version: 1.0

License:
License URI:

General comments (optional).
*/
body {	
	font: 15px Abel;	
	margin:0;
	padding:0;
	color:#666;	
}
html, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, img {
	margin:0;
	padding:0;
	border:0;
	text-decoration: none;
}
a{
	color:#666;
}

/* Custom */
.left{
	float:left;	
}
.right{
	float:right;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear{
	clear: both;
}
.caps{
	text-transform:uppercase;
}

/* Header */
#header{
	width:928px;
	margin:0 auto;
}
.logo{
	margin:20px 0;
}
.topline{
	background:url(images/topline.jpg) repeat-x ;	
	max-width:500px;
}
.shadow{
	background:url(images/shadow-divider.png) no-repeat right bottom;
	min-width:393px;	
}
.fbicon{
	margin: 10px 10px 5px;
}
.top-menu ul{
	float:right;
	list-style:none;
}
.top-menu li{
	float:left;
	margin:13px 10px;
}
.top-menu li a{
	font-size:10pt;
	text-transform:uppercase;
}
.shop{
	background:url(images/shopping-bag.png) no-repeat left center;
	margin:15px 20px;
	font-size:10pt;
	text-transform:uppercase;
	padding-left:14px;
}
.shop span{
	font-size:9pt;
	font-style:italic;
}
#widgetshoppingcart h3, #widgetshoppingcart thead, #widgetshoppingcart tbody, #widgetshoppingcart .pricedisplay, #widgetshoppingcart #cart-widget-links, #widgetshoppingcart .cart_message{
	display:none;
}
#widgetshoppingcart .cart-widget-count{
	width:auto;
}
#widgetshoppingcart .shoppingcart{
	padding:0;
}
.shopping-cart-wrapper .empty{
	margin-top: 2px !important;
	margin-left: 2px !important;
}
.main-menu ul{
	float:right;
	list-style:none;
}
.main-menu li{
	float:left;
	margin:13px 10px;
}
.main-menu li a{
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}
.main-menu li:hover a, .main-menu li a:hover, .main-menu .current_page_item a, .page-template-resources-php .menu-item-41 a{
	color:#97029b;
}

/* Featured */
#featured{
	background:url(images/bg-fea.jpg) repeat-x;	
}
.page-template-default #featured, .page-template-login-php #featured{
	display:none;
}
.main-fea{
	width:1144px;
	height:447px;
	margin:0 auto;
}
.home .main-fea{
	background:url(images/main-fea.png) no-repeat;
}
.page-template-product-php .main-fea{
	background:url(images/fea-product.png) no-repeat 45% center;
}
.page-template-celebrity-php .main-fea{
	background:url("images/fea-celeb.png") no-repeat 108% center ;
}
.page-template-press-php .main-fea{
	background:url("images/press-quote.png") no-repeat 90% center;
	height:275px;
}
.page-template-awareness-php .main-fea{
	background: url("images/fea-aware.jpg") no-repeat scroll 160% center;
    height: 273px;
    width: 1260px;
}
.page-template-resources-php .main-fea{
	background: url("images/fea-resources.jpg") no-repeat scroll right center;
    height: 275px;    
}
.inner{
	width:928px;
	margin:0 auto;
}
.video{
	background-color:#9ecabf;
	padding:10px;
}
.video h4{
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
}
.content-fea{		
	color:#fff;	
}
.home .content-fea{
	font:12pt Abel;
	width:580px;
	margin-top:28px;
}
.page-template-celebrity-php .content-fea{
	font:14pt Abel;
	width:450px;
}
.page-template-press-php .content-fea{
	font:14pt Abel;
	width:500px;
	margin:30px 0;
}
.page-template-awareness-php .content-fea{
	font:14pt Abel;
	width:530px;
	margin:30px 0;
}
.page-template-product-php .content-fea{
	font:14pt Abel;
	width:480px;
	margin-top:50px;
}
.page-template-resources-php .content-fea{
	font:14pt Abel;
	width:370px;
	margin:30px 0;
}
.page-template-celebrity-php .content-fea p{
	margin-top:10px;
}
.page-template-press-php .content-fea p, .page-template-awareness-php .content-fea p, .page-template-product-php .content-fea p, .page-template-resources-php .content-fea p{
	margin-top:20px;
}
.logo-celeb{
	margin-top:25px;
}
#featured h1{
	font-family:Codystar;	
	text-transform:uppercase;	
	font-weight:normal;
}
.home #featured h1{
	font-size:39pt;
}
.page-template-celebrity-php #featured h1, .page-template-press-php #featured h1, .page-template-awareness-php #featured h1, .page-template-resources-php #featured h1{
	font-size:28pt;
}
.page-template-celebrity-php #featured h1 span{
	font-size:17pt;
}
.star{
	background:url(images/star-flag.png) no-repeat left top;
	width:59px;
	height:69px;
}
.goldspray{
	margin:15px;
}
.btn-shop{
	margin:20px 10px;
}
.doubleline{
	height:3px;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	margin-top:10px;
	width:286px;
	margin-left:15px;
}
.pro-menu ul{
	list-style:none;
	margin-top:10px;	
}
.pro-menu li{
	float:left;
	padding-bottom: 5px;
}
.pro-menu .current{
	background:url(images/selected.png) no-repeat center bottom ;
}
.pro-menu a{
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
	margin:0 15px;
}
.protect ul {
	color:#fff;
	padding:90px 0px;
	width:100%;
}
.protect li {
    font-family: 'Berkshire Swash';
    font-size: 19px;
    list-style: none;
    text-align: center;
}

/* Main */
#main{
	width:936px;
	margin:0 auto;
	background:url(images/dashes.jpg) no-repeat;	
}
.page-template-celebrity-php #main{
	margin-bottom:30px;
}
.page-template-product-php #main, .page-template-resources-php #main{	
	width: auto;	
	background: none;
}
.protect{
	background: url(images/protect.png) no-repeat;
	position: absolute; 
	margin-top: -100px; 
	margin-left: 25px;
	width: 149px;
	height: 149px;
}
.testi {
    background: url(images/quotes.png) no-repeat left center;
    font-size: 18px;
    padding: 28px 0 28px 45px;
}
.testi span{
	font-style:italic;
	text-transform:uppercase;
}
.separator{
	height:56px;
}
.separator-pro, .separator-reso{
    background: url("images/dashes.jpg") no-repeat scroll center 0 #EAEAEC;
    height: 70px;	
}
.separator-pro ul{	
	list-style:none;
	padding-left: 240px;
    padding-top: 25px;
}
.separator-reso ul{
	list-style:none;
	padding-left: 40px;
    padding-top: 25px;
}
.separator-pro li, .separator-reso li{
	float:left;	
}
.separator-pro a{
	font-size:20px;
	color:#727272;
	text-transform:uppercase;
	margin-right:80px;
	padding-bottom:20px;	
}
.separator-reso a{
	font-size:20px;
	color:#727272;
	text-transform:uppercase;
	margin-left:100px;
	padding-bottom:20px;	
}
.separator-pro a:hover, .separator-pro .selected a, .separator-reso a:hover, .separator-reso .selected a{
	color:#333;
	background:url(images/selected.jpg) no-repeat center bottom;
}
.col{
	width:309px;
	height:212px;
}
.c-row{
	background:url(images/bg-celeb.png) no-repeat right top;
	height:auto;
}
.images{
	width:212px;
	height:212px;
}
.note{
	margin-top:15px;
}
.zoom{
	margin:8px;	
}
.detail {
    color: #333333;
    font-size: 14px;
    margin: 10px 25px 10px 10px;
}
.page-template-product-php .detail{
	min-height:60px;
}
.detail h5{
	font-size:14pt;
	font-weight:normal;
	padding-top:10px;
	background:url(images/tborder.jpg) no-repeat;
}
.page-template-product-php .detail h5{
	margin-left:40px;	
}
.c1{
	background:url(images/kelly.png) no-repeat left bottom #5f5f5f;
}
.c2{
	background:#f0f0f0;
}
.c3{
	background:url(images/heat.png) no-repeat 90% center #ef6348;
}
.c3 .margin{
	margin:15px;
	color:#fff;
	font-size:32px;
}
.c3 h4{
	font-size:20px;	
	font-weight:normal;
	color:#fff;
	text-transform:uppercase;
}
.dividers{
	background:url(images/dividers.png) no-repeat center center;
	margin:20px 0 0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.all-logo ul{
	list-style:none;
	position:relative;
	left:50%;
}
.all-logo li{
	position:relative;
	right:50%;
	float:left;
}
#main tr td{
	padding:0 15px;
}
.collection{
	background:url(images/shadow-pro.png) no-repeat center top;
	padding: 30px 0 20px;
}
.collection-reso{
	background:url(images/shadow-pro.png) no-repeat center top;
	padding: 50px 0;
}
.collection h2{
	color:#990099;
	text-transform:uppercase;	
	font-size:27px;
	text-align:center;
	font-family:Codystar;
}
.pepper img{
	width:216px;
	height:216px;
	padding: 15px 0;	
}
.colp{
	width:309px;
}
.desc{
	margin-left:50px;		
	margin-bottom: 15px;
}
.desc1{
	width:50px;
}
.desc2{
	width:200px;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	color:#333;
	line-height:20px;
}
.desc2 span{
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
}
.buy-btn{
	width:38px;
	height:39px;
	display:block;
	background:url(images/btn_buy.png) no-repeat;
}
.buy-btn:hover{	
	background:url(images/btn_buy2.png) no-repeat;
}

/* Content */
.content{
	width:634px;
	background:url(images/vertical-shadow.png) no-repeat right top;
	min-height:1183px;
}
.vid{
	width:310px;
	float:left;
	margin-bottom:25px;
}
.vd{
	width:310px;
	height:210px;
	overflow:hidden;
}
.vc{	
	margin:15px 5px;
	font-size:14px;
}
.vc h5 {   
    font-size: 14pt;
    font-weight: normal;    
}
.vc1{
	width:34%;
	text-align:center;
}
.vc2{
	width:64%;
}
.post {
    border-bottom: 1px solid #999999;
    color: #666666;
    font-size: 15px;
    margin-bottom: 35px;
    padding-bottom: 25px;
    width: 550px;
}
.post-aware {    
    color: #333;
    font-size: 15px;
    margin-bottom: 35px;	
}
.post h2{
	color:#990099;
	font-size:24px;
	font-style:italic;
	text-transform:uppercase;
	font-weight:normal;
}
.post-aware h3{
	font-size:18px;	
	text-transform:uppercase;
	font-weight:normal;
	color:#666;
}
.post-aware h3.withm{
	padding:10px 0;
}
.states {
    background: url(images/tborder.jpg) no-repeat scroll left bottom transparent;
    padding: 20px 0;
	font-size:18px;	
}
.states li{
	list-style:none;
	float:left;
	width:45px;
}
.states a{
	font-size:19px;
}
.meta{
	color:#999;
	font-size:15px;
	margin-bottom:20px;
} 
.meta a, .meta span{
	color:#333;
}
.post .image{
	margin-bottom:15px;
}
.post .more{
	color:#990099;
	font-size:13px;
	font-style:italic;
}
.list-state{
	padding:20px 0;
}
.page-template-product-php .wpsc_buy_button{
    background: url(images/btn_buy.png);
    display: block;
    height: 39px;
    width: 38px;
    border:none;
    cursor:pointer;
}
.page-template-product-php .wpsc_buy_button:hover{
    background: url(images/btn_buy2.png);
}
.why-btn {
    background: url("images/why_btn.png") no-repeat scroll 40px center #97029b;
    clear: right;
    color: #fff;
    float: right;
    font-size: 17px;
    font-weight: 600;
    line-height: 35px;
    margin-top: 5px;
    padding-left: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 248px;
}
.why-btn:hover {
	background: url("images/why_btn2.png") no-repeat scroll 40px center #fff;
	color: #97029b;
}
.cproduct {
    background: url("images/btn_buy.png") no-repeat;
    display: block;
    height: 39px;
    text-indent: -9999px;
    width: 38px;
}
.cproduct:hover{
    background: url("images/btn_buy2.png");
}

/* Sidebar */
.sidebar{
	width:276px;
}
.redbox{
	background-color: #EF6348;
	cursor: pointer;
	color: #FFFFFF;
	padding: 15px 10px;
}
.redbox h2{
	text-transform:uppercase;
	font-size:30px;
	font-family:Codystar;
	text-align:center;
}
.redbox h3{
	text-transform:uppercase;
	font-size:20px;	
	text-align:center;
	font-weight:normal;
}
.redbox .steel{
	text-align:center;
	margin:20px 0;
}
.redbox .text{
	width:90%;
	margin:15px auto;
}
.sidebar .celeb{
	margin:10px 0;
}
.gcart{
	margin-bottom:20px;
}

/* Footer */
#footer{
	background:url(images/shadow.png) no-repeat center top #e4e4e4;	
}
#footer a{
	color:#999;
}	
.colf{	
	min-height:150px;
	margin-top:25px;
	font-size:14px;
	color:#999;
}
.colf ul{
	list-style:none;
}
.colf li a{
	text-transform:uppercase;
}
.f1, .f2{
	width:18%;
}
.f3, .f4{
	width:31%;
}
.f4 div{
	text-align:right;		
}

/* Custom Shop */
.page-id-56 .post{
	width: 600px !important;
}
#checkout_page_container{
	width: 600px !important;
}
#wpsc_shopping_cart_container > h2 {
    border-top: 1px solid #999999;
    margin-top: 10px;
    padding-top: 10px;
}
.wpsc_email_address {
    border-top: 1px solid #999999;
    margin-top: 10px;
    padding-top: 10px;
}
.wpsc_checkout_table.table-2, .wpsc_checkout_table.table-4 {
    border-top: 1px solid #999999;
    margin-top: 10px;
    padding-top: 10px;
    width: 100%;
}