/*
Theme Name: Adelie
Theme URI: http://www.AdelieDesign.com/
Description: A WP theme
Author: Adelie Design
Author URI: http://www.AdelieDesign.com/
Version: 4.1

Plugins used:
  Custom Thumbnails  http://wordpress.org/extend/plugins/custom-thumbnails/
  Redirector  http://wordpress.org/extend/plugins/redirector/
*/
/* 
 * COLORS
 * Light orange: #FFBA00
 * Mid orange: #FF8200
 * Dark orange: #F15D22
 * Dark grey: #636466
 */
 
/* GENERAL STYLES **********************************/
@import 'reset.css';

body {
  font-family: "Arial";
  font-size: 62.5%;
  color: #000000;
  line-height: 1.25;
  height: 100%;
  background-image: url('images/background.png');
}

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

/* PAGE **********************************/

#page {
  position: relative;
  min-width: 976px;
  max-width: 1280px;
  margin: 10px 35px 20px;
}

/* HEADER *********************************/
#header {
  text-align: left;
  padding: 10px 20px 10px 0;
  line-height: 1;
}

#header h1 {
  font-family: "Agency FB", "Courier New", sans-serif;
  font-size: 600%;
  font-weight: normal;
}

/* NAVIGATION ********************************/
.navbar {
  float: left;
  width: 100%;
  height: 45px;
  line-height: 45px;
  vertical-align: bottom;
  overflow: hidden;
  margin-left: -8px;
  margin-bottom: 5px;
}
.navbar ul, .navbar li {
  float: left;
}
.navbar a {
  display: block;
  float: left;
  height: 45px;
  text-indent: -9000px;
  text-align: left;
  outline: none;
  background-position: center top;
  background-repeat: no-repeat;
}
.navbar a:hover {
  background-position: center center;
}
.navbar .current_page_item a {
  background-position: center bottom;
}

.navbar a.page-item-Home {
  width: 73px;
  background-image: url('images/home_full.png');
  margin-right: 5px;
}

.navbar a.page-item-About {
  width: 87px;
  background-image: url('images/about_full.png');
  margin-right: 8px;
}

.navbar a.page-item-Portfolio {
  width: 119px;
  background-image: url('images/portfolio_full.png');
}

.navbar a.page-item-Blog {
  width: 64px;
  background-image: url('images/blog_full.png');
  margin-right: 8px;
}

.navbar a.page-item-Contact {
  width: 135px;
  background-image: url('images/contact_full.png');
  margin-right: 8px;
}

.subnav {
  float: left;
  height: 27px;
  line-height: 27px;
  vertical-align: bottom;
  overflow: hidden;
  width: 100%;
}
.subnav ul, .subnav li {
  float: left;
}
.subnav h2, .subnav a {
  font-size: 100%;
  display: block;
  float: left;
  height: 28px;
  text-indent: -9000px;
  background-position: center left;
  background-repeat: no-repeat;
  margin-right: 6px;
  outline: none;
}

.subnav h2 {
  width: 74px;
  margin-right: 12px;
  background-image: url('images/portfolio_sub.png');
}

.subnav ul, .subnav li {
  float: left;
}

.subnav a {
  background-position: center top;
}

.subnav a:hover {
  background-position: center center;
}

.subnav .current_page_item a {
  background-position: center bottom;
}
.subnav a.page-item-Print {
  width: 62px;
  background-image: url('images/print_full.png');
}

.subnav a.page-item-Identity {
  width: 85px;
  background-image: url('images/identity_full.png');
}

.subnav a.page-item-Web {
  width: 49px;
  background-image: url('images/web_full.png');
}


/* SEARCH */

#searchform {
  padding-left: 1em;
  float: left;
}
#searchform div {
  display: block;
  float: left;
}
#searchsubmit {
  margin-right: 10px;
  cursor: pointer;
  vertical-align: middle;
  background-image: url('images/search_bg.png');
  background-position: 1000px 1000px;
  background-repeat: no-repeat;
}
#searchsubmit:hover {
  background-position: left center;
}
#searchform .form-field {
  background-image: url('images/search_box.png');
  background-position: left center;
  background-repeat: no-repeat;
  width: 10em;
  line-height: 45px;
  font-size: 180%;
}
#searchform #s {
  padding: 0 0.5em;
  border: none;
  background-color: transparent;
  width: 10em;
  font-size: 72.22%;
  position: relative;
  top: -1px;
}
#searchform #s:focus {
}

/* MAIN ************************************/

#main {
  clear: both;
  position: relative;
  margin-left: 0;
  margin-right: 11px;
  left: -11px;
}

