body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #181818 url('../images/bg.jpg');
  color: #eaeaea;
  font-size: 14px;
  line-height: 1.8em;
}

a {
  text-decoration: none;
}

a:focus{
	outline: none;
}

p {
  margin: 0 0 1.5em 0;
}

h1, h2, h3, h4, h5, h6, span.comment-author, span.dropcap, span.dropcap-bg {
  font-family: 'Ubuntu Condensed', sans-serif;
}

strong,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
#main-container a, .error-wrap a, footer a, header a,
#nav a.active, #nav a:hover,
.post h2 a span,
#filter a:hover, #filter a.active,
#playlist_list li.playlist_current, #playlist_list li.playlist_hover {
  color: #ff0000;
}

.post h2 a, #filter a, .blog-links a, strong, .comment-author a, span.tagline, blockquote p {
  color: #fff !important;
}

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

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

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

h2 {
  font-size: 230%;
}

h3 {
  font-size: 200%;
  margin-bottom: 15px;
}

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;
}

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

blockquote small {
  font-size: 12px;
}

blockquote small:before {
  content: '\2014 \00A0';
}

.row-wrapper{
	padding: 0 15px;
}


a.dotted, .tweet_text a {
  text-decoration: none!important;
  border-bottom: 1px dotted #fff461;
}

.separator {
  border-top: #010101 1px solid;
  border-bottom: #222222 1px solid;
  margin: 20px 0 15px 0;
  clear: both;
}

ul.arrowlist {
  margin-left: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

ul.arrowlist li:before {
  content: " ";
  background: url("img/arrow_list.gif") no-repeat;
  width: 13px;
  height: 11px;
  display: inline-block;
  padding-right: 3px;
}


/* ==================== Topbar ================== */
#topbar {
  padding: 15px 0;
  background: #181818 url(../images/bg.jpg);
  margin: 0;
}

/* Topbar social icons */
.social-icons span.icon{
	background-color: #d1d1d1 !important;
}
	
.social-icons span.icon.facebook:hover {
  background-color: #3B5998 !important;
}

.social-icons span.icon.twitter:hover {
  background-color: #52D2FD !important;
}

.social-icons span.icon.rss:hover {
  background-color: #ff9000 !important;
}

.social-icons span.icon.youtube2:hover {
  background-color: #FF3333 !important;
}

.social-icons span.icon.google-plus:hover {
  background-color: #d84938 !important;
}


/* ==================== Header ================== */
header {
  background: #181818 url(../images/header_bg.png) top center;
  margin: 0;
}

#intro {
	margin: 0;
	padding: 20px 20px 30px 20px;
  	border-top: #0d0d0d 1px solid;
}

#advert {
  background: url("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;
}

/* ==================== Main Navigation ================== */
#nav-container .logo{
	padding: 15px 0;
}

#nav-container{
	background: none;
	margin: 0;
	border: none;
}

#nav {
  	font-family: 'Ubuntu Condensed', sans-serif;
  	font-size: 1.1em;
}

#nav, #nav ul {
	text-shadow: 1px 1px black;
	list-style-type: none;
}

#nav li {
	text-transform: uppercase;
}

#nav a {
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}

#nav a.active {
	opacity: 1 !important;
}

#nav li ul li {
	text-transform: none;
}


/* ===================== Main Container =================== */
#main-container {
  border-bottom: 4px solid #131313;
}

#main-container a, footer a {
  display: inline-block;
  line-height: 1.3em;
  text-decoration: none;
}



/* ======================= Footer ======================= */
footer {
  background: #181818 url(../images/footer_bg.png);
  padding: 30px 0 20px 0;
}

footer a{
  text-decoration: none;
}

footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


/* ==================== Slider =================== */
.slider-wrapper {
	border: 5px solid white;
}

.theme-default .nivoSlider {
	margin-bottom: 0 !important;
}


.theme-default .nivo-caption {
	padding: 0 10px;
}

.theme-default .nivo-caption a.mainlink {
  padding: 7px 0 3px 0;
  border: none;
  font-weight: bold;
}

.theme-default .nivo-caption p{
  padding: 3px 0;
}

.theme-default .nivo-controlNav {
	margin: 0;
	padding: 10px 0 7px 0 !important;
  	background: rgba(0, 0, 0, 0.5);
}


/* ==================== Copyright =================== */
#copyright {
	margin: 0;
  	background: #090909;
  	font-size: 11px;
  	height: auto;
  	padding: 15px 0;
}

#copyright a {
  color: #fff;
}

/* ================= gallery ======================= */
.gallery{
	padding: 20px 0;
}

.gallery a.gallery-item {
	display: block !important;
}

.gallery img.img-responsive{
	margin: 20px auto;
}

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

.shadow {
  -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;
}

/* ================= gallery =============== */
.gallery_index > div > div{
  	padding: 0 10px 20px 10px;
}

.gallery_index div.box-wrapper{
  	position: relative;
	background: url("img/shadow-300.png") bottom center no-repeat;
	padding: 0 0 15px 0;
}

