/*
Theme Name: yola
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. yola supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
Text Domain: yola
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;

}
html, body{
    height: 100%;
   
   
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* Make html5 elements display: block; */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* -----------------------------------------------------------------------

/* =Main Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar left of content

Layout using  Blueprint CSS Framework 1.0.1 - see "columns.css" */


/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: arial,Georgia, "Bitstream Charter", serif;
}
h3#comments-title,
h3#reply-title,
#cancel-comment-reply-link,
.form-allowed-tags,,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
input[type=submit] {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
	
        height:100%;
}
body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
p {	
    font:16px/25px 'Arial'; 
    color:#333333;
}
ul {
	list-style: disc;
	
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i, 
blockquote p {
	font-style: italic;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	overflow: auto;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}

a,
a:link,
a:visited,
a:active,
a:hover {
	color: #666666;
	text-decoration:none;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

.button {
    cursor: pointer;
    font: bold 19px/1.5em "Helvetica", "Arial", "sans-serif";
    color: #fff;
    background-color: #333;
    display: inline-block;
    padding: .6em 1em .5em 1em;
    border: 1px solid #000;
    border-top-color: #000;
    text-align: center;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
.button:hover {
    text-decoration: none;
}
.button.red {
    border: 1px solid #c40543;
    border-top-color: #c60b48;
    color: #fff;
    background-image:         linear-gradient(bottom, rgb(231,9,79) 9%, rgb(253,102,155) 99%, rgb(254,168,200) 100%);
    background-image:      -o-linear-gradient(bottom, rgb(231,9,79) 9%, rgb(253,102,155) 99%, rgb(254,168,200) 100%);
    background-image:    -moz-linear-gradient(bottom, rgb(231,9,79) 9%, rgb(253,102,155) 99%, rgb(254,168,200) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(231,9,79) 9%, rgb(253,102,155) 99%, rgb(254,168,200) 100%);
    background-image:     -ms-linear-gradient(bottom, rgb(231,9,79) 9%, rgb(253,102,155) 99%, rgb(254,168,200) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(231,9,79)), color-stop(0.98, rgb(253,102,155)), color-stop(.99, rgb(254,168,200)));
}
.button.red:hover {
    background-image:         linear-gradient(bottom, rgb(195,10,72) 0%, rgb(233,88,136) 98%, rgb(243,161,188) 99%);
    background-image:      -o-linear-gradient(bottom, rgb(195,10,72) 0%, rgb(233,88,136) 98%, rgb(243,161,188) 99%);
    background-image:    -moz-linear-gradient(bottom, rgb(195,10,72) 0%, rgb(233,88,136) 98%, rgb(243,161,188) 99%);
    background-image: -webkit-linear-gradient(bottom, rgb(195,10,72) 0%, rgb(233,88,136) 98%, rgb(243,161,188) 99%);
    background-image:     -ms-linear-gradient(bottom, rgb(195,10,72) 0%, rgb(233,88,136) 98%, rgb(243,161,188) 99%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(195,10,72)), color-stop(0.98, rgb(233,88,136)), color-stop(0.99, rgb(243,161,188)));
}

.button.blue {
    border: 1px solid #1d6da1;
    border-top-color: #2587bf;
    color: #fff;
    background-image:         linear-gradient(bottom, rgb(34,128,187) 9%, rgb(53,171,210) 99%, rgb(154,215,233) 100%);
    background-image:      -o-linear-gradient(bottom, rgb(34,128,187) 9%, rgb(53,171,210) 99%, rgb(154,215,233) 100%);
    background-image:    -moz-linear-gradient(bottom, rgb(34,128,187) 9%, rgb(53,171,210) 99%, rgb(154,215,233) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(34,128,187) 9%, rgb(53,171,210) 99%, rgb(154,215,233) 100%);
    background-image:     -ms-linear-gradient(bottom, rgb(34,128,187) 9%, rgb(53,171,210) 99%, rgb(154,215,233) 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(34,128,187)), color-stop(0.97, rgb(53,171,210)), color-stop(.98, rgb(154,215,233)));
}
.button.blue:hover {
    background-image:         linear-gradient(bottom, rgb(21,79,108) 0%, rgb(31,115,157) 98%, rgb(144,187,207) 99%);
    background-image:      -o-linear-gradient(bottom, rgb(21,79,108) 0%, rgb(31,115,157) 98%, rgb(144,187,207) 99%);
    background-image:    -moz-linear-gradient(bottom, rgb(21,79,108) 0%, rgb(31,115,157) 98%, rgb(144,187,207) 99%);
    background-image: -webkit-linear-gradient(bottom, rgb(21,79,108) 0%, rgb(31,115,157) 98%, rgb(144,187,207) 99%);
    background-image:     -ms-linear-gradient(bottom, rgb(21,79,108) 0%, rgb(31,115,157) 98%, rgb(144,187,207) 99%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(21,79,108)), color-stop(0.98, rgb(31,115,157)), color-stop(0.99, rgb(144,187,207)));
}

