/*
Theme Name:     Mirrors
Theme URI:      http://www.wearethemirrors.com/
Author:         hny creative
Author URI:     http: //www.hnycreative.com/about/
Description:    Child theme for the Twenty Eleven theme built for The Mirrors 
Template:       twentyeleven
Version:        0.1.0
License:		Copyright (c) 2012, New Dominion Pictures LLC. All Rights Reserved.
License URI:    license.txt

License: Copyright The Mirrors 2012 - All Rights Reserved
License URI:
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/
@import url("../twentyeleven/style.css"); 
@import url("http://cdn-images.mailchimp.com/embedcode/classic-081711.css");
/*@import url("css/jquery-ui-1.8.16-custom.css");
@import url("css/zoom-showcase.css");*/

@charset "UTF-8";
html{
	background: #fff;
}
body{
	max-width: 1450px;
	background: #fff;
	padding: 0;
	margin: 0;
}
#mirrors-background{
	background: url(images/background.jpg) no-repeat fixed;	
	width: 100%;
	height: 100%;
	min-height: 870px;
}
#page {
	max-width: 1000px;
	mid-width: 925px;
}
.zero-opacity{
	opacity: 0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
}
ul {
	list-style: none;
}
/********Fonts********/
@font-face {
	font-family: 'Gotham-Book';
	src: url('fonts/Gotham-Book.otf');
}
@font-face {
	font-family: 'Gotham-Book-Light';
	src: url('fonts/Gotham-Light.otf');
}

/*****Branding********/
#branding {
	border-top: none;
	padding-bottom: 0;
	background: #fff;
	z-index: 1000;
	-webkit-border-radius-bottomleft: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;
}
#branding hgroup {
	margin: 0 7.6% 0 1%;
}
/*****Navigation********/
#access{
	background: #747474;
	background: -moz-linear-gradient(#747474, #666666);
	background: -o-linear-gradient(#747474, #666666);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#747474), to(#666666));
	background: -webkit-linear-gradient(#747474, #666666);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
	
	-webkit-border-radius-topleft: 10px;
	-webkit-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

#access div {
	margin: 0 7.6% 0 1%;
}
#access a {
	display: block;
	line-height: 2.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#access li:hover > a,
#access a:focus {
/*	background: #f9f9f9; /* Show a solid color for older browsers */
/*	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
/*	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
*/
}

#menu-primary-navigation a{
	font-size: 1.4em;
}
#menu-primary-navigation li:first-child a{
	-webkit-border-radius-topleft: 9px;
	-webkit-border-radius-bottomleft: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-bottomleft: 9px;
	border-top-left-radius: 9px;
	border-bottom-left-radius: 9px;
}

#menu-primary-navigation li a:hover{
	background: #1982D1; /* Show a solid color for older browsers */
	color: #fff;
}
#menu-primary-navigation li:first-child a:hover{
	background: #1982D1; /* Show a solid color for older browsers */
	color: #fff;

	-webkit-border-radius-topleft: 9px;
	-webkit-border-radius-bottomleft: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-bottomleft: 9px;
	border-top-left-radius: 9px;
	border-bottom-left-radius: 9px;
}
#menu-primary-navigation li:nth-child(2) a:hover{
	background: #16A3AC; /* Show a solid color for older browsers */
	color: #fff;
}
#menu-primary-navigation li:nth-child(3) a:hover{
	background: #FFC125; /* Show a solid color for older browsers */
	color: #fff;
}
#menu-primary-navigation li:nth-child(4) a:hover{
	background: #E51937; /* Show a solid color for older browsers */
	color: #fff;
}
#menu-primary-navigation li:nth-child(5) a:hover{
	background: #1982D1; /* Show a solid color for older browsers */
	color: #fff;
}
#menu-primary-navigation li:nth-child(6) a:hover{
	background: #16A3AC; /* Show a solid color for older browsers */
	color: #fff;
}
#menu-primary-navigation li:nth-child(7) a:hover{
	background: #FFC125; /* Show a solid color for older browsers */
	color: #fff;
}
#menu-primary-navigation li:nth-child(8) a:hover{
	background: #E51937; /* Show a solid color for older browsers */
	color: #fff;
}


