/*
	Theme Name: Kristy Ferrari v2
	Theme URI: http://www.kristyferrari.com.au
	Author: Scott Luxford
	Author URI: http://scottluxford.com/
	Version: 2.0
*/

/*  Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html  */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
body{background:#fff;line-height:1;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:0;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}



/*  Base Layout  */
body {
	font-size: 62.5%;
    font-family: 'Didot', 'Georgia', serif;
	background: #121212;
	color: #CCC;
	-moz-font-feature-settings: normal;
}

#global-header,
#global-footer {
	position: fixed;
	z-index: 10;
	left: 0;
	width: 100%;
	height: 64px;
	background: #161616;
	background: rgba(22,22,22,0.95);
}

#global-header {
	top: 0;
    height: 146px;
	border-bottom: 1px solid #222;
}

.admin-bar #global-header {
	top: 28px;
}

#global-footer {
	bottom: 0;
	border-top: 1px solid #222;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

#global-header hgroup {
	position: absolute;
	left: 0;
	top: 12px;
}

#global-header .content-wrap,
#global-footer .content-wrap {
	height: 134px;
}

#logo {
	width: 420px;
	height: 94px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}

#site-title,
#site-title a {
	display: block;
	font-weight: bold;
	font-size: 28px;
	line-height: 28px;
	color: #00E0C9;
	text-transform: lowercase;
	text-decoration: none;
	text-indent: -9999px;
}

#site-title a:hover {
	color: #FFF;
}

#site-description {
	display: block;
	margin: 0 0 0 0.4em;
	font-weight: 300;
	font-size: 16px;
	line-height: 28px;
	color: #CCC;
	text-transform: lowercase;
	text-indent: -9999px;
}

.home #site-description {
	color: #FFF;
}



/*  Top Menu  */
#top-menu {
	position: absolute;
	right: 0;
	top: 110px;
	line-height: 28px;
}

#top-menu .menu-item {
	float: left;
	margin: 0 0 0 20px;
	font-size: 16px;
	line-height: 28px;
}

#top-menu .menu-item a {
	font-weight: 300;
	color: #969696;
	text-transform: lowercase;
	text-decoration: none;
}

#top-menu .menu-item a:hover {
	color: #00E0C9;
}

#top-menu .current-menu-item a,
#top-menu .current-menu-item a:hover {
	color: #FFF;
}



/*  Content Layers  */
#main-content {
	position: relative;
	top: 164px;
	/*overflow: hidden;*/
	padding-bottom: 94px;
}

.content-wrap {
	position: relative;
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
}


/* Links */
a {
	text-decoration: none;
	color: #969696;
	-moz-transition: color 0.4s ease-out;
	-o-transition: color 0.4s ease-out;
	-webkit-transition: color 0.4s ease-out;
    -ms-transition: color 0.4s ease-out;
    transition: color 0.4s ease-out;
}

a:hover,
a:active {
	color: #00E0C9;
}


/*  Type  */
.content p {
	margin: 0 0 20px;
	font-weight: 300;
	font-size: 1.5em;
	line-height: 1.4;
}

.content h1 {
	margin: 0 0 20px;
	font-weight: bold;
	font-size: 54px;
	line-height: 1;
	color: #00E0C9;
	text-align: right;
    font-family: 'Didot', 'Georgia', serif;
    text-transform: uppercase;
}

.content h2 {
	margin: 0 0 20px;
	padding: 16px 0 0;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.4;
	color: #FFF;
	text-transform: lowercase;
	clear: both;
}

.content ol,
.content ul {
	margin: 0 0 20px 30px;
	font-size: 1.3em;
	line-height: 1.4;
}

.content li {
	margin: 0 0 4px;
}

.content ul li {
	list-style: inside disc;
}

.content ol li {
	list-style: inside decimal;
}

.content strong {
	font-weight: bold;
	color: #FFF;
}

.content em {
	color: #00E0C9;
}

.content .pull-heading {
	margin-top: -24px;
	text-align: right;
    margin-bottom: 24px;
}

.content blockquote {
	width: 80%;
	margin: 0 40px 20px;
}



/*  Footer  */
#footer-like {
	position: absolute;
	right: 0;
	top: 7px;
}

#copyright {
	position: absolute;
	right: 0;
	top: 34px;
	font-size: 12px;
	line-height: 1.4;
	color: #969696;
}

#contact-details {
	position: absolute;
	left: 0;
	top: 12px;
	width: 500px;
}

.social-icon {
	display: none;
}

#contact-details dt {
	position: absolute;
	text-indent: -9999px;
}

#contact-details dd {
	font-size: 14px;
	line-height: 1.4;
	margin: 0 0 0 36px;
}

#contact-details #facebook,
#contact-details #linkedin {
	position: absolute;
	display: block;
	margin: 0;
	top: -8px;
	left: 0;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
}

#contact-details #linkedin {
	clear: left;
	top: 22px;
}

#contact-details #facebook a,
#contact-details #linkedin a {
	display: block;
	width: 26px;
	height: 26px;
	background: url('images/social-icons.png') no-repeat 0 0;
}

#contact-details #facebook a:hover {
	background-position: 0 -26px;
}

#contact-details #linkedin a {
	background-position: -26px 0;
}

#contact-details #linkedin a:hover {
	background-position: -26px -26px;
}




/*  Images  */
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 30px;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 30px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 30px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}



/*  Gallery  */
.gallery {
	margin: auto;
	width: 975px;
	clear: both;
}

.gallery-item {
	float: left;
	margin: 0 14px 14px 0;
	text-align: center;
	width: 180px;
	height: 180px;
}

.gallery-item a {
	display: block;
	float: left;
	border: 1px solid #161616;
}

.gallery-item a:hover {
	border-color: #00E0C9;
}

.gallery-item img {
	float: left;
}

.gallery-caption {
     margin-left: 0;
}

#sb-title { display: none !important; }



/*  Slideshow  */
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url('images/progress.gif') no-repeat center center;}

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:147px; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url('images/progress.gif'); width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }



/* Fixes */
.page-id-19 #main-content .content-wrap div {
	display: inline;
	float: right;
	width: 700px;
}


/* Smaller screens */
@media only screen
and (max-width: 960px) {

    #supersized li {
        top: 129px;
    }

	#global-header,
	#global-header .content-wrap {
		height: 128px;
	}
    
    #logo,
    #logo img  {
        width: 210px;
        height: 47px;
    }

	.home #global-footer {
		margin-top: 0;
		position: fixed;
	}

	#global-footer {
		margin-top: 100px;
		position: static;
	}

	#top-menu {
		top: 64px;
		right: auto;
		left: 0;
	}
    
    #top-menu .menu-item {
        margin: 0 20px 0 0; 
    }

	#main-content {
		top: 124px;
	}

	.content .alignleft,
	.content .alignright {
		float: none;
		display: block;
		clear: both;
		margin: 0 auto 20px;
	}

	.content h2 {
		clear: none;
	}

	.content-wrap {
		width: 570px;
	}

	.content .pull-heading {
		margin-top: 0;
	}

	.gallery {
		width: 585px;
	}

	.gallery br {
		position: absolute;
		display: none;
	}


	#contact-details {
		top: 6px;
	}

	#contact-details #facebook { top: -3px; }
	#contact-details #linkedin { top: 28px; }

	#contact-details dd {
		font-size: 18px;
	}

	.page-id-19 #main-content .content-wrap div {
		display: inline;
		float: right;
		width: auto;
	}

}