/*--------------------------------------------------------------
# Hit Music - August 2009 (for Joomla 1.5)
# Copyright (C) 2007-2009 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com  
---------------------------------------------------------------*/
	
/* universal set of reset styles
---------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,caption,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {vertical-align: baseline;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {background: #000000;line-height: 1;color: black;}
ol,ul {list-style: none;}
/* tables still need cellspacing="0" in the markup */
table{border-collapse: separate;border-spacing: 0;}
caption,th,td {font-weight: normal;}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote,q {quotes: "" "";}
/* ||| the end |||*/
/* ||| set of clearing floats |||*/	
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
.clr {font-size : 1px;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear {clear: both;}
/* End hide from IE-mac */
/* ------------------------ the end ----------------------------*/
html {
	min-height:100%;
	border-bottom:1px solid transparent;
}
body {
	margin:0;
	padding:0;
	font-size:12px;
	font-family: Tahoma;
	line-height: 15px;
}
/* Basic link styles 
---------------------------------------------------------------*/
a{
	outline:none;
	cursor:pointer;
}
a:link,
a:visited,
a:active{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
/* Basic image style 
----------------------------------------------------------------*/
img{
	border:none;
	text-decoration:none;
}
/* Basic lists styles 
----------------------------------------------------------------*/
ul{
	padding:0;
	margin:0;
}
ul li{
	padding:0;
	line-height:30px; 
	margin:0;
}
ul ul{
	padding-left:20px;
}
ul li a{
	text-decoration:none;
}
ol li{
	line-height:170%;
}
/* Basic heading styles 
-----------------------------------------------------------------*/
th {
	padding:4px;
	text-align:left;
}
p, pre, blockquote, h1, h2, h3, h4, h5, h6{
	margin:1em 0;
	padding:0;
}
h1 { font-size:200%; }
h2 { font-size:175%; }
h3 { font-size:150%; }
h4 { font-size:125%; }
h5 { font-size:115%; }
h1,h2,h3,h4,h5{
	margin:0;
}
/* Basic form styles 
-----------------------------------------------------------------*/
fieldset{
	border:none;
	padding:5px 0;
}
fieldset a{
	font-weight:bold;
}
input, select, button{
	font-size:11px;
	font-weight:normal;
}
/* Basic HR-line style 
-----------------------------------------------------------------*/
hr {
	border-right:0;
	border-left:0;
	border-bottom:0;
	height:1px;
}
/* Basic positioning classes 
-----------------------------------------------------------------*/
.clearfix{ clear:both; }
/* Logo 
------------------------------------------------------------*/
a#logo, 
a#logo_styled {
	float:left;
	display:block;
}
a#logo_styled{
	/* 
		Here you can change width or height of your logo 
		if you've disabled option "logo as image"
	*/
	width:146px;
	height:48px; 
}
/* Page structure
------------------------------------------------------------*/
div#bg1{
	min-height:580px;
}
div#bg2{
	min-height:580px;
}

/* top */
div#top{
	width:953px;
	min-height:50px;
	margin:0 auto;
}
div#userarea{
	width:953px;
	min-height:45px;
	margin:0 auto;
}
div#userarea div{
	float:right;
	padding:12px 13px 0 15px;
	width:auto;
	height:33px;
}
div#userarea div span#login,
div#userarea div span#login_noborder,
div#userarea div span#register{
	height:20px;
	display:block;
	float:left;
	margin:0 8px 0 0;
}
div#userarea div span#register,
div#userarea div span#login_noborder{
	margin:0;
}
div#userarea div span#login a,
div#userarea div span#login_noborder a,
div#userarea div span#register a{
	height:20px;
	margin:0 0 0 5px;
	padding:0 9px 0 4px;
	line-height:20px;
	display:block;
}
/* menu */
div#menu{
	float:right;
	font-weight:bold;
	margin:0 8px 0 0;
}
div#horiz-menu{
	position:absolute;
}
div#horiz-menu li.level1 li:first-child{
	border-top:none;
}
/* message */
#system-message{
	width:953px;
	margin:0 auto;
}
#system-message dd{
	text-indent:0;
}
#system-message dd li{
	padding-left:5px;
}
#system-message .error,
#system-message .message{
	background:none;
	padding:0;
}
#system-message .error ul,
#system-message .message ul{
	margin:0;
}
#system-message dd.error ul {
	border:none!important;
}
#system-message dd.message ul {
	border:none!important;
	opacity:0.7;
	filter:alpha(opacity=70); 
	-moz-opacity:0.7;
}
/* header  */
div#header{
	width:921px;
	padding:10px 16px 16px 16px;
	margin:0 auto 10px auto;
	overflow:hidden;
}
div#header1{
	float:left;
	width:100%;
}
div#header2{
	float:right;
	width:100%;
}
/* advert */
div#middle{
	width:921px;
	padding:10px 16px 20px 16px;
	margin:0 auto;
	min-height:62px;
	overflow:hidden;
}
/* content */
div#content{
	width:953px;
	margin:0 auto 10px auto;
	overflow:hidden;
}
div#component,
div#right,
div#left{
	float:left;
	overflow:hidden;
}
div#component{
	padding:16px;
}
/* bottom */
div#bottom{
	width:921px;
	margin:0 auto;
	padding:0 16px;
}
/* footer */
div#footer{
	width:953px;
	margin:0 auto;
	height:40px;
	line-height:40px;
}
div#informations,
div#stylearea{
	float:right;
}
div#informations a:hover,
div#stylearea a:hover{
	color:#999999!important;
}

