@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'EuphemiaUCASRegular';
    src: url('/site_media/static/fonts/euphemia_ucas_regular_2.6.6-webfont.eot');
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'EuphemiaUCASRegular';
    src: url(//:) format('no404'), url('/site_media/static/fonts/euphemia_ucas_regular_2.6.6-webfont.woff') format('woff'), url('/site_media/static/fonts/euphemia_ucas_regular_2.6.6-webfont.ttf') format('truetype'), url('/site_media/static/fonts/euphemia_ucas_regular_2.6.6-webfont.svg#webfontRM0ls034') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    background: #1b1c1e url(/site_media/static/images/body_bg.png) 50% 0 repeat-y;
    text-align: left;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1em;
    color: #AAA;
    margin: 0;
    text-shadow: #000 1px 1px 1px;
  }
.clear:after {
    content: ".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }

#wrapper {
    width: 980px;
    margin: 30px auto;
    position: relative;
}

#logo {
    width: 252px;
    display: block;
    height: 199px;
    text-indent: -50000px;
    background: url(/site_media/static/images/eldarion_logo.png) 0 -10px no-repeat;
    behavior: url(/site_media/static/images/iepngfix.htc);
}
#blog #logo, .sub #logo {
    height: 150px;
    background: url(/site_media/static/images/eldarion_logo_medium.png) 0 -10px no-repeat;
}
a, a:visited {
  color:#fff;
    text-decoration: none;
  }
  a:hover {
    color: #FFF;
    outline:none;
  }
.secondary a {
    font-style: italic;
}
em {
    font-weight: bold;
    font-style: normal;
}
.primary em {
    color: #FFF;
}
.secondary em {
    color: #888;
}

#homepage #contact {
    position: absolute;
    top: 10px;
    left: 560px;
    width: 400px;
    height: 161px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#blog #contact, .sub #contact {
    width: 300px;
    height: 161px;
    margin: 0 0 0 -25px;
    padding: 0;
    list-style-type: none;
}
#contact li {
    height: 80px;
    margin: 0;
    padding: 0;
}
#homepage #contact li {
    border-left: #29292a solid 1px;
}
#contact li a {
    display: block;
    height: 80px;
    line-height: 80px;
    font-size: 1.5em;
    color: #ccc;
    text-indent: 109px;
}
#blog #contact li a, .sub #contact li a {
    font-size: 1.2em;
}
#contact li a:hover {
    color: #fff;
}
#contact_email {
    background: url(/site_media/static/images/envelope.gif) left 50% no-repeat;
}
#homepage #contact_email {
    border-bottom: #29292a solid 1px;
}
#contact_twitter {
    background: url(/site_media/static/images/bird.gif) left 50% no-repeat;
}
.grouping {
    padding: 0 0 1em 0;
    margin-bottom: 3em;
    background: url(/site_media/static/images/grouping_bg.gif) 560px 0 repeat-y;
}
#blog .grouping, .sub .grouping {
    padding: 0 0 1em 0;
    margin-bottom: 3em;
    background: url(/site_media/static/images/grouping_bg.gif) 680px 0 repeat-y;
}
.primary {
    float: left;
    width: 540px;
    margin-left: 10px;
}
#blog .primary, .sub .primary {
    xmargin-top: 100px;
    width: 650px;
}
.primary h2 {
    font-size: 2.8em;
    line-height: 1em;
    margin: 0;
    padding: 0;
    font-weight: normal;
}
#blog .primary h2 {
    color: #157;
    margin-top: 50px;
}

.sub .primary h2 {
    margin-top: 50px;
}

#blog .primary h3 {
    color: #FFF;
    margin-top: 2em;
}
#blog a.post-link {
    color: #157;
}
#blog a.post-link:hover {
    color: #379;
}
.primary p {
    font-size: 1.15em;
    line-height: 1.5em;
    margin: 1em 0 0 0;
    padding: 0;
    color: #aaa;
}
#blog .primary p, .sub .primary p {
    font-size: 1em;
    line-height: 1.5em;
    margin: 1em 0 0 0;
    padding: 0;
    color: #999;
}
#blog .primary li, .sub .primary li {
    font-size: 1em;
    line-height: 1.5em;
    margin: 0.5em;
}

