/* ---------------------------------------------------------------------------- */

/* -------------------------------------Button--------------------------------- */

/* ---------------------------------------------------------------------------- */

a.button{cursor: pointer;color: #123165;line-height: 14px;}

a.button {display: inline-block;	text-decoration: none;}

a.button:hover{color: #1A458C;}

a.button {font-size: 100%;border-radius: 18px;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);background: none;margin: 25px 0;padding: 10px;border: 1px solid;}



/* ---------------------------------------------------------------------------- */

/* -------------------------------Navigation - Menu---------------------------- */

/* ---------------------------------------------------------------------------- */

nav { margin: 0 auto;display: inline-block;}



.toggleMenu {display: none;padding: 10px 15px;color:#ffffff;font-size: 16px; text-transform: uppercase; font-weight: bold;}



.menu {}

.menu:before,.menu:after {content: " "; display: table;}

.menu:after {clear: both;}



.menu ul {list-style: none; width: 15em;}

.menu a {padding: 10px 20px;color:#ffffff;font-size: 16px;}



.menu li {position: relative;}

.menu > li {float: left;}

.menu .parent{background-image: url("../imgs/downArrow.png");background-repeat: no-repeat;background-position: 95% 50%;}

.menu > li > a {display: block;}

.menu li  ul {position: absolute;left: -9999px;}

.menu > li.hover > ul {left: 0;}

.menu li li.hover ul {left: 100%;top: 0;}

.menu li li a {display: block;background-color: #3A3A3A;position: relative;z-index:100;border-bottom:2px solid #000000;}

.menu li li li a {background:#3A3A3A;z-index:200;border-bottom:2px solid #000000;}





/* ---------------------------------------------------------------------------- */

/* -------------------------------------Search--------------------------------- */

/* ---------------------------------------------------------------------------- */

#search {margin: 7px 0;}



#search input[type="text"] {

    background: url(../imgs/search-dark.png) no-repeat 10px 6px #E9E9E9;

    border: 0 none;

    font: bold 12px Arial,Helvetica,Sans-serif;

    color: #867B6E;

    width: 150px;

    padding: 6px 15px 6px 35px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 18px;

    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;

    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;

    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;

    -webkit-transition: all 0.7s ease 0s;

    -moz-transition: all 0.7s ease 0s;

    -o-transition: all 0.7s ease 0s;

    transition: all 0.7s ease 0s;

    }



/*#search input[type="text"]:focus {width: 200px;}*/



/* ---------------------------------------------------------------------------- */

/* -------------------------------------Title-------------------------------- */

/* ---------------------------------------------------------------------------- */

.title {font-size: 25px;color:#9B4800;line-height: 3em;}

.title {margin: 20px 20px -15px 20px;}

.title a{padding: 0 15px 0 15px;background-color: transparent;}

.title a:hover {opacity: 3;}



/* ---------------------------------------------------------------------------- */

/* -------------------------------------Article-------------------------------- */

/* ---------------------------------------------------------------------------- */

article{background: #F7F8FC; margin-bottom: 20px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #333; box-shadow: 5px 5px 5px #333;}

article:after, article:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

article .line{background: #4D4D4D; height: 5px; width: 100px; margin: 10px auto;}

article span {color: #64A2B4;}

article img{display: inline-block;}

article img.full{width:100%; -moz-border-radius:6px; border-radius:6px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}

article p{margin-bottom:10px;color: #444;}



article .art-header{text-align: center; margin-bottom: 25px;}



article .art-content{}

article .art-content p {line-height: 1.8em;font-size: 16px;text-align: justify;padding: 5px 22px 22px 22px;margin: 0 auto;letter-spacing:0.1em;}

article .art-content blockquote p{border-left: 3px solid #1c7791;font-size: 120%;margin: 0 50px;font-style: italic;color: #777;}

article .art-content h2 {font-size: 1.7em;line-height: 2em;padding: 0px 20px;}

article .art-content ol {float: left;text-align: justify;margin: 10px 50px;font-size: 16px;list-style-type: circle;}

article .art-content .content-social{ margin: 5px 0;text-align: center;}

article .art-content a.button {border: 1px solid #57A8C1;}

article .art-content .info{font-style:italic;}



article .art-footer {margin: 0 -5px -20px -5px;}

article .art-footer .meta {border-bottom: 1px solid #e0e1dc;background-image: url("https://lh3.googleusercontent.com/-1QB3XFmdlYY/UcPyBWfyb4I/AAAAAAAAB74/ITrfhAVjwNI/s67/pattern.png"); padding: 0px 20px;line-height: 2;margin-top: 20px;}

article .art-footer .meta a {color: #999999;font-family: Georgia,"Times New Roman",Times,serif;font-size: 12px;font-style: italic;}

article .art-footer .meta .comment { background-image: url("../imgs/meta_comment.png"); padding-left: 20px;background-repeat: no-repeat;background-position: 0px;float: left;}

article .art-footer .meta .user { background-image: url("../imgs/meta_user.png"); padding-left: 20px;background-repeat: no-repeat;background-position: 0px;float: right;}



article.blue {background-color: #57A8C1;}

article.blue .art-content a.button {border: 1px solid #fff;}

article.blue .art-content a.button {color: #fff;}

article.blue .title a{background-color: #57A8C1;color: #fff;}

article.blue p{color: #fff;}

article.blue span {color: #fff;}

article.blue .art-footer .meta a {color: #ddd4d4;}



article.black {background-color: #3A3A3A;}

article.black .title a{color: #CC8828;background-color: #3A3A3A;}

article.black  p{color: #fff;}

article.black  span {color: #CC8828;}

article.black .art-content a.button {border: 1px solid #CC8828;}

article.black .art-content a.button {color: #CC8828;}

article.black .title {background: url("../imgs/Untitled-1.jpg") repeat-x left;}

article.black .art-footer .meta a {color: #aea2a2;}



article.single{}

article.single .wrap-art {padding: 20px;}



article .wrap-art-related{background-color: #fff;padding: 20px;}

article .art-related{margin-top: 30px;text-align: center;}

article .art-related img{display: inline-block; margin: 10px 0;}

article .art-related h4{font-size: 16px; text-transform: capitalize;}



/* ---------------------------------------------------------------------------- */

/* -------------------------------------Widget--------------------------------- */

/* ---------------------------------------------------------------------------- */

.widget {margin-bottom: 35px; text-align: center;}

.widtget:after, .widget:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}



.widget .wid-header {background: url("../imgs/Untitled-2.jpg") repeat-x left;}

.widget .wid-header h4{font-size: 23px;color:#9B4800;float: left;margin: 10px 0;display: inline-block;line-height: 2em;padding: 0 27px 0 5px;background-color: #fff;}



.widget .wid-content{padding:5px;}

.widget .wid-content a {font-size:17px;color:#867B6E;float: left;}

.widget .wid-content a:hover { color: #1c7791;}





#sidebar .widget .wid-about {margin: -20px;}

#sidebar .widget .wid-about{background: url("../imgs/about.jpg") no-repeat center; background-size: 100%;height: 120px; padding-top: 80px;}

#sidebar .widget .wid-about a{font-size:35px;text-transform: uppercase; font-weight: bold ;color: #fff;}



#sidebar .widget.wid-posts{}

#sidebar .widget.wid-posts .post{}

#sidebar .widget.wid-posts .post:after, .widget.wid-posts .post:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

#sidebar .widget.wid-posts h6{font-size: 15px;color: #867B6E;font-weight:normal;}

#sidebar .widget.wid-posts img{float: left; margin: 15px 10px; width: 100px;}

#sidebar .widget.wid-posts p{color:#A3A3A3; font-style:italic;}

#sidebar .widget.wid-posts .resent {vertical-align: middle;text-align: left;line-height: 1.4em;padding-bottom: 7px;margin-top: 22px;display: inline-block;}



#sidebar .widget.wid-gallery img{

	width: 100%;

}



#sidebar .wid-archives {margin-top: 5px;}

#sidebar .wid-archives select {margin: 5px 0;height: 40px;width: 100%;padding-left: 10px;font-family: "Noto Serif",serif;font-size: 16px; background-color: #e9e9e9;color: #777777;border: none;}







/* ---------------------------------------------------------------------------- */

/* -------------------------------------Contact-------------------------------- */

/* ---------------------------------------------------------------------------- */



#contact_form {background:#ffffff;padding:25px;}



#ff label {cursor:pointer;margin:4px 0;display:block;font-weight:800;}



input {	display:block;width:90%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#f4f4f4; color:#000;	border:1px solid #5f5f5f;padding:10px;	margin-bottom:25px;}



textarea {display:block;width:90%;height:200px; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#f4f4f4; color:#000;	border:1px solid #5f5f5f;padding:10px;	margin-bottom:25px;}



.sendButton {cursor:pointer;background-color:#222222;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;	color:#ffffff;width:25%;	font-weight:bold;}

.sendButton:hover {	opacity: 0.8;}