/*
Theme Name: D5 Socialia Extend
Theme URI: http://d5creation.com/theme/socialia/

Author: D5 Creation
Author URI: http://d5creation.com/

Description: The D5 Socialia theme for WordPress is sophisticated, lightweight, and adaptable. This theme is better for Social Organizations basically for the organizations working for Climate Change, Disaster Management, Natural Resources Management, Environment, Environmental Management, Social Works, Social Deveopemnt, Cultural Organizations etc. It can also be used for Personal or Company Websites. You Can find a Live Demo of D5 Socialia Theme in this link <a href="http://demo.d5creation.com/wp/themes/d5socialia/" target="_blank">http://demo.d5creation.com/wp/themes/d5socialia.</a>

Version: 2.3

Tags: green, orange, dark, light, white, black, one-column, two-columns, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

D5 Socialia WordPress Theme, Copyright 2012-2015: D5 Creation (www.d5creation.com)

Text Domain: socialia

*/

/* =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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}

body {
	line-height: 1;
}

ol, 
ul {
	list-style: none;
}

table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: "";
}

blockquote, 
q {
	quotes: "" "";
}

a img {
	border: 0;
}

article, 
aside, 
details, 
figcaption, 
figure,
footer, 
header, 
hgroup, 
menu, 
nav, 
section {
	display: block;
}


/* =WordPress Core and Addition
-------------------------------------------------------------- */
.alignnone,
#content .alignnone,
#content-full .alignnone,
div .alignnone  {
    margin: 5px 20px 20px 0;
}

.aligncenter,
#content .aligncenter, 
#content-full .aligncenter,
div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright,
#content .alignright,
#content-full .alignright,
div .alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft,
#content .alignleft,
#content-full .alignleft,
div .alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #FFFFFF;
    border: 1px solid #ECF6FD;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

/* =Structure
----------------------------------------------- */
body {
	font-family: Verdana,Arial,Tahoma,sans-serif;
    font-size: 11px;
    line-height: 1.7;
	word-wrap: break-word;
	color: #333333;
	min-width: 1000px;
	background: #ECF6FD; background: -webkit-linear-gradient(top, #8ce8f9 0%, #ECF6FD 33%); background: -o-linear-gradient(top, #8ce8f9 0%, #ECF6FD 33%); background: -moz-linear-gradient(top, #8ce8f9 0%, #ECF6FD 33%); background: linear-gradient(top, #8ce8f9 0%, #ECF6FD 33%);
}


img {
	max-width: 100%;
	border: 0 none;
}

#container {
	margin: 0 auto;
    overflow: hidden;
    padding: 20px 0;
    width: 1000px;
}


#top-menu-container { margin: 10px auto; width: 1000px; }
#top-menu-container #s {
	background: url("images/search.png") no-repeat scroll 5px 6px transparent;
	margin: 0 10px;
    float: right;
    -webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
	min-width: 72px;
	border-color: #ECF6FD #ECF6FD #FFFFFF #FFFFFF;
	padding-left: 30px;
}

#top-menu-container #s:focus {
	background-color: #FFFFFF;
	width: 150px;
}

#top-menu-container #searchform input[type="submit"] {
    display: none;
}

#header { margin: 0 auto; display: block; border-top: 12px solid #158E09; }

img.site-logo, h1.site-title {
    color: #158E09;
    float: left;
    font-size: 30px;
    font-weight: bold;
    height: auto;
    max-width: 50%;
	margin: -5px 0 10px;
    text-shadow: 1px 1px 3px #333333;
}

#header-content { margin: 0 auto; width: 1000px; }

.site-title-hidden {
	display: none;
}

.site-title-des { color: #158E09; float: right; font-size: 21px; margin: 30px 20px 0 0; max-width: 40%; text-align: right; text-shadow: 0 0 1px #ecf6fd; }

#content { float:left; width: 70%; }

#content-full { width: 1000px; }

.content-ver-sep {
	clear: both;
    height: 1px;
	background: #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
}

#right-sidebar {
	float: right;
	width: 25%;
}


#footer { background: transparent url("images/bottom.png") repeat-x scroll center top / 100% auto; clear: both; font-size: 11px; padding-top: 150px; }

#footer-container { background: #316022; }

