/* $Id$ */

/*
+----------------------------------------------------------------+
|   Insight for Dupal 7.x - Version 1.0                          |
|   Copyright (C) 2011 Antsin.com All Rights Reserved.           |
|   @license - Copyrighted Commercial Software                   |
|----------------------------------------------------------------|
|   Theme Name: Insight                                          |
|   Description: Insight by Antsin                               |
|   Author: Antsin.com                                           |
|   Date: 12th November 2011                                     |
|   Website: http://www.antsin.com/                              |
|----------------------------------------------------------------+
|   This file may not be redistributed in whole or               |
|   significant part.                                            |
+----------------------------------------------------------------+
*/   

/*==============  style  ====================*/
a, .first-word, ul.pager li a.active, #footer a:hover, #closure a:hover, .node .meta i, .button input,
#primary ul ul li a:hover, #primary ul ul li a.active, 
#primary ul.mega-menu h3.title, #primary ul.mega-menu li.inner a, #primary ul.mega-menu li.inner li a:hover, 
.block ul.quicktabs-tabs li.active a, .block ul.quicktabs-tabs li:hover a, #newsflash h2.title, #newsflash a,
#view-multi-column h2 a {
  color: #00aeff;
  text-decoration: none;
}

/*==============  white  ====================*/
/** body **/
body {
  color: #666;
  background-color: #ebebeb;
}

h1 a, h2 a, h3 a {
  color: #666;
}

img.framed {
  padding: 5px;
  background: #ddd;
  border: 1px solid #ccc;
}

img.framed-thin {
  border: 1px solid #555;
}

.makeup-left, .makeup-right, .makeup-top, .makeup-bottom {
  background-color: #00aeff;
}

/** header **/
#header {
  background: url("../images/white/bg_header.png") repeat-x left bottom;
}

#header-lower {
  background: url("../images/white/bg_primary.png") repeat-x left 15px;
}

#header-lower-inner {
  background: url("../images/white/bg_primary_alter.png") repeat-y left top;
}

#header-lower-border-top {
  background: url("../images/white/bg_main_border.png") no-repeat left top;
}

#header-lower-border-bottom {
  background: url("../images/white/bg_main_border.png") no-repeat left bottom;
}

/** showcase **/
.showcase-container {
  border: 1px solid #fff;
}

.showcase-container div.slide-text {
  background: transparent url("../images/white/transparent_light.png") repeat scroll 0 0!important;
}

.showcase-container div.scrollable-pager div.items img {
  border: 1px solid #ccc;
}

.showcase-container div.scrollable-pager div.items div a { 
  color: #666;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #d9d9d9;
  padding: 13px 10px 15px 10px; 
  background-color: #e6e6e6;
}

.showcase-container div.scrollable-pager div.scrollable-pager-item-1 a { 
  border-top: none;
}

.showcase-container div.scrollable-pager div.items .active a, 
.showcase-container div.scrollable-pager div.items a:hover {
  color: #00aeff;
  text-decoration: none;
}

.showcase-container div.scrollable-pager div.items .active img,
.showcase-container div.scrollable-pager div.items a:hover img {
  border: 1px solid #00aeff;
}

.showcase-container div.scrollable-pager div.items .active .arrow,
.showcase-container div.scrollable-pager div.items div.arrow:hover {  
  background: url("../images/white/bg_arrow.png") no-repeat left 35px;
}

.showcase-container div.scrollable-pager div.items div .pager-text {
  color: #888;
}

.showcase-container div.scrollable-pager div.items .active a .pager-text,
.showcase-container div.scrollable-pager div.items a:hover .pager-text {
  color: #666;
}

/** main **/
#main-wrapper {
  background: #f2f2f2 url("../images/white/bg_main_wrapper.png") repeat-x left bottom;
}

#main-inner {
  padding: 2px 10px 6px 10px;
  background: #dedede url("../images/white/bg_main.png") repeat-y left top;
}

#main-border-top {
  background: url("../images/white/bg_main_border.png") no-repeat center top;
}

#main-border-bottom {
  height: 5px;
  background: url("../images/white/bg_main_border.png") no-repeat center bottom;
}

/** footer & closure **/
#footer, #closure {
  background-color: #ebebeb;
}

#footer-inner {
  border-bottom: 1px solid #ddd;
}