/* =Notification
-------------------------------------------------------------- */

.notification {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	background-color: #294355;
	color: #fff;
	z-index: 1050;
}

.notification__link,
.notification__link:link,
.notification__link:visited,
.notification__link:active,
.notification__link:hover,
.notification__link:focus {
	color: #fff;
	font-weight: bold;
}
	
.notification__link:active,
.notification__link:hover,
.notification__link:focus {
	text-decoration: underline;
}

.notification__close {
	line-height: 16px;
	margin-left: 30px;
	border-radius: 4px;
	padding: 8px 24px;
	font-size: 14px;
	outline: none;
	color: #333;
	background-color: rgba(255, 255, 255, 0.82);
	white-space: nowrap;
	cursor: pointer;
}

.notification__close:hover {
	background-color: #fff;
	transition-duration: 0.2s;
}

@media (max-width: 768px) {
	.notification {
		flex-direction: column;
		padding: 20px 16px;
		font-size: 16px;
	}

	.notification__close {
		margin-top: 20px;
		padding: 13px 37px;
		font-size: 16px;
	}
}

/* =Header
-------------------------------------------------------------- */

header {
    background: transparent url('images/background-header.gif') repeat-x 0 100%;
}
header>.container {
    padding-top: 10px;
}
header h1 {
    margin-bottom: 20px;
}
header li {
	list-style: none;
}
header .logo {
    display: block;
    height: 68px;
    width: 68px;
    text-indent: -5120px;
    background: transparent url('images/yola-logo.png') no-repeat 0 0;
    float: left;
    margin-bottom: 14px;
}
header .slogan {
    font-family: "MuseoSans500", "Arial", "Helvetica", "sans-serif";
    font-weight: normal;
    font-size:15px;
    position: relative;
    top: 25px;
    left: 15px;
}

header nav .pages li {
    float: left;
    margin-right: 2px; 
}
header nav .button {
    font: bold 13px/16px "Helvetica", "Arial", "sans-serif";
    text-shadow: 1px 1px 4px #237797;
    padding: 10px 20px 8px 20px;
    -webkit-border-radius: 4px 4px 0 0;
       -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
}

header nav .active .button {
    background: #fff;
    border-color: #1d6b98;
    text-shadow: none;
    color: #004d73;
    border-bottom: 1px solid #fff;
}
header nav .active .button:hover {
    background: #fff;
}
header nav .home .button {
    padding-left: 12px;
    padding-right: 12px;
}
header nav .home .button span {
    background-image: url('images/sprites/home-16x32.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    height: 16px;
    width: 16px;
    margin: 0;
    text-indent: -5120px;
}

header nav .active.home .button span {
    background-position: 0 -16px;
}

header nav .actions li {
    float: right;
    margin-left: 2px;
}
header nav .actions .login {
    position: relative;
    z-index: 11;
}

header .info-box {
    text-align: right;
    font-family: "Arial", "Helvetica", "sans-serif";
    font-size: 13px;
}
header #languages {
    position: relative;
    margin: 0 0 10px 200px;
}

#page-content {
    border-top: 11px solid #fff;
    background: url('images/mainbg.gif') repeat scroll 0 0 transparent
}

/* Google Translate Widget */

.goog-te-gadget-simple {
	background-color: #fff !important;
	font-size: 9pt !important;
	display: inline-block !important;
	cursor: pointer !important;
	border:none !important;
	zoom: 1 !important;
}

.goog-te-gadget-simple .goog-te-menu-value span {
	text-decoration: none !important;
	color: rgb(51, 102, 153) !important;
	border:none !important;
	margin: 0 0 0 0;
}

.goog-te-gadget-simple a {text-decoration: none !important;}

.goog-te-gadget-icon {
    display: none;
}

/* =Left Sidebar
-------------------------------------------------------------- */

.left-sidebar {
	float: left;
}

/* Categories */

.category_sec {
	width: 243px;
	margin-top: 19px;
}

.category_sec li {
	position:relative;
	z-index:999;
	list-style: none;	
	padding: 13px 20px 13px 0px;
	margin: 1px 0px 1px 0px;
}

.category_sec li a {
	font:16px/16px Arial;
	color: #959595;
	text-decoration:none;
	padding: 13px 20px 13px 25px;
}

