/* fonts */
body, input, textarea {font-family: Trebuchet MS, sans-serif!important; font-size: 14px}
#loggedIn, #imageNavigation {font-family: Trebuchet MS, sans-serif;}




/* colors */
body, .paragraphBlock {background-color: #888888; color: #dddddd;}
a {color: white;}

.defaultValue {color: #959595;}
.editable:hover { background-color: #AAAAAA;}



td {vertical-align: top;}

body { padding: 20px 0px 40px 40px; }
h1 {font-size: 24px; font-weight: normal; margin: 0;}
input {border: none;}

h1#title {width: 80%; }

.thumbnail {background: black; background-position: center center; background-repeat: no-repeat; padding: 0; }
.previewBlock {border: none;   display: block; padding: 0; }

.previewBlock  a.imageLink  {display: block; width: 100%; height: 100%; text-decoration: none;}

.previewBlock .editable:hover { background-color: #222222;}
.previewBlock .defaultValue { color: #333333;}
.paragraphBlock {float: right; width: 100%}
.hidden {opacity: 0.5}


#folder .previewBlock {float: left;}
#image {overflow: hidden; width: 100%}




.navigation { position: relative; font-size: 14px;}
#search {right: 60px; float: right;}
.blurredSearch {color: #888888;}

#folderNavigation { left: 10px; float: left;  }


#loggedIn{position: absolute; right: 10px; top: 13px; font-size: 14px;}

.selected {background-color: #c2c2c2;}
.lastSelected {}

#controlPanel {position: fixed; top: 0; left: 0; background: #a9a9a9; border-bottom: 1px solid black; width: 100%; height: 40px; padding-left: 5px; padding-top: 5px;}
.newkeyword {margin-right: 10px; background-color: black; padding-right: 4px; padding-left: 4px; cursor: hand};