div#stylearea{
	margin-left:10px;
}
div#footer_menu{
	float:left;
}
div#footer ul{
	list-style-type:none;
}
div#footer ul li{
	float:left;
	width:auto;
	height:40px;
	line-height:40px;
	margin-right:12px;
}
/* blocks */
.us_width-20,
.us_width-25,
.us_width-33,
.us_width-50,
.us_width-100{
	float:left;
}
.us_width .moduletable,
.us_width .moduletable_menu,
.us_width .moduletable_text,
.us_width .moduletable_bright,
.us_width .moduletable_dark,
.us_width .moduletable_nohead{
	margin-left:10px!important;
}
.us_width:first-child .moduletable,
.us_width:first-child .moduletable_menu,
.us_width:first-child .moduletable_text,
.us_width:first-child .moduletable_bright,
.us_width:first-child .moduletable_dark,
.us_width:first-child .moduletable_nohead{
	margin-left:0!important;
}
.us_width-20{ width:20%; }
.us_width-25{ width:25%; }
.us_width-33{ width:33.3%; }
.us_width-50{ width:50%; }
.us_width-100{ width:100%; }

.module_wrap,
.users_wrap{
	overflow:hidden;
	margin-top:10px;
}
.module_wrap:first-child,
.users_wrap:first-child{
	margin-top:0px;
}
/* spaces between modules in component restriction section */
div#component .us_width .moduletable,
div#component .us_width .moduletable_menu,
div#component .us_width .moduletable_text,
div#component .us_width .moduletable_bright,
div#component .us_width .moduletable_dark{
	margin-left:10px;
}
div#component .us_width:first-child .moduletable,
div#component .us_width:first-child .moduletable_menu,
div#component .us_width:first-child .moduletable_text,
div#component .us_width:first-child .moduletable_bright,
div#component .us_width:first-child .moduletable_dark{
	margin-left:0;
}
/*  Restrictions & suffixes
------------------------------------------------------------*/
/* 
	Available suffixes :
	header: _clear, _text (std), _menu (std)
	content: _dark, _bright, _clear, _menu (std), _text (std)
	column: _dark, _bright, _green, _clear, _menu (std), _text (std)
	bottom: _text (std), _menu (std), _nohead
*/
/* common */
.moduletable,
.moduletable_text,
.moduletable_menu,
.moduletable_dark,
.moduletable_bright{
	padding:0;
	margin:10px 0 0 0;
	overflow:hidden;
}
.moduletable:first-child,
.moduletable_text:first-child,
.moduletable_menu:first-child,
.moduletable_dark:first-child,
.moduletable_bright:first-child{
	margin:0;
}
.moduletable_clear{
	margin:0;
	padding:0;
	background:transparent;
	border:0;
}
/* header */
div#header .moduletable h3,
div#header .moduletable_text h3,
div#header .moduletable_menu h3{
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
}
div#header .moduletable h3 span,
div#header .moduletable_text h3 span,
div#header .moduletable_menu h3 span{
	display:block;
	height:30px;
	width:auto;
	float:right;
	line-height:30px;
	padding-right:10px;
}
div#header .moduletable ul li:first-child,
div#header .moduletable_text ul li:first-child,
div#header .moduletable_menu ul li:first-child{
	border-top:none;
}
/* advert */
div#middle .moduletable h3,
div#middle .moduletable_text h3,
div#middle .moduletable_menu h3{
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
}
div#middle .moduletable h3 span,
div#middle .moduletable_text h3 span,
div#middle .moduletable_menu h3 span{
	display:block;
	height:30px;
	line-height:30px;
}
div#middle .moduletable ul li:first-child,
div#middle .moduletable_text ul li:first-child,
div#middle .moduletable_menu ul li:first-child{
	border-top:none;
}
/* content */
div#content .moduletable,
div#content .moduletable_text,
div#content .moduletable_menu,
div#content .moduletable_dark,
div#content .moduletable_bright{
	padding:0 10px 10px 10px;
}
div#content div#component .moduletable,
div#content div#component .moduletable_text,
div#content div#component .moduletable_menu{
	padding:0;
}
div#content .moduletable h3,
div#content .moduletable_text h3,
div#content .moduletable_menu h3,
div#content .moduletable_dark h3,
div#content .moduletable_bright h3{
	height:30px;
	line-height:30px;
	font-size:11px;
	font-weight:700;

	text-transform:uppercase;
}
div#content .column .moduletable h3,
div#content .column .moduletable_text h3,
div#content .column .moduletable_menu h3,
div#content .column .moduletable_dark h3,
div#content .column .moduletable_bright h3{
	margin:7px 0 0 0;
}
div#content .moduletable h3 span,
div#content .moduletable_text h3 span,
div#content .moduletable_menu h3 span,
div#content .moduletable_dark h3 span,
div#content .moduletable_bright h3 span{
	display:block;
	height:30px;
	width:auto;
	float:right;
	line-height:30px;
	padding-left:10px;
	font-family: Tahoma, Geneva, sans-serif;
}
div#content .moduletable ul li:first-child,
div#content .moduletable_text ul li:first-child,
div#content .moduletable_menu ul li:first-child,
div#content .moduletable_dark ul li:first-child,
div#content .moduletable_bright ul li:first-child{
	border-top:none;
}
/* bottom */
div#bottom .us_width-20,
div#bottom .us_width-25,
div#bottom .us_width-33,
div#bottom .us_width-50,
div#bottom .us_width-100{
	float:left;
	margin-top:-38px!important;
}
div#bottom .moduletable h3,
div#bottom .moduletable_text h3,
div#bottom .moduletable_menu h3{
	height:38px;
	line-height:38px;
	font-size:14px;
	font-weight:700;

	text-transform:uppercase;
}
div#bottom .moduletable h3 span,
div#bottom .moduletable_text h3 span,
div#bottom .moduletable_menu h3 span{
	display:block;
	height:38px;
	line-height:38px;
}
div#bottom .moduletable ul li:first-child,
div#bottom .moduletable_text ul li:first-child,
div#bottom .moduletable_menu ul li:first-child,
div#bottom .moduletable_nohead ul li:first-child{
	border-top:none;
}
div#bottom .moduletable .moduletable_content,
div#bottom .moduletable_text .moduletable_content,
div#bottom .moduletable_menu .moduletable_content{
	margin:10px 0;
}
div#bottom .moduletable_nohead .moduletable_content{
	margin:50px 0 10px 0;
}
/* Standard Joomla modules
------------------------------------------------------------*/
/* mod_breadcrumb */
div#content .breadcrumb{
	height:20px;
	padding:5px 0;
	line-height:20px;
	width:100%;
	display:block;
}
div#content .breadcrumb .icon{
	height:19px;
	width:20px;
	display:block;
	float:left;
	margin:1px 12px 0 8px;
	text-indent:-999em;
}
div#content .breadcrumb .icon:hover{
	opacity:0.7;
	filter:alpha(opacity=70); 
	-moz-opacity:0.7;
}
div#content .breadcrumb .separator{
	text-indent:-999em;
	height:6px;
	width:6px;
	display:block;
	float:left;
	margin:8px 8px 0 8px;
}
div#content .breadcrumb a,
div#content .breadcrumb span{
	display:block;
	float:left;
	width:auto;
	text-decoration:none;
}
div#content .breadcrumb a:hover{
	text-decoration:none;
}
/* mod_search */
#mod_search_searchword{
	margin-right:8px;
	margin-left:8px;
}
/* mod_login */
ul.loginposition{
	margin-top:10px;
	overflow:hidden;
	padding-right:20px;
	float:right;
}
ul.loginposition:first-child{
	margin-top:0;
}
ul.loginposition li{
	float:right;
	width:auto;
	margin-right:8px;
	border:none!important;
}
#form-login-remember,
#form-login-remember label,
#form-login-fpass,
#form-login-flogin,
#form-login-register{
	line-height:21px;
	font-size:11px;
}
#form-login-remember input.inputbox{
	height:auto!important;
	padding:0!important;
}
#form-login-fpass a,
#form-login-flogin a,
#form-login-register a{
	text-decoration:none;
}
#form-login-fpass a:hover,
#form-login-flogin a:hover,
#form-login-register a:hover{
	text-decoration:underline;
}
/* popups */
div#popup_login,
div#popup_register{
	position:absolute;
	z-index:100000;
	width:530px;
	display:none;
}
div#close_button_login,
div#close_button_register{
	width:24px;
	margin:3px 0 0 0;
	height:24px;
	cursor:pointer;
	float:right;
}
div.popup_top{
	width:488px;
	padding:0 14px 10px 32px;
	margin:32px 0 0 0;
	overflow:hidden;
}
div.popup_top form#josForm{
	width:480px;
	margin:0 auto;
}
div.popup_bottom{
	width:534px;
	height:23px;
}
div#popup_login input.inputbox,
div#popup_register input.inputbox{
	height:16px!important;
	padding:1px 4px 2px 4px!important;
	display:block;
	float:left;
}
div#popup_login label{
	height:20px!important;
	line-height:21px!important;
	display:block;
	float:left;
	margin-right:4px;
}
div#popup_login .button,
div#popup_register .button{
	display:block;
}
div.logout span{
	float:left;
	margin-top:5px
}
div.logout .button{
	float:right;
	margin-right:14px;
}
/* Joomla classes */
a.readon,
.back_button a,
div#content .moduletable_dark a.readon,
div#content .moduletable_dark .back_button a{
	width:75px;
}
div#content a.readon,
div#content .back_button a{
	width:75px;
}
.et{
	width:100%;;
	margin-bottom:20px;
	position:relative;

}
.postcomments {
width: 30px;
height: 28px;
float: right;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 9px;
text-align: center;
padding-right: 5px;
padding-top:2px;
color: #FFFFFF;
background: url(../images/postcomments.png) no-repeat 0 0;
cursor: pointer;
}

