/* MAIN STYLE */
* {
	margin  : 0;
	padding : 0
}

html {
	font : 400 100.01%/145% "Helvetica Neue", Helvetica, sans-serif
}

body {
	font-size                : 1rem;
	color                    : #353535;
	background               : #FFF;
	-webkit-font-smoothing   : antialiased;
	-webkit-text-size-adjust : 100%;
	text-rendering           : auto;

}

body:before {
	content    : "";
	position   : fixed;
	top        : -10px;
	left       : 0;
	width      : 100%;
	height     : 10px;
	z-index    : 100;
	box-shadow : 0 0 10px rgba(0, 0, 0, .8)
}

td {
	vertical-align : top
}

p, td, div, ul, li, ol {
	text-align      : left;
	-moz-hyphens    : auto;
	-webkit-hyphens : auto;
	-ms-hyphens     : auto;
	hyphens         : auto;
}

input, select, textarea {
	margin      : 3px;
	font-family : Arial, Helvetica, sans-serif;
	font-size   : 1rem;
}

.button, .submit {
	cursor : pointer
}

a.button {
	display : block !important
}

a {
	text-decoration : none;
	outline         : none;
	color           : #156BA1;
	border-bottom   : 1px solid rgba(21, 107, 161, .3);
	transition      : all .4s ease;
}

a:hover {
	border-bottom-color : #156BA1
}

a, a * {
	cursor : pointer
}

ul, ol {
	margin : 0 0 1.5em 3em
}

ul li, ol li {
	margin : 0 0 .25em
}

a img {
	border : 0
}

blockquote, p {
	margin : 0 0 1.5em
}

blockquote {
	padding     : 0 1em;
	border-left : 0.5em solid #DDD;
}

blockquote footer {
	margin-top : .25em
}

blockquote:before {
	display     : block;
	height      : 0;
	content     : "“";
	margin-left : -.95em;
	font        : italic 400%/1 Cochin, Georgia, "Times New Roman", serif;
	color       : #999;
}

cite {
	font-style : italic
}

form {
	display : block;
	margin  : 0 0 8px
}

hr {
	border           : 0;
	color            : #156BA1;
	height           : 1px;
	background-color : #156BA1;
	margin           : 8px 0
}

figure {
	margin : 0 0 1.5em
}

figure p {
	margin : 0
}

figure img {
	display : block;
	margin  : 0
}

figcaption {
	background : #EEE;
	padding    : 4px 1em
}

.clearfix:after {
	content : " ";
	display : block;
	clear   : both;
}

h1 {
	margin : 0 0 6px;
	color  : #333;
	font   : 400 28px/normal 'Merriweather', serif;
}

h2 {
	color  : #333;
	margin : 0 0 .25em;
	font   : 700 1.57em 'Merriweather', serif
}

h3 {
	color  : #333;
	margin : 0 0 .25em;
	font   : 400 1.29em Arial, Helvetica, sans-serif
}

.readon {
	display     : block;
	margin      : 16px 0;
	color       : #8D8B8B;
	line-height : 24px
}

.button, .submit, input[type="submit"], input[type="button"], button[type="submit"], .j-btn, #comments-form span.captcha, #b_scroller {
	padding               : 6px 10px;
	-moz-border-radius    : 2px;
	-webkit-border-radius : 2px;
	border-radius         : 2px;
	border                : solid 1px rgb(153, 153, 153) !important;
	background-color      : #DDD;
	background            : linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%);
	color                 : #333;
	text-decoration       : none;
	cursor                : pointer;
	display               : inline-block;
	text-align            : center;
	text-shadow           : 0 1px 1px #FFF;
	line-height           : 1;
}

.button:hover, .submit:hover, input[type="submit"]:hover, input[type="button"]:hover, button[type="submit"]:hover, #comments-form span.captcha:hover, .j-btn:hover, #b_scroller:hover {
	color : #0B55C4 !important
}

img.left-img {
	font-size     : 1em;
	float         : left;
	padding       : 4px;
	border        : 1px solid #CCC;
	margin-bottom : 1em;
	margin-right  : 1em;
	margin-top    : 0.3em
}

