/*
Theme Name: Chicago Outfit Roller Derby
Theme URI: http://themediafrenzy.com/outfit
Description: Chicago Outfit Roller Derby is a custom wordpress theme. This theme supports a 3 levels main menu and a simple top menu. It includes 10 custom widgets: twitter feed, custom tabs widgets, last reviews widget,  last review widget,  last product widget, popular post widget (by number of comments), review taxonomy widget, store taxonomy widget, video widget etc.... This theme also includes 3 inbuilt plugins: a playlist manager, an albums/galleries manager and a sliders manager. With this theme you can create unlimited sidebars and widgetareas. The unbranded admin panel includes a "theme options" panel to switch between 4 skins , upload background, logos etc.. and change the style of your website with color pickers. You can also set up many options in it. This theme supports 8 post formats and has a custom text editor for it.
Version: 1.0
Author: Nick Dye
Author URI: http://nickdye.com
License: 
License URI: 
Tags: dark, light, white, black, gray, left-sidebar, right-sidebar, fixed-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, post-formats,theme-options
*/
/***********************************************************************/

/* ======================= START CUSTOMIZED CSS ======================= */
#custom-two-thirds-left {
  float: left;
  width: 65%;
}

#custom-two-thirds-right {
  float: right;
  width: 65%;
}

#custom-one-third-right {
  float: right;
  width: 35%;
}

#custom-one-third-left {
  float: left;
  width: 35%;
}
/* ======================= END CUSTOMIZED CSS ======================= */

/* ================= FONTS ====================== */

/* Content font */
body, #topbar .mp-default-menu {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Titles font */
h1, h2, h3, h4, h5, h6, span.comment-author, span.dropcap, span.dropcap-bg {
  font-family: 'UbuntuCondensedRegular';
}

/* menu-main-menu font */
#mp-primary-menu, .mp-default-menu {
  font-family: 'UbuntuCondensedRegular';
  font-size: 14px;
}

/* ================= END  FONTS =================== */


/* ====================== COLORS and BACKGROUNDS ====================== */

/* Background color and/or image background */
body, .dark body {
  background: #181818 url(images/bg.jpg);
  text-shadow: 1px 1px #0d0d0d;
}

/*url(images/bg.jpg)*/
/* Logo image */
a#logo {
  background: url(images/default_logo.png) no-repeat;
}

/* Skin */
footer {
  background: #181818 url(images/footer_bg.png);
}

header {
  background: #181818 url(images/header_bg.png) center;
}

/*#topbar {background:$bg}*/
#copyright {
  background: #090909;
}

/***************Main*******************/

/* Main custom color */
strong,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
#main-container a, .error-wrap a, footer a, header a, span.themecolor,
#mp-primary-menu a.active, #mp-primary-menu a:hover, .mp-default-menu a:hover, .mp-default-menu a:active,
.post h2 a span {
  color: #fff461;
}

/* Add the class "dotted" to your link if you want a dotted underline */
a.dotted, .widget_meta a, .popular-posts a, .last-reviews-widget a, .tweet_text a, .widget_recent_entries a, .widget_archive a, .widget_categories a, .widget_nav_menu a, .widget_recent_comments a, .widget_links a, .widget_sub_categories a, .widget_pages a, a.comment-reply-link {
  text-decoration: none!important;
  border-bottom: 1px dotted #fff461;
}

/* Page links */
#main-container a, footer a, .error-wrap a {
  text-decoration: none;
}

/*bottom border (at the top of the footer)*/
#main-container {
  border-bottom: 4px solid #131313;
}

/* Dropcaps */
span.dropcap-bg {
  background-color: #d1d1d1;
}

/* Global font color */
/*body*/
body {
  color: #999999;
}

/*titles and other*/
.post h2 a, #filter a, #filter-store a, .blog-links a, strong, .comment-author a, span.tagline {
  color: #fff!important;
}

h1, h2, h3, h4, h5, h6,
.post h2 a, blockquote {
  color: #fff;
}

blockquote span.cite, #main-container blockquote span.cite a, blockquote small, #main-container blockquote small a {
  color: #999999;
}

/* menu-main-menu text shadow */
#mp-primary-menu, #mp-primary-menu ul, .mp-default-menu {
  text-shadow: 1px 1px black;
}

/* Menu link */
#mp-primary-menu a, .mp-default-menu a {
  color: #fff;
}

/* Menu link bottom border */
#mp-primary-menu li ul li {
  border-bottom: 1px solid #161616;
}

/* Menu link background on hover */
#mp-primary-menu li ul a:hover {
  background: #0d0d0d;
}

/* Separator color */
.separator {
  border-top: #010101 1px solid;
  background: #e8e81e;
}

/* Quote border and font color */
blockquote {
  border-color: #ccc;
}

blockquote span.cite {
  color: #999;
}

/* Image frame */
.frame, .preview img, .avatar, .comment-author-admin .children .avatar {
  background-color: #181818;
  outline: 1px solid #2c2c2c;
  -moz-box-shadow: 0 0 2px 2px #101010;
  -webkit-box-shadow: 0 0 2px 2px #101010;
  -o-box-shadow: 0 0 2px 2px #101010;
  box-shadow: 0 0 2px 2px #101010;
}

@-moz-document url-prefix() {
  .frame, .preview img, .avatar, .comment-author-admin .children .avatar {
    outline: none;
    -moz-box-shadow: 0 0 0 1px #2c2c2c;
    -webkit-box-shadow: 0 0 0 1px #2c2c2c;
    -o-box-shadow: 0 0 0 1px #2c2c2c;
    box-shadow: 0 0 0 1px #2c2c2c;
  }
}

.comment-author-admin .avatar, .children .comment-author-admin .avatar {
  background-color: #fff;
}

/* Twitter: "about x days ago" */
.tweet_time a, span.smooth, small.smooth {
  color: #656565 !important;
}

/* galleries filter background when active */
#filter a.active, #filter-store a.active {
  background-color: #404040;
}

/* ======================= END COLORS =================== */


/* ======================= SHORTCODES =================== */

/* standard */

/* clear floating after using grid*/
.clear {
  clear: both;
}

/* just hide an element (for javascript purpose)  */
.hide {
  display: none;
}

/* Text */
.justify {
  text-align: justify;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.left {
  float: left;
}

.right {
  float: right;
}

.middle {
  vertical-align: middle;
}

/*Drop caps */
span.dropcap, span.dropcap-bg {
  font-family: 'Ubuntu Condensed', sans-serif;
  font-size: 310%;
  line-height: 0.9em;
}

/* Default dropcap */
span.dropcap {
  float: left;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
}

/* Dropcap with background */
span.dropcap-bg {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-top: 8px;
  display: inline-block;
  padding: 2px 10px 5px;
  text-shadow: none;
}

/* Line to separate content */
.separator {
  height: 1px;
  width: 100%;
  margin: 30px auto;
  clear: both!important;
}

/* Highlight text */
span.highlight-yellow {
  text-shadow: none;
  display: inline-block;
  padding: 0 3px;
  background-color: #ff0;
  color: #333333;
  line-height: 1.3em;
}

span.highlight-white {
  text-shadow: none;
  display: inline-block;
  padding: 0 3px;
  background-color: #fff;
  color: #0d0d0d;
  line-height: 1.3em;
}

span.highlight-red {
  text-shadow: none;
  display: inline-block;
  padding: 0 3px;
  background-color: #D45554;
  color: #fff;
  line-height: 1.3em;
}

span.highlight-green {
  text-shadow: none;
  display: inline-block;
  padding: 0 3px;
  background-color: #327627;
  color: #fff;
  line-height: 1.3em;
}

a.hilghlight-tags, span.edit-link a {
  text-shadow: none;
  display: inline-block;
  padding: 2px 8px;
  background-color: #666666;
  color: #fff!important;
  line-height: 1.5em;
  font-size: 16px;
}

/* IMAGE STYLES */
.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
  clear: both;
}

