/*

Theme Name: D5 Socialia

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>. Before Installing or Updating you must read the Readme File of this Theme.



Version: 112.1



Tags: green, orange, dark, light, white, black, one-column, two-columns, right-sidebar, fixed-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, 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 .entry-meta WordPress Theme, Copyright 2012-2014: 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;

}

#comment-form {
visibility: hidden;
}
#commentsbox {
visibility: hidden;
height: 10px;}
.label_skitter {
visibility: hidden;
}

:focus {/* remember to define focus styles! */

	outline: 0;

}







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: 'happy Monkey', cursive;

    font-size: 14px;

    line-height: 1.7;

	word-wrap: break-word;

	background:url("images/background-top.png") repeat-x scroll 0 0 #ECF6FD;

	color: #333333;

	min-width: 1000px;
	

}



img {

	max-width: 100%;

	border: 0 none;

}



#container {

	margin: 0 auto;

    overflow: hidden;

    padding: 20px 0;

    width: 1000px;

}



#top-menu-container {

	height: 30px;

    margin: 10px auto;

    padding: 10px 0 0;

    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 {

	min-height: 75px;

	min-width: 1000px;

}



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;
	font-family: 'Over the Rainbow', cursive;

}



#header-content {

    margin: 0 auto;

    min-height: 75px;

    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: -1px -1px 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 {

	clear: both;

    font-size: 11px;

	min-width: 1000px;

	background: url("images/bottom.png") repeat-x scroll center top / 100% auto transparent;

	padding-top: 170px;

	margin-top: -90px;

}



#footer-container {
/*
	background: #316022; */
	background-image: url(images/bottom-border.png);

}



.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: #427b30;

    font-size: 20px;

    padding: 5px 10px;

    text-align: center;

}



#social {

	display: table;

    float: right;

    height: 20px;

    margin-right: 20px;

}



.facebook-link {

	background: url("images/fbicon.png") no-repeat scroll center 50% transparent;

}



.twitter-link {

	background: url("images/twittericon.png") no-repeat scroll center 50% transparent;

    

}



.gplus-link {

	background: url("images/gicon.png") no-repeat scroll center 50% transparent;

    

}



.blog-link {

	background: url("images/blogicon.png") no-repeat scroll center 50% transparent;

    

}



.ytube-link {

	background: url("images/ytubeicon.png") no-repeat scroll center 50% transparent;

    

}



.lin-link {

	background: url("images/linicon.png") no-repeat scroll center 50% transparent;

    

}



.facebook-link, 

.twitter-link, 

.gplus-link, 

.blog-link,

.ytube-link,

.lin-link

 {

	float: left;

    height: 30px;

    margin: 0 3px;

    padding: 3px;

    width: 30px;

	opacity: .7;

	background-size: 50px 50px;

	border-radius: 50px;

	transition: opacity 1s linear;

	-moz-transition:  opacity 1s linear;    /* FF3.7+ */  

	-o-transition: opacity 1s linear;      /* Opera 10.5 */ 

	-webkit-transition: opacity 1s linear; /* Saf3.2+, Chrome */ 

}



.facebook-link:hover, 

.twitter-link:hover, 

.gplus-link:hover, 

.blog-link:hover,

.ytube-link:hover,

.lin-link:hover {

	opacity: 1;

}



#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: url("images/nav.png") repeat scroll 0 0 #427b30;

	border-radius: 7px 7px 0 0;

    clear: both;

    display: block;

    float: left;

    height: 41px;

    width: 1000px;

	text-align: center;
	font-size: 11px;

	

}
h4.bg_faq_closed {
font-family: 'Happy Monkey', cursive;
}
h4.bg_faq_opened {
font-family: 'Happy Monkey', cursive;
}
h2.bg_faq_closed {
font-family: 'Happy Monkey', cursive;
}
h2.bg_faq_opened {
font-family: 'Happy Monkey', cursive;
}



#socialia-main-menu .menu {

	 display: inline-block;	

}



#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;

    padding: 2px 15px;

    text-decoration: none;

	text-transform: uppercase;

	line-height: 3.5;

}



#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: #427b30;

	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;    /* FF3.7+ */  

	-o-transition: all 1s;      /* Opera 10.5 */ 

	-webkit-transition: all 1s; /* Saf3.2+, Chrome */ 

}



#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;    /* FF3.7+ */  

	-o-transition: all 1s;      /* Opera 10.5 */ 

	-webkit-transition: all 1s; /* Saf3.2+, Chrome */ 

}



#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;

}





/* 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: none repeat scroll 0 0 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: #427b30;

    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 {

	width:207px;

	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: 15px;

}



#footer-sidebar .first-footer-widget {

	float:left;

}



#footer-sidebar .footer-widgets {

	margin-left: 15px;

	float:left;

}



#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;
	font-family: 'Over the Rainbow', cursive;

} 



#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;
	font-family: 'Over the Rainbow', cursive;

}



h1 {

	font-size: 30px;	

}



h2 {

	font-size: 23px;	
	font-family: 'Over the Rainbow', cursive;

}



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: #427b30;

	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 {

	min-width: 1000px;

	margin: 0 auto;

}



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;
	font-family: 'Over the Rainbow', cursive;

}



h2.post-title a {

	color: #158E09;

	font-weight: bold;
	font-family: 'Over the Rainbow', cursive;

}



h3.arc-src {

	text-transform: uppercase;

	font-size: 20px;

	color:#427b30;

}



h3.arc-src span {

	color:#555555;

}



.post, 

.hentry, 

.no-results {

	margin-bottom: 20px;

	

}



.entrytext { margin-top: 15px; }

div.entrytext p {font-size: 14px;}

.read-more {

	cursor: pointer;

	font-weight: bold;

}



.read-more:hover {

	opacity: .7;

}



.postmetadata {

	font-size: 11px;

	border-top:2px solid #CCCCCC;

}



.postmetadata a {

	color: #427b30;

}



.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;

}



/*.... 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: #427b30;

}



#commentsbox ul.children {

	padding: 0;

}



.comment-body {

    background: #F6F6F6;

    border: 1px solid #CCCCCC;

    border-radius: 5px 5px 5px 5px;

    padding: 15px;

    position: relative;
	font-family: 'Happy Monkey', cursive;

}



.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;

}







/* =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;

}

}