@charset "UTF-8";
/* CSS Document */

body {
	background:#000 url(../images/main_bkg.jpg) top center repeat-y;
	color: #fff;
}

a {color:#f00; outline:none !important;}
a:hover {color:#900 !important; outline:none !important;}

a.active {color:#f00 !important; outline:none !important;}


.noLRPad {
	padding-left:0;
	padding-right:0;
}




/*BOOTSTRAP OVERRIDES*/
.container {
	background:#000;	
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

/* HEADER*/

.UG-HdrContainer {
	height:115px;
	background:#000 url(../images/headerBkg.png) 0 0 no-repeat;	
	position:relative;
}

.UG-HdrContainer .cart {position:absolute; bottom:0; right:0;}

.UG-NavContainer {margin:8px 0; border-top:1px solid #999;  border-bottom:1px solid #999;}


/* Main column*/
.borderBox {
	margin: 0 -15px 15px;
  padding: 0;
  background: #000;
  border: 1px solid #666666;
  /*border-radius: 4px;*/
}

#hpCarousel img {
	width: 100%;
	height: auto;
}


.titleBkg {
	background: url(../images/titlesBkg.png) no-repeat;
}

.pageTitle {
  margin-bottom: 5px;
  /*font-family: 'Frijole', cursive;*/
  font-family: 'Special Elite', cursive;
  font-size: 40px;
  padding:5px 0 0 20px;
  text-shadow: 3px 2px 2px rgba(0, 0, 0, 1);
}


#aboutUG, #ourStory, #skateboards {
	color: #fff;
}

#aboutUG h4, #ourStory h4, #skateboards h4 {
	border-bottom: 1px solid #666666;
	margin: 0 !important;
	padding: 1px 2px !important;
	font-size: 1em;
	font-weight: bold;
	background: #333;
}


.sk8thumbnail > img,
.sk8thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
}


#multiColorBkg {
	/*width: 144px;
	height: 528px;*/
	background: #f00;
	/*background-image: url(../images/boards/UG_Creepy_background_sk8.png);*/
}

/* Sidebar modules for boxing content */

#sidebarUG {
	color: #fff;
}

#sidebarUG h4 {
	border-bottom: 1px solid #666666;
	margin: 0 !important;
	padding: 1px 2px !important;
	font-size: 1em;
	font-weight: bold;
	text-align:right;
	background: #333;
}

.sb-borderBox {
	margin: 0 -15px 15px;
  padding: 0;
	background: #333333;
  border: 1px solid #666666;
}



/*FOOTER*/

.UG-footer {
  /*padding: 40px 0;*/
  color: #999;
  text-align: center;
  font-size:.9em;
  /*background-color: #f9f9f9;
  border-top: 1px solid #e5e5e5;*/
}

.UG-footer p:last-child {
  margin-bottom: 0;
}

.UG-FtrContainer {
	border-top: 2px solid #333;
	padding:10px;
}

.UG-FtrContainer div {
	padding:10px;
}

ul.footernav {
	list-style-type: none;
	padding-left: 0;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
ul.footernav li {
	display: inline;
}

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



#middleName {
	display: none;
}



@media(min-width:768px) {
	body {
	background: #000 url(../images/main_bkg_768.jpg) top center repeat-y;
	}
}



@media (min-width: 992px) {
	body {
		background: #000 url(../images/main_bkg_992.jpg) top center repeat-y;
    }
}


@media (min-width: 1200px) {
	
	body {
		background: #000 url(../images/main_bkg_1200.jpg) top center repeat-y;
		}

}