/*
Theme Name:     Twenty Cluny
Theme URI:      http: //twentycluny.com/
Description:    Customized by Domenic Macri for Twenty Cluny 
Author:         Domenic Macri
Author URI:     http: //domenicmacri.com/
Template:       twentyeleven
Version:        0.1.0
*/
@import url("../twentyeleven/style.css");

/*OVERRIDES*/
#page {background: black; margin: auto; max-width: 904px;}
img[class*="align"], img[class*="wp-image-"] {border: none; padding: 0;}
#branding hgroup, #site-title {margin: 0; padding: 0;}
#branding {border: none; width: 904px; margin: auto;}
#branding img {width: 904px; margin: 0 auto;}
#site-generator {background: black; border: none; color: #f8e9d6; font-size: 10px; line-height: 2.2em; padding: auto; text-align: center;}
p {color: #f8e9d6; font-size: 12px;}
p img {margin-bottom: -1.625em;}
.singular .entry-title {color: #f8e9d6; font-size: 12px; font-weight: 100; letter-spacing: 4px; text-align: center; padding: 0; line-height: normal;}
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {width: 100%;}
.singular.page .hentry {padding: 0;}
.singular #content, .left-sidebar.singular #content {margin: 0;}
a {color: #f8e9d6;}
#access div {margin: 0;}
/*END OVERRIDES*/

/*MENU*/

#access a {line-height: 36px; color: #f8e9d6; font-size: 12px;}

#access div ul.menu {margin: auto;}

#access ul ul {width: 400px; top:-36px;}

#access ul ul a {
	width: auto;
	background: #e7d8c5;
	border-right: 1px dotted black;
	font-size: 12px;
	}
	
#access li:hover > a, #access ul ul :hover > a, #access a:focus {
	background: #f8e9d6;
	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8e9d6), to(#e7d8c5));
	color: black;
	}
	
#access li.current-menu-parent a {text-decoration: underline overline; font-weight: 100;}
#access li.current-menu-parent ul li.menu-item a {text-decoration: none;}
#access li.current-menu-item a, #access li.current-menu-parent ul li.menu-item.current-menu-item a {text-decoration: underline overline; font-weight: 100;}


/*END MENU*/

* {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-align: justify;
	line-height: 14px;
	}
	
body {
	margin: 0px; 
	padding:0px;
	text-align:center;
	font-family: "Gothic", Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	}

#page { width:100%; max-width: 100%;}
#branding {padding-top: 36px; padding-bottom: 0;}

#box, #main {
	display: block;
	width: 904px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	}	
	
.entry-header {padding-bottom: 10px;}
.content {
	display: block;
	width: 100%;
	margin:auto;
	position: relative;
	clear: both;
	}


#colophon {padding-top: 20px;}

/*legacy*/
#logo {
	display: block;
	width: 100%;
	margin: 0;
	padding: 30px 0 0 0;
	clear: both;
	}
	
#collection_title {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 0 20px 0;
	clear: both;
	}
	
p.spaced {
	font-size: 1.2em;
	letter-spacing: .4em;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
#footer1 {
	display: block;
	width: 100%;
	margin:auto;
	padding-top: 8px;
	clear: both;
	line-height: 20px;
	}
	
#footer1 span.year {color: #FCECDC; font-size: .85em;}
	
#footer_sales {
	display: block;
	width: 100%;
	margin:auto;
	padding-top: 20px;
	clear: both;
	line-height: 20px;
	}

.row {
	display: block;
	clear:both;
	}
	
.col {
	width: 288px;
	padding: 10px 0;
	}
	
.c1 {
	float: left;
	}
	
.c2 {
	float: left;
	padding-left:  20px;
	padding-right:   20px;
	}
	
.c3 {
	float: left;
	}
	
.onecol {padding-left: 308px;}
.twocol {padding-left: 154px;}
	
.clear {clear: both;}

.hidden {display: none;}