#blog .primary .teaser {
    font-size: 1.1em;
    margin: 30px 0;
    color: #ccc;
}
#blog .primary .teaser p {
    color: #ccc;
}
#blog .primary p.more {
    margin: 0 2em;
    padding: 0;
    text-align: right;
}
.secondary {
    float: left;
    width: 380px;
    margin-left: 40px;
}
#blog .secondary, .sub .secondary {
    width: 280px;
}
.secondary h2 {
    font-size: 1.5em;
    line-height: 1em;
    margin: .375em 0 0 0;
    padding: 0;
    font-weight: normal;
}
.secondary p {
    font-size: .875em;
    line-height: 24px;
    margin: 24px 0 0 0;
    color: #666;
}
.secondary a {
    color: #ccc;
}
.secondary a:hover {
    color: #fff;
}
p.feed {
    margin: 10px 0 30px;
    line-height: 1.3em;
}
p.feed img {
    float: left;
    padding: 3px 10px 0 0;
}


/*
.announcement {
    margin: 10px 10px 40px;
    padding: 0.5em 1em;
    color: #000;
    font-size: 14pt;
    background: #CCC url(/site_media/static/images/announcement-gradient.png) bottom left repeat-x;
    text-shadow: #FFF 1px 1px 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.announcement a {
    color: #000;
}
.announcement a:hover {
    color: #666;
}
*/

.announcement {
    margin: 10px 10px 40px;
    padding: 0.5em 1em;
    color: #CCC;
    font-size: 14pt;
    background: #333;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.announcement a {
    color: #CCC;
}
.announcement a:hover {
    color: #FFF;
}



.color-1, a.color-1:hover {
    color: #a44;
}
.color-2, a.color-2:hover {
    color: #a74;
}
.color-3, a.color-3:hover {
    color: #aa4;
}
.color-4, a.color-4:hover {
    color: #7a4;
}
.color-5, a.color-5:hover {
    color: #4a4;
}
.color-6, a.color-6:hover {
    color: #4a7;
}
.color-7, a.color-7:hover {
    color: #379;
}

pre {
    font-family      : "Monaco", "Lucida Console", "Andale Mono", monospace;
    font-size        : 10pt;
    padding          : 5px 0;
    color            : #FFF;
    overflow         : auto;
}

#blog .post_footer h2 {
    font-size: 14pt;
    line-height: 18pt;
    color: #CCC;
    margin: 1em 0 0;
}

#blog .post_footer p {
    margin: 0;
    font-size: 10pt;
    line-height: 14pt;
}

p.post_dateline .date {
    font-size: 14pt;
    color: #DDD;
}

.post_footer p.post_dateline .date {
    font-size: 12pt;
}

p.post_dateline .author {
    color: #DDD;
}

p.post_dateline  a {
    color: #DDD;
}

p.post_dateline a:hover {
    color: #FFF;
}

#blog p.QEF {
    margin-top: 3em;
    font-family: "Zapfino";
    font-size: 10pt;
    color: #777;
}

.content a {
    color: #179;
    text-decoration: none;
}

.content a:hover {
    color: #FFF;
    text-decoration: underline;
}
#posts a {
    display: none;
}

/* self-clearing floats */
.mod:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*** main nav ***/
#main-nav {
  height:25px;
  width: 980px;
  margin: 30px auto;
  position: relative;
}

#main-nav ul {
  position:absolute;
  top:0;
  left:0;
  margin:0;
  padding:0;
  width: 980px;
  font-family: EuphemiaUCASRegular, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size:17px;
  letter-spacing:0.03em;
}

