/**
 * @file
 * Short description
 * SyncEvolution.org Main CSS Style Sheet
 *
 * Long description
 * Custom style sheet for the SyncEvolution.org sub-theme for Zen.  
 * Also requires these style sheets:
 *   master.css  main theme styles
 *   layout.css  main layout structure
 *   forms.css   main forms styles
 *  
 */


/** 
 *  GENERAL STYLES
 */	
body {
  background-color: #E6E5DF;
  color: #4C433F;
}

/** 
 *  GENERAL LINKS
 */	
a,
a:link,
a:active,
a:visited {
  color: #08a0da;
}

a:hover,
a.active {
  color: #08a0da;
}

/* The active item in a Drupal menu */
li a.active,
.tabs li a.active {
  color: #5bc2e8;
}

#skip-link {
  display: none;
}

/** 
 *  HEADER 
 */
#logo {
  height: 108px;
  margin-left: -10px;
}

/* The name of the website */
#site-name {
  height: 80px;
  float: left;
}

#site-name a:link,
#site-name a:visited {
  background: transparent url(../images/site_name.png) no-repeat scroll top left;
  height: 51px;
  width: 254px;
}

#search-extra ul.menu li a:hover {
  color: #08a0da;
}

#search-extra ul.menu li a.active,
#search-extra ul.menu li.active-trail a {
  color: #08a0da;
}

/** 
 *  CONTENT
 */
.not-front #content-inner {
  background-color: #fff;
  border: 1px solid #F5F5F3;
  margin: 0 2px 0;
  padding: 19px;
  outline: 1px solid #E9E8E3;
  -moz-border-radius: 4px;
  -moz-outline-radius: 4px;
  -webkit-border-radius: 4px;
}

/* set pre tag to look like code from codefilter */
pre {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	padding: 5px;
  font-size: .9em;
}

code {
  display: block;
  padding: 5px;
  border: 1px solid #CCC;
  background-color: #EEE;
}

/* The path to the current page in the form of a list of links */
.breadcrumb {
  color: #4C433F;
}

.breadcrumb a,
.breadcrumb a.active {
  color: #4C433F;
}

.breadcrumb a:hover {
  color: #08a0da;
}

.breadcrumb ol {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}

.breadcrumb li {
  display: inline-block;
  margin-right: 5px;
}

.front #content-top {
  margin-top: 2em;
}

/* Content and comment headers */
h2.title a,
h2.title a:link,
h2.title a:visited,
h3.title a,
h3.title a:link,
h3.title a:visited {
  color: #4C433F;
}

#content blockquote {
  padding: 0 25px;
}

h1.title a:hover,
h2.title a:hover,
h3.title a:hover {
  color: #08a0da;
}

/* Important messages (status, warning, and error) for the user */
div.messages,
div.warning {
  border: 2px solid #08a0da;
  background-color: #FFFFCC;
}

.horizontal-rule {
  border-bottom: 1px solid #99918C;
}

/** 
 * PAGER
 */
ul.pager li a {
  color: #08a0da;
}

/* Primary links */
.region-header .block-menu-block ul.links li a:hover {
  color: #08a0da;
}

.region-header .block-menu-block ul.links li a.active,
.region-header .block-menu-block ul.links li.active-trail a,
ul.menu li.active a,
ul.menu li.active a:link,
ul.menu li.active a:visited {
  color: #08a0da;
}

/** 
 *  FOOTER
 */
#footer {
  color: #A29E99;
}

#footer a,
#footer a:link,
#footer a:active,
#footer a:visited {
  color: #E6E5E0;
}

#footer a:hover,
#footer a.active {
  color: #E6E5E0;
}

/** 
 *  LINKS 
 */
.links li.comment_add a.active {
  color: #08a0da;
}

.links li.comment_add a:hover {
  color: #08a0da;
}

.block ul.menu a,
.block .item-list ul li a {
  color: #4C433F;
}

.block ul.menu a:hover,
.block ul.menu a:hover.active,
.block ul.menu a.active,
.block .item-list ul li a:hover {
  color: #08a0da;
}

.tabs ul.menu li a,
.tabs ul.menu li a:link,
.tabs ul.menu li a:visited {
  color: #4C433F;
}

.tabs ul.menu li a:hover,
.tabs ul.menu li a.active {
  color: #08a0da;
}

/** 
 *  BLOCKS
 */
#sidebar-right .block h2.title,
#sidebar-left .block h2.title {
  background: #4C433F url(../images/block_top.png) no-repeat scroll left top;
  color: #fff;
}
#sidebar-right .block h2.block-title a,
#sidebar-left .block h2.block-title a {
  text-decoration: none;
}

