@charset "utf-8";
/* CSS Document */

/* ==|== primary styles =====================================================
   Author: Eric Miner eric@minerbits.com for The Miner Bits www.minerbits.com
   ========================================================================== */

/*PUT THE GOOD STUFF I WRITE BELOW*/
  
 
 /*Use the html element here instead of body....as per Eric Meyer in "Smashing CSS" page 101*/
html {
	font-size: 16px;
	/*background: #10131C;
    margin: 0; 
    padding: 0; */
    color: #333;}
 
 /*Use the body element as the wrapper....as per Eric Meyer in "Smashing CSS" page 101*/
body {
	/* width: 1024px;*/
	 margin: 0 auto; 
	 background: #10131C;
	 font: 500 16rem/1.5 "museo-slab", Georgia, "Times New Roman", Times, serif;
	 font: 500 1rem/1.5 "museo-slab", Georgia, "Times New Roman", Times, serif;
	 color: rgba(255,255,255,0.6);}


/*HEADINGS*/

h1 {
	/*font-size: 2rem;*/
	text-align: center;
	margin-bottom: 12px;	
}

h2 {font-family: "proxima-nova-condensed", Arial, Helvetica, sans-serif;}	

/*HEADER AREA*/

 .header {
	 height: 200px; 
	 font: 600 3rem/1.5 "proxima-nova-condensed",sans-serif; 
	 text-align: center;  
	 /*background: #10131C; */
	 color: rgba(255,255,255,0.9); 
	 text-shadow: 3px 3px 0px #10131C, 7px 7px 0px #43464F;
	 letter-spacing: .75rem; 
	 margin-top: -105px;  
	 padding-top: 50px;
	 }
 
 @media screen and (max-width: 800px) {
	.header {font-size: 2em; margin-top: -50px;}}
.header h1 {font-weight: 600;}

/*NAVIGATION*/

#main-nav {
	height: 32px; 
	position: relative; 
	font: 400 3em/1.5 "proxima-nova-condensed",sans-serif; 
	font-size: 1.2em; 
	margin-top: -4em;
	}

@media screen and (max-width: 1050px) {
	#main-nav {margin-top: -1em;}}


#main-nav a:link {
	color: rgba(255,255,255,1);  
	text-decoration: none; 
	-webkit-transition: .75s ease-in-out; 
	-moz-transition: .75s ease-in-out;
	transition: color .5s ease-in-out; 
	}
	
#main-nav a:visited {
	color: rgba(255,255,255,1); 
	text-decoration: none;
	}
	
#main-nav a:active: {
	color: #FFE72F; 
	text-decoration: none;
	}
	
#main-nav a:hover {
	color: #575757; 
	text-decoration: none;
	}

.u-r-here {font-size: 1.25em;}


/*MAIN CONTENT*/
#main-content {
	/*width: 100%*//*1082px*/; 
	height: 550px; 
	position: relative;
	margin: 50px auto;
	}
	
#main-content {
	margin-top: -50px; 
	margin-bottom: 50px;
	}
.window-wrapper {width: 1043px; max-height: 1043px;} 


/*FOOTER AREA*/
#footer {
	clear: both; 
	height: 150px; 
	font-family: "proxima-nova", Arial, Helvetica, sans-serif;
	 background: #10131C; 
	 color: #CCCCCC;}

/*MISC STUFF*/

