/*** COLORS ***/

body { background-color: #fff; } /* layout was #3d4242 */
body, div#navBar a, div#buttons a, div#buttons2 a { color: #585858}
h1 { color: #b62125; }
div#footer p, div#footer a { color: #b62125; }
div#navBar a:hover, div#footer a:hover, div#buttons a:hover, div#buttons2 a:hover { color: #b62125; }
div#navbar { font-size: 0.7em; }
span#adminMenu { text-decoration: underline; font-size: 1em; }
div.here, div.here a { color: #b62125 !important;font: inherit; }
span.addNew { font-size: 1em; }

/* END */
/*** GLOBALS ***/

* { font-size: 16px;padding: 0;margin: 0;outline: none; }
body {
  font: normal 80% Helvetica, Arial, sans-serif;
}
h1 {
  font-size: 0.8em;
  font-weight: normal;
}
div#nav {
  font-size: 0.7em;
  color: #b62125;
  margin-left: 24px;
}
div#nav a {
  color: #afafaf;
  text-decoration: none;
}
div#nav a:hover {
  color: #b62125;
}
span.contentNavigation {
  font-size: 9pt;
  line-height: 2em;
  vertical-align: middle;
  padding-bottom: 2px;
}
.leftArrow, .rightArrow {
  line-height: 2em;
}
p, li, div#buttons2 {
  font-size: 0.747em;
  line-height: 2em;
  margin-top: 0.8em;
}
div#buttons2 { 
    height: 30px;
    padding-top: 10px;
    margin-right: 20px;
}
a {
  font: inherit;
}
img { border: none; }
div.here { display: inline; }

/* END */
/*** LAYOUT ***/

div#bioCopy {
    margin: 0 0 0 24px;
    width: 775px;
}

img#hrule {
    padding: 40px 0 40px 0;
    margin-left: 24px;
}

div#logo {
    padding-top: 60px;
    padding-left: 25px;
}

img.icon {
    padding-bottom: 13px;
}

div#pageWrapper {
  padding-bottom: 50px;
}
div#content, div#header { 
    width: 840px;
    height: 700px;
    /*border: solid 1px black;*/
}
div#content {
  margin: 0 auto;
  /*margin-left: -480px;
  position: relative;
  top: 0;
  left: 50%;*/
}
div#header {
  height: 80px;
  /*position: relative;*/
}
div#navigation, div#navBar { 
    margin-top: 25px;
    width: 314px;
} /* This is the width of your navigation section */

div#navigation {
  /*height: 294px;*/
  position: absolute;
  right: 0; 
  top: 0; 
}
div#contentMain, h1 { float: left; clear: left; }
div#contentMain { padding-bottom: 25px; }
div#contentMain, div#footer {
  width: 510px;
  position: relative;
  top: 0;
  left: 0;
}
div#contentAux {
  width: 200px;
  /* margin-top: 300px;
  float: right; */
  position: relative;
  float: right;
  margin-right: 0px;
  margin-top: -70px;
  /*right: 0;*/
}
div#portfolio {
  width: 775px;
  text-align: center;
  margin: 40px 0;
}

div#cmsWrapper {
  width: 775px;
  padding: 0 60px 0 24px;
}

/* END */
/*** N A V I G A T I O N ***/

div#navigation ul {
  list-style-type: none;
  margin-left: 114px;
}
div#navigation li {
  font-family: Helvetica, Arial, sans-serif;
  line-height: 0.7em;
}
div#navBar a { text-decoration: none; }


/* END */
/*** P R E S E N T A T I O N ***/

div#contentAux p {
  font-family: Helvetica, Arial, sans-serif;
  font-style: italic;
  margin-top: 150px;
}
div#contentAux p.quoteAuthor { text-align: right; margin-top: 0; }

/* END */
/*** P O R T F O L I O ***/

div#buttons, div#buttons2 { text-align: right; }
div#buttons a, div#buttons2 a { text-decoration: none; display: inline; }

/* END */

/****admin content****/

table.manageContent {
    border: 1px;
    width: 775px;
    margin-left: 24px;
    margin-top: 10px;
}

table.manageContent th { 
    text-align: left;
    padding: 5px;    
}

table.manageContent td { 
    background-color: #999999;
    color: #FFFFFF;
    padding: 10px;    
}

.sort {
    width: 20px;
    text-align: center;
}

#addButtons {
    margin: 0 24px;
}

.editButtons {
    float: right;
    font-size: 8pt;
}

.editButtons a {
    color: #FFFFFF;
    text-decoration: none;
}

.editButtons a:hover {
    color: #000000;
}

.addNew {
    float: left;
    clear: none;
}

#sortable-list { 
    padding:0;
}

li.sortme { 
    padding:4px 8px;
    color:#000;
    cursor:move;
    list-style:none;
    width:500px;
    background:#ddd;
    border:1px solid #999;
}

#message-box {
    background:#fffea1;
    border:2px solid #fc0;
    padding:4px 8px;
    margin:0 0 14px 0;
    width:500px;
}

td.formItem, td.formInput {
    width: 200px;
    padding: 5px;
    background-color: #999999;
    color: #000;
}

td.formItem {
    text-align: right;
}

td.formItem, td.formInput a {
    color: #FFFFFF;
    text-decoration: none;
}

td.formItem, td.formInput a:hover {
    color: #000000;
}

td.formSubmit {
    text-align: center;
    padding: 10px;
}

table#passChange, table#editItem {
    margin-left: 24px;
}