/* Default Light */

body {
    background: #eee;
    color: #424242;
}
#page {
    background: #fff;
}
#secondary  {
    color: #777;
}
#secondary .widget-area .widget-title {
    color: #333;
}
#secondary .widget {
    border-bottom: 1px dotted #ccc;
}
figure {
    background-color: #eee;
}
a {
	color: #555;
}
.entry-content a, .comment-content a {
    color: #999;
}
.nav-previous a, .nav-next a {
    color: #777;
}
a:hover, a:active {
    color: #222;
}
mark {
    background: #ffc;
}
.entry-meta {
    color: #999;
}
.entry-meta a {
    color: #999;
}
.entry-meta a:hover {
    color: #666;
}
.grid .entry-meta a:hover {
    color: #ccc;
}
hr {
    background: #ddd;
    color: #ddd;
}
hr.space {
    background: #fff;
    color: #fff;
}
.sticky {
    background-color: #ffffcc;
}
.sticky:before {
    border-color: #cccc99 #fff;
    -webkit-box-shadow:0 1px 0px rgba(0,0,0,0.2), -1px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow:0 1px 0px rgba(0,0,0,0.2), -1px 1px 1px rgba(0,0,0,0.1);
    box-shadow:0 1px 0px rgba(0,0,0,0.2), -1px 1px 1px rgba(0,0,0,0.1);
}
.wp-caption {
   background-color:#f5f5f5;
   background-image:0 to(#f5f5f5));
   background-image:0 color-stop(100%,#f5f5f5));
   background-image:linear-gradient(top,#ffffff,#f5f5f5);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
   border:1px solid #ddd;
   -webkit-box-shadow:inset 0 1px 0 #ffffff;
   -moz-box-shadow:inset 0 1px 0 #ffffff;
   box-shadow:inset 0 1px 0 #ffffff;
   text-shadow: 1px 1px 1px #ffffff;
   filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
blockquote {
    background: #eee;
    border-left: 5px solid #7a7a7a;
}


/* =Header
-------------------------------------------------------------- */

#site-title a {
    color: #333;
}
#site-description {
    color: #999;
}
#site-intro {
    border-bottom: 5px solid #666;
}
#branding hgroup {
    border-bottom: 1px dotted #ccc;
}

/* =Menu
-------------------------------------------------------------- */
#access {
    border-bottom: 1px dotted #ccc;
}
#access ul ul,
.widget .menu ul {
    background: #f9f9f9;
    border-top: 1px dotted #ccc;
}
#access ul ul a, #access ul ul ul a,
.widget .menu ul a, .widget .menu ul ul a {
    color: #7a7a7a;
}
#access li:hover > a,
.widget .menu li:hover > a {
    color: #000;
}
#access ul ul a:hover,
.widget .menu ul a:hover {
    color: #000;
}
#access li.parent > a:after {
    border-top: 4px solid #fff;
}
#access ul ul li.parent > a:after {
    border-left: 4px solid #3d3d3d;
}
.menu-top-menu a {
    color: #999;
}
.has-header-image .menu-top-menu a {
    color: #424242;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, .5);
}
.menu-top-menu a:hover {
    color: #666;
}
.has-header-image .menu-top-menu a:hover {
    color: #000;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, .8);
}
/* social icons */
.menu-top-menu li.facebook a,
.menu-top-menu li.twitter a,
.menu-top-menu li.rss a,
.menu-top-menu li.vimeo a {
    background-image: url(../images/icons.png);
}
.caret {
  border-top: 4px solid #000;
}

/* =Content
-------------------------------------------------------------- */
.control {
    background: url(../images/mode.png);
}
article {
    background: #ffffff;
    border-bottom: 5px solid #ddd;
}
article h1.entry-title a,
article h2.entry-title a {
    color: #222;
}
article h1.entry-title a:hover,
article h2.entry-title a:hover {
    color: #666;
}
h1.page-title,
h1.entry-title {
    border-bottom: 5px solid #666666;
}
article .entry-meta {
    border-top: 1px dotted #ddd;
}
article.portfolio .entry-meta {
    border: none;
}
.post-format-content .quote p.quote-author {
    color: #bbb;
}
.list .portfolio {
    border-bottom: 1px solid #eee;
}
.portfolio .entry-header {
    color: #fff;
}
.portfolio .entry-content {
    background: #000;
}
.portfolio .entry-content .entry-title a {
    color: #fff;
}
.portfolio .entry-summary {
    color: #777;
}
.list .portfolio .entry-header, .single-portfolio .portfolio .entry-header {
    color: #222;
}
.list .portfolio .entry-content, .single-portfolio .portfolio .entry-content {
    background: none;
}
.list .portfolio .entry-summary, .single-portfolio .portfolio .entry-summary {
    color: #333;
}
.list .portfolio .entry-content .entry-header a, .single-portfolio .portfolio .entry-header a {
    color:#222;
}
.list .portfolio .entry-content .entry-header .entry-meta, .single-portfolio .portfolio .entry-meta {
    color: #bbb;
}
.list .portfolio .entry-content .entry-header .entry-meta a, .single-portfolio .portfolio .entry-meta a {
    color: #999;
}
.list .portfolio .entry-content .entry-header .entry-meta a:hover, .single-portfolio .portfolio .entry-meta a:hover {
    color: #666;
}
.wp-caption {
    background: #f5f5f5;
}