/* Drop Shadow *****/
.shadow {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.shadow-left-end {
  padding-left: 11px;
  top: 5px;
  background-image: url('images/shadow-left-end.png');
  background-position: 0 0;
  background-repeat: no-repeat;
}
.shadow-left {
  top: 29px;
  bottom: 17px; /* 29 - 12 */
  background-image: url('images/shadow-left.png');
  background-position: 0 0;
  background-repeat: repeat-y;
}
.shadow-bottom {
  bottom: -12px;
  left: 28px;
  right: 12px; /* 18 - 11 + 5 */
  background-image: url('images/shadow-bottom.png');
  background-position: 0 100%;
  background-repeat: repeat-x;
}
.shadow-bottom-end {
  bottom: -12px;
  right: -6px; /* -11 + 5 */
  background-image: url('images/shadow-bottom-end.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
.shadow-corner {
  bottom: -12px;
  background-image: url('images/shadow-corner.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
}
  
  

/* CONTENT **********************************/
#content {
  position: relative;
  z-index: 20;
  left: 11px;
  font-size: 140%;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 250px;
  min-width: 900px;
  
  background-color: #FFFFFF;
  border: 1px solid #C0C0C0;
}

#content:after { /*take the border all the way to the bottom */
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}



/* POST **************************************/
.post {
  margin-bottom: 3em;
  clear: left;
}

.post h2 {
  font-size: 150%;
  font-weight: bold;
  padding: 0;
  margin: 0 10em 0 0;
}
.post h2 a:link, .post h2 a:visited {
  color: #000000;
}

.post h3 {
  font-size: 120%;
  font-weight: bold;
  margin: 1em 0 .1em;
}

.post h4 {
  font-size: 100%;
  font-weight: bold;
}

.post h5 {
  font-size: 100%;
  font-weight: normal;
  font-style: italic;
}

.post p {
  margin-bottom: 1em;
  margin-top: 0.25em;
}

.post img.alignleft {
  margin: 0.25em 1em 1em 0;
  float: left;
}

.post img.alignright {
  margin: 0.25em 0 1em 1em;
  float: right;
}

.post .more-link {
  display: block;
  font-style: italic;
  margin: 1em 0;
}

/* LINKS ******/
.post a:link {
  color: #F15D22;
}
.post a:visited {
  color: #404040;
}
.post a:link:hover, .post a:visited:hover {
  text-decoration: underline;
}

/* LISTS ******/
.post ul, .post ol, .post dl {
  margin-left: 2.5em;
}
.post ul {
  list-style-type: disc;
}
.post ul ul {
  list-style-type: circle;
}
.post ul ul ul {
  list-style-type: square;
}
.post ol {
  list-style-type: decimal;
}
.post ol ol {
  list-style-type: lower-roman;
}
.post ol ol ol {
  list-style-type: decimal;
}
.post li {
  margin: 1em 0;
}
.post dt {
  font-weight: bold;
}
.post dd {
  margin-left: 2.5em;
}

/* QUOTES ******/
.post blockquote {
  margin-left: 2.5em;
  margin-right: 2.5em;
}
.post cite {
  font-style: italic;
}

/* METADATA ******/

.post-meta {
  font-size: 86%;
  background-color: #f0f0f0;
  border: 1px solid #d8d8d8;
  padding: 0.5em 1em;
  overflow: auto;
  clear: both;
}

.post-meta p {
  margin: 0em 0;
  padding: 0;
  width: 45%;
}

.post-meta cite {
  font-style: normal;
}

.post-meta .post-tags {
  float: right;
}

.single .post-meta {
  background-color: transparent;
  border-width: 1px 0 0;
}

/* PAGE **************************************/
.page h3 {
  font-size: 100%;
  font-weight: bold;
  padding: 0;
  margin: 1em 0 .1em;
  color: #000000;
}

.page h3.tagline {
  margin: .1em 0;
  color: #000000;
}

.page h4 {
  font-size: 100%;
  font-weight: normal;
  font-style: italic;
  color: #000000;
}

.entry:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  clear: left;
}

.entry h3, .entry h4, .entry h5, .entry h6 {
  clear: left;
}

/* COMMENTS *********************************/
#comments {
  clear: both;
}
.comment {
  font-size: 86%;
  background-color: #f0f0f0;
  border: 1px solid #d8d8d8;
  padding: 0 1em;
  margin: 1em 0;
  overflow: auto;
}
ol.commentlist {
  margin-left: 0;
}
.comment p {
  margin: 0.75em 0;
}
.comment-meta {
  margin: 0.25em 0 0;
  padding: 0.5em 0;
  font-size: 92%;
  border-top: 1px solid #d8d8d8;
}
.comment-meta a:link {
  color: #000000;
}
.comment-meta p {
  margin: 0;
}
.comment-meta cite {
  font-style: normal;
}
.comment-meta .comment-time {
  float: right;
}
#comments .comment-meta a {
}
#comments .comment-meta a:hover {
}

