/* @override http://pomodoro.local/css/style.css */

/*red: #fa1802;*/

/* style.css */
body {
  background: url('/img/bitmaps/eniac-1000.png') repeat fixed;
  font: 62.5%/150% "Courier New", Courier, mono;
  color: #000;
}

#wrap {
  font-size: 1.4em;
  line-height: 150%;
  padding: 105px 0 60px 0;
  position: relative;
  background: url(../img/wrap-bg.png) no-repeat center top;
}

#page-header h1 {
  display: none;
}

#content-wrap {
  margin: 0 auto;
  width: 920px;
  padding-bottom: 60px;
}

#page-content {
  background: transparent url('/img/shadow.png') repeat left top;
  margin: 0 -5px -5px 0;
  padding: 0 5px 5px 0;
  float: left;
}

#page-content > * {
  background: #fff url('/img/pattern-overlay.png') no-repeat bottom left;
  padding: 30px 60px;
  margin: -5px 0 0 -5px;
  overflow: hidden;
  width: 800px;
}

#page-content .header {
  background-color: #fa1802;
  background-image: none;
  padding: 30px 60px;
  margin: -30px -60px 30px;
  border-bottom: 1px dashed #fa1802;
}

#page-content > .header {
  margin: -5px 0 0 -5px;
}

.article .content {
  padding: 30px 0 60px;
  overflow: hidden;
}

.no-bg, #page-content .no-bg {
  background-image: none;
}

h1, h2, h3, h4, #nav a, .title {
  font-family: Georgia;
  font-weight: bold;
  font-style: italic;
  line-height: 150%;
  color: #000;
}
h1, h2, h3, h4 {
  margin-bottom: .5em;
}

h2, .title {
  font-size: 2em;
}
.title {
  color: #fff;
}

h2:first-child {
  margin-top: 0;
}
h2:before, .title:before {
  content: '>_ ';
}
h2:after, .title:after {
  content: ';';
}

p {
  margin: 0 0 1.5em 0;
}
.lead {
  font-size: 1.2em;
  line-height: 150%;
}
.secondary {
  font-size: 0.85em;
  color: #555;
}

em {
  font-style: italic;
}

a:link, a:hover, a:visited, a:active {
  color: #00aeef;
  text-decoration: none;
  border-bottom: 1px dotted #00aeef;
  margin: 0 .25em;
  padding: 0 .25em;
}
a:hover {
  background-color: #00aeef;
  color: #fff;
  border-style: solid;
}

.center {
  text-align: center;
}

.mod-65 > *, .mod-50 > *, .mod-35 > * {
  margin-left: 15px;
}
.mod-65:first-child > *, .mod-50:first-child > *, .mod-35:first-child > * {
  margin-left: 0;
  margin-right: 15px;
}

/* @group nav */
#nav-wrap {
  position: fixed;
  z-index: 20;
  top: 30px;
  right: 60px;
  background: transparent url('/img/shadow.png') repeat left top;
  font-size: 1.25em;
  margin: 0 -3px -3px 0;
  padding: 0 3px 3px 0;
}
#nav {
  margin: -3px 0 0 -3px;
  background-color: #fa1801;
  overflow: hidden;
}

#nav li {
  display: inline;
  float: left;
}

.nav a:link, .nav a:hover, .nav a:active, .nav a:visited {
  border: 0;
}

#nav a {
  color: #fff;
  display: block;
  padding: .5em 0 .5em 1em;
  border-bottom: 0;
}

#nav a:hover {
  background-color: #fa1802;
  color: #000;
}

#nav span {
  padding: 0 1em 0 0;
  border-right: 1px solid #fff;
}

#nav li.last span {
  border: none;
}

#home #nav-home a, #info #nav-info a, #work #nav-work a, #work-overview #nav-work a, #blog #nav-blog a, #contact #nav-contact a {
  color: #000;
}


/* @end */

/* page specific styles */

/* @group home */

#home #wrap {
  background: url(../img/home-bg.png) no-repeat center top;
}
#home #content-wrap {
  margin-top: 100px;
}
#home #page-content .header {
  background-color: #fff;
  margin: -30px -60px 30px -60px;
  padding: 30px 60px;
  border-bottom: 1px dashed #fa1802;
}

#home #page-content .header h2 {
  color: #000;
  margin-bottom: 0;
}

#home .article {
  background-color: #000;
  color: #fff;
}

#home #showcase {
  width: 500px;
  height: 350px;
  margin: 0 0 1.5em 15px;
  overflow: hidden;
}

#showcase a, #showcase a:hover {
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
}

.cycle-prev, .cycle-next {
  display: block;
  width: 60px;
  height: 60px;
  background: transparent url(../img/back-button-red.png) no-repeat center top;
  position: absolute;
  z-index: 10;
}
.cycle-next {
  background-image: url('/img/forward-button-red.png');
}
.cycle-prev:hover {
  cursor: pointer;
  background-image: url('/img/back-button-black.png');
}
.cycle-next:hover {
  cursor: pointer;
  background-image: url('/img/forward-button-black.png');
}

/* @end */

/* @group contact */

#contact p.adr {
  display: block;
  width: 200px;
}

.email em {
  background-color: transparent;
}

/* @end */

/* @group info */



/* @end */

/* @group work */

#work-overview #page-content {
  background: transparent;
  text-align: right;
  font-size: 1.5em;
  line-height: 150%;
}

#work-overview #page-content > * {
  background: transparent;
  padding: 0;
  margin: 0;
  overflow: hidden;
  width: 800px;
}

#work-overview h2 {
  display: none;
}

#article-work li {
  float: right;
  clear: right;
  overflow: hidden;
  margin: 0 0 .5em 0;
  padding: 0;
}

#article-work a {
  float: right;
  margin: 0;
  border: 0;
}
#article-work a:hover {
  background-color: transparent;
}

#article-work li div {
  /*display: table-cell;*/
  background-color: #fff;
  overflow: hidden;
}

#article-work li span {
  margin: 1em 2em;
  font-family: Georgia;
  font-weight: 1000;
  font-style: italic;
  color: #000;
  display: table-cell;
  float: left;
  border-bottom: 1px dashed #000;
}

#article-work li img {
  float: right;
  margin: .5em;
  border: 2px solid #000;
}

/*#work-showcase {
  background-color: #000;
  margin: 5em -60px 1em;
}*/

#work-showcase img {
  margin: 1em 0;
  border: 1px solid black;
}

#work-nav {
  margin-bottom: 1em;
  border-style: dashed;
  border-width: 1px 0;
  line-height: 2em;
}
#work-nav > *:last-child {
  text-align: right;
}

/* @end */