/* CSS Document */
A:link {color:#274156;}
A:visited {color:#274156}
A:active {color:#274156}
A:hover {color:#274156}

body{font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align: center; padding:0; margin:0; background-color:#D0ccD0; background-image: url("../images/checkered-pattern.png"); color:#605856;}
p{margin-top:1%; margin-bottom:1%; }

section, article, header, footer, nav, aside {
    display: block;
}

/* 
custom fonts courtesy of google
font-family: 'Iceland', cursive;
font-family: 'Nova Square', cursive;
font-family: 'Audiowide', cursive;
font-family: 'Geostar Fill', cursive;
font-family: 'Cinzel Decorative', cursive;
font-family: 'IM Fell DW Pica SC', serif;
*/

#outside{width:100%; padding:0; margin:0;}

#nav{text-align:center; width:100%; background-color:#fbfcff; color:#1c6e8c; border-bottom:#999 solid 2px; margin-bottom: 60px; }

#nav a{
	font-family: 'Nova Square', cursive;
	font-size:3.5em; margin-left:1em;
}
/*
001c6e8cc Light Gray
045746 Near White
045257 Dark Gray
333333 Bright Blue
045746 Dark BLue
*/

#featured,
#web,
#print,
#contact{width: 100%; margin-bottom: 80px;
}

#picSlider{width:5000px; position:relative; text-align:center;}
#profileContainer{position:relative; text-align:left; width: 300%; left:0;}

#profileContainer p{clear:left; padding-bottom:10px;}

#shroud{background-color:#fbfcff; padding:0 2%; width:98%; height:100%; position:fixed; top:0; z-index:99998; display:none; overflow:visible;
}

#shroudLeft{height:100%;}

#shroudLeft img{max-width:100%;}

#webLeft{clear:both;}

.regtxt{font-family:Arial, Helvetica, sans-serif;	font-size: 1em; font-weight: normal; }

.itxt{font-family:Arial, Helvetica, sans-serif; font-weight: normal; }

.headtxt{font-family: 'Nova Square', cursive; font-size: 3em; font-weight: bold; color: #274156;}

.content{width:950px; max-width:98%; height:inherit; margin:0 auto; padding:1%; }
#web .content{}
#print .content{border-radius:20px;}

#artistThumbnails .centerIt{background-color:#274156; border-radius:15px; width:auto;}

a img{margin:4px; border-radius:15px;}

.noOverflow{width:100%; overflow:hidden;}

.noOverflow p{margin-top:4px; margin-bottom:4px;}

.indiviual{width:950px; float:left;}

.centerIt{margin:auto; width:100%; text-align:center; clear:both; position:relative;}

.overlay{width: 90%; font-family: 'Nova Square', cursive; position:absolute; padding:14px; bottom:0; margin:auto; text-align: center;  font-size:3em; font-weight:bold; color:#fbfcff;}

.third{width:31%; padding:1%; float:left;}

.third input, select, textarea{width:100%;}
.myInput{width:50px;}

.half{width:64%; padding:1%; float:left;}

.whole{width:97%; padding:1%; clear:left;}

.mypad{padding:1%;}

.vspace{padding-top:40px; padding-bottom:40px; clear:both;}

.floatLeft{float:left;}
.floatRight{float:right;}

.logo{height: 75px; width: 75px; margin-top:40px; display:inline-block; background-image: url("../images/social.png"); background-repeat: no-repeat; }
.logo-resume{background-position: -184px 0; }
.logo-email{background-position: 0 0; }
.logo-linkedin{background-position: -92px 0; }


.widescreenImg{max-width:100%;}

.shroudClose{
font-size: 1.75em;
padding:4px;
border: #fbfcff solid 4px; 
display: inline;
float: right;
}

#shroudLeft{clear: right;}

@media screen and (max-width:550px){
#nav{height:100px;}

#nav a{margin-left:0.5em; font-size: 2.5em;}

#featured{width: 100%; height:auto; padding-top:40px;}

#web{width: 100%; height:auto;}

#print{width: 100%; height:auto;}

#contact{width: 100%; height:auto;}

#shroud{padding:6% 2%; width:96%; height:100%; overflow: scroll;}

#shroudLeft{height:auto;}

.content{width:90%;}

#print .content img{max-width:90%;}

#featured .centerIt,#featured .noOverflow{display:none;}

.indiviual{width:31%; padding:1%;}

.indiviual img{max-width:94%;}

.overlay{font-size:1em;}

.third{width:98%; padding:1%; float:none;}

.half{width:98%; padding:1%; float:none;}

.whole{width:98%; padding:1%; float:none;}

.headtxt{font-size:2.5em;}
}