.page-link a {
	background:#158E09;
	border-radius: 150px 150px 150px 150px;
    color: #FFFFFF;
	padding: 5px 10px;
}

.page-link {
    color: #158E09;
	font-size: 13px;
    font-weight: bold;
	margin: 10px 0;
}

.middle-full {
	margin: 0 auto;
    width: 1000px;
	height: auto;
	display: table;
}

.bqpheading {
    border-bottom: 1px solid #FFFFFF;
    color: #FF6600;
    font-size: 20px;
    padding: 5px 10px;
    text-align: center;
}

#footer-sidebar {
	margin: 0 auto;
    overflow: hidden;
    padding: 20px 0 0;
    width: 1000px;
}


#creditline {
    color: #FFFFFF;
    font-size: 11px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    width: 1000px;
}

#creditline a {
	font-weight: bold;
	color: #FFFFFF;
}

/* Common Elements 
------------------------------------------------------------- */
ol, 
ul {
	padding: 0 0 10px 10px;
	display: block;
	margin-bottom: 10px;
}

ul {
	list-style: square inside none;
}

ol {
	list-style: decimal inside none;
}

dl {
	margin: 0 0 24px 0;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 18px;
}

cite,
em,
i {
	font-style: italic;
}

big {
	font-size: 131.25%;
}

ins {
	background: #FFFFFF;
	text-decoration: none;
}

blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}

pre {
	background:#FFFFFF;
    border-radius: 5px 5px 5px 5px;
    color: #333333;
    line-height: 18px;
    margin-bottom: 18px;
    overflow: auto;
    padding: 1.5em;
}

abbr,
acronym {
	border-bottom: 1px dotted #777777;
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
	font-size: 70%;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

address {
	background: #ECF6FD;
    border: 2px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 15px;
    max-width: 250px;
    padding: 5px 10px;
    text-align: right;
}

embed  {
	max-width: 100%;	
}

/* Menu Elements 
------------------------------------------------------------- */

#socialia-main-menu { background: #ff6600; border-radius: 7px 7px 0 0; clear: both; display: block; float: left; text-align: center; width: 1000px; margin-bottom: -19px; }
#socialia-main-menu .menu { display: inline-block;	padding: 0; margin: 0; }
#socialia-main-menu ul { list-style: none outside none; }
#socialia-main-menu li { float: left; position: relative; background: url("images/nav_border.png") no-repeat scroll right center transparent; }


#socialia-main-menu a { color: #ffffff; display: block; line-height: 1.5; padding: 10px 15px 13px; text-decoration: none; text-transform: uppercase; }
#socialia-main-menu a:hover { background: url("images/nav-hover.png") no-repeat scroll center top transparent; color: #FFFFFF; }

#socialia-main-menu .current-menu-item > a, #socialia-main-menu .current-menu-ancestor > a, #socialia-main-menu .current_page_item > a, #socialia-main-menu .current_page_ancestor > a  { font-weight:bold; }
#socialia-main-menu li ul { float: left; position: relative; margin: 0; }

#socialia-main-menu ul ul, .sub-menu, .sub-menu ul ul { background: #FF6600; background: rgba(255, 102, 0, 0.9); border-bottom: 7px solid #316022;     border-radius: 0 0 5px 5px; border-top: 3px solid #316022; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); display: none; float: left; left: 0; margin: 0;     position: absolute; width: 188px; z-index: 99999; padding: 0 5px; }

#socialia-main-menu ul li ul li { padding: 0; margin:0; background: transparent; border-bottom: 1px dotted #CCCCCC; -moz-transition:  all 1s; 	-o-transition: all 1s;   	-webkit-transition: all 1s; }

#socialia-main-menu ul li ul li:hover { background: #AAAAAA; background: rgba(179, 74, 4, .9  ); }
#socialia-main-menu ul ul ul { left: 100%; top: 0; z-index: 999; }

#socialia-main-menu ul ul a  { background: transparent; border: none; color: #FFFFFF; font-size: 12px; font-weight: normal; height: auto; line-height: 1em; padding: 10px 5px; width: 178px; text-transform:none; text-align: left; -moz-transition:  all 1s;  -o-transition: all 1s;  -webkit-transition: all 1s; }

#socialia-main-menu ul ul a:hover { padding-left: 20px; background: transparent; width: 163px; }
#socialia-main-menu ul li:hover > ul { display: block; margin-top: -5px; }

#socialia-main-menu ul li ul .menu-item-has-children, #socialia-main-menu ul li ul .menu-item-has-children:hover, #socialia-main-menu ul li ul .page_item_has_children, #socialia-main-menu ul li ul .page_item_has_children:hover { background-image:url("images/nav-dd-arr-right.gif"); background-position: right center; background-repeat: no-repeat;  }
#socialia-main-menu ul .menu-item-has-children, #socialia-main-menu ul .menu-item-has-children:hover, #socialia-main-menu ul .page_item_has_children, #socialia-main-menu ul .page_item_has_children:hover { background-image:url("images/nav-dd-arr.gif"); background-position: right center; background-repeat: no-repeat;  }

.mobile-menu { background: #ff6600 url("images/nav-dd-arr.gif") no-repeat scroll 97% center; color: #ffffff; padding: 10px 30px; text-align: left; clear: both; font-size: 15px; font-weight: bold; cursor: pointer; display: none; border-bottom: 1px solid #FFFFFF; border-radius: 7px 7px 0 0;  }

/* Wedget Elements 
------------------------------------------------------------- */
.widget {
	display: block;
	word-wrap: break-word;
}

.widget ul,
.widget ol {
	padding: 0;
}

#right-sidebar .widget {
	width: 220px;
	box-shadow:0 1px 1px #AAAAAA;
	background: #CCCCCC;
	background: rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.3);
    clear: both;
    margin: 1px 0 15px;
    padding: 10px 15px;
}

