.rss-box-cust {
	background-color:#000000;
	width:800px;
	height:600px;
	overflow:auto;
}


.rss-title {
	color:#ac2020;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
}
.rss-title a:link{
	COLOR: #ac2020; TEXT-DECORATION: none;
}
.rss-title a:hover{
	COLOR: #ac2020; TEXT-DECORATION: none;
}
.rss-title a:visited{
	COLOR: #ac2020; TEXT-DECORATION: none;
}




.rss-items li {
	padding-bottom:20px;
}



.rss-item {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}
.rss-item a:link{
	COLOR: #ac2020; TEXT-DECORATION: none;
}
.rss-item a:hover{
	COLOR: #ac2020; TEXT-DECORATION: none;
}
.rss-item a:visited{
	COLOR: #ac2020; TEXT-DECORATION: none;
}

<!-- rss-items defines the unordered list <ul>...</ul> for the feed items- use to define the padding/margins for items. -->
<!-- rss-item display of each feed item description and title, <li>...</li> as well as the channel description, if displayed. -->
<!-- rss-item a: variant for the item title and link style -->
<!-- rss-date defines the display of item posting dates -->






A:link {
	COLOR: #000000; TEXT-DECORATION: none;
}
A:visited {
	COLOR: #000000; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #cc2020; TEXT-DECORATION: none;
}

img{
border:none;
}

$('#element').youTubeEmbed('http://www.youtube.com/watch?v=u1zgFlCw8Aw');

// Or:

$('#element').youTubeEmbed({
	video			: 'http://www.youtube.com/watch?v=u1zgFlCw8Aw',
	width			: 600, 		// Height is calculated automatically
	progressBar	: false		// Hide the progress bar
});

.infoheader {
	font-family: "Arial Narrow";
	font-size: 18px;
	color: #96B86A;
	text-transform: none;
	font-style: normal;
	line-height: normal;
	width: auto;
	font-weight: bold;
	letter-spacing: +0.3em;
}



.captiontext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	color: #ffffff;



}

.titlecaptiontext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	color:#ffffff;

	font-weight: bold;





}

.boldcaptiontext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color:#ffffff;





}

.heading {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold;

color:#ac2020;

font-style:normal;

letter-spacing: +0.6em;



}


.miniheading {

font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

font-weight: bold;

color:#ac2020;

font-style:normal;

letter-spacing: +0.4em;



}


.textal {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color:#FFFFFF;

font-style:normal;

letter-spacing: +0.1em;



}

.textalb {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color:#000000;

font-style:normal;

letter-spacing: +0.1em;



}


.showreellink{
background:none;
width:385px;
height:161px;
vertical-align:middle;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:ac2020;
font-style:normal;
letter-spacing: +0.4em;
}


.showreellink a:hover{
background-image:url(http://www.boasimon.com/resources/transcover.gif);
background-repeat:no-repeat;
color:bbbbbb;
}

.showreellink a{
display:block;
width:100%;
height:100%;
}


#linebreak{
margin-top:5px;
margin-bottom:10px;
height:1px;
width:650px;
background-image:url(http://www.boasimon.com/resources/linebreak.jpg);
background-repeat:no-repeat;
text-align:center;
margin-left:auto;
margin-right:auto;
}
	#somecontent {
width: 1200px;
height:678px;
margin-right: auto;
margin-left: auto;
margin-top: 50px;
}

#stillscontent{
width: 800px;
margin-right: auto;
margin-left: auto;
height:400px;
margin-top: 0px;
text-align:center;
}












.home a:hover{
color:bbbbbb;
}

.home a{
display:block;
width:100%;
height:100%;
}




.about a:hover{
background-image:url(resources/about.png);
background-repeat:no-repeat;
color:bbbbbb;
}

.about a{
display:block;
width:100%;
height:100%;
}

.newabout a:hover{
background-image:url(design2012/about.png);
background-repeat:no-repeat;
color:bbbbbb;
}

.newabout a{
display:block;
width:100%;
height:100%;
}

.newnews a:hover{
background-image:url(design2012/news.png);
background-repeat:no-repeat;
color:bbbbbb;
}

.newnews a{
display:block;
width:100%;
height:100%;
}


.newreel a:hover{
background-image:url(design2012/reel.png);
background-repeat:no-repeat;
color:bbbbbb;
}

.newreel a{
display:block;
width:100%;
height:100%;
}



.newhome a{
display:block;
width:100%;
height:100%;
}

.newstills a:hover{
background-image:url(design2012/stills.png);
background-repeat:no-repeat;
color:bbbbbb;
}

.newstills a{
display:block;
width:100%;
height:100%;
}

.newcv a:hover{
background-image:url(design2012/cv.png);
background-repeat:no-repeat;
color:bbbbbb;
}

.newcv a{
display:block;
width:100%;
height:100%;
}

.newcontact a:hover{
background-image:url(design2012/contact.png);
background-repeat:no-repeat;
color:bbbbbb;
}

.newcontact a{
display:block;
width:100%;
height:100%;
}



















.showreels a:hover{
background-image:url(resources/showreels.png);
background-repeat:no-repeat;
color:bbbbbb;
}

.showreels a{
display:block;
width:100%;
height:100%;
}



.stills a:hover{
background-image:url(resources/stills.png);
background-repeat:no-repeat;
color:bbbbbb;
}

.stills a{
display:block;
width:100%;
height:100%;
}



.resume a:hover{
background-image:url(resources/resume.png);
background-repeat:no-repeat;
color:bbbbbb;
}

.resume a{
display:block;
width:100%;
height:100%;
}

.blog a:hover{
background-image:url(resources/blog.png);
background-repeat:no-repeat;
color:bbbbbb;
}

.blog a{
display:block;
width:100%;
height:100%;
}

.narwork a:hover{
background-image:url(resources/narrativework.png);
background-repeat:no-repeat;
color:bbbbbb;
}

.narwork a{
display:block;
width:100%;
height:100%;
}

.commvid a:hover{
background-image:url(resources/commvid.png);
background-repeat:no-repeat;
color:bbbbbb;
}

.commvid a{
display:block;
width:100%;
height:100%;
}


.sel a:hover{
background-image:url(resources/play.png);
color:bbbbbb;
}

.sel a{
display:block;
width:100%;
height:100%;
}

object {
vertical-align:middle;
}

embed {
vertical-align:middle;
}

#vertical{
    float:left;
    height:50%;
    margin-top:-425px;/* half vertical height*/
    width:100%;
}



.videogallery{
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	width:230px;
	float:left;
	height:140px;
	text-align:center;
	margin:5px;
	position:relative;}
	

.videogallery img{
	width:230px;}
	
.videogallery A:link {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
.videogallery A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
.videogallery A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none;
}

.vidtitle {
	background-color:rgba(255,255,255,0.7);
	font-weight:bold;
	text-align:center;
	border-radius:30px;
	padding-top:2px;
	height:15px;
	font-size:9px;
}

.VidTitle A:link {
	COLOR: #555555; TEXT-DECORATION: none;
}
.VidTitle A:visited {
	COLOR: #555555; TEXT-DECORATION: none;
}
.VidTitle A:hover {
	COLOR: #555555; TEXT-DECORATION: none;
}

.stillsgallerytext p {
	display:none;
}

.stillsgallerytext img {
	width:475px;
}

.hidebox {
	display:none;
	font-family:Sansumi Regular, Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:100;
	width:350px;
	float:right;
	height:130px;
	text-align:right;
	vertical-align:text-bottom;
	padding-top:10px;
	padding-right:50px;
	margin:5px;
	z-index:4;
	background:none;
	}
	
.VidTitle {
	font-family:Sansumi Regular, Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:100;
	width:220px;
	height:140px;
	vertical-align:text-bottom;
	margin:10px;
	margin-right:150px;
	border-radius:5px;
	}
	
@font-face {
    font-family: 'SansumiRegular';
    src: url('innatefilm/r/fonts/Sansumi-Bold-webfont.eot');
    src: url('innatefilm/r/fonts/Sansumi-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('innatefilm/r/fonts/Sansumi-Bold-webfont.woff') format('woff'),
         url('innatefilm/r/fonts/Sansumi-Bold-webfont.ttf') format('truetype'),
         url('innatefilm/r/fonts/Sansumi-Bold-webfont.svg#SansumiRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SansumiExtraBoldRegular';
    src: url('innatefilm/r/fonts/Sansumi-ExtraBold-webfont.eot');
    src: url('innatefilm/r/fonts/Sansumi-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('innatefilm/r/fonts/Sansumi-ExtraBold-webfont.woff') format('woff'),
         url('innatefilm/r/fonts/Sansumi-ExtraBold-webfont.ttf') format('truetype'),
         url('innatefilm/r/fonts/Sansumi-ExtraBold-webfont.svg#SansumiExtraBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.hideme { filter: brightness(100%);
-webkit-filter: brightness(100%);
-moz-filter: brightness(100%);
-o-filter: brightness(100%);
-ms-filter: brightness(100%);
}

.videogallery:hover .hideme { 
filter: brightness(50%);
-webkit-filter: brightness(50%);
-moz-filter: brightness(50%);
-o-filter: brightness(50%);
-ms-filter: brightness(50%);
 }

.titlebox {
	position:absolute;
	text-align:center;
	width:230px;
	visibility:hidden;
	font-family:helvetica, arial, sans-serif;
	font-weight:100;
	color:#FFFFFF;
	-webkit-stroke-width: 5.3px;
   -webkit-stroke-color: #FFFFFF;
   -webkit-fill-color: #FFFFFF;
   text-shadow: 1px 0px 20px #000000;
   top:0;
   padding-top:25px;
}

.videogallery:hover .titlebox {
	visibility:visible;
}

.clickablediv {
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  /* edit: added z-index */
  z-index: 1;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('empty.gif');
}