/* CSS by Mick Lauer for ArtistUpgrade - do me a favor and don't be a total shitass and steal this. Have some dignity and make it yourself. - THANKS */



* {padding:0; margin:0; text-decoration:none; transition:0.2s; -webkit-transition:0.2s; border:0; line-height:1.2ems; letter-spacing:0; outline:none;}

div.html5gallery-elem-0 {box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}

#wrap, #footer, #menu, #pagetext {transition:none;}

html {min-height:100%;}
body {background:#fff url(img/gigibarnett-bg.png) no-repeat top center; 
	background-size: cover !important;
	min-height:100%;
	}

#wrap {width: 900px; 
margin: 50px auto 60px auto;
display: block;
position: relative;
box-shadow: 0 5px 15px rgba(0,30,100, 0.5);
-webkit-box-shadow: 0 5px 15px rgba(0,30,100, 0.5);
-moz-box-shadow: 0 5px 15px rgba(0,30,100, 0.5);
}
	.home {height:auto; background:url(img/gigibarnett-home.png) left top no-repeat;}
	.page {height:auto; background:#e1254b }

#content {width: 760px;overflow-x: hidden;}
	#banner {background:#000; height:50px; display:block;}
	#banner a {background: url(img/gigibarnett-banner.jpg) left top no-repeat; display:block; height:50px; width:100%; margin-left:-50px;}
	#banner a:hover {margin-left:0;}

	#pagebanner { /*box-shadow:0 2px 5px #000; */ }

	#pagetext {padding:30px; background:#fff; margin-top:-5px;}
		#pagetext h1 {font: 300 28px 'Montserrat', Arial; text-transform:uppercase; color:#014;  }
		#pagetext h2 {font:100 Italic 18px 'Raleway', Arial;  padding-bottom:10px;  }
		#pagetext p {font: 13px 'Open Sans', Arial; color:#446; margin-top:15px;}
		.divide {border:none; border-bottom:1px solid rgba(60,90,100,0.1) !important; margin:40px 0 35px 0; width:100%; clear:both;}
	#pagetext p.link {margin-top:30px;background:#f5f5f5;padding:10px 10px 10px 13px; font:bold  10px 'Open Sans', Arial;border-left:4px solid #d05 ; text-transform:uppercase;}
	#pagetext p.link a {color:#d05}

	.light {opacity:0.3;}
	.writingthumb {float:left; margin-right:12px; width:50px;}
	h3 {font:24px Montserrat; padding-top:1px; margin-bottom:20px;}
	h4 {font:100 16px 'Raleway', Arial; margin-bottom:-10px; margin-top:25px;color:#556 }
	h4 em {color:#000; font-weight:600;}
	
	#content a {color:#c05; font-weight:bold;}
	#content a:hover {color:rgba(70,0,80,1); font-weight:bold;}
	
	

/* @menu */

ul#menu {list-style:none; float:right; width:139px; padding-top:2px;}
ul#menu li {margin:10px; overflow:hidden; 
			box-shadow: 0 3px 8px rgba(0,30,100, 0.5);
			-webkit-box-shadow: 0 3px 8px rgba(0,30,100, 0.5);
			-moz-box-shadow: 0 3px 8px rgba(0,30,100, 0.5);}
ul#menu li:hover {background:rgba(70,0,80,1);}
ul#menu li a {display:block; height:80px; background: #fff;}
ul#menu li a span {background: rgba(10,30,60,0.3);
height: 20px;
font:   13px 'Montserrat',Arial;
text-transform: uppercase;
display: block;
padding: 5px 6px;
color: #fff;
left:0;
position: relative;
top: 55px;
}
 
ul#menu li:hover span {height:45px;top:35px; padding:10px 6px; background:rgba(70,0,80,1);}

#footer {width: 900px;
display: block;
margin:0 auto ;
height: 40px;
background: #000;
}

#footer p {text-align: right; color:#999; padding:15px 16px 14px; font: 8px Montserrat, Arial; text-transform:uppercase;}
#footer p a {color:#fff;}


.html5gallery-car-0 {top:442px !important}
.html5gallery-tn-selected-0 .html5gallery-tn-img-0 {background:none !important;}
.html5gallery-container-0 {background:url(img/reel-bg.jpg) bottom left repeat-x !important;}
.html5gallery-box-0 {top:0 !important; left:0 !important; }
.html5gallery-elem-0 {padding:0 !important; box-shadow:0 2px 5px rgba(0,0,0,0.7) !important; }
iframe#html5gallery-elem-video-0 {top:0 !important; left:0 !important; }
.html5gallery-thumbs-0 div {border:none !important;  padding:0 !important; margin:0 !important;}
.html5gallery-thumbs-0 div div {border:none !important; margin:2px !important; }
.html5gallery-thumbs-0 div div  {border:none !important; }

iframe {background:#000;}

/* RESUME QC RESUME QC RESUME QC @resume */
h5 {font:20px Montserrat; padding-top:1px; text-transform: uppercase; border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:10px;}

#resume p {margin-top:10px;}
div.resumeLeft {float:left; width:370px;}
div.resumeLeft p {font-weight: 300 !important; text-transform:uppercase; }


div.resumeCenter {float:left; width:155px;}
div.resumeCenter p {color:#669 !important; }


div.resumeRight {float:left; width:180px; }
div.resumeRight p {}
div.resumeRight p i {color:#333;  }

div.resumeYear {float:left; width:30px; }
div.resumeYear p {color:#aac !important; font-weight: 300 !important;}

div.resumeFull {float:left; }
div.resumeFull p {color:#333; }

p.indent {padding-left:7px;}

div.resumeDesc {float:left; width:560px; padding:00px 0 0 20px; margin:0;}
div.resumeDesc p {padding:0 0 3px 10px; margin:0; color:#999; line-height:1.4em; font:normal 12px 'Open Sans', Geneva, Arial; text-align:left; }





.expand-two {
	display: block;
    width: 94%;
    height: 15px;
    padding: 4% 3%;
    color: #444 !important;
    background: #eee;
		box-shadow: inset 0 8px 50px #555 !important;  
		-moz-box-shadow: inset 0 8px 50px #555 !important;  
		-webkit-box-shadow: inset 0 8px 50px #555 !important;
    font: 20px "Raleway", "Century Gothic", Arial !important;
    text-shadow:none !important;
    transition: all 0.2s ease-out;
   }

.expand-two:after {
 content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333;
    float: right;
    margin-top: 5px;
	}
	
.expand-two:hover {
    background: #f36;
    color:#fff !important;
	}
	
.expand-two:hover:after {
	content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333;
    float: right;
    margin-top: 5px;
	border-top: 6px solid #f66;
}

.vidwrapper {
    display: block;
    width: 90%;
     -moz-border-radius: 5px;
  
    padding: 5px 5% 5% 5%;
    margin-bottom: 10px;
}