/* resume css */


#media {
width:826px;
height: 2000px;
padding-bottom: 4px;
background: url(../images/classes/classes_bg.jpg)  no-repeat;
background-position: top right;
background-side: 90%;
position: relative;
}
#media .mediatitle{
width: 400px;
height: 26px;
margin: 0 auto;
}
#media h2{
font-size: 2.0em; 
text-align: center;
color: #E29B44;
background-color: black; 
}
#media h3{
font-size: 1.6em;
color: #F1D554; /*#E29B44;*/
margin-bottom: 4px;
/*background-color: black;*/
/*border: dotted 3px #2f2f2f;*/
padding-left: 4px;
padding-top: 4px;
}
#media p{
padding-top: 5px;
padding-bottom: 5px;
padding-left: 8px;
color: #F5F4F4;
    font-size: 1.35em;
}
#media .embed{
margin-top: 30px;
padding-left: 9px;
float: left;
z-index: -1;
}
#media #vidgallery{
margin-top: 10px;
width: 500px;
height: 100%;
margin-bottom: 20px;
padding-left: 0px;
background: #000;
}
#media #photogallery{
width: 520px;
padding-left: 0px;
height: 240px;
/*margin-left: 41px; */
/*background: #000;*/
}
#media .imgbox{
float: left;
width: 165px;
height: 160px;
padding: 7px;
}
#media img{
}
#media a img{
background:black none repeat scroll 0 0;
border:3px solid #1C7CF3;
padding:4px;
}
#media a:hover img {
background:black none repeat scroll 0 0;
border:3px solid #D49548;
padding:5px;
}
.opacity_clips{
opacity: .7;
}
.opacity_pics{
opacity: .7;
}