/*

Skin: Default
Colors: White, Blue, Dark Grey

*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);

/*-------------------------------------------------------------------
  Usually changes global style: colors, backgrounds, fonts, etc.
-------------------------------------------------------------------*/

body {
  background: url(../../img/patterns/project_papper.png)
}

#container {
  background: url(../../img/patterns/alternative_light.png) repeat;
}

body,
.ribbon em, .ribbon2 em, .ribbon3 em {
  font-family: 'Droid Serif', georgia, times, serif; /* Primary font */
}

.ribbon,
article .section-title,
.portfolio h2,
.subtitle,
.wrap-footer,
.wrap-footer a,
.markup footer {
  font-family: 'Open Sans', arial, sans-serif; /* Alternative font */
}

.wrap-header h1 span {
  color: #00A0C6;         /* Primary color */
}

.wrap-header h1,
.wrap-header p {
  color: #555;            /* Title color */
}

article .section-title,
.portfolio h2 {
  background: #00A0C6;    /* Primary color */
}

.row-inversed {
  background: #353535;    /* Inversed color */
}

/* Link Style */
#container .column .subtitle a,
.reference a,
a {
  color: #007BAA;
  border-bottom: 1px dotted #ccc;
  text-decoration: none;
}

a:hover {
  border-bottom-style: solid;
  color: #999 !important;
}

.row-contact {
  display: none;
}

article .section-title,
.portfolio h2 {
  text-shadow: 0 -1px 0 rgba(51, 51, 51, 0.2);
  font-weight: 400;
  color: #fff;
  padding: 6px 14px;
  letter-spacing: 1px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
}

.column .subtitle {
  color: #999;
}

.row {
  border-top: 1px dashed #ccc;
}

.row-inversed {
  border-top: 0 none;
}

.row-icon {
  border-top: 1px solid #444;
}

.row-inversed a:hover {
  color: #F6F6E7 !important;
}

.row-inversed .profile-pic {
  border: 0 none;
}

.row-inversed .info td,
.row-inversed .info th,
.row-inversed .info a {
  color: #F6F6E7;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
}

.row-inversed .info th {
  color: #999;
}

.wrap-footer,
.wrap-footer a {
  color: #888;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  font-size: 11px;
  text-transform: none;
}

.row-profile {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}