/**
 *
 * -------------------------------------------
 * Style 1
 * -------------------------------------------
 *
 **/

/*
 *
 * 13. Style I
 *
 *
------------------------------------ */

/* 13.1. template.css
==================================== */

a {
	color: #6a9edb;
}

h1 a:active,
h2 a:active,
h3 a:active,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h1 a:hover,
h2 a:hover,
h3 a:hover,
article section.content a,
article section.intro a {
	color: #6a9edb;
}

.btn:hover,
.btn:active,
.btn.active,
.btn:focus,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:active,
input[type="button"]:active,
input[type="submit"]:active,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
	background-color: #6a9edb;
}

#gk-head a.cssLogo {
	background-image: url('../images/style1/logo.png');
}

/* 13.2. stuff.css
==================================== */

.pagenav li a:active,
.pagenav li a:focus,
.pagenav li a:hover {
	background: #6a9edb;
}

.item-tags a:active,
.item-tags a:focus,
.item-tags a:hover {
	color: #6a9edb;
}

/* 13.3. wp.css
==================================== */

#main-menu > li > a:hover {
	color: #7fb3ef;
}

#main-menu > li.current-menu-item > a,
#main-menu > li.current_page_item > a,
#main-menu > li.current-menu-ancestor > a, 
#main-menu > li.current-menu-parent > a {
	background: #7fb3ef!important;
}

#main-menu > li:hover > a,
#main-menu > li.active > a {
	color: #7fb3ef;
}

#main-menu .sub-menu li:hover > a,
#main-menu .sub-menu li > a:active,
#main-menu .sub-menu li > a:focus,
#main-menu .sub-menu li > a:hover {
	color: #7fb3ef;
}

#comments em.awaiting-moderation {
	color: #ef7f7f;
}

aside.meta a:active,
aside.meta a:focus,
aside.meta a:hover {
	color: #6a9edb;
}

/* 13.4. wp.extensions.css
==================================== */

.box.tags .tagcloud a {
	background: #6a9edb;
}

.box.color .box-title {
	color: #6a9edb;
}

/* 13.5. gallery.css
==================================== */

#gallery ol li:hover,
#gallery ol li.active {
	background: #7fb3ef;
}

/* 13.6. shortcodes.typography.css
==================================== */

.gk-warning,
.gk-notice,
.gk-info,
.gk-error { 
	background-color: #fffef8;
	border: 1px solid #EAE8CC;
}

.gk-info {
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	color: #666;
}

.gk-notice {
	background-color: #bcd7f6;
	border-color: #7FB3EF;
	color: #3b70ab;
}

.gk-error {
	background-color: #f7c2c2;
	border-color: #EF7F7F;
	color: #ab3b3b;
}

pre.gk-code[data-style="style2"] {
	border-left: 4px solid #7FB3EF;
}

pre.gk-code[data-style="style3"] {
	border-bottom: 4px solid #7FB3EF;
	border-top: 4px solid #7FB3EF;
}

.gk-textblock,
.gk-textblock[data-style="style1"] {
	background: #7FB3EF;
}

.gk-textblock[data-style="style2"] {
	background: #EF7F7F;
}

.gk-numblock span,
.gk-numblock[data-style="style1"] span {
	background: #EF7F7F;
}

.gk-numblock[data-style="style2"] span {
	background: #EF7F7F;
}

blockquote.gk-quote[data-style="style2"] {
	border-left-color: #7FB3EF;
}

blockquote.gk-quote[data-style="style3"] {
	border-left-color: #EF7F7F;
}

blockquote.gk-quote[data-style="style4"] {
	border-left-color: #EAE8CC;
}

article.post ul li,
article.page ul li {
	background: url('../images/style1/shortcodes/bullet1.png') no-repeat 0 4px;
}

article ul[data-style="style1"] li {
	background-image: url('../images/style1/shortcodes/bullet1.png');
}

article ul[data-style="style2"] li {
	background-image: url('../images/style1/shortcodes/bullet2.png');
}

article ul[data-style="style3"] li {
	background-image: url('../images/style1/shortcodes/bullet3.png');
}

article ul[data-style="style4"] li {
	background-image: url('../images/style1/shortcodes/bullet4.png');
}

article ul[data-style="style5"] li {
	background-image: url('../images/style1/shortcodes/bullet5.png');
}

article ul[data-style="style6"] li {
	background-image: url('../images/style1/shortcodes/bullet6.png');
}

article ul[data-style="style7"] li {
	background-image: url('../images/style1/shortcodes/bullet7.png');
}

article ul[data-style="style8"] li {
	background-image: url('../images/style1/shortcodes/bullet8.png');
}

.gk-button[data-style="style2"] {
	background: #7fb3ef;
	color: #fff;
}

.gk-button[data-style="style2"]:hover {
	background: #9fd5ff;
	color: #fff;
}

.gk-button[data-style="style3"] {
	background: #ef7f7f;
	color: #fff;
}

.gk-button[data-style="style3"]:hover {
	background: #ff9f9f;
	color: #fff;
}