.gallery_index .box {
	background: #1d1d1d;
	display: block;
	position: relative;
	overflow: hidden;
	height: 180px;
  	width: 300px;
  	margin:  auto;
}


.gallery_index .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;
}


/* ================= blog ======================= */

.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: 12px;
  border-left: 1px dotted #333;
}

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

.frame {
  background-color: #181818;
  outline: 1px solid #2c2c2c;
  padding: 4px;
}

a:hover .frame{
	filter: alpha(opacity=70);
	opacity: 0.7;
}


/* ================= forms ======================= */
#main-container .form-control {
  border-color: transparent;
  height: 28px;
  font-size: inherit;
  -webkit-box-shadow: inset 0 1px 2px #0b0b0f;
          box-shadow: inset 0 1px 2px #0b0b0f;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#main-container .form-control:focus {
  border-color: #101010;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

#main-container .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 1px;
    font-weight: normal;
}

.search-form{
	margin-top: 0;
	padding-top: 0;
}


/* ========= Social links sidebar ============== */
#social_links_bar{ 
  width: 32px; 
  position: fixed; 
  left: 0;
  top: 35%;
}

#social_links_bar a{
	display: block;
	margin: 3px 0;
}

.social_links a:hover{
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
}


/* ======================= ICONS ======================= */
span.icon {
  border: none !important;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("img/icons_dark.png");
  position: relative;
  vertical-align: middle;
  margin: 0 5px;
}

span.icon:hover {
  background-color: #fff!important;
  background-image: url("img/icons_dark.png");
}

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

span.icon.icon-1, span.icon.view { 			background-position: 0 0; }
span.icon.icon-2, span.icon.trash { 		background-position: -16px 0; }
span.icon.icon-3, span.icon.category {  	background-position: -32px 0; }
span.icon.icon-4, span.icon.info { 			background-position: -48px 0; }
span.icon.icon-5, span.icon.calendar {		background-position: -64px 0; }
span.icon.icon-6, span.icon.calendar2 {		background-position: -80px 0; }
span.icon.icon-7, span.icon.timer {			background-position: -96px 0; }
span.icon.icon-8, span.icon.settings {		background-position: -112px 0; }
span.icon.icon-9, span.icon.settings2 {		background-position: -128px 0; }
span.icon.icon-10, span.icon.tag {			background-position: -144px 0; }
span.icon.icon-11, span.icon.tags {			background-position: -160px 0; }
span.icon.icon-12, span.icon.home {			background-position: -176px 0; }
span.icon.icon-13, span.icon.price {		background-position: -192px 0; }
span.icon.icon-14, span.icon.paypal {		background-position: -208px 0; }
span.icon.icon-15, span.icon.print {		background-position: -224px 0; }
span.icon.icon-16, span.icon.location { 	background-position: -240px 0; }
span.icon.icon-17, span.icon.pages { 		background-position: -256px 0; }
span.icon.icon-18, span.icon.page {			background-position: -272px 0; }
span.icon.icon-19, span.icon.upload {		background-position: -288px 0; }
span.icon.icon-20, span.icon.download {		background-position: -304px 0; }
span.icon.icon-21, span.icon.rss {			background-position: 0 -16px; }
span.icon.icon-22, span.icon.twitter {		background-position: -16px -16px; }
span.icon.icon-23, span.icon.twitter2 {		background-position: -32px -16px; }
span.icon.icon-24, span.icon.facebook {		background-position: -48px -16px; }
span.icon.icon-25, span.icon.fb-like {		background-position: -64px -16px; }
span.icon.icon-26, span.icon.myspace {		background-position: -80px -16px; }
span.icon.icon-27, span.icon.youtube {		background-position: -96px -16px; }
span.icon.icon-28, span.icon.youtube2 {		background-position: -112px -16px; }
span.icon.icon-29, span.icon.digg {			background-position: -128px -16px; }
span.icon.icon-30, span.icon.digg2 {		background-position: -144px -16px; }
span.icon.icon-31, span.icon.delicious { 	background-position: -160px -16px; }
span.icon.icon-32, span.icon.dribbble {		background-position: -176px -16px; }
span.icon.icon-33, span.icon.googlebuzz {	background-position: -192px -16px; }
span.icon.icon-34, span.icon.mobypicture {	background-position: -208px -16px; }
span.icon.icon-35, span.icon.stubleupon {	background-position: -224px -16px; }
span.icon.icon-36, span.icon.skype {		background-position: -240px -16px; }
span.icon.icon-37, span.icon.tumblr {		background-position: -256px -16px; }
span.icon.icon-38, span.icon.vimeo {		background-position: -272px -16px; }
span.icon.icon-39, span.icon.vimeo2 {		background-position: -288px -16px; }
span.icon.icon-40, span.icon.dribbble2 {	background-position: -304px -16px; }
span.icon.icon-41, span.icon.plixi {		background-position: 0 -32px; }
span.icon.icon-42, span.icon.dropbox {		background-position: -16px -32px; }
span.icon.icon-43, span.icon.lastfm {		background-position: -32px -32px; }
span.icon.icon-44, span.icon.user {			background-position: -48px -32px; }
span.icon.icon-45, span.icon.comment {		background-position: -64px -32px; }
span.icon.icon-46, span.icon.comments {		background-position: -80px -32px; }
span.icon.icon-47, span.icon.women {		background-position: -96px -32px; }
span.icon.icon-48, span.icon.man {			background-position: -112px -32px; }
span.icon.icon-49, span.icon.pictures {		background-position: -128px -32px; }
span.icon.icon-50, span.icon.picture {		background-position: -144px -32px; }
span.icon.icon-51, span.icon.folder {		background-position: -160px -32px; }
span.icon.icon-52, span.icon.charts {		background-position: -176px -32px; }
span.icon.icon-53, span.icon.mail {			background-position: -192px -32px; }
span.icon.icon-54, span.icon.google-plus {	background-position: -208px -32px; }