.postcomments:hover {
background: url(../images/postcomments2.png) no-repeat ;
}

.postcomments a:link, .postcomments a:visited {
color: #FFFFFF;
}
.postfav {
width: 30px;
height: 28px;
float: right;
background: url(../images/favorite.png) no-repeat 0 0;
cursor: pointer;
}

.postfav:hover {
background: url(../images/add_to_favorites.png) no-repeat ;
}

.postfav a:link, .postfav a:visited {
color: #FFFFFF;
}
.posta {
width: 80px;
height: 15px;
float: right;
font-family: Tahoma, Geneva, sans-serif;
font-size: 10px;
text-align: right;
padding-right: 16px;
padding-top:1px;
padding-left:7px;
color: #FFFFFF;
background: url(../images/user.png) no-repeat 0 0;
background-position:right;
cursor: pointer;
}
.postc {
width: 80px;
height: 15px;
float: right;
font-family: Tahoma, Geneva, sans-serif;
font-size: 10px;
text-align: right;
padding-right: 17px;
padding-top:1px;
padding-left:7px;
color: #FFFFFF;
background: url(../images/calendar.png) no-repeat 0 0;
background-position:right;
}
.postcat {
width: 180px;
height: 15px;
float: right;
font-family: Tahoma, Geneva, sans-serif;
font-size: 10px;
text-align: right;
padding-right: 17px;
padding-top:1px;
padding-left:7px;
color: #FFFFFF;
background: url(../images/folder.png) no-repeat 0 0;
background-position:right;
cursor: pointer;
}
.postv {
width: 80px;
height: 15px;
float: right;
font-family: Tahoma, Geneva, sans-serif;
font-size: 10px;
text-align: right;
padding-right: 17px;
padding-top:1px;
padding-left:7px;
color: #FFFFFF;
background: url(../images/search_magnifier.png) no-repeat 0 0;
background-position:right;
}
.attach {
width: 100px;
height: 15px;
float: right;
font-family: Tahoma, Geneva, sans-serif;
font-size: 10px;
text-align: right;
padding-right: 17px;
padding-top:1px;
padding-left:7px;
color: #FFFFFF;
background: url(../images/attachment.png) no-repeat 0 0;
background-position:right;
}
.postcomment {
width: 80px;
height: 15px;
float: right;
font-family: Tahoma, Geneva, sans-serif;
font-size: 10px;
text-align: right;
padding-right: 17px;
padding-top:1px;
padding-left:7px;
color: #FFFFFF;
background: url(../images/ucomment.png) no-repeat 0 0;
background-position:right;
}
#bgcomment { 
background-image: url(../images/bgcomment.png);
width: 456px;
text-align:right;
color:#CCC;
border:0px;
font-size:12px;
font-family:Tahoma, Geneva, sans-serif;
padding-top:3px;
height:137px;
padding-bottom:3px;
}
#bgcomment:hover,#bgcomment a:visited {
background-image: url(../images/bgcomment2.png);
color:#000;
}
#usercom { 
height: 25px;
float: right;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
text-align: right;
padding-right:25px;
padding-top:8px;
padding-left:30px;
margin-top:7px;
color: #444444;
background: url(../images/user_comment.png) no-repeat 0 0;
background-position: right top;
}
#usercomd { 
height: 12px;
float: right;
font-family: Tahoma, Geneva, sans-serif;
font-size: 10px;
text-align: right;
padding-right:15px;
margin-top:16px;
padding-left:7px;
padding-bottom:3px;
color: #444444;
background: url(../images/usercomd.png) no-repeat 0 0;
background-position:right;
}
#usercomf {
	height:17px;
	width:110px;
	margin-top:8px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:10px;
	color:#555;
	padding-top:2px;
	border-bottom: #222 solid 1px;
	background-color:#151515;
}
.vote{
	border-bottom:#333 solid 1px;
	padding-bottom:4px;
	padding-top:4px;
	font-size:12px;
	margin-bottom:4px;
	font-family: Tahoma, Geneva, sans-serif;
	color:#555;
}
.vote:hover{
	border-bottom:#333 solid 1px;
	padding-bottom:4px;
	padding-top:4px;
	font-size:12px;
	margin-bottom:4px;
	font-family: Tahoma, Geneva, sans-serif;
	color:#888;
	background-color:#151515;
}

