/**
 *
 * -------------------------------------------
 * WP Extensions CSS file
 * -------------------------------------------
 * 
 **/
 
/*
 *
 * 8. Additional WP extensions styles
 *
 *
------------------------------------ */

/* 8.1. Archives widget
==================================== */

/* 8.2. Custom menu widget
==================================== */

/* 8.3. Pages widget
==================================== */

/* 8.4. RSS widget
==================================== */

.box h3.box-title .rsswidget {
	clear: none;
	float: left;
	font-size: 24px;
	margin-right: 10px;
}

.box .rsswidget {
	clear: both;
	display: block;
	font-size: 12px;
}

.box .rss-date {
	clear: both;
	display: block;
	font-size: 9px;
	font-style: italic;
	margin-top: -6px;
	text-align: right;
}

#gk-mainbody-wrap {
	color: #7d7b7a;
}

.box .rssSummary {
	clear: both;
	color: #fff;
	font-size: 10px;
	line-height: 1.5;
	margin-bottom: 10px;
}

/* 8.5. Text widget
==================================== */

#gk-header .box.widget_text {
	padding: 0!important;
}

#gk-header .box.widget_text img {
	height: auto;
	max-width: 100%;
}

/* 8.6. Calendar widget
==================================== */

.box #wp-calendar,
	 #wp-calendar {
	background: none;
	color: white;
	font-size: 11px;
	width: 100%;
}

.box #wp-calendar caption,
	 #wp-calendar caption {
	background: #353639 !important;
	border: none;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 0;
}

.box #wp-calendar th,
	 #wp-calendar th {
	background: none;
	color: #fff;
	font-weight: normal;
}

.box #wp-calendar td,
	 #wp-calendar td {
	padding: 5px 0;
	text-align: center;
}

.box #wp-calendar td a,
	 #wp-calendar td a {
	font-weight: bold;
}

.box #wp-calendar #today { 
     font-size: 14px; 
     font-weight: bold;  
}

/* 8.7. Links widget
==================================== */

.box ul.xoxo a {
	display: block;
	font-size: 12px;
	line-height: 20px;
}

.box ul.xoxo a img {
	vertical-align: middle;
}

.box ul.xoxo li {
	font-size: 10px;
	padding: 5px 0;
}

/* 8.8. Recent comments widget
==================================== */

/* 8.9. Search widget
==================================== */
 
.box #searchform label,
.box #searchform #searchsubmit {
	display: none;
}

.box #searchform .field {
	width: 100%;
}
 
/* 8.10. Categories widget
==================================== */

/* 8.11. Meta widget
==================================== */

/* 8.12. Recent posts widget
==================================== */

/* 8.13. Tag cloud widget
==================================== */

.box.tags .tagcloud a {
	
	background: url(../images/style1/tags_aside.png) no-repeat 0 100%;
	-webkit-border-radius: 0 2px 2px 0;
	   -moz-border-radius: 0 2px 2px 0;
			border-radius: 0 2px 2px 0;
	color: #fff !important;
	display: block;
	float: left;
	font: normal 11px/19px Arial, Helvetica, sans-serif !important;
	height: 19px;
    margin: 4px 8px 4px 0;
    padding: 0 13px 0 23px;
    position: relative;
    -webkit-transition: left 0.12s ease-out;
       -moz-transition: left 0.12s ease-out;
        -ms-transition: left 0.12s ease-out;
         -o-transition: left 0.12s ease-out;
            transition: left 0.12s ease-out;
   
}

.box.tags .tagcloud a:active,
.box.tags .tagcloud a:focus,
.box.tags .tagcloud a:hover {
	background-position: 0 0;
	color: #777 !important;
	left: -3px;
	position: relative;
}

/* 8.14. Common widget styles
==================================== */

/* Modules */
.box {
	margin-bottom: 46px;
}

#gk-header .box {
	margin-bottom: 0!important;
}

.box ul {
	list-style-type: none;
	margin: 0;
}

.box ul li {
	line-height: 1.5;
	padding: 5px 0;
}

.box .box-title {
	color: #353639;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 10px;
}

#gk-bottom .box a {
	color: #777;
}

#gk-bottom .box a:active,
#gk-bottom .box a:focus,
#gk-bottom .box a:hover {
	color: #333;
}
#gk-bottom .box ul li {
	line-height: 2;
	padding: 0;
}

/* Suffix dark */
.box.dark > div {
	background: #353639;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
			border-radius: 8px;
	color: #aaa;
	padding: 15px 20px;
}

.box.dark h3.box-title {
	color: #fff !important;
}

.box.dark li {
	border-top: none !important;
	list-style-type: none;
	line-height: 26px;
	padding: 6px 0;
}