#block-views-releases-block-1 {
  margin-top: 2em;
}

#block-views-Releases-block_1 h2 {
  font-size: 1.3em;
}
#sidebar-right .block-menu-block.first h2.block-title, 
#sidebar-right  #block-views-releases-block-1 h2.block-title {
  background: #08a0da url(../images/block_top_section.png) no-repeat scroll left top;
  color: #fff;
}

#sidebar-right  #block-views-releases-block-1 .views-row-odd,
#sidebar-right  #block-views-releases-block-1 .views-row-even {
  border-bottom: none;
}

/* Block's content wrapper */
#sidebar-right .block-menu-block.first .view-content, 
#sidebar-right  #block-views-releases-block-1 .view-id-Releases  {
  background-color: #fff;
  border-left: 3px solid #08a0da;
  border-right: 3px solid #08a0da;
}

#sidebar-right  #block-views-releases-block-1 .view-content {
  border: none;
}

.pager li {
  border: none;
  float: left;
}

#block-views-releases-block-1 .item-list {
  margin-left: 10px;
}

#sidebar-right .block-menu-block.first:after, 
#sidebar-right  #block-views-releases-block-1:after {
  content: '';
  background: transparent url(../images/block_bottom_section.png) no-repeat scroll left top;
}

.region-header .block-menu-block ul.menu {
    font-size: 1.1em;
}

.region-header .block-menu-block ul.menu li.active-trail:not(.active) a {
  color: inherit;
}

#sidebar-right  #block-views-releases-block-1:after {
  width: 100%;
  height: 10px;
  display: block;
}
#sidebar-right  #block-views-Releases-block_1 .views-row {
  border: none;
  margin-bottom: 0px;
  padding-bottom: 0.8em;
}

/** 
 *  TABLES
 */
table thead a:hover.active {
  color: #08a0da;
}

table th {
  border-left: 1px dotted #666;
  border-bottom: 1px solid #08a0da;
  border-top: 2px solid #08a0da;
}

td.module,
td.region {
  border-top: 2px solid #08a0da;
  background-color: #ccc;
}

/** 
 *  LISTS
 */
dl.stepprocess dt strong,
dl.faq dt strong {
  background-color: #08a0da;
  color: #fff;
}

/** 
 *  FORMS 
 */
.editor-text-button:hover,
.editor-image-button:hover {
  border-color: #08a0da;
}

input: focus,
select: focus,
textarea:focus {
  border: 1px solid #08a0da;
}

input.form-submit,
input.teaser-button {                                    /* default styling for all form buttons */
  background: transparent url(../images/blue_button.png) no-repeat left center;
  border: 1px solid #fff;
  color: #fff;
  outline: 1px solid #08a0da;
}

form.confirmation {
  border: 2px solid #08a0da;
}

#autocomplete {
  border: 1px solid #08a0da;
}

.date-heading h3 {
  color: #08a0da;
}

/** 
 *  FRONT PAGE
 */
#mission h2 {
  color: #0D98FF;
}

.front #actions-inner {
  background-color: #258dc5;
  border: 1px solid #fff;
  outline: 1px solid #08a0da;
}

#actions .block ul li {
  border-bottom: 1px solid #08a0da;
}

#actions .block a,
#actions .block a:link,
#actions .block a:active,
#actions .block a:visited {
  color: #fff;
}

#actions .block a:hover,
#actions .block a.active {
  text-decoration: underline;
}

/* Login Block */
.front #block-user-0 .form-item label {
  color: #4C433F;
}

.front #block-user-0 h2.title {
  color: #fff;
}

/* Home Right and Left Content */
.front #content .block h2.title,
.front .block h2.block-title {
  color: #08a0da;
}

.front #sidebar-left .block-views,
.front #sidebar-right .block-views {
  background-color: #fff;
  border: 1px solid #F5F5F3;
  outline: 1px solid #E9E8E3;
}

.front #sidebar-left .block .view-content {
  padding: 0;
}

.front #sidebar-left .view-featured-posts .views-field-title {
  font-size: 1.5em;
}

.front #sidebar-left .view-featured-posts .views-row-odd,
.front #sidebar-left .view-featured-posts .views-row-even {
  clear:both;
  margin-bottom:1.5em;
  padding-bottom:1em;
}

#block-views-releases-block-1 .views-row-odd,
#block-views-releases-block-1 .views-row-even {
  margin-bottom: 0;
}