.category_sec li.active {
	color:#000000;
	background-color:#fff;
	border-top:1px solid #b6b6b6;
	border-bottom:1px solid #b6b6b6;
	border-left:1px solid #b6b6b6;
	border-radius:3px 0 0 3px;
	margin:	-1px 0px -1px -1px;

}

.category_sec li:hover {
	color:#000000;
	background-color:#fff;
	border-top:1px solid #b6b6b6;
	border-bottom:1px solid #b6b6b6;
	border-left:1px solid #b6b6b6;
	border-radius:3px 0 0 3px;
	margin:	-1px 0px -1px -1px;
}

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

/* Social icons */
.social_icons {
	margin-top: 20px;
	width: 220px;
	padding: 0 0 15px 0px;
}

.social_icons li {
	list-style: none;
	margin-right: 10px;
	display: inline-block;
}

.social_icons a {
	display: inline-block;
	height: 45px;
	width: 45px;
	text-indent: -999px;
}

.fb-like-box {
	background-color: #FFFFFF;
	border:1px solid #b6b6b6;
	border-radius:3px 3px 3px 3px;
	margin-bottom: 35px;
}

.social_icons .googleplus {
    background: transparent url('images/Googleplus.png') no-repeat;
}

.social_icons .twitter {
    background: transparent url('images/Twitter.png') no-repeat;
}

.social_icons .rss {
    background: transparent url('images/RSS.png') no-repeat;
    margin-right: 0px;

}

/* Advertising banners on left-hand side */

.left_banners {
	padding: 15px 0px 15px 0px;
}
.category_banner {
	padding-bottom: 30px;
}


/* =Content Area
-------------------------------------------------------------- */
.main-content
{
	float:right;
	padding:20px 45px 15px 45px;
	background-color: #fff;
	margin: 18px 0 45px 0;
	border: 1px solid #b7b7b7;
	border-radius: 3px 3px 3px 3px;
}

/* Search widget */

.search-content{
	float: right;
	margin: 0 -28px 25px 0;

}

.search-content #s{
	background: rgb(255, 255, 255);
	border: 1px solid #ccc;
	border-radius: 3px 3px 3px 3px;
	font: 13px Arial;
	width: 150px;
	margin-right: 2px;
	padding: 8px 0 8px 8px;
}

.search-content #searchsubmit {
	
	background: url('images/search_22x22.png');
	width: 22px;
	height: 22px;
	border: none;
	text-indent: -9999px;
}

/* 404 and No Search Results found */
.not-found {

	margin: 0px 0 0 25px;
}

.search-results h1.page-title {
	margin-bottom: 40px;
}

.search-results .page-title span {
	color: #ec336e
}



/* =Content Area
-------------------------------------------------------------- */
/* Blog post & list - shared styles */

.entry-meta {
	margin-bottom: 1px;
}
.entry-date {
	background-color: #278bbb;
	color:#FFFFFF;
	font:14px/14px Arial;
	padding: 4px 15px 4px 14px;
}

.cat-links {
	display:inline-block;
	text-align: right;
	color: #c5c5c5;
}

.cat-links a {
	font:14px/14px Arial;
	color:#c5c5c5;
}

.cat-links span {
	font:14px/14px Arial;
	color:#c5c5c5;
}

#no_of_comments { 
	background: url('images/comment_icon.png') no-repeat 0 2px;   
	font: 14px/14px 'Arial'; 
	color: #c5c5c5;
	margin: 8px 0 0 5px; 
	padding: 0 0 5px 20px; 
	
}

.entry-title {
	padding: 20px 0 20px 0;
	border-top: 1px solid rgb(223, 223, 223);
}


/* Blog post list specific */
.post {
	margin-bottom: 30px;
}

.entry-title a {
	font-family: "MuseoSans500", "Arial", "Helvetica", "sans-serif";
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
	color: #333333;
}

.post_img {
	width:100%; 
	margin: 0 auto 5px;
}
.post_img img { 
	display:block;
	margin:0 auto;
	padding: 15px 0 0 0;
}

.entry-summary p { 
	margin-bottom: 18px;
    font:16px/25px 'Arial';
    color:#a5a5a5;
    display:inline-block;
}

.entry-summary a {
	color:#5ca8cc;
}

a.load_more {
	float:left;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: normal;
	margin-top: -25px;
}

p.no-more-posts {
	font:bold 16px/25px 'Arial';
	color: #900;
	border-top: 1px solid rgb(223, 223, 223);
	padding-top: 15px;
}
.category .single-post .entry-content,
.home .single-post .entry-content{

	border-bottom: none;
	margin-bottom: 20px;
}

