/* $Id$ */

/*
+----------------------------------------------------------------+
|   iPlay for Dupal 7.x - Version 1.0                            |
|   Copyright (C) 2011 Antsin.com All Rights Reserved.           |
|   @license - Copyrighted Commercial Software                   |
|----------------------------------------------------------------|
|   Theme Name: iPlay                                            |
|   Description: iPlay by Antsin                                 |
|   Author: Antsin.com                                           |
|   Date: 21st March 2011                                        |
|   Website: http://www.antsin.com/                              |
|----------------------------------------------------------------+
|   This file may not be redistributed in whole or               |
|   significant part.                                            |
+----------------------------------------------------------------+
*/   

/*==============  style  ====================*/
a, .first-word, ul.pager li a.active, #footer li a:hover, #primary ul ul li a:hover, #primary ul ul li a.active {
  color: #AB0000;
  text-decoration: none;
}

/*==============  black  ====================*/
/** body **/
body {
  color: #A4A4A4;
  background-color: #ff0000;
  margin: 0 auto;
	padding: 0;
	background-color: #000000;
	background-image: url('http://www.hammerfistclan.com/images/website/backgrounds/nw.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

h1 a, h2 a, h3 a {
  color: #fff;
}

img.framed, .default-image img {
  padding: 5px;
  background: #212121;
  border: 1px solid #2E2E2E;
}

img.framed-thin {
  border: 1px solid #2E2E2E;
}

/** header **/
#header-inner {
  border-left: 1px solid #2C2B2E;
  border-right: 1px solid #2C2B2E;
  background: #303030 url("../images/black/bg_header.png") repeat-x;
}

#header-border-bottom {
  background: url("../images/black/bg_header_bottom.png") no-repeat center top;
}

/** main **/
#main-inner {
  padding: 5px 10px;
  background-color: #2b2a2e;
}

#main-border-top {
  background: url("../images/black/bg_main_border.png") no-repeat center top;
}

#main-border-bottom {
  background: url("../images/black/bg_main_border.png") no-repeat center bottom;
}

#showcase h2.title, #main-top-upper h2.title, #main-top-middle h2.title {
  background: url("../images/black/bg_header_block_l.png") no-repeat left top;
}

#showcase .title-inner-wrapper, #main-top-upper .title-inner-wrapper, #main-top-middle .title-inner-wrapper {
  background: url("../images/black/bg_header_block_r.png") no-repeat right top;
}

/** block **/
.block h2.title {
  color: #fff;
}

.block ul li, .block ol li, #block-node-recent tr.even, #block-node-recent tr.odd {
  border-bottom: 1px solid #2E2E2E;
}

.block li a:hover, .block li a.active {
  color: #fff;
}

.shade ul li.even {
  background-color: #363539;  
}

#sidebar-left h2.title, #content-top h2.title, #content-bottom h2.title {
  border-bottom: 1px solid #39393b;
}

.block-border-top, #content-border-top {
  background: url("../images/black/bg_block_corner.png") no-repeat left top;
}

.block-border-top div, #content-border-top div {
  background: url("../images/black/bg_block_corner.png") no-repeat right -5px;
}

.block-border-bottom, #content-border-bottom {
  background: url("../images/black/bg_block_corner.png") no-repeat left -17px;
}

.block-border-bottom div, #content-border-bottom div {
  background: url("../images/black/bg_block_corner.png") no-repeat right -10px;
}

.block-border-bottom div div, #content-border-bottom div div {
  background: url("../images/black/bg_block_bottom.png") repeat-x right bottom;
}

#content-main-inner, .block-inner, .block-border-top div div, #content-border-top div div {
  background-color: #232225;
}

/** comments **/
#comments h2, #comments .box h2, .section-comment .box h2 {
  border-bottom: 1px solid #2E2E2E;
}

.comment .user-picture img, .meta .user-picture img {
  background: #212121;
  border: 1px solid #2E2E2E;
}

/** form **/
#content-main .form-text, #content-main .form-textarea {
  border: 1px solid #2E2E2E;
  background-color: #1A191B;
}

