/* Light */

/* =Colors
-------------------------------------------------------------- */

body {
    background: #F1F1F1;
    color: #424242;
}
#main {
    background: url(../images/border-horz.png) repeat-x 0 0;
}
#utility, #utility ul ul {
    background-color: #2b2b2b;
}
#utility ul ul li a:hover {
    background-color: #333;
}
#utility ul ul li {
    border-bottom: 1px solid #333;
}
#utility ul ul {
    box-shadow: 1px 1px 1px #000;
    -moz-box-shadow: 1px 1px 1px #000;
    -webkit-box-shadow: 1px 1px 1px #000;
}
#primary {
    background: url(../images/border-vert.png) repeat-y;
}
#main .widget-area .widget-title span {
    background: url(../images/arrow.png) no-repeat 100% 50%;
}
#DARK-TEXT,
a,
h1,
h2,
h3,
h4,
h5,
h6,
#main .widget-area .widget-title,
.break,
.dark-text {
    font-weight: bold;
    color: #222;
}

a:hover, a:active, a:focus {
    color: #000;
}

#utility a {
    text-shadow: 0 0 1px #000;
}

#GREY-TEXT,
#utility a,
.says,
.commentmetadata,
#site-generator,
#site-generator a,
ul.primary li,
.entry-meta,
.entry-meta a,
.grey-text {
    color: #999;
}

#WHITE-TEXT,
hr.space,
.social a:hover,
#utility #searchform input#s,
#utility #searchform input#s:hover,
#utility li:hover > a,
.white-text {
    color: #fff;
}

#TEXT-SHAWDOW-WHITE,
#branding,
#site-header,
h1.page-title,
#content nav .nav-previous,
#content nav .nav-next,
ul.primary li a,
input[type="button"],
input[type="submit"],
.button, .comment-reply-link,
.previous-image a,
.next-image a,
.breadcrumb li,
.message,
.sticky,
img[class*=align],
img[class*=wp-image-],
#content .gallery .gallery-icon img,
img.wp-post-image,
.wp-caption,
blockquote,
#utility #searchform input#s:focus,
#utility #searchform input#s.focused,
.twitter-follow,
.text-shadown-white {
    text-shadow: 1px 1px 1px #fff;
    color: #333;
}

#WHITE-BACKGROUND,
#main,
#utility #searchform input#s:focus,
#utility #searchform input#s.focused,
img[class*=align]:hover,
img[class*=wp-image-]:hover,
#content .gallery .gallery-icon img:hover,
.single-format-image img.wp-post-image:hover,
.single-portfolio img.wp-post-image:hover,
hr.space,
.button:hover,
#content nav .nav-previous:hover,
#content nav .nav-next:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.comment-reply-link:hover,
.button:focus,
#content nav .nav-previous:focus,
#content nav .nav-next:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
.comment-reply-link:focus,
.button:active,
#content nav .nav-previous:active,
#content nav .nav-next:active,
input[type="button"]:active,
input[type="submit"]:active,
.comment-reply-link:active,
.button.active,
.white-background {
    background-color: #fff;
}

#BORDER-HORIZONTAL-LIGHT,
article,
#main .widget-area .widget-title,
.break,
.border-horizontal-light {
    background: url(../images/border-horz.png) repeat-x 0 100%;
}

#NO-BG-IMG,
.no-sidebar #primary,
.no-sidebar #primary-wrap,
.post-type-archive-portfolio #primary,
.single-portfolio #primary,
.tax-instamate_type #primary,
.page-template-page-portfolio-php #primary,
.page-template-page-instagram-php #primary,
.post .notice,
#content .error404 #searchform,
#utility li.search,
.no-bg-img {
    background-image: none;
}

figure,
.breadcrumb .title,
.image-attachment .entry-content .entry-attachment {
    background-color: #eee;
}

.required,
.like-count.active:before {
    color: red;
}

/* =Shapes
-------------------------------------------------------------- */
#NO-BORDER,
abbr,
acronym,
#mode,
.breadcrumb li .children li,
th:empty,
fieldset,
img,
a img,
.entry-content .gallery a img,
hr,
#utility li,
#utility #searchform input#s:focus,
#utility #searchform input#s.focused,
.term-post-format-audio .entry-meta,
.no-border {
    border: 0;
    outline:0;
}