img.right-img {
	font-size     : 1em;
	float         : right;
	padding       : 4px;
	border        : 1px solid #CCC;
	margin-bottom : 1em;
	margin-left   : 1em;
	margin-top    : 0.3em
}

/* DESIGN STYLE */
#b_scroller {
	position : fixed;
	right    : 2em;
	bottom   : 2em;
}

/* BoDy */
.wrapper {
	max-width : 1269px;
	padding   : 0 1rem;
	margin    : 0 auto;
}

#wrapper {
	position : relative
}

.wide-right {
	float : left;
	width : 78%;
}

body .middle ul {
	margin     : 0 0 0 -1% !important;
	padding    : 1em 0 !important;
	list-style : none
}

body .middle ul li {
	float   : left;
	width   : 32.3%;
	padding : 0 !important;
	margin  : 0 0 0 1%
}

/* ToP MeNU */

/* Common JComments styles */
#jc a:link, #jc a:visited, #jc a:hover {
	outline : none
}

#jc .busy {
	display : none;
	margin  : 3px auto;
	padding : 0;
	width   : 16px;
	height  : 16px
}

/* title h4*/
#jc h4 {
	font-size   : 1.4em;
	font-weight : normal;
	margin      : 0 0 1rem;
}

/*message*/
#jc .message {
	color           : #777;
	background      : none;
	text-align      : center;
	text-decoration : none;
	text-transform  : none;
	text-indent     : 0;
	padding         : 5px 0 0 0;
	border-top      : 1px solid #D2DADB
}

/*comment*/
#comments {
	overflow : hidden
}

#comments a[rel*=external] {
	padding : 0 10px 0 0;
	margin  : 0 2px
}

/*rss / refresh*/
#comments .rss, #comments a.subscribe {
	padding : 0 0 0 14px;
	margin  : 0 0 0 2px;
	border  : none
}

#comments .refresh {
	background  : url(../images/jc_refresh.gif) 0 0 no-repeat;
	display     : block;
	position    : fixed;
	right       : 0;
	top         : 50%;
	width       : 28px;
	height      : 29px;
	text-indent : -9999em;
	overflow    : hidden
}

#comments .refresh:hover {
	background-position : 0 -29px
}

#comments h4 .rss {
	padding : 0 0 0 10px;
	margin  : 0 0 0 5px;
	display : inline
}

/*list footer*/
#comments-list-footer {
	margin : 0 0 10px 20px
}

/*show/hide form*/
#comments-form-link .showform {
	margin      : 5px 0 0 22px;
	padding     : 0 0 5px 14px;
	border      : none;
	font-weight : bold;
	display     : block
}

#comments .comment-box {
	margin : 0
}

#comments .comment-anchor {
	color           : #777;
	text-decoration : none;
	border          : none
}

#comments .comment-author,
#comments .author-homepage {
	font-size   : 13px;
	font-style  : italic;
	font-weight : 700
}

#comments .author-homepage {
	text-decoration : none;
	border-bottom   : 1px dotted #3C452D
}

#comments .comment-title {
	color            : #B01625;
	background-color : inherit;
	margin           : 0;
	padding          : 0
}

/*date and time*/
#comments .comment-date {
	font-size : 11px
}

#comments .commennts {
	background : #FDD47F;
	padding    : 12px 14px;
	font-size  : 13px;
	margin     : 0 0 17px 60px;
	position   : relative
}

#comments .comment-avatar {
	margin   : 0;
	padding  : 0;
	position : absolute;
	left     : -60px;
	top      : 0;
	border   : 6px solid #FDD47F
}

#comments .comment-avatar img {
	width   : 32px;
	height  : 32px;
	display : block
}

#comments .comment-avatar:after {
	content           : " ";
	display           : block;
	position          : absolute;
	width             : 25px;
	height            : 6px;
	background        : #FDD47F;
	left              : 32px;
	top               : 12px;
	-webkit-transform : rotate(-15deg);
	-o-transform      : rotate(-15deg);
	-moz-transform    : rotate(-15deg);
	transform         : rotate(-15deg);
}

/* Quote, Code and Hidden block styles */
#comments .quote, #comments blockquote {
	margin           : 5px 0 5px 10px;
	display          : block;
	clear            : both;
	background-image : none
}

