/*
Theme Name: Scissor Image
Theme URI: http://scissorimage.com.au
Author: Scissor Image
Author URI: http://scissorimage.com.au
Description: Reponsive theme using the unsemantic grid system.
Version: 1.1
*/

/* =Reset CSS (v2.0)
-------------------------------------------------------------- */
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, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
    margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/*HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}

body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

button, input, select, textarea {
	font-size: 100%;
	overflow: visible;
	margin: 0;
	vertical-align: baseline;
	width: auto;
}

textarea {
	overflow: auto;
	vertical-align: text-top;
}



/* ==========================================================================
   HTML5 Boilerplate styles
   ========================================================================== */
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}


html,
button,
input,
select,
textarea {
    color: #222;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
	max-width:100%;
	height:auto;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
p {
	margin:0 0 15px;
}
a {
	text-decoration:none;
	color:#9a7752;
}
a:hover {
	text-decoration:underline;
}



    
/* ===== GENERIC SITE STYLES ==================================================
     --This utilized the Unsemantic Responsive Grid Framework. For general usage
       guidlines, reference http://unsemantic.com. All of your page styles will
       go in this style sheet.
   ========================================================================== */
@font-face {
  font-family: 'FrutigerLT-Light';
  src: url('fonts/FrutigerLT-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/FrutigerLT-Light.woff') format('woff'), url('fonts/FrutigerLT-Light.ttf')  format('truetype'), url('fonts/FrutigerLT-Light.svg#FrutigerLT-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
a, a img{
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/main-bg.jpg) repeat scroll 0 0 transparent;
}

/* ==============
	HEADER
============== */
#header {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f3f3+100&1+0,1+54,0.7+65,0+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(250,249,249,1) 54%, rgba(249,248,248,0.7) 65%, rgba(246,243,243,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(250,249,249,1) 54%,rgba(249,248,248,0.7) 65%,rgba(246,243,243,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(250,249,249,1) 54%,rgba(249,248,248,0.7) 65%,rgba(246,243,243,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00f6f3f3',GradientType=1 ); /* IE6-9 */	
}

	#logo {
		margin-top:60px;
		margin-bottom:33px;
		padding:0;
	}
	#header #social {
		margin-top:13%;
		text-align:right;
		padding:0;
	}


/* ==============
	NAV
============== */
#menu-wrap{
	border-bottom: 5px solid #9a7752;
	background-color:#000;
}
#main-nav {
	font-family: 'Istok Web', sans-serif;
	text-transform:uppercase;
	font-size:20px;
	padding:0;
}
	#main-nav li {
        display: inline-block;
	}
	#main-nav a {
		color:#FFF;
		display:block;
		padding:11px 30px;
	}
	#main-nav .current-menu-item a, #main-nav a:hover {
		text-decoration:none;
		background-color:#693b0b;
	}

	

/* ==============
	SLIDER
============== */
#slider-wrap{
	-webkit-box-shadow: 0 10px 30px 5px #000;
	box-shadow: 0 10px 30px 5px #000;
	padding:0;
	text-align:center;
}


/* ==============
	MAIN CONTENT
============== */
#content {
	overflow:hidden;
	clear:both;
	background-color:#fff;
	-webkit-box-shadow: 0 10px 30px 5px #000;
	box-shadow: 0 10px 30px 5px #000;
	font-size:18px;
	padding:0;
}

#main {
    padding: 30px;
	line-height:25px;
	font-family: 'FrutigerLT-Light';
}

	#main h1 {
		font-size: 28px;
		line-height:normal;
		margin-bottom:20px;
	}
	#main h2 {
		font-size: 25px;
		line-height:normal;
		margin-bottom:20px;
	}
	#main h3 {
		font-size: 22px;
		line-height:normal;
		margin-bottom:20px;
	}
	#main ul, #main ol {	
		margin-left:40px;
	}
	#staff-page{
		list-style:none;		
	}
	#staff-page li{
		min-height: 213px;
		margin-bottom:50px;
		background: url(images/bio-border.png) no-repeat center bottom transparent;
	}
	#staff-page li:last-child{
		background: url(images/bio-border-last.png) no-repeat center bottom transparent;
	}
	#staff-page #staff-thumb{
		text-align:center;
		padding:0;
	}
	#staff-page #staff-thumb img{
		-webkit-box-shadow: 0 0 10px 5px #c5c5c5;
		box-shadow: 0 0 10px 5px #c5c5c5;
	}
	#staff-page #staff-bio{		
		font-size:14px;
		line-height: 15px;
	}
	.page-id-9 #content{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f3f3+100&1+0,1+62,0.7+68,0+100 */
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,248,248,1) 62%, rgba(249,247,247,0.7) 90%, rgba(246,243,243,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,248,248,1) 62%,rgba(249,247,247,0.7) 90%,rgba(246,243,243,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,248,248,1) 62%,rgba(249,247,247,0.7) 90%,rgba(246,243,243,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00f6f3f3',GradientType=0 ); /* IE6-9 */
	}
	.page-id-7 #content{
		background: url(images/services-bg.jpg) no-repeat center bottom #fff;
	}
	#promotions{
		text-align:center;
	}
	#content-home{
		padding:0;
	}




