/*
	Theme Name: Tiaras & Tacones
	Description: Child theme of Genesis, by <a href="http://www.whiteleydesigns.com">Whiteley Designs</a>.
	Author: Matt Whiteley
	Author URI: http://whiteleydesigns.com
	
	Template: genesis
*/

/* Column Classes
 *
 * Width: 1000px
 * Gutter: 15px
 * Link: http://www.billerickson.net/column-class-generator/
*/
.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 1.5%;
}
 .one-half,
.three-sixths,
.two-fourths {
	width: 49.25%;
}
 .one-third,
.two-sixths {
	width: 32.333333333333%;
}
.four-sixths,
.two-thirds {
	width: 66.166666666667%;
}
.one-fourth {
	width: 23.875%;
}
.three-fourths {
	width: 74.625%;
}
.one-fifth {
	width: 18.8%;
}
.two-fifths {
	width: 39.1%;
}
.three-fifths {
	width: 59.4%;
}
.four-fifths {
	width: 79.7%;
}
.one-sixth {
	width: 15.416666666667%;
}
.five-sixths {
	width: 83.083333333333%;
}
.first {
	clear: both;
	margin-left: 0;
}

/***** Universal *****/
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
select,
textarea,
input {
	color: #333;
	font-family: "Times New Roman", Times, serif, 'Open Sans', Arial, Helvetica, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
body {
     background-image: url('images/background.gif');
}
h3.loop-item-title,
h3.loop-item-title a,
h1.page-header {
     font-size: 18px;
     font-weight: bold;
     line-height: 18px;
     color: #cc0066;
}
li,
ol,
ul {
	float: left;
}
.page-content li {
     width: 100%;
}
.page-content .slickr-flickr-gallery ul li {
     width: auto;
}
a,
a:visited {
	color: #cc0066;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
img {
	border: none;
	max-width: 100%;
	height: auto;
}
iframe {
	max-width: 100%;
}
.site-container {
     width: 890px;
     background-color: #fff;
     margin: 25px auto;
}

/*** for WP WYSIWYG image alignment ***/
img.alignleft {
	float: left;
	padding: 0 15px 15px 0;
}
img.alignright {
	float: right;
	padding: 0 0 15px 15px;
}
img.aligncenter {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
/***** Footer *****/
.site-footer {
     float: left;
     width: 100%;
     background-color: #fff;
     margin-bottom: 25px;
}
ul#menu-footer-menu {
     float: left;
     width: 100%;
     padding: 10px 20px;
     list-style-type: none;
     border-top: 1px solid #ffcccc;
     text-align: center;
     margin: 0;
}
ul#menu-footer-menu li {
     float: none;
     display: inline-block;
     line-height: 12px;
     height: 12px;
     margin-left: -3px;
}
ul#menu-footer-menu li a {
     font-size: 12px;
     padding: 0 6px;
     border-right: 1px solid #cc0066;
     line-height: 12px;
     height: 12px;
     float: left;
}
ul#menu-footer-menu li:last-child a {
     border-right: none;
}
.footer-copy {
     float: left;
     width: 100%;
     text-align: center;
     color: #cc0066;
     font-size: 12px;
}
.footer-copy a {
     color: #000;
}
/***** Interior Pages *****/
.site-inner,
.page-interior,
.interior-wrap {
     float: left;
     width: 100%;
     background-color: #fff;
}
.interior-wrap {
     padding: 10px;
}
.page-header-image {
     float: left;
     width: 100%;
     text-align: center;
}
.main-content {
     float: left;
     width: 74%;
     padding: 0 25px;
}
.home .main-content {
     padding: 0 10px;  
}
.main-content p {
     margin-bottom: 1.625em;
}
/***** Sidebar *****/
.page-sidebar {
     float: left;
     width: 26%;
     background-image: url('images/mainmenu.gif');
     background-position: 0 0;
     background-repeat: no-repeat;
     padding-top: 25px;
}
.page-sidebar .menu {
     list-style-type: none;
     padding-left: 17px;
     width: 87%;
}
.page-sidebar .menu li {
     float: left;
     width: 100%;
} 
.page-sidebar .menu li a {
     float: left;
     font-size: 12px;
     font-weight: bold;
}
.page-sidebar .menu li .sub-menu {
     list-style-type: none;
     padding-left: 20px;
}
/***** Home Page *****/
.main-slideshow-container {
     float: left;
     width: 100%;
}
ul.slideshow-con {
     float: left;
     width: 100%;
     padding: 37% 0 0 0;
     margin-top: 0;
}
ul.slideshow-con li {
     float: left;
     width: 100%;
}
ul.slideshow-con .slider-image,
ul.slideshow-con .slider-image img {
     width: 100%;
}
.fader_controls {
     display: none;
}
/***** Blog Pages *****/
.page-content .stButton .st-twitter-counter, 
.page-content .stButton .st-facebook-counter,
.page-content .stButton .st-email-counter,
.page-content .stButton .st-sharethis-counter {
     height: 23px;
}
img.blog-header {
     margin: 12px 0;  
}
.loop-item-con {
     float: left;
     width: 100%;
     border-bottom: 1px solid #ccc;
     margin-bottom: 25px;
     padding-bottom: 5px;
}
.home .loop-item-con.item-2 {
     border-bottom: none;
     margin-bottom: 0;
}