#comments blockquote, #comments .hidden {
	color         : #849B9F;
	text-align    : left;
	padding       : 8px;
	border        : 1px dashed #849B9F;
	margin-bottom : 8px
}

#comments span.quote {
	color : #777
}

#comments span.hidden {
	clear   : both;
	display : block;
	margin  : 5px 0
}

/* Quote and Reply to buttons panel */

#comments .email, #comments .emailactive {
	text-decoration : none;
	white-space     : normal;
	margin          : 0;
	padding         : 0;
	line-height     : 10px;
	cursor          : pointer;
	border-bottom   : 1px dotted #999
}

#comments .email {
	color : #444
}

#comments .emailactive {
	color : #C00
}

#comments .email img, #comments .emailactive img {
	padding : 0
}

#comments .comment-body {
	line-height : 125%;
}

#comments .comment-body img {
	padding : 0;
	border  : 0 none;
	display : inline-block;
}

#comments .comment-body .img {
	padding   : 4px 0 !important;
	max-width : 500px
}

#comments .toolbar {
	border-top : 1px solid #000;
	margin     : 10px 0 0 0;
	padding    : 5px 0 0 0
}

#comments .toolbar img {
	cursor  : pointer;
	padding : 0;
	margin  : 0
}

/* comments list styles */
#comments .comments-list .comments-list {
	margin-left : 2rem;
}

#comments-list .comments-inline-edit {
	padding          : 5px;
	margin           : 5px 0;
	color            : inherit;
	background-color : #FFF;
	border           : 1px solid #CCC
}

/* comment form styles */
#comments-form, #comments-form p, #comments-form .comments-policy, #comments-form span, #comments-form .counter {
}

#comments-form h4 {
	padding     : 0;
	margin      : 0;
	line-height : 35px
}

#comments-form span, #comments-form .counter {
	color : #777
}

#comments-form #comments-form-buttons, #comments-form #comments-form-error {
	margin-left   : 0 !important;
	margin-top    : 10px;
	margin-bottom : 8px;
	overflow      : hidden;
	padding       : 0
}

#comments-form {
	padding : 0 0 14px
}

#comments-inline-edit #comments-form {
	margin : 0 0 14px 60px
}

#comments-inline-edit #comments-form #comments-form-buttons,
#comments-inline-edit #comments-form-error {
	margin-left   : 0 !important;
	margin-top    : 5px;
	margin-bottom : 2px;
	padding       : 0
}

#comments-form .smile {
	margin  : 0 3px 3px 0;
	padding : 0;
	border  : none;
	cursor  : pointer
}

#comments-form img.captcha {
	border  : 1px solid #CCC;
	display : inline-block;
}

#comments-form label {
	color       : #717171;
	font-size   : 13px;
	line-height : 18px;
	font-weight : 700;
	margin      : 0 0 14px;
	display     : block
}

#comments-form label span {
	color : red
}

#comments-form .inputbox, #comments-form textarea {
	color            : #444;
	background-color : #FFF;
	padding          : 0;
	border           : 1px solid #CCC
}

#comments-form .inputbox {
	width       : 75%;
	font-size   : 18px;
	font-weight : 700;
	padding     : 4px 6px
}

#comments-form .selected {
	background : #FFF;
	border     : 1px solid #95BFE8
}

#comments-form .error, #comments-form .error {
	border           : 1px solid #F00;
	text-decoration  : none;
	text-transform   : none;
	background-color : #FFFFE0
}

#comments-form .jc-input-text {
	box-shadow          : 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
	border              : 1px solid #E1E1E1;
	padding             : .5rem 1rem .5rem 2rem;
	background-image    : url(../images/i__username.png);
	background-position : 8px 50%;
	background-repeat   : no-repeat;
	margin              : 0;
	width               : 49%;
	-webkit-box-sizing  : border-box;
	-moz-box-sizing     : border-box;
	box-sizing          : border-box;
	float               : left;
	display             : block;
}

#comments-form #comments-form-email {
	margin-left      : 2%;
	background-image : url(../images/i__contact.png);
}

