/* @override http://houseofblahnik.org/cms/wp-content/themes/metamorphosis/custom.css */

/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/
body {
	background: #c9cfcc url(images/HB-repeat-2.jpg) repeat-x;
}




.post h2 {
	font-size: 80%;
}



p#lead {
	font-size: 1.47em;
	line-height: 23px;
	font-weight: bold;
	margin-bottom: -10px;
	color: #537bba;
}


.page-header {
	width: 900px;
	height: 250px;
	border: 15px solid #f3f3f3;
	
	
}


#about.page-header {
	background: url(images/about-header.jpg) no-repeat;
}

h5 {
	font: bold 13px "Helvetica", Arial, san-serif;
	color: #4671bd;
}

#menu {
	background: url(hb-images/cat-nav-red.png) no-repeat bottom center;




}

#search input {
	background: #ac5050;
}


#catnav li:hover {	background: #7a1919;
}

/**************** FEATURE SLIDER CSS *****************/

div.clear {
	clear: both;
}
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
 
	#container{	
		margin:-1px auto 0 auto;
		position:relative;
		text-align:left;
		width:928px;
		height: 325px;
		clear: both;
		background:#fff;		
		margin-bottom:20px;
		border: 16px solid #000;

		}	
	
	#fslider-content{
		position:relative;
		overflow: hidden;
				}			
 
/* Easy Slider */
 
	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;	
		
		}
		
		#slider {
		position:relative;


}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width: 958px;
		height: 323px;


		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
	#nextBtn{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}												
 
/* // Easy Slider */



/*
	BLAHNIK SPECS

*/

.wrapper {
	width: 565px;
	position: relative;
	top: 100px;
	left: 393px;


}

span.feature-date {
	font: normal bold 14px "Helvetica", Arial, San-Serif;
	width: 200px;
	color: #fbff8b;
	padding: 5px 105px 5px 15px;
	background-color: #a7a7a7;
	text-transform: uppercase;
}


h1.feature-title {
	font: normal bold 30px "Helvetica", Arial, San-Serif;
	color: #70eae6;
	padding: 8px 0 8px 15px;
	margin: 5px 0 5px 0;
	background: #000;
}

span.feature-author {
	font: normal bold 14px "Helvetica", Arial, San-Serif;
	width: 200px;
	color: #c6162f;
	padding: 5px 105px 5px 15px;
	background-color: #18181a;
}

p.feature-p {
	font: normal 12px "Helvetica", Arial, San-Serif;
	line-height: 18px;
	width: 475px;
	color: #fff;
	padding: 15px 25px 10px 15px;
	margin: 0 0 0 25px;
	background-color: #18181a;
}

li#feature-one {
	background:  url(http://houseofblahnik.org/cms/wp-content/themes/metamorphosis/hb-images/about-sample-image.png) no-repeat center;
	
}

#social-media li  {
	list-style: none;
	float: left;
	margin-right: 2em;
	position: relative;
	right: 50px;
	
}

#social-media {
	width: 380px;

}

/*CONTACT PAGE*/

.col-left-contact {
	float: left;
	width: 525px;
}

.col-right-contact {
	float: right;
	width: 300px;
margin: 0 60px 0 0 ;
}




/* DONATE */


#dd-bar {


	margin: 0 auto;

	position: relative;

	top: 2px;

	height: 80px;

	background: #535353 url("images/donate_tag.gif") no-repeat 435px -1px;

	padding: 0 30px 10px 30px;
	
	color: #fff;
}



#clock {

	display: inline;

	position: relative;

	width: 420px;

	margin:0;

	float: left;

	padding-top: 25px;

}





#clock p {

	font: bold 26px "Lucida Grande", "Trebuchet MS", Verdana, Arial;

	

}

#donate-button {
	width: 100px;
	float: left;
	display: block;

}





#donate-button form {

	padding: 0;

	margin: 0;

	position: relative;

	}





#donate-button form input {

	margin: 0;

	position: relative;

	clear:none;

	float: none;

	display: block;

	top: 50px;

	left: 100px;

}



#donate-button form img {

	display: none;

}

#r-10 {
	background: url('images/r-10promo.jpg') no-repeat;
	width: 250px;
	height: 150px;
}