/*************Sub Navigation*********************/
#access .menu-primary-navigation-container #menu-primary-navigation .sub-menu li:first-child a, #access .menu-primary-navigation-container #menu-primary-navigation .sub-menu li:first-child a:hover, 
#access .menu-primary-navigation-container #menu-primary-navigation .sub-menu li:first-child a:visited, #access .menu-primary-navigation-container #menu-primary-navigation .sub-menu li:first-child a:active{
	-webkit-border-radius-topleft: 0px;
	-webkit-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

/************************************************/
/************************************************/

h1, h2, h3, h4, h5, h6{
	font-size: 100%;
	font-weight:normal;
}
h1, h1 a{
	font-weight: normal;
}
#site-title{
	background: #fff;
}
#site-title a{
	font-size: 4em;
	font-weight: normal;
	font-family: 'Habibi', serif;
	text-transform: lowercase;
	color: #343434;
	
    -webkit-transition: color .4s ease;  
    -moz-transition: color .4s ease;  
    -o-transition: color .4s ease;  
    -ms-transition: color .4s ease;  
    transition: color .4s ease;
}
#site-title a:hover #title-word-1{
	color: #E51937;
}
#site-title a:hover #title-word-2{
	color: #16A3AC;
}
#site-title a:hover #title-word-3{
	color: #FFC125;
}
#site-title a:hover #title-word-4{
	color: #1982D1;
}
#site-title a:hover #title-word-5{
	color: #E51937;
}
#site-title a:hover #title-word-6{
	color: #16A3AC;
}
#site-title a:hover #title-word-7{
	color: #FFC125;
}
#site-title a:hover #title-word-8{
	color: #1982D1;
}

a, a:link, a:visited {  
	text-decoration: none;
    -webkit-transition: color .4s ease;  
    -moz-transition: color .4s ease;  
    -o-transition: color .4s ease;  
    -ms-transition: color .4s ease;  
    transition: color .4s ease;  
}    
a:hover {  
	color: #44AEFE;
	text-decoration: none;
}
/*****Page*********/
#main{
	background: transparent;
	/*opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
}
#page{
	background: transparent;
	margin-top: 0;
	margin-right: 0;
	/*opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
}
/********* Content *****************/
#nav-single{
	min-width: 9em;
}
.nav-next {
	
}
.singular .entry-title {
	font-weight: normal;
	color: #FFC125;
}
.entry-title, .entry-title a{
	color: #E51937;
}
.entry-title a:hover{
	color: #44AEFE;
}


h1.page-title a, h1.page-title{
	font-size: 28px;
	font-weight: normal;
	color: #44AEFE;
	line-height: 1em;
}
h1.page-title a:hover{
	color: #44AEFE;
}

.page-title {
	line-height: 1em;
	margin: 1em 0 1em;
}

#primary{
	width: 97%;
}
#content{
	margin: 0 10% 0 0;
	width: 60%;
	background: #fff;
	border-top: none;
	border-right: 2em solid #fff;
	border-left: 1.5em solid #fff;
	border-bottom: 2em solid #fff;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}
article{
	background: #fff;
}
.hentry, .no-results{
	border-bottom: 1px solid #CCC;
	padding: 0 0 3.25em;
}

.page{
	border-bottom: 0 solid #CCC;
}

#secondary{
	padding: 3% 0 5% 1%;
	margin-right: 2%;
	margin-left: 1.6%;
	background: #fff;
	float: right;
	width: 22%;
	/*opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;	
}
section.recent-posts .other-recent-posts .entry-title {
	border: none;
}
.widget .xoxo.blogroll{
	list-style: none;
	margin-top: 4%;
}
.ngg-galleryoverview {
	clear: none;
}
/*
.xoxo.blogroll li{
	clear: both;
	float: left;
	padding-right: 5%;
}
.xoxo.blogroll li:first-child{
	float: left;
	padding-right: 5%;
}
.xoxo.blogroll li:nth-child(3){
	clear: both;
	float: left;
	padding-right: 5%;
}
*/

/********* Special Case for Logo Images ***********/
#linkcat-2 ul{
	list-style: none;
	margin-top: 4%;
}
#linkcat-2  ul  li{
	clear: none;
	float: none;
	padding-right: 5%;
}
#linkcat-2  ul li:first-child{
	float: left;
	padding-right: 5%;
}
#linkcat-2 .xoxo.blogroll li:nth-child(3){
	clear: both;
	float: left;
	padding-right: 5%;
}