.gk-button[data-style="style5"] {
	border: 1px solid #7fb3ef;
	color: #4c80bc;
	background-color: #c9dff7;
}

.gk-button[data-style="style5"]:hover {
	border: 1px solid #9fd5ff;
	background-color: #ebfff9;
}

.gk-button[data-style="style6"] {
	border: 1px solid #ef7f7f;
	background-color: #f8dfdf;
	color: #cd4d4d;
}

.gk-button[data-style="style6"]:hover {
	border: 1px solid #ff9f9f;
	background-color: #f9efef;
}

.gk-legend[data-style="style2"] {
	border-color: #7FB3EF;
}

.gk-legend[data-style="style3"] {
	border-color: #EF7F7F;
}

.gk-legend[data-style="style4"] {
	border-color: #eae8cc;
}

/* 13.7. shortcodes.elements.css
==================================== */

.gk-note:before,
.gk-members:before {
	background: #ef7f7f;
}

.gk-members:before {
	background: #7fb3ef;
}

.gk-tooltip[data-style="style2"] dfn {
	background: #7fb3ef;
	border: none;
	color: #fff;
}

.gk-tooltip[data-style="style3"] dfn {
	background: #ef7f7f;
	border: none;
	color: #fff;	
}

/* 13.8. shortcodes.template.css
==================================== */

.gk-price-table .blue dt {
	background: #7fb3ef;
}

.gk-price-table dl.extra dt {
	background: #ef7f7f;
}

.gk-price-table .button:hover {
	background: #7fb3ef;
}

.gk-price-table .blue .button {
	background: #7fb3ef;
}

.gk-price-table .extra .button {
	background: #ef7f7f;
}

.gk-banner-with-button a {
	background: #7fb3ef;
}

.gk-banner-with-button a:active,
.gk-banner-with-button a:focus,
.gk-banner-with-button a:hover {
	background: #ef7f7f
}

.gk-crop {
	-webkit-animation-name: cropanim;
	-webkit-animation-duration: 6s;
	-webkit-animation-iteration-count: infinite;
	   -moz-animation-name: cropanim;
	   -moz-animation-duration: 6s;
	   -moz-animation-iteration-count: infinite;
	        animation-name: cropanim;
	        animation-duration: 6s;
	        animation-iteration-count: infinite;
	background-position: center 0;
	background-color: #7fb3ef;
}

.gk-HTML5 {
	-webkit-animation-name: html5anim;
	-webkit-animation-duration: 6s;
	-webkit-animation-iteration-count: infinite;
	   -moz-animation-name: html5anim;
	   -moz-animation-duration: 6s;
	   -moz-animation-iteration-count: infinite;
	        animation-name: html5anim;
	        animation-duration: 6s;
	        animation-iteration-count: infinite;
	background-position: center -137px;
	background-color: #ef7f7f;
}

.gk-responsive-design {
	-webkit-animation-name: responsiveanim;
	-webkit-animation-duration: 6s;
	-webkit-animation-iteration-count: infinite;
	   -moz-animation-name: responsiveanim;
	   -moz-animation-duration: 6s;
	   -moz-animation-iteration-count: infinite;
	        animation-name: responsiveanim;
	        animation-duration: 6s;
	        animation-iteration-count: infinite;
	background-position: center -274px;
	background-color: #a77fef;
}

@-webkit-keyframes cropanim {
	0%, 100% { background-color: #7fb3ef; }
	33% { background-color: #ef7f7f; }
	66% { background-color: #a77fef; }
}

@-webkit-keyframes html5anim {
	0%, 100% { background-color: #ef7f7f; }
	33% { background-color: #a77fef; }
	66% { background-color: #7fb3ef; }
}

@-webkit-keyframes responsiveanim {
	0%, 100% { background-color: #a77fef; }
	33% { background-color: #7fb3ef; }
	66% { background-color: #ef7f7f; }
}

@-moz-keyframes cropanim {
	0%, 100% { background-color: #7fb3ef; }
	33% { background-color: #ef7f7f; }
	66% { background-color: #a77fef; }
}

@-moz-keyframes html5anim {
	0%, 100% { background-color: #ef7f7f; }
	33% { background-color: #a77fef; }
	66% { background-color: #7fb3ef; }
}

@-moz-keyframes responsiveanim {
	0%, 100% { background-color: #a77fef; }
	33% { background-color: #7fb3ef; }
	66% { background-color: #ef7f7f; }
}

@keyframes cropanim {
	0%, 100% { background-color: #7fb3ef; }
	33% { background-color: #ef7f7f; }
	66% { background-color: #a77fef; }
}

@keyframes html5anim {
	0%, 100% { background-color: #ef7f7f; }
	33% { background-color: #a77fef; }
	66% { background-color: #7fb3ef; }
}

@keyframes responsiveanim {
	0%, 100% { background-color: #a77fef; }
	33% { background-color: #7fb3ef; }
	66% { background-color: #ef7f7f; }
}