/* color.css */
html {
/* background-color : #f1efe2;  */
}

body {
background-color : #000000;
}

body#commercials-main {
/* nav area gray */
background-color : #424245;

/* nav area dark under primary buttons */
background-color : #151516;

/* bottom of bg */
background-color : #0B0B0B ;
}

body#commercials-live {
background-color : #090302;
}

body#commercials-live-profile {
background-color : #090302;
}

body#commercials-vfx {
background-color : #0A0D03;
}

body div#bg {
background : url("/static/images/devel/top-panel-bg.png") no-repeat 0 0; 
}

body.inside-rh div#bg {
background : url("/static/images/devel/inside-randh-bg.png") no-repeat 0 0; 
}

body#home div#bg {
background : url("/static/images/devel/home-bg.png") no-repeat 0 0; 
}


body.film div#bg {
background : url("/static/images/devel/film-bg.png") no-repeat 0 0; 
}

body#commercials-main div#bg {
background : url("/static/images/devel/commercials-bg.png") no-repeat 0 0; 
}

body#commercials-live div#bg {
background : url("/static/images/devel/commercials-live-bg.png") no-repeat 0 0; 
}

body#commercials-live-profile div#bg {
background : url("/static/images/devel/commercials-live-bg.png") no-repeat 0 0; 
}

body#commercials-vfx div#bg {
background : url("/static/images/devel/commercials-vfx-bg.png") no-repeat 0 0; 
background-color : #0a0d03;
}

body.design div#bg {
background : url("/static/images/devel/design-bg.png") no-repeat 0 0; 
}

.inside-rh div#branding h1 {
background : transparent url(/static/images/devel/inside-randh-brand.png) no-repeat;
/* should move to layout? */
top : 81px;
left : 21px;
height : 40px;
width : 755px;
}

.film div#branding h1 {
background : transparent url(/static/images/devel/film-brand.png) no-repeat;
top : 51px;
left : 21px;
height : 78px;
width : 755px;
}

#commercials-main div#branding h1 {
background : transparent url(/static/images/devel/commercials-main-brand.png) no-repeat;
top : 63px;
left : 82px;
height : 77px;
width : 695px;
}

#commercials-live div#branding h1 {
background : transparent url(/static/images/devel/commercials-live-brand.png) no-repeat;
top : 63px;
left : 82px;
height : 77px;
width : 695px;
}

#commercials-live-profile div#branding h1 {
background : transparent url(/static/images/devel/commercials-live-brand.png) no-repeat;
top : 63px;
left : 82px;
height : 77px;
width : 695px;
}

#commercials-vfx div#branding h1 {
background : transparent url(/static/images/devel/commercials-vfx-brand.png) no-repeat;
top : 63px;
left : 82px;
height : 77px;
width : 695px;
}

.design div#branding h1 {
background : transparent url(/static/images/devel/design-brand.png) no-repeat;
top : 63px;
left : 21px;
height : 55px;
width : 755px;
}

.inside-rh div#content {
background : transparent url(/static/images/devel/content-bg-trans-green.png) repeat-y;
}

.film div#content {
background : transparent url(/static/images/devel/content-bg-trans-film.png) repeat-y;
}

.design div#content {
background : transparent url(/static/images/devel/content-bg-trans-black.png) repeat-y;
}

/*
.inside-rh div#content_sub {
background-color : #003333;
}

.film div#content_sub {
background-color : #000000;
}
*/

#commercials-main li#client-ftp-login h3 a {
background : transparent url(/static/images/devel/commercials-main-ftp-login.png) no-repeat;
}

#commercials-main li#client-ftp-login h3 a:hover {
background : transparent url(/static/images/devel/commercials-main-ftp-login-down.png) no-repeat;
}


#commercials-live li#client-ftp-login h3 a {
background : transparent url(/static/images/devel/commercials-live-ftp-login.png) no-repeat;
}

#commercials-live li#client-ftp-login h3 a:hover {
background : transparent url(/static/images/devel/commercials-live-ftp-login-down.png) no-repeat;
}

#commercials-live-profile li#client-ftp-login h3 a {
background : transparent url(/static/images/devel/commercials-live-ftp-login.png) no-repeat;
}

#commercials-live-profile li#client-ftp-login h3 a:hover {
background : transparent url(/static/images/devel/commercials-live-ftp-login-down.png) no-repeat;
}

#commercials-vfx li#client-ftp-login h3 a {
background : transparent url(/static/images/devel/commercials-vfx-ftp-login.png) no-repeat;
}

#commercials-vfx li#client-ftp-login h3 a:hover {
background : transparent url(/static/images/devel/commercials-vfx-ftp-login-down.png) no-repeat;
}

.inside-rh a:link {  color: #FFFFFF; text-decoration: none }
.inside-rh a:visited { color: #CCCCCC; text-decoration: none }
.inside-rh a:hover {  color: #CCFFFF; text-decoration: none}
.inside-rh a:active {  color: #FFFFFF; text-decoration: none}

.inside-rh div#content_main a:link {  border-bottom:1px dotted #FFFFFF; }
.inside-rh div#content_main a:visited { border-bottom:1px dotted #CCCCCC; }
.inside-rh div#content_main a:hover {  border-bottom:1px dotted #CCFFFF; }
.inside-rh div#content_main a:active { border-bottom:1px dotted #FFFFFF; }

.inside-rh div#content_main ul#profile-list li a:link {  border : none; }
.inside-rh div#content_main ul#profile-list li a:visited { border: none; }
.inside-rh div#content_main ul#profile-list li a:hover {  border: none; }
.inside-rh div#content_main ul#profile-list li a:active { border: none; }

.commercials a:link {  color: #FFFFFF;  }
.commercials a:visited { color: #CCCCCC;  }
.commercials a:hover {  color: #FF5C00; }
.commercials a:active {  color: #FFFFFF; }

.film a:link {  color: #FFFFFF; text-decoration: none }
.film a:visited { color: #CCCCCC; text-decoration: none }
.film a:hover {  color: #CCFFFF; text-decoration: none}
.film a:active {  color: #FFFFFF; text-decoration: none}

body.film div#content_main hr { color : #5FADD2; }

.design a:link {  color: #FFFFFF; text-decoration: none }
.design a:visited { color: #CCCCCC; text-decoration: none }
.design a:hover {  color: #8142A1; text-decoration: none}
.design a:active {  color: #FFFFFF; text-decoration: none}

.design div#controls a:link {  border-bottom:1px none #FFFFFF; }
.design div#controls a:visited { border-bottom:1px none #FFFFFF; }
.design div#controls a:hover {  border-bottom:1px dotted #8142A1; }
.design div#controls a:active { border-bottom:1px none #FFFFFF; }

.film div#content_sub {
/*
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
*/
font-color: #6699CC;
}
