/*
 Theme Name:   Chooko Lite Child for Praktis Print Blog
 Theme URI:    http://praktisprint.com/
 Description:  Chooko Lite Child for Praktis Print Blog
 Author:       Ferindra N
 Author URI:   http://fnugrahendi.wordpress.com
 Template:     chooko-lite
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  chooko-lite-child
*/

@import url(//fonts.googleapis.com/css?family=Karla:700|Open+Sans:400,600,400italic,600italic);

/* header */
#header {
border-bottom: 3px solid #f87c29;
}

.socmed-con{
	display: block;
	height: 30px;
	background-color: #f2f2f2;
	width:100%;
	border-bottom: 1px solid #cbcbcb;
	position: fixed;
	z-index: 2;
}

.socmed{
	width: 960px;
	font-family: Open Sans;
	font-size: 12px;
	margin: 5px auto;
	color: #a5a5a5;
}

.socmed p#right{
	float: right;
}

.socmed p#left{
	float: left;
}

.socmed img{
	padding: 0px 5px;
}

.socmed a, .socmed a:visited{
	text-decoration: none;
	font-family: Open Sans;
	font-weight: 600;
	color: #646464 !important;
	font-style: italic;
}

.socmed a:hover{
	text-decoration: none;
	font-family: Open Sans;
	font-weight: 600;
	color: #f87c29;
	font-style: italic;
}

#navbar > .menu-container {
	width: 960px;
	background-color: transparent;
	margin-top: -90px;
}

#navbar ul {
	margin-bottom: 0;
	min-height: 30px;
}

#navbar ul li {
	display: inline-block;
	margin: 0px 5px 30px;
	padding: 5px 10px;
	/*margin: 0;
	padding: 20px 15px;*/
	min-height: 30px;
	line-height: 30px;
	position: relative;
}

#navbar ul li:hover,
#navbar ul li:focus {
	background-color: #FFFFFF;	
}

#navbar ul li,
#navbar ul li a {
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

#navbar ul li a,
#navbar ul li a:visited {
	font-family: Karla;
	font-size: 14px;
	display: block;
	color: #777;
	width: 100%;
	height: 100%;
}

#navbar ul li:hover a,
#navbar ul li:focus a {
	color: black;
	text-decoration: none;
}

#navbar .current-menu-item {
	background-color: white;	
}

#navbar .current-menu-item a,
#navbar .current-menu-item a:visited {
	color: black;
}

#navbar > *, #navbar ul > * {
	float: right;
}


#sub-footer {
	background: #f4f4f4;
	font-size: 10px;
	color: #666;
	padding: 20px 0;
}

.postmetadata span {
	font-family: Open Sans;
	font-style: italic;
	font-weight: 600;
	font-size: 12px;
	color: #999999;
}

.postmetadata span a:visited {
	color: #507786;
}

.postmetadata span.icon {
	background-color: #B0B0B0;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.postmetadata span a:hover,
.postmetadata span a:focus {
 	color: #B0E0E6;
}

#page-container h3.entry-title a:hover {
	text-decoration: none;
 	color: #507786;
}

.tags span {
	background-color: #B0E0E6;
}

.tags span:hover {
	background-color: #7AC5CD;
}

h3.entry-title {
	color: #507786;
	font-size: 24px;
	margin-bottom: 10px;
}

/*.read-more {
	background-color: #fff;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}*/



/*.read-more ,
.read-more a:visited {
	background-color: #fff;
	color: #333;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.page_nav div {
	background-color: #507786;
}

.page_nav div a:hover,
.page_nav div a:focus {
	background-color: #507786;
}

/*.page_nav div a,
.page_nav div a:visited {
	background-color: #7AC5CD;
}
*/
.sticky {
    padding: 20px;
    border: 2px dashed #7AC5CD;
}

.paged_nav a {
	background-color: #7AC5CD;
}

.paged_nav a:hover {
	background-color: #B0E0E6;
}

.paged_nav > span {
	background-color: #507786;
	color: white;
}

.commentlist .comment .comment-body .reply {
	/*background-color: #7AC5CD;*/
}

.commentlist .comment .comment-body {
	color: #507786;
}

.commentlist .commentmetadata a {
	color: #507786;
}

.commentlist .comment .comment-body .reply a:hover,
.commentlist .comment .comment-body .replya:focus {
	background-color: #003e7f;
	text-decoration: none;
}

.comments_nav div {
	height: 30px;
    line-height: 30px;
    background-color: #507786;
	background-repeat: no-repeat;
}

.comments_nav div a,
.comments_nav div a:visited {
	background-color: #7AC5CD;
}

.comments_nav div a:hover,
.comments_nav div a:focus {
	background-color: #507786;
	text-decoration: none;
}

#sidebar .tagcloud a:hover {
	background-color: #7AC5CD;
}

#sidebar > li > * a {
	color: #999;
}

#sidebar > li > * a:hover {
 	color: #333;
	text-decoration: none;
}

#sidebar .widget-title {
	font-family: Karla;
	color: #333333;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0;
}

#footer {
	background-color: #507786;
	border-top: 6px solid #7AC5CD;
}

#footer .container .widget a,
#footer .container .widget a:visited {
	color: #7AC5CD;
}

#footer .container .widget a:hover,
#footer .container .widget a:focus {
	 color: #B0E0E6;
}

#footer .tagcloud a {
	background-color: #B0E0E6;
}

#footer .tagcloud a:hover {
	background-color: #7AC5CD;
}

.sub-footer-right .menu li a:hover,
.sub-footer-right .menu li a:focus {
	 color: #7AC5CD;
 }


input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	background-color: #f5f5f5;
	color: #555;
	border: 1px solid #cdcdcd;
	border-radius: 5px;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
	font-family: Open Sans;
	font-size: 12px;
	background-color: #18589c;
	color: #fff;
	padding: 5px;
	border: 1px solid #18589c;
	border-radius: 5px;
}

a, a:visited {
	color: #18589c;
}

a:hover, a:focus {
	color: #9a9a9a;
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background-color: #003e7f;
	color: #fff;
	text-decoration: none;
	border: 1px solid #003e7f;
	border-radius: 5px;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
	background-color: #f5f5f5;
	color: #555555;
	border: 1px solid #cdcdcd;
	border-radius: 5px;
}

h6 {
	color: #507786;
}

tfoot tr:nth-child(odd) {
	background-color: #507786;
}

label {
	color: #555;
	font-size: 16px;
	line-height: 30px;
}