/*
Theme Name:     Metallics
Theme URI:      http://metallics.net
Description:    Custom Theme for Metallics
Author:         Sleeping Giant Studios
Author URI:     
Template:       function
Version:        1.0.0
*/
@import url("../function/style.css");

body.metallics {font-family:arial, sans-serif; background:#fff url(images/BG8.jpg) top center no-repeat fixed;}

.metallics a {color:#cf0404;}
.metallics a:hover {color:#ff3019}

.metallics a img:hover {opacity:1; box-shadow:0 0 10px #999;}

.metallics a.button,
.metallics a.comment-reply-link,
.metallics .submit,
.metallics input[type="submit"],
.metallics input.button,
.metallics button.button {background:#E80404;}

.metallics a.button:hover,
.metallics a.comment-reply-link:hover,
.metallics .submit:hover,
.metallics input[type="submit"]:hover,
.metallics input.button:hover,
.metallics button.button:hover {background:#C10303;}

.metallics h1,
.metallics h2,
.metallics h3,
.metallics h4 {border-bottom:1px solid #C9C9C9;}

.metallics h5,
.metallics h6 {border-bottom:1px dotted #C9C9C9;}

.metallics .post img,
.metallics .type-page img,
.metallics .post img.thumbnail,
.metallics .type-page img.thumbnail {padding:0; border:none;}

#topfadebar {display:block; position:fixed; z-index:75; display:block; width:100%; min-width:1000px; height:0.3em; box-shadow:0 0 10px #4c4c4c;
background: rgb(255,21,0);
background: -moz-linear-gradient(left,  rgba(255,21,0,1) 0%, rgba(196,26,17,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,21,0,1)), color-stop(100%,rgba(196,26,17,1)));
background: -webkit-linear-gradient(left,  rgba(255,21,0,1) 0%,rgba(196,26,17,1) 100%);
background: -o-linear-gradient(left,  rgba(255,21,0,1) 0%,rgba(196,26,17,1) 100%);
background: -ms-linear-gradient(left,  rgba(255,21,0,1) 0%,rgba(196,26,17,1) 100%);
background: linear-gradient(to right,  rgba(255,21,0,1) 0%,rgba(196,26,17,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1500', endColorstr='#c41a11',GradientType=1 );
}

.metallics #wrapper {background:#fff url('images/headerBG.jpg') top left no-repeat; box-shadow:0 0 15px #000;}

.metallics #header {padding:1.3em 0 0;}
.metallics #header #header-components {top:3.8em; margin:0 200px 0 0;}
.metallics #searchform {border:1px solid #000; box-shadow:0 1px 5px #383838;}
.metallics #searchform #s {min-width:17.2em;}

.metallics #social {position:absolute; right:0; margin:9px 228px 0 0; font-weight:bold;}
.metallics #phonenumber {color:#000;}
.metallics #social a {color:#000; text-decoration:underline;}
.metallics #social a:hover {color:#ff3019;}
.metallics .socialicon {float:right; width:24px; height:24px; display:block; margin:5px 0 0 3px;}
.metallics #socialiconfacebook {background:transparent url('images/Socialicon-facebook2.png') no-repeat;}
.metallics #socialicontwitter {background:transparent url('images/Socialicon-twitter2.png') no-repeat;}
.metallics #socialicongoogleplus {background:transparent url('images/Socialicon-googleplus2.png') no-repeat;}

.metallics #raq {position:absolute; right:0; margin:25px 0 0 0; font-weight:bold;}
.metallics #raq a {width:162px; height:78px; display:block; background:transparent url('images/RaQ.png') no-repeat;}
.metallics #raq a:hover {background:transparent url('images/RaQ.png') -162px 0px no-repeat;}

.metallics #contactlink {position:absolute; z-index:8; right:0; margin:78px 263px 0 0; font-weight:bold;}
.metallics #contactlink a {color:#000; text-decoration:underline;}
.metallics #contactlink a:hover {color:#ff0000; text-decoration:none;}
.metallics #contactlink a#gmap {margin:0 0 0 13px; background:transparent url('images/Socialicon-map.png') no-repeat;}

.metallics #navigation {-webkit-border-radius:0em; border-radius:0em;}
.metallics #navigation ul.nav > li:last-child a {border-width:0 0 0 1px; box-shadow:0 0 0 0 #646464; -webkit-box-shadow:0 0 0 0 #646464;}
.metallics #navigation ul.nav > li a {padding:.618em 0; font-size:.9em;}
.metallics #navigation ul.nav .sub-menu li a {padding:.618em 1.6em; font-size:.7em; line-height:1.4em;}

.metallics #navigation ul.nav > li.current_page_item a,
.metallics #navigation ul.nav > li.current_page_parent a,
.metallics #navigation ul.nav > li.current-menu-ancestor a,
.metallics #navigation ul.nav > li.current-cat a,
.metallics #navigation ul.nav > li.li.current-menu-item a {
background: rgb(147,147,147);
background: -moz-linear-gradient(top,  rgba(147,147,147,1) 0%, rgba(58,58,58,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(147,147,147,1)), color-stop(100%,rgba(58,58,58,1)));
background: -webkit-linear-gradient(top,  rgba(147,147,147,1) 0%,rgba(58,58,58,1) 100%);
background: -o-linear-gradient(top,  rgba(147,147,147,1) 0%,rgba(58,58,58,1) 100%);
background: -ms-linear-gradient(top,  rgba(147,147,147,1) 0%,rgba(58,58,58,1) 100%);
background: linear-gradient(to bottom,  rgba(147,147,147,1) 0%,rgba(58,58,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939393', endColorstr='#3a3a3a',GradientType=0 );
}

.metallics #navigation ul.nav ul {-webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0; box-shadow:0 1px 5px #000;}
.metallics #navigation ul.nav ul > li:last-child a {-webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0;}

.metallics ul.nav ul li {border-top:1px solid #5B5B5B;}
.metallics ul.nav ul li:first-child {border-top:none;}

.home #breadcrumbs {display:none;}
.metallics #breadcrumbs {margin:0 0 -15px 0; padding:0 0 4em 1em; font-size:.8em; border-bottom:0px; color:#bababa; background:url("images/bc-fade.jpg") bottom center no-repeat;}

.home.metallics #featured-slider .slide-content {bottom:3em; margin-left:-23px; padding:0 0 25px 0; background:url("images/titleBGwrapper2.png") bottom left no-repeat;}
.home.metallics #featured-slider .slide-content header,
.home.metallics #featured-slider .slide-content footer {padding-right:80px; padding-left:30px; background:transparent url('images/titleBGhome.png') top right no-repeat;}
.home.metallics #featured-slider .slide-content header h1 {border-bottom:none; font-size:2.1em; font-weight:bold;}

.home.metallics #featured-slider .flex-direction-nav {bottom:1em; margin:0 0.618em;}

.home #featured-slider .slide-content-inner footer {display:none;}

.home #main {margin-bottom:15px;}
.home #main .widget {float:left; width:23%; margin:0 9px; padding:0 0 25px 0; text-align:center; background:url('images/homeSubAdBG4.jpg') bottom center no-repeat;}
.home #main .widget h3 {margin:0 0 .6em; padding:0; font-size:1em; color:#595959; border-bottom:1px solid #E5E5E5; background:transparent;}
.home #main .widget img {width:100%;}

.metallics .post header,
.metallics .type-page header {margin:0 0 0 -70px; padding:0 0 9px 0; background:url("images/titleBGwrapper2.png") bottom left no-repeat;}
.metallics .post header h1,
.metallics .type-page header h1 {padding:2px 70px 2px 70px; background:url("images/titleBG.png") top right no-repeat; color:#fff; font-weight:bold; font-size:2em; text-shadow:0 -1px 1px #5B0101; border-bottom:none;}

.metallics .post header h1,
.metallics .type-page header h1,
.metallics.search .type-page header h1 {float:left;}
.metallics.search .type-page header h1 {width:70%;}

.metallics .landingads {display:block; clear:both; padding:0 0 25px 0;}
.metallics .landingads .landingad {display:block; position:relative;}
.metallics .landingads .landingad.right {float:right;}
.metallics .landingads .landingad.left {float:left;}
.metallics .landingads .header {position:absolute; bottom:76px; margin:0 0 0 -18px; padding:0 0 16px 0; background:url("images/titleBGwrapper2.png") bottom left no-repeat;}
.metallics .landingads .header h2 {padding:3px 70px 3px 70px; background:url("images/titleBG.png") top right no-repeat; color:#fff; font-weight:bold; font-size:1.3em; text-shadow:0 -1px 1px #5B0101; border-bottom:none;}
.metallics .landingads .header h2 a {color:#fff; text-decoration:none;}
.metallics .landingads .header h2 a:hover {text-decoration:underline;}

.metallics .landingads .right .header {right:-18px; background:url("images/titleBGwrapper3.png") bottom right no-repeat;}
.metallics .landingads .right .header h2 {background:url("images/titleBG2.png") top left no-repeat;}

.metallics.search #main {width:100%;}
.metallics .archive-header {border-bottom:none;}

.metallics .post header h1 a:link,
.metallics .type-page header h1 a:link,
.metallics .post header h1 a:visited,
.metallics .type-page header h1 a:visited {color:#fff;}

.metallics #sidebar {display:block; min-height:509px; padding:0 0 0 20px; background:url('images/bg-sidebar.jpg') top left no-repeat;}
.metallics .widget {border:none;}
.metallics .widget h3 {margin:0 0 7px 0; padding:0 0 0 50px; border:none; background:url('images/QAicon.jpg') 0 7px  no-repeat;}



.metallics #tabs > ul {overflow:hidden; padding:0 0 0 20px; list-style-type:none; border-bottom:2px solid #4c4c4c;}
.metallics #tabs li {display:block; float:left;}
.metallics #tabs li a {padding:5px 30px 4px 15px; color:#7b7b7b; text-decoration:none; font-size:1.2em; font-weight:bold; background:url('images/bg-tabs2.jpg') top right no-repeat;}
.metallics #tabs li a:hover {color:#fff; background:url('images/bg-tabs.jpg') top right no-repeat;}

.metallics #respond #commentform #submit {background:#E80404;}
.metallics #respond #commentform #submit:hover {background:#C10303;}

.metallics #footer-wrapper {background:#fff; box-shadow:0 2px 15px #000;}
.metallics #footer {padding:0 0 1.53em; border-top:none;}
.metallics #footer #copyright {width:50%;}

.metallics #footer-widgets {padding:2.618em 0 4em; background:url("images/bc-fade.jpg") bottom center no-repeat;}
.metallics #footer-widgets a {color:#cf0404; text-decoration:underline;}
.metallics #footer-widgets a:hover {color:#FF0505; text-decoration:none;}
.metallics #footer-widgets .widget {border:none;}
.metallics #footer-widgets .widget h1,
.metallics #footer-widgets .widget h2,
.metallics #footer-widgets .widget h3,
.metallics #footer-widgets .widget h4,
.metallics #footer-widgets .widget h5 {padding:0; color:#595959; text-transform:uppercase; font-weight:bold; border-bottom:1px solid #E5E5E5; background:transparent;}


/* Mobile Settings */

@media only screen and (max-width: 768px) {

.metallics #header #raq {display:none;}
.metallics #header #social {display:none;}
.metallics #header #contactlink {display:none;}
.metallics #header #header-components {display:none;}

.metallics #main-nav.fl {float:none;}

.metallics #navigation {padding:0;}
.metallics #navigation ul.nav > li a {padding:.3em 2em;}
.metallics #navigation ul.nav .sub-menu li a {font-size:.8em;}
.metallics #navigation ul.nav ul {box-shadow:none;}

.metallics #navigation ul.nav > li.current_page_item a,
.metallics #navigation ul.nav > li.current_page_parent a,
.metallics #navigation ul.nav > li.current-menu-ancestor a,
.metallics #navigation ul.nav > li.current-cat a,
.metallics #navigation ul.nav > li.li.current-menu-item a {color:#fff;}

.metallics #breadcrumbs {display:none;}

.metallics header {clear:both;}
.metallics .post header,
.metallics .type-page header {margin:0; padding:0; background:transparent;}
.metallics .post header h1,
.metallics .type-page header h1,
.metallics .search .type-page header h1 {float:none; width:100%; margin:0 0 1em -2em; padding:4px 1em 4px 2em;
background: rgb(255,0,0);
background: -moz-linear-gradient(top,  rgba(255,0,0,1) 0%, rgba(188,6,6,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,0,1)), color-stop(100%,rgba(188,6,6,1)));
background: -webkit-linear-gradient(top,  rgba(255,0,0,1) 0%,rgba(188,6,6,1) 100%);
background: -o-linear-gradient(top,  rgba(255,0,0,1) 0%,rgba(188,6,6,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,0,0,1) 0%,rgba(188,6,6,1) 100%);
background: linear-gradient(to bottom,  rgba(255,0,0,1) 0%,rgba(188,6,6,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#bc0606',GradientType=0 );
}

.home.metallics #featured-slider .slide-content {margin-left:0; padding:0; background:transparent;}
.home.metallics #featured-slider .slide-content header,
.home.metallics #featured-slider .slide-content footer {padding:5px 1em;
background: rgb(255,0,0);
background: -moz-linear-gradient(top,  rgba(255,0,0,1) 0%, rgba(188,6,6,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,0,1)), color-stop(100%,rgba(188,6,6,1)));
background: -webkit-linear-gradient(top,  rgba(255,0,0,1) 0%,rgba(188,6,6,1) 100%);
background: -o-linear-gradient(top,  rgba(255,0,0,1) 0%,rgba(188,6,6,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,0,0,1) 0%,rgba(188,6,6,1) 100%);
background: linear-gradient(to bottom,  rgba(255,0,0,1) 0%,rgba(188,6,6,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#bc0606',GradientType=0 );
}
.home.metallics #featured-slider .slide-content header h1 {font-size:1.2em;}
.home.metallics #featured-slider .flex-direction-nav {right:1em; margin:0;}

.home #main .widget {width:47%; margin:0 9px;}

.metallics #footer #credit {text-align:center;}
.metallics #footer #copyright {width:100%; margin:2em 0 0 0; text-align:center;}
.metallics #footer-widgets {margin:0 0 2.25em 0; padding:2em 0 0 0; background:transparent; border-bottom:1px solid #E5E5E5;}
.metallics #footer-widgets .block {clear:both; margin:0 0 40px 0; line-height:1.28em;}

#bottomfadebar {display:block; bottom:0px; position:fixed; z-index:75; display:block; width:100%; min-width:1000px; height:0.3em; box-shadow:0 0 10px #4c4c4c;
background: rgb(255,21,0);
background: -moz-linear-gradient(left,  rgba(255,21,0,1) 0%, rgba(196,26,17,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,21,0,1)), color-stop(100%,rgba(196,26,17,1)));
background: -webkit-linear-gradient(left,  rgba(255,21,0,1) 0%,rgba(196,26,17,1) 100%);
background: -o-linear-gradient(left,  rgba(255,21,0,1) 0%,rgba(196,26,17,1) 100%);
background: -ms-linear-gradient(left,  rgba(255,21,0,1) 0%,rgba(196,26,17,1) 100%);
background: linear-gradient(to right,  rgba(255,21,0,1) 0%,rgba(196,26,17,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1500', endColorstr='#c41a11',GradientType=1 );
}

}

@media only screen and (max-width: 500px) {

    .metallics ul.nav ul li {border-top:none;}
    .metallics #navigation ul.nav .sub-menu li a {line-height:.9em;}
    .home #main .widget {width:100%; margin:0 0 20px 0;}
    
}

@media (min-width: 768px) {

    .metallics #navigation ul.nav {width:100%;}
    .metallics #navigation ul.nav > li {width:16.66%; text-align:center;}

}