.sales {padding: 10px 0; line-height: 3em;}
.sales img {margin-left: 156px;}
.sales a {color: #f8e9d6;}
.sales a:hover {text-decoration: underline overline;}
.sales p.push {padding-top: 78px;}

.down {padding-top: 120px;}

.left {
	float: left;
	text-align: left;
	vertical-align: bottom;
	}
	
.right {
	float: right;
	text-align: right;
	vertical-align: bottom;
	}
	
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
	
.clicker {
	cursor: pointer;
	color: #F8E9D6;
	}

/*.details {
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 10px;
	}
*/
.press {
	float: left;
	width: 100%;
	}
	
	
.press p {text-transform: uppercase; text-align: center; font-size: 1em;}
	
.press1 {
	/*text-align: left;*/
	float: left;
	width: 270px;
	margin: 10px;
	padding-bottom: 20px;
	}

.press1 img {
	padding-bottom: 6px;
	}
	
.press2 {
	/*text-align: left;*/
	float: left;
	width: 200px;
	margin: 10px;
	padding-bottom: 20px;
	}

.press2 img, .press3 img {
	padding-bottom: 6px;
	}

.press3 {
	/*text-align: left;*/
	float: left;
	width: 380px;
	margin: 10px;
	padding-bottom: 20px;
	}

.more {
	padding-top: 4px;
	font-size: 1em;
	}
	
.copyright {
	padding-top: 6px;
	font-size: 1em;
	}
	
.bio {text-align: left; margin: auto 110px;}
.bio img {float: left; padding: 0 0 20px;}
.bio p {margin: 16px; text-align: justify;}

a.go, a:hover.go {
	text-decoration: none;
	font-size: 1.2em;
	vertical-align: middle;
	}


.amp {
   font-family: Baskerville, Palatino, "Goudy Old Style","Palatino","Book Antiqua",serif;
   font-size:110%;
   font-style: italic;
	}

h1, h2, h3, h4, h5 {
   	font-style: normal;
	font-weight: 100;
	margin: 0;
	padding: 10px 0;
	}

h1 {
	font-size: 42px;
	letter-spacing: .1em;
	}


h2 {
	font-size: 36px;
	}


h3 {
	font-size: 24px;
	padding-top: 20px;
	}

img {
	border: 0;
	margin: 0;
	}

a {
	text-decoration: underline;
	}
	
a:hover {
	text-decoration: underline overline;
	}

p {
	font-size: 1.2em;
	}
	
	
/* // COLOR \\ */

* {color: #F8E9D6;}

body {
	background-color: black;
	color: #F8E9D6;
	}
	
	
/*
	Slideshow
*/

#slides {
	position:relative;
	top:0;
	left:0;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:904px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:904px;
	height:576px;
	display:block;
}

.press .slides_container div.slide {
	width:904px;
	height:400px;
	display:block;
}


/* Next/prev buttons */

#slides .next,#slides .prev {
	position:absolute;
	top:273px;
	left:-35px;
	width:25px;
	height:50px;
	display:block;
	z-index:101;
}

#slides .next {left:914px;}

.press #slides .next, .press #slides .prev {top: 125px;}

/* Pagination */

.pagination {
	margin:12px auto;
	width:auto;
	display: none;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
	background-position:0 -13px\0/;
}


/* Caption */

.caption, .caption-open {
	z-index:500;
	position:absolute;
	bottom:0;
	left:0;
	height:auto;
	/*padding:8px;*/
	background:#000;
	background:rgba(0,0,0,.65);
	width:272px;
	/*border-top:1px solid #000;*/
	text-shadow:none;
}

.caption-open {top:20px;}

.slide, .slide .look {display: inline; position: relative;}

.look {width:288px; margin: auto;}
.look.middle {margin-left: 20px; margin-right: 20px;}


.caption span {display:block; background: black; position: absolute; top: -21px; left: 0; padding: 4px;}
.caption p {position: absolute; left: 0; top: 0; padding: 8px; margin: 0; width: 100%; background:#000; background:rgba(0,0,0,.65); text-align: left;}

.runway .caption {width: 352px;}
.runway .look {width:442px; margin: auto;}
.runway .look.first {margin-right: 20px;}
.runway .caption p {padding: 8px 45px; text-align: center;}

.press .look {margin-left: 20px; }
.press .look.first {margin: 0;}
.press .look img {margin: auto;}


/* iPad */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
	/*#page, #primary, #colophon, #access {width: 904px;}
	#slides .prev {left:0px;}
	#slides .next {left:879px;}*/
	#branding {padding-top: 0;}
	.entry-header, .entry-title {padding-bottom: 0; margin-top: -10px;}
	.entry-content {padding-top:10px;}
	.hentry {margin: 0;}
	#colophon {padding-top: 0;}
}