#right-sidebar .widget h3 {
	background: #FF6600;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 5px;
    text-align: center;
    text-transform: uppercase;
}

#right-sidebar .widget, 
#right-sidebar .widget li, 
#right-sidebar .widget a, 
#right-sidebar .widget a:hover {
	text-decoration: none;
	color:#555555;
} 

#right-sidebar .widget ul,
#right-sidebar .widget ol{
    margin-left: 15px;
}

#right-sidebar .widget li {
	list-style: square outside none;
}


#footer-sidebar .widget {
	background: #316022;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 1em;
    box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.3);
    clear: both;
    padding: 15px;
	margin-bottom: 10px;
}

#footer-sidebar .first-footer-widget { float:left; width: 24%; min-width: 220px; }
#footer-sidebar .footer-widgets {  float:left; width: 24%; min-width: 220px; margin-left: 1.33%; }

#footer-sidebar .widget h3 {
	padding-bottom: 5px;
    text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
}

#footer-sidebar .widget, 
#footer-sidebar .widget li, 
#footer-sidebar .widget a, 
#footer-sidebar .widget a:hover {
	color: #ECF6FD;
    text-decoration: none;
} 

#footer-sidebar .widget h3,
#footer-sidebar .widget h1,
#footer-sidebar .widget h2,
#footer-sidebar .widget h4 {
	color: #CCCCCC;
    text-decoration: none;
} 

#footer-sidebar .widget ul,
 #footer-sidebar .widget ol{
    margin-left: 10px;
}

#footer-sidebar .widget li {
	list-style: square outside none;
}

#right-sidebar input#s, 
#footer-sidebar input#s {
    width: 50%;
	min-width: 100px;	
}

#right-sidebar form#searchform input[type="submit"], 
#footer-sidebar form#searchform input[type="submit"] {		
	padding: 8px 7px;
}

.textwedget {
	width: 100%;		
}

.widget_calendar #wp-calendar th {
    background: #ECF6FD;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    font-weight: bold;
}

.widget_calendar #wp-calendar tfoot td {
    background: #ECF6FD;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}

.widget_calendar #wp-calendar caption {
    font-size: 11px;
    font-weight: 500;
    padding: 5px 0 3px;
    text-transform: uppercase;
}
.widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th {
    text-align: center;
}

/* Design Elements 
------------------------------------------------------------- */
h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.25;
    margin: 0 0 10px;
	color:#333333;
}

h1 {
	font-size: 30px;	
}

h2 {
	font-size: 23px;	
}

h3 {
	font-size: 20px;	
}

h4 {
	font-size: 17px;	
}

h5 {
	font-size: 15px;	
}

h6 {
	font-size: 13px;	
}

p {
	margin-bottom: 15px;
}

a {
	text-decoration:none;
	color: #0bb1d5;	
}