/* ==============
	SIDEBAR
============== */
#sidebar {
}


/* ==============
	FOOTER
============== */
#footer {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	border-top:16px solid #211d1c;
	padding-top:15px;
	padding-bottom:15px;
}
	#copy{
		color:#000;
		text-align:center;
		padding:0;
		margin-top:20px;
		margin-bottom:20px;
	}
	#social{
		text-align:center;
		padding:0;
	}
	#social ul{
		list-style:none;
	}
	#social li{
		display:inline-block;
		padding-left:20px;
		padding-right:20px;
	}




/* ===================
	BLOG STYLES - Adjust as needed.
=================== */
		.postinfo{
			margin-bottom:30px;
		}
		.postinfo ul.meta{
			margin: 0;
			padding: 0;
		}
		.postinfo ul.meta li{
			display: inline-block;
			*display: inline;
			list-style: none;
			font-size: 12px;
			padding-right: 15px;
		}
		
		
		.post .commentlist{
			margin: 30px 0 15px;
			padding: 0 0 20px 0;
			border-bottom: 1px dashed #DBDBDB;
			
		}
		.commentlist li{
			list-style: none;
		}
		.comment-author{
			background: #DBDBDB;
			vertical-align: middle;
			
			height: 40px;
		}
		.avatar{
			float: left;
			padding-right: 20px;
		}
		.fn, .says{
			vertical-align: middle;
			line-height: 40px;
		}
		.comment-meta{
			font-size: 12px;
			padding: 4px 0;
		}
		.comment-body{
			font-size: 13px;
		}
		.reply{
			margin: -15px 0 15px 20px;
		}
		.comment-form-comment label{
			display: block;
		}
/* ===================
   GRAVITY FORMS - Adjust as needed
   =================== */
   body #content .gform_body ul.gform_fields{
	   margin: 0;
	   padding: 0;
   }
   body .gform_wrapper input, body .gform_wrapper select, body .gform_wrapper textarea {
	   border-radius: 5px;
	   border: 1px solid #333;
	   padding: 3px;
	   font-size: 12px;
	   letter-spacing: 1px;
	   font-family:Arial, Helvetica, sans-serif;
   }
   body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"]{
		background: #0099CC; /* Old browsers */
		border: none;
		padding: 8px 20px; 
		font-size: 16px;
		border-radius: 5px;
		cursor: pointer;

   }


/* ########## WORDPRESS CORE ########## */
	.alignnone {
		margin: 5px 20px 20px 0;
	}

	.aligncenter, div.aligncenter {
		display:block;
		margin: 5px auto 5px auto;
	}

	.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	.alignleft {
		float:left;
		margin: 5px 20px 20px 0;
	}

	.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	a img.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	a img.alignnone {
		margin: 5px 20px 20px 0;
	}

	a img.alignleft {
		float:left;
		margin: 0px 20px 20px 0;
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.wp-caption {
		background: #fff;
		border: 1px solid #f0f0f0;
		max-width: 96%; /* Image does not overflow the content area */
		padding: 5px 3px 10px;
		text-align: center;
	}

	.wp-caption.alignnone {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignleft {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignright {
		margin: 5px 0 20px 20px;
	}

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin:0;
		max-width: 98.5%;
		padding:0;
		width: auto;
	}

	.wp-caption p.wp-caption-text {
		font-size:11px;
		line-height:17px;
		margin:0;
		padding:0 4px 5px;
	}
/* ########## END WORDPRESS CORE ########## */

/* ===================
   Media Querie Styles
=================== */
/* Tablets */
@media only screen and (max-width : 1024px) {
	#main-nav a {
		padding:11px;
	}		
	#staff-page li {
		min-height: 370px;
	}
}
/* Mobile */
@media only screen and (max-width : 767px) {
	#copy{
		margin-bottom:30px;
	}
	#staff-page li {
		min-height: 200px;
	}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 767px) {

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {

	
}

/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
	
}