/* align an image to the left*/
img.left, img.alignleft {
  float: left!important;
  margin-right: 15px;
  margin-bottom: 5px;
  margin-top: 5px;
}

/* align an image to the right*/
img.right, img.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.wp-caption {
  text-align: center;
  margin: 10px 20px 20px 20px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}

.wp-caption.aligncenter {
  margin: 20px auto;
}

.wp-caption.alignleft {
  margin-left: 0;
}

.wp-caption.alignright {
  margin-right: 0;
}

.wp-caption.alignnone {
  margin-left: 0;
}

.wp-caption img,
.wp-caption img a {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption
.wp-caption-text {
  margin: 0;
  padding: 5px;
}

.wp-smiley {
  max-height: 13px;
  margin: 0 !important;
}

.sticky {
  font-weight: normal;
}

/* align an element to the left*/
.video-left {
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
  margin-top: 25px;
}

/* align an element to the right*/
.video-right {
  float: right;
  margin-left: 15px;
  margin-bottom: 5px;
  margin-top: 25px;
}

/* Image frame */
.frame, .preview img, .avatar {
  padding: 4px;
}

/* Image shadow */
.shadow, .thumb-cd img {
  -moz-box-shadow: 3px 3px 5px black;
  -webkit-box-shadow: 3px 3px 5px black;
  -o-box-shadow: 3px 3px 5px black;
  box-shadow: 3px 3px 5px black;
}

/* LIST STYLES */
.widget ul, ul.popular-posts, ul.arrowlist, ul.disc, ul.square, ul.circle, ol {
  margin-left: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

ul.arrowlist, .widget_recent_entries ul, .widget_meta ul, .widget_archive ul, .widget_categories ul, .widget_nav_menu ul, .widget_recent_comments ul, .widget_links ul, .widget_sub_categories ul, .widget_popular_posts ul,
.widget_pages ul, ul.arrowlist {
  margin-left: 0;
}

.widget_recent_entries ul li:before, .widget_meta ul li:before, .widget_archive ul li:before, .widget_categories ul li:before, .widget_nav_menu ul li:before, .widget_recent_comments ul li:before, .widget_links ul li:before, .widget_sub_categories ul li:before, .widget_popular_posts ul li:before,
.widget_pages ul li:before, ul.arrowlist li:before, ul.arrow li:before {
  content: " ";
  background: url("css/img/arrow_list.gif") no-repeat;
  width: 13px;
  height: 11px;
  display: inline-block;
  padding-right: 3px;
}

.widget_nav_menu ul.sub-menu {
  margin-left: 20px;
  margin-top: 0;
}

.widget_nav_menu ul.sub-menu li:before {
  content: '';
  background: none;
  width: 0;
}

aside .widget:last-child .separator {
  display: none;
}

ul.none {
  list-style-type: none;
}

ul.circle {
  list-style-type: circle;
}

ul.bull {
  list-style-type: disc;
}

ul.square {
  list-style-type: square;
}

ul.circle {
  list-style-type: circle;
}

ul li, ol li {
  margin: 5px 0;
}

ul.arrowlist, ul.arrow {
  list-style-type: none;
}

/* Ordered list to display a tracklist */
ol.tracklist li {
  margin: 0;
}

ol.tracklist {
  margin-top: 0;
}

#store ol {
  margin-left: 10px;
}

#store ol li {
  line-height: 15px;
}

/* span to display a release title*/
span.title {
  display: inline-block;
  margin-bottom: 1.5em;
}

/* put some space between elements */
.space_5 {
  height: 5px;
}

.space_10 {
  height: 10px;
}

.space_15 {
  height: 15px;
}

.space_20 {
  height: 15px;
}

.space_30 {
  height: 30px;
}

.space_60 {
  height: 60px;
}

.space_40 {
  height: 40px;
}

/***************stars******************/
.star-0-5, .star-1, .star-2, .star-3, .star-4, .star-5,
.star-1-5, .star-1-5, .star-2-5, .star-3-5, .star-4-5 {
  background-image: url("css/img/stars.png");
  width: 123px;
  height: 25px;
}

.star-1 {
  background-position: 0 -100px;
}

.star-2 {
  background-position: 0 -75px;
}

.star-3 {
  background-position: 0 -50px;
}

.star-4 {
  background-position: 0 -25px;
}

.star-5 {
  background-position: 0 0;
}

.star-0-5 {
  background-position: 0 -225px;
}

.star-1-5 {
  background-position: 0 -200px;
}

.star-2-5 {
  background-position: 0 -175px;
}

.star-3-5 {
  background-position: 0 -150px;
}

.star-4-5 {
  background-position: 0 -125px;
}

.small-star-0-5, .small-star-1, .small-star-2, .small-star-3, .small-star-4, .small-star-5,
.small-star-1-5, .small-star-1-5, .small-star-2-5, .small-star-3-5, .small-star-4-5 {
  background-image: url("css/img/stars-small.png");
  display: inline-block;
  width: 86px;
  height: 17px;
  margin: 0;
}

.small-star-1 {
  background-position: 0 -70px;
}

.small-star-2 {
  background-position: 0 -52px;
}

.small-star-3 {
  background-position: 0 -35px;
}

.small-star-4 {
  background-position: 0 -17px;
}

.small-star-5 {
  background-position: 0 -1px;
}

.small-star-0-5 {
  background-position: 0 -332px;
}

.small-star-1-5 {
  background-position: 0 -140px;
}

.small-star-2-5 {
  background-position: 0 -122px;
}

.small-star-3-5 {
  background-position: 0 -105px;
}

.small-star-4-5 {
  background-position: 0 -87px;
}

/* ================ END SHORTCODES =================== */


/* ================== MAIN LAYOUT =================== */
body {
  font-size: 13px;
  line-height: 1.8em;
}

a {
  text-decoration: none;
}

/* The main container */
#main-container {
  width: 100%;
  padding: 50px 0;
  min-height: 500px;
}

/* Page link style */
#main-container a, footer a {
  display: inline-block;
  line-height: 1.3em;
}

p {
  margin: 20px 0;
}

/* Heading */
h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-style: normal;
  line-height: 1.4em;
}

h1 {
  font-size: 280%;
  line-height: 1.3em;
}

h2 {
  font-size: 235%;
}

h3 {
  font-size: 200%;
}

h4 {
  font-size: 180%;
}

h5 {
  font-size: 160%;
}

h6 {
  font-size: 140%;
}

span.tagline {
  display: inline-block;
  margin-top: 10px;
  margin-left: 3px;
  font-size: 15px;
}

span.tagline p {
  margin: 0;
}

/* Blockquote */
blockquote {
  font-style: italic;
  margin-top: 15px;
  margin-bottom: 18px;
  border-left: 5px solid;
  padding-left: 15px;
  margin-left: 30px;
  font-family: georgia;
}

blockquote small, span.cite {
  font-size: 12px;
}

blockquote small:before, span.cite:before {
  content: '\2014 \00A0';
}

.featured-quote blockquote {
  font-size: 16px;
}

/* Tooltipsy */
.tooltipsy {
  padding: 3px 8px;
  margin-bottom: 5px;
  max-width: 200px;
  color: #ccc;
  background-color: #1a1a1a;
  border: 1px solid #000;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  text-shadow: none;
  font-size: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

/* Tabs */
.tabgroup ul#tabs-menu, .ui-accordion-header {
  text-shadow: none;
  margin-bottom: 0;
}

.ui-tabs .ui-tabs-hide {
  display: none !important;
}