#content-main .grippie {
  border-color: #232225;
  background-color: #212121;
}

.captcha, .filter-wrapper {
  border: 1px solid #2E2E2E;
}

/** quick tab **/
#sidebar-right .block-quicktabs .quicktabs_tabs li.first, 
#main-bottom .block-quicktabs .quicktabs_tabs li.first {
  background: url("../images/black/bg_header_siderbar_right.png") no-repeat left top;
}

#sidebar-right .block-quicktabs .quicktabs_tabs li.last a, 
#main-bottom .block-quicktabs .quicktabs_tabs li.last a {
  background: url("../images/black/bg_header_siderbar_right.png") no-repeat right top;
}

#sidebar-right .block-quicktabs .quicktabs_tabs li, #main-bottom .block-quicktabs .quicktabs_tabs li {
  background: url("../images/black/bg_header_quicktab.png") no-repeat left top;
}

#sidebar-right .block-quicktabs .quicktabs_tabs a, #main-bottom .block-quicktabs .quicktabs_tabs a {
  background: url("../images/black/bg_header_quicktab.png") no-repeat right top;
}

/** jcarousel **/
.boxgrid { 
  border: 4px solid #2E2E2E;
}

.boxgrid h3 a:hover {
  color: #A4A4A4;
}

/** search **/
.block-search .form-text {
  width: 99%;
  color: #fff;
  border: 1px solid #363539;
  background-color: #2B2A2E;
}

#search .form-item {
  background-color: #3B3B3B;
}

#search .form-text {
  color: #fff;
  border: 1px solid #494949;
  background-color: #2B2A2E;
}

/** login **/
#user-login-form .form-text {
  color: #fff;
  border: 1px solid #363539;
  background-color: #2B2A2E;
}

/** button **/
.button {
  background: url("../images/black/bg_button_l.png") no-repeat left top;
}

.button input {
  color: #A4A4A4;
  background: url("../images/black/bg_button_r.png") no-repeat right top;
}

.button input:hover {
  color: #fff;
}

/** menu **/
#primary {
  border-top: 1px solid #4a4a4a;
}

#primary ul.menu li, #primary ul.mega-menu li.mega {
  border-left: 1px solid #4B4B4B;
  border-right: 1px solid #262626;
}

#primary ul.menu li.last, #primary ul.mega-menu li.views-row-last {
  border-right: 1px solid #4B4B4B;
}

#primary ul.menu li.last a, #primary ul.mega-menu li.views-row-last a {
  border-right: 1px solid #262626;
}

/*==============  red  ====================*/
#page {
  background: url("../images/black/red/bg_body.png") repeat-x;
}

/** showcase **/
div.showcase-container div.scrollable-pager div.items div a:hover,
div.showcase-container div.scrollable-pager div.items div a.activeSlide {
  color: #800000;
  text-decoration: none;
}

div.showcase-container div.scrollable-pager div.items a:hover img,
div.showcase-container div.scrollable-pager div.items a.activeSlide img {
  border: 3px solid #800000;
}

div.showcase-container div.prev {
  background: url("../images/black/red/next_previous.png") no-repeat left top;
}

div.showcase-container div.next {  
  background: url("../images/black/red/next_previous.png") no-repeat left -15px;
}

div.navi a {
  background: url("../images/black/red/navigator.png") no-repeat left top;
}

/** blog **/
.blog-date {
  background-color: #800000;
}

/** closure **/
#closure {
  border-top: 1px solid #880000;
  background-color: #800000;
}

/** sidebar & quick tab **/
#sidebar-right h2.title, #main-bottom h2.title,
#sidebar-right .block-quicktabs .quicktabs_tabs li.active.first, 
#main-bottom .block-quicktabs .quicktabs_tabs li.active.first,
#sidebar-right .block-quicktabs .quicktabs_tabs li.first:hover, 
#main-bottom .block-quicktabs .quicktabs_tabs li.first:hover {
  background: url("../images/black/red/bg_header_siderbar_right.png") no-repeat left top;
}

