/* --
Theme Name: Rockstar
Theme URL: http://www.rockstar.orange-themes.com/
All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
-- */

/* Style Index * /

#0 Reset
#1 Layout Structure
#2 Main header
#3 Main menu
#4 Main footer
#5 Decorations
#6 Photo gallery
#7 Homepage
#8 Audio Player
#9 Scrolling text


/* #0 Reset */

body { margin: 0; padding: 0; font: 12px/18px Arial, serif; color: #fff; background: #000000 url(../images/main-content-bg.jpg) bottom center repeat-y; }

h1, h2, h3, h4, h5, h6, span, p, form, input, ul, li, ol { margin: 0; padding: 0; }
h2 { font-size: 28px; }
h3 { font-size: 21px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

table, tr, td { margin: 0; padding: 0; border-collapse: collapse; }

img { border: none; }

a { color: #ffd497; text-decoration: none; border: none; }
	a:hover { color: #ffd497; text-decoration: none; }
	a:focus { outline: 0; }

input[type=text]:focus, input[type=submit]:focus, input[type=password]:focus, textarea:focus, select:focus { outline: 0 none; }

code { margin: 0 40px 25px 40px; padding: 20px 23px; color: #cfcfcf; border: 1px dashed #424242; background: #444444 url(../images/code-bg.png) 0 0 repeat; text-shadow: #000 0 1px 0; line-height: 20px; display: block; }

.caps:first-letter { margin: 7px 6px 0 0; font-size: 38px; line-height: 26px; font-weight: bold; float: left; }

.clear { height: 0; line-height: 0; clear: both; }

date { color: #ffd200;}


/* #1 Layout structure */

.main-body-wrapper { background: url(../images/main-body-wrapper-bg.jpg) top center repeat-x fixed; border: 0px;}

.main-content-wrapper { width: 900px; margin: 0 auto; background: url(../images/main-content-bg.jpg) 0 0 repeat-y; }
	.main-content-wrapper .main-content { padding: 35px 0 25px 0; background: url(../images/main-content-wrapper-bg.jpg) 0 0 no-repeat; border: 0; z-index: 20; position: relative; }

.more-link { width: 82px; height: 22px; padding: 2px 0 0 7px; font-size: 12px; color: #fff; float: left; background: url(../images/more-link-bg.png) 0 0 no-repeat; text-shadow: #000 0 1px 0; }
	.more-link:hover { color: #ffe400; }

.main-spacer-1 { width: 850px; height: 4px; margin: 32px 0 32px 25px; background: url(../images/main-spacer-1.png) 0 0 no-repeat; }

.main-title-1 { padding: 2px 8px; margin: 0 0 25px 0; background: url(images/black.png); background: rgba(0%, 0%, 0%, 0.5); overflow: hidden; color: #ff8a00; }
	.main-title-1 span { font-size: 21px; float: left; }
	.main-title-1 a { margin: 3px 0 0 0; font-size: 11px; color: #ff8a00; text-align: right; text-decoration: underline; }
	.main-title-1 a:hover { color: #ffba00; }

.main-title-2 { overflow: hidden; font-size: 14px; margin: 20px 0 32px 0; }
	.main-title-2 span { padding: 0 5px; background: url(images/black.png); background: rgba(0%, 0%, 0%, 0.5); float: left; color: #ffd497; }

.pages-1 { margin: 0 auto; }
	.pages-1 td { padding: 4px 0 0 0; }
	.pages-1 a { width: 30px; height: 27px; margin: 0 3px; padding: 5px 0 0 0; background: url(../images/pages-1-bg.png) 0 0 no-repeat; color: #000; float: left; text-align: center; font-size: 14px; }
	.pages-1 .active { background-position: 0 -32px; color: #fff; }
	.pages-1 a:hover { color: #920000; }
	.pages-1 .active:hover { background-position: 0 -32px; color: #fff; }
	.pages-1 .prev { background: url(../images/pages-1-prev-bg.png) 0 0 no-repeat; }
	.pages-1 .prev:hover { background-position: 0 -32px; }
	.pages-1 .next { background: url(../images/pages-1-next-bg.png) 0 0 no-repeat; }
	.pages-1 .next:hover { background-position: 0 -32px; }

.tabs-1 { margin: 0 0 29px 0; border-bottom: 3px solid #9c0000; overflow: hidden; }
	.tabs-1 table { margin: 0 auto; }
	.tabs-1 a { margin: 0 2px; padding: 1px; background: url(../images/tabs-1-bg.png) 0 0 repeat; color: #000; float: left; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase; text-shadow: #ededed 0 1px 0; }
	.tabs-1 a:hover { background: url(../images/tabs-1-bg.png) 0 0 repeat; color: #9c0000; }
		.tabs-1 a span { display: block; height: 20px; text-align: center; padding: 3px 10px 0 10px; }
	.tabs-1 .active { background: url(../images/tabs-1-active-bg.png) 0 0 repeat-x; color: #fff; text-shadow: #000 0 1px 0; }
	.tabs-1 .active:hover { background: url(../images/tabs-1-active-bg.png) 0 0 repeat-x; color: #fff; }
	.tabs-1 .active span { height: 19px; border-top: 1px dashed #d0554d; border-left: 1px dashed #c4504d; border-right: 1px dashed #c4504d; }

.input-text-1 { width: 322px; height: 23px; padding: 0 5px; height: 23px; background: url(../images/input-text-1-bg.png) 0 0 no-repeat; padding: 0 0 0 13px; font: bold 11px Arial, sans-serif; color: #000; text-shadow: #f0f0f0 0 1px 0; border: none; }
	.input-text-1-error { background: url(../images/input-text-1-error-bg.png) 0 0 no-repeat; }

.text-area-1 { width: 309px; height: 160px; padding: 10px 13px 13px 13px; background: url(../images/grundge-bg-1.png) 0 0 repeat; border: none; font: bold 11px Arial, sans-serif; color: #000; text-shadow: #f0f0f0 0 1px 0; border-radius: 4px; float: left; }

.full-width-wrapper { padding: 40px 40px 0 40px; background: url(../images/left-content-sidebar-wrapper-bg.png) 0 0 no-repeat; z-index: 20; position: relative; }


/* #2 Main header */

.main-header-wrapper { width: 904px; height: 46px; background: url(../images/main-header-wrapper-bg.png) 0 0 no-repeat; position: relative; }
	.main-header-wrapper .logo { position: absolute; top: -56px; left: 40px; }
	.main-header-wrapper .search { margin: -1px 45px 0 0; overflow: hidden; float: right; }
	.main-header-wrapper .search .input-text { width: 176px; height: 23px; padding: 0 0 0 14px; background: url(../images/search-input-text.png) 0 0 no-repeat; border: none; font: 11px Arial, sans-serif; color: #868585; float: left; }
	.main-header-wrapper .search .input-text:focus { color: #464646; }
	.main-header-wrapper .search .input-submit { width: 30px; height: 23px; background: url(../images/search-input-submit.png) 0 0 no-repeat; border: none; text-indent: -5000px; cursor: pointer; float: left; }

.main-logo { width: 900px; height: 135px; margin: 0 auto; text-align: center; }
	.main-logo .title { font-size: 44px; color: #fef6d1; text-transform: uppercase; }


/* #3 Main menu */

.main-menu { position: relative; z-index: 30; }
	.main-menu table { margin: 0 auto; }
	.main-menu ul li { height: 42px; position: relative; z-index: 1; float: left; list-style: none; }
	.main-menu ul li:hover { z-index: 2; }
	.main-menu ul li a { font-size: 21px; font-weight: bold; height: 42px; padding: 0 21px 0 21px; text-decoration: none; display: block; color: #fff; }
	.main-menu ul li a span { background: url(../images/ico-star-1.png) right 9px no-repeat; padding: 0 19px 0 0; }
	.main-menu ul li:hover > a span { background: url(../images/ico-star-1.png) right -80px no-repeat; }
	.main-menu li:hover > a { color: #ff8a00; }
	.main-menu li > a:hover { color: #ff8a00; }
	.main-menu ul ul { width: 220px; padding: 8px 0 2px 0; position: absolute; top: 28px; left: -4px; background: url(../images/main-menu-dropdown-bg.png) top center no-repeat; float: left; display: none; z-index: 300; }
	.main-menu ul li:hover > ul { font-style: normal !important; display: block; }
	.main-menu ul ul li { height: auto; margin: 0 25px; background: url(../images/border-1.png) top left repeat-x; float: none; }
	.main-menu ul ul li:first-child { background: none; }
	.main-menu ul ul li a { height: auto; padding: 12px 0 12px 0; margin: 0; color: #000; font-size: 10px; font-weight: bold; text-align: left; text-shadow: #fff 0 1px 0; text-decoration: none; display: block; text-transform: uppercase; }
	.main-menu ul ul li:hover > a { color: #9c0000; }
	.main-menu ul ul li a span { width: 178px; background: url(../images/ico-arrow-2.png) right 6px no-repeat; padding: 0 15px 0 0; display: block; }
	.main-menu ul ul li:hover > a span { background: url(../images/ico-arrow-5.png) right 6px no-repeat; padding: 0 15px 0 0; }
	.main-menu ul ul ul { width: 245px; position: absolute; top: 0; left: 243px; float: left; display: none; z-index: 103; }
	.main-menu ul ul ul li a { width: 189px; height: auto; padding: 10px 27px 11px 27px; text-align: left; text-decoration: none; display: block; }


/* #4 Main footer */

.main-footer { width: 814px; height: 48px; margin: 30px 0 0 -7px; padding: 33px 50px 0 50px; background: url(../images/main-footer-bg.png) 0 0 no-repeat; font-size: 11px; font-weight: bold; text-shadow: #000 0 1px 0; }
	.main-footer div { float: right; }
	.main-footer div img { margin: 0 0 0 6px; float: left; }
	.main-footer a { color: #8ce500; }
	.main-footer p { padding: 1px 0 0 0; float: left; }


/* #5 Decorations */

.deco-guitars { width: 1096px; height: 531px; margin: 0 0 0 -101px; bottom: 100px; background: url(../images/deco-guitars.png) 0 0 no-repeat; position: fixed; z-index: 10; }

@media only screen and (max-device-width : 480px) { .deco-guitars { width: 0px; height: 0px; } }


/* #6 Photo gallery */

.photo-gallery { overflow: hidden; }
	.photo-gallery .list { width: 770px; margin: 0 0 0 65px; overflow: hidden; float: left; }
	.photo-gallery .list .item { width: 160px; margin: 0 20px 0 0; float: left; }
	.photo-gallery .list .item p { padding: 5px 0 0 0; font-size: 11px; font-weight: bold; line-height: 16px; }
	.photo-gallery .list .spacer { height: 1px; width: 520px; margin: 23px 0 30px 0; line-height: 1px; background: url(../images/border-2.png) left center repeat-x; float: left; }
	.photo-gallery-list .list { width: 725px; margin: 0 0 0 60px; padding: 0 0 6px 0; overflow: hidden; }
	.photo-gallery-list .list a { width: 125px; margin: 0 20px 5px 0; float: left; }
	.photo-gallery-list .list-single { padding: 0 0 21px 0; overflow: hidden; text-align: center; }
	.photo-gallery-list .photo-gallery-subtitle { overflow: hidden; font-size: 14px; padding: 0 0 32px 0; }
	.photo-gallery-list .photo-gallery-subtitle span { padding: 0 5px; background-color: rgba(0, 0, 0, 0.5); float: left; color: #ffd497; }
	.photo-gallery-list .photo-gallery-subtitle p { float: right; color: #9e9e9e; font-size: 11px; font-weight: bold; background: url(../images/ico-time-1.png) 0 2px no-repeat; padding: 0 0 0 21px; text-shadow: #000 0 1px 0; }
	.photo-gallery-description { width: 650px; margin: 0 0 0 85px; padding: 25px 0 0 0; }


/* #7 Homepage */

.homepage-slider { margin: 0 0 -26px 0; position: relative; }
	.homepage-slider .image-wrapper { height: 422px; }
	.homepage-slider .image-wrapper .image { position: relative; z-index: 1; margin: 0 0 0 25px; }
	.homepage-slider .image-wrapper .border { width: 850px; height: 422px; background: url(../images/image-overlay-850x370.png) 0 0 no-repeat; display: block; position: absolute; z-index: 2; margin: 0 0 0 25px; }
	.homepage-slider .navigation { width: 914px; height: 92px; margin: 0 0 0 -7px; text-shadow: #840200 0 1px 0; background: url(../images/homepage-slider-navigation-bg.png) 0 0 no-repeat; position: absolute; bottom: 79px; z-index: 3; }
	.homepage-slider .navigation a { color: #fff; }
	.homepage-slider .navigation a:hover { color: #ffba00; }
	.homepage-slider .navigation .intro { width: 530px; margin: 19px 0 0 73px; float: left; }
	.homepage-slider .navigation .intro a { margin: 0 0 3px 0; font-size: 18px; display: block; }
	.homepage-slider .navigation .intro span { font-size: 11px; color: #e1b3b3; line-height: 17px; }
	.homepage-slider .navigation .steps { width: 120px; float: right; margin: 28px 73px 0 0; font-size: 11px; font-weight: bold; }
	.homepage-slider .navigation .steps .previous { padding: 0 0 0 9px; background: url(../images/arrow-1.png) 0 7px no-repeat; float: left; }
	.homepage-slider .navigation .steps .previous:hover { background-position: 0 -37px; }
	.homepage-slider .navigation .steps .next { padding: 0 9px 0 0; background: url(../images/arrow-2.png) right 7px no-repeat; float: right; }
	.homepage-slider .navigation .steps .next:hover { background-position: right -37px; }
	.homepage-slider .navigation .steps table { margin: 0 0 17px 0; }
	.homepage-slider .navigation .steps table a { width: 12px; height: 13px; margin: 0 6px; background: url(../images/bullet-1.png) 0 0 no-repeat; float: left; }
	.homepage-slider .navigation .steps table a:hover { background-position: 0 -19px; }
	.homepage-slider .navigation .steps .active { background-position: 0 -38px; margin: -2px 6px 0 6px; }
	.homepage-slider .navigation .steps .active:hover { background-position: 0 -38px; margin: -2px 6px 0 6px; }

.homepage-columns { overflow: hidden; }
	.homepage-columns div.last { width: 210px; padding: 0; margin: 0; background: none; }
	.homepage-columns-item { width: 210px; padding: 0 20px 0 0; margin: 0 35px 0 0; color: #fff; float: left; }
	.homepage-columns-item .title { font-size: 16px; text-transform: uppercase; color: #ffd497; }
	.homepage-columns-item .title div { padding: 20px 0 0 0; margin: 0 0 10px 0; height: 35px; }
	.homepage-columns-item .title span { background-color: rgba(0, 0, 0, 0.5); }
	.homepage-columns-item .text p { text-align: left; font-size: 11px; font-weight: bold; line-height: 17px; color: #fff; text-shadow: #000 0 1px 0; }
	.homepage-columns .text p.last { margin: 0; }

.latest-blog { width: 770px; margin: 0 0 0 65px; overflow: hidden; }
	.latest-blog .main-title-1 { text-align: right; background: url(../images/black.png) top left repeat; }
	.latest-blog .main-title-1 span { padding: 0 22px 0 0; }
	.latest-blog .item { width: 235px; margin: 0 32px 0 0; float: left; }
	.latest-blog .item .title { padding: 1px 0 15px 0; text-align: center; }
	.latest-blog .item .title a { font-size: 16px; line-height: 23px; text-transform: uppercase; background-color: rgba(0, 0, 0, 0.5); color: #ffd497; text-align: center; }
	.latest-blog .item .title a:hover {	color: #C60; text-align: center; }
	.latest-blog .item .title p { height: 34px; overflow: hidden; padding: 11px 0 0 0; margin: 0 0 13px 0; line-height: 17px; font-size: 12px; }
	.latest-blog .last { margin: 0; }

.home-gallery { width: 770px; margin: 0 0 0 65px; overflow: hidden; }
	.home-gallery img { margin: 0 20px 15px 0; float: left; }
	.home-gallery .main-title-1 { text-align: right; background: url(../images/black.png) top left repeat; }
	.home-gallery .main-title-1 span { padding: 0 22px 0 0; display: block; background: url(../images/ico-flickr-1.png) center right no-repeat; }

.home-sponsors { width: 770px; margin: 0 0 0 65px; overflow: hidden; }
	.home-sponsors img { margin: 0 20px 15px 0; float: left; }
	.home-sponsors p { text-align: right; }
	.home-sponsors .text { text-align: center; font-size: 12px; font-weight: bold; line-height: 17px; color: #fff; text-shadow: #000 0 1px 0; margin-top: 5px; }
	.home-sponsors .text2 { text-align: right; font-size: 12px; font-weight: bold; line-height: 17px; color: #fff; text-shadow: #000 0 1px 0; }
	.home-sponsors .text3 { text-align: center; font-size: 18px; font-weight: bold; line-height: 17px; color: #C60; text-shadow: #000 0 1px 0; margin-top: 18px;}
	.home-sponsors a:hover { color: #C60; }
	.home-sponsors .main-title-1 { text-align: right; background: url(../images/black.png) top left repeat; }
	.home-sponsors .main-title-1 span { padding: 0 22px 0 0; }
	.home-sponsors .main-title-1 p { text-align: center; overflow: hidden; padding: 16px 0 0 0; }
	.home-sponsors .main-title-1 a:hover { color: #C60; }

.homepage-slider .image { position: relative; z-index: 1; margin: 0 0 0 25px; }
	.homepage-slider .border { width: 850px; height: 422px; background: url(../images/image-overlay-850x370.png) 0 0 no-repeat; display: block; position: realative; z-index: 2; margin: 0 0 0 25px; }


/* #8 Audio Player */
	
#musicsample { width: 150px; text-align: center; margin: auto;	background-color: rgba( 255,255,255,.2 ); 	border-radius: 20px; padding: 2px; margin-top: 10px; }
	#musicsample > * { display: inline-block; vertical-align: middle; text-align: left; }
	#musicsample > h1 { font-size: 12px; text-align: center; color: #fff; }
	#musicsample > ul { list-style: none; margin: 0px; padding: 0px; margin-top: 3px; }
	#musicsample > ul > li { display: inline-block; margin: 0px; padding: 0px; }


/* #9 Scrolling text */

.example1 {
 height: 50px;	
 overflow: hidden;
 position: relative;
 background-color: #000000;
}
.example1 h3 {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-color: #F4AE1C;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: example1 15s linear infinite;
 -webkit-animation: example1 15s linear infinite;
 animation: example1 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}