.tabgroup {
  width: 100%;
}

.tabgroup ul#tabs-menu {
  margin-left: 0;
  margin-bottom: 0;
  border-bottom: #010101 1px solid;
  height: 46px;
  font-size: 90%;
  text-shadow: none;
}

.tabgroup ul#tabs-menu a {
  color: #fff!important;
}

.tabgroup #tabs-container {
  border-top: #222222 1px solid;
  margin-top: -4px;
}

.tabs {
  margin-top: 8px;
}

.tabs h5 {
  margin: 15px 0 0;
}

.tabs p {
  margin: 0 0 0;
}

.tabgroup ul#tabs-menu li {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #373737), color-stop(100%, #181818));
  background-image: -webkit-linear-gradient(#373737, #181818);
  background-image: -moz-linear-gradient(#373737, #181818);
  background-image: -o-linear-gradient(#373737, #181818);
  background-image: -ms-linear-gradient(#373737, #181818);
  background-image: linear-gradient(#373737, #181818);
  background-color: #131313;
  text-align: center;
  list-style-type: none;
  float: left;
  height: 40px;
  width: 95px;
  border-top: 1px solid #0e0e0e;
  border-left: 1px solid #0e0e0e;
  border-right: 1px solid #0e0e0e;
  position: relative;
  margin-right: 3px;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -khtml-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.tabgroup ul#tabs-menu li:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #181818), color-stop(100%, #373737));
  background-image: -webkit-linear-gradient(#181818, #373737);
  background-image: -moz-linear-gradient(#181818, #373737);
  background-image: -o-linear-gradient(#181818, #373737);
  background-image: -ms-linear-gradient(#181818, #373737);
  background-image: linear-gradient(#181818, #373737);
}

.tabgroup ul#tabs-menu li a {
  border-bottom: none;
  position: absolute;
  line-height: 40px;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-decoration: none;
}

.tabgroup ul#tabs-menu li.ui-tabs-selected {
  background: #212121;
}

/*Widget custom tabs in sidebar*/
aside .tabgroup ul#tabs-menu li {
  width: 80px;
}

/*.custom-tabs-container {height:380px}
aside .custom-tabs-container {height:400px}*/
/*Accordion*/
.ui-accordion {
  width: 100%;
}

.ui-accordion-header {
  width: 96%;
  padding: 0 2%;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  margin: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #373737), color-stop(100%, #181818));
  background-image: -webkit-linear-gradient(#373737, #181818);
  background-image: -moz-linear-gradient(#373737, #181818);
  background-image: -o-linear-gradient(#373737, #181818);
  background-image: -ms-linear-gradient(#373737, #181818);
  background-image: linear-gradient(#373737, #181818);
}

.ui-accordion-header a {
  text-decoration: none!important;
  color: #999!important;
}

.ui-accordion-content {
  text-shadow: none;
  /*height:150px;*/
  padding: 15px;
  margin: 0;
  background: #252525;
  -moz-box-shadow: inset 0px 0px 15px 0px #131313;
  -webkit-box-shadow: inset 0px 0px 15px 0px #131313;
  -o-box-shadow: inset 0px 0px 15px 0px #131313;
  box-shadow: inset 0px 0px 15px 0px #131313;
  color: #999;
}

/*Tables*/
table {
  width: 100%;
  background: #252525;
  text-shadow: none;
}

table th, table td {
  padding: 10px 10px 9px;
  line-height: 30px;
  text-align: left;
}

table th {
  padding-top: 9px;
  font-weight: bold;
  vertical-align: middle;
  border-bottom: 1px solid #181818;
  color: #ffffff;
}

table td {
  vertical-align: top;
}

table th + th, table td + td {
  border-left: 1px solid #131313;
}

table tr + tr td {
  border-top: 1px solid #010101;
}

table tr + tr td {
  border-bottom: 1px solid #222222;
}

tbody tr:nth-child(odd) td {
  background-color: #323232;
}

tbody tr:hover td {
  background-color: #3e3e3e;
}

table.no-bg, table.no-bg th, table.no-bg th + th, table.no-bg td + td, table.no-bg tr + tr td, table.no-bg tbody tr:nth-child(odd) td, table.no-bg tbody tr:hover td {
  background: none!important;
  border: none!important;
}

.widget_calendar th, .widget_calendar td {
  padding: 5px;
  text-align: center;
}

.widget_calendar .pad {
  border: none;
}

/* ================== END MAIN LAYOUT =================== */


/* ======================= HEADER ======================= */
header {
  padding: 20px 0 0;
  position: relative;
}

/* Topbar*/
#topbar {
  width: 100%;
  height: 20px;
  padding: 15px 0 30px;
  font-size: 12px;
}

#topbar .mp-default-menu li {
  text-transform: none;
}

/* Topbar menu */
#mp-topbar-menu li, #topbar .mp-default-menu li {
  height: 15px;
  line-height: 15px;
  float: left;
  padding-left: 15px;
  margin-right: 15px;
  text-shadow: none;
  border-left: 1px dotted #333;
}

#mp-topbar-menu li:first-child, #topbar .mp-default-menu li:first-child {
  border: none;
  padding-left: 0;
}

#mp-topbar-menu li a, #topbar .mp-default-menu li a {
  text-decoration: none;
  color: #ccc;
}

#logo {
  margin: -8px 0 0 0;
  float: left;
  width: 300px;
  height: 85px;
  text-indent: -9999px;
}

/***************** Main Menu ******************/
#nav-container {
  height: 85px;
  padding: 10px 0 15px;
  overflow: visible;
}

/*nav#primary a {color:#ff0000!important}*/
#mp-primary-menu, .mp-default-menu {
  margin-top: 15px;
  font-size: 1.1em;
}

#mp-primary-menu, #mp-primary-menu ul, .mp-default-menu {
  list-style-position: outside;
  position: relative;
  line-height: 35px;
  z-index: 999!important;
  float: right;
  /*width:545px;*/
}

#mp-primary-menu a, .mp-default-menu a {
  display: block;
  padding: 0px 5px;
  text-decoration: none;
}

#mp-primary-menu a:hover, .mp-default-menu a:hover {
  /* put some style if you want to disable the js hover effect */
}

#mp-primary-menu a.active, .mp-default-menu a.active {
  opacity: 1!important;
}

#mp-primary-menu li, .mp-default-menu li {
  margin-left: 30px;
}

ul.sub-menu, ul.sub-menu ul {
  font-weight: normal;
}

ul.sub-menu li {
  margin-left: 0!important;
}

#mp-primary-menu li, .mp-default-menu li {
  float: left;
  position: relative;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

#mp-primary-menu ul {
  position: absolute;
  display: none;
  width: 185px;
  top: 35px;
  z-index: 9999!important;
}

#mp-primary-menu li ul a {
  width: 159px;
  height: 38px;
  line-height: 38px;
  float: left;
  background: #000000;
  padding-left: 20px;
}

#mp-primary-menu a {
  /*opacity:0.8*/
}

#mp-primary-menu li ul li:last-child {
  border: none!important;
}

#mp-primary-menu li ul {
  padding-top: 7px;
  background: url("css/img/submenu-arrow.png") 15px top no-repeat;
}

#mp-primary-menu ul ul {
  top: auto;
}

#mp-primary-menu li ul ul {
  left: 185px;
  padding: 0;
  margin: 0;
}

#mp-primary-menu li:hover ul ul, #mp-primary-menu li:hover ul ul ul, #mp-primary-menu li:hover ul ul ul ul {
  display: none;
}

#mp-primary-menu li:hover ul, #mp-primary-menu li li:hover ul, #mp-primary-menu li li li:hover ul, #mp-primary-menu li li li li:hover ul {
  display: block;
}