/* Individual blog post specific */

h1.entry-title  {

	font-size: 26px;
	font-family: "MuseoSans500", "Arial", "Helvetica", "sans-serif";
	line-height: 30px;
	font-weight: bold;
	color: #333333;

}
.single-post .entry-content{

	border-bottom: 1px solid #b7b7b7;
	margin-bottom: 20px;
}

.single-post .entry-content h1 {
	font: bold 22px/30px 'Helvetica', 'Arial', 'sans-serif';
	color: #333333;
	padding: 10px 0 8px 0;
}

.single-post .entry-content h2 {
	font: bold 18px/25px 'Helvetica', 'Arial', 'sans-serif';
	color: #333333;
	padding: 10px 0 8px 0;
}

.single-post .entry-content h3 {
	font: bold 16px/22px 'Helvetica', 'Arial', 'sans-serif';
	color: #666666;
	padding: 10px 0 8px 0;
}

.single-post .entry-content p {
	font: 14px/25px 'Arial';
	color: #333333;
	padding-bottom: 15px;

}

.single-post p.wp-caption-text {
	font-style: italic;
	text-align: center;
}

.single-post .entry-content a {

	color: #5ca8cc;
}

.single-post .entry-content ul {

	list-style: disc;
	margin-left: 40px;
	padding-bottom: 15px;
}

.single-post .entry-content ol {

	list-style: decimal;
	margin-left: 40px;
	padding-bottom: 15px;
}

.single-post .entry-content ol ol {

	list-style: upper-alpha;
}

.single-post .entry-content ol ol ol {

	list-style: lower-roman;
}

.single-post .entry-content ul li,
.single-post .entry-content ol li {
	font: 14px/25px 'Arial';
	color: #333333;
}

img.alignright {
	float:right; margin:0 0 1em 1em
}
img.alignleft {
	float:left; margin:0 1em 1em 0
}
img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto
}
.alignright {
	float:right; 
}
.alignleft {
	float:left; 
}
.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

/* Sharing, related articles and Disqus comments */

.single-post .related_posts {
   	float:left;
   	margin: 20px 0 20px 0;
	padding: 0;
}
.single-post p.related_posts_title  {
   	color: #959595;
	font: 16px/25px 'Arial';
	padding-bottom: 5px;
}
.single-post p.related_post {

	color: #333333;
	font-size: 14px;
	padding: 0px 0px 2px 15px;
}

.single-post .related_post a {

	font-size: 14px;	
}

#dcssb-float .tab {
	display:none!important; /*hides the "share" tab at the top of the slick social widget*/
}

.single-post .comments {
	clear: both;
	background:rgb(244, 249, 252);
	border-top: 2px solid rgb(53,171,210);
	margin: 0px -45px -45px -45px;
	padding: 20px 45px 20px 45px;
	
}

/* =Footer
-------------------------------------------------------------- */

footer {
    padding-top: 32px;
    background: #FFF;
}
footer h1 {
    text-indent: -10240px;
    height: 0px;
}
footer li {
	list-style: none;
    font-size: 12px;
}
footer .nav {
    border-right: 1px dotted #999;
    margin-bottom: 20px;
}
footer .nav h2 {
    margin-bottom: 6px;
    color: #000000;
	font-weight: bold;
}
footer .nav a {
    color: #666;
    text-decoration: none;
}
footer .nav a:hover {
    text-decoration: underline;
}
footer .nav li {
    line-height: 1.5em;
    margin-bottom: 5px;
}
footer .social a {
    text-decoration: none;
    color: inherit;
    padding-left: 50px;
    display: block;
    line-height: 1.5em;
    color: #666;
}
footer .social .service {
    font-weight: bold;
    display: block;
    color: #000;
}
footer .social li a:hover .service {
    text-decoration: underline;
}
footer .social li {
    background: transparent url('images/sprites/social-42x41.png') no-repeat 0 0;
    height: 41px;
    margin-bottom: 15px;
}
footer .social .rss {
    background-position: 0 0;
}
footer .social .twitter {
    background-position: 0 -41px;
}
footer .social .facebook {
    background-position: 0 -82px;
}
footer .social .youtube {
    background-position: 0 -123px;
}
footer .social .google {
    background-position: 0 -164px;
    height: 48px;
}
footer .copyright {
    padding: 16px 0;
    font-size: 11px;
    line-height: 1.25em;
    color: #9f9f9f;
    border-top: 1px dotted #ccc;
}
footer .copyright a {
    color: #E7004A;
    margin: 0 6px;
}