body, img{
	margin:0;
	padding:0;
	border:0;
}
html{
	background: url(https://www.indiefilmz.com/images/top-bg.png) repeat-x #141414;
	margin:0;
	padding:0;
	}
body{
	font-family:arial;
	font-size: 12px;
	color: #d0d0d0;
	margin:0;
	padding:0;
}

#wrapper{
	width:960px;
	margin: 0 auto;

}
.right{
	float: right;
}
.left{
	float:left;
}
.block{ display: block;}
/* HEADER AREA */

#header{
	width: 960px;
	height: 138px;
	padding:10px 0 0 0;
	margin:0;
	background: url(https://www.indiefilmz.com/images/header.png) no-repeat top;
	position: relative;
}
#logo{
	margin-left: 10px;

}
#logo a{
	display: block;
	height: 110px;
	width: 197px;
	float: left;
}
.breadcrumbs{
	bottom:-14px;
	position: absolute;
	left: 10px;
}
.breadcrumbs a{
	color:#d8bc00;
}

/*   value{
	display:none;
}   */



/* MENU */
#menu{
	width: 575px;
	height: 110px;
	float: left;
}
#menu ul, #menu li{
	padding:0;
	margin:0;
	list-style: none;
	
}
#menu li{
	float: left;
	text-indent: -9999px;
}

.menuChan a, .menuFilmMaker a, .menuMyIndies a, .menuNews a, .menuBlog a{
	display:block;
	height: 110px;
	width: 115px;
	height: 110px;
}
.menuChan{
	background: url(https://www.indiefilmz.com/images/menu.png) no-repeat 0 0;
}
.menuChan:hover{
	background: url(https://www.indiefilmz.com/images/menu.png) no-repeat 0 -110px;
}
.menuChanACTIVE{
	background: url(https://www.indiefilmz.com/images/menu.png) no-repeat 0 -220px;
	height: 110px;
	width: 115px;
}

/*channels submenu */


.menuChan ul#channelsMain{
	display:none;
}
.menuChan:hover ul#channelsMain{
	display:block
}

#channelsMain{
	position:absolute;
	top: 120px;
	left: 206px;
	width: 742px;
	z-index:10;
	background:#110;
	border: 1px solid #252525;
	border-top: none;
	padding-left: 2px;
}
#channelsMain li, #channelsMain li a{
	height: 18px;
	text-indent: 0;
	display:inline-block;
	line-height: 18px;
	color: #d8bc00;
	background: url(https://www.indiefilmz.com/images/list-normal.gif) no-repeat 4px 4px;
}
#channelsMain li a{
	width: 128px;
	padding: 0 0 0 17px;
}	
#channelsMain li a:hover{
	color: #fff;
	background: url(https://www.indiefilmz.com/images/list-hover.gif) no-repeat 4px 4px;
}

.menuFilmMaker{
	background: url(https://www.indiefilmz.com/images/menu.png) no-repeat -115px 0;
}
.menuFilmMaker:hover{
	background: url(https://www.indiefilmz.com/images/menu.png) no-repeat -115px -110px;
}
.menuFilmMakerACTIVE{
	background: url(https://www.indiefilmz.com/images/menu.png) no-repeat -115px -220px;
	height: 110px;
	width: 115px;
}


.menuMyIndies{
	background: url(https://www.indiefilmz.com/images/menu.png) no-repeat -230px 0;
}
.menuMyIndies:hover{
	background: url(https://www.indiefilmz.com/images/menu.png) no-repeat -230px -110px;
}
.menuMyIndiesACTIVE{
	background: url(https://www.indiefilmz.com/images/menu.png) no-repeat -230px -220px;
	height: 110px;
	width: 115px;
}


.menuNews{
	background: url(https://www.indiefilmz.com/images/menu.png) no-repeat -345px 0;
}
.menuNews:hover{
	background: url(https://www.indiefilmz.com/images/menu.png) no-repeat -345px -110px;
}
.menuNewsACTIVE{
	background: url(https://www.indiefilmz.com/images/menu.png) no-repeat -345px -220px;
	height: 110px;
	width: 115px;
}


.menuBlog{
	background: url(https://www.indiefilmz.com/images/menu.png) no-repeat -460px 0;
}
.menuBlog:hover{
	background: url(https://www.indiefilmz.com/images/menu.png) no-repeat -460px -110px;
}
.menuBlogACTIVE{
	background: url(https://www.indiefilmz.com/images/menu.png) no-repeat -460px -220px;
	height: 110px;
	width: 115px;
}

#secondaryMenu{
	height: 22px;
	bottom:-5px;
	position: absolute;
	right: 10px;
}

#secondaryMenu a, a:visited
{
	color:#FFFFFF;
}

/* FOOTER */
#footer{
	width:100%;
	background: #d8bc00;
	margin-top: 20px;
}

#footer a{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	color:#d8bc00;
	text-decoration: underline;
}

#footer ul, #footer li{
	margin:0;
	padding:0;
	list-style:none;
}
#footer ul{
	margin-top: 10px;
}

ul.channelsFooter{
  float: left;
  width: 516px;
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}
 
ul.channelsFooter li{
  float: left;
  width: 129px;
  margin: 0;
  padding: 0;
}
ul.channelsFooter li a{
	display: block;
}


.clear{
	clear: both;
}



/* CONTENT */
.seven10, .five40, .three50, .one60, .two36{
	background: #1e1e1e;
	border: 1px solid #4c4c4c;
	float: left;
	margin: 10px 0 0 10px;
	padding: 10px;
}
.two36{
	background: #1e1e1e;
	border: 1px solid #4c4c4c;
	border-right: none;
	float: left;
	margin: 10px 0 0 0;
	padding: 10px 22px;
	width: 191px;
	height: 98px;
}	
.seven10{
	width: 688px;
}
.five40{
	width: 518px;
}
.three50{
	width: 328px;
}
.one60{
	width: 138px;
}
.two54{
	width: 234px;
	margin-top: 20px;
	padding:5px 10px;
	background: #2c2c2c;
	float: left;
}

.two30{
	width: 229px;
	float: left;
}

.spacer10{
	float: left;
	width: 10px;
}

#contentWrapper{
	width: 720px;
	float: left;
}
#contentWrapper a, #rightNav a{
	color:#d8bc00;
}
#contentWrapper a:hover, #rightNav a:hover{
	color:#FFF;
}
#contentWrapper h1, #contentWrapper h2{
	font-size: 14px;
	font-weight: normal;
	margin:0;
	color:#fff;
}
#contentWrapper h1{ color:#d8bc00;}
#contentWrapper h2{
	margin-bottom: 10px;
	color:#fff;
}

.featuredMain{
	color: #d8bc00;
	font-size: 18px;
	font-weight: bold;
	margin:0;
}
.featuredSecondary, .newsTitle{
	font-size: 16px;
	font-weight: bold;
	margin:0;
}
#rightNav .featuredSecondary{
	color: #d8bc00;
}
#rightNav .featuredSecondary a{
	text-decoration:none;
}
#rightNav .featuredSecondary a:hover{
	text-decoration:none;
	color: #fff;
}
.newsTitle{
	color: #fff;
}