/***************** End Main Menu ******************/
/***************** Sliders ******************/
.slider-wrapper {
  width: 960px;
  margin: 0 auto 60px;
  /* height:400px;*/
}

#slider {
  position: relative;
  background: #0e0e0e url("css/img/loading.gif") no-repeat 50% 50%;
  height: 330px;
  width: 940px;
  border: 10px solid #181818;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px;
}

#slider img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 940px;
  height: 330px;
}

#slider-container, #fixheader-container {
  background-repeat: no-repeat!important;
  background-position: top center!important;
  margin: 5px 0 0;
  padding-bottom: 50px;
}

#fixheader, #videoblock {
  width: 960px;
  margin: 0 auto 40px;
  position: relative;
}

#fixheader img {
  max-width: 960px;
}

#videoblock {
  height: 350px;
}

#codearea {
  width: 960px;
  margin: 0 auto 40px;
  position: relative;
}

#videoblock iframe, #videoblock object {
  width: 960px;
  height: 350px;
}

#slider:after, #videoblock:after {
  content: " ";
  background: url(css/img/slide-shadow.png) bottom center no-repeat;
  /*@include background-size(contain);*/
  overflow: visible;
  display: block;
  position: absolute;
  margin-top: 0;
  bottom: -72px;
  left: 0;
  height: 62px;
  /* Same as your image height */
  width: 100%;
  /* Same as your image width */
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
}

#videoblock:after {
  bottom: -59px;
}

/* 3d slider wrapper */
#piecemaker_wrap {
  height: 410px;
  margin: -25px auto 0;
  width: 960px;
}

/* Nivo slider fix */
.nivo-caption {
  background: none;
  top: 0;
}

.nivo-caption p {
  display: inline-block;
  background: #000;
  padding: 3px 5px;
  margin: 10px;
}

.nivo-controlmenu-main-menu {
  margin-left: -58px;
  background: rgba(0, 0, 0, 0.5);
  padding-left: 17px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

a.nivo-control {
  margin-top: 12px!important;
}

/* intro block */
#intro {
  padding: 50px 0 50px;
  border-top: #0d0d0d 1px solid;
}

#advert {
  background: url("css/img/black.png") repeat;
  padding: 0 20px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}

/* ======================= END HEADER ======================= */


/* ======================= BLOG ======================= */
#blog .post:last-child .separator, #reviews .post:last-child .separator {
  display: none!important;
}

/* reviews */
#reviews a.preview {
  margin-right: 20px;
}

.thumb-cd img {
  width: 140px;
  height: 140px;
}

.post {
  position: relative;
}

a.post-format-icon {
  position: absolute;
  top: 5px;
  right: 0;
  display: inline-block;
  width: 32px;
  height: 32px;
}

a.post-format-icon.link {
  background: url(css/img/format/link.png) no-repeat;
}

a.post-format-icon.quote {
  background: url(css/img/format/quote.png) no-repeat;
}

a.post-format-icon.standard {
  background: url(css/img/format/standard.png) no-repeat;
}

a.post-format-icon.image {
  background: url(css/img/format/image.png) no-repeat;
}

a.post-format-icon.gallery {
  background: url(css/img/format/gallery.png) no-repeat;
}

a.post-format-icon.aside {
  background: url(css/img/format/aside.png) no-repeat;
}

a.post-format-icon.audio {
  background: url(css/img/format/audio.png) no-repeat;
}

a.post-format-icon.video {
  background: url(css/img/format/video.png) no-repeat;
}

.post img {
  max-width: 620px;
}

.blog-links {
  margin: 15px 0;
  font-size: 12px;
}

.blog-links a, .post h2 a {
  text-decoration: none!important;
  color: #fff;
}

span.blog-link {
  display: inline-block;
  line-height: 1em;
  padding-right: 7px;
  padding-left: 5px;
  border-left: 1px dotted #333;
}

span.blog-link:first-child, span.blog-link.first {
  border: none;
  padding-left: 0;
}

.format-aside .blog-links {
  margin: 25px 0 30px;
}

.format-aside a.post-format-icon {
  top: -5px;
}

.reviews .blog-links {
  margin: 10px 0 10px;
}

.mp-video-container {
  width: 620px;
  height: 375px;
  /*background: url(css/img/video-shadow.png) bottom center no-repeat */
}

.mp-video-container object, .mp-video-container iframe {
  width: 620px;
  height: 375px;
  /*@include box-shadow (3px 3px 5px #000000);*/
}

.slides {
  position: relative;
}

.slides_container {
  width: 620px;
  height: 320px;
  position: relative;
  overflow: hidden;
}

.slides_container div {
  width: 620px;
  height: 320px;
  display: block;
}

ul.slides-pagination {
  position: absolute;
  bottom: 0;
  right: 5px;
  z-index: 100;
}

ul.slides-pagination li {
  float: left;
}

ul.slides-pagination li a {
  display: inline-block;
  opacity: 1!important;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  background: url(css/img/nav.png);
  text-indent: -9999px;
}

ul.slides-pagination li.current a {
  background: url(css/img/nav_active.png);
}

.widget_video object, .widget_video iframe {
  margin-top: 15px;
  width: 260px;
  height: 180px;
  -moz-box-shadow: 3px 3px 5px black;
  -webkit-box-shadow: 3px 3px 5px black;
  -o-box-shadow: 3px 3px 5px black;
  box-shadow: 3px 3px 5px black;
}

.pagination {
  margin-top: 30px;
  float: right;
}

span.comment-author a, span.comment-author {
  font-size: 18px;
  color: #fff;
  text-decoration: none!important;
}

.comment-reply a {
  text-decoration: none!important;
}

aside {
  float: left;
  width: 260px;
  margin-left: 50px;
}

aside img {
  max-width: 260px;
}

aside.side-left {
  margin-right: 40px;
  margin-left: 10px;
}

aside a {
  color: #fff;
}

/*  Pagination */
.pagination span {
  line-height: 26px;
  position: relative;
  color: #cccccc;
  font-weight: bold;
  float: left;
  cursor: pointer;
  display: inline-block;
  height: 26px;
  width: 26px;
  margin: 8px 5px 0 0;
  text-align: center;
  text-shadow: none;
}

.pagination a {
  line-height: 26px;
  position: relative;
  color: #cccccc!important;
  font-weight: bold;
  float: left;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  width: 26px;
  padding-top: 4px;
  margin: 8px 5px 0 0;
  text-align: center;
  text-shadow: none;
  background-color: #4d4d4d;
  text-decoration: none!important;
  border: none;
}

.pagination a:hover {
  /*background-color: #666;*/
}

.pagination span.current {
  background-color: #202020;
}

/* Comments */
.avatar {
  margin-right: 15px;
  margin-top: 5px;
  float: left;
}

.comment, .comment-info, .comment-content {
  display: inline;
  float: left;
  margin-left: 0;
  margin-right: 10px;
}

.comment {
  width: 620px;
  padding-top: 30px;
}

.comment-info, .comment-content {
  width: 460px;
}

.children .comment {
  margin-left: 8%;
  width: 92%;
}

.children .comment-info, .comment-content {
  width: 80%;
}

.children .children .comment {
  margin-left: 0;
}

.comment-awaiting-moderation {
  color: #fff;
}

.cancel-comment-reply {
  margin-top: 10px;
}

.bypostauthor {
  font-weight: normal;
}

/* ======================= END BLOG ======================= */
/* ======================= GALLERIES ======================= */
/* Gallery index item */
.gallery_index li {
  display: block;
  height: 180px;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 40px;
  padding-bottom: 15px;
  width: 300px;
  float: left;
  position: relative;
  background: url("css/img/shadow-300.png") bottom no-repeat;
}