#sidebar-right .title-inner-wrapper, #main-bottom .title-inner-wrapper,
#sidebar-right .block-quicktabs .quicktabs_tabs li.active.last a, 
#main-bottom .block-quicktabs .quicktabs_tabs li.active.last a,
#sidebar-right .block-quicktabs .quicktabs_tabs li.last a:hover, 
#main-bottom .block-quicktabs .quicktabs_tabs li.last a:hover {
  background: url("../images/black/red/bg_header_siderbar_right.png") no-repeat right top;
}

#sidebar-right .title-inner, #main-bottom .title-inner {
  background: url("../images/black/red/bg_header_siderbar_right_arrow.png") no-repeat center bottom;
}

#sidebar-right .block-quicktabs .quicktabs_tabs li.active, 
#main-bottom .block-quicktabs .quicktabs_tabs li.active,
#sidebar-right .block-quicktabs .quicktabs_tabs li:hover, 
#main-bottom .block-quicktabs .quicktabs_tabs li:hover {
  background: url("../images/black/red/bg_header_quicktab.png") no-repeat left top;
}

#sidebar-right .block-quicktabs .quicktabs_tabs li.active a, 
#main-bottom .block-quicktabs .quicktabs_tabs li.active a,
#sidebar-right .block-quicktabs .quicktabs_tabs li a:hover, 
#main-bottom .block-quicktabs .quicktabs_tabs li a:hover {
  background: url("../images/black/red/bg_header_quicktab.png") no-repeat right top;
}

/** jcarousel **/
a.jcarousel-prev {
  background: url("../images/black/red/button_next_previous.png") no-repeat right top;
}

a.jcarousel-next {
  background: url("../images/black/red/button_next_previous.png") no-repeat left top;
}

a.jcarousel-prev:hover {
  background: url("../images/black/red/button_next_previous.png") no-repeat right bottom;
}

a.jcarousel-next:hover {
  background: url("../images/black/red/button_next_previous.png") no-repeat left bottom;
}

/** drop down menu **/
#primary ul.menu a:hover, #primary ul.menu a.active, #primary ul.menu li.hover a {
  background: url("../images/black/red/bg_menu_active.png") repeat-x;
}

#primary ul.menu li.first a:hover, #primary ul.menu li.first a.active, #primary ul.menu li.first.hover a {
  background: url("../images/black/red/bg_menu_active_first.png") no-repeat left top;
}

#primary ul.menu ul a {
  background: url("../images/black/red/list_square_hard.png") no-repeat left 15px !important;  
}

#primary ul.menu ul li.last {
  border-bottom: 1px solid #880000;
}

/** mega menu **/
#primary ul.mega-menu h2.title a:hover, 
#primary ul.mega-menu h2.title a.active, 
#primary ul.mega-menu li.hover h2.title a {
  color: #fff;
  background: url("../images/black/red/bg_menu_active.png") repeat-x;
}

#primary ul.mega-menu li.views-row-first h2.title a:hover, 
#primary ul.mega-menu li.views-row-first h2.title a.active, 
#primary ul.mega-menu li.views-row-first.hover h2.title a {
  background: url("../images/black/red/bg_menu_active_first.png") no-repeat left top;
}

#primary ul.mega-menu div.single_column,
#primary ul.mega-menu div.two_columns,
#primary ul.mega-menu div.three_columns,
#primary ul.mega-menu div.four_columns {
  background: url("../images/black/red/bg_menu_sub.png") repeat-y right top;
}

#primary ul.mega-menu ul li {
  background: transparent url("../images/black/red/list_square_hard.png") no-repeat left 11px !important;  
}

#primary ul.menu ul, #primary ul.mega-menu li.mega div.inner-wrapper {
  border-top: 5px solid #710000;
  border-bottom: 5px solid #710000;
}

#primary ul.mega-menu li.mega div.inner {
  border-top: 1px solid #000;
  border-bottom: 1px solid #880000;
}