/* ===================== Tooltipsy ======================= */
.tooltipsy {
  padding: 3px 8px;
  margin-bottom: 5px;
  max-width: 200px;
  color: #ccc;
  background-color: #000;
  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;
}

/* ========================= Alerts ======================= */
.alert-success {
  color: #326c0f !important;
  border: 1px solid #51af18 !important;
  text-shadow: 1px 1px 1px #b0ef8a;
  background: #83e647 url(img/notif/success.png) 10px center no-repeat;
  padding-left: 50px;
}

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

.alert-danger {
  color: #581613 !important;
  border: 1px solid #972521 !important;
  text-shadow: 1px 1px 1px #e58986;
  background: #d74c47 url(img/notif/error.png) 10px center no-repeat;
  padding-left: 50px;
}

.alert-danger a, .alert-danger strong {
  color: #581613 !important;
  border: none;
}


/* ================= Buttons ==================== */
.btn{
	font-weight: bold;
}

.btn-fecsoillum {
	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);
	background-color: #0d0d0d;
	border-color: #000000;
	color: white !important;
	text-shadow: none;
}

.btn-fecsoillum:hover,
.btn-fecsoillum:focus,
.btn-fecsoillum:active,
.btn-fecsoillum.active {
	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);
  	background-color: #0d0d0d;
  	border-color: #000000;
    color: white !important;
}

.btn-fecsoillum.disabled:hover,
.btn-fecsoillum.disabled:focus,
.btn-fecsoillum.disabled:active,
.btn-fecsoillum.disabled.active,
.btn-fecsoillum[disabled]:hover,
.btn-fecsoillum[disabled]:focus,
.btn-fecsoillum[disabled]:active,
.btn-fecsoillum[disabled].active,
fieldset[disabled] .btn-fecsoillum:hover,
fieldset[disabled] .btn-fecsoillum:focus,
fieldset[disabled] .btn-fecsoillum:active,
fieldset[disabled] .btn-fecsoillum.active {
	background-color: #c8c8c8;
  	border-color: #c8c8c8;
    color: white !important;
}

.btn-warning{
	color: #a77405 !important;
	text-shadow: 1px 1px 1px #fce4af;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
	color: #8e6305 !important;
  	text-shadow: 1px 1px 1px #fdecc8;
}


/* ================= Tabs ==================== */
.nav-tabs{
	margin: 20px 0 0 0;
  	border-bottom: 1px solid #000000;
}

.nav-tabs > li > a{
  color: #fff !important;
  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;
  border: 1px solid transparent !important;
  border-bottom: 1px solid black !important;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus{
  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);
  border: 1px solid transparent !important;
  border-bottom: 1px solid black !important;
} 

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: #212121;
  border: 1px solid transparent !important;
}

.tab-content p{
	margin: 0;
	padding: 0;
}



/* ============== Tables ================ */
table {
  width: 100%;
  background: #252525;
  text-shadow: none;
  border-color: #000000 !important;
}

table th, table td {
  padding: 10px 8px 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;
}


/* =========== Pagination ============== */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > ul > li {
  display: inline;
}

.pagination > ul > li > a,
.pagination > ul > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  border: 1px solid #999999;
}

.pagination ul li a{
	color: #cccccc !important;
}

.pagination > ul > li:first-child > a,
.pagination > ul > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > ul > li:last-child > a,
.pagination > ul > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > ul > li > a:hover,
.pagination > ul > li > span:hover,
.pagination > ul > li > a:focus,
.pagination > ul > li > span:focus {
  background-color: #4d4d4d;
}

.pagination > ul > .active > a,
.pagination > ul > .active > span,
.pagination > ul > .active > a:hover,
.pagination > ul > .active > span:hover,
.pagination > ul > .active > a:focus,
.pagination > ul > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #4d4d4d;
  font-weight: bold;
}

.pagination > ul > .disabled > span,
.pagination > ul > .disabled > span:hover,
.pagination > ul > .disabled > span:focus,
.pagination > ul > .disabled > a,
.pagination > ul > .disabled > a:hover,
.pagination > ul > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
  display: none;
}

@media (max-width: 768px) {
   .navbar-collapse {
      max-height: none !important;
   }
}