/*
    GATEWAY THEME/BLUE
    Copyright (c) 2009, Ernesto Mendez
    http://der-design.com
*/

/* BASIS/COLORS */
body, input, textarea { color: #241e1e; }
h1, h2, h3, h4, h5, h6 { color: #018aff; }
a { color: #0079eb; }
table thead th { color: white;; }
table tbody th { /* color: black; */ }
input,textarea { color: #453e3e; }
input:focus { color: white; }
label { color: #018aff; }
abbr a:hover, acronym a:hover { color: black; }
input[type=submit], input[type=reset] {  color: white; }
input.invalid { color: #018aff; }
.message { color: #018aff; }

/* BASIS/BACKGROUNDS */
ul.check li { list-style: none; padding-left: 27px;  background: url(../images/interface-blue/list-style-image.png) no-repeat 0 9px; }
table thead th {background-color: #018aff; }
table thead th:hover { background: #2c96ff; }
table tbody td:hover { background: #e8e8e8; }
input:hover, textarea:hover { background: #f3f3f3; }
input:focus { background: #018aff; }
textarea:focus { background: #f3f3f3; }
input.invalid { background: none; }
input[type=submit], input[type=reset] {  background: #018aff;  }
input[type=submit]:hover, input[type=reset]:hover { background: #2c96ff; }
.message { background: #e0f0ff; }

/* BASIS/BORDERS */
acronym, abbr { border-bottom: dashed 1px #018aff; }
table { border: solid 1px #018aff; }
table tbody tr { border-top: solid 1px #018aff;  }
table tbody th, table tbody td { border-right: solid 1px #018aff; }
input, textarea { border: solid 1px #018aff;;  }
textarea:focus { border-right: solid 10px #018aff; }
input.invalid { border-color: #dcddde; }
.message { border: 2px dotted #018aff; }


/* CORE/DROPDOWN MENU */
#header ul#navigation li ul li a.alt {
	/*  Alternating Color for Menus */
	background-color: #d9dde0;
}
#header ul#navigation li a {
	/*  Normal Menu Link's Color (2) */
	color: #81d2f8;
}
#header ul#navigation li a:hover {
	/*  Normal Menu Link's Color (Hover) (2) */
	color: #5ec3f2;
}
#header ul#navigation li.current_page_item > a {
	/*  Menu Link's Active Color (3) */
	color: #018aff;
}
#header ul#navigation li ul li.current_page_item > a { color: #525d62;  }
#header ul#navigation li ul li a {
	/*  Submenu Link Color */
	color: #525d62;
	/*  Submenu Link Background */
	background: #e2e7ea;
}
#header ul#navigation li ul li a:hover, #header ul#navigation li ul li.dir:hover > a {
	/*  Submenu Link's Color (Hover) */
	color: white;
	/*  Submenu Link's Background (Hover) */
	background: #57afff;
}

/* CORE/BACKGROUND COLORS */
#header #header-sep { background-color: #00c9fd; }
#pagination .current, #pagination a,
#page-meta .links,
#content .sidebar #search-widget form#search input.submit,
#footer-widgets #search-widget input.submit
{ background-color: #018aff; }

/* FEATURED META */
#featured .meta { background: #e2e7ea; }
#featured .meta a.info { color: #0070e1; }
#featured .meta a.info:hover {}

/* COMMENTS  */
#content .posts .post .post-meta .heading a.comments { color: white; }
#content .posts .post .post-meta .heading a.comments:hover { color: white; }
#content .posts .post .post-meta .heading span.date { color: #018aff; }

/* PAGINATION */
#pagination .pages { color: #9C9494; }
#pagination .current, #pagination a { background: #018aff; border: solid 1px #018aff; color: white; }
#pagination a:hover { background-color: #60b6ff; color: white; border-color: #60b6ff; }
#pagination .current { background: white; color: #018aff; border-color: #018aff; }

/* PAGE-META */
#page-meta p.description { color: #332d2d; }
#page-meta .links { background: #018aff; border: solid 1px #018aff; }
#page-meta .links a { color: white; }
#page-meta .links a:hover { background-color: #2c96ff; }
#page-meta .links li.current_page_item > a { background-color: white; color: #018aff; }
#page-meta .links a.active:hover {  }

/* LINKS WIDGET */
#content .sidebar .widget ul li { color: #81d2f8; }
#content .sidebar .widget ul.check li {  }
#content .sidebar .widget ul li a { color: #018aff; }
#content .sidebar .widget ul li a:hover { color: #0072e4; }
#content .sidebar .widget ul li:hover {  }

/* PORTFOLIO THUMBS */
#portfolio .wrap .thumbs .thumb .hover .heading a { color: #018aff; }

#content .posts .post .post-meta .heading span.date a { color: #018aff; }

/* COMMENTS STYLING */
#comments .comment-author { padding-bottom: 4px; border-bottom: solid 1px #018aff; }
#comments .comment-author cite.fn, #comments .comment-author cite.fn a { color: #018aff; }
#comments .comment-author cite.fn a:hover { color: #665555; }
#comments .comment-author-admin, #comments .comment-author-admin img.avatar { background: #f1f1f1;}
#comments #comments-heading { border-color: #018aff;}


/* CORE/BACKGROUND IMAGES */
#interactive .email a.icon { background-image: url(../images/interface-blue/email-studio.png); }
#featured .progress .bar { background-image: url(../images/interface-blue/progress-bg.png); }
#interactive div { background-image: url(../images/interface-blue/horizontal-separator.png); }
#interactive .email .separator { background-image: url(../images/interface-blue/small-separator.png); }
#content .wrap { background-image: url(../images/interface-blue/vertical-separator.png); }
#content .wrap .border-fix { background-image: url(../images/interface-blue/border-fix.png); }
#content .posts .post .post-meta .heading { background-image: url(../images/interface-blue/post-heading-block.png); }
#content .posts .post .post-meta .heading .top, #content .posts .post .post-meta .heading .bottom { background-image: url(../images/interface-blue/post-heading-line.png); }
#content .posts .post .post-meta .heading a.comments { background-image: url(../images/interface-blue/comments-bubble.png); }
#content .sidebar #search-widget form#search input.submit { background-image: url(../images/interface-blue/search-icon.png); }
#footer .footer-top { background-image: url(../images/interface-blue/horizontal-separator.png); }
#page-meta .border-bottom { background-image: url(../images/interface-blue/horizontal-separator.png); }
#portfolio .wrap .thumbs .thumb .hover .heading { background-image: url(../images/interface-blue/post-heading-line.png); }
#portfolio .wrap .thumbs .thumb .hover .heading .bottom { background-image: url(../images/interface-blue/post-heading-line.png); }

/* FIXES */
#content .full-width { background: none; }

/* SEARCH */
#content .full-width form#search input.submit { background-color: #018aff; }

/* EXTRA */
p.tagslist { background-color: #eeeeee;}