/* =Search
-------------------------------------------------------------- */
#searchform input#s {
    color: #697378;
    background: url(../images/search.png) 97% center no-repeat #fff;
    border: 1px solid #ddd;
}

/* =Comments
-------------------------------------------------------------- */
.required {
    color: #cc0033;
}
#respond input[type=text] {
    border: 1px solid #ccc;
    color: #697378;
}
#respond textarea {
    border: 1px solid #ccc;
    color: #697378;
}
.commentlist article {
    border-width: 1px;
}
.commentmetadata {
    color: #999;
}
img.avatar {
    border: 1px solid #ddd;
}
.bypostauthor .avatar {
    border-color:#222;
}
.comment-author-admin article {
    background-color: #ffffcc;
}
.comment .avatar {
    background:#eaeaea;
}
.comment-meta a {
    color:#9fa2a6;
}
.comment-meta a:hover {
    color:#555;
}
#respond {
    text-shadow:0 1px 0 rgba(255,255,255,1);
}
#commentform label span {
    color:#fa6274;
}
.commentlist {
    text-shadow:0 1px 0 rgba(255,255,255,1);
}
#comments-title {
    border-bottom: 1px solid #666;
    border-top: 3px solid #666;
}
.comment .comment-reply-link  {
    color: #bbb;
}
.commentlist .pingback {
    border-bottom: 1px solid #ddd;
}

/* =Messages
-------------------------------------------------------------- */
.message {
    border: 1px solid #ccc;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
}
.error {
    border-color: #fb5766;
    background-color: #fab;
}
.success {
    border-color: #83ba77;
    background-color: #d1feba;
}
.info {
    border-color: #85a5be;
    background-color: #c4dbec;
}
.warning {
    border-color: #d8d566;
    background-color: #fef8c4;
}

/* Tables
-------------------------------------------------------------- */

tbody tr:nth-of-type(odd) {
    background: rgba(0,0,0,0.05);
}
table, th, td {
    border: 1px solid #ccc;
}

/* =Footer
-------------------------------------------------------------- */
#site-generator {
    color: #999;
    border-top: 1px dotted #ccc;
}
#site-generator a {
    color: #666;
}
#colophon aside {
    border-top: 1px dotted #ccc;
}

/* =Buttons
-------------------------------------------------------------- */
#primary nav .nav-previous a,
#primary nav .nav-next a,
input[type="button"], input[type="submit"], .button, .previous-image a, .next-image a {
    border: 1px solid #d4d4d4;
    color: #333;
    background-color: #ececec;
}
.button:hover, #primary nav .nav-previous a:hover, #primary nav .nav-next a:hover, input[type="button"]:hover, input[type="submit"]:hover, .button:focus, #primary nav .nav-previous a:focus, #primary nav .nav-next a:focus, input[type="button"]:focus, input[type="submit"]:focus, .button:active, #primary nav .nav-previous a:active, #primary nav .nav-next a:active, input[type="button"]:active, input[type="submit"]:active, .button.active, {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#fff));
    background-image: -moz-linear-gradient(#eee, #fff);
    background-image: -o-linear-gradient(#eee, #fff);
    background-image: linear-gradient(#eee, #fff);
}
#primary nav .nav-previous a:hover, #primary nav .nav-next a:hover, input[type="submit"]:hover   {
    border: 1px solid #bbb;
}


/* =Tablets held in portrait orientation
-------------------------------------------------------------- */
@media screen and (max-width: 768px) {
    #site-title a, #site-title a img {
        color: #383d43 !important;
    }
    #secondary .widget-area .widget-title {
        color: #4c5357;
    }
    #access li a {
        border-bottom: 1px dotted #ededed;
    }
    #access li:first-child a {
        border-top: 1px dotted #ededed;
    }
    #access li a:hover {
        background-color: #f9f9f9;
    }
    #secondary, #colophon {
        border-top: 5px solid #ccc;
    }
}

/* =Mobile
-------------------------------------------------------------- */
@media screen and (max-width: 520px) {
    .portfolio .entry-content {
        background: #000;
    }
}