#footer h2, #footer a, #closure a {
  color: #666;
}

/** nodes **/
.node .meta {
  border-bottom: 1px dotted #bbb;
}

/** blog **/
.node.node-blog {
  border-top: 1px dotted #bbb;
}

.node.node-blog .date {
  border-right: 1px dotted #bbb;
}

/** comments **/
#comments h3.title a {
  color: #666;
}

#comments h2, #comments .comment {
  border-bottom: 1px dotted #bbb;
}

#comments .comment .user-picture  {
  border-right: 1px dotted #bbb;
}

#comments .comment .user-picture img {
  background: #ddd;
  border: 1px solid #ccc;
}

#comments .form-text, #comments .form-textarea {
  color: #666;
  border: 1px solid #c5c5c5;
  background-color: #dedede;
}

.resizable-textarea .grippie {
  border-color: #c5c5c5;
  background-color: #ddd;
}

#comments .captcha, #comments fieldset {
  border: 1px solid #c5c5c5;
}

/** block **/
.block, #content-main {
  border: 1px solid #c5c5c5;
}

.block-inner, #content-main-inner {
  border: 1px solid #fff;
  background-color: #f5f5f5;
}

#header-blocks .block-inner {
  background-color: #ebebeb;
}

.block .block-title {
  margin: -2px -1px 0 -1px;
  background: url("../images/white/bg_block_header.png") repeat-x left -36px;
}

.block .makeup-left {
  background: url("../images/white/bg_block_header.png") no-repeat -5px top;
}

.block .makeup-right {
  background: url("../images/white/bg_block_header.png") no-repeat left top;
}

.block ul li, .block ol li {
  border-bottom: 1px solid #eee;
}

.block li a:hover, .block li a.active {
  color: #666;
}

/** pager **/
ul.pager li {
  border: 1px solid #ddd;
}

/** sidebar **/
#sidebar-right .block h2.title, #content-bottom .block h2.title, #main-bottom .block h2.title {
  border-bottom: 1px solid #00aeff;
}

#sidebar-right .first-word, #content-bottom .first-word, #main-bottom .first-word {
  color: #fff;
}

#sidebar-right .block .makeup-left, #content-bottom .block .makeup-left, #main-bottom .block .makeup-left {
  background: url("../images/white/bg_block_header.png") no-repeat -5px top;
}

#sidebar-right .block .makeup-right, #content-bottom .block .makeup-right, #main-bottom .block .makeup-right {
  background: url("../images/white/bg_block_header.png") no-repeat right top;
}

#sidebar-right .block .block-title, #content-bottom .block .block-title, #main-bottom .block .block-title {
  background: url("../images/white/bg_block_header.png") repeat-x left bottom;
}

/** view **/
#view-multi-column .vmc-row {
  border-bottom: 1px solid #ddd;
}

#view-multi-column.double-column .vmc-column, 
#view-multi-column.triple-column .vmc-column {
  border-right: 1px solid #ddd;
}

#view-multi-column .vmc-column ul li a {
  color: #666;
}

/** quick tab **/
ul.quicktabs-tabs li {
  background-color: #aaa;
}

ul.quicktabs-tabs li.active, ul.quicktabs-tabs li:hover {
  background-color: #888;
}

.block ul.quicktabs-tabs li a {
  color: #fff;
}

/** jcarousel **/
.boxgrid { 
  color: #fff;
  border: 5px solid #ddd;
}

.boxgrid h3 a {
  color: #fff;
}

.boxgrid h3 a:hover {
  color: #666;
}

.boxcaption {
  background: url("../images/white/transparent_light.png");
}

/** search **/
#search .form-text, .block-search .form-text {
  color: #fff;
  border: 1px solid #eee;
  background-color: transparent;
}

.block-search .form-text {
  width: 95%;
}

/** login **/
#user-login-form .form-text {
  color: #fff;
  border: 1px solid #363539;
  background-color: #2B2A2E;
}

/** menu **/
#secondary {
  background: url("../images/white/bg_secondary_corner.png") no-repeat left top;
}

#secondary-inner-wrapper {
  background: url("../images/white/bg_secondary_corner.png") no-repeat right top;
}

#secondary-inner {
  background: url("../images/white/bg_secondary.png") repeat-x left top;
}