.space-filler {min-height: 200px; background: #10131C;}

/* Andy Clarke's LINKS ------------------------------------------------------------------ */

a, a:visited {
outline : none;
color : rgba(255,255,255, .5);
text-decoration : underline;
font-weight: bold; }
 
a:hover { 
color : rgba(255,255,255, .5); 
text-decoration : underline; }
 
a:active, a:focus { 
position : relative; 
top : 2px; 
color : rgba(255,255,255, .5); }

a.action {
padding : .5em 20px;
background-color : rgb(143,58,58); 
color : rgba(255,255,255, .5);
font-size : .875em;  
text-shadow : 0 1px 1px rgb(0,0,0); }

a.action:hover {
background-color : rgb(119,48,48); 
text-decoration : none; }

a.action:active,
a.action:focus {
background-color : rgb(44,18,18); 
color : rgba(255,255,255, .5); 
text-decoration : none; }

.mi-window a {font-weight: normal;}



/*CSS For the IR San Francisco Gallery load last*/

body {width: 100%;}

.anchors {width: 64px; color: #999; position: absolute; left: -215px; top: -72px; font-size: 3em; height: 73px;}

.anchors2 {width: 64px; color: #999; position: absolute; left: -245px; top: -92px; font-size: 3em; height: 73px;}

.anchors a {text-decoration: none;}

.main-content-text {width: 60%; font:  color: #999; background: #10131C; margin: 0 auto; margin-top: 50px; padding: 8px 20px; border-radius: 4px;
            -webkit-column-count: 2;
			-webkit-column-gap: 3em;
			-webkit-column-rule-color: #232A3D;
			-webkit-column-rule-style: double;
			-webkit-column-rule-width: 6px;
			-moz-column-count: 2;
			-moz-column-gap: 3em;
			-moz-column-rule-color: #232A3D;
			-moz-column-rule-style: double;
			-moz-column-rule-width: 6px;
			-ms-column-count: 2;
			-ms-column-gap: 3em;
			-ms-column-rule-color: #232A3D;
			-ms-column-rule-style: double;
			-ms-column-rule-width: 6px;
			column-count: 2;
		    column-gap: 3em;
			column-rule-color: #232A3D;
			column-rule-style: double;
			column-rule-width: 6px;}

.main-content-text ul li { list-style: square;}
.main-content-text h2 {font-size: 1.7em; margin-top: 0;}
.main-content-text h3 {font-size: 1.1em;}

@media screen and (max-width: 1050px) {
	.main-content-text {width: 90%;}}
@media screen and (max-width: 800px) {
	.main-content-text {width: 90%; margin-top: 0px;}}

.main-content2 {margin-top: -32px;}

.img-vert {height: 183px; width: 238px; background: #000; border-radius: 8px; float: left; margin: 0 auto; border: 6px double #10131C;}

.img-horz {width: 238px; height: 183px; background: #000; border-radius: 8px; float: left; margin: 59px; margin: 0 auto; border: 6px double #10131C;}

 .img-horz h3 {font: 600 .85em/1 "proxima-nova-condensed", "proxima-nova", Arial, Helvetica, sans-serif; color: #999; text-align: center; margin-top: -10px;}

.img-vert h3 {font: 600 .85em/1 "proxima-nova-condensed", "proxima-nova", Arial, Helvetica, sans-serif; color: #999; text-align: center; margin-top: -10px;}

.img-vert img {margin: 16px 57px; padding-left: 25px;}
.img-horz img {margin: 16px 0px 16px 55px; padding-top: 35px;}

.img-horz img {border-radius: 4px;
   -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;}

.thumb-box {width: 1000px; margin: 100px auto;}
@media screen and (max-width: 800px) {
	
	.thumb-box {width: 500px; margin: 100px 0;}}
/*SPECIAL HEADERS AREA*/

.header-thumbs {
	  
	 font: 600 4rem/1.4 "proxima-nova-condensed",sans-serif;
	 background: #10131C;
	 color: rgba(255,255,255,0.8);
	 text-align: center;
	 text-shadow : 6px 6px 2px rgba(145,154,191, .5);
	 text-shadow: 3px 3px 0px #10131C, 5px 5px 0px #595C69;
	 margin: 6rem auto 0 auto;
	 padding-top: 8rem;
}
.header-thumbs span {font-size: .65em;}
.header-thumbs-p1 {font-size: .35em; margin-top: -4px; text-shadow : 6px 6px 2px rgba(0,0,0,0);}
.header-thumbs-p {margin-top: -24px; font-size: .8em;}
.header-thumbs-p2 {font-size: .35em; margin-top: -50px; margin-bottom: -48px; text-shadow : 6px 6px 2px rgba(0,0,0,0);}

.ir-text {background: #10131C; padding-top: 50px; margin-top: -20px;}
/*@media screen and (max-width: 1050px) {
	.ir-text {margin-top: -.5em;}}*/

img {max-width: 100%;}

a p {font-size: 1.2em; color: #D9D9D9;}

#footer {width: 100%; height: 100px; margin: 100px auto; background: #10131C;}