#respond {
  padding-top: 0.5em;
}
#respond .form-field label, #respond .form-field input, #respond .form-field textarea {
  display: block;
}
#respond .form-field label {
  font-style: italic;
  font-size: 87%;
}
#respond .form-field input, #respond .form-field textarea {
  border: 1px solid #c0c0c0;
}
#respond .form-field input:focus, #respond .form-field textarea:focus {
  background-color: #FFFFFF;
}
#respond .form-field input {
  width: 50%;
}
#respond .form-field textarea {
  width: 100%;
}

/* BLOG NAVIGATION **************************/
.next-posts-link {
  float: left;
  overflow: hidden;
}
.next-posts-link a {
  display: block;
  width: 110px;
  height: 20px;
  text-indent: -9000px;
  outline: none;
  background-image: url('images/older.png');
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
}
.next-posts-link a:hover {
  background-position: left bottom;
}
.previous-posts-link {
  float: right;
  overflow: hidden;
}
.previous-posts-link a {
  display: block;
  width: 122px;
  height: 20px;
  text-indent: -9000px;
  outline: none;
  background-image: url('images/newer.png');
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
}
.previous-posts-link a:hover {
  background-position: left bottom;
}
  


/* FOOTER ***********************************/
#footer {
  clear: both;
  position: relative;
  font-size: 110%;
  top: -2.5em;
  z-index: 30;
  margin: 0 36px;
}
#footer, #footer a {
  color: #999999;
}

#footer p {
  margin: 0;
  line-height: 2.8;
}

#footer .credits {
  text-align: right;
}

/* Dates */
h2.post-date {
  height: 30px;
  margin-bottom: -30px; /* so we don't interfere with the body */
  float: right;
  position: relative;
  top: -10px;
  overflow: hidden;
}
.month, .day, .comma, .year {
  padding-top: 30px;
  display: block;
  float: left;
  height: 0;
  color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
}
.month, .comma {
  margin-right: 6px;
}

.January {
  width: 72px;
  background-image: url('images/January.png');
}
.February {
  width: 78px;
  background-image: url('images/February.png');
}
.March {
  width: 58px;
  background-image: url('images/March.png');
}
.April {
  width: 45px;
  background-image: url('images/April.png');
}
.May {
  width: 41px;
  background-image: url('images/May.png');
}
.June {
  width: 42px;
  background-image: url('images/June.png');
}
.July {
  width: 35px;
  background-image: url('images/July.png');
}
.August {
  width: 62px;
  background-image: url('images/August.png');
}
.September {
  width: 87px;
  background-image: url('images/September.png');
}
.October {
  width: 74px;
  background-image: url('images/October.png');
}
.November {
  width: 83px;
  background-image: url('images/November.png');
}
.December {
  width: 85px;
  background-image: url('images/December.png');
}
.number-1 {
  width: 6px;
  background-image: url('images/1.png');
}
.number-2 {
  width: 13px;
  background-image: url('images/2.png');
}
.number-3 {
  width: 10px;
  background-image: url('images/3.png');
}
.number-4 {
  width: 8px;
  background-image: url('images/4.png');
}
.number-5 {
  width: 11px;
  background-image: url('images/5.png');
}
.number-6 {
  width: 10px;
  background-image: url('images/6.png');
}
.number-7 {
  width: 9px;
  background-image: url('images/7.png');
}
.number-8 {
  width: 9px;
  background-image: url('images/8.png');
}
.number-9 {
  width: 10px;
  background-image: url('images/9.png');
}
.number-10 {
  width: 20px;
  background-image: url('images/10.png');
}
.number-11 {
  width: 13px;
  background-image: url('images/11.png');
}
.number-12 {
  width: 20px;
  background-image: url('images/12.png');
}
.number-13 {
  width: 15px;
  background-image: url('images/13.png');
}
.number-14 {
  width: 17px;
  background-image: url('images/14.png');
}
.number-15 {
  width: 16px;
  background-image: url('images/15.png');
}
.number-16 {
  width: 17px;
  background-image: url('images/16.png');
}
.number-17 {
  width: 17px;
  background-image: url('images/17.png');
}
.number-18 {
  width: 19px;
  background-image: url('images/18.png');
}
.number-19 {
  width: 16px;
  background-image: url('images/19.png');
}
.number-20 {
  width: 23px;
  background-image: url('images/20.png');
}
.number-21 {
  width: 17px;
  background-image: url('images/21.png');
}
.number-22 {
  width: 24px;
  background-image: url('images/22.png');
}
.number-23 {
  width: 21px;
  background-image: url('images/23.png');
}
.number-24 {
  width: 19px;
  background-image: url('images/24.png');
}
.number-25 {
  width: 22px;
  background-image: url('images/25.png');
}
.number-26 {
  width: 21px;
  background-image: url('images/26.png');
}
.number-27 {
  width: 22px;
  background-image: url('images/27.png');
}
.number-28 {
  width: 22px;
  background-image: url('images/28.png');
}
.number-29 {
  width: 20px;
  background-image: url('images/29.png');
}
.number-30 {
  width: 22px;
  background-image: url('images/30.png');
}
.number-31 {
  width: 16px;
  background-image: url('images/31.png');
}