b, strong {
	font-weight: bold;
}
displaynone {
	display: none;
}

.clear {
	clear: both;
}

table {
	border-radius: 3px 3px 3px 3px;
    padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	min-width: 200px;
	margin-bottom: 15px;
	max-width: 100%;
}

td {
	padding: 5px 7px;
	vertical-align: top;
}

#wp-calendar td {
	padding: 0px 7px;
}

th {
	font-weight: bold;
    line-height: 1;
    padding: 5px 7px;
}

table#wp-calendar {
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    width: 100%;	
}

button,
input[type="reset"],
input[type="button"],
input[type="submit"],
#respond .form-submit input#submit,
#wp-submit {
	border-radius:5px;
	display:inline-block;
	font-size:11px;
	font-weight:bold;
	padding:5px 15px 6px;
	text-decoration:none;
	height:35px;
	text-transform: uppercase;
	cursor:pointer;
	margin:0 7px;
	background: #FF6600;
	color:#FFFFFF;
	box-shadow: 1px 1px 5px 1px #AAAAAA;
	border:none;
	transition:all 2s;
	-moz-transition: all 2s;  
	-o-transition: all 2s;   
	-webkit-transition: all 2s;
}

button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
#respond .form-submit input#submit:hover,
#wp-submit:hover {
	box-shadow: 1px 1px 5px 1px #777777;
	opacity: .9;
	color:#333333;
	text-shadow: 1px 1px 1px #ECF6FD;
}

textarea, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], .titlewrap input, select {
   	background: #E5E5E5;
    border-color: #AAAAAA #BBBBBB #FFFFFF #FFFFFF;
	border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    color: #777777;
    display: inline-block;
    min-width: 50%;
    padding: 7px 10px;
    position: relative;
	transition:all 1s;
	-moz-transition: all 1s;  
	-o-transition: all 1s;   
	-webkit-transition: all 1s;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, .titlewrap:focus input:focus, select:focus {
   	background:#F6F6F6;
}

input[type="password"] {
    width: 200px;
}

button:active, 
input[type="reset"]:active, 
input[type="button"]:active, 
input[type="submit"]:active {
	position:relative;
	top:1px;
}

#page-nav a { font-size: 17px; }

.sticky {
    background:#ECF6FD;
	background: rgba(41, 162, 246, 0.15);
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px 1px 10px #BBBBBB;
    padding: 35px 20px 10px;
}

.sticky:before {
    color: #FFFFFF;
    content: "F E A T U R E D";
    font-size: 10px;
    font-weight: bold;
    margin-top: -30px;
    position: absolute;
}

.gallery-caption {
	clear: both;
	width:95%;
}

#container .gallery .attachment-thumbnail {
    float:none;
	margin: 5px auto;
}

#container, 
#content, 
#content-full {
    text-align: justify;
}

#content img, 
#content-full img {
	height: auto;
    margin: 0;
    max-width: 100%;
    vertical-align: middle;
}


#heading {
	font-size: 35px;
    margin: 20px 0;
    text-align: center;
    text-transform: uppercase;
}

#slide-container {
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

blockquote {
	margin:20px 10px;
	padding:10px;
	quotes: quotes: '<<' '>>';
	background: #ECF6FD;
    border-left: 10px solid #158E09;
    border-right: 10px solid #158E09;
}

blockquote:before {
	content:'\201C';
	font-size:4em;
	line-height:.1em;
	margin-right:.20em;
	vertical-align:-.4em;
	color: #158E09;

}

blockquote:after {
	content:'\201D';
	font-size:4em;
	line-height:.1em;
	margin-left:.20em;
	vertical-align:-.4em;
	color: #158E09;
}

blockquote p {
	display:inline;
}

#container .attachment-post-thumbnail {
   float: left;
   margin: 5px 10px 10px 0;
}

h1.page-title, 
h1.arc-post-title {
	color: #158E09;
    font-size: 25px;
    font-weight: bold;
    text-align: left;
}

h2.post-title, 
h2.comments, 
h3#reply-title, 
h2.post-title-color,
h2.post-title a {
    margin-bottom: 0;
    padding-bottom: 5px;
  	font-size: 19px;
    text-align: left;
    text-decoration: none;
}

h2.post-title a {
	color: #158E09;
	font-weight: bold;
}

