/*  

Theme Name: Perforated

Theme URI: http://webdesignledger.com/

Description: Web Design Ledger

Version: 1.0.1

Author: Henry Jones

Author URI: http://webdesignledger.com



*/



/* TABLE OF CONTENTS



01 - Global Elements

02 - Main Structure - Columns, clearfix

03 - Header - Header, Logo, navigation

05 - Main Content - Post boxes, post meta, comments, etc

06 - Sidebar - Ads, search, categories, etc

06 - Footer - Copyright



/*  01 - Global Elements -------------------------------------------------- */

/*------------------------------------------------------------------- */



@font-face {

	font-family: 'Museo 300';

	src: url('http://www.bspokeblog.com/fonts/Museo300-Regular.eot');

	src: local('Museo 300'), local('Museo-300'), url('Museo300-Regular.woff') format('woff'), url('http://www.bspokeblog.com/fonts/Museo300-Regular.otf') format('opentype'), url('http://www.bspokeblog.com/fonts/Museo300-Regular.svg#Museo-300') format('svg');

}





body {

	font-size:12px;

	font-family: 'Museo 300', Trebuchet MS, sans-serif;	

	font-weight: normal;

	width:auto; height:auto;

	padding: 0;

	margin: 0;

	background: url(images/bspoke-bg.jpg);	

	color:#6d6e71;	

}





p {

	line-height:21px;

	margin: 0 0 15px 0;	

}



ul {

	list-style: none;

	margin: 0;

	padding: 0;

}



li {

	margin: 0 0 0 0;

	padding: 0;

}



img {

	margin: 0;

}



a:link, a:visited {

	text-decoration: none;

	color: #ADAFB2;

}



a:hover {

	color: #58595b;

}



a img {

	border:none;

}



p a:hover {

	text-decoration: underline;

}







h1 a { display:block; text-indent:-9009px; background:url(http://www.bspokeblog.com/images/bspoke-logo.png) no-repeat; width:980px; height:59px; padding-top: 0px; margin:0;  }

h1 a:hover { display:block; text-indent:-9009px; background:url(http://www.bspokeblog.com/images/bspoke-logo.png) no-repeat 0 -59px; width:980px; height:59px; padding-top: 0px; margin:0; }









h2 {

	font-family: 'Museo 300', Trebuchet MS, sans-serif;	

	font-size:18px;

	font-weight:normal;

	color: #ADAFB2;	

	margin: 0 0 0 0;

}



h3 {

	font-family: 'Museo 300', Trebuchet MS, sans-serif;	

	font-weight:normal; 

	color: #ADAFB2;

	font-size:19px;

	margin: 0 0 15px 0px;

}



h4 {

	font-family: 'Museo 300', Trebuchet MS, sans-serif;	

	font-size:16px;	

	margin: 0 0 15px 0px;

}







/*  02 - Main Structure -------------------------------------------------- */

/*------------------------------------------------------------------- */



#container {

    background: url(http://www.bspokeblog.com/images/container-bg.jpg) no-repeat #FFF;

	margin: 0 auto;

	width: 1000px;		

	padding: 0 0 30px 0;

}



#mainColumn {

	width: 595px;

	margin: 0;

	padding: 0;

	float: left;

}



#sidebar {

	width: 405px;

	height:100%;

	float: right;

	margin: 0;

	padding: 0;	

	background: url(http://www.bspokeblog.com/images/sidebar-bg.jpg) no-repeat #fff; 

}



/* Clearfix ----------- */



.clearfix:after {

    content: " ";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



.clearfix {

    display: inline-block;

}



html[xmlns] .clearfix {

    display: block;

}



* html .clearfix {

    height: 1%;

}







/*  03 - Header -------------------------------------------------- */

/*------------------------------------------------------------------- */



#header{

	width:1000px;

	padding: 400px 0 25px 0;

	background:transparent; 

}



#logo {

	float: left;

	background: #ADAFB2;	

	text-align: center;

	padding: 10px 12px 10px 12px;

	margin: 0px 25px 0px 25px;

	font: 18px Georgia, "Times New Roman", Times, serif;

	font-weight: bold;

	color:#fff;

}



#mainNav{

	float: right;

	font: 20px Georgia, "Times New Roman", Times, serif; color:#4b4b4b;

	display: block;

	padding: 8px 0 0 0;

}



#mainNav li{

	margin: 0 25px 0 0;

	float: left;

}