#primary ul.menu li, #primary ul.mega-menu li.mega {
  background: url("../images/white/bg_primary_divider.png") no-repeat right top;
}

/*==============  blue  ====================*/
/** header **/
#header-blocks {
  float: right; 
  text-align:right;
  width: 420px;
  margin: 15px 0;
  border-left: 1px dotted #00aeff;
}

/** showcase **/
#showcase div.prev {
  background: url("../images/white/blue/bg_navigator.png") no-repeat left top;
}

#showcase div.prev:hover {
  background: url("../images/white/blue/bg_navigator.png") no-repeat left -23px;
}

#showcase div.next {  
  background: url("../images/white/blue/bg_navigator.png") no-repeat right top;
}

#showcase div.next:hover {  
  background: url("../images/white/blue/bg_navigator.png") no-repeat right -23px;
}

#showcase div.navi a, .coda-nav ul li a {
  background: url("../images/white/blue/bg_navigator.png") no-repeat right bottom;
}

#showcase div.navi a:hover, #showcase div.navi a.active, .coda-nav ul li a:hover, .coda-nav ul li a.current {
  background: url("../images/white/blue/bg_navigator.png") no-repeat left bottom;
}

/** slider **/
#newsflash h2.title {
  border-left: 1px dotted #00aeff;
}

#newsflash #coda-nav-left-1 a, a.jcarousel-prev {
  background: url("../images/white/blue/bg_navigator.png") no-repeat left -46px;
}

#newsflash #coda-nav-left-1 a:hover, a.jcarousel-prev:hover {
  background: url("../images/white/blue/bg_navigator.png") no-repeat left -69px;
}

#newsflash #coda-nav-right-1 a, a.jcarousel-next {  
  background: url("../images/white/blue/bg_navigator.png") no-repeat right -46px;
}

#newsflash #coda-nav-right-1 a:hover, a.jcarousel-next:hover {  
  background: url("../images/white/blue/bg_navigator.png") no-repeat right -69px;
}

/** block **/
.block h2.title {
  color: #fff;
  background: url("../images/white/blue/bg_block_title.png") no-repeat right top;
}

/** sidebar **/
#sidebar-right .block .makeup-arrow, #content-bottom .block .makeup-arrow, #main-bottom .block .makeup-arrow {
  height: 10px;
  background: url("../images/white/blue/bg_arrow_down.png") no-repeat left top;
}

/** view **/
#view-multi-column .vmc-column ul li {
  background: url("../images/white/blue/list_square.png") no-repeat left 11px;  
}

/** button **/
.button input {
  background-color: #666;
}

.button input:hover {
  background-color: #aaa;
}

/*==============  menu  =====================*/
/* first level */
#primary ul li a {
  color: #666;
}

#primary ul li a:hover, #primary ul li a.active, #primary ul li.hover a {
  border-bottom: 1px solid #00aeff;
}

#primary ul.menu li.expanded.sfHover a, #primary ul.mega-menu li.expanded.sfHover a {
  padding: 12px 20px 13px 20px;
  border-top: 1px solid #fff;
  border-bottom: none;
  background-color: #ececec; 
  background-image: none; 
}

#primary ul li a.active {
  background: url("../images/white/blue/bg_arrow_up.png") no-repeat center bottom;
}

/* second level */
#primary ul.menu ul, #primary ul.mega-menu ul.mega-menu-sub {
  border: 1px solid #e1e1e1;
  border-left: none;
  background-color: #ececec;
}

#primary ul.menu ul li {
  border-bottom: 1px solid #e1e1e1;
  background: transparent url("../images/white/blue/list_square.png") no-repeat 5px 15px; 
}

#primary ul.mega-menu ul li {
  background: transparent url("../images/white/blue/list_square.png") no-repeat left 13px; 
}

#primary ul.menu ul li a:hover, #primary ul.menu ul li a.active {
  color: #00aeff !important;
}

#primary ul.mega-menu li.inner a:hover, #primary ul.mega-menu li.inner li a {
  color: #666;
}

#primary ul.mega-menu div.field-item-1 {
  background-color: #e6e6e6;
}

#primary ul.mega-menu div.field-item-2 {
  background-color: #e0e0e0;
}

#primary ul.mega-menu div.field-item-3 {
  background-color: #dadada;
}