a {color:#666; text-decoration:none; }
a:hover {color:white;}

a.n {color:#f9fff9; }
a.n:visited {color:#666; }
a.n:hover {color:white; }
a.n:active {color:#f9fff9; }
a.n:link {color:#666; }

a.LGT {color:#f9fff9; }
a.LGT:visited {color:#f9fff9; }
a.LGT:hover {color:white; }
a.LGT:active {color:#f9fff9; }
a.LGT:link {color:#f9fff9; }

a.anc {display:block; width:100%; height:12%; }




/*  T e x t   S t r u c t u r e
------------------------------------------------- */
p	    {font-size:20px;font-weight:400;line-height:30px;color:#f9fff9; }

b 		{font-weight:700; }
figcaption b {font-weight:700;font-style:normal;}


ul 		{text-align:left;font-size:16px; }
li 		{text-align:left;margin:0 0 12px 0;list-style-type:none; }


ul.t 		{width:100%;height:auto;display:block;overflow:hidden;text-align:left;font-size:15px;line-height:21px;
			 margin:0 0 .3% 0; padding:0 0 2% .2%;font-weight:400; }
ul.t li 	{float:left;text-align:left;height:100%;margin:0 .3% 0 0;padding:2% 3% 2% 3%;
			 list-style-type:none;background-color:#f0f3f0;color:#888;padding-bottom:500em;margin-bottom:-500em; }
ul.t#a3 li	{width:27%;}




  /* sections */
article h4,h5,h6,h7,h8,p{color:#3e3a3a;}/*2b2727*/

h1 {margin:12% 0 6px 0;padding:0 0 0 0;font-size:51px; font-weight:100; letter-spacing:3px; line-height:63px; }
  /* Art. title */
h2 {margin:0 0 3% 0;padding:0 0 0 0;font-size:24px; font-weight:200; letter-spacing:3px; line-height:33px; text-transform: uppercase;padding:27px 0 0 0;}
  /* sub-section */
h3 {margin:0 0 0 0;padding:0 0 2% 0;font-size:12px;font-weight:700;letter-spacing:3px;line-height:12px;text-transform:uppercase; }
  /* h1 description */
h4 {font-size:11px; font-weight:700; letter-spacing:6px; line-height:6px; margin:0 0 6% 0; text-transform: uppercase;}
h5 {font-size:10px; font-weight:300; letter-spacing:5px; line-height:1px; margin:0; text-transform:uppercase; }
  /* special headers */
h6 {font-family: 'Exo 2', sans-serif; font-size:24px; font-weight:200; letter-spacing:0px; line-height: 0px; }
  /* site title */
h7 {font-family: 'Exo 2', sans-serif; font-size:14px; font-weight:200; letter-spacing:4px; line-height: 18px; }
 /* site title cptn */
h8 {font-family: 'Exo 2', sans-serif; font-size:10px; font-weight:200; letter-spacing:0px; line-height: 14px; font-style: italic; }


span.dateHeader {width:100%; display:block; padding-bottom:6%; text-align:center; font-size:30px; font-weight:thin; }

img.mobile {display:none; }



/*  B O D Y
------------------------------------------------- */

body 			{position:relative;display:block;overflow:hidden;height:100%;width:100%;
	  			 background-color:#b2b6b2;color:#f9fff9;
	  			 background-image: url('http://www.jeremiahleblanc.com/images/BG_patterns/texture.png');
	  			 font-family: 'Exo 2', sans-serif;font-size:13px;font-weight:300;letter-spacing:0;line-height:18px; }

body.design     {background-color:#363636; color:#d2e3d2; font-size:12px; background-image:none; }
body.gallery    {height:99.4%; width:99.4%; top:-8px; left:-4px; overflow-x:hidden; overflow-y:scroll; }
body#traction   {top:-8px; left:-7px; overflow-x:hidden; overflow-y:scroll; }



div.outline     {z-index:10;position:fixed; }
div.outline#T   {border-bottom:2px solid transparent;width:99%;height:1%;top:0;left:0.5%; }
div.outline#R   {border-left:2px solid #F2E8DB;width:0.5%;height:88%;bottom:1%;right:0%; }
div.outline#B   {border-top:2px solid #F2E8DB;width:99%;height:1%;bottom:0; left:0.5%; }
div.outline#L   {border-right:2px solid #F2E8DB;width:0.5%;height:30%;bottom:1%;left:0%; }


div.bg 						{width:100%;height:99%;opacity:.1;filter:alpha(opacity=10);
							 background-image:100%;background-color:#44403a;overflow:hidden; }

#slideshow 					{position:fixed;height:99%;width:100%;overflow:hidden;z-index:-1;
							 opacity:.1;filter:alpha(opacity=10); background-color:#44403a; }
#slideshow img 				{position:absolute;top:1px;left:1px;z-index:8;opacity:0.0;
							 height:auto;width:100%;position:fixed;top:1px;left:1px; }
#slideshow img.active 		{z-index:10; opacity:0.01; }
#slideshow img.last-active 	{z-index:9;}


main			{height:99%; }
main.gallery	{margin:0 0 0 31%;width:68%; }
main.article	{margin:0 0 0 15%;width:70%; }
main.preview	{margin:0 0 0 15%;width:60%; }





/*  N A V I G A T I O N
------------------------------------------------- */
header			{}
header.m		{z-index:9;position:relative;opacity:.6;filter:alpha(opacity=60);}

header.m nav	{z-index:9;position:fixed;top:1.5%; left:1%; width:95%;height:0%;min-height:36px;padding:0% 3% 0 0;
                 background-color:#808080;border-bottom:5px solid #F2E8DB;text-align:right; }
header.m nav a	{position:relative;top:9px;margin: 0 3% 0 0; }
header.m#A nav a span	{visibility:visible; }
header.m#A nav a i		{visibility:hidden; }

				/* paired with .grid .thumbs */
header.m div	{z-index:9;position:fixed;top:3%;left:9%;width:50%;height:200px;
				 text-align:center;background-color:#808080;border-bottom:5px solid #F2E8DB; }
header.m#A div	{left:9%;width:50%; }
header.m#B div	{left:6%;width:25%; }
header.m#C div	{left:3%;width:12%; }



header.d		{z-index:9;position:fixed;top:1px; }
header.d nav	{z-index:9;position:fixed;top:1.5%; left:1%; width:95%;height:0%;min-height:36px;padding:0% 3% 0 0; }

header.d nav.logo {z-index:10;position:fixed;top:51px;left:1%;width:10%;margin:0 0 0 3%;padding:0px;  }
header.d nav.logo a img {width:9px;}
header.d nav.L	{z-index:9;text-align:left; margin-left:3%; }
header.d nav.R	{z-index:9;text-align:right; }

header.d nav a	{position:relative;top:9px;margin: 0 3% 0 0; padding:12px;}
header.d nav.R a:hover {background-color:#666;color:#f9fff9;}


div.submenu 	{z-index:9;position:fixed;display:block;overflow:visible; }
div.submenu#A 	{width:25%;top:252px;left:6%; }
div.submenu#B 	{width:25%;top:252px;left:6%; }
div.submenu#C 	{width:12%;top:252px;left:1%; }


/*  B L O G G E R . C O M  */
div#ArchiveList	{z-index:9;position:fixed;top:252px;right:1%;width:12%;height:30%;overflow:hidden; }


div.item		{float:left; }
div.item img	{border:3px solid #F2E8DB; }
div.item#date 	{width:16.66%; text-align:center; }
div.item#centre	{width:100%;float:left;text-align:center; }



div#link-holder {position:fixed;bottom:13%;right:3%;width:24px;height:24px;}
div#link-holder a {display: block;width:100%;height:100%;border:1px solid #f9fff9;border-radius:2px;margin:0 0 50% 0;
font-size:15px;text-align:right;line-height:33px;}



/*  R I G H T
------------------------------------------------- */
div.right       {z-index:7;position:fixed;top:66px;right:0%;width:24%;height:100%;padding:3% 3% 0 0; }
div.right#A     {padding:12% 0 0 0;right:6%; }
div.right#A p   {font-size:18px; }





/*  G R I D
------------------------------------------------- */

div.gallery      	{z-index:1;position:absolute;top:160px;width:51%;height:auto;padding:30px 1% 0 1%;margin:0 0 0 9%;display:block;overflow:visible; }

div.grid2       		{z-index:-1;position:absolute;top:0px;width:96.25%;height:100%;overflow:hidden; }

div.gallery section.footer {width:100%;margin:6% 0 0 -3%;}




div.grid       		{z-index:1;position:absolute;top:160px;left:9%;width:50%;height:400%;padding:0 1% 0 1%; }

div.thumbs      	{z-index:2;position:absolute;height:auto;padding:190px 1% 0 1%; }
div.thumbs#A    	{width:50%;left:9%; }

div.lines       	{width:100%;height:100%;padding:0 -1px 1200px -1px;display:inline-block;text-align:center;
					 opacity:.60;filter:alpha(opacity=60);border:1px dashed #F2E8DB;border-bottom:none; }

div.row#catags a    {position:relative;left:-2px;padding-bottom:210%;
					 background-size:290%;padding-right:-2px;padding-left:-2px;border:3px solid #F2E8DB; }

div.row#date		{margin:0; border-bottom:2px solid #F2E8D8;padding-left:30px;text-align:right; }
div.row#title       {padding:6% 0 0 0; }
div.row#footer 		{margin:6% 0 9% 0;padding:3% 0 0 0;text-align:center; }
div.row#full   		{height:100%; }

div.row#SK	 		{margin:0 0 6px 0; }
div.row#SK b 		{float:left;display:block;width:30px;}
div.row#SK a 		{display:block;float:left;margin:0 0 0 6px;width:18px;background-color:white;border:1px solid transparent;text-align:center;  }


div.column  		{margin:0 0 0 3.7%;width:13%;height:100%;float:left;text-align:center; }
div.column#initial 	{margin:0 0 0 1%; }

div.column#C2   	{margin:0 3.2% 0 0; width:24%; }

div.column#C3   	{margin:0 3.2% 0 0; width:30%; border-top:1px solid #888; }


a.thumb 			{width:100%;display:inline-block;padding-top:82%;margin:0 0 18% 0;
					 background-position:center;background-size:138%;border:2px solid #888;
					 font-size:40px;text-align:center;vertical-align:super;color:#888; }
a.thumb:hover   	{border:2px solid #ccc;color:#444;}

a.thumb#design        {float:left;width:48%;height:auto;padding:0 0 0 0; margin:0 2% 4% 0;background-size:200%;border:.5px;}
a.thumb#design figure {margin:0;width:100%;height:auto;overflow:hidden;}
a.thumb#design figure img {width:100%;height:auto;border-bottom:1px solid #DDD;}
a.thumb#design figure figcaption {margin:0;padding:6% 0 0 7%;height:57px;background-color:#f9fff9;text-align:left;}
a.thumb#design figure figcaption b {font-size:14px;text-transform:uppercase;display:block;}


/*  A R T I C L E   ( see main in body )
------------------------------------------------- */
article			{ }
section			{display:block;overflow:auto;padding:0 0 0 2%; }

footer 			{padding:0 0 3% 0;font-size:11px;}

figcaption 						{margin:0 0 2% 0;padding:2% 0 2% 0;font-size:12px;font-style:italic;text-align:center; }


article header 					{padding:9% 1% 0 1%;color:#f9fff9;border:none; }

main.presentation article       {width:57%;height:auto;padding:3% 0 .25% 8%;background:none; }
main.presentation article p          {padding:0 3% 1% 3%; margin-top:0;}
main.presentation article figure	    {margin:-1px 0 0 0;padding:0 0 0 0;width:100%;height:auto;text-align:center; }
main.presentation article figure img	{width:100%;height:auto;border:none; }
main.presentation section       {width:54%;margin:3% 0 0 9%;}
main.presentation section.footer{width:94%;margin:1% 0 1% 0;padding:3% 3% 1% 3%;}


main.article article			{width:88%;height:100%;padding:3% 6% 3% 6%;background:none; }
main.article article p          {padding:0 3% 0 3%; }
main.article article p.divide   {border-bottom:1px solid #666666;padding:3% 3% 3% 3%;margin:3% 0 0 0}


main.article article figure	    {margin:.7% 0 2% 0;padding:0 0 0 0;height:90%;text-align:center; }
main.article article figure img	{height:88%;border:3px solid #F2E8DB; }
main.article article figure img.h	{width:88%;height:auto; }

main.article article figure.txt {margin:0 3% 3% 0;padding:0;width:90px;height:180px;border:2px solid #F2E8DB; float:left; }
main.article article figure.txt img 	{position:relative;left:-86%;top:-3px;height:100%;border:none; }
main.article article figure.txt#about 	{width:130px;
					 background-image:url('http://www.jeremiahleblanc.com/images/profile_photo-art-Jeremiah-LeBlanc-201810.jpg');
					 background-position:center center;background-size:160%;opacity:.72;filter:alpha(opacity=72); background-repeat:no-repeat; }

main.article article section figure img	{width:100%; border:3px solid #F2E8DB; }
main.article article section figure {float:left; width:43%; margin:12% 0 2% 0;padding:0 1% 0 4%; }



main.gallery article			{width:100%;height:100%;background:none; }
main.gallery article p          {margin:0 0 12% 0;padding:0 12% 0 12%; }

main.gallery article figure	    {margin:.7% 0 2% 0;padding:0 0 0 0;height:90%;text-align:center; }
main.gallery article figure img	{height:88%; border:3px solid #F2E8DB; }
main.gallery article figure img.h	{width:88%;height:auto; }
main.gallery article section figure {float:left; width:43%; margin:12% 0 2% 0;padding:0 1% 0 4%; }
main.gallery article section figure img	{width:100%; border:3px solid #F2E8DB; }


main.preview article			{width:88%;height:100%;margin:0 0 0 6%;background:none; }
main.preview article p          {margin:0 0 12% 0;padding:0 12% 0 12%; }

main.preview article section	{z-index:0;position:relative;overflow:hidden;height:240px;border-bottom:3px solid #808080;margin:0 0 3% 0: }

main.preview article section figure {margin:0 12px 12px 0; padding:0; height:auto; width:auto; float:left; text-align:center; overflow:visible; }
main.preview article section figure img	{margin:0; padding:0; height:90px; border:1px solid #f9fff9; }
main.preview article section figure img.h	{margin:0; padding:0; height:90px; width:auto; border:1px solid #f9fff9; }
main.preview article section figcaption {display:none; }

main.preview article footer {position:absolute;right:0px;bottom:0px;padding:1%;width:25%;font-size:14px;font-weight:300;text-align:center;color:white;background-color:#808080; }
main.preview article footer:hover {background-color:white; color:#808080; }



section.ender 			{display:block;overflow:auto;width:91%;margin:0 0 0 7%;padding:0;font-size:24px; }

section.footer
{width:85%;margin:3% 0 1% 7%;padding:3% 3% 1% 3%;border-top:2px solid #f9fff9;background-color:#333;}

section.footer column 	{text-align:left; }
section.footer ul 		{display:inline-block;clear:both;padding:0;font-size:12px;list-style-type:none;color:#888;  }
section.footer h2,h3{color:#f9fff9;}
section.footer h2{padding-bottom:0;}
section.footer p 		{font-size:12px; }





/*  B u t t o n s   a n d   F o r m s
------------------------------------------------- */

button,input,optgroup,select,textarea {outline:none!important;border:none;border-radius:0;background-image:none;background-color:transparent;-webkit-box-shadow: none;-moz-box-shadow:none;box-shadow:none;-webkit-appearance: none;-moz-appearance:none;appearance:none;

width:100%;color:#f9fff9;font-size:21px;border:2px solid #888; }

@media screen and (min-width:0\0) {
   select {
       background-image:none\9;
       padding: 5px\9;
   }
}

select {padding:9px;border:2px solid #888;

  background-image: url(...);   /* Add custom arrow */
}
input[type=text] {}
input[type=submit] {padding:9px;}


div.BTN    			{text-align:center;border:2px solid #b2b7b2;border-radius:12px;color:white;
					 background-color:#808080;font-variant:small-caps;font-size:18px;font-weight:300; }
div.BTN#X   		{margin-top:21%;padding-top:30px;width:120px;height:55px;font-size:60px;font-weight:100;text-align:center; }

div.BTN:hover 		{background-color:white; color:#808080; }

div.BTN#ctaContact  {width:240px; height:48px; margin:24px 0 0 0; line-height: 42px; }


div.BTNSQ 			{width:99%;padding:2% .5% 2% .5%;margin:.5%;color:#666;background-color:#ddd;text-align:center; }
div.BTNSQ:hover 	{background-color:white; color:#808080; }
div.BTNSQ#half 		{float:left; width:48%; }


div.display#MS    {margin:0 0 1% 0;width:100%;text-align:center;content:".";display:block;clear:both; }
div.display#MS img {float:left;width:120px;height:280px;border:2px solid #808080;margin:0 0 0 3%;}





/*  R e - c o n f i g u r e
------------------------------------------------- */
figure.art {margin:0 0 0 0; padding:0 0 0 0; height:94%; }
figure.art#details {height:100%; width:100%; border:none; }
figure.art img {border:3px solid #f9fff9; height:100%; }
figure.art#details img {height:100%; width:auto; border:0px dashed red; }

figure.sketchbook {margin:0; width:100%; overflow:hidden; text-align:center; }
figure.sketchbook img {margin:2% 0 0 0; max-height:600px; }
figure.sketchbook img.h {width:99%; }
figure.banner {margin:0 0 3% 0; width:104%; overflow:hidden; text-align:center; border:3px solid #F2E8DB; }
figure.banner img {margin:0; width:100%; border:none; }
figure.set {margin:0; text-align:center; }
figure.set img {max-height:180px; width:auto; margin:0 1% 1.5% 0; }
figure.full {margin:0; width:100%; }
figure.full img {margin:0 0 1% 0; width:103%; height:auto; }


@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 992px) {

}

@media screen and (max-width: 768px) { /*  M O B I L E  ------------------------------------------------- */


div.outline     {display:none; }
div.bg 			{display:none; }


main			{height:99%; }
main.gallery	{margin:0;padding:0;width:100%; }
main.article	{margin:0;padding:0;width:100%; }
main.preview	{margin:0;padding:0;width:100%; }


img.mobile {visibility:visible; }
.mobile    {visibility:visible; }
#mobile    {visibility:visible; }


/*  N A V I G A T I O N */

header.m#A nav			{position:fixed;top:1%;right:50%;width:98%;height:128px;float:left;margin:0;padding:0;}
header.m#A nav a		{display:none;position:relative;top:3%;width:25%;height:100%;margin:0 0 0 0;padding:3%;
					 	 text-align:center;font-size:15px;background-color:none;border:1px solid #777; }


header.m#B nav a		{display:none; }
header.m#C nav a		{display:none; }
header.m#A nav a:hover	{background-color:#F2E8DB;color:#808080; }



header.m#A div			{top:1%;left:1%;width:25%;text-align:center;height:128px; }
header.m#A div a h7 	{display:none; }
header.m#A div a h8 	{display:none; }

header.m#B		{top:1%;}
header.m#B nav  {height:51px; }
header.m#B div	{top:0%;left:1%;width:98%;height:auto;padding:0;background-color:transparent;border:none; }
header.m#B div img	{display:none;width:0px;height:0px; }
header.m#B div img.mobile	{padding:0px 24px 0px 21px;width:28px;height:auto;float:left;display:inline; }
header.m#B div h7	{float:left;font-size:24px;line-height:0px; }
header.m#B div h8	{display:none; }


header.m#C		{top:1%;}
header.m#C nav  {height:51px; }
header.m#C div	{top:0%;left:1%;width:98%;height:auto;padding:0;background-color:transparent;border:none; }
header.m#C div img	{display:none;width:0px;height:0px; }
header.m#C div img.mobile	{padding:0px 24px 0px 21px;width:28px;height:auto;float:left;display:inline; }
header.m#C div h7	{float:left;font-size:24px;line-height:0px; }
header.m#C div h8	{display:none; }


header.d nav.logo {top:0px;left:1%;width:auto;margin-left:3%;padding:0px;  }
header.d nav.logo a img {width:7px; }

header.d nav.L	{left:-4%;top:0px;padding:0 0 0 11%;font-size:15px;background-color:#666; }

header.d nav.R	{width:100%;font-size:11px;text-align:left; margin:25px 0 0 -1%;padding:0;padding-bottom:24px; background-color:#b2b6b2;
background-image: url('http://www.jeremiahleblanc.com/images/BG_patterns/texture.png'); }
header.d nav a {padding:0;margin:0;}
header.d nav.R a {display:inline-block;width:23.5%;text-align:center;border-right:1px solid #b2b6b2;padding:12px 0 12px 0;}
header.d nav.L a {width:100%;padding:0!important;margin:0; }

div.submenu 	{display:none; }
div.links 		{bottom:4%; }
a#lnkIcon 		{margin:6% 27px 0 0; }
div.right       {display:none; }



/*  G R I D */
div.grid2       	{width:97.9%; }
div.gallery#A    	{margin-left:3%;width:96%; }
div.row#date		{width:98%;padding-left:0px; }

div.gallery section.footer {width:100%;margin:6% 0 0 -2%;}



/*  A R T I C L E */
section			{padding:0 0 0 0; }
a.anc 			{display:block; width:100%; height:90px; }

main.article article			{width:98%;padding:3% 1% 3% 1%; }
main.article article figure img	{width:88%;height:auto; }
main.article article p {font-weight:600;}

main.gallery article p          {margin:0 0 90px 0;padding:0 12% 0 12%; }
main.gallery article figure	    {margin:0px 0 24px 0;height:auto;display:block; overflow:auto; }
main.gallery article figure img	{width:82%;height:auto; }
main.gallery article section figure {float:left; width:43%; margin:0 0 0 0;padding:0 1% 0 4%; }



section.ender 			{width:99%;margin:0;padding:0;font-size:24px; }

section.footer 			{width:97%;margin:90px 0 0 0;padding:30px 1% 30px 1%; }
section.footer column 	{text-align:left; }

column#C3 	{width:100%; }
section.footer ul 		{display:inline-block;clear:both;padding:0;font-size:12px;list-style-type:none;color:#888;  }
section.footer p 		{font-size:12px; }