h3.arc-src {
	text-transform: uppercase;
	font-size: 20px;
	color:#FF6600;
}

h3.arc-src span {
	color:#555555;
}

.post, 
.hentry, 
.no-results {
	margin-bottom: 20px;
	
}

.entrytext { margin-top: 15px; }

.read-more {
	cursor: pointer;
	font-weight: bold;
}

.read-more:hover {
	opacity: .7;
}

.postmetadata {
	font-size: 11px;
	border-top:2px solid #CCCCCC;
}

.postmetadata a {
	color: #FF6600;
}

.postmetadata h3,
.postmetadata h2,
.postmetadata h5,
.postmetadata h5 a {
	color:#ECF6FD;
	margin: 0;
}

.postmetadata h2 a {
	color:#FFFFFF;
	font-weight: bold;
}

.floatleft {
	float: left;
	width: 45%;
	text-align:left;
}

.floatright {
	float: right;
	width: 45%;
	text-align:right;
}

#page-nav .alignright {
	text-align:right;
}

#page-nav .alignleft {
	text-align:left;
}

/* .... Sign In ......
-------------------------------------------------- */

ul.lboxd {
	padding: 0;
	margin: 0;
	float:right;
	margin: 5px 30px 0 0;
	border-right: 1px solid #9EEEFA;
	border-left: 1px solid #0BB1D5;	
}

ul.lboxd a {
	color:#FF6600;	
}

ul.lboxd li {
    border-left: 1px solid #9EEEFA;
    border-right: 1px solid #0BB1D5;
    float: left;
    list-style: none outside none;
    padding: 0 10px;
    position: relative;
}

ul.lboxd li:hover > ul {
	display: block;
}

ul.lboxd li ul {
	display: none;
	position: absolute;
	left: 0;
	z-index:10001;
	border-radius: 10px;
	padding: 5px;
	width: 220px;
	border: 1px solid #CCCCCC;
	background: #ECF6FD;
	transition: all 2s;
	-moz-transition:  all 2s;  
	-o-transition: all 2s;
	-webkit-transition: all 2s;
}

ul.lboxd li ul {
	display: none;
	position: absolute;
	left: 0;
	z-index:10001;
	border-radius: 10px;
	padding: 5px;
	width: 220px;
	border: 1px solid #CCCCCC;
	background: #ECF6FD;
	transition: all 2s;
	-moz-transition:  all 2s;  
	-o-transition: all 2s;
	-webkit-transition: all 2s;
}

ul.lboxd ul:hover {
	background: #CCCCCC;
}


ul.lboxd li ul li {
	border: none;
}

ul.lboxd input[type="password"],
ul.lboxd input[type="text"],
ul.lboxd input[type="submit"]
 {
    width: 180px;;
	display:block;
}


/*.... Comments ......
-------------------------------------------------- */

#commentsbox {
    clear: both;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 20px 0 5px;
    position: relative;
}

#commentsbox ol, 
#commentsbox ul {
    padding:0;
}

#commentsbox ol, 
#commentsbox ul {
    padding:0;
}

#commentsbox ol, 
#commentsbox ul,
#commentsbox li {
    list-style: none inside none;
}



#commentsbox .watermark {
    font-size: 17px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;	
}

#commentsbox .comment-author cite, #commentsbox .comment-author cite a {
    color: #158E09;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
}

#commentsbox .avatar {
    border-radius: 5px 5px 5px 5px;
    float: left;
    font-size: 10px;
    height: 70px;
    left: -100px;
    position: absolute;
    top: 0;
    transition: all 2s ease 0s;
    width: 70px;
}

#commentsbox .avatar:hover {
	background: #FF6600;
}

#commentsbox ul.children {
	padding: 0;
}

.comment-body {
    background: #F6F6F6;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    padding: 15px;
    position: relative;
}

.comment-body:before {
    content: url("images/comment-arrow.png");
    left: -21px;
    position: absolute;
}

#commentsbox .comment-body ol li {
	list-style: decimal inside none;
	padding: 5px 0 5px 20px;
}

#commentsbox .comment-body ul  li{
	list-style: square inside none;
	padding: 5px 0 5px 20px;
}

#commentsbox .commentlist li.comment {
    line-height: 19px;
    margin: 0 0 24px;
    padding: 5px 0 0 50px;
    position: relative;
	padding:5px 0 0 100px;
}