#mainNav a:link, #mainNav a:visited {

	text-decoration: none;

	color: #595959;

}



#mainNav a:hover {

	color: #ADAFB2;

}





/*  04 - Content -------------------------------------------------- */

/*------------------------------------------------------------------- */



/* Main Post ----------- */



.mainPost {

	background:url(http://www.bspokeblog.com/images/post-heads.png) no-repeat;

	margin: 0;

	padding: 15px 40px 50px 40px;

}



.mainPost h3 {

	margin-left: 0;

}



.mainPost h2 a:hover {

	font-family: 'Museo 300', Trebuchet MS, sans-serif;	

	font-size:18px;

	font-weight:normal;

	color: #58595b;	

	margin: 0 0 15px 0;

}



.mainPost h3 a:hover {

	color: #58595B;

}



.postMeta {

	margin: 0 0 10px 0;	

}



.postMeta .date{

	float: left;

	padding: 0 20px 3px 5px;

	color: #a5a5a5;

	font-family: Courier, Courier New, serif; 

}



.postMeta .category{

	float: left;

	padding: 0 3px 3px 5px;

	color: #adafb2;

	font-family: Courier, Courier New, serif; 

}



.comment-bubble { width:19px; height:13px; background:url(http://www.bspokeblog.com/images/comment-bubble.jpg) no-repeat; float:right; margin:0px 0 0 0; }



.postMeta .commentCount{

	float: right;

	width: 25px;

	height: 25px;

	font-size: 10px;

	font-family: 'Museo 300', Trebuchet MS, sans-serif;	

}



.postMeta .commentCount a{

	text-align: center;

	line-height: 10px;

	display: block;

	color: #6d6e71;

}



.postMeta .commentCount a:hover{

	color: #ADAFB2;

}



.postMeta .category a:link, .postMeta .category a:visited{

	color: #ADAFB2;

}



#container .readMore {

	color: #fff;

	background-color: #ADAFB2;	

	padding: 5px 10px 5px 10px;

	text-align: center;

}



#container .readMore:hover {

	background: #595959;

}



.more-link {

	display: none;

}





/* Secondary Post ----------- */



#secondaryPosts {

	margin: 0;	

}



.secondaryPostRow {

	margin: 0;

	padding: 0;

}



.secondaryPost {

	background:url(http://www.bspokeblog.com/images/post-heads.png) no-repeat;

	width: 515px;

	margin:0 0 80px 0px;

	padding:15px 0 0 40px;

}



.secondaryPost p{

	margin-right: 25px;

}



.secondaryPost h2{

	font-size: 18px;

}



.secondaryPost h2 a:hover {

	color: #595959;

}



.secondaryPost img{

	width: 510px;

	height: auto;

}



.secondaryPost .postMeta {

	margin-right: 0px;

}



/* Pagination Links ----------- */



#paginationBar {	

	font-weight: normal;

	background: #adafb2;

}



#paginationBar a:link, #paginationBar a:visited{

	color: #fff;

}



#paginationBar a:hover{

	color: #c6d5df;

}



#paginationBar a{

	padding: 20px 25px 20px 25px;

	display: block;

	width: 100px;

}



#paginationBar .olderLink{

	float: left;	

}



#paginationBar .newerLink{

	float: right;	

}





/* Search ----------- */

#container .searchResult h3{

	margin: 0;

}





/* Comments ----------- */



#comments{

	padding: 0px 0 0 0;

	margin:0 0 0 15px;

}



#comments h3{

	color: #ADAFB2;

	margin-left: 25px;

}



