/*

Theme Name: Modern

Theme URI: http://www.modernflooringconcepts.org/

Description: Custom theme for MFC

Author: Bima Satria

Version: 1.0

Tags: custom, modern, flooring

*/



body {

  background: url('images/wood.jpg') top left;

  font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Tahoma;

  font-size: 12px;

  line-height: 1.4em;

  text-align: center;

}



h1.page-title, h1.entry-title {

  font-weight: normal;

  font-size: 30px;

  margin-bottom: 30px;

  font-family: 'Adobe Garamond Pro', Garamond, 'Times New Roman', Georgia;

}



#container {

  background: url('images/bg-container.jpg') top left repeat-y;

  border: solid 5px #aaa;

  border-radius: 15px;

  -moz-border-radius: 15px;

	-webkit-border-radius: 15px;

	behavior: url(css/border-radius.htc); 

	margin-bottom: 10px;

	text-align: left;

}



.clear {

  line-height: 0;

  font-size: 0;

  height: 0;

}



#header {

  position: relative;

  text-align: left;

}



#header #logo {

  position: absolute;

  top: 0;

}



.contact-top {

  text-align: center;

  font-family: 'Adobe Garamond Pro', Garamond, 'Times New Roman', Georgia;

  font-size: 28px;

  color: #fff;

  padding-top: 20px;

  margin-bottom: 10px;

}



.contact-top p {

  margin-bottom: 20px;

}



.contact-top p.contact {

  margin-bottom: 10px;

}



.contact-top a, .contact-top a:visited {

  background: url('images/phone.png') top left no-repeat;

  padding: 0 10px 10px 70px;

  font-size: 21px;

  line-height: 24px;

  text-decoration: none;

  color: #fff;

  text-transform: uppercase;

  margin-bottom: 10px;

  font-weight: normal;

  display: block;

  text-align: left;

  width: 220px;

}



.slides {

  border-radius: 10px;

  -moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	behavior: url(border-radius.htc);

	margin: 10px 0 0 10px;

	height: 320px;

	background: url('images/slide2.jpg') top left no-repeat;

}



.slides .slide-banner {

  background: #000;

  height: 76px;

}



.menu {

  margin: 10px 0;

}



.front-content {

  background: #fff;

  border: solid 3px #aaa;

  border-radius: 10px;

  -moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	behavior: url(css/border-radius.htc);

	margin: 10px 0 0 8px;

	padding-top: 5px;

}



#category .front-content {

  margin: 0;

}



.front-content img {

  float: right;

  margin: 0 10px 10px;

}



.front-content h3 {

  margin: 10px 10px 0px 15px;

}



.front-content h3 a, .front-content h3 a:visited {

  text-decoration: none;

  color: #000;

  font-size: 17px;

  font-weight: bold;

}



.front-content p {

  margin: 10px 10px 10px 15px;

}





.front-content p.subtitle {

  color: #0D87AC;

  margin: 5px 10px 10px 15px;

  font-weight: bold;

  font-size: 13px;

}



.menu-bottom {

  margin-top: 10px;

  background: #0072a8 url('images/bg-menu-btm.jpg') top left repeat-x;

  padding: 5px 40px;

  color: #fff;

}



.menu-bottom a, .menu-bottom a:visited {

  color: #fff;

  text-decoration: none;

  font-family: Garamond, 'Times New Roman', Georgia;

  font-size: 12px;

  letter-spacing: 1px;

}



.address {

  font-family: Garamond, 'Times New Roman', Georgia;

  font-size: 18px;

  text-align: center;

  margin-top: 20px;

  margin-bottom: 15px;

}



.tools {

  margin: 20px 0 0 20px;

}



.footer {

  color: #888;

  font-size: 11px;

  text-align: center;

  margin-bottom: 5px;

}



/* Blog */

#category {

  margin: 0 30px;

  padding: 30px 0;

}



#category .post {

  margin-bottom: 40px;

}



#category .post.special-item {

  background: url('images/new-item.png') 5px 5px no-repeat;

}



#category .post .date-box {

  background: #000;

  width: 35px;

  text-transform: uppercase;

  text-align: center;

  float: left;

  display: inline;

  line-height: 1.5em;

  padding: 5px;

}



#category .post .date-box .date {

  font-size: 18px;

  font-weight: bold;

  color: #fff;

}



#category .post .date-box .month {

  font-size: 10px;

  letter-spacing: 2px;

  color: #fff;

  

}



#category .post .post-entry {

  margin-left: 60px;

}



#category .post .post-entry h2 {

  padding: 5px 0 10px 0;

  margin: 5px 0 0 0;

  border-bottom: solid 1px #aaa;

}



#category .post .post-entry h2 a, #category .post .post-entry h2 a:visited {

  text-decoration: none;

  color: #000;

  font-size: 18px;

  font-weight: normal;

}



#category .post .post-entry .post-info {

  margin-bottom: 20px;

  margin-top: 0;

  padding: 5px 0;

  border: dotted 1px #ddd;

  border-width: 1px 0;

  font-size: 11px;

}