#main-nav ul li {
  display:block;
  float:left;
  list-style-type:none;
  padding:0px 40px 0px 25px;
  margin-left:0;
  background:url(../images/star.png) no-repeat right center;
}

#main-nav ul li.first {
  padding-left:0;
}

#main-nav ul li.last {
  padding-right:0;
  background:none;
}

#main-nav ul li a {
  display:block;
  float:left;
  text-transform:uppercase;
  color:#616060;
  font-weight:normal;
}

#main-nav ul li a:hover,
body#homepage #main-nav ul li a#nav-home,
body#sites #main-nav ul li a#nav-sites,
body#clients #main-nav ul li a#nav-clients,
body#hosting #main-nav ul li a#nav-hosting,
body#open-source #main-nav ul li a#nav-open-source,
body#team #main-nav ul li a#nav-team,
body#blog #main-nav ul li a#nav-blog {
  color:#e1e1e1;
}

#main-nav ul li a#nav-home:hover, body#homepage #main-nav ul li a#nav-home { color:#a44; } /* color 1 */
#main-nav ul li a#nav-sites:hover, body#sites #main-nav ul li a#nav-sites { color:#a74; } /* color 2 */
#main-nav ul li a#nav-clients:hover, body#clients #main-nav ul li a#nav-clients { color:#aa4; } /* color 3 */
#main-nav ul li a#nav-hosting:hover, body#hosting #main-nav ul li a#nav-hosting { color:#7a4; } /* color 4 */
#main-nav ul li a#nav-open-source:hover, body#open-source #main-nav ul li a#nav-open-source { color:#4a4; } /* color 5 */
#main-nav ul li a#nav-team:hover, body#team #main-nav ul li a#nav-team { color:#4a7; } /* color 6 */
#main-nav ul li a#nav-blog:hover, body#blog #main-nav ul li a#nav-blog { color:#379; } /* color 7 */

dl {
  line-height:1.5em;
}

dl dt {
  float:left;
  width:200px;
  margin-bottom:20px;
}

dl dd {
  margin-bottom:20px;
}

.primary h3 a, .primary h3 a:hover, .primary p.share a, .primary p.share a:hover {
  border-bottom:0;
}

/*** homepage ***/
.section {
  margin-bottom:30px;
  overflow:hidden;
}

.img-wrapper {
  padding:8px;
  background:#333;
  float:left;
  border:1px solid #444;
}

.img-wrapper img {
  border:1px solid #222;
  background:#d0d0d0;
}

.img-wrapper a:hover img {
  background:#fff;
}

.primary a:hover {
  border-bottom:1px dotted #fff;
}
.primary a.rackspace:hover {
  border-bottom: none;
}

.primary a.color-1:hover, .primary a.color-2:hover, .primary a.color-3:hover,
.primary a.color-4:hover, .primary a.color-5:hover, .primary a.color-6:hover {
  border-bottom:0;
}


body#homepage .primary {
  margin-top:-15px;
}

body#homepage a.logo-link {
  margin:16px 0 -15px 0;
  display:block;
  border-bottom:0;
}

body#homepage .blog-post h3 {
  font-size:14px;
  margin-bottom:0;
}

body#homepage .blog-post h3.first {
  margin-top:24px;
}

body#homepage p.post_dateline {
  margin:0;
  font-size:12px;
}

body#homepage p.post_dateline .date {
  font-size:12px;
  color:#666;
}

body#homepage p.post_dateline a {
  font-style:normal;
  color:#888;
  border-bottom:1px dotted #555;
}

body#homepage p.post_dateline a:hover {
  border-bottom:1px dotted #888;
}

.primary .more {
  font-size:14px;
  text-align:right;
  padding-right:17px;
  margin-top:10px;
}

/*** the team ***/
.sub h2 {
  margin-bottom: 20px;
}

.team-member {
  clear:both;
  width:650px;
  position: relative;
  overflow:hidden;
  border-bottom:1px solid #1d1d1d;
  padding-bottom:20px;
  margin-bottom:20px;
}

