/*
Theme Name: Azzcat_2010_Mash5
Theme URI: http://azzcatdesign/com/blog
Description: Azzcat's Mashup HTML5 theme, based on H5, by Jeff Starr, http://diggingintowordpress.com/.
Version: 1.0
Author: Catherine Azzarello
Author URI: http://azzcatdesign.com
Tags: template, html5, CSS3, Masonry
*/

/******************** Reset ********************/
html, body, div, span, a, img,
h1, h2, h3, h4, h5, h6, hgroup, p,
dl, dialog, dt, dd, ol, ul, li, 
abbr, acronym, address, b, big, blockquote, 
cite, code, del, dfn, em, i, ins, kbd, pre, q, 
samp, tt, var, small, strong, sub, sup, 
object, iframe, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, nav, section,
figure, menu, time, mark, audio, video			{ font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
textarea													{ font-family: inherit; font-size: 100%; font-weight: normal; font-style: normal; white-space: normal; text-align: left; margin: 0; padding: 0; }
/* html 5 */
article, aside, footer, header, nav,
section, dialog, figure, hgroup, menu			{ display: block; }
h1, h2, h3, h4, h5, h6								{ font-size: 100%; font-weight: normal; }
del, ins													{ text-decoration: none; }
ol, ul													{ list-style: none; }
nav ul													{ list-style-type: none; }
table														{ border-collapse: separate; border-spacing: 0; background-color: transparent; width: auto; height: auto; }
:focus													{ outline: 0; }
blockquote:before, blockquote:after,
 q:before, q:after									{ content: ""; }
blockquote, q											{ quotes: "" ""; }
/******************** End Reset ********************/

/******************** Base Typography ********************/
body														{ /*fallback*/ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; /*12/18*/ background: #f9f3f0; color: #33302E; }
h1, h2, h3, h4, h5, h6								{ /*fallback*/ font-family: "Baskerville", Georgia, serif; line-height: 1.2; }
h4, h5, h6												{ font-weight: bold; }
b, strong, caption, th, thead, dt, legend		{ font-weight: bold; }
cite, dfn, em, i										{ font-style: italic; }
code, kbd, samp, pre, tt, var						{ font-family: "Lucida Console", courier, monospace; }
h1, h2, h3, h4, h5, h6								{ word-spacing: normal; }
p									{ word-spacing: 0.125em; hyphenate: auto; hyphenate-lines: 3; margin-bottom: 18px; }
pre								{ white-space: pre;         /* CSS 2.0 */
									white-space: pre-wrap;      /* CSS 2.1 */
									white-space: pre-line;      /* CSS 3.0 */
									white-space: -pre-wrap;     /* Opera 4-6 */
									white-space: -o-pre-wrap;   /* Opera 7 */
									white-space: -moz-pre-wrap; /* Mozilla */
									white-space: -hp-pre-wrap;  /* HP Printers */
									word-wrap: break-word;      /* IE 5+ */ 
									}
del								{ text-decoration: line-through; }
mark								{ background: rgba(255, 255, 0, 0.4); padding: 0 .25em; }
ins								{ color: #f00; }
small, sup, sub				{ font-size: 80%; }
big								{ font-size: 125%; line-height: 80%; }
abbr, acronym					{ font-size: 85%; text-transform: uppercase; letter-spacing: .1em; }
abbr[title], 
acronym[title], 
dfn[title]						{ border-bottom: 1px dotted black; cursor: help; }
sup, sub							{ line-height: 0; }
sup								{ vertical-align: super; }
sub								{ vertical-align: sub; }
blockquote						{ padding: 1.5em; }
hr									{ border: none; background: #ddd; width: 100%; }
ul, ol							{ margin-left: 1.5em; }
ul									{ list-style: disc outside; }
ol									{ list-style: decimal outside; }
input, select, button		{ cursor: pointer; }
table								{ font: inherit; width: 100%; }

.debug							{ outline: solid gold 1px; }
.debug-background				{ background: rgba(255, 215, 0, 0.2) !important; }
.skipto							{ position:absolute; left:-9999px; top:-9999px; height: 0; } /* Hides the skip to link - useful for screen readers */
/******************** End Base ********************/

/******************** Baseline grid: 13/18px ********************/
body								{ /*Typekit font*/ font-family: "costa-1","costa-2",sans-serif; font-size: 75%; }
h1, h2, h3, h4, h5, h6		{ /*Typekit font*/ font-family: "republic-web-condensed-1","republic-web-condensed-2",serif; letter-spacing: .025em;
	text-shadow: 0px 2px 2px #fff; }
h1,.h1,h2,.h2							{ line-height: 36px; margin-bottom: 18px; }
h1,.h1,h2,.h2,h3,.h3,h4, .h4		{ margin-top: 18px; }
h3,.h3, h4,.h4,h5,.h5,h6, .h6		{ line-height: 18px; }
h1,.h1									{ font-size: 36px; top: 5px; }
h2,.h2									{ font-size: 28px; top: 8px; }
h3,.h3									{ font-size: 22px; top: 1px; }
h4,.h4									{ font-size: 18px; top: 2px; }
h5,.h5									{ font-size: 15px; top: 4px; }
h6,.h6									{ font-size: 13px; top: 5px; }
h1:first-child,.h1:first-child,
h2:first-child,.h2:first-child,
h3:first-child,.h3:first-child,
h4:first-child,.h4:first-child	{ margin-top: 0; }
p, pre, address				{ font-size: 13px; line-height: 18px; position: relative; }
abbr, code, kbd,
samp, small, var				{ line-height: 15px; }
ul, ol, dl, dialog					{ font-size: 13px; line-height: 18px; position: relative; top: 5px; margin-top: 18px; margin-bottom: 18px; }
li ul, li ol, ul ul, ol ol			{ top: 0; margin-top: 0; margin-bottom: 0; }
li h1, li h2, li h3,
li h4, li h5, li h6, li p			{ top: 0; }
form, legend, label					{ font-size: 13px; line-height: 1.5; }
legend									{ position: relative; top: 5px; }
input, textarea						{ font-size: 13px; }
table										{ font-size: 13px; }
caption									{ font-size: 13px; line-height: 18px; position: relative; }
hr											{ position: relative; border-top: 1px dotted #FF9D62; margin: 6px 0 14px 0; }
/******************** End Baseline grid: 13/18px ********************/

/********** styles to call Typekit **********/

.bello					{ font-family: "bello-pro-1","bello-pro-2",sans-serif; }
.bree						{ font-family: "bree-1","bree-2", sans-serif; }
.costa					{ font-family: "costa-1","costa-2",sans-serif; }
.kulturista				{ font-family: "kulturista-web-1","kulturista-web-2",serif; }
.ltc_squareface		{ font-family: "ltc-squareface-sc-1","ltc-squareface-sc-2"; }
.masala					{ font-family: "ff-masala-web-1","ff-masala-web-2",sans-serif; }
.masala_script			{ font-family: "ff-masala-script-web-pro-1","ff-masala-script-web-pro-2",cursive; }
.netto					{ font-family: "ff-netto-web-pro-1","ff-netto-web-pro-2", sans-serif;}
.pill						{ font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2",sans-serif; }
.republic				{ font-family: "republic-web-condensed-1","republic-web-condensed-2",serif; }

/* TEXT CLASSES from Bluetrip  */
.small 			{font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large 			{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide 			{display:none;}
.quiet 			{color:#585e5d;}
.loud 			{color:#000;}
.highlight 		{background:#ff0;}
.top 				{margin-top:0;padding-top:0;}
.bottom 			{margin-bottom:0;padding-bottom:0;}
.thin 			{font-weight: lighter;}
.error, 
.notice, 
.success 		{padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error 			{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice 			{background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success 		{background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a 		{color:#8a1f11; background:none; padding:0; margin:0; }
.notice a 		{color:#514721; background:none; padding:0; margin:0; }
.success a 		{color:#264409; background:none; padding:0; margin:0; }
.center 			{text-align: center;}

/* Creates small caps */
.caps { font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size:1.2em; font-weight:bold; padding:0 2px; }

/* QUOTES */
blockquote 								{ border-top: 1px dotted #467BBF; border-bottom: 1px dotted #467BBF; color: #778595; }
blockquote *:first-child:before 	{ content: "\201C"; }
blockquote *:first-child:after 	{ content: "\201D"; }

/* LISTS */
ul li 			{ margin-left: .85em; }
ul 				{ list-style-type: disc; }
ul ul 			{ list-style-type: square; }
ul ul ul 		{ list-style-type: circle; }
ol 				{ list-style-position: outside; list-style-type: decimal; }
dt 				{ font-weight: bold; }

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #F87D35; color:#fff; text-shadow: none; }
::selection { background:#F87D35; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #F87D35; } 


/* LINKS */
a:link 					{ text-decoration: underline; color: #3d68a0 ; }
a:visited 				{ text-decoration: underline; color: #3d68a0 ; }
a:hover 					{ text-decoration: underline; color: #d46b2e; }
a:active, a:focus 	{ text-decoration: underline; color: #2DAF8E; }
code, pre 				{ color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

/********** Common Classes **********/
.clear								{ clear: both; }
.floatRight							{ float: right; margin-left: 1em; }
.floatLeft							{ float: left; margin-right: 1em; }
.block								{ display: block; }
.no_bullet li						{ list-style: none; margin-bottom: 18px; }
.clearfix:after					{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* WinIE7 only */
*:first-child+html .clearfix	{ height:1%; }

/* The 1140px Grid by Andy Taylor – http://cssgrid.net – http://www.twitter.com/andytlr – http://www.catchingzebra.com */

.container {padding-left: 20px;padding-right: 20px;}
.row {width: 100%;max-width: 1140px;margin: 0 auto;overflow: hidden;}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {margin-right: 3.8%;float: left;}
.onecol {width: 4.85%;}
.twocol {width: 13.5%;}
.threecol {width: 22.15%;}
.fourcol {width: 30.8%;}
.fivecol {width: 39.45%;}
.sixcol {width: 48.1%;}
.sevencol {width: 56.75%;}
.eightcol {width: 65.4%;}
.ninecol {width: 74.05%;}
.tencol {width: 82.7%;}
.elevencol {width: 91.35%;}
.twelvecol {width: 100%;float: left;}
.last {margin-right: 0px;}
img, object, embed {max-width: 100%;}

/********** Browser Hacks **********/
.win.gecko #local_nav			{ background-color: #2DAF8E;  /* fallback solid color for CSS3 */ }
.win.gecko body>footer			{ background-color: #335074; }

/********** COLOR PALETTE ***********
blue-green:			 				#62B39E 
lighter blue-green:				#8accbb
more saturated blue-green:		#2DAF8E
lighter saturated b-g:			#01c0a7
med-grey from b-g:				#97A09E 
darker grey from b-g:			#7C8583 
little darker grey:				#585e5d
med-light b-g:						#9FE4D3 
light dull b-g:					#B9E4DA 
pale white b/g:					#cffcf1

blue:									#668BBC 
med-grey from blue:				#778595 
more saturated blue:				#467BBF
darker blue links:				#3d68a0 
med-light blue:					#A5C1E5 
light blue:							#BDCFE5
very light blue:					#e0f0fd 

green:								#90E26E 
dark grey from green:			#444942 
more saturated green:			#64CA38 
light green:						#baeaa6
lighter green:						#CFEDC3 
light greyish green:				#D8E7D2 
pale white/green:					#eff8eb

orange:								#FF9D62
little lighter orange:			#fbb992 
shadow grey from orange:		#90715e
lighter shadow from orange:	#b19685
very dark grey from orange:	#33302E
darkest grey from orange:		#1f1e1d 
more saturated orange:			#F87D35
darker for links:					#d46b2e 
light grey from orange:			#F0E3DC 
lighter grey from orange:		#f9f3f0
lighter orange from orange:	#FAEAE1
footer orange:						#fbccaf 

*************************************/

.blue_green		{ color:#62B39E; }
.blue				{ color:#668BBC; }
.green			{ color:#19721c; }
.orange			{ color:#b0610d; }
.pink				{ color:#d96896; }
.purple			{ color:#7f4cb5; }
.olive			{ color:#85905a; }
.red				{ color:#9f1f2a; }

/********** out of masonry elements, CONTACT SECTION **********/
.panel		{ display: none; position: absolute; z-index: 90; 
				top: -30px; left: 20px; 							
				width: 460px; 
				padding: 20px 10px 10px; border: 1px solid #fff;
				-moz-border-radius: 15px;
				-webkit-border-radius: 15px;
				-khtml-border-radius: 15px;
				border-radius: 15px;
				-webkit-box-shadow: 3px 3px 10px #90715e;
				-moz-box-shadow: 3px 3px 10px #90715e;
				-o-box-shadow: 3px 3px 10px #90715e;
				-khtml-box-shadow: 3px 3px 10px #90715e;
				box-shadow: 3px 3px 10px #90715e;
				}
.panel		{ background-color: #CFEDC3; /* fallback solid color for gradients */
				background-image:
				-webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(0.3, rgb(207,237,195)),
					color-stop(0.92, rgb(168,227,139))
					);
				background-image:
				-moz-linear-gradient(
					center top,
					rgb(207,237,195) 30%,
					rgb(168,227,139) 92%
					);
				} 
a.trigger_not,
a.trigger, 
a.trigger:hover		{ display: block; position: absolute; z-index: 100; 
							top: 36px; left: 0;  
							padding: 10px 10px 5px 10px; 
							text-decoration: none;
							font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2",sans-serif;
							font-size: 18px; letter-spacing: .1em;
							border: 1px solid #fff;
							-webkit-border-top-right-radius: 20px; /* note that if you do not rotate the item, corners will need to change */
							-webkit-border-bottom-right-radius: 20px;
							-moz-border-radius-topright: 20px; 
							-moz-border-radius-bottomright: 20px;
							-o-border-top-right-radius: 20px;
							-o-border-bottom-right-radius: 20px;
							-khtml-border-top-right-radius: 20px;
							-khtml-border-bottom-right-radius: 20px;
							border-top-right-radius: 20px;
							border-bottom-right-radius: 20px;
							}
a.trigger_not,
a.trigger				{ background-color: #FF9D62; color: #1f1e1d;
							text-shadow: 0px 1px 2px #FAEAE1;
							-webkit-box-shadow: 3px 3px 10px #b19685;
							-moz-box-shadow: 3px 3px 10px #b19685;
							-o-box-shadow: 3px 3px 10px #b19685;
							-khtml-box-shadow: 3px 3px 10px #b19685;
							box-shadow: 3px 3px 10px #b19685;
							-webkit-transition:all .4s ease-in-out;	
							-moz-transition:all .4s ease-in-out;
							-o-transition:all .4s ease-in-out;
							-khtml-transition:all .4s ease-in-out;
							transition:all .4s ease-in-out;
 							}
a.trigger_not:hover,
a.trigger:hover		{ background-color: #F87D35; color: #fff; text-shadow: none;
							-webkit-box-shadow: 3px 3px 10px #90715e; /* slightly deeper shadow */
							-moz-box-shadow: 3px 3px 10px #90715e; 
							-o-box-shadow: 3px 3px 10px #90715e;
							-khtml-box-shadow: 3px 3px 10px #90715e;
							box-shadow: 3px 3px 10px #90715e;
						 	}
/********** End contact section parts **********/

/********** out of masonry elements, BODY **********/
body			{ position: relative; background: transparent url(images/bkgd_tile300.jpg) repeat; }
					
/********** out of masonry elements, LOCAL NAV **********/
#local_nav	{ position: fixed; top: 0; width: 100%; z-index: 100; border-bottom: #CFEDC3 1px solid; }
#local_nav	{ background-color: #2DAF8E;  /* fallback solid color for CSS3 */
				background: rgba(32,44,59,0.65); /* CSS3 rule keeps background transparent, and content opaque */
				background-image:
				-webkit-gradient(
				    linear,
				    right bottom,
				    left top,
				    color-stop(0.55, rgba(45,175,143,1)),			
				    color-stop(0.8, rgba(239,236,229,0.5))
					);
				background-image:
				-moz-linear-gradient(
				    right bottom,
				    rgba(45,175,143,1) 55%,
				    rgba(239,236,229,0.5) 80%
					);
				}
	#local_nav ul				{ float: right; margin: 0 18px 6px 0; }
		#local_nav ul li		{ float: left; font-family: "bree-1","bree-2", sans-serif; font-weight: 300; color: #cffcf1; 
									-webkit-transition: all .2s ease-in-out;
									-o-transition: all .2s ease-in-out;
									-moz-transition: all .2s ease-in-out;
									-khtml-transition: all .2s ease-in-out;
									transition: all .2s ease-in-out;
									}
			#local_nav ul li:last-child	{ font-family: "ltc-squareface-sc-1","ltc-squareface-sc-2"; letter-spacing: .1em; }						
			#local_nav ul li:hover	{ -webkit-transform:scale(1.2); /*scale up image 1.2x*/
											-moz-transform:scale(1.2); 
											-o-transform:scale(1.2);
											-khtml-transform:scale(1.2);
											transform:scale(1.2);
											}
		
			#local_nav ul li a		{ padding: 3px 6px; text-decoration: none; color: #cffcf1;
											-webkit-transition:all .2s ease-in-out;
											-o-transition: all .2s ease-in-out;
											-moz-transition: all .2s ease-in-out;
											-khtml-transition: all .2s ease-in-out;
											transition: all .2s ease-in-out;
											}
			#local_nav ul li a:hover		{ background-color: #01c0a7; color: #fff;
													-webkit-border-radius: 3px;
													-moz-border-radius: 3px;
													-o-border-radius: 3px;
													-khtml-border-radius: 3px;
													border-radius: 3px;											
													-webkit-box-shadow: 2px 2px 4px #444942;
													-moz-box-shadow: 2px 2px 4px #444942;
													-o-box-shadow: 2px 2px 4px #444942;
													-khtml-box-shadow: 2px 2px 4px #444942;
													box-shadow: 2px 2px 4px #444942; 
													} 

/********** out of masonry elements, FOOTER **********/			
body>footer		{ clear: both; padding: 18px 50px 36px 50px; margin: 0;
					color: #A5C1E5; border-top: 2px solid #e0f0fd;
					background-color: #335074; /* fallback solid color for gradients */
					background: rgba(32,44,59,0.15); /* keeps background transparent, content opaque */
					#background-color: #335074; /* override for stupid IE7 */
					background-image:
					-webkit-gradient(
					    linear,
					    left top,
					    left bottom,
					    color-stop(0.19, rgba(58,92,133,0.7)),
					    color-stop(0.83, rgba(13,21,31,0.8))
						);
					 background-image:
					-moz-linear-gradient(
					    center top,
					    rgba(58,92,133,0.7) 19%,
					    rgba(13,21,31,0.8) 83%
						);
					}
.bubblewrap				{ list-style-type:none; margin:0 0 9px 0; padding:0; }
	.bubblewrap li			{ display:inline; width: 40px; height:400px; }	
		.bubblewrap li img		{ width: 32px; /* width of each image.*/
										height: 32px; /* height of each image.*/
										border:0;
										margin-right: 8px; /*spacing between each image*/
										-webkit-transition:-webkit-transform 0.2s ease-in-out; /*animate transform property */
										-moz-transition:-moz-transform 0.2s ease-in-out; 
										-o-transition:-o-transform 0.2s ease-in-out;						
										-khtml-transition:-moz-transform 0.2s ease-in-out;  
										transition: transform 0.2s ease-in-out;
										}
		.bubblewrap li img:hover	{ -webkit-transform:scale(1.6); /*scale up image 1.6x*/
											-moz-transform:scale(1.6);
											-o-transform:scale(1.6);
											-khtml-transform:scale(1.6);
											transform:scale(1.6);
											}
body>footer p						{ margin-bottom: 6px; }
body>footer p.floatRight a		{ display: block; }
body>footer a:link,
	body>footer a:visited		{ color: #fbccaf; text-decoration: none; }
	body>footer a:hover			{ color: #FAEAE1; text-decoration: underline; }						
.resize								{ position: fixed; width: 140px; height: 140px; bottom: 0; right: 0; background: transparent url(images/triangle.png) bottom right no-repeat; }							

/********** masonry widths (before padding + borders!) **********/
.col1	{ width: 100px; }
.col2 { width: 220px; }
.col3 { width: 340px; }
.col4 { width: 460px; }
.col5	{ width: 580px; }
.col6 { width: 700px; }
.col1 img { max-width: 92px; }
.col2 img { max-width: 212px; }
.col3 img { max-width: 332px; }
.col4 img { max-width: 452px; }
.col5	img { max-width: 572px; }
.col6 img { max-width: 692px; }

/********** classes for masonry **********/
#primary			{ margin: 48px 0 0 235px; min-height: 1200px;} /* min-height longer than Twitter feeds b/c they are absolutely positioned */
.box, 
.logobox			{ margin: 0 20px 18px 0; padding: 10px 15px 18px;
					background-color: rgb(255,255,255); /* solid color fallback */
					background: rgba(255,255,255,0.05); /* CSS3 rule keeps background transparent, and content opaque */
					#background-color: #fff; /* override for IE7 */					
					border: 2px solid #fff;
					-webkit-border-radius: 15px;
					-moz-border-radius: 15px;
					-o-border-radius: 15px;
					-khtml-border-radius: 15px;
					border-radius: 15px;
					-webkit-box-shadow: 3px 3px 10px #b19685;
					-moz-box-shadow: 3px 3px 10px #b19685;
					-o-box-shadow: 3px 3px 10px #b19685;
					-khtml-box-shadow: 3px 3px 10px #b19685;
					box-shadow: 3px 3px 10px #b19685;
					}
.box				{ background-image: /* this is subtle transparent gradient for *lighting* effect */
					-webkit-gradient(
					    linear,
					    left top,
					    left bottom,
					    color-stop(0.23, rgba(255,255,255,0.20)),
					    color-stop(0.99, rgba(255,158,98,0.10))
						);
					 background-image: /* don't know why, but you MUST include 'background-image' again for FF. Note that the gradient generator: http://gradients.glrzad.com/ does not include exact code to make FF work. */
					-moz-linear-gradient(
					    center top,
					    rgba(255,255,255,0.20) 23%,
					    rgba(255,158,98,0.10) 99%
						);
					}							
	aside.box			{ margin-top: 20px; padding: 0 10px 0 0; }
	article.box			{ float: left; }							
header hgroup			{ position: relative; width: 800px; left: 132px; }
.logobox					{ position: absolute; top: -14px; left: 0; padding: 0; overflow: hidden; background: url(images/logo_new_color80.jpg) no-repeat center top;}
	.logobox a			{ display: block; width: 80px; height: 90px; }
	hgroup h1.bree,
	hgroup h2.bree			{ margin-left: 103px; }
		hgroup h1.bree		{ margin: 48px 0 0 103px; font-weight: 700; }
		hgroup h2.bree		{ font-style: italic; color: #778595; margin-top: 0;}
	hgroup h1.bree a		{ text-decoration: none; }

/********** WORDPRESS PARTS IN MASONRY **********/
/* == POSTS == */
body.home article[id*=post-]				{ width: 220px; }
body.home article[id*=post-]				{
	
	}
body.single article[id*=post-],
body.error404 article.box					{ width: 460px; }
body.page article[id*=post-]				{ width: 580px; }
article[id*=post-] h1,
article[id*=post-] h2						{ border-bottom: 2px dotted #d46b2e; padding-bottom: 6px; margin-bottom: 3px; }
article[id*=post-] h2						{ padding-bottom: 0; }
body.home article[id*=post-] h1			{  }
article[id*=post-] header p				{ margin-bottom: 18px; text-align: right; color: #778595; font-style: italic;}	
body.archive section>h1						{ font-family: "bree-1","bree-2", sans-serif; letter-spacing: normal; word-spacing: 0.1em; font-weight: 300;  color: #62B39E; }
body.error404 section h1				{ font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2",sans-serif; color: #FF9D62; }
p.pill										{ text-align:right; font-size: 15px; color: #778595; }
article[id*=post-] h1 a					{ text-decoration: none; }
article[id*=post-] h2,
article[id*=post-] h3,
article[id*=post-] h4			{ font-weight: 700; }
article>header p, 
article>footer p 					{  }
article>footer						{ clear: both; }
article+nav 						{  }
section>h1 							{  }
.related								{ margin-top: 18px; padding-top: 6px; border-top: 2px dotted #d46b2e; }

/* Custom Post Types */
body.post-template-single-specials-php article[id*=post-]	{ width: 80%; }  /* no comments, jello */
body.post-template-single-specials-php article[id*=post-] h1,
body.home article[id=post-1635] h1	{ font-family: "kulturista-web-1","kulturista-web-2",serif; font-weight: 700;  color: #62B39E; font-size: 30px;  }	
body.post-template-single-specials-php article[id*=post-] h1 span,
body.home article[id=post-1635] h1 span { font-family: "bree-1","bree-2", sans-serif; font-weight: 300;  }
body.home article[id=post-1635] h1			{  }
body.home article[id=post-1635] h1 span	{  }
.eval									{ position: relative; top: 10px; left: -50px; margin-right: -50px; width: 238px; height: 230px; background: url(images/specials_star.png) no-repeat top left; float: left; }
.eval h4								{ position: absolute; top: 80px; left: 55px; border-bottom: none; width: 55%; text-align: center; text-shadow: 0px 1px 1px #FAEAE1; font-size: 30px; line-height: 1.15; height: 70px; z-index: 1000;}
.eval h4 a:link					{ text-decoration: none; height: 70px; }
.eval h4 a:hover					{ color: #fff; text-shadow: none; -webkit-transition:all .4s; }/*CSS3 transition effect*/ 
.eval + p.pill						{ text-align: left; color: #3d68a0; margin-top: 54px; }

/* == COMMENTS == */
body.single section h3.pill			{ font-size: 21px; margin: 9px 0 18px 0; color: #62B39E; }
article[id*=comment-]					{ padding: 21px 15px 9px 15px;}
	article[id*=comment-] a 				{ text-decoration: none; }
		article[id*=comment-] h4,
		article[id*=comment-] h4 cite 	{ font-style: normal; font-weight: 400;  }
		a[href*=comment-]						{ font-size: 13px;}
		.alt 										{ background: #d9dfd5; border-top: 1px solid #f3f9ed; border-bottom: 1px solid #c8cdc4; }
h3.bello										{ font-size: 28px; top: 8px; color: #FF9D62; }
form[method=post] label 				{ color: #778595; clear: left; }
form[method=post] input,
#comment 									{ width: 338px; clear: both; border-top: 1px solid #e0dbd6; border-left: 1px solid #e0dbd6; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }

.avatar										{ padding: 3px; background-color: #fff; border: 1px solid #F87D35; float: left; margin-right: 9px;}
.reply										{ margin-top: 18px; }
/* == SEARCH == */
label[for=s] 								{ color: #778595;}
li.widget_search							{ height: 84px; }
li.widget_search input[type="text"],
li.widget_search .button				{ width: 174px; }

/* == OUT OF MASONRY elements: SIDEBAR == */
body.page aside.box				{ /* max-height: 1100px; overflow: hidden; */ }
aside 								{ position: absolute; top: 100px; left: 12px; width: 190px; }
	aside h2.widgettitle			{ font-weight: 400; font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2",sans-serif; margin-bottom: 0; color: #62B39E; margin-top: 9px; }
		aside h2.widgettitle a	{ text-decoration: none; }
	aside ul							{ margin: 0 0 18px 0;  }
		aside li 					{ list-style: none; }
			aside ul li ul li a:link,
			aside ul li ul li a:visited	{ text-decoration: none; }
			aside ul li ul li a:hover		{ text-decoration: underline; }
aside ul li.widget							{ margin-bottom: 9px; padding-bottom: 9px; border-bottom: 2px dotted #9FE4D3; }
	aside ul li.widget:last-child			{ border-bottom: none; }
ul.twitter,
#clever-list						{
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	}
	#clever-list ul				{ overflow: hidden; }
	#clever-list ul li			{ margin-left: 0; padding: 9px 0 18px 0; border-bottom: 2px dotted #FF9D62; margin-bottom: 18px; }
#calendar_wrap						{ margin: 18px auto; }
li.twitter-item					{ margin: 0 0 18px 0; padding-left: .85em; border-left: 2px dotted #FF9D62; }
.popular-posts ul					{ border-left: 2px dotted #FF9D62; }
#mc_mv_EMAIL						{ width: 174px; }
#mc_signup_submit.button		{ width: 176px; }
/* == OUT OF MASONRY elements: FOOTER == */
.footer_widget						{ float: left; width: 25%; margin-bottom: 18px; }
.footer_widget h3					{ font-weight: 400; font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2",sans-serif; color: #fff; text-shadow: none; }
.footer_widget ul					{ margin: 0; list-style-type: none; border-left: 2px dotted #A5C1E5; }

/* Generated by WordPress */
.alignnone												{ margin: 9px auto; }
.aligncenter 											{  }
.alignleft 												{ float: left; margin-top: 6px; margin-right: 1em; }
.alignright 											{ float: right; margin-top: 6px; margin-left: 1em; }
.wp-caption 											{  }
li img													{ padding: 0; background: transparent; border: none; }
img														{ padding: 3px; background: #fff; border: 1px solid #F87D35; }
img.attachment-post-thumbnail						{ float:left; margin-right: 1em; margin-bottom: 9px; }
	img.attachment-post-thumbnail + p			{ top: -5px; }
.wp-post-image, img[class*=wp-image-],
img.floatLeft, img.floatRight						{ margin-bottom: 9px; margin-top: 6px;}
img#wpstats												{ display: none; }

/* Plugins */
.twitter_button										{ }
.tweetmeme_button										{ position: relative; z-index: 700; }
.lic_it_container										{ float: left; margin: -18px 0 0 40px; }

/*NOTE...452px wide is the max width you want for post images */

/* Custom Pages */
/* FAQs */
body.page-id-1930 article h1		{ font-family: "ltc-squareface-sc-1","ltc-squareface-sc-2"; border: none;}
body.page-id-1930 article h2		{ border-bottom: none; border-top: 2px dotted #d46b2e; padding-top: 12px; }
body.page-id-1930 article h2+p		{ position: relative; margin-left: 48px; margin-bottom: 36px; }
body.page-id-1930 article h2+p+ul	{ margin-top: -24px; }
body.page-id-1930 article p>span { font-family: "bello-pro-1","bello-pro-2",sans-serif; font-size: 60px; color: #fbb992; position: absolute; top: 18px; left: -54px; z-index: -1; text-shadow: 0px 2px 2px #fff; }

/* Creative Brief */
body.page-id-1932 .box				{ background-image: none; }
body.page-id-1932 article h1		{ border-bottom: none; }
body.page-id-1932 article h5		{ color: #778595; }
body.page-id-1932 .wpcf7-form label	{ width: 100%; float: left; margin-bottom: 9px;
								font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2",sans-serif;
								font-weight: 300;
								font-size: 22px; top: 1px;
								color: #668BBC;
								border-bottom: 2px dotted #668BBC;
								}
body.page-id-1932 textarea,
body.page-id-1932 input[type='text']			{ width: 85%; }
.wpcf7-list-item input[type="checkbox"]		{ width: 5%; }
p.half		{ float: left; width: 50%; }
body.page-id-1932 .wpcf7-form input[type="submit"]			{ width: 25%; }
body.page-id-1932 .wpcf7-response-output		{ padding: 9px; background-color: #62B39E;  color: #fff; 
															-webkit-border-radius: 6px;
															-moz-border-radius: 6px;
															-o-border-radius: 6px;
															-khtml-border-radius: 6px;
															border-radius: 6px; 
															-webkit-box-shadow: 0 0 20px #666;
															-moz-box-shadow: 0 0 20px #666;
															-o-box-shadow: 0 0 20px #666;
															-khtml-box-shadow: 0 0 20px #666;
															box-shadow: 0 0 20px #666;
															text-shadow: none;
															}
body.page-id-1932 li#search-6 input[type="text"],
body.page-id-1932 li#search-6 .button			{ width: 174px; }

.break-word { word-wrap: break-word; }	


/* This targets both portrait & landscape versions of iPad */
@media only screen and (device-width: 768px) {
.resize		{ display: none; }
} 

@media screen and (max-device-width: 480px) {
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; 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; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}