/*
Theme Name: Garmezy Media
Description: Custom WordPress Theme for Garmezy Media Corporation
Author: Techn.io
Author URI: http://www.techn.io/
*/

/* HTML5 Reset ========================================================================== */

	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,img,ins,kbd,q,s,samp,small,strike,strong,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;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


/* Global Styles ========================================================================== */

	body {
		font-family:"franklin-gothic-urw-cond", Helvetica, Arial, sans-serif;
		font-size:22px;
		font-weight:400; /* Better supported than 'lighter' attribute */
		font-style:normal;
		line-height:22px;
		color:#4e4c49; /* Lighter on the eyes than #000 Black */
	}
	
	/* Box Sizing and Font-Smoothing */	 
	*, *:after, *:before {
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-font-smoothing:antialiased;
		-moz-font-smoothing:antialiased;
		-o-font-smoothing:antialiased;
		font-smoothing:antialiased;
		text-rendering:optimizeLegibility;
	}
	
	/* Responsive Images Override */
	img { max-width: 100%; }

	.clear { clear:both; height:0; overflow:hidden; content:"."; display:block; }

/* Structure ========================================================================== */


	/* Page Composition */
	
	#container { max-width:960px; margin:50px auto; }
	#hdrLeft { float:left; }
	#hdrRight { float:right; text-align:right; margin-top:25px; }
	
	nav#main { float:left; margin-top:25px; }	
	
	.block.mediaPlacement { float:left; width:200px; height:200px; margin:0 15px 15px 90px; }
	.block.digital { float:left; width:300px; height:150px; margin-top:50px; }
	.block.results { float:left; width:150px; height:150px; margin:180px 15px 0 0; }
	.block.partners { float:left; width:150px; height:150px; margin:-80px 0 15px 0; }
	.block.contact { float:left; width:150px; height:150px; margin:0; }
	.block.pr { float:left; width:300px; height:150px; margin:0 15px 0 210px; }
	.block.creative { float:left; width:300px; height:200px; }
	
	#video { float:left; width:590px; height:330px; margin:0 15px 15px 0; }
	
	#contentHome { margin-top:20px; display:none; }
	
	#content { float:left; margin:40px 0 0; background:url('/wp-content/themes/garmezy-media/img/right-content-border-bg.jpg') repeat-y;; }
	#contentLeft { float:left; width:640px; min-height:500px; padding:0 30px 0 0; margin:0; }
	#contentRight { float:right; width:320px; }
	
	#adSpace { float:left; width:640px; margin:50px 0 30px; }
	#adSpace a.col1 { float:left; }
	#adSpace a.col2 { float:left; margin:0 40px; }
	#adSpace a.col3 { float:right; margin-right:10px; }
	
	footer { margin-top:50px; }
	#backTop { display:none; }
	.copyrightMobile { float:left; margin:3px 0 0 2.0833333%/*10 / 480*/; }
	.btnTop { float:right; overflow:hidden; height:35px; }
	.btnTop a:hover { opacity:.9; }
	
	/* Borders and Backgrounds */
	
	.block { display:block; transition:.2s ease-in; -moz-transition:.2s ease-in; -o-transition:.2s ease-in; text-decoration:none; }
	.block img { display:none; }
	
	.block.mediaPlacement { background-image:url('/wp-content/themes/garmezy-media/img/block-media-placement.gif'); }
	.block.mediaPlacement:hover { opacity:.9; }
	.block.digital { background-image:url('/wp-content/themes/garmezy-media/img/block-interactive.gif'); }
	.block.digital:hover { opacity:.9; }
	.block.results { background-image:url('/wp-content/themes/garmezy-media/img/block-results.gif'); }
	.block.partners { background-image:url('/wp-content/themes/garmezy-media/img/block-partners.gif'); }
	.block.contact { background-image:url('/wp-content/themes/garmezy-media/img/block-contact.gif'); }
	.block.pr { background-image:url('/wp-content/themes/garmezy-media/img/block-pr.gif'); }
	.block.pr:hover { opacity:.9; }
	.block.creative { background-image:url('/wp-content/themes/garmezy-media/img/block-creative.gif'); }
	.block.creative { opacity:.9; }
	
	nav#main a { transition:.2s ease-in; -moz-transition:.2s ease-in; -o-transition:.2s ease-in; padding:2px 8px 3px; }
	nav#main a:hover { opacity:.9; }
	a.mediaPlacement { background-color:rgb(179,110,49); }
	a.digital { background-color:rgb(49,117,179); }
	a.results { background-color:rgb(179,176,49); }
	a.partners { background-color:rgb(124,101,45); }
	a.pr { background-color:rgb(179,78,49); }
	a.creative { background-color:rgb(66,170,177); }
	a.contact { background-color:rgb(78,76,73); }
	
	#backTop { border-top:1px dotted #ccc; }
	
	/* Typography */
	
	strong, b { font-weight:700; }
	
	h1 { font-size:38px; font-weight:700; line-height:30px; margin:0; }
	h2 { font-size: 28px; font-weight:700; line-height:25px; padding:30px 0 20px 0; }
	h3 { font-size:25px; font-weight:700; line-height:20px; }
	
	p { padding-top:25px; line-height:22px; }
	
	a { text-decoration:underline; color:rgb(0,0,0); }
	a:hover { text-decoration:none; }
	a.block:hover { text-decoration:none; }
	
	h1.phone { font-size:24px; line-height:25px; font-weight:400; margin-bottom:8px; }
	
	h2.blockText { color:white; font-size:26px; font-weight:700; line-height:25px; transition:.5s ease-out; opacity:0; font-family:"ff-meta-web-pro", Helvetica, Arial, sans-serif; padding:0; }
	.block.mediaPlacement h2.blockText { margin:10px 0 0 -100px; }
	.block.mediaPlacement:hover h2.blockText { opacity:1; margin:10px 0 0 10px; }
	.block.digital h2.blockText { margin:100px 0 0 300px; }
	.block.digital:hover h2.blockText { opacity:1; margin:100px 0 0 190px; }
	.block.results h2.blockText { text-align:center; background-color:#bab845; width:150px; height:150px; }
	.block.results:hover h2.blockText { opacity:1; padding-top:60px; }
	.block.partners h2.blockText { text-align:center; background-color:#897442; width:150px; height:150px; padding:0; }
	.block.partners:hover h2.blockText { opacity:1; padding:60px 0 0 0; }
	.block.contact h2.blockText { text-align:center; background-color:#5f5e5b; width:150px; height:150px; padding:150px 0 0 0; }
	.block.contact:hover h2.blockText { opacity:1; padding:60px 0 0 0; }
	.block.pr h2.blockText { margin:90px 0 0 -100px; }
	.block.pr:hover h2.blockText { opacity:1; margin:90px 0 0 10px; }
	.block.creative h2.blockText { margin:70px 0 0 250px; }
	.block.creative:hover h2.blockText { opacity:1; margin:70px 0 0 180px; }
	
	nav#main ul li { font-size:20px; display:inline; padding:0; margin-right:3px; }
	nav#main a { color:#eee; text-decoration:none; }
	nav#main a:hover { text-decoration:none; color:white; }
	
	#contentLeft ul { padding:15px 0; }
	#contentLeft ul li { list-style-type:square; margin-left:25px; padding:5px 0; }
	
	#contentRight h3 { text-align:right; padding-top:30px; clear:both; }
	#contentRight ul { text-align:right; width:275px; float:right; margin-top:10px; }
	#contentRight ul li { border-bottom:1px dotted #ddd; padding:5px 0; font-size:18px; }
	#contentRight ul li:last-child { border:none; }
	#contentRight ul li a { color:#4e4c49; text-decoration:none; }
	#contentRight ul li a:hover { text-decoration:underline; }
	
	footer b { font-weight:500; }
	footer, footer p, footer a { font-size:20px; line-height:28px; color:#4e4c49; text-decoration:none; }
	footer a:hover { text-decoration:underline; }
	#ftrLeft { float:left; }
	#ftrLeft ul li { display:inline; padding:0 9px 1px 5px; border-right:1px solid #4e4c49; }
	#ftrLeft ul li:first-child { padding-left:0; }
	#ftrLeft ul li:last-child { border:none; }
	#ftrLeft span.copyright, span.copyrightMobile { font-size:14px; }
	#ftrRight { float:right; text-align:right; }
	#ftrRight p, #ftrRight a { line-height:22px; padding-top:0; }
	
	/* Images */
	
	img.social { transition:.20s ease-in; -moz-transition:.20s ease-in; -o-transition:.20s ease-in; margin-left:5px; }
	img.social:hover { opacity:.8; }
	
	#contentRight img { float:right; transition:.2s ease-in; -moz-transition:.2s ease-in; -o-transition:.2s ease-in; }
	#adSpace img { transition:.2s ease-in; -moz-transition:.2s ease-in; -o-transition:.2s ease-in; }
	#adSpace img:hover { opacity:.9; }
	
	/* Mobile Dropdown Nav */
	
	.mobileNavButton { display: block; position: absolute; top: 0px; right: 0px; width: 45px; height: 45px; background: url('/wp-content/themes/garmezy-media/img/btn-mobile-nav.png'); background-position: center center; background-repeat: no-repeat; cursor: pointer; border: 0 none; z-index: 999; text-indent: -9999px; background-color:rgb(135,121,109); }
	
	.mobileNavButton:hover { }
	.mobileNavButton.open { background: url('/wp-content/themes/garmezy-media/img/btn-mobile-nav.png'); background-position: center center; background-repeat: no-repeat; background-color:rgb(164,149,136); }

	.mobile-nav { width: 100%; float: none; display: block; height:45px; border-bottom:1px dotted #aaa; margin: 0; padding: 0; overflow: hidden; position: absolute; top: 0px; left: 0px; z-index: 998; clear: both; }
	.mobile-nav li { display: none; width: 100%; }
	.mobile-nav li a { display: block; width: 100%;  text-align:center; padding: 8px 5%; font-size: 18px; color: rgb(255,255,255); text-decoration: none; border-bottom: 1px solid rgb(255,255,255); }
	.mobile-nav li a:hover { opacity:.9; border-top-color: transparent;
	}
	.mobile-nav > li:first-child { }
	.mobile-nav > li:last-child { border-bottom:none; }
	.mobile-nav.open { height: auto; margin-top: 45px; }
	.mobile-nav.open li { display: block; }
	.mobileNavButton, .mobile-nav { display:none; }
	
	/* Wordpress Widgets */         


/* Media Queries ========================================================================== */
	
	/* iPad */
	@media only screen and (device-aspect-ratio: 3/4) {
		
	h2.blockText { opacity:1; }
	.block.mediaPlacement h2.blockText { margin:10px 0 0 10px; }
	.block.digital h2.blockText { margin:90px 0 0 140px; }
	.block.results h2.blockText { padding:20px 0 0 0; background-image:url('/wp-content/themes/garmezy-media/img/block-results-mobile.gif'); }
	.block.results:hover h2.blockText { padding:20px 0 0 0; }
	.block.partners h2.blockText { padding:20px 0 0 0; background-image:url('/wp-content/themes/garmezy-media/img/block-partners-mobile.gif'); }
	.block.partners:hover h2.blockText { padding:20px 0 0 0; }
	.block.contact h2.blockText { padding:20px 0 0 0; background-image:url('/wp-content/themes/garmezy-media/img/block-contact-mobile.gif'); }
	.block.contact:hover h2.blockText { padding:20px 0 0 0; }
	.block.pr h2.blockText { margin:90px 0 0 10px; }
	.block.creative h2.blockText { margin:70px 0 0 180px; }
		
	}

	/* iPad portrait */
	@media only screen and (max-width: 768px) {
	
	}
	
	/* iPhone 5 landscape */
	@media only screen and (max-width:640px) {
		
		#container { margin:0 auto; }	
		#hdrLeft { float:none; }
		nav#main { display:none; }
		#logo { width:37%; margin:8px 0 4px 2.0833333%/*10 / 480*/; z-index:1000; position:relative; }
		#hdrRight { float:none; text-align:center; margin:20px auto; }
		h1.phone { float:left; font-size:28px; margin:7px 0 0 2.0833333%/*10 / 480*/; }
		#social { float:right; margin-right:2.0833333%/*10 / 480*/; }
		
		.mobileNavButton, .mobile-nav { display:block; }
		
		#video { width:95.8333333%/*460 / 480*/; height:auto; margin:20px auto; float:none; }
		#content { margin-top:15px; }
		#contentHome, #contentLeft { float:none; display:block; width:95.8333333%/*460 / 480*/; margin: 0 auto; }
		#contentLeft { padding:0; border:none; min-height:1px; float:none; width:95.8333333%/*460 / 480*/; margin: 0 auto; }
		#contentRight { float:none; width:100%; padding:0 2.0833333%/*10 / 480 */; border-top:1px dotted #ccc; }
		#contentRight h3, #contentRight ul { text-align:center; float:none; width:auto; margin:0 18%; }
		#contentRight .featureImg { display:none; }

		
		.block { display:none; }
		
		footer { margin:20px 0 0 0; }
		#ftrLeft, #ftrRight { float:none; text-align:center; margin-bottom:20px; }
		#ftrLeft { border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:20px 0; }
		.copyright { display:none; }
		#backTop { display:block; }
		
	}
	
	/* iPhone <5 landscape */
	@media only screen and (max-width: 480px) {
		
		#logo { width:50%; }
		#contentLeft .one_third { text-align:center; }
	}
	
	/* iPhone portrait */
	@media only screen and (max-width: 320px) {
		
		#logo { width:60%; margin-top:10px; }
		h1.phone { float:none; margin:20px auto 10px auto; }
		#social { float:none; margin:0 auto; }
		.btnTop { float:right; clear:both; }
		#ftrLeft ul { margin-top:-25px; }
		#ftrLeft ul li.hideMobile { display:none; }
		
	}
	
	/* Retina screens */
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
	
	}


/* Non-Semantic Classes ========================================================================== */
   
	/* Custom Selection Styles */
	::selection {background:rgb(245,245,245);color:rgb(0,0,0);text-shadow:none;}
	::-webkit-selection {background:rgb(245,245,245);color:rgb(0,0,0);text-shadow:none;}
	::-moz-selection {background:rgb(245,245,245);color:rgb(0,0,0);text-shadow:none;}
	
	/* Input focus styles */
	input:focus {outline:0;border:1px solid #0091BD;} /* Gets rid of blue glow on field focus, adds border color instead */

   
/* WordPress Core CSS Styles ========================================================================== */
   
	.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:5px 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%;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,.gallery-caption {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
	.sticky {}
	.bypostauthor {}


/* Print styles ========================================================================== */

	@media print {
		* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
		a,a:visited {text-decoration:underline;}
		a[href]:after {content:" (" attr(href) ")";}
		abbr[title]:after {content:" (" attr(title) ")";}
		.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
		pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
		thead {display:table-header-group;}
		tr,img {page-break-inside:avoid;}
		img {max-width:100% !important;}
		@page {margin:0.5cm;}
		p,h2,h3 {orphans:3;widows:3;}
		h2,h3 {page-break-after:avoid;}
	}