/* Photo container*/
/* gallery columns */
.gallery .grid_6, .gallery .grid_4, .gallery .grid_3 {
  margin-top: 10px;
}

.gallery .grid_6 img {
  width: 460px;
  height: 276px;
}

.gallery .grid_4 img {
  width: 300px;
  height: 180px;
}

.gallery .grid_3 img {
  width: 220px;
  height: 132px;
}

.zoom {
  display: block;
  background: #181818 url("css/img/zoom.png") no-repeat center center;
}

.gallery-caption {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  margin-left: 0;
}

/* Partial sliding on hover */
.box {
  width: 300px;
  height: 180px;
  margin-bottom: 20px;
  float: left;
  background: #1d1d1d;
  overflow: hidden;
  position: relative;
  text-shadow: none;
}

.box h3 {
  padding: 10px 10px 5px;
  margin: 0;
  color: #d1d1d1;
}

.box img {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  z-index: 3;
}

.box p {
  padding: 0 10px;
  margin: 0;
}

.box a {
  text-decoration: none!important;
}

/* Gallery index  & store filter */
#filter:before, #filter-store:before {
  content: 'Filter: ';
  float: left;
  margin-right: 20px;
  font-size: 16px;
  padding-top: 2px;
}

#filter, #filter-store {
  margin: 0 15px 15px;
  height: 40px;
}

#filter a, #filter-store a {
  float: left;
  margin-right: 20px;
  font-size: 16px;
  padding: 2px 8px;
  text-decoration: none!important;
  border: none;
}

#filter a.active, #filter-store a.active {
  display: inline;
}

#filter a:hover, #filter a.active, #filter-store a:hover, #filter-store a.active {
  text-shadow: none;
}

#filter-store {
  margin: 0 0 0 0;
}

img.bd-last-pics {
  margin-right: 8px;
  margin-bottom: 2px;
  width: 75px;
  height: 45px;
}

aside img.bd-last-pics {
  margin-right: 5px;
  margin-bottom: 2px;
  width: 73px;
  height: 43px;
}

/* ====================== STORE ======================= */
.isotope-item {
  width: 200px;
  height: 250px;
  float: left;
  margin: 10px 5px 10px 1px;
  text-shadow: none;
}

.isotope-item a {
  height: 195px;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/* ====================== FOOTER ======================= */
footer {
  width: 100%;
  padding: 50px 0 20px;
  position: relative;
}

#footer-logo {
  margin-top: 8px;
  margin-bottom: 5px;
  display: inline-block;
  width: 126px;
  height: 20px;
  background: url(images/footer_logo.png) no-repeat;
}

.twitter-widget ul li {
  margin: 1.5em 0;
  padding: 0 0 0 30px;
  background: url("css/img/quote.png") no-repeat left;
}

.tweet_time a {
  display: inline-block;
  width: 100%;
  border: none!important;
  text-decoration: none!important;
  font-size: 12px;
}

#copyright {
  font-size: 11px;
  height: auto;
}

#copyright a {
  color: #fff;
}

/* ==================== END FOOTER ======================= */


