
/*
    GATEWAY THEME/BLACK
    Copyright (c) 2009, Ernesto Mendez
    http://der-design.com
*/

/* BASIS/COLORS */
body, input, textarea { color: #241e1e; }
h1, h2, h3, h4, h5, h6 { color: #241e1e; }
a { color: #d1830f; }
table thead th { color: #b9b9b9;; }
table tbody th { /* color: black; */ }
input,textarea { color: #453e3e; }
input:focus { color: #b9b9b9; }
label { color: #241e1e; }
abbr a:hover, acronym a:hover { color: black; }
input[type=submit], input[type=reset] {  color: #b9b9b9;; }
input.invalid { color: #241e1e; }
.message { color: #241e1e; }

/* BASIS/BACKGROUNDS */
ul.check li { list-style: none; padding-left: 27px;  background: url(../images/interface-black/list-style-image.png) no-repeat 0 9px; }
table thead th {background-color: #241e1e; }
table thead th:hover { background: #332d2d;}
table tbody td:hover { background: #e8e8e8; }
input:hover, textarea:hover { background: #f3f3f3; }
input:focus { background: #241e1e; }
textarea:focus { background: #f3f3f3; }
input.invalid { background: none; }
input[type=submit], input[type=reset] {  background: #241e1e;  }
.message { background: #dfdfdf; }

/* BASIS/BORDERS */
acronym, abbr { border-bottom: dashed 1px #241e1e; }
table { border: solid 1px #241e1e; }
table tbody tr { border-top: solid 1px #241e1e;  }
table tbody th, table tbody td { border-right: solid 1px #241e1e; }
input, textarea { border: solid 1px #241e1e;;  }
textarea:focus { border-right: solid 10px #241e1e; }
input.invalid { border-color: #dcddde; }
.message { border: 2px dotted #241e1e; }

/* CORE/DROPDOWN MENU */
#header ul#navigation li ul li a.alt {
    /*  Alternating Color for Menus */
    background-color: #453e3e;
}
#header ul#navigation li a {
    /*  Normal Menu Link's Color (2) */
    color: #c4af9f;
}
#header ul#navigation li a:hover {
    /*  Normal Menu Link's Color (Hover) (2) */
    color: #b19c94;
}
#header ul#navigation li a.active {
    /*  Menu Link's Active Color (3) */
    color: #241e1e;
}
#header ul#navigation li a.active:hover {
    /*  Menu Link's Active Color (Hover) (3) */
    color: #665555;
}
#header ul#navigation li ul li a {
    /*  Submenu Link Color */
    color: #ababab;
    /*  Submenu Link Background */
    background: #3a3333;
}
#header ul#navigation li ul li a:hover, #header ul#navigation li ul li.dir:hover > a {
    /*  Submenu Link's Color (Hover) */
    color: #241e1e;
    /*  Submenu Link's Background (Hover) */
    background: #c4af9f;
}

/* CORE/BACKGROUND COLORS */
#header #header-sep,
#pagination .current, #pagination a,
#page-meta .links,
#content .sidebar #search-widget form#search input.submit
{ background-color: #241e1e; }

/* FEATURED META */
#featured .meta { background: #241e1e; }
#featured .meta a.info { color: #b9b9b9; }
#featured .meta a.info:hover {}

/* COMMENTS  */
#content .posts .post .post-meta .heading a.comments { color: #b9b9b9; }
#content .posts .post .post-meta .heading a.comments:hover { color: #241e1e; }
#content .posts .post .post-meta .heading span.date { color: #241e1e; }

/* PAGINATION */
#pagination .pages { color: #a0a0a0; }
#pagination .current, #pagination a { background: #241e1e; border: solid 1px #241e1e; color: #b9b9b9; }
#pagination a:hover { background-color: #919191; color: #241e1e; border-color: #919191; }
#pagination .current { background: white; color: #241e1e; border-color: #b9b9b9; }

/* PAGE-META */
#page-meta p.description { color: #332d2d; }
#page-meta .links { background: #241e1e; border: solid 1px #241e1e; }
#page-meta .links a { color: #b9b9b9; }
#page-meta .links a:hover { background-color: #332d2d   ; }
#page-meta .links a.active { background-color: white; color: #241e1e; }
#page-meta .links a.active:hover { background-color: #f3f3f3; }

/* LINKS WIDGET */
#content .sidebar .widget ul li { color: #c4af9f; }
#content .sidebar .widget ul.check li { color: #241e1e; }
#content .sidebar .widget ul li a { color: #d1830f; }
#content .sidebar .widget ul li a:hover { color: #987e6a; }
#content .sidebar .widget ul li:hover { color: #241e1e; }

/* PORTFOLIO THUMBS */
#portfolio .wrap .thumbs .thumb .hover .heading a { color: #241e1e; }

/* COMMENTS STYLING */
#comments .comment .heading { border-bottom: solid 1px #c4af9f; }
#comments .comment .heading a.autor { color: #241e1e; }
#comments .comment .heading a.date { color: #9C9494; }
#comments .comment .heading a:hover { color: #665555; }

/* CORE/BACKGROUND IMAGES */
#interactive .email a.icon { background-image: url(../images/interface-black/email-studio.png); }
#featured .progress .bar { background-image: url(../images/interface-black/progress-bg.png); }
#interactive div { background-image: url(../images/interface-black/horizontal-separator.png); }
#interactive .email .separator { background-image: url(../images/interface-black/small-separator.png); }
#content .wrap { background-image: url(../images/interface-black/vertical-separator.png); }
#content .wrap .border-fix { background-image: url(../images/interface-black/border-fix.png); }
#content .posts .post .post-meta .heading { background-image: url(../images/interface-black/post-heading-block.png); }
#content .posts .post .post-meta .heading .top, #content .posts .post .post-meta .heading .bottom { background-image: url(../images/interface-black/post-heading-line.png); }
#content .posts .post .post-meta .heading a.comments { background-image: url(../images/interface-black/comments-bubble.png); }
#content .sidebar #search-widget form#search input.submit { background-image: url(../images/interface-black/search-icon.png); }
#footer .footer-top { background-image: url(../images/interface-black/horizontal-separator.png); }
#page-meta .border-bottom { background-image: url(../images/interface-black/horizontal-separator.png); }
#portfolio .wrap .thumbs .thumb .hover .heading { background-image: url(../images/interface-black/post-heading-line.png); }
#portfolio .wrap .thumbs .thumb .hover .heading .bottom { background-image: url(../images/interface-black/post-heading-line.png); }

/* FIXES */
#content .full-width { background: none; }
