/*
 Theme Name:   OI-2015.07
 Theme URI:    http://www.openindiana.ninja/
 Description:  OpenIndiana Theme
 Author:       Aurélien Larcher
 Author URI:   https://github.com/alarcher
 Template:     catch-responsive
 Version:      0.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         openindiana, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  catch-responsive-child
*/

#masthead .sidebar-header-right input.search-field { display: none; }

aside.sidebar:nth-child(3) { padding : 0; }

/*--------------------------------------------------------------
2. Typography
--------------------------------------------------------------*/

html {
  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
	font-size: 16px;
}

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
	font-size: 75%;
	line-height: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: "Droid Sans",sans-serif;
}

h1 {
	font-size: 2.2em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.17em;
  font-weight: bold;
  color: #355AA3;
/*color: #5174B8; */
/*color: #055695; */
  margin-top: 1.28205em;
  margin-bottom: 1.28205em;
}

h4 {
	font-size: 1em;
  font-weight: bold;
}

h5 {
	font-size: 0.83em;
}

h6 {
	font-size: 0.67em;
}

p {
  font-size: 1em;
}

pre {
	background: #314159;
  color: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 1.17em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	max-width: 100%;
	overflow: auto;
	padding: 1em;
}

code,
kbd,
tt,
var {
	font: 1em Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

#feature-slider .cycle-pager span {
  font-size: 2em;
}

#feature-slider .cycle-prev:before,
#feature-slider .cycle-next:before {
  font-size: 30px;
  line-height: 30px;
}

.site-title {
  font-size: 40px;
  /* font-weight: bold; */
  font-family: "Droid Sans",sans-serif;
}

.site-description {
  font-size: 14px;
  font-family: "Droid Sans",sans-serif;
}

.entry-title,
#promotion-message h2,
#featured-content #featured-heading {
	font-size: 2em;
}

#scrollup:before {
	font-size: 1.5em;
}

#featured-content .entry-title,
.archive-post-wrap .entry-title {
	font-size: 1.5em;
}

.comments-title,
.genericon:before {
  font-size: 1.17em;
}

.entry-meta span a:before {
	font-size: 1.17em;
}

.catchresponsive-nav-menu .sub-menu a,
.catchresponsive-nav-menu .children a,
.sidebar-header-right .widget_nav_menu .sub-menu a,
#breadcrumb-list .wrapper,
.entry-meta,
.site-description,
#secondary .widget-area, 
#colophon .widget-area {
	font-size: 100%;
}

#nav-below .wp-pagenavi a, 
#nav-below .wp-pagenavi span,
.page-links span {
	font-size: 1em;
	line-height: 24px;
}

#site-generator {
    font-size: 0.875em;
}

.widget_calendar #wp-calendar caption {
	font-size: 0.875em;
	font-weight: 500;
}

.hentry {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;	
}

/*--------------------------------------------------------------
3. Elements
--------------------------------------------------------------*/

a {
	color: #077EDA;
	cursor: pointer;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #404040;
	outline: none;
	text-decoration: underline;
}

/*--------------------------------------------------------------
4. Padding/Margin
--------------------------------------------------------------*/

#masthead {
	padding: 0;
  color: #ffffff;
  background-color: #444245;
  background: url(./images/banners/oiblue200.jpg);
}

#site-branding {
	padding: 10px;
}

#site-branding,
#promotion-message .section,
.hentry,
.no-results,
.not-found,
.sidebar,
#comments,
#nav-below,
.post-navigation,
#infinite-handle,
#supplementary .widget,
#site-generator {
	padding: 10px;
}


#content .wrapper {
     text-align: center;
}

#featured-content {
	padding-top: 0;
}

/*--------------------------------------------------------------
5. Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	font-size: 1em;
	line-height: 1em;
	padding: .5em 1em .5em;
}

/*--------------------------------------------------------------
6. Navigation
--------------------------------------------------------------*/

.nav-primary,
.nav-footer {
	background-color: #222;
	color: #fff;
}

.catchresponsive-nav-menu a,
.sidebar-header-right .widget_nav_menu a {
  background-color: #222;
	color: #fff;
	line-height: 1.5em;
  padding: 0.25em 20px;
}

.catchresponsive-nav-menu .sub-menu a,
.catchresponsive-nav-menu .children a,
.sidebar-header-right .widget_nav_menu .sub-menu a {
	color: #222;
	line-height: 1.5em;
  padding: 0.25em 20px;
	position: relative;
	/*width: 250px;*/
}

.catchresponsive-nav-menu .sub-menu li a:hover,
.catchresponsive-nav-menu .sub-menu li a:focus,
.catchresponsive-nav-menu .children li a:hover,
.catchresponsive-nav-menu .children li a:focus,
.sidebar-header-right .widget_nav_menu .sub-menu li a:hover,
.sidebar-header-right .widget_nav_menu .sub-menu li a:focus {
	background-color: #222;
	color: #fff;
}

.page-links span,
.page-links a:hover span {
	background-color: #222;
	color: #fff;
}

#search-toggle {
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  float: right;
  height: 24px;
  line-height: 24px;
  text-align: center;
  width: 24px;
}

#search-toggle:before {
    margin-top: 2px;	
}


/*--------------------------------------------------------------
10. Header Area
--------------------------------------------------------------*/

.site-title a {
  margin: 0;
  color: #ffffff;
  font-size: 100%;
  font-weight: normal;
}

.site-title a:hover {
  color: #1b8be0;
  text-decoration: none;
}

/*--------------------------------------------------------------
10. Extra Elements
--------------------------------------------------------------*/

#feature-slider {
  padding-bottom: 1.5em;
}

/*--------------------------------------------------------------
13. Content
--------------------------------------------------------------*/
.site-content {
	background-color: #fff;
}

article div.archive-post-wrap div.entry-container header.entry-header h1.entry-title {
	text-align: left;
}

#main {
	float: none;
}

/*--------------------------------------------------------------
XX. Sponsors
--------------------------------------------------------------*/

div#sponsors {
	color: #000;
}

.sponsor-descr {
	width: 275px;
	display: inline-block;
	padding: 20px;
 }

div#sponsors h2 {
	padding: 0 0 10px;
	border-bottom: thin solid #a9a9a9;
}