.number-2008 {
  width: 48px;
  background-image: url('images/2008.png');
}
.number-2009 {
  width: 48px;
  background-image: url('images/2009.png');
}
.number-2010 {
  width: 43px;
  background-image: url('images/2010.png');
}
.number-2011 {
  width: 42px;
  background-image: url('images/2011.png');
}
.number-2012 {
  width: 47px;
  background-image: url('images/2012.png');
}
.number-2013 {
  width: 46px;
  background-image: url('images/2013.png');
}

.comma {
  width: 4px;
  background-image: url('images/comma.png');
  margin-left: 1px;
}


/* GALLERIES *********************************/

ul.adelie-gallery {
  list-style-type: none;
  margin: 0 0 30px;
  padding: 314px 0 0;
  position: relative;
}

.adelie-gallery a:focus {
  outline: none;
}

.adelie-gallery li {
  display: inline;
  margin: 0 1px;
  padding: 0;
}

.adelie-gallery img {
  float: none;
  margin: 0;
  padding: 0;
}

.adelie-gallery br {
  display: block;
  height: 0;
  clear: left;
}

.entry h3 {
  clear: left;
}

.gallery-item-display {
  display: none;
}
.active-gallery-item .gallery-item-display {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}
.gallery-item-display .gallery-item-wrapper {
  width: 430px;
  position: relative;
}
.item-info {
  font-size: 80%;
  width: 200px;
  height: 284px;
  overflow: auto;
  position: absolute;
  top: 15px;
  right: -200px;
  background-color: #FFFFFF;
}
.item-info p {
  margin: 0.5em 0;
}
.item-info .title {
  font-weight: bold;
  font-size: 125%;
}
a.show-item-info {
  display: block;
  position: absolute;
  top: 15px;
  right: -15px;
  width: 29px;
  height: 8px;
  text-indent: -9000px;
  background-image: url('images/info.png');
  background-position: left top;
  background-repeat: no-repeat;
  overflow: hidden;
}
.item-info .hide-item-info {
  position: absolute;
  display: none;
  top: 2px;
  right: 2px;
  width: 6px;
  height: 0;
  padding-top: 6px;
  overflow: hidden;
  background-image: url('images/x.png');
  background-position: left top;
  background-repeat: no-repeat;
  color: transparent;
}

/* FEATURE LISTS ****************************/
ul.features {
  float: left;
  border: 1px solid #000000;
  list-style-type: none;
  margin: 2em 0;
  padding-left: 1em;
}
ul.features:after {
  display: block;
  content: ".";
  visibility: hidden;
  clear: both;
  height: 0;
}
.features ul {
}
.features h3 {
  margin: 0 0 1em;
  font-weight: normal;
  font-style: italic;
}
.features li {
  float: left;
  padding-right: 2em;
  padding-bottom: 1em;
  margin-bottom: 0;
}
.features li li {
  float: none;
  padding-right: 0;
  margin-bottom: 1em;
  padding-bottom: 0;
  list-style-type: disc;
  margin: 0.25em 0;
}


/* HOME PAGE PORTFOLIO *********************************/
.home #content {
  min-width: 915px;
}
.home #content .portfolio-content {
  max-width: 1050px;
}
.home .portfolio-list {
  float: right;
  width: 38%;
}
.home .portfolio-list li.hentry {
  width: 100px;
  height: 100px;
  margin: 0 0 5px 15px;
  float: left;
}
.home .portfolio-list .portfolio-thumbnail {
  width: 100px;
  height: 100px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.home .portfolio-list .portfolio-thumbnail a {
  display: block;
  width: 100px;
  height: 100px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(images/thumbnail-border-1.png);
}
.home .portfolio-list .portfolio-entry {
  display: none;
}

.home .portfolio-staging {
  float: left;
  min-height: 300px;
  width: 550px;
}

.home .portfolio-staging .portfolio_feature {
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 550px;
  height: 400px;
  margin-bottom: 15px;
}
.home .portfolio-staging .portfolio_feature span {
  display: block;
  background-image: url(images/large-border.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 550px;
  height: 400px;
}
.home .portfolio-staging .portfolio-content {
  margin: 0 10px;
}
.home .portfolio-staging h2 {
  font-size: 16px;
  margin-bottom: 0.5em;
}
.home .portfolio-staging .read-more {
  margin: 0.25em 0;
  font-size: 12px;
}
.home .portfolio-staging .read-more a {
  color: #F15D22;
}
.home .portfolio-staging .read-more a:hover {
  text-decoration: underline;
}