.mk{
	border-bottom: #CCC solid 1px;
	font-size:14px;
	font-family: Tahoma, Geneva, sans-serif;
	color:#333;
}
.mk:hover{
	border-bottom:#BBB solid 1px;
	font-size:14px;
	font-family: Tahoma, Geneva, sans-serif;
	color:#888;
	background-color: #EFEFEF;
}

	
.post{width:100%; margin-bottom:40px;position:relative;}
.textra_hover{ background-image:url(../images/bgcomment2.png); border:1px solid #666666; color:#FFF;}
.textra{ background-image:url(../images/bgcomment.png); border:1px solid #444444; color: #999;}
.imggall:hover{ border: #444  solid 1px; padding: 4px;filter:alpha(opacity=90); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.imgh:hover{border: #444  solid 1px;}
.topgal{background-image:url(../images/style1/gk_stuff/typography/bullet3ul.png); background-repeat:no-repeat; background-position:left; padding-left:17px; margin:3px;}
span#logout{
	background: url('../images/style1/gk_stuff/tabs_left.png') no-repeat 0 -60px;
	height:20px;
	display:block;
	float:left;
	margin:0 8px 0 0;
}
span#logout a{
	background: url('../images/style1/gk_stuff/tabs_right.png') no-repeat 100% -60px;
	color:#FFF!important;
	font-style:bold;
	height:20px;
	margin:0 0 0 5px;
	padding:0 9px 0 4px;
	line-height:20px;
	display:block;
}
span#logout:hover{
	background: url('../images/style1/gk_stuff/tabs_left.png') no-repeat 0 -40px;
}
span#logout:hover a{
	background: url('../images/style1/gk_stuff/tabs_right.png') no-repeat 100% -40px;
}