#comments-form-subscribe {
	float : left
}

#comments-form .checkbox {
	width          : 16px;
	line-height    : 1.5em;
	padding        : 0;
	margin         : 0;
	vertical-align : middle;
	border         : none
}

#comments-form .captcha {
	width  : 116px;
	margin : 3px 0 5px 0
}

#comments-form textarea {
	width              : 100% !important;
	height             : 120px;
	padding            : .5rem;
	box-shadow         : 1px 1px 5px rgba(0, 0, 0, 0.4) inset;
	border             : 1px solid #E1E1E1;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	margin             : 0;
}

#comments-form .smiles {
	margin : 3px 0 0
}

#comments-form .smiles img {
	display : inline-block;
}

#comments-form #comments-form-message,
#comments-inline-edit #comments-form-message {
	padding    : .5rem .5rem .5rem 2rem;
	display    : block;
	background : #ebf2ea;
	color      : red;
}

#comments-form .counterpanel {
	height           : 13px;
	display          : block;
	overflow         : hidden;
	color            : #CCC;
	padding          : 0;
	margin           : 0;
	border           : 1px solid #DDD;
	border-top-width : 0;
	max-width        : 400px !important;
	width            : 350px;
	background-color : #EEE
}

#comments-form .j-btn a {
	text-decoration : none;
	color           : #000
}

#comments-form .j-btn a:hover {
	color : #0B55C4
}

#comments-form-smilespanel {
	display          : none;
	cursor           : pointer;
	padding          : 2px;
	max-width        : 200px;
	background-color : #FFF;
	border           : 1px solid #CCC;
	overflow         : auto;
	left             : 0;
	top              : 0;
	position         : absolute
}

#comments-footer, #comments-footer a {
	color            : #CCC !important;
	background-color : inherit;
	font             : normal 9px Verdana, Arial, Sans-Serif !important
}

#comments-footer {
	display     : block;
	height      : 14px;
	border-top  : 1px solid #CCC;
	padding-top : 1px;
	margin-top  : 4px;
	text-align  : right
}

#comments-footer a {
	text-decoration : none !important;
	text-transform  : none;
	padding         : 0;
	margin          : 0;
	border          : none !important;
	float           : right;
	background      : none !important
}

/* comments pagination styles */
body #jc #nav-bottom, body #jc #nav-top {
	line-height : 19px !important;
	height      : auto !important;
	text-align  : center
}

#jc #nav-bottom .page, #jc #nav-top.page {
	color            : #777;
	background-color : #EEE;
	border           : 1px solid #D6DADD
}

#jc #nav-bottom .hoverpage, #jc #nav-top .hoverpage {
	color            : #777;
	background-color : #E8E9EA;
	border           : 1px solid #D6DADD
}

#jc #nav-bottom span, #jc #nav-top span {
	color          : #777;
	font-size      : 10px;
	font-family    : Arial, sans-serif;
	margin         : 0 2px;
	height         : 15px;
	padding        : 2px 8px;
	cursor         : pointer;
	vertical-align : top
}

#jc #nav-bottom .activepage, #jc #nav-top .activepage {
	background-color : white
}

#jc #nav-bottom, #jc #nav-top {
	position : relative;
	z-index  : 2;
	width    : 100%
}

#jc #nav-bottom {
	margin  : 10px 0 0 0;
	padding : 0
}

#jc #nav-bottom .activepage {
	border-bottom : 1px solid #D6DADD;
	border-left   : 1px solid #D6DADD;
	border-right  : 1px solid #D6DADD;
	border-top    : 1px solid white
}

#jc #nav-top {
	margin : 14px 0
}

#jc #nav-top .activepage {
	border-top    : 1px solid #D6DADD;
	border-left   : 1px solid #D6DADD;
	border-right  : 1px solid #D6DADD;
	border-bottom : 1px solid white
}

section img[align="right"], section img[align="left"], .smiles img {
	width  : auto;
	height : auto
}

.list li, .searchintro {
	margin : 0 0 1.5em
}

.list h4 {
	margin : 0
}

.list p {
	margin    : 0;
	font-size : 11px;
	color     : #666
}

.list .highlight {
	font-weight : 700
}