/*
Theme Name: HodHod Theme - Colors
Author: Redina
Author URI: http://redina.ir
*/

/*
0 - Blue
1 - Red
2 - Dark-blue
3 - Brown
4 - Green
5 - Pink
6 - Gray
7 - Violet
8 - Default
*/


/* 0 - Blue */
.blue.sidebar .widget,
.redina.sidebar .blue .widget {
    border-bottom: 3px solid #0f6298;
}
.blue.sidebar .widget::after,
.redina.sidebar .blue .widget::after {
    border-bottom: 6px solid #0f6298;
}
.blue.sidebar .widget .title,
.redina.sidebar .blue .widget .title,
.blue.posts .title,
.gallery.blue .title {
    border-bottom: 3px solid #0f6298;
    background: #3498db;
    background: -moz-linear-gradient(top, #3498db 0%, #2a89d4 100%);
    background: -webkit-linear-gradient(top, #3498db 0%, #2a89d4 100%);
    background: -ms-linear-gradient(top, #3498db 0%, #2a89d4 100%);
    background: linear-gradient(to bottom, #3498db 0%, #2a89d4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3498db', endColorstr='#2a89d4', GradientType=0 );
}
.blue.sidebar .widget .title::before,
.redina.sidebar .blue .widget .title::before {
    background: url("images/sprite.png") 0 -39px;
}

.blue.sidebar .widget.ads .title::before,
.widget-color.blue .widget.redina.ads .title::before {
    background: url("images/sprite.png") -22px -39px;
}
.widget-color.blue .widget.daily-pic .title::before {
    background: url("images/sprite.png") -102px -39px;
}
.widget-color.blue .widget.popular-post .title::before {
    background: url("images/sprite.png") -130px -39px;
}
.widget-color.blue .widget.hot-post .title::before {
    background: url("images/sprite.png") -154px -39px;
}

.blue.sidebar .widget a:hover,
.widget-color.blue .widget.redina a:hover,
.widget-color.blue .widget.redina .with-pic a::before {
    color: #3498db;
}

.blue.sidebar .widget input[type="button"],
.blue.sidebar .widget input[type="submit"],
.widget-color.blue .widget input[type="button"],
.widget-color.blue .widget input[type="submit"] {
    background: #2b8ad4;
}
.blue.sidebar .widget input[type="button"]:hover,
.blue.sidebar .widget input[type="submit"]:hover,
.widget-color.blue .widget input[type="button"]:hover,
.widget-color.blue .widget input[type="submit"]:hover {
    background: #2180cb;
}

.widget-color.blue ul.tabs-nav {
    -webkit-box-shadow: 0px 2px 0px 0px #0f6298;
    box-shadow: 0px 2px 0px 0px #0f6298;
    background: #51aae6;
}
.widget-color.blue ul.tabs-nav li.tab-link {
    color: #caeaff;
}
.widget-color.blue ul.tabs-nav li.tab-link::before {
    background: url("images/sprite.png") -214px -39px;
}

.blue.posts .title::before {
    background: url("images/sprite.png") -76px -39px;
}
.blue.posts .title::after {
    border-bottom: 4px solid #0f6298;
}
.blue.posts .post-title a:hover,
.blue.posts .other-posts h3 a:hover,
.blue.posts .post-title a::before {
    color: #3498db;
}
.blue.posts .title .rss {
    background: url("images/sprite.png") -48px -39px;
}
.blue.posts .post-data .date {
    background: #0f6298;
}
.blue.posts #pagination ul li a:hover, .blue.posts #pagination ul li.active span {
    color: #fff;
    border: 1px solid #3498db;
    background: #3498db;
}

.blue.notfication {
    border: 1px solid #9dbacd;
    background-color: #e7f0f7;
}
.blue.notfication .title {
    background: url("images/sprite.png") -245px -39px;
}
.blue.notfication .links li:nth-child(odd) {
    background: #d8e5ef;
}

.gallery.blue .title::before {
    background: url("images/sprite.png") -184px -39px;
}


/* 1 - Red */
.red.sidebar .widget,
.redina.sidebar .red .widget {
    border-bottom: 3px solid #86201c;
}
.red.sidebar .widget::after,
.redina.sidebar .red .widget::after {
    border-bottom: 6px solid #86201c;
}
.red.sidebar .widget .title,
.redina.sidebar .red .widget .title,
.red.posts .title,
.gallery.red .title {
    border-bottom: 3px solid #86201c;
    background: #c13832;
    background: -moz-linear-gradient(top, #c13832 0%, #b62d28 100%);
    background: -webkit-linear-gradient(top, #c13832 0%, #b62d28 100%);
    background: -ms-linear-gradient(top, #c13832 0%, #b62d28 100%);
    background: linear-gradient(to bottom, #c13832 0%, #b62d28 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c13832', endColorstr='#b62d28', GradientType=0 );
}
.red.sidebar .widget .title::before,
.redina.sidebar .red .widget .title::before {
    background: url("images/sprite.png") 0 -78px;
}

.red.sidebar .widget.ads .title::before,
.widget-color.red .widget.redina.ads .title::before {
    background: url("images/sprite.png") -22px -78px;
}
.widget-color.red .widget.daily-pic .title::before {
    background: url("images/sprite.png") -102px -78px;
}
.widget-color.red .widget.popular-post .title::before {
    background: url("images/sprite.png") -130px -78px;
}
.widget-color.red .widget.hot-post .title::before {
    background: url("images/sprite.png") -154px -78px;
}

.red.sidebar .widget a:hover,
.widget-color.red .widget.redina a:hover,
.widget-color.red .widget.redina .with-pic a::before {
    color: #C13832;
}

.red.sidebar .widget input[type="button"],
.red.sidebar .widget input[type="submit"],
.widget-color.red .widget input[type="button"],
.widget-color.red .widget input[type="submit"] {
    background: #C13832;
}
.red.sidebar .widget input[type="button"]:hover,
.red.sidebar .widget input[type="submit"]:hover,
.widget-color.red .widget input[type="button"]:hover,
.widget-color.red .widget input[type="submit"]:hover {
    background: #86201C;
}

.widget-color.red ul.tabs-nav {
    -webkit-box-shadow: 0px 2px 0px 0px #86201c;
    box-shadow: 0px 2px 0px 0px #86201c;
    background: #da524c;
}
.widget-color.red ul.tabs-nav li.tab-link {
    color: #ffc9c7;
}
.widget-color.red ul.tabs-nav li.tab-link::before {
    background: url("images/sprite.png") -214px -78px;
}

.red.posts .title::before {
    background: url("images/sprite.png") -76px -78px;
}
.red.posts .title::after {
    border-bottom: 4px solid #86201c;
}
.red.posts .post-title a:hover,
.red.posts .other-posts h3 a:hover,
.red.posts .post-title a::before {
    color: #C13832;
}
.red.posts .title .rss {
    background: url("images/sprite.png") -48px -78px;
}
.red.posts .post-data .date {
    background: #86201c;
}
.red.posts #pagination ul li a:hover, .red.posts #pagination ul li.active span {
    border: 1px solid #86201C;
    background: #C13832;
}

.red.notfication {
    border: 1px solid #cd9d9d;
    background-color: #f7e7e7;
}
.red.notfication .title {
    background: url("images/sprite.png") -245px -78px;
}
.red.notfication .links li:nth-child(odd) {
    background: #f3d8d8;
}

.gallery.red .title::before {
    background: url("images/sprite.png") -184px -78px;
}


/* 2 - Dark-blue */
.dark-blue.sidebar .widget,
.redina.sidebar .dark-blue .widget {
    border-bottom: 3px solid #1f315d;
}
.dark-blue.sidebar .widget::after,
.redina.sidebar .dark-blue .widget::after {
    border-bottom: 6px solid #1f315d;
}
.dark-blue.sidebar .widget .title,
.redina.sidebar .dark-blue .widget .title,
.dark-blue.posts .title,
.gallery.dark-blue .title {
    border-bottom: 3px solid #1f315d;
    background: #36508e;
    background: -moz-linear-gradient(top, #36508e 0%, #2c437f 100%);
    background: -webkit-linear-gradient(top, #36508e 0%, #2c437f 100%);
    background: -ms-linear-gradient(top, #36508e 0%, #2c437f 100%);
    background: linear-gradient(to bottom, #36508e 0%, #2c437f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36508e', endColorstr='#2c437f', GradientType=0 );
}
.dark-blue.sidebar .widget .title::before,
.redina.sidebar .dark-blue .widget .title::before {
    background: url("images/sprite.png") 0 -117px;
}

.dark-blue.sidebar .widget.ads .title::before,
.widget-color.dark-blue .widget.redina.ads .title::before {
    background: url("images/sprite.png") -22px -117px;
}
.widget-color.dark-blue .widget.daily-pic .title::before {
    background: url("images/sprite.png") -102px -117px;
}
.widget-color.dark-blue .widget.popular-post .title::before {
    background: url("images/sprite.png") -130px -117px;
}
.widget-color.dark-blue .widget.hot-post .title::before {
    background: url("images/sprite.png") -154px -117px;
}

.dark-blue.sidebar .widget a:hover,
.widget-color.dark-blue .widget.redina a:hover,
.widget-color.dark-blue .widget.redina .with-pic a::before {
    color: #36508E;
}

.dark-blue.sidebar .widget input[type="button"],
.dark-blue.sidebar .widget input[type="submit"],
.widget-color.dark-blue .widget input[type="button"],
.widget-color.dark-blue .widget input[type="submit"] {
    background: #36508e;
}
.dark-blue.sidebar .widget input[type="button"]:hover,
.dark-blue.sidebar .widget input[type="submit"]:hover,
.widget-color.dark-blue .widget input[type="button"]:hover,
.widget-color.dark-blue .widget input[type="submit"]:hover {
    background: #1f315d;
}

.widget-color.dark-blue ul.tabs-nav {
    -webkit-box-shadow: 0px 2px 0px 0px #1f315d;
    box-shadow: 0px 2px 0px 0px #1f315d;
    background: #506fb7;
}
.widget-color.dark-blue ul.tabs-nav li.tab-link {
    color: #c4d3f5;
}
.widget-color.dark-blue ul.tabs-nav li.tab-link::before {
    background: url("images/sprite.png") -214px -117px;
}

.dark-blue.posts .title::before {
    background: url("images/sprite.png") -76px -117px;
}
.dark-blue.posts .title::after {
    border-bottom: 4px solid #1f315d;
}
.dark-blue.posts .post-title a:hover,
.dark-blue.posts .other-posts h3 a:hover,
.dark-blue.posts .post-title a::before {
    color: #36508E;
}
.dark-blue.posts .title .rss {
    background: url("images/sprite.png") -48px -117px;
}
.dark-blue.posts .post-data .date {
    background: #1f315d;
}
.dark-blue.posts #pagination ul li a:hover, .dark-blue.posts #pagination ul li.active span {
    border: 1px solid #1f315d;
    background: #36508e;
}

.dark-blue.notfication {
    border: 1px solid #bdc7e1;
    background-color: #e6ecf8;
}
.dark-blue.notfication .title {
    background: url("images/sprite.png") -245px -117px;
}
.dark-blue.notfication .links li:nth-child(odd) {
    background: #d8dfee;
}

.gallery.dark-blue .title::before {
    background: url("images/sprite.png") -184px -117px;
}


/* 3 - Brown */
.brown.sidebar .widget,
.redina.sidebar .brown .widget {
    border-bottom: 3px solid #643f27;
}
.brown.sidebar .widget::after,
.redina.sidebar .brown .widget::after {
    border-bottom: 6px solid #643f27;
}
.brown.sidebar .widget .title,
.redina.sidebar .brown .widget .title,
.brown.posts .title,
.gallery.brown .title {
    border-bottom: 3px solid #643f27;
    background: #986642;
    background: -moz-linear-gradient(top, #986642 0%, #895736 100%);
    background: -webkit-linear-gradient(top, #986642 0%, #895736 100%);
    background: -ms-linear-gradient(top, #986642 0%, #895736 100%);
    background: linear-gradient(to bottom, #986642 0%, #895736 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#986642', endColorstr='#895736', GradientType=0 );
}
.brown.sidebar .widget .title::before,
.redina.sidebar .brown .widget .title::before {
    background: url("images/sprite.png") 0 -156px;
}

.brown.sidebar .widget.ads .title::before,
.widget-color.brown .widget.redina.ads .title::before {
    background: url("images/sprite.png") -22px -156px;
}
.widget-color.brown .widget.daily-pic .title::before {
    background: url("images/sprite.png") -102px -156px;
}
.widget-color.brown .widget.popular-post .title::before {
    background: url("images/sprite.png") -130px -156px;
}
.widget-color.brown .widget.hot-post .title::before {
    background: url("images/sprite.png") -154px -156px;
}

.brown.sidebar .widget a:hover,
.widget-color.brown .widget.redina a:hover,
.widget-color.brown .widget.redina .with-pic a::before {
    color: #986642;
}

.brown.sidebar .widget input[type="button"],
.brown.sidebar .widget input[type="submit"],
.widget-color.brown .widget input[type="button"],
.widget-color.brown .widget input[type="submit"] {
    background: #986642;
}
.brown.sidebar .widget input[type="button"]:hover,
.brown.sidebar .widget input[type="submit"]:hover,
.widget-color.brown .widget input[type="button"]:hover,
.widget-color.brown .widget input[type="submit"]:hover {
    background: #643f27;
}

.widget-color.brown ul.tabs-nav {
    -webkit-box-shadow: 0px 2px 0px 0px #643f27;
    box-shadow: 0px 2px 0px 0px #643f27;
    background: #bb8259;
}
.widget-color.brown ul.tabs-nav li.tab-link {
    color: #f1d5c1;
}
.widget-color.brown ul.tabs-nav li.tab-link::before {
    background: url("images/sprite.png") -214px -156px;
}

.brown.posts .title::before {
    background: url("images/sprite.png") -76px -156px;
}
.brown.posts .title::after {
    border-bottom: 4px solid #643f27;
}
.brown.posts .post-title a:hover,
.brown.posts .other-posts h3 a:hover,
.brown.posts .post-title a::before {
    color: #986642;
}
.brown.posts .title .rss {
    background: url("images/sprite.png") -48px -156px;
}
.brown.posts .post-data .date {
    background: #643f27;
}
.brown.posts #pagination ul li a:hover, .brown.posts #pagination ul li.active span {
    border: 1px solid #643f27;
    background: #986642;
}

.brown.notfication {
    border: 1px solid #d7bdac;
    background-color: #f8f1eb;
}
.brown.notfication .title {
    background: url("images/sprite.png") -245px -156px;
}
.brown.notfication .links li:nth-child(odd) {
    background: #efe2da;
}

.gallery.brown .title::before {
    background: url("images/sprite.png") -184px -156px;
}


/* 4 - Green */
.green.sidebar .widget,
.redina.sidebar .green .widget {
    border-bottom: 3px solid #3b5e18;
}
.green.sidebar .widget::after,
.redina.sidebar .green .widget::after {
    border-bottom: 6px solid #3b5e18;
}
.green.sidebar .widget .title,
.redina.sidebar .green .widget .title,
.green.posts .title,
.gallery.green .title {
    border-bottom: 3px solid #3b5e18;
    background: #609029;
    background: -moz-linear-gradient(top, #609029 0%, #518121 100%);
    background: -webkit-linear-gradient(top, #609029 0%, #518121 100%);
    background: -ms-linear-gradient(top, #609029 0%, #518121 100%);
    background: linear-gradient(to bottom, #609029 0%, #518121 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#609029', endColorstr='#518121', GradientType=0 );
}
.green.sidebar .widget .title::before,
.redina.sidebar .green .widget .title::before {
    background: url("images/sprite.png") 0 -195px;
}

.green.sidebar .widget.ads .title::before,
.widget-color.green .widget.redina.ads .title::before {
    background: url("images/sprite.png") -22px -195px;
}
.widget-color.green .widget.daily-pic .title::before,{
    background: url("images/sprite.png") -102px -195px;
}
.widget-color.green .widget.popular-post .title::before {
    background: url("images/sprite.png") -130px -195px;
}
.widget-color.green .widget.hot-post .title::before {
    background: url("images/sprite.png") -154px -195px;
}

.green.sidebar .widget a:hover,
.widget-color.green .widget.redina a:hover,
.widget-color.green .widget.redina .with-pic a::before {
    color: #609029;
}

.green.sidebar .widget input[type="button"],
.green.sidebar .widget input[type="submit"],
.widget-color.green .widget input[type="button"],
.widget-color.green .widget input[type="submit"] {
    background: #609029;
}
.green.sidebar .widget input[type="button"]:hover,
.green.sidebar .widget input[type="submit"]:hover,
.widget-color.green .widget input[type="button"]:hover,
.widget-color.green .widget input[type="submit"]:hover {
    background: #3b5e18;
}

.widget-color.green ul.tabs-nav {
    -webkit-box-shadow: 0px 2px 0px 0px #3b5e18;
    box-shadow: 0px 2px 0px 0px #3b5e18;
    background: #7ea94d;
}
.widget-color.green ul.tabs-nav li.tab-link {
    color: #dbf1c2;
}
.widget-color.green ul.tabs-nav li.tab-link::before {
    background: url("images/sprite.png") -214px -195px;
}

.green.posts .title::before {
    background: url("images/sprite.png") -76px -195px;
}
.green.posts .title::after {
    border-bottom: 4px solid #3b5e18;
}
.green.posts .post-title a:hover,
.green.posts .other-posts h3 a:hover,
.green.posts .post-title a::before {
    color: #609029;
}
.green.posts .title .rss {
    background: url("images/sprite.png") -48px -195px;
}
.green.posts .post-data .date {
    background: #3b5e18;
}
.green.posts #pagination ul li a:hover, .green.posts #pagination ul li.active span {
    border: 1px solid #3b5e18;
    background: #609029;
}

.green.notfication {
    border: 1px solid #b6cc9f;
    background-color: #ecf7e0;
}
.green.notfication .title {
    background: url("images/sprite.png") -245px -195px;
}
.green.notfication .links li:nth-child(odd) {
    background: #dfefcd;
}

.gallery.green .title::before {
    background: url("images/sprite.png") -184px -195px;
}


/* 5 - Pink */
.pink.sidebar .widget,
.redina.sidebar .pink .widget {
    border-bottom: 3px solid #74223a;
}
.pink.sidebar .widget::after,
.redina.sidebar .pink .widget::after {
    border-bottom: 6px solid #74223a;
}
.pink.sidebar .widget .title,
.redina.sidebar .pink .widget .title,
.pink.posts .title,
.gallery.pink .title {
    border-bottom: 3px solid #74223a;
    background: #ab3a5f;
    background: -moz-linear-gradient(top, #ab3a5f 0%, #9e2f51 100%);
    background: -webkit-linear-gradient(top, #ab3a5f 0%, #9e2f51 100%);
    background: -ms-linear-gradient(top, #ab3a5f 0%, #9e2f51 100%);
    background: linear-gradient(to bottom, #ab3a5f 0%, #9e2f51 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab3a5f', endColorstr='#9e2f51', GradientType=0 );
}
.pink.sidebar .widget .title::before,
.redina.sidebar .pink .widget .title::before {
    background: url("images/sprite.png") 0 -234px;
}

.pink.sidebar .widget.ads .title::before,
.widget-color.pink .widget.redina.ads .title::before {
    background: url("images/sprite.png") -22px -234px;
}
.widget-color.pink .widget.daily-pic .title::before {
    background: url("images/sprite.png") -102px -234px;
}
.widget-color.pink .widget.popular-post .title::before {
    background: url("images/sprite.png") -130px -234px;
}
.widget-color.pink .widget.hot-post .title::before {
    background: url("images/sprite.png") -154px -234px;
}

.pink.sidebar .widget a:hover,
.widget-color.pink .widget.redina a:hover,
.widget-color.pink .widget.redina .with-pic a::before {
    color: #ab3a5f;
}

.pink.sidebar .widget input[type="button"],
.pink.sidebar .widget input[type="submit"],
.widget-color.pink .widget input[type="button"],
.widget-color.pink .widget input[type="submit"] {
    background: #ab3a5f;
}
.pink.sidebar .widget input[type="button"]:hover,
.pink.sidebar .widget input[type="submit"]:hover,
.widget-color.pink .widget input[type="button"]:hover,
.widget-color.pink .widget input[type="submit"]:hover {
    background: #74223a;
}

.widget-color.pink ul.tabs-nav {
    -webkit-box-shadow: 0px 2px 0px 0px #74223a;
    box-shadow: 0px 2px 0px 0px #74223a;
    background: #ce5e83;
}
.widget-color.pink ul.tabs-nav li.tab-link {
    color: #f3c7d5;
}
.widget-color.pink ul.tabs-nav li.tab-link::before {
    background: url("images/sprite.png") -214px -234px;
}

.pink.posts .title::before {
    background: url("images/sprite.png") -76px -234px;
}
.pink.posts .title::after {
    border-bottom: 4px solid #74223a;
}
.pink.posts .post-title a:hover,
.pink.posts .other-posts h3 a:hover,
.pink.posts .post-title a::before {
    color: #ab3a5f;
}
.pink.posts .title .rss {
    background: url("images/sprite.png") -48px -234px;
}
.pink.posts .post-data .date {
    background: #74223a;
}
.pink.posts #pagination ul li a:hover, .pink.posts #pagination ul li.active span {
    border: 1px solid #74223a;
    background: #ab3a5f;
}

.pink.notfication {
    border: 1px solid #cfacb7;
    background-color: #f7e0e7;
}
.pink.notfication .title {
    background: url("images/sprite.png") -245px -234px;
}
.pink.notfication .links li:nth-child(odd) {
    background: #f2cdd8;
}

.gallery.pink .title::before {
    background: url("images/sprite.png") -184px -234px;
}


/* 6 - Gray */
.gray.sidebar .widget,
.redina.sidebar .gray .widget {
    border-bottom: 3px solid #343434;
}
.gray.sidebar .widget::after,
.redina.sidebar .gray .widget::after {
    border-bottom: 6px solid #343434;
}
.gray.sidebar .widget .title,
.redina.sidebar .gray .widget .title,
.gray.posts .title,
.gallery.gray .title {
    border-bottom: 3px solid #343434;
    background: #555555;
    background: -moz-linear-gradient(top, #555555 0%, #474747 100%);
    background: -webkit-linear-gradient(top, #555555 0%, #474747 100%);
    background: -ms-linear-gradient(top, #555555 0%, #474747 100%);
    background: linear-gradient(to bottom, #555555 0%, #474747 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#474747', GradientType=0 );
}
.gray.sidebar .widget .title::before,
.redina.sidebar .gray .widget .title::before {
    background: url("images/sprite.png") 0 -273px;
}

.gray.sidebar .widget.ads .title::before,
.widget-color.gray .widget.redina.ads .title::before {
    background: url("images/sprite.png") -22px -273px;
}
.widget-color.gray .widget.daily-pic .title::before {
    background: url("images/sprite.png") -102px -273px;
}
.widget-color.gray .widget.popular-post .title::before {
    background: url("images/sprite.png") -130px -273px;
}
.widget-color.gray .widget.hot-post .title::before {
    background: url("images/sprite.png") -154px -273px;
}

.gray.sidebar .widget a:hover,
.widget-color.gray .widget.redina a:hover,
.widget-color.gray .widget.redina .with-pic a::before {
    color: #555555;
}

.gray.sidebar .widget input[type="button"],
.gray.sidebar .widget input[type="submit"],
.widget-color.gray .widget input[type="button"],
.widget-color.gray .widget input[type="submit"] {
    background: #555555;
}
.gray.sidebar .widget input[type="button"]:hover,
.gray.sidebar .widget input[type="submit"]:hover,
.widget-color.gray .widget input[type="button"]:hover,
.widget-color.gray .widget input[type="submit"]:hover {
    background: #343434;
}

.widget-color.gray ul.tabs-nav {
    -webkit-box-shadow: 0px 2px 0px 0px #343434;
    box-shadow: 0px 2px 0px 0px #343434;
    background: #737373;
}
.widget-color.gray ul.tabs-nav li.tab-link {
    color: #cccccc;
}
.widget-color.gray ul.tabs-nav li.tab-link::before {
    background: url("images/sprite.png") -214px -273px;
}

.gray.posts .title::before {
    background: url("images/sprite.png") -76px -273px;
}
.gray.posts .title::after {
    border-bottom: 4px solid #343434;
}
.gray.posts .post-title a:hover,
.gray.posts .other-posts h3 a:hover,
.gray.posts .post-title a::before {
    color: #555555;
}
.gray.posts .title .rss {
    background: url("images/sprite.png") -48px -273px;
}
.gray.posts .post-data .date {
    background: #343434;
}
.gray.posts #pagination ul li a:hover, .gray.posts #pagination ul li.active span {
    border: 1px solid #343434;
    background: #555555;
}

.gray.notfication {
    border: 1px solid #ccc;
    background-color: #eee;
}
.gray.notfication .title {
    background: url("images/sprite.png") -245px -273px;
}
.gray.notfication .links li:nth-child(odd) {
    background: #ddd;
}

.gallery.gray .title::before {
    background: url("images/sprite.png") -184px -273px;
}


/* 7 - Violet */
.violet.sidebar .widget,
.redina.sidebar .violet .widget {
    border-bottom: 3px solid #652c7d;
}
.violet.sidebar .widget::after,
.redina.sidebar .violet .widget::after {
    border-bottom: 6px solid #652c7d;
}
.violet.sidebar .widget .title,
.redina.sidebar .violet .widget .title,
.violet.posts .title,
.gallery.violet .title {
    border-bottom: 3px solid #652c7d;
    background: #9b59b6;
    background: -moz-linear-gradient(top, #9b59b6 0%, #8f4eac 100%);
    background: -webkit-linear-gradient(top, #9b59b6 0%, #8f4eac 100%);
    background: -ms-linear-gradient(top, #9b59b6 0%, #8f4eac 100%);
    background: linear-gradient(to bottom, #9b59b6 0%, #8f4eac 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b59b6', endColorstr='#8f4eac', GradientType=0 );
}
.violet.sidebar .widget .title::before,
.redina.sidebar .violet .widget .title::before {
    background: url("images/sprite.png") 0 0;
}

.violet.sidebar .widget.ads .title::before,
.widget-color.violet .widget.redina.ads .title::before {
    background: url("images/sprite.png") -22px 0;
}
.widget-color.violet .widget.daily-pic .title::before {
    background: url("images/sprite.png") -102px 0;
}
.widget-color.violet .widget.popular-post .title::before {
    background: url("images/sprite.png") -130px 0;
}
.widget-color.violet .widget.hot-post .title::before {
    background: url("images/sprite.png") -154px 0;
}

.violet.sidebar .widget a:hover,
.widget-color.violet .widget.redina a:hover,
.widget-color.violet .widget.redina .with-pic a::before {
    color: #9b59b6;
}

.violet.sidebar .widget input[type="button"],
.violet.sidebar .widget input[type="submit"],
.widget-color.violet .widget input[type="button"],
.widget-color.violet .widget input[type="submit"] {
    background: #8f4eac;
}
.violet.sidebar .widget input[type="button"]:hover,
.violet.sidebar .widget input[type="submit"]:hover,
.widget-color.violet .widget input[type="button"]:hover,
.widget-color.violet .widget input[type="submit"]:hover {
    background: #652c7d;
}

.widget-color.violet ul.tabs-nav {
    -webkit-box-shadow: 0px 2px 0px 0px #652c7d;
    box-shadow: 0px 2px 0px 0px #652c7d;
    background: #b679d0;
}
.widget-color.violet ul.tabs-nav li.tab-link {
    color: #ebcff7;
}
.widget-color.violet ul.tabs-nav li.tab-link::before {
    background: url("images/sprite.png") -214px 0;
}

.violet.posts .title::before {
    background: url("images/sprite.png") -76px 0;
}
.violet.posts .title::after {
    border-bottom: 4px solid #652c7d;
}
.violet.posts .post-title a:hover,
.violet.posts .other-posts h3 a:hover,
.violet.posts .post-title a::before {
    color: #9b59b6;
}
.violet.posts .title .rss {
    background: url("images/sprite.png") -48px 0;
}
.violet.posts .post-data .date {
    background: #652c7d;
}
.violet.posts #pagination ul li a:hover, .violet.posts #pagination ul li.active span {
    border: 1px solid #652c7d;
    background: #9b59b6;
}

.violet.notfication {
    border: 1px solid #cfacb7;
    background-color: #f7e0e7;
}
.violet.notfication .title {
    background: url("images/sprite.png") -245px 0;
}
.violet.notfication .links li:nth-child(odd) {
    background: #f2cdd8;
}

.gallery.violet .title::before {
    background: url("images/sprite.png") -184px 0;
}


/* 8 - Default */
.widget-color.default .widget.daily-pic {
    border-bottom: 3px solid #096f59;
}
.widget-color.default .widget.daily-pic::after {
    border-bottom: 6px solid #096f59;
}
.widget-color.default .widget.daily-pic .title {
    border-bottom: 3px solid #096f59;
    background: #1abc9c;
    background: -moz-linear-gradient(top, #1abc9c 0%, #15b18f 100%);
    background: -webkit-linear-gradient(top, #1abc9c 0%, #15b18f 100%);
    background: -ms-linear-gradient(top, #1abc9c 0%, #15b18f 100%);
    background: linear-gradient(to bottom, #1abc9c 0%, #15b18f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1abc9c', endColorstr='#15b18f', GradientType=0 );
}
.widget-color.default .widget.daily-pic .title::before {
    background: url("images/sprite.png") -102px -312px;
}

.widget-color.default .widget.popular-post,
.widget-color.default .widget.hot-post {
    border-bottom: 3px solid #ae6b00;
}
.widget-color.default .widget.popular-post::after,
.widget-color.default .widget.hot-post::after {
    border-bottom: 6px solid #ae6b00;
}
.widget-color.default .widget.popular-post .title,
.widget-color.default .widget.hot-post .title,
.gallery.default .title {
    border-bottom: 3px solid #ae6b00;
    background: #f39c12;
    background: -moz-linear-gradient(top, #f39c12 0%, #f18f0e 100%);
    background: -webkit-linear-gradient(top, #f39c12 0%, #f18f0e 100%);
    background: -ms-linear-gradient(top, #f39c12 0%, #f18f0e 100%);
    background: linear-gradient(to bottom, #f39c12 0%, #f18f0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39c12', endColorstr='#f18f0e', GradientType=0 );
}
.widget-color.default .widget.popular-post .title::before {
    background: url("images/sprite.png") -130px -312px;
}
.widget-color.default .widget.hot-post .title::before {
    background: url("images/sprite.png") -154px -312px;
}
.gallery.default .title::before {
    background: url("images/sprite.png") -184px -312px;
}

.widget-color.default .widget.popular-post a:hover,
.widget-color.default .widget.popular-post .with-pic a::before,
.widget-color.default .widget.hot-post a:hover,
.widget-color.default .widget.hot-post .with-pic a::before {
    color: #ae6b00;
}

.widget-color.default ul.tabs-nav {
    -webkit-box-shadow: 0px 2px 0px 0px #c1740c;
    box-shadow: 0px 2px 0px 0px #c1740c;
    background: #fbc672;
}
.widget-color.default ul.tabs-nav li.tab-link {
    color: #ae6b00;
}
.widget-color.default ul.tabs-nav li.tab-link::before {
    background: url("images/sprite.png") -214px -312px;
}