body {
	font-family: 'Open Sans', sans-serif;
	background-color: lightgray;
	margin: 0px;
	
}

header 
{
	background-color: #444;
	color:white;
	-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);

}

header h1 {
	font-weight: bold;
	margin: 0 .2em;
	letter-spacing: 0px;
}


section.main { padding:1em 2em; background-color:white; }

nav { text-align: center;}

nav ul li a { color:black;}

nav ul li {
	text-align: center;
	margin: .5em 0;
	padding: .3em 0;
	border-top-right-radius: 2px 8px;
	border-bottom-left-radius: 2px 8px;
	background-color: rgb(184,186,186);	

	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}

nav a {
	color: black;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
  word-wrap: break-word;
}

.tech {
	margin-left: 100px;
}


#nycr {
	list-style-image: url('images/NYCRLOGO.png');
}

#marakana {
	list-style-image: url('images/marakana-logo.png');
	position:relative;
	left:-5px;
}

#marakana a { position:relative; left: 5px; }
#gdi {
	list-style-image: url('images/gdi.png');	
}

figcaption { font-style:italic; font-size:0.8em; text-align:right;}
.bookimg {
	float:left;
	padding-right:20px;
	vertical-align:top;
}

#css3book, #biopic { float:right; padding-left: 20px;}
#biopic2 { float: left; padding-right: 40px; }
.clear { clear: both;}


.activeMenu {
	background-color:lightblue;
	position:relative;
	z-index: -10;	
	-webkit-transform: rotate(1deg); 	
	-moz-transform: rotate(1deg);
	transform: rotate(1deg);
}

#home_menuitem a img {
  display:none;
}

#sublist { margin-top: 0; }

/* ======
 * PUSH PIN
 */
.no-boxshadow .pushpin, .no-transform .pushpin, .no-borderradius .pushpin {
	display: none;
}

.pushpin {
	display:none;
	
	width: 30px;
	height: 50px;
	margin-left: 100px;
	margin-bottom: -40px;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	transform: rotate(20deg);
	
}

#pintop {
	background-color: blue;
	border-radius: 24px;
	margin-left: 3px;
	width: 24px;
	height: 24px;
	-webkit-transform: scale(0.9, 0.3);
	-moz-transform: scale(0.9, 0.3);
	transform: scale(0.9, 0.3);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.3);

}



#pinmiddle {
	width: 14px;
	height: 20px;
	margin-left: 8px;
	position: absolute; 
	z-index: -1;
	-webkit-transform: translateY(-11px);
	-moz-transform: translateY(-11px);
	transform: translateY(-11px);
	background-color:#3c3ce6;
	-webkit-box-shadow: -2px 0px 6px rgba(0,0,0,0.3) inset;
	box-shadow: -2px 0px 6px rgba(0,0,0,0.3) inset;

}

#pinbottom {
	background-color: blue;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	-webkit-transform: translateY(-4px) scale(0.9, 0.3);
	-moz-transform: translateY(-4px) scale(0.9, 0.3);
	transform: translateY(-4px) scale(0.9, 0.3);
	position: absolute; 
	z-index: -2;

}

#pinneedle {
	background-color: gray;
	width: 2px;
	height: 12px;
	margin-left: 13px;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	position: absolute;
	z-index: -3;
}

#art_pin { position: absolute; bottom: 120px; }
#teach_pin { position: absolute; bottom: 440px; }
#occupy_pin { position: absolute; bottom: 200px; }
#press_pin { position: absolute; bottom: 280px; }
#book_pin { position: absolute; bottom: 360px; }

#art-main ul li a img { 	padding: 10px; }
#art-main ul li img { 	padding: 10px; }
#art-main ul li a {
	text-decoration:none;
}
#art-main ul li {
	display:inline;
	list-style-type: none;
}


@media only screen and (min-width: 36em) {
    /* Style adjustments for viewports that meet the condition */
    header h1 { 
      	font-size: 5.8em;
      	text-align:right;
    }
    section.main {
    	width: 70%;
    	margin-left: 25%;
    	margin-top: 20px;

    /*	background-color:rgba(247, 247, 247, 0);
    background-image: -moz-radial-gradient(center center, circle cover, rgba(247, 247, 247, 0), rgba(255, 187, 128, 0.9) 95%);
    background-image: -webkit-radial-gradient(center center, circle cover, rgba(247, 247, 247, 0), rgba(255, 187, 128, 0.9) 95%);
    background-image: -o-radial-gradient(center center, circle cover, rgba(247, 247, 247, 0), rgba(255, 187, 128, 0.9) 95%);
    background-image: -ms-radial-gradient(center center, circle cover, rgba(247, 247, 247, 0), rgba(255, 187, 128, 0.9) 95%);
    background-image: radial-gradient(center center, circle cover, rgba(247, 247, 247, 0), rgba(255, 187, 128, 0.9) 95%)
    	-webkit-background-size:4px 4px;
    	background-size:4px 4px;
    	background-repeat: repeat;
    	border: 10px solid rgb(162,122,41);*/
    }
    
    
    nav {
    	position: absolute;
    	left: 5%;
    	padding-bottom: 20px;
    	width: 20%;	
    }

    nav ul{
    	list-style: none;
    }

    nav ul li a { color:black;}

    nav ul li {
    	text-align: center;
    	margin: 20px 10px;
    	padding: 15px 0;
    	width: 80%;
    	border-top-right-radius: 2px 8px;
    	border-bottom-left-radius: 2px 8px;
    	background-color: rgb(184,186,186);	
	
    	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
    	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    }

    nav a {
    	color: black;
    	text-decoration: none;
    	/*font-size: 24pt;*/
    	font-size: 1.4em;
    	font-weight: bold;
    }
 
    #home_menuitem a img {
    	vertical-align:-10px;
    	padding-right:5px;
      display:inline;
    }
    
}


/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        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) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}