/******************/
/***** TABLET *****/
@media(max-width:889px) {
/***** Container *****/
.site-container {
     width: 100%;
     float: left;
}
/***** Home Page *****/
.home-boxes-con img {
     width: 30%;
}
.home-boxes-con img.blog-header {
     width: 100%;
}
}

/***** CONTENT TABS - Added 1/30/15 - Whiteley Designs *****/
.tab-container {
     float: left;
     width: 100%;
}
ul.content-tabs-header-con {
     float: left;
     width: 100%;
     list-style-type: none;
     display: inline;
     margin: 0;
     padding: 0;
}
ul.content-tabs-header-con li {
     float: left;
     padding: 7px 12px;
     background-color: #f9c6dd;
     margin-right: 5px;
     border-radius: 5px 5px 0 0;
     cursor: pointer;
     width: auto;
     border: 1px solid #eb008b;
     border-bottom: none;
     font-weight: bold;
     color: #C00072;
}
ul.content-tabs-header-con li.active,
ul.content-tabs-header-con li:hover {
     background-color: #eb008b;
     color: #fff;
}
ul.content-tabs-content-con {
     float: left;
     width: 100%;
     padding: 15px;
     list-style-type: none;
     border: 1px solid #eb008b;
     border-radius: 0 5px 5px 5px;
     margin: 0 0 15px 0;
}
ul.content-tabs-content-con li.tiara-tab-content {
     float: left;
     width: 100%;
     display: none;
}
ul.content-tabs-content-con li.tiara-tab-content.active {
     display: block;
}

/******************/
/***** MOBILE *****/
.mobile-navigation,
.mobile-menu-drop {
     display: none;
}
@media(max-width:499px) {
/***** Containers *****/
.site-container {
     margin: 0;
}
.interior-wrap {
     border: none;
}
.main-content {
     width: 100%;
}
.page-sidebar { 
     display: none;
}
/***** Header *****/
.mobile-navigation {
     display: block;
     float: left;
     width: 100%;
     height: 40px;
     line-height: 40px;
     text-align: center;
     background-color: #cc0066;
     color: #fff;
     font-weight: bold;
     font-size: 20px;
     text-transform: uppercase;
}
.mobile-menu-drop {
     position: absolute;
     top: 40px;
     width: 100%;
     background-color: #eee;
     z-index: 10;
}
.mobile-menu-drop ul {
     float: left;
     width: 100%;
     list-style-type: none;
     margin: 0;
     padding: 0;
}
.mobile-menu-drop ul li {
     float: left;
     width: 100%;
     border-bottom: 1px solid #cc0066;
     height: 30px;
     line-height: 30px;
     background-color: #eee;
}
.mobile-menu-drop ul li a {
     float: left;
     width: 100%;
     padding: 0 15px;
}
.mobile-menu-drop ul.sub-menu li a {
     padding: 0 15px 0 30px;  
}
/***** Footer *****/
.site-footer {
     border: none;
}
/***** Lightbox *****/
#outerImageContainer {
     width: 100% !important;
     height: auto !important;
}
#imageDataContainer {
     width: 100% !important;
}

/***** Content Tabs *****/
ul.content-tabs-header-con li {
     width: 95%;
     border: 1px solid #ccc;
     margin-bottom: -2px;
}
ul.content-tabs-content-con {
     margin-top: 1px;  
}

}