/* ======================= BUTTONS ======================= */
a.button {
  font-size: 100%;
  display: inline-block;
  height: 19px;
  margin: 5px 10px 5px 0;
  font-weight: bold;
  padding: 5px 10px 4px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  color: #737373 !important;
  border: 1px solid #999999 !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #b3b3b3));
  background-image: -webkit-linear-gradient(#ebebeb, #b3b3b3);
  background-image: -moz-linear-gradient(#ebebeb, #b3b3b3);
  background-image: -o-linear-gradient(#ebebeb, #b3b3b3);
  background-image: -ms-linear-gradient(#ebebeb, #b3b3b3);
  background-image: linear-gradient(#ebebeb, #b3b3b3);
  text-shadow: 1px 1px 1px #f2f2f2;
  background-color: #cccccc;
  text-align: left;
  line-height: 18px;
  text-decoration: none!important;
}

a.button:hover {
  color: #666666!important;
  border: 1px solid #999999;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4c4c4), color-stop(100%, #d9d9d9));
  background-image: -webkit-linear-gradient(#c4c4c4, #d9d9d9);
  background-image: -moz-linear-gradient(#c4c4c4, #d9d9d9);
  background-image: -o-linear-gradient(#c4c4c4, #d9d9d9);
  background-image: -ms-linear-gradient(#c4c4c4, #d9d9d9);
  background-image: linear-gradient(#c4c4c4, #d9d9d9);
  text-shadow: 1px 1px 1px white;
  background-color: #cccccc;
}

a.button.yellow {
  color: #a77405 !important;
  border: 1px solid #f1a808 !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcdfa0), color-stop(100%, #f8ba34));
  background-image: -webkit-linear-gradient(#fcdfa0, #f8ba34);
  background-image: -moz-linear-gradient(#fcdfa0, #f8ba34);
  background-image: -o-linear-gradient(#fcdfa0, #f8ba34);
  background-image: -ms-linear-gradient(#fcdfa0, #f8ba34);
  background-image: linear-gradient(#fcdfa0, #f8ba34);
  text-shadow: 1px 1px 1px #fce4af;
  background-color: #facb65;
}

a.button.yellow:hover {
  color: #8e6305 !important;
  border: 1px solid #f1a808;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fac656), color-stop(100%, #fbd37e));
  background-image: -webkit-linear-gradient(#fac656, #fbd37e);
  background-image: -moz-linear-gradient(#fac656, #fbd37e);
  background-image: -o-linear-gradient(#fac656, #fbd37e);
  background-image: -ms-linear-gradient(#fac656, #fbd37e);
  background-image: linear-gradient(#fac656, #fbd37e);
  text-shadow: 1px 1px 1px #fdecc8;
  background-color: #facb65;
}

a.button.green {
  color: #0e2e0c !important;
  border: 1px solid #206a1c !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5ed356), color-stop(100%, #2d9326));
  background-image: -webkit-linear-gradient(#5ed356, #2d9326);
  background-image: -moz-linear-gradient(#5ed356, #2d9326);
  background-image: -o-linear-gradient(#5ed356, #2d9326);
  background-image: -ms-linear-gradient(#5ed356, #2d9326);
  background-image: linear-gradient(#5ed356, #2d9326);
  text-shadow: 1px 1px 1px #69d663;
  background-color: #39bb31;
  color: #fff!important;
}

a.button.green:hover {
  color: #081907 !important;
  border: 1px solid #206a1c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #35af2e), color-stop(100%, #43cb3a));
  background-image: -webkit-linear-gradient(#35af2e, #43cb3a);
  background-image: -moz-linear-gradient(#35af2e, #43cb3a);
  background-image: -o-linear-gradient(#35af2e, #43cb3a);
  background-image: -ms-linear-gradient(#35af2e, #43cb3a);
  background-image: linear-gradient(#35af2e, #43cb3a);
  text-shadow: 1px 1px 1px #7ddb77;
  background-color: #39bb31;
  color: #fff!important;
}

a.button.blue {
  color: #001523 !important;
  border: 1px solid #01436f !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #16a1fd), color-stop(100%, #0261a1));
  background-image: -webkit-linear-gradient(#16a1fd, #0261a1);
  background-image: -moz-linear-gradient(#16a1fd, #0261a1);
  background-image: -o-linear-gradient(#16a1fd, #0261a1);
  background-image: -ms-linear-gradient(#16a1fd, #0261a1);
  background-image: linear-gradient(#16a1fd, #0261a1);
  text-shadow: 1px 1px 1px #26a7fd;
  background-color: #0280d4;
  color: #fff!important;
}

a.button.blue:hover {
  color: #00060a !important;
  border: 1px solid #01436f;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0277c5), color-stop(100%, #028fed));
  background-image: -webkit-linear-gradient(#0277c5, #028fed);
  background-image: -moz-linear-gradient(#0277c5, #028fed);
  background-image: -o-linear-gradient(#0277c5, #028fed);
  background-image: -ms-linear-gradient(#0277c5, #028fed);
  background-image: linear-gradient(#0277c5, #028fed);
  text-shadow: 1px 1px 1px #3fb1fd;
  background-color: #0280d4;
  color: #fff!important;
}

a.button.red {
  color: #581613 !important;
  border: 1px solid #972521 !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e27d79), color-stop(100%, #c12f2a));
  background-image: -webkit-linear-gradient(#e27d79, #c12f2a);
  background-image: -moz-linear-gradient(#e27d79, #c12f2a);
  background-image: -o-linear-gradient(#e27d79, #c12f2a);
  background-image: -ms-linear-gradient(#e27d79, #c12f2a);
  background-image: linear-gradient(#e27d79, #c12f2a);
  text-shadow: 1px 1px 1px #e58986;
  background-color: #d74c47;
  color: #fff!important;
}

a.button.red:hover {
  color: #43100f !important;
  border: 1px solid #972521;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d4403a), color-stop(100%, #dc605c));
  background-image: -webkit-linear-gradient(#d4403a, #dc605c);
  background-image: -moz-linear-gradient(#d4403a, #dc605c);
  background-image: -o-linear-gradient(#d4403a, #dc605c);
  background-image: -ms-linear-gradient(#d4403a, #dc605c);
  background-image: linear-gradient(#d4403a, #dc605c);
  text-shadow: 1px 1px 1px #e99e9b;
  background-color: #d74c47;
  color: #fff!important;
}

a.button.black {
  color: black !important;
  border: 1px solid black !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2c2c2c), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(#2c2c2c, #000000);
  background-image: -moz-linear-gradient(#2c2c2c, #000000);
  background-image: -o-linear-gradient(#2c2c2c, #000000);
  background-image: -ms-linear-gradient(#2c2c2c, #000000);
  background-image: linear-gradient(#2c2c2c, #000000);
  text-shadow: 1px 1px 1px #333333;
  background-color: #0d0d0d;
  color: #fff!important;
}

a.button.black:hover {
  color: black !important;
  border: 1px solid black;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #050505), color-stop(100%, #1a1a1a));
  background-image: -webkit-linear-gradient(#050505, #1a1a1a);
  background-image: -moz-linear-gradient(#050505, #1a1a1a);
  background-image: -o-linear-gradient(#050505, #1a1a1a);
  background-image: -ms-linear-gradient(#050505, #1a1a1a);
  background-image: linear-gradient(#050505, #1a1a1a);
  text-shadow: 1px 1px 1px #404040;
  background-color: #0d0d0d;
  color: #fff!important;
}

a.button.primary {
  font-size: 120%;
  display: inline-block;
  height: 25px;
  margin: 8px 10px 5px 0;
  font-weight: bold;
  padding: 8px 10px 2px;
}

/* ======================= END BUTTONS ======================= */


/* ====================== FORM ======================= */
#contactform {
  margin: 30px 0;
}

.stack .input, .stack label {
  width: 100%;
  text-align: left;
}

.clearfix .input {
  display: inline-block!important;
  width: 80%;
}

.clearfix .input input {
  width: 70%;
}

.clearfix .input textarea {
  width: 90%;
  font-size: 13px!important;
}

label {
  display: inline-block;
  width: 300px;
  text-align: left;
  margin-top: 0px;
  margin-right: 4%;
  line-height: 30px;
  height: 30px;
  vertical-align: top;
}

.input input, .input textarea {
  border: 1px solid #101010;
  -moz-box-shadow: inset 0px 0px 5px 1px #0b0b0f;
  -webkit-box-shadow: inset 0px 0px 5px 1px #0b0b0f;
  -o-box-shadow: inset 0px 0px 5px 1px #0b0b0f;
  box-shadow: inset 0px 0px 5px 1px #0b0b0f;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.input input:focus, .input textarea:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.comment-form .input {
  width: 100%;
}

.comment-form .input input {
  width: 51%;
}

.comment-form .input textarea {
  width: 530px;
}

.comment-form .input label {
  width: 30%;
  text-align: left;
}

.clearfix.error .input input, .clearfix.error .input textarea {
  border: 1px solid #330000;
  -moz-box-shadow: inset 0px 0px 5px 1px maroon;
  -webkit-box-shadow: inset 0px 0px 5px 1px maroon;
  -o-box-shadow: inset 0px 0px 5px 1px maroon;
  box-shadow: inset 0px 0px 5px 1px maroon;
}

select {
  height: 25px;
  margin-bottom: 5px;
}

.clearfix.error label {
  color: #FF0000;
}

div.help-inline {
  width: 100%;
  color: #FF0000;
}

input[type=text], input[type=password], textarea {
  margin: 10px 0;
}

input[type=text], input[type=password] {
  height: 30px;
  padding: 0 5px;
}

textarea {
  padding: 5px;
  height: 150px;
  width: 70%;
}

.actions {
  width: 100%;
}

.actions input[type=submit] {
  padding: 5px 10px;
  cursor: pointer;
  color: black !important;
  border: 1px solid black !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2c2c2c), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(#2c2c2c, #000000);
  background-image: -moz-linear-gradient(#2c2c2c, #000000);
  background-image: -o-linear-gradient(#2c2c2c, #000000);
  background-image: -ms-linear-gradient(#2c2c2c, #000000);
  background-image: linear-gradient(#2c2c2c, #000000);
  text-shadow: 1px 1px 1px #333333;
  background-color: #0d0d0d;
  color: #fff!important;
  float: right;
  margin-right: 7%;
  font-weight: bold;
}

.actions input[type=submit]:hover {
  color: black !important;
  border: 1px solid black;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #050505), color-stop(100%, #1a1a1a));
  background-image: -webkit-linear-gradient(#050505, #1a1a1a);
  background-image: -moz-linear-gradient(#050505, #1a1a1a);
  background-image: -o-linear-gradient(#050505, #1a1a1a);
  background-image: -ms-linear-gradient(#050505, #1a1a1a);
  background-image: linear-gradient(#050505, #1a1a1a);
  text-shadow: 1px 1px 1px #404040;
  background-color: #0d0d0d;
  color: #fff!important;
}

.comment-form .actions input[type=submit] {
  margin-right: 79px;
}

.paypal-button {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  color: #a77405 !important;
  border: 1px solid #f1a808 !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcdfa0), color-stop(100%, #f8ba34));
  background-image: -webkit-linear-gradient(#fcdfa0, #f8ba34);
  background-image: -moz-linear-gradient(#fcdfa0, #f8ba34);
  background-image: -o-linear-gradient(#fcdfa0, #f8ba34);
  background-image: -ms-linear-gradient(#fcdfa0, #f8ba34);
  background-image: linear-gradient(#fcdfa0, #f8ba34);
  text-shadow: 1px 1px 1px #fce4af;
  background-color: #facb65;
  font-size: 100%;
  display: inline-block;
  height: 19px;
  margin: 5px 10px 5px 0;
  font-weight: bold;
  padding: 5px 10px;
  line-height: 18px;
  cursor: pointer;
  height: 30px;
}

.paypal-button:hover {
  color: #8e6305 !important;
  border: 1px solid #f1a808;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fac656), color-stop(100%, #fbd37e));
  background-image: -webkit-linear-gradient(#fac656, #fbd37e);
  background-image: -moz-linear-gradient(#fac656, #fbd37e);
  background-image: -o-linear-gradient(#fac656, #fbd37e);
  background-image: -ms-linear-gradient(#fac656, #fbd37e);
  background-image: linear-gradient(#fac656, #fbd37e);
  text-shadow: 1px 1px 1px #fdecc8;
  background-color: #facb65;
}

#loader {
  background: url(css/img/ajax-loader.gif) no-repeat;
  width: 16px;
  height: 16px;
}

/* to hide the antispam field in the contact form */
.hidden {
  margin-top: 0!important;
  margin-bottom: 0!important;
  padding-top: 0!important;
  padding-bottom: 0!important;
  text-indent: -9999px;
  height: 0!important;
  line-height: 0!important;
  visibility: hidden;
  border: 0;
  display: block;
}

.search-form {
  margin: 8px 0 30px 0;
  width: 240px;
  height: 30px;
  padding: 0 3px;
  background: #b5b5b5;
  position: relative;
}

.search-form label, #searchform label {
  display: none;
}

.search-form input, #searchform input {
  background: none;
  box-shadow: none;
  border: none;
  margin: 0;
  width: 205px;
  color: #434448;
}

.search-form input:focus, #searchform input:focus {
  background: none;
  box-shadow: none;
  border: none;
  margin: 0;
  width: 205px;
  color: #434448;
}

.search-form input[type=submit], #searchform input[type=submit] {
  text-indent: -9999px;
  border-radius: none;
  height: 16px;
  cursor: pointer;
  width: 16px;
  padding: 0;
  background: none;
  border: none!important;
  text-shadow: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6%2BR8AAAAlElEQVR42oWQQRHEIAxF10ElVAISVgo3bCABCUhYCZWAhEpAQpoD6bzJhNnDO0DyyA8fEXkppXyVCpLViDUfyqVIQN9JFMY637hrlCySFauL21E7KVWbAIGx56rnSLqc5KPXSLo3kySalPhTygFhRDtFC09EIsMeZJSGBj7Qveh3OJW89syImiH%2BIO2BOJX0XwA2%2BQEL4pAhSX4aBQAAAABJRU5ErkJggg%3D%3D") no-repeat;
  color: #333333!important;
  position: absolute;
  top: 8px;
  right: 5px;
}

/* ==================== END FORM ======================= */


/* ========================= ALERTS ======================= */
.notif {
  width: 99%;
  margin: 0 auto 20px;
  background: #FFF no-repeat 5px center;
  position: relative;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 3px 3px 5px black;
  -webkit-box-shadow: 3px 3px 5px black;
  -o-box-shadow: 3px 3px 5px black;
  box-shadow: 3px 3px 5px black;
}

.notif div {
  margin-top: 18px!important;
  margin-left: 48px!important;
  margin-right: 15px!important;
  margin-bottom: 15px!important;
}

.notif span {
  cursor: pointer;
}

.notif a {
  text-decoration: underline!important;
  font-weight: bold;
  opacity: 1!important;
}

.notif .close {
  position: absolute;
  top: 0px;
  right: 8px;
  width: 12px;
  height: 15px;
  display: inline-block;
  font-size: 150%;
  text-decoration: none!important;
  font-weight: bold;
  line-height: 1.5em;
}

.notif.info {
  color: #13bde9 !important;
  border: 1px solid #58d1f1 !important;
  text-shadow: 1px 1px 1px #fdfeff;
  background-color: #b6ebf9;
  background-image: url(css/img/notif/info.png);
}

.notif.info a, .notif.info strong {
  color: #13bde9 !important;
  border: none;
}

.notif.tip {
  color: #afa214 !important;
  border: 1px solid #e7d728 !important;
  text-shadow: 1px 1px 1px #f9f5c9;
  background-color: #f1e884;
  background-image: url(css/img/notif/tip.png);
}

.notif.tip a, .notif.tip strong {
  color: #afa214 !important;
  border: none;
}

.notif.success {
  color: #326c0f !important;
  border: 1px solid #51af18 !important;
  text-shadow: 1px 1px 1px #b0ef8a;
  background-color: #83e647;
  background-image: url(css/img/notif/success.png);
}

.notif.success a, .notif.success strong {
  color: #326c0f !important;
  border: none;
}

.notif.error {
  color: #581613 !important;
  border: 1px solid #972521 !important;
  text-shadow: 1px 1px 1px #e58986;
  background-color: #d74c47;
  background-image: url(css/img/notif/error.png);
}

.notif.error a, .notif.error strong {
  color: #581613 !important;
  border: none;
}

/* ======================= END ALERTS ======================= */


/* ======================= ICONS ======================= */
span.icon {
  border: none!important;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  vertical-align: middle;
  margin: 0 5px;
}

span.icon a {
  border: none!important;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -999999px;
  width: 16px;
  height: 16px;
}

span.icon.user {
  background: url("css/img/icons/light/user.png");
}

span.icon.facebook {
  background: url("css/img/icons/light/facebook.png");
}

span.icon.twitter {
  background: url("css/img/icons/light/twitter.png");
}

span.icon.youtube {
  background: url("css/img/icons/light/youtube.png");
}

span.icon.lastfm {
  background: url("css/img/icons/light/lastfm.png");
}

span.icon.comment-icon {
  background: url("css/img/icons/light/comment.png");
}

span.icon.tag {
  background: url("css/img/icons/light/tag.png");
}

span.icon.tags {
  background: url("css/img/icons/light/tags.png");
}

span.icon.timer {
  background: url("css/img/icons/light/timer.png");
}

span.icon.calendar {
  background: url("css/img/icons/light/calendar.png");
}

span.icon.google-plus {
  background: url("css/img/icons/light/googleplus.png");
}

span.icon.mail {
  background: url("css/img/icons/light/mail.png");
}

span.icon.link {
  background: url("css/img/icons/light/link.png");
}

span.icon.rss {
  background: url("css/img/icons/light/rss.png");
}

span.icon.myspace {
  background: url("css/img/icons/light/myspace.png");
}

span.icon.chart {
  background: url("css/img/icons/light/chart.png");
}

span.icon.spacer {
  background: url("css/img/icons/light/spacer.png");
  width: 1px;
}

/* ===================== END ICONS ======================= */
/* ======================= 404 =================== */
h1.error {
  font-size: 500%;
  line-height: 1em;
}

h1.error span {
  font-size: 400%;
  line-height: 1em;
  color: #fff;
}

.error-wrap {
  padding-bottom: 50px;
}

/* ===================== END 404 =================== */


/* ===================== OTHER =================== */
address {
  display: block;
  line-height: 18px;
  margin: 18px 0;
}

/* Code & Pre */
code, pre {
  margin: 15px 0;
  font-family: Monaco, Andale Mono, Courier New, monospace;
  font-size: 12px;
  text-shadow: none;
  width: 80%;
  color: #0d0d0d;
  text-align: left;
}

code {
  background-color: #f5f5f5;
  padding: 2px 3px;
}

pre {
  background-color: #f5f5f5;
  line-height: 18px;
  font-size: 12px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}

p.fill-the-emptyness {
  margin: 0;
  padding: 0;
}

/* ===================== BODY CLASS =================== */
/* Grunge Skin */
.grunge header {
  background: #0e0e0e url(css/skins/grunge/bg.jpg) repeat;
}

.grunge #main-container {
  border: none;
}

.grunge span.holder, .grunge span.footer-holder {
  display: inline-block;
  width: 100%;
  height: 42px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(css/skins/grunge/holder.png) repeat-x;
}

.grunge span.holder-bottom {
  display: inline-block;
  width: 100%;
  height: 42px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(css/skins/grunge/holder-bottom.png) repeat-x;
}

/* Wrapped Skin */
body.wrapped {
  background: url(css/skins/wrapped/old_wall.png) repeat;
}

.wrapped header, .wrapped footer, .wrapped #topbar {
  background: none;
}

.wrapped #wrapper {
  background: #181818;
  width: 1000px;
  padding: 0;
  margin: 50px auto 50px;
}

.wrapped #topbar, .wrapped #main-container, .wrapped footer {
  border-bottom: 1px dotted #373737;
}

.wrapped #intro {
  border-top: 1px dotted #1b1b1b;
}

.wrapped #main-container {
  padding-top: 0;
}

.wrapped #slider {
  border: 10px solid #101010;
}

.wrapped #anythingslidercontainer {
  margin-bottom: 20px!important;
}

.wrapped #copyright {
  background: #181818;
}

/* Light Skin */
body.light {
  background: url(css/skins/light/bg-light.png) repeat;
}

.light #topbar a {
  color: #000!important;
}

/* Main custom color */
.light #main-container h1 span, .light #main-container h2 span, .light #main-container h3 span, .light #main-container h4 span,
.light #main-container h5 span, .light #main-container h6 span, .light table.no-bg thead tr th,
.light #main-container a, .light .error-wrap a, .light #main-container span.themecolor, .light span.comment-author,
.light .post h2 a span, .light #filter a, .light #filter a:hover, .light #filter-store a, .light #filter-store a:hover {
  color: #000;
}

.light #nav a.active, .light #nav a:hover {
  color: gray;
}

.light #main-container strong, .light .comment-author a, .light #filter a, .light #filter-store a {
  color: #000!important;
}

/* Global font color */
.light #main-container, .light #main-container h1, .light #main-container h2, .light #main-container h3, .light #main-container h4, .light #main-container h5, .light #main-container h6, .light #filter a.active, .light .post h2 a, .light .blog-links a {
  color: #4d4d4d !important;
}

.light #filter a.active, .light #filter-store a.active {
  color: #fff!important;
}

.light blockquote span.cite, .light #main-container blockquote span.cite a, .light blockquote small, .light #main-container blockquote small a {
  color: #737373;
}

.light #main-container {
  text-shadow: 1px 1px #fff;
}

/* Page links underline */
.light a.dotted, .light aside .tweet_text a, .light .widget_meta a, .light .popular-posts a, .light .last-reviews-widget a, .light .widget_recent_entries a, .light .widget_archive a, .light .widget_categories a, .light .widget_nav_menu a, .light .widget_recent_comments a, .light .widget_links a, .light .widget_sub_categories a, .light .widget_pages a, .light a.comment-reply-link {
  text-decoration: none!important;
  border-bottom: 1px dotted #000;
}

/* Image shadow */
.light .shadow {
  -moz-box-shadow: 3px 3px 5px #333333;
  -webkit-box-shadow: 3px 3px 5px #333333;
  -o-box-shadow: 3px 3px 5px #333333;
  box-shadow: 3px 3px 5px #333333;
}

.light .tabgroup #tabs-container {
  border-top: #f5f5f5 1px solid;
  margin-top: -4px;
}

.light .tabgroup ul#tabs-menu {
  border-bottom: #d4d4d4  1px solid;
}

/* Separator */
.light .separator, .light .widget_search div.separator {
  border-top: #d4d4d4 1px solid;
  background: #f5f5f5;
}

.light blockquote {
  color: #000000!important;
  text-shadow: none;
}

/* Image frame */
.light .frame, .light .preview img, .light .avatar, .light .comment-author-admin .children .avatar {
  background-color: #EBEBEB;
  outline: 1px solid #b8b8b8;
  -moz-box-shadow: 0 0 2px 2px #e3e3e3;
  -webkit-box-shadow: 0 0 2px 2px #e3e3e3;
  -o-box-shadow: 0 0 2px 2px #e3e3e3;
  box-shadow: 0 0 2px 2px #e3e3e3;
}

@-moz-document url-prefix() {
  .light .frame, .light .preview img, .light .avatar, .light .comment-author-admin .children .avatar {
    outline: none;
    -moz-box-shadow: 0 0 0 1px #b8b8b8;
    -webkit-box-shadow: 0 0 0 1px #b8b8b8;
    -o-box-shadow: 0 0 0 1px #b8b8b8;
    box-shadow: 0 0 0 1px #b8b8b8;
  }
}

.light footer .frame {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.light .comment-author-admin .avatar, .light .children .comment-author-admin .avatar {
  background-color: #000;
}

.light .zoom {
  background-color: #EBEBEB;
}

.light .notif {
  -moz-box-shadow: 3px 3px 5px #cccccc;
  -webkit-box-shadow: 3px 3px 5px #cccccc;
  -o-box-shadow: 3px 3px 5px #cccccc;
  box-shadow: 3px 3px 5px #cccccc;
}

.light span.icon {
  border: none!important;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  vertical-align: middle;
  margin: 0 5px;
}

.light span.icon a {
  border: none!important;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -999999px;
  width: 16px;
  height: 16px;
}

.light span.icon.user {
  background: url("css/skins/light/img/icons/user.png");
}

.light span.icon.facebook {
  background: url("css/skins/light/img/icons/facebook.png");
}

.light span.icon.twitter {
  background: url("css/skins/light/img/icons/twitter.png");
}

.light span.icon.youtube {
  background: url("css/skins/light/img/icons/youtube.png");
}

.light span.icon.lastfm {
  background: url("css/skins/light/img/icons/lastfm.png");
}

.light span.icon.comment-icon {
  background: url("css/skins/light/img/icons/comment.png");
}

.light span.icon.tag {
  background: url("css/skins/light/img/icons/tag.png");
}

.light span.icon.tags {
  background: url("css/skins/light/img/icons/tags.png");
}

.light span.icon.timer {
  background: url("css/skins/light/img/icons/timer.png");
}

.light span.icon.calendar {
  background: url("css/skins/light/img/icons/calendar.png");
}

.light span.icon.google-plus {
  background: url("css/skins/light/img/icons/googleplus.png");
}

.light span.icon.mail {
  background: url("css/skins/light/img/icons/mail.png");
}

.light span.icon.link {
  background: url("http://chicagooutfitrollerderby.com/wp-content/themes/Chicago-Outfit-Roller-Derby-Theme/css/skins/light/img/icons/link.png");
}

.light span.icon.rss {
  background: url("css/skins/light/img/icons/rss.png");
}

.light span.icon.myspace {
  background: url("css/skins/light/img/icons/myspace.png");
}

.light span.icon.chart {
  background: url("css/skins/light/img/icons/chart.png");
}

.light .box {
  background: #e3e3e3;
}

.light .box p a {
  color: #000!important;
}

/*.two-cols .overlay_zoom, .three-cols .overlay_zoom, .four-cols .overlay_zoom {
  background-color: #b8b8b8;
}
*/
.light .input input, .light .input textarea {
  border: 1px solid #cccccc;
  -moz-box-shadow: inset 0px 0px 5px 1px #cccccc;
  -webkit-box-shadow: inset 0px 0px 5px 1px #cccccc;
  -o-box-shadow: inset 0px 0px 5px 1px #cccccc;
  box-shadow: inset 0px 0px 5px 1px #cccccc;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.light .input input:focus, .light .input textarea:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.light .clearfix.error .input input, .light .clearfix.error .input textarea {
  border: 1px solid #ff6666;
  -moz-box-shadow: inset 0px 0px 5px 1px #ff8080;
  -webkit-box-shadow: inset 0px 0px 5px 1px #ff8080;
  -o-box-shadow: inset 0px 0px 5px 1px #ff8080;
  box-shadow: inset 0px 0px 5px 1px #ff8080;
}

.light #loader {
  background: url(css/skins/light/ajax-loader.gif) no-repeat;
  width: 16px;
  height: 16px;
}

.light #copyright {
  text-shadow: none;
}

.light .comment-awaiting-moderation {
  color: #000;
}