#LIGHT-GREY-BORDER,
#main,
#content nav .nav-previous:hover,
#content nav .nav-next:hover,
input[type="submit"]:hover,
.comment-reply-link:hover,
th,
td,
img.avatar,
#respond textarea,
#respond input[type=text],
#searchform input#s,
#secondary #searchform input#s,
#content .error404 #searchform input#s,
.light-grey-border {
    border: 1px solid #ddd;
}

#DARK-SOLID-BORDER,
#utility #searchform input#s,
.dark-solid-border {
    border:1px solid #333;
}

#SMALL-BORDER-RADIUS,
#utility #searchform input#s,
#content nav .nav-previous,
#content nav .nav-next,
input[type="button"],
input[type="submit"],
.button,
.comment-reply-link,
.previous-image a,
.next-image a,
.small-border-radius {
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}

#LIGHT_ROUND_BOX_BORDER,
#main,
#content nav .nav-previous:hover,
#content nav .nav-next:hover,
input[type="submit"]:hover,
.comment-reply-link:hover,
th,
td,
img.avatar,
#respond textarea,
#respond input[type=text],
#searchform input#s,
#secondary #searchform input#s,
#content .error404 #searchform input#s,
.message,
.sticky,
img[class*=align],
img[class*=wp-image-],
#content .gallery .gallery-icon img,
img.wp-post-image,
.wp-caption,
blockquote,
#content nav .nav-previous,
#content nav .nav-next,
input[type="button"],
input[type="submit"],
.button,
.comment-reply-link,
.previous-image a,
.next-image a,
.breadcrumb,
.light-round-box-border {
    background-color:#f5f5f5;
    background-repeat:repeat-x;
    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;
    filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.wp-caption img { border: 0 }
.portfolio img.wp-post-image {
    background-color: transparent;
    border: 0;
    background-image:0;
    -webkit-box-shadow:0;
    -moz-box-shadow:0;
    box-shadow:0;
}
#main {
    background-color: #f9f9f9;
}
#main .widget-area .widget-title, .break {
    border-top: 1px solid #ddd;
}
.breadcrumb li,
.breadcrumb .title {
    border-right:1px solid #dadada;
}

.comment-content {
    border-top: 1px dotted #ddd;
}

.button:hover, #content nav .nav-previous:hover, #content nav .nav-next:hover, input[type="button"]:hover, input[type="submit"]:hover, .comment-reply-link:hover, .button:focus, #content nav .nav-previous:focus, #content nav .nav-next:focus, input[type="button"]:focus, input[type="submit"]:focus, .comment-reply-link:focus, .button:active, #content nav .nav-previous:active, #content nav .nav-next:active, input[type="button"]:active, input[type="submit"]:active, .comment-reply-link:active, .button.active {
    border-color: #ccc;
    border-bottom-color: #bbb;
    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);
}

#main {
    -moz-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
    -webkit-box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
    box-shadow: rgba(200, 200, 200, 0.7) 0 4px 10px -1px;
}

.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;
}
tbody tr:nth-of-type(odd) {
    background: rgba(0,0,0,0.05);
}

/* =Portfolio
-------------------------------------------------------------- */

.portfolio .entry-header {
    color: #fff;
}
.grid .portfolio .entry-content {
    background:#000;
}
.portfolio .entry-content .entry-title a, .portfolios .entry-meta a {
    color:#fff;
}
.portfolio .entry-summary {
    color: #777;
}
.list .portfolio .entry-header {
    color: #222;
}
.list .portfolio .entry-content {
    background: none;
}
.list .portfolio .entry-summary {
    color: #333;
}
.list .portfolio .entry-content .entry-header a, .list .portfolio .entry-meta a {
    color:#222;
}
.list .portfolio .entry-content .entry-header .entry-meta {
    color: #bbb;
}
.list .portfolio .entry-content .entry-header .entry-meta a {
    color: #999;
}
.list .portfolio .entry-content .entry-header .entry-meta a:hover {
    color: #666;
}
.control {
    background: url(../images/mode.png);
}


/* =Tablets held in portrait orientation
-------------------------------------------------------------- */
@media screen and (max-width: 768px) {
    #primary {
        background: transparent;
    }
}

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