/*
Theme Name: Carmen Santorelli
Description: Carmen Santorelli wordpress theme
*/

/*
GENERAL LAYOUT STYLES
*/

body {  font-family: "sorts-mill-goudy", georgia, serif;
	font-size: 12px;
	font-weight:400;
	line-height: 17px;
	color: #9f9491;
	text-rendering: optimizelegibility;
        
}

p {
  -moz-hyphens: none;
}

/*
GRID STYLES
*/

/* 960 Grid System (http://960.gs/ ) */

#container, .wrap { 
	width: 100%;
	margin: 0px auto;
	padding-bottom:20px;
}

#home-container { 
	width: 400px; 
	margin-left:auto;
	margin-right:auto;
}

#logo { 
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:100px;
	padding-top:30px;
}

#main-portfolio,
#main-text {
	width: 940px;
}

#main-portfolio.full {
	width: 100%;
}

#main {
	width: 685px;
}

	/* layout options ( all have margins right & left of 2.1276596%) */
	.col60  { width: 6.3829787%; } /* width 60px  / grid_1  */
	.col140 { width: 14.893617%; } /* width 140px / grid_2  */
	.col220 { width: 23.404255%; } /* width 220px / grid_3  */
	.col300 { width: 31.914894%; } /* width 300px / grid_4  */
	.col380 { width: 40.425532%; } /* width 380px / grid_5  */
	.col480 { width: 48.936170%; } /* width 480px / grid_6 */
	.col540 { width: 57.446809%; } /* width 540px / grid_7  */
	.col620 { width: 65.957447%; } /* width 620px / grid_8  */
	.col700 { width: 74.468085%; } /* width 700px / grid_9  */
	.col780 { width: 82.978723%; } /* width 780px / grid_10 */
	.col860 { width: 91.489362%; } /* width 860px / grid_11 */
	.col940 { width: 100.0%;     } /* width 940px / grid_12 */
	.col500 { width: 50.0%;     } /* width 350px / grid_press */
	.col500b { width: 45.0%;     } /* width 350px / grid_press_text */

	/* layout & column defaults */
	.col60, .col140, .col220, .col300, .col380, .col500, .col500b, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { 
		display: inline; 
		float: left; 
		position: relative;
		margin-left: 1.0638298%;   /* 10px */ 
		margin-right: 1.0638298%;  /* 10px */
	}
	
	/* default styles & fixes */
	.first { margin-left: 0; } /* fixes alignment */
	.last { margin-right: 0; } /* fixes alignment */
	
/* Prefix Extra Space >> 12 Columns*/

#container .prefix_1 {padding-left:8.333%;}
#container .prefix_1_half {padding-left:11%;}
#container .prefix_2 {padding-left:16.667%;}
#container .prefix_3 {padding-left:25.0%;}
#container .prefix_4 {padding-left:33.333%;}
#container .prefix_5 {padding-left:41.667%;}
#container .prefix_6 {padding-left:50.0%;}
#container .prefix_7 {padding-left:58.333%;}
#container .prefix_8 {padding-left:66.667%;}
#container .prefix_9 {padding-left:75.0%;}
#container .prefix_10 {padding-left:83.333%;}
#container .prefix_11 {padding-left:91.667%;}


.portfolio-slideshow {
    margin:0px;
    text-align: center;
}

.slideshow-wrapper .numbers a.activeSlide {
    text-decoration: none;
    color:#AAA;
}

.slideshow-nav a { font-family: freight-sans-pro; text-transform: lowercase;}