#comments .comment-body p:last-child {
    margin-bottom: 6px;
}

#commentsbox .comment-meta {
    border-bottom: 1px solid #FFFFFF;
    font-size: 12px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    text-shadow: none;
}

a.comment-reply-link {
	font-size: 12px;
	padding: 1px 5px;
	border-radius: 5px;		

}

.commentlist > li.bypostauthor {
}

#commentsbox .commentlist .children li {
    margin: 0;
}

#commentsbox .commentlist li:last-child {
    border-bottom: medium none;
    margin-bottom: 0;
}

#comment-form {
	background:#CCCCCC;
	background: rgba(0, 0, 0, 0.15);
    border: 1px solid #ECF6FD;
    border-radius: 10px 10px 10px 10px;
    padding: 10px;
}

#respond .required {
	font-weight: bold;
	position:absolute;
}

#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}

#cancel-comment-reply-link {
	font-weight: normal;
	line-height: 18px;
}

#respond input {
	margin: 0 0 9px;
	display: block;
}

#respond textarea {
	width: 95%;
}

#respond .form-allowed-tags {
	font-size: 13px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}


/*..... Others 
-------------------------------------------------- */

h2#client-text.post-title {
	opacity: 0.7;
    padding: 30px 0 0;
    text-align: center;
}

#client {
	display:table;
	display:block\9;
	margin: 20px auto;
}

#client img {
	margin: 0 13px;
    max-height: 100px;
    vertical-align: middle;
    width: 100px;
}


.fpage-quote {
    background: #158E09;
    border-radius: 10px;
    font-size: 11px;
    font-weight: normal;
    padding: 1%;
    width: 97%;
}
.fpage-quote q, .fpage-quote q:before, .fpage-quote q:after { background: none; border: none; color: #FFFFFF; }
.middle-full .arrow-down { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #158E09; margin: 0 0 0 30px; }

.middle-full .customers-comment-slide  .bx-controls-direction a { top: 0; margin-top: -45px; text-align: left; color: transparent; }
.middle-full .customers-comment-slide  .bx-controls-direction a.bx-prev  { left: auto; right: 50px;  } 
.middle-full .customers-comment-slide  .bx-controls-direction a.bx-next  { right:10px; left: auto; } 
.middle-full .customers-comment-slide  .bx-wrapper .bx-viewport {  }

.whiteline { background: rgba(255, 255, 255, 0.3); display: inline-block; height: 1px; margin: 0; padding: 0; width: 100%; }

.social { display: table; float: right; height: 30px; margin-right: 20px; }
.social a { float: left; height: 30px; margin: 0 2px; padding: 1px; width: 30px; border-radius: 5px; }
.social a:hover { opacity: 1; }

.social-link a[href*="wordpress.org"], .social-link a[href*="wordpress.com"] { background: url("images/wordpress.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="facebook.com"] { background: url("images/facebook.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="twitter.com"] { background: url("images/twitter.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="dribbble.com"] { background: url("images/dribbble.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="plus.google.com"] { background: url("images/google.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="pinterest.com"] { background: url("images/pinterest.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="behance.net"] { background: url("images/behance.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="tumblr.com"] { background: url("images/tumblr.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="youtube.com"] { background: url("images/youtube.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="flickr.com"] { background: url("images/flickr.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="vimeo.com"] { background: url("images/vimeo.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="instagram.com"] { background: url("images/instagram.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="amazon.com"] { background: url("images/amazon.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="linkedin.com"] { background: url("images/linkedin.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="deviantart.com"] { background: url("images/deviantart.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="dropbox.com"] { background: url("images/dropbox.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="last.fm"] { background: url("images/lastfm.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="paypal.com"] { background: url("images/paypal.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="rss"] { background: url("images/rss.png") no-repeat scroll center 50% transparent; }
.social-link a[href*="skype.com"] { background: url("images/skype.png") no-repeat scroll center 50% transparent; }
.social.social-link a { background-size: 30px 30px; }




  
/* =Media Print
-------------------------------------------------------------- */
@media print {

h1 {
	page-break-before:always;
}

h1,  h2,  h3,  h4,  h5,  h6 {
	page-break-after:avoid;
}

ul,  ol,  dl {
	page-break-before:avoid;
}
}