.team-member .col-1 {
  float:left;
  width:185px;
  display:inline;
}

.team-member .col-1.img-wrapper {
  padding:8px;
  background:#333;
  width:147px;
  height:147px;
  border:1px solid #444;
}

.team-member .col-1 .img-wrapper img {
  border:1px solid #222;
}

.team-member .col-2 {
  float:left;
  width:465px;
  display:inline;
}

.team-member h3 {
  margin:0;
  color:#ddd;
  letter-spacing:0.03em;
}

.team-member h4 {
  margin:5px 0 5px 0;
  color:#fff;
  letter-spacing:0.03em;
  font-weight:normal;
}

.team-member h5 {
  margin:0;
  color:#666;
  letter-spacing:0.03em;
  font-size:0.95em;
  font-weight:normal;
}

.team-member h5 a {
  color:#666;
}

.team-member h5 a:hover {
  color:#999;
}

.sub .primary .team-member p.social {
  color:#333;
  font-size:0.9em;
}

.team-member .social a {
  color:#666;
}

.team-member .social a:hover {
  color:#999;
}

.left {
  float:left;
  margin:0 15px 15px 0;
}

.bdr {
  border:1px solid #eee;
}

/*** sites ***/
.project-level {
  clear:both;
  margin-bottom:40px;
  overflow:hidden;
}

.project-level .left {
  margin:6px 15px 15px 0;
}

.project-level-2 .project-block {
  width:48%;
  margin-right:4%;
  float:left;
  display:inline;
}

.project-level-3 .project-block {
  width:22%;
  margin-right:4%;
  float:left;
  display:inline;
}

.project-level .last {
  margin-right:0;
}

#logo-quisition {
  border:3px solid #666;
}

#logo-typewar {
  border:1px solid #888;
}

#logo-mytechne {
  border:1px solid #333;
}

#logo-quisition:hover {
  border:3px solid #aaa;
}

#logo-typewar:hover {
  border:1px solid #ccc;
}

#logo-mytechne:hover {
  border:1px solid #444;
}

.primary .project-block p {
  margin:0;
}

.primary .project-block h5 {
  margin:8px 0 5px;
}

.primary .project-block h3 {
  margin:0 0 10px 0;
}

.primary .project-level-3 .project-block p {
  font-size:14px;
}

.project-level-3 h5 {
  font-size:12px;
}

body#sites .primary a {
  color:#666;
  border-bottom:1px dotted #888;
}

body#sites .primary a:hover {
  border-bottom:1px dotted #fff;
}

body#sites .primary a.logo-link {
  border-bottom:0;
}

/*** blog list ***/
body#blog .primary h3.post-title {
  margin-bottom:0;
  font-size:26px;
  line-height:1.4em;
}

#blog .primary p.post_dateline, #blog .primary span.date {
  font-size:14px;
}

/*** blog detail ***/
body#blog .primary h2 {
  margin-bottom:0;
}

/*** press kit ***/
.section {
  width:100%;
  border-bottom:1px dotted #222;
  padding-bottom:25px;
  margin-bottom:25px;
  clear:both;
  overflow:hidden;
}

body#press-kit h3 {
  margin-top:0;
}

body#press-kit h6 {
  margin:0 0 5px 0;
}

body#press-kit .primary p {
  margin-bottom:25px;
}

body#press-kit .left {
  overflow:hidden;
}

.sm {
  font-size:12px;
  line-height:1.6em;
}

body#press-kit .secondary h3 {
  text-indent:20px;
}

nav#press-kit-nav ul {
  padding-left:20px;
  margin-bottom:15px;
}

nav#press-kit-nav ul li {
  list-style-type:none;
  line-height:1.6em;
}

nav#press-kit-nav ul li a {
  color:#77aa44;
}

nav#press-kit-nav ul li a:hover {
  color:#fff;
}