.slideshow-nav { color: #E59683; margin-bottom:5px;}

/*
COMMON & REUSABLE STYLES
*/

/* floats */
.left { float: left; }
.right { float: right; }

	
/*
LINK STYLES
*/

a:link {color: #e59683;}

a, a:visited {color: #e59683; text-decoration:none;}

a:hover, a:focus { color: #e59683; }
a:active {} /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }

/* nav links */
.nav a:link, .nav a:visited, .nav a:active {font-family:"freight-sans-pro",sans-serif; color:#9f9491; text-decoration: none;font-size:13px; font-weight:400; line-height:17px;}

.nav a:hover {font-family:"freight-sans-pro",sans-serif; color:#e59683; text-decoration: none;font-size:13px; font-weight:400; line-height:17px;}

/*
HEADLINES & TITLES
*/

h1, .h1 { font-family:"freight-sans-pro",sans-serif; font-size: 13px; line-height: 17px; margin-top:0; font-weight:400; text-transform:lowercase; color:#e59683; }

h2, .h2 { font-family: "sorts-mill-goudy", georgia, serif; font-size:13px; line-height: 17px; font-weight:400; color: #9f9491; margin:0; text-transform:lowercase;}

h3, .h3 { font-family:"freight-sans-pro",sans-serif; font-size: 13px; line-height: 17px; margin-top:0; font-weight:400; text-transform:lowercase; color:#e59683; display:inline; }


/*
NAVIGATION STYLES
(Main Navigation)
*/
nav[role=navigation] {
	margin: auto;
	max-width: 940px;
	text-align: center;
}

	nav[role=navigation] .menu {
		margin: auto;
	}
	nav[role=navigation] .menu ul { 
		background: none;
	}
		nav[role=navigation] .menu ul li {
			display: inline-block; 
			position: relative;
		}
			nav[role=navigation] .menu ul li a { 
				padding: 1px 15px;
				display: block; 
				text-decoration: none; 
				font-family:"freight-sans-pro",sans-serif; 
				color:#9f9491;
				font-size:13px; 
				font-weight:400; 
				line-height:17px;
				text-transform:lowercase;
			}
				nav[role=navigation] .menu ul li a:hover { 
					background: none; 
					color: #e59683; 
				}
				
				nav[role=navigation] .menu ul li:first-child a {}
				
		nav[role=navigation] .menu ul li.current-menu-item a, 
		nav[role=navigation] .menu ul li.current_page_item a,
		nav[role=navigation] .menu ul li.current-page-ancestor a {}

		/* sub menus */
		nav[role=navigation] .menu ul li ul, nav[role=navigation] .menu ul li ul li ul { 
			background: none;
			line-height:14px;
			position: absolute; 
			left: -9999em; 
			z-index: 9999; 
			width: 50px; 
		}
			nav[role=navigation] .menu ul li ul li ul { 
				margin-left: -120px; 
				top: auto; 
				margin-top: -20px; 
			}
			nav[role=navigation] .menu ul li ul li:hover ul, nav[role=navigation] .menu ul li:hover ul { 
				left: auto; 
			}
			nav[role=navigation] .menu ul li ul li a { 
				width: auto; 
			}
			
			nav[role=navigation] .menu ul li ul li a {}
				nav[role=navigation] .menu ul li ul li a:hover {}
			nav[role=navigation] .menu ul li ul li:last-child a {}

				nav[role=navigation] .menu ul li ul li ul.sub-menu { }
					nav[role=navigation] .menu ul li ul li:hover ul.sub-menu { }



/*
POSTS & CONTENT STYLES
*/

#content,
#main,
#main-text,
#main-home,
#main-portfolio {
	margin: 25px auto;
}

#main-portfolio h3 {text-align:center;}

#main-portfolio {padding-top:15px;}

.hentry { padding: 0; }		
	
/* post meta */
.meta { font-family: "freight-sans-pro",sans-serif;font-size: 13px;font-weight: 400; line-height: 17px; display:block; float:right; margin-top:-40px;}
.post-comment-link {float:right; margin-top:-27px; margin-bottom:40px;}
			
/* post content */
.post_content { margin-bottom:10px; margin-top:30px;}
.post_content_text { margin-bottom:10px;}
.post_content img { margin-bottom:10px; max-width: 690px; height:auto; }
.alignleft, img.alignleft { margin-right: 0px; display: inline; float: left; }
.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
.post_content object { display: block; margin: 1.5em 0; max-width: 100%; }

.press-date {text-align:right; margin-top:-30px;}

.related-posts { margin-left:20px}


.slideshow-content img {
	width: 100%;
	max-width: 500px;
	height: auto;
}

.carousel img {
	height: auto;
	max-height: 440px !important;
	margin: 0px 0px 0px 0px;
	width: auto;
}	

button.slick-prev {
	background: url('http://www.carmensantorellistudio.com/images/arrow.png') left center no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 50px;
	opacity: 0;
	text-indent: -99999px;
	z-index: 100;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

button.slick-next {
	background: url('http://www.carmensantorellistudio.com/images/arrow.png') right center no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 50px;
	opacity: 0;
	text-indent: -99999px;
	z-index: 100;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;	
}

.carousel:hover button.slick-prev,
.carousel:hover button.slick-next {
	opacity: 1;
}

.hentry footer { clear: both; margin: 0; padding-bottom: 0px; }

#container footer{
	margin: auto;
	width: 100%;
}

.copyright {margin-top:4px; float:left;}
	
/*
PAGE NAVI STYLES
(Special Feature)
*/
	
/* fallback previous & next links */
.wp-prev-next {}
.wp-prev-next ul {}
.wp-prev-next .prev-link { float: right; }
.wp-prev-next .next-link { float: left; }

	
/*
COMMENT STYLES
*/

textarea {width:100%; font-family: sorts-mill-goudy, georgia, serif; color:#999; border: 1px solid #EEE; }

#comments { margin: 0; border-top: 1px solid #EEE; padding-top:10px;  }
		
input.thanks_button { font-family:"freight-sans-pro", georgia, serif; font-size: 11px; font-weight:400; line-height: 19px; text-transform:lowercase; color:#666666; letter-spacing:0.05em;}
				
/*
FORM STYLES
*/

div.wpcf7-validation-errors {
    border: 0px solid #FFF;
}

div.wpcf7 img.ajax-loader {
    margin-left: auto;
    margin-right: auto;
}

div.wpcf7-mail-sent-ok {
	border: 0px solid #FFF;
}

div.wpcf7-mail-sent-ng {
	border: 0px solid #FFF;
}

div.wpcf7-spam-blocked {
	border: 0px solid #FFF;
}

span.wpcf7-not-valid-tip {
	border: 1px solid #EEE;
	font-size: 11px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #AAA;
	font-size: 11px;
}	

div.wpcf7-response-output {
    margin: 0px;
    padding: 0px;
}			

/*
SIDEBARS & ASIDES
*/

#sidebar {padding-top:12px; text-align:center;}

/*widgets */

.widget { }

.widgettitle {font-family:"freight-sans-pro",sans-serif;font-size:13px; font-weight:400; margin:0; padding-bottom:3px; }

/*category widget */

.widget_categories a { color: #666666;font-family: adobe-caslon-pro-1;font-size: 12px;text-transform: lowercase; letter-spacing:0em;}

/* archive widget */
.widget_archive ul li a {color: #666666;font-family: adobe-caslon-pro-1;font-size: 12px;text-transform: lowercase;letter-spacing:0em; }

/* links widget */
.widget_links ul li a { }

/* search widget box */

button, input, select {font-family:"freight-sans-pro",sans-serif; font-size: 11px; font-weight:400; letter-spacing:0.05em; text-transform:uppercase; line-height:19px; text-align:left; border:none; background-color:#FFF; padding-left:0px; colour:#333;}

#search {font-family:"freight-sans-pro",sans-serif; font-size: 13px; line-height: 17px; margin-top:0; font-weight:400; text-transform:lowercase; color:#e59683;}

/* form */

input[type="checkbox"], input[type="radio"] {
    padding: 0; width:auto;
}

span.wpcf7-list-item {
    margin-left: 0;
    display:block;
    line-height:24px;	
}

.wpcf7-text { color:#999; text-transform:inherit;

}

.dd_button {
    padding: 0px;
}

input {
  -webkit-appearance: none;
  -webkit-border-radius:0px;
font-family:"freight-sans-pro",sans-serif; font-size: 13px; line-height: 17px; margin-top:0; font-weight:400; text-transform:lowercase; color:#e59683;
}

div.wpcf7 .watermark {
    color: #BBB;	
}

.wpcf7-submit {
font-size:13px; line-height: 19px; font-weight:400; background:none;
}

.pinit .pinit-overlay a {

    margin: 0;
}

.slideshow-info {
    float: right;
    font-family: freight-sans-pro;
    font-size: 11px;
    color:#aaa;
}

/* home feature thumbnails */

.home-feature div a div {
    background: none repeat scroll 0 0 rgba(200, 200, 200, 0.60);
    height: 120px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 13;	
}

.home-feature div {
    float: left;
    position: relative;
    width: 135px;
    margin-right:8px;	
}

.home-feature div h2 {
    margin-top:50px;
    color:#FFF;	
}

.home-feature {
    margin-top:10px;
    
}

.home-feature div img {
z-index:12;
display:block;

}


.wpcf7-text {
	color: #999;
	text-transform: inherit;
	border-style: solid!important;
	border-width: 1px!important;
	border-color: #eeeeee!important;
}

