﻿html {-webkit-text-size-adjust: none;min-height:100%;height:100%;}
body {background-color:#111;color:white;margin:0px auto;padding:0px; font-family: sans-serif;min-height:100%;height:100%;}
a, a:visited,a:link,a:active,a.is-active {color:#E70;text-decoration:none;}
.activelinks a {color:#E70;}
.layout-center {
    max-width: 1200px;
    margin: 0px auto;
    background-color: #000;
    padding: 20px 20px;}
	
.header {}
.headerhtml {background: no-repeat url("background.png");width:auto;height:250px;font-weight:bold;background-size: 100%;text-align: center;}
.headerhtml h1 {margin-top:0px;padding: 70px 0px;font-size:4em;color:#CCC;line-height:4.5rem;}
.headerhtml h1 em {color:#E70;font-family: 'Rock Salt', cursive;font-style:italic; z-index:100;}
.headerhtml h2 {margin:-80px 0px 0px 0px;font-size:2em;color:#FFF;line-height:1.2em;text-shadow: 2px 2px #444;}
.headerhtml a {text-decoration:none;}

.admin .headerhtml {height:110px;}
.admin .headerhtml h1 {padding:20px 0px;margin-top:0px;}
.admin .headerhtml h2 {display:none;}

.footer {margin: 60px auto 20px auto;clear:all;}
.footerhtml {text-align:center;}
.footerhtml .copyright {font-size:.7em;}

.mainContent {padding:0px;font-family: Trebuchet MS;font-size: 1.1em;line-height: 1.6em;margin: 2px 40px;}
.mainContent img {max-width: 100%;}
	
.formbox {border:1px solid #DDD;padding:20px; background-color:#444;}

h5 {margin-bottom: 20px;background-color: #333;padding-left: 20px;font-size: .8em;}
h6 {font-size:1em; margin:0px;}
button {border:0px;color:#222;font-size:20px;font-family:courier;font-weight:bold;background-color:#AAA;margin:1px;}
button:disabled {background-color:#444;}
	
.ss1promo {border:3px solid #E0E0E0;padding:20px;margin:100px 40px;}
.message {color:#F55;}
#buttonrow {margin-top:10px;}

#promos div {display:inline-block;width:200px;height:200px;padding:0px 10px 10px 0px;vertical-align: top;}
#promos img {}


/*  Project Page */
#projectList {margin: 0px 40px;}
.projectRow {margin:10px 5px;padding:10px;font-size:1.3em;line-height: 1.3em;border:1px solid #111;background-color: #111;cursor: pointer;}
.projectRow:hover {background-color: #222;}
.released {background-color: #000A00;}
.projectRow img {width:120px;border: 1px solid white; }
.projectRow em {font-size:0.7em;}
.col {display:inline-block;vertical-align:top;}
.clientnote{width:45%;margin:0px 20px;padding:10px;font-size:0.5em;font-style: italic;line-height:1.4em;background-color:#300;} 

#projectDetails {border:1px solid white;background-color:#111;padding:20px;font-size:0.8em;line-height:1.4em;}
#projectDetails h1	{line-height: normal;}
#projectDetails img {width:300px; border:1px solid white;margin:0px 10px 10px 0px;}
#pproject, #partist {font-family: sans-serif;}
#pproject {margin-top:0px;}
#albumPlayer {display:none;margin:0px 10px 10px 0px;vertical-align: top;min-width:65%;}
#cuename {font-style:italic;background-color:#300;font-weight:bold;}
#preleasedate {vertical-align:middle;}
#pexternalurl img {width: 30px;margin: 0px 5px 0px 20px;vertical-align: middle;border:none;}
.prow {margin-bottom:10px;}
.pinfo, .pvdata, .audata {margin:0px 10px 10px 0px;}
.pinfo div, .pvdata div, .audata div {display:inline-block;vertical-align:top;margin-right:10px;}
.pvdata {color:#888;}
#clientnotes {padding:10px;background-color:#300;}
#deliverables div {display:block;margin-bottom:5px;}
#deliverables img {width:20px; border:none;vertical-align:middle;margin:0px 0px 0px 5px;}
#sharelink {    border: 1px solid black;height: 26px;width: 170px;font-size: 14px;font-family: courier;font-weight: bold;}
.bottomline {display:none;border-top:2px dashed #E70;margin-bottom:30px;padding-top:10px;}

/*  SIGNIN PAGE  */
.row {margin-top:10px;font-size:15px;width:20%;}
.row input  {float:right;vertical-align:bottom;width:50%;border:1px solid black; height:20px; font-size: 15px; font-family:courier;} 
.row select {float:right;vertical-align:top;width:calc(50% + 6px);border:1px solid black; height:160px; font-size: 15px; font-family:courier;}

/*  EDIT PROJECT PAGE  */
.rowmargin {margin-left:200px;}
.rowwide {width:75%;font-size:15px;margin-top:10px;clear:both;}
.rowtall {height:180px;}
.rowwide input {float:right;vertical-align:bottom;width:75%;border:1px solid black; height:20px; font-size: 15px; font-family:courier;}
input[type=file] {width:115px;height:23px;font-size:18px}
.rowwide input[type=date] {width: calc(75% + 4px);}
.rowwide input[type=checkbox] {width: 40px; float:none;margin-left:0px;margin-right:40px;}
.rowwide textarea {float:right;vertical-align:top;width:75%;border:1px solid black; height:160px; font-size: 15px; font-family:courier;resize: none;}
.rowwide select   {float:right;vertical-align:top;width: calc(75% + 6px);border:1px solid black; height:160px; font-size: 15px; font-family:courier;}

#projeditpart2 {margin:40px 0px;}
#projeditpart2 #artwork, #projeditpart2 #cuefiles, #projeditpart2 #deliverables {display:inline-block;vertical-align:top;padding:0px 20px 20px 0px;}
#projeditpart2 #artwork img {width:180px;}
#projeditpart2 #npfile {font-family:courier;}


/* USER LIST */
.userRow {padding: 5px 40px;margin-bottom: 10px;background-color: #666;}
.userRow div {min-width:250px;margin-right:10px;display:inline-block;vertical-align:top;} 

/*  SS1 PAGE  */
.ss1Details img {width:auto;}

/* media player */
.wpControls {font-size:.7em;margin:20px 0px 0px 0px;}
.time {font-size:0.8em;}
.prev-next {display: inline-block;}
.prev-next p {
    width: 38px;
    height: 38px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    margin:2px;
  	border:1px solid white;
}
#pprev, .pprev {background: url(/img/player-graphics.gif) 4px -176px no-repeat;display: block; background-color:#222;}
#pnext, .pnext {background: url(/img/player-graphics.gif) 4px -146px no-repeat;display: block; background-color:#222;}
#pplay, .pplay {background: url(/img/player-graphics.gif) 4px -26px no-repeat;display: block; background-color:#222;}
#pforward, .pforward {background: url(/img/player-graphics.gif) 4px -292px no-repeat;display: block; background-color:#222;}
#prewind, .prewind {background: url(/img/player-graphics.gif) 4px -316px no-repeat;display: block; background-color:#222;}