#category .post .post-entry .post-info a, #category .post .post-entry .post-info a:visited {

  color: #69f;

  text-decoration: none;

}



#category .post .post-entry .post-entry .post-content {



}



#category .post .post-entry a.more, #category .post .post-entry a.more:visited {

  color: #a00;

  font-weight: bold;

  text-decoration: none;

}



/* Specials at top of the page */

#special {

  background: #fdfde1;

  padding: 10px;

  border: solid 2px #fdfcae;

  border-width: 2px 0;

  margin-bottom: 20px;

}



#special .info {

  text-transform: uppercase;

  margin: 0 0 5px 0;

  padding: 0;

  color: #38a7fc;

  font-size: 11px;

  font-weight: bold;

}



#special h3 {

  font-size: 18px;

  font-weight: normal;

  color: #000;

  margin: 0 0 10px;

}



#special .entry p {

  margin-bottom: 0;

}



/* Slideshow in Category page */

.cat-slideshow {

  

}



.cat-slideshow div.content {

	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */

	display: none;

	width: 570px; 

}

.cat-slideshow div.slideshow-container {

	position: relative;

	clear: both;

	height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */

}

.cat-slideshow div.slideshow {

  text-align: left;

}

.cat-slideshow div.slideshow img {

  width: 570px;

  height: 450px;

}

.cat-slideshow div.slideshow span.image-wrapper {

	display: block;

	position: absolute;

	top: 0;

	left: 0;

}

.cat-slideshow div.slideshow a.advance-link {

	display: block;

	width: 570px;

	height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */

	line-height: 0; /* This should be set to be at least the height of the largest image in the slideshow */

	text-align: center;

	margin: 0;

}

.cat-slideshow div.slideshow a.advance-link:hover, .cat-slideshow div.slideshow a.advance-link:active, 

.cat-slideshow div.slideshow a.advance-link:visited {

	text-decoration: none;

}

.cat-slideshow div.slideshow img {

	vertical-align: middle;

	border: 1px solid #ccc;

}

.cat-slideshow ul.thumbs {

	clear: both;

	margin: 0;

	padding: 0;

}

.cat-slideshow ul.thumbs li {

	float: left;

	padding: 0;

	margin: 5px 5px 0 0;

	list-style: none;

}

.cat-slideshow a.thumb {

	padding: 0;

	display: block;

}

.cat-slideshow ul.thumbs li.selected a.thumb {

	background: #000;

}

.cat-slideshow a.thumb:focus {

	outline: none;

}

.cat-slideshow ul.thumbs img {

	border: none;

	display: block;

}



/* Galleria */

#galleria{

  height:440px;

}





/* Link love */

.linklove {

  visibility: hidden;

}

/* logo slider */
#logo-container{
	text-align:left;
	width:586px;
	height:87px;
	background:url(images/logo-slider-bg.jpg) no-repeat left top;
	margin:0 auto;
	padding:0 0 14px 0;
}
#logo-container ul{
	list-style:none;
}
#logo-container ul li{
	list-style:none;
}

/*Harwood Post*/
#hardwood{
	font-family: 'Adobe Garamond Pro', Garamond, 'Times New Roman', Georgia;

}

ul.listing {
	list-style-image:none;
	list-style-type:none;
}

.listing_hardwood {
	
}
.listing_hardwood a {
	color:#8B3F18;
}

ul.listing li {
	padding-left:30px;
	background:url(http://modernflooringconcepts.com/images/bluedot.png) no-repeat top left;
	line-height:18px;
	padding-bottom:15px;
	font-size:16px;
	font-weight:bold;
	color:#8B3F18;
}

/*Hardwood Content*/
.hardwood-content {
	font-family: 'Adobe Garamond Pro', Garamond, 'Times New Roman', Georgia;
	text-align:justify;
}
#category .hardwood-content {

  margin: 0;

}
.hardwood-content img {

  float: right;

  margin: 15px 5px 0px 0px;

}
.hardwood-content h3 {

  margin: 5px 5px 0px 10px;
  line-height:18px;
}
.hardwood-content h3 a, .hardwood-content h3 a:visited {

  text-decoration: none;

  color: #5699B8;

  font-size: 16px;

  font-weight: bold;

}

.hardwood-content p {

  margin: 10px 10px 10px 10px;
  color:#663423;
  font-size:16px;
  font-weight:bold;
}

/*Hardwood Conatct*/
.hardwood-contact {
	border-top: 1px solid #5E4018;
	font-family: 'Adobe Garamond Pro', Garamond, 'Times New Roman', Georgia;
	text-align:justify;
	margin-top:120px;
}
.hardwood-contact p{
	text-align:justify;
	margin-top:20px;
	color:#7D3B19;
	height:33px;
	font-size:18px;
	font-weight:bold;
}
.hardwood-contact table{
	text-align:justify;
	margin-top:20px;
	color:#7D3B19;
	font-size:18px;
	font-weight:bold;
}