/*
------------------------------------------------------------
    Peak for Drupal 7.x - Version 1.1                           
    Copyright (C) 2012 esors.com All Rights Reserved.           
    @license - Copyrighted Commercial Software                   
------------------------------------------------------------
    Theme Name: Peak                                            
    Author: ESORS                                           
    Date: 25th July 2012                                        
    Website: http://www.esors.com/                              
------------------------------------------------------------
    This file may not be redistributed in whole or   
    significant part.                                            
------------------------------------------------------------*/   


/*  Style
------------------------------------------------------------*/
a, ul.pager li a.active, #footer a:hover, #closure a:hover, .node .meta i, .button input,
.block ul.quicktabs-tabs li.active a, .block ul.quicktabs-tabs li:hover a {
  color: #748DC7;
  text-decoration: none;
}

/*  White
------------------------------------------------------------*/
/*  Body
------------------------------*/
body {
  color: #666;
  background-color: #fff;
}

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

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

img.framed, .default-image.framed img {
 background: #f5f5f5;
 }

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

/*  Main
------------------------------*/
#main-wrapper {
  background: #fff url("../images/white/bg_header.jpg") repeat-x left -170px;
}

#main {
  background: url("../images/white/bg_main.jpg") repeat-x left bottom;
}

#main-inner {
  background: url("../images/white/bg_main_inner.jpg") no-repeat center -56px;
}

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

.two-sidebars #main-middle {
  background: url("../images/white/bg_dot_v.png") repeat-y 660px top;
}

.sidebar-second #main-middle {
  background: url("../images/white/bg_dot_v.png") repeat-y 640px top;
}

/*  nodes
---------------*/
.node .meta {
  background-color: #eee;
}

.node .meta:hover {
  background-color: #ebebeb;
}

/*  blog
---------------*/
.node.node-blog .day {
  color: #fff;
  background-color: #666;
}

.node.node-blog .month-year {
  border: 1px solid #eee;
  border-left: none;
  background-color: #f5f5f5;
}

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

#comments .comment .content {
  border: 1px solid #eee;
  background-color: #f5f5f5;
}

#comments .comment .user-picture  {
  border: 1px solid #eee;
  background-color: #f5f5f5;
}

#comments .comment .links {
  background-color: #eee;
}

#comments #comment-form {
  background-color: #eee;
}

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

.resizable-textarea .grippie {
  border-color: #e6e6e6;
  background-color: #f5f5f5;
}

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

/*  pager 
---------------*/
ul.pager li {
  background-color: #eee;
}

ul.pager li:hover {
  background-color: #ebebeb;
}

/*  breadcrumb
---------------*/
#search-breadcrumb {
  margin-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
}

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

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

/*  main blocks 
---------------*/
#main-top {
  border-bottom: 1px solid #e6e6e6;
}

#main-bottom .block {
  border: 1px solid #e6e6e6;
}

#main-bottom .block h2.title {
  background-color: #fff;
}

/*  sidebar blocks 
---------------*/
#sidebar-left .block {
  border-left: 3px solid #666;
}

#sidebar-right .block {
  border-bottom: 1px solid #fff;
  background: url("../images/white/bg_dot_h.png") repeat-x left bottom;
}

#sidebar-right .block-inner {
  border: 1px solid #eee;
  background-color: #f5f5f5;
}

/*  footer & closure 
---------------*/
#footer {
  border-bottom: 1px solid #ddd;
  background: url("../images/white/bg_header.jpg") repeat-x left -80px;
}

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

#closure {
  border: 1px solid #ddd;
  border-bottom: none;
}

/*  Latest Post 
------------------------------*/
.latest-news ul {
  border-top: 1px solid #eee;
}

.latest-news h3 {
  border-left: 1px dotted #ddd;
}

/*  Quick Tab 
------------------------------*/
ul.quicktabs-tabs {
  background-color: #666;
}

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

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

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

/*  Search
------------------------------*/
#search {
  border-left: 1px dotted #ddd;
}

#search .form-text, .block-search .form-text {
  border: 1px solid #eee;
}

/*  Login
------------------------------*/
#user-login-form .form-text {
  border: 1px solid #eee;
  background-color: #f5f5f5;
}

/*  Button
------------------------------*/
.button input, .read-more-alter a {
/* nf color and button corners change */
  background-color: #d8d6fc;
}

.button input:hover, .read-more-alter a:hover {
  background-color: #fcd7cf;
}

/*  Primary Menu
------------------------------*/
#primary ul.menu ul {
  border: 1px solid #c6c6c6;
  border-top: none;
  background-color: #f5f5f5;
}

#primary ul.menu ul li.first {
  border-top: 1px solid #fff;
}

#primary ul.menu ul li a, #primary ul.menu ul li.expanded a {
  color: #666;
  background-color: #eee;
}

/*  Blue
------------------------------------------------------------*/
/*  Showcase 
------------------------------*/
#showcase .kwicks li .read-more a {
  background-color: #00aeff;
}

#showcase .kwicks li .read-more a:hover {
  color: #00aeff;
  background-color: #666 !important;
}

/*  pager
---------------*/
#showcase div.nivo-controlNav a {
  background: transparent url("../images/white/blue/bg_pager.png") repeat-y left top;
}

#showcase .nivo-caption p .read-more a {
  background: #00aeff url("../images/white/blue/bg_pager.png") no-repeat center -57px;
}

/*  Main
------------------------------*/
/*  blog
---------------*/
.node.node-blog .meta .read-more a {
  background: url("../images/white/blue/bg_arrow.png") no-repeat right 1px;
}

/*  Latest Post 
------------------------------*/
.latest-news .date {
  color: #00aeff;
  background-color: #eee;
}

.latest-news h3 a {
  background: url("../images/white/blue/bg_arrow.png") no-repeat right top;
}

.latest-news h3 a:hover, .latest-news h3 a.selected {
  color: #00aeff;
  background: url("../images/white/blue/bg_arrow.png") no-repeat right bottom;
}

/*  Primary Menu
------------------------------*/
/*  first level
---------------*/
#primary ul li a {
  color: #666;
  background: url("../images/white/blue/bg_menu.png") no-repeat right -70px;
}

#primary ul li a:hover, #primary ul li a.active, #primary ul li.sfHover a {
  color: #fff;
  background: url("../images/white/blue/bg_menu.png") repeat-x left top;
}

#primary ul li a:hover span, #primary ul li a.active span, #primary ul li.sfHover a span {
  background: url("../images/white/blue/bg_menu.png") no-repeat left -140px;
}

#primary ul li a:hover span span, #primary ul li a.active span span, #primary ul li.sfHover a span span {
  background: url("../images/white/blue/bg_menu.png") no-repeat right -210px;
}

/*  second level
---------------*/
#primary ul.menu ul li a:hover, #primary ul.menu ul li a.active {
  color: #00aeff !important;
  background-color: #ebebeb;
}

/*  Typography
------------------------------------------------------------*/
h1.typo-border, h2.typo-border, h3.typo-border {
  border-bottom: 1px solid #eee;
}

blockquote.typo-inset-left, blockquote.typo-inset-right {
  border-bottom:1px solid #eee;
  border-top:1px solid #eee;
}

pre.typo-code {
  border-top: 5px solid #ebebeb;
  border-bottom: 5px solid #ebebeb;
}

.typo-alert, .typo-announcement, .typo-check, .typo-comment, .typo-contact, .typo-favorite, .typo-stop, .typo-tip {
  border: 1px solid #eee;
}