/********* Error Page *****************/
#post-0{
	background: #fff;
}
.error404 #primary {
	float: left;
	margin: 0 -26.4% 0 0;
	width: 100%;
}
.error404 #primary #content {
	margin: 0 34% 0 0;
	background: #fff;
	border-top: none;
	border-right: 2em solid #fff;
	border-left: 1.5em solid #fff;
	border-bottom: 2em solid #fff;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}
.error404 #main #searchform {
	width: 100%;
	background: #fff;
	border: 0 solid #fff;
	border-width: 1px 0;
	margin: 0;
	overflow: hidden;
	padding: 0.625em 0 1.625em 0;
	border-image: initial;
}
.entry-content #s, .error404 #main #s {
	width: 90%;
}
.error404 #main .widget {
	clear: none;
	float: right;
	margin-right: 1.4%;
	width: auto;
	background: #fff;
}
.error404 #main .widget_recent_entries{
	width: 45%;
	clear: none;
	float: none;
}
.widget-title{
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;	
	margin: 0;
}
/********* Sidebar *****************/
.widget{

	border-right: 0;
	border-left: 1em solid #fff;
	border-bottom: 2em solid #fff;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;	
}
	
/********* Footer *****************/
#site-generator, #site-generator a{
	background: transparent;
	border-top: none;
	font-weight: normal;
}
#hnycreative a, #hnycreative a:visited, #site-generator a,  #site-generator a:visited{
	color: #E6C03C;
}
#hnycreative a:hover, #site-generator a:hover{
	color: #DD9B1D;
}
#footer-div{
	max-width: 1000px;
	margin: 2em auto;
}
#footer-text{
	margin: 0 6.6%;
	width: auto;
	background: #fff;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	/*opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
}
img#wpstats {
    display: hidden;
    margin: 0;
}
/******************MailChimp***********************/
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;}
#mc_embed_signup input:focus {border-color:#555;}
#mc_embed_signup input { border: 3px solid #D0D0D0; -webkit-appearance: none; background-color: #EEE;}
#mc_embed_signup .mc-field-group input {padding: 12px 0;}
#mc_embed_signup .mc-field-group .asterisk {top: 54px; right: 0;}
#mc_embed_signup .mc-field-group input {padding: 12px 0 12px 3%;}
#mc_embed_signup .mc-field-group label { display: block; margin-bottom: 3px; font-weight: bold; }
#mc_embed_signup input:focus {border-color:#1982D1;}
#mc_embed_signup form {padding: 0 0 10px 0;}
.entry-content, .entry-summary {padding: 0;}

/******************End MailChimp*******************/
/********* Media Less than 800px *****************/
@media (max-width: 800px) {
	
	/*****Branding********/
	
	#branding {
		border-top: none;
		padding-bottom: 0;
		background: #fff;
		margin: auto auto;

		-webkit-border-radius: none;
		-moz-border-radius: none;
		border-radius: none;
	}
	#branding hgroup {
		margin: auto auto;
	}
	/*****************/
	#main #content {
		margin: 0 7.6%;
		width: auto;
		min-width: 550px;
	}
	
	
	/*****************/
	#site-title {
		margin: auto auto;
		padding: 1.65625em 0 0;
	}
	#site-title a{
		margin: auto auto;
		font-size: 2.4em;
	}
	#menu-primary-navigation a {
		font-size: 1.2em;
	}
	#main #secondary {
		float: none;
		margin: 0 7.6%;
		width: auto;
		/*opacity:0;
		filter:alpha(opacity=0); /* For IE8 and earlier */
		
	}
	.menu-primary-navigation-container{
		margin: auto auto;
	}
	#access div {
		margin: auto auto;
	}
	#access{
		-webkit-border-radius-topleft: 0;
		-webkit-border-radius-bottomleft: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-bottomleft: 0;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	#access a {
		line-height: 1.333em;
		padding: 0 1em;
	}
	.page-title {
		line-height: 1em;
		margin: 1em 0 1em;
	}
	.entry-title {
		font-size: 16px;
		line-height: 1em;
		padding-bottom: .2em;
		padding-top: 15px;
	}
	h1.entry-title a{
		font-size: 16px;
	}
	.sociable{
		min-width: 260px;
		width: auto;
	}
	#Google_p{
		float: left;
	}
	/********* Error Page *****************/
	
	.error404 #primary #content {
		margin: 0 7.6%;
		width: auto;
		background: #fff;
	}	
	.error404 #main .widget {
		clear: both;
		float: none;
		margin-right: 3.7%;
		width: auto;
		background: #fff;
	}
}