/*


*/

/* !Globals */

body {
  background-color: #fff;
  font: 14px/1.8 Helvetica, Arial, sans-serif;
  }

a {
  color: #000;
  text-decoration: none;
  }

a img {
  border: none;
  }

h1, ul, li {
  margin: 0;
  padding: 0;
  }

li {
  list-style-type: none;
  }

h1 {
  font-size: 20px;
  }

h1 a:visited {
  color: black;
  }

label {
  font-weight: bold;
  }

textarea {
  width: 697px;
  height: 300px;
  }

figure {
  margin: 0;
  padding: 0;
}

/* !Layout */

content {
  display: block;
  margin: 30px auto;
  width: 720px;
  }

header {
  margin-bottom: 20px;
  line-height: 14px;
  position: relative;
  }

header h1 {
  float: left;
  margin-right: 15px;
  }

.main {
  display: block;
  position: relative;
  }

/* !Nav */

#nav {
  bottom: 0;
  left: 160px;
  margin-bottom: -1px;
  position: absolute;
  }

#nav li {
  margin-right: 8px;
  float: left;
  }

/* !Portfolio Sidebar */

#portfolios {
  left: 0;
  margin-left: -170px;
  position: absolute;
  top: 0;
  width: 150px;
  }

#portfolios li {
  display: block;
  text-align: right;
  margin-bottom: 8px;
  width: 150px;
  font-weight: bold;
  }

#portfolios li a {
  font-weight: normal;
  }

/* !Portfolio Navigation */

#portfolio-nav {
  bottom: 0;
  margin-bottom: -7px;
  position: absolute;
  right: 0;
  }

#portfolio-nav .active,
#portfolio-nav .inactive {
  float: left;
  margin-left: 8px;
  padding: 5px;
  border: solid 1px black;
  }

#portfolio-nav .inactive {
  color: silver;
  border-color: silver;
  cursor: default;
  }

#portfolio-nav .active {
  color: white;
  background-color: black;
  cursor: pointer;
  }

#portfolio-nav .active:hover {
  background-color: white;
  color: black;
  }

/* !View Portfolio */

.portfolio-photo {
  cursor: pointer;
  }

#photo_0.portfolio-photo-last {
  cursor: default;
  }

/* !Edit */

.portfolios-new-body content,
.portfolios-edit-body content,
.portfolios-index-body content,
.portfolios-create-body content {
  width: 730px; /* extra room to the right so we don't have to add a .last class to every third photo */
  -moz-user-select: none;
  -webkit-user-select: none;
  }

#portfolio_title,
#post_title {
  font-size: 20px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  border: solid 1px black;
  padding: 5px;
  margin: 0;
  width: 221px;
  }

.block {
  float: left;
  background: black;
  color: white;
  margin: 0 10px 10px 0;
  padding: 5px;
  width: 223px;
  position: relative;
  }

.block:nth-of-type(3n) {
  margin-right: 0;
}

.block .actions {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
  height: 20px;
  overflow: hidden;
  }

.image-wrapper {
  height: 180px;
  overflow: hidden;
  }

.block a {
  color: white;
  }

.block .title {
  position: absolute;
  left: 5px;
  top: 5px;
  background: black;
  font-size: 150%;
  font-weight: bold;
  padding: 5px 10px 10px 5px;
  }

.block input[type="file"]{
  width: 223px;
  color: white;
  background-color: black;
  }

.options {
  font-weight: bold;
  margin-bottom: 10px;
  clear: left;
  float: left;
  width: 720px;
  }

.options a {
  text-decoration: underline;
  }

.image-placeholder {
  border: dashed 1px white;
  height: 178px;
  width: 223px;
  position: relative;
  }

.image-placeholder a,
.image-placeholder span {
  padding-top: 78px;
  display: block;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  }

.image-placeholder a {
  text-decoration: underline;
  }

/* !News Posts */

article.post {
  margin-bottom: 20px;
  line-height: 22px;
  }

article.post .post-body {
  margin-left: 370px;
  }

article.post header {
  line-height: 22px;
  }

article.post h1,
article.post time {
  margin-bottom: 15px;
  }

article.post h1 {
  font-size: 16px;
  width: 245px;
  }

article.post time {
  float: right;
  text-align: right;
  width: 90px;
  }

article.post time a {
  text-decoration: none;
  }

article.post img {
  float: left;
  }

article.post p {
  margin-top: 0;
  }

article.post a,
#tinymce a {
  text-decoration: underline;
  }

/* !Pages (bio, contact, news) */

.pages-show-body content p {
  line-height: 22px;
  }

/* !Settings */

.settings .field {
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
  }

#bio-field {
  margin-bottom: 10px;
  }

.settings label {
  display: block;
  margin-bottom: 5px;
  }

.settings .check-field {
  width: 233px;
  margin-top: -10px;
  }

.settings .check-field label {
  display: inline;
  font-weight: normal;
  }

.settings input[type="text"],
.settings select {
  font-family: Helvetica, Arial, sans-serif;
  font-size:   14px;
  border: solid 1px black;
  padding: 10px;
   height: 40px;
  width: 233px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  }

.settings input[type="submit"] {
  clear: left;
  }

/* TinyMCE Styles */

#tinymce {
  padding: 10px !important;
  margin: 0 !important;
  }

iframe,
#bio_parent .mceLayout tr.mceFirst td,
#post_body_parent .mceLayout tr.mceFirst td,
#bio_parent .mceIframeContainer,
#post_body_parent .mceIframeContainer {
  border-bottom: none;
  }

#bio_parent .mceLayout,
#post_body_parent .mceLayout {
  border: solid 1px black;
  }

/* !Error Messaging */

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
  }

div.field, div.actions {
  margin-bottom: 10px;
  }

#notice,
#error-explanation {
  margin: 20px 0;
  }

#notice,
.error-title {
  color: white;
  font-weight: bold;
  padding: 5px;
  }

#notice {
  background-color: green;
  }

#error-explanation {
  border: 2px solid #c00;
  }

.error-title {
  background-color: #c00;
  }

#error-explanation ul {
  margin: 10px 10px 10px 40px;
  }

#error-explanation li {
  list-style-type: disc;
  padding: 5px;
  }

.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table;
  }

/* Utility Classes */
.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

:first-child+html .group {
  min-height: 1px;
  }

.first {
  clear: left;
  }

.last {
  margin-right: 0 !important;
  }

.left {
  float: left;
  }

.right {
  float: right;
  }

.sortable {
  cursor: move;
  }

/* make browsers that don't recognize html5 elements render tham as blocks */
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {  display:block; }