.comment-content {

	padding:0;	

	border-bottom:0;

}



#comments .comment-content p{	

	font-size: 13px;

}



#comments a:hover {

	text-decoration: underline;

}



.commentlist, .commentlist ul {

	margin:15px 0 25px 0;

	padding:0;

	list-style:none;

}



.commentlist li {

	margin:0 25px 15px 25px; 

	padding:25px;	

	background: #f1f1f1;

	border: 1px solid #e1e1e1;

}

	

.commentlist li.alt, .thread-alt {

	

}

	

.commentlist li.no-comments {

	margin:55px 0 0 0;

	padding:0 30px;

	background:none;

	border:0;

}

	

.commentlist .children {

	margin:10px 0 0 0; padding:0;

	

}

	

.commentlist .children li {

	margin:0;

	padding:20px;

	background: #f6f6f6;

}

	

	

.commentlist li .comment-wrap {

	position:relative;

	text-align:left;

	margin: 0 0 25px 0;

}

	

.commentlist li .comment-text {

	margin:0;

	padding:10px 0 0 0;

	width:auto;

	height:auto;

	background:none;

	font-size: 13px;

}

			

.commentlist li .comment-author {

	margin:0;

	padding:0;

	width:auto;

	height:auto;

}



.commentlist li .comment-author strong{

	font-size: 19px;

}

			

.gravatar {

	margin:0 10px 0 0;

	padding:1px 0 0 2px;

	width:41px;

	height:40px;

	background:url(images/gravatar.gif) no-repeat top center;

	float: left;

}

				

.author {

	margin:2px 0 0 0; padding:0;

	width:auto; height:auto;	

}



#commentform{

	margin: 25px;

	padding: 0 0 25px 0;

}



#submit {

	color: #fff;

	background-color: #ADAFB2;	

	padding: 5px 10px 5px 10px;

	text-align: center;

	border: none;

}



#respond {

	padding: 15px 0 0 0;

	background:url(http://www.bspokeblog.com/images/comments-bg.jpg) no-repeat; 

}



.cancel-comment-reply{

	margin: 0 0 0 25px;

}





/*  05 - Sidebar -------------------------------------------------- */

/*------------------------------------------------------------------- */





#sidebar h3{

	color: #fff;

	font-size: 20px;

	margin: 0 0 5px 0;

}



/* Ads ----------- */



#ads{	

	margin: 0px 0 0 0px;

	display: block;	

}



#ads li{

	float: left;

	margin: 13px 0 0 15px;

	display: block;

	background: #444444;

	width: 125px;

	height: 125px;	

}





/* Lists ----------- */



.sidebarBox{

	padding: 15px 0 0 0;

	color: #fff;

	margin: 0 0 10px 15px;

}





/*Ads -----------------*/



#sidebarAds {

	padding: 15px 0 0 0;	

	margin: 0 0 10px 15px;

}





/* Search ----------- */



#search{

	margin: 0 0 0 15px;

	padding: 0 0 0 0;

}



#s{

	width: 160px;

	border: 3px solid #444444;

	padding: 3px;

}



#searchsubmit {

	color: #fff;

	background-color: #ADAFB2;	

	padding: 5px 10px 5px 10px;

	text-align: center;

	border: none;

	font-weight: bold;

	margin: 0 0 0 7px;	

}





/*  06 - Footer -------------------------------------------------- */

/*------------------------------------------------------------------- */



#footer {

	background: url(images/footer-bg.jpg); 

	width:100%;

	padding: 25px 0 25px 0;

}



.footer-content {

	margin:0px auto; 

	padding:0px;

	width:1000px;

	font-family: 'Museo 300', Trebuchet MS, sans-serif;

	font-weight: normal; 

	color:#fff;

	font-size:10px;

	line-height:15px;

}





ul.footer-left { float:left; width:400px; padding:65px 0 0 0; }

ul.footer-left li { margin:0px; padding:0px; }

ul.footer-left li a { text-decoration:none; color:#fff; }

ul.footer-left li a:hover { text-decoration:underline; color:#fff; }



ul.footer-right { float:right; width:300px; padding:20px 0 0 0; }

ul.footer-right li.bheard { text-align:right; padding:0 100px 0 0;  }

ul.footer-right li a { text-decoration:none; color:#fff; }

ul.footer-right li a:hover { text-decoration:underline; color:#fff; }



hr.dotted { height:0px; border-top:1px dotted #fff; border-right:0px; border-left:0px; border-bottom:0px; background: transparent; }

hr.dotted-header { height:0px; border-top:1px dotted #adafb2; border-right:0px; border-left:0px; border-bottom:0px; background: transparent; margin:2px 0 7px 0; }



.clear { clear:both; }



.bspoke-header{ width:980px; padding:195px 0 10px 0px; margin: 0 0 0 10px; background: url(http://www.bspokeblog.com/images/bspoke-header-bg.jpg) no-repeat; }



.bheard-contact-top { background:url(http://www.bspokeblog.com/images/bheard-top.jpg) no-repeat; width:340px; height:68px; margin:20px 0 0 3px; padding:0px; }
.bheard-contact-bottom { background:url(http://www.bspokeblog.com/images/bheard-bottom.jpg) no-repeat; width:340px; height:16px; margin:0 0 0 3px; padding:0px; }
ul.bheard-contact { background:url(http://www.bspokeblog.com/images/bheard-middle.jpg) repeat-y; width:290px;padding:10px 10px 10px 40px; font-family: Courier, Courier New, serif; color:#58595b; font-size:11px; line-height:18px; margin:0px 0 0 3px; }

ul.bheard-contact li { margin:0px; padding:0px; border:0px; }
ul.bheard-contact li a {  color:#58595b; text-decoration:none; }
ul.bheard-contact li a:hover {  color:#58595b; text-decoration:line-through; }

h6.contact { font-family: Courier, Courier New, serif; color:#58595b; margin:0px; font-size:15px; }





.twitter-feed { background: url(http://www.bspokeblog.com/images/twitter-bg.png) no-repeat bottom; width:400px; paddding:0px; margin:30px 0 0 10px; }

ul.tweets { margin:0px; padding:20px; }

ul.tweets li { margin:0px; padding:0px; }

ul.tweets li.twt { margin:0px; padding:0 0 10px 0; background: url(http://www.bspokeblog.com/images/tweet-bottom.png) no-repeat bottom;  }



ul.socialm { margin:30px 0 3px 0; padding:0px; }

ul.socialm li { float:left; font-family: Courier, Courier New, serif; color:#58595b; font-size:9px; }

ul.socialm li.follow { float:left; font-family: Courier, Courier New, serif; color:#58595b; font-size:9px; margin:0 20px 0 215px; padding:5px 0 0 0; }




.in-my-heart { background:url(http://www.bspokeblog.com/images/in-my-heart.png) no-repeat; width:347px; height:79px; margin:20px 0 0 3px; padding:0px; }
ul.in-my-heart-content { background:url(http://www.bspokeblog.com/images/in-my-heart-bkg.jpg) repeat-y; width:307px; margin:0 0 0 3px; padding:10px 30px 20px 10px; border-bottom:1px dotted #6d6e71; }
ul.in-my-heart-content li { font-family: Courier, Courier New, serif; color:#58595b; font-size:11px; line-height:17px; padding:0px; margin:0 0 20px 0; }



.emmy-lu-designer-diy { margin:20px 0 0 10px; }



.sidebar-left { float:left; width:200px; }

.sidebar-right { float:right; width:190px; }



.sponsored-by-top { width:168px; height:96px; background:url(http://www.bspokeblog.com/images/sponsored-by-top.png) no-repeat; margin:20px 0 0 0; }

ul.sponsored-by-middle { width:118px; background:url(http://www.bspokeblog.com/images/sponsored-by-middle.png); padding:0 25px;  }

ul.sponsored-by-middle li { margin:0px; padding:5px 0; }

.sponsored-by-bottom { width:168px; height:29px; background:url(http://www.bspokeblog.com/images/sponsored-by-bottom.png) no-repeat; }



.ad-space-available { width:168px; height:96px; background:url(http://www.bspokeblog.com/images/ad-space-available.png) no-repeat; margin:20px 0 0 0; }

.my-shop-top { width:168px; height:96px; background:url(http://www.bspokeblog.com/images/my-shop-top.png) no-repeat; margin:20px 0 0 0; }



.emmy-love { width;200px; margin:20px 0 0 0; padding:0px; }

.emmy-love-head { width:200px; height:98px; background:url(http://www.bspokeblog.com/images/emmy-love-head.png) no-repeat; }

ul.emmy-love-middle { width:150px; background:url(http://www.bspokeblog.com/images/emmy-love-middle.png) repeat-y; padding:0 25px; }

ul.emmy-love-middle li { margin:0px; padding:0px; font-family: Courier, Courier New, Serif; font-size:10px; line-height:15px; color:#6d6e71; }

ul.emmy-love-middle li.text { margin:0px; padding:5px 10px 0 7px; font-family: Courier, Courier New, Serif; font-size:10px; line-height:13px; color:#6d6e71; }

.emmy-love-bottom { width:200px; height:36px; background:url(http://www.bspokeblog.com/images/emmy-love-bottom.png) no-repeat; }





.dreaming-of { width:200px; margin:20px 0 0 0; padding:0px; }

.dreaming-of-head { width:200px; height:100px; background:url(http://www.bspokeblog.com/images/dreaming-of-top.png) no-repeat; }

ul.dreaming-of-middle { width:150px; background:url(http://www.bspokeblog.com/images/dreaming-of-middle.png) repeat-y; padding:0 25px; }

ul.dreaming-of-middle li { margin:0px; padding:10px 0; background: url(http://www.bspokeblog.com/images/list-bottom.png) no-repeat bottom; }

.dreaming-of-bottom { width:200px; height:36px; background:url(http://www.bspokeblog.com/images/dreaming-of-bottom.png) no-repeat; }



.favorites { width:340px; padding:20px 0 20px 20px; margin:20px 0 0 0; background: url(http://www.bspokeblog.com/images/favorites-bg.jpg); }

ul.blogs-i-heart { width:170px; padding:0px; margin:0px; float:left; }

ul.blogs-i-heart li { padding:5px 0; font-family: Courier, Courier New, Serif; font-size:11px; line-height:16px; color:#6d6e71; }

ul.blogs-i-heart li.endcap { padding:5px 0; margin:0 0 15px 0; font-family: Courier, Courier New, Serif; font-size:11px; line-height:16px; color:#6d6e71; }

ul.blogs-i-heart li a { color:#6d6e71; text-decoration:none; }

ul.blogs-i-heart li a:hover { color:#6d6e71; text-decoration:line-through; }



ul.listening-to { width:170px; padding:0px; margin:0px; float:left; }

ul.listening-to li.listen-head { padding:5px 0 10px 0; font-family: Courier, Courier New, Serif; font-size:11px; line-height:16px; color:#6d6e71; }

ul.listening-to li { padding:0; font-family: Courier, Courier New, Serif; font-size:11px; line-height:16px; color:#6d6e71; }

ul.listening-to li.artist { padding:0 0 10px 0; font-family: Courier, Courier New, Serif; font-size:11px; line-height:16px; color:#6d6e71; }

ul.listening-to li.top{ padding:5px 0 10px 0; font-family: Courier, Courier New, Serif; font-size:11px; line-height:16px; color:#6d6e71; margin:10px 0 0 0; }


input { border:0px; padding:8px; font-family: courier, courier new, serif; font-size:11px; background: #fbfaf6; margin:0px; }

textarea { border:0px; padding:8px; font-family: courier, courier new, serif; font-size:11px; background: #fbfaf6; }