.date{
	color: #999;
	font-size: 11px;
	margin:0;
}
.no-margin{
	margin:0;
}

.floatScreenshot{
	float: left;
	margin:4px 10px 5px 0;
}

.movieList{
width: 120px;
margin-right: 17px;
float: left;
}
.movieList-multiple-line{
width: 120px;
margin-right: 22px;
margin-bottom:20px;
float: left;
}
.movieList ol, .movieList-multiple-line ol, .two30 ol{
	padding:0 0 0 25px;
	margin:0;
}
#contentWrapper .two30 h2, #contentWrapper .two30 h2{
	font-size: 18px;
	line-height: 36px;
	margin: 0;
	color: #fff;
}

ul.channels{
  float: left;
  width: 688px;
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}
 
ul.channels li{
  float: left;
  width: 162px;
  margin: 3px 10px 3px 0;
}
ul.channels li a{
	display: block;
	font-size: 14px;
	padding: 0 10px;
	background: url(https://www.indiefilmz.com/images/list-normal.gif) no-repeat 0 4px;
}
#contentWrapper ul.channels li a:hover{
	color:#F2F2F2;
	background: url(https://www.indiefilmz.com/images/list-hover.gif) no-repeat 0 4px #2c2c2c;
}

#contentWrapper ul.directors{
	margin:12px 0 12 10px;
	padding:0;
	font-size: 18px;
	font-weight: bold;
	color:#d8bc00;
	width: 220px;
	float:left;
}
#contentWrapper ul.directors li, #contentWrapper ul.directors li a{

	font-size: 12px;
	font-weight:normal;
	list-style:none;
	color:#FFF;
	float: none;
}
#contentWrapper ul.directors li a:hover{
	color:#d8bc00;
}


/* RIGHT NAV */ 
#rightNav{
	width: 220px;
	float: right;
	margin: 10px 10px 0 0;
}

.rightBox{
	width: 198px;
	border: 1px solid #4c4c4c;
	background: #1e1e1e;
	padding: 10px;
	margin-bottom: 10px;
}


/* User Account area */
.profilePic{
	background:#CCC;
	width: 198px;
	border: 1px solid #4c4c4c;
	background: #1e1e1e;
	padding: 10px;
	margin: 0 10px 10px 0;
	float: left;
}

.basicButton
{
	background-color:#FFCC00;
	color:#000000;
	border:none;
}

.formInputText
{
	border:1px solid #999999;
	color:#FFFFFF;
	background-color:#666666;
	width:190px;
}

ul.salesReport{
float:left;
margin:0;
padding:0;
width: 150px;
}
ul.salesReport li{
	list-style:none;
}

.userOption
{
	width:194px; 
	position:relative; 
	margin-left:auto; 
	margin-right:auto; 
	background-color:#333;
	margin-bottom:5px;
	height:18px;
}


.error
{
	background-color:#990000; 
	border:1px solid #FFFFFF; 
	font-size:14px;
	text-align:center;
	width:100%;
	color:#FFFFFF;
}

.confirm
{
	background-color:#009900;
	border:1px solid #FFFFFF; 
	font-size:14px;
	text-align:center;
	color:#FFFFFF;
	width:100%;
}