.box.dark a {
	color: #fff;
}
.box.dark a:hover,
.box.dark a:active,
.box.dark a:focus {
	color: #e25527 !important;
}

/* Suffix color1 */
#gk-mainbody-wrap .box.color1,
#gk-mainbody-wrap .box.color1 .box-title {
	color: #e25527 !important;
}

#gk-mainbody-wrap .box.color1 li {
	border-top: 1px solid #eee;
	list-style-type: none;
	line-height: 26px;
	padding: 6px 0;
}

#gk-mainbody-wrap .box.color1 li:first-child {
	border-top: none;
}

/* Suffix color2 */
.box.color2 {
	background: #fff;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
			border-radius: 8px;
	color: #7a7a7a!important;
}

.box.color2 > div {
	padding: 15px 20px;
}

.box.color2 .box-title {
	color: #353639 !important;
}

.box.color2 li {
	border-top: none;
}

.box.color2 a {
	color: #e25527 !important;
}

.box.color2 a:active,
.box.color2 a:focus,
.box.color2 a:hover {
	color: #353639 !important;
}

#gk-mainbody-wrap .box.color2 {
	background: #e25527;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #fff !important;
}

#gk-mainbody-wrap .box.color2 > div {
	padding: 15px 20px;
}

#gk-mainbody-wrap .box.color2 .box-title,
#gk-mainbody-wrap .box.color2 a {
	color: #fff !important;
}

#gk-mainbody-wrap .box.color2 a:hover,
#gk-mainbody-wrap .box.color2 a:active,
#gk-mainbody-wrap .box.color2 a:focus {
	color: #ffb69e !important;
}

#gk-mainbody-wrap .box.color2 li {
	border-top: none;
}

/* Suffix border */
.box.border > div {
	border: 4px solid #fff;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
			border-radius: 8px;
	padding: 10px 15px;
}

#gk-mainbody-wrap .box.border li {
	border-top: 1px solid #eee;
	list-style-type: none;
	line-height: 26px;
	padding: 6px 0;
}

#gk-mainbody-wrap .box.border li:first-child {
	border-top: none;
}

#gk-mainbody-wrap .box.border > div {
	border: 4px solid #e25527;
}

/* Big suffix */
.box.big .box-title {
	font-size: 35px!important;
	line-height: 40px!important;
}

/* Advertisement suffix */
.box.advertisement .box-title {
	border-bottom: 1px solid #ffb69e;
	color: #ffb69e !important;
	font-family: Arial, Verdana, sans-serif;
	font-size: 9px !important;
	font-weight: normal;
	margin: 0 0 10px 0;
	text-align: right;
	text-transform: uppercase;
}

#gk-mainbody-wrap .box.advertisement .box-title {
	font-size: 9px !important;
	border-bottom: 1px solid #eee;
	color: #999 !important;
}

/* Menu suffix */
.box.menu ul {
	margin: 0 0 0 25px;
	padding: 0;
}

.box.menu ul li {
	border-top: none;
	position: relative;
	padding: 0 !important;
}

.box.menu ul li:before {
	background: #fff;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
	content: "";
	display: block;
	height: 8px;
	left: -20px;
	position: absolute;
	top: 12px;
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
		 -o-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
	width: 8px;
}

.box.menu ul li:hover:before {
	background: #ffb69e;
	height: 10px;
	left: -21px;
	top: 11px;
	width: 10px;	
}

.box.menu ul li a {
	color: #fff;
	display: block;
	font-size: 15px;
	line-height: 14px;
	min-height: 14px;
	padding: 9px 0;
}

.box.menu ul li a:active,
.box.menu ul li a:focus,
.box.menu ul li a:hover {
	color: #e25527;
}

.box.menu ul ul {
	margin: 0;
}

.box.menu ul ul li a {
	font-size: 13px;
	padding: 5px 0;
}

.box.menu ul ul li:before {
	height: 6px;
	left: -19px;
	top: 9px;
	width: 6px;
}

.box.menu ul ul li:hover:before {
	height: 8px;
	left: -20px;
	top: 8px;
	width: 8px;
}

#gk-mainbody-wrap .box.menu ul {
	font-size: 14px;
}

#gk-mainbody-wrap .box.menu ul li:before {
	background: #353639;
}

#gk-mainbody-wrap .box.menu ul li:hover:before {
	background: #e25527;
}

#gk-mainbody-wrap .box.menu ul li a {
	color: #353639;
}

#gk-mainbody-wrap .box.menu ul li a:active,
#gk-mainbody-wrap .box.menu ul li a:focus,
#gk-mainbody-wrap .box.menu ul li a:hover {
	color: #e25527;
}