/*
#------------------------------------------------------------------------
# Musicity - #2 2011 template (for Joomla 1.5)
#
# Copyright (C) 2007-2010 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com   
#------------------------------------------------------------------------ 
# Based on T3 Framework
#------------------------------------------------------------------------
# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/

body { line-height:1.8; min-height:100%; background: #000; color: #555 }
body > #bg { padding-bottom:18px; background: transparent url('../images/main_bg.jpg') repeat 0 0; }
body.fs1 { font-size:10px; }
body.fs2 { font-size:11px; }
body.fs3 { font-size:13px; }
body.fs4 { font-size:14px; }
body.fs5 { font-size:15px; }
body.fs6 { font-size:16px; }
a { color: #bc3726; text-decoration: none; }
a:hover,
a:active,
a:focus { color: #222; }
.column p,
.column pre,
.column blockquote,
.column ol,
.column ul { margin:0; padding:0; }
h1,
h2,
h3,
h4,
h5 { font-weight: normal }
h1 { font-size:360%; }
h2 { font-size:320%; }
h3 { font-size:135%; }
h4 { font-size:110%; }
h5 { font-size:100%; }
ul { list-style:none; }
ul li { line-height:1.9; }
p { margin: 0.5em 0 }
/* containers ------------------------------------------------ */
#gk-current-content-wrap { background: #fff; padding: 18px; }
#gk-content { float: left; }
#gk-main {}
/* top */
#gk-top { overflow: hidden; padding-bottom: 10px; margin-bottom: 8px!important; }
#gk-top-shadow { background: #000 url('../images/top_gradient.png') repeat-x 0 top; }
#gk-top-wrap { background: transparent url('../images/top_bg.jpg') no-repeat center 0; }
#gk-top a { color: #fff; }
#gk-top a:hover,
#gk-top a:active,
#gk-top a:focus { color: #bc3726; }
/* userarea */
#gk-buttons { background: transparent url('../images/userarea_bg.png') repeat 0 0; border: 1px solid #1a1a1a; float: right; height: 30px; line-height: 30px; margin: 30px 18px 0 0; padding: 0 12px; }
#gk-buttons a { font-size: 11px; text-transform:uppercase; margin-left: 5px; }
#gk-buttons a:first-child { margin-left: 0; color: #bc3726; }
#gk-buttons a:first-child:hover { color: #fff; }
/* social icons */
#gk-social-icons { float: right; margin: 32px 35px 0 0; }
#gk-social-icons a { background: transparent url('../images/social_icons.png') no-repeat 0 0; display: block; float: left; width: 58px; height: 40px; opacity: 0.5; filter: alpha(opacity=50); text-indent: -999em; }
#gk-social-icons a:hover { opacity: 1.0; filter: alpha(opacity=100); }
#gk-icons-facebook { background-position: 0 0!important; }
#gk-icons-vimeo { background-position: -30px 0!important; }
#gk-icons-twitter { background-position: -55px 0!important; }
#gk-icons-delicious { background-position: -110px 0!important; }
#gk-icons-buzz { background-position: -166px 0!important; }
#gk-icons-digg { background-position: -150px 0!important; }
#gk-icons-youtube { background-position: -180px 0!important; }
#gk-icons-myspace { background-position: -210px 0!important; }
/* info block */
#gk-nav-bottom { height: 40px; background: transparent url('../images/horizontal_line.png') repeat-x 0 36px; }
/* search */
#gk-search { float: right; }
#mod_search_searchword { height: 13px; width: 122px; padding:5px; border:none!important; background:#fff url('../images/search_icon.png') no-repeat 114px center; color:#888; margin:7px 18px 0 0; }
/* info */
#gk-info { float: left; }
/* logo */
h1.logo { height: 88px; width: 427px; margin: 0; padding: 0; text-indent: -999em; float: left; }
h1.logo a { background: url('../images/style1/logo.png') no-repeat 0 0; display: block; height: 88px; margin: 0; text-indent: -999em; width:427px; }
h1.logo.text { width: auto; margin: 0; }
h1.logo.text a,
h1.logo.text .site-slogan { display: block; background:none!important; color: #fff; font: normal 40px/50px Georgia, serif; text-indent: 0; text-align: center; }
h1.logo.text a { padding: 0 16px; width: auto!important; }
h1.logo.text .site-slogan { font-size: 22px; line-height: 10px; margin: -32px 0 18px 0; }

/* Bottom */
#gk-bottom-wrap { width: 100%; background: #000 url('../images/footer.jpg') no-repeat 50% 0; overflow:hidden; }
#gk-botsl1, #gk-botsl2, #gk-footer { padding: 18px 0;}
#gk-bottom-wrap .moduletable div > h3 { text-transform: uppercase; color: #9F9F9F; margin-bottom: 9px;}
#gk-bottom-wrap a { color: #555}
#gk-bottom-wrap a:hover { color: #BC3726}
#gk-bottom-wrap .moduletable ul li { background: transparent url('../images/style1/bul_li.png') no-repeat 0 9px; padding-left: 22px;}
#gk-bottom-wrap .moduletable ul li:hover {background: transparent url('../images/bul_li_menuWhite.png') no-repeat 0 9px; }
/* footer */
#gk-footer {  margin: 0 auto 20px auto; padding: 48px 0; }
#gk-footer li { float: left; font-size: 11px; border-top: none!important; margin-right: 10px; }
#stylearea { margin-left: 20px; }
#stylearea,
#gk-copyright { float:right; font-size: 11px; line-height: 28px; }
#t3_logo { display: block; width: 84px; height: 25px; background: url('../images/t3-logo.png') no-repeat 0 0; text-indent: -9999em; margin: 20px auto 40px auto; }
/* modules -----------------------------------------------------------------------------------*/

#mainPage .moduletable,
#mainPage .moduletable_menu,
#mainPage .moduletable_text { overflow: hidden; margin-top: 18px !important; background: #fff; }
#mainPage .moduletable:first-child,
#mainPage .moduletable_menu:first-child,
#mainPage .moduletable_text:first-child { margin-top: 0!important; }
#mainPage .moduletable > div,
#mainPage .moduletable_menu > div,
#mainPage .moduletable_text > div { margin: 12px; }
#mainPage .moduletable_content { padding: 0 4px; }
#mainPage .moduletable li,
#mainPage .moduletable_menu li,
#mainPage .moduletable_text li { }
#mainPage .moduletable li:first-child,
#mainPage .moduletable_menu li:first-child,
#mainPage .moduletable_text li:first-child { }
.moduletable_content { overflow: hidden; }
/* suffixes -------------*/

/*--- default */

#mainPage .moduletable > div > h3,
#mainPage .moduletable_menu > div > h3,
#mainPage .moduletable_text > div > h3 { overflow: hidden; height: 41px; line-height: 41px; margin: 0 0 15px; padding: 0 18px; background: url('../images/style1/moduleH3.png') repeat-x 0 0; color: #9f9f9f; text-transform: uppercase }
/*--- color1 */

#mainPage .moduletable.color1 > div > h3 { background-position: 0 -41px; color: #f6e6e4 }
/*--- color2 */

#mainPage .moduletable.color2 { background: #000; color: #6c6c6c }
#mainPage .moduletable.color2 > div { border: 1px dashed #414141; padding: 12px; }
#mainPage .moduletable.color2 > div > h3 { margin: 0 0 19px; padding:0; height: 23px; line-height: 17px; background: none; color: #fff; border-bottom: 1px dashed #414141 }
#mainPage .moduletable.color2 a { color: #fff }
#mainPage .moduletable.color2 a:hover { color: #BC3726 }
/*--- color3 */

#mainPage .moduletable.color3 { background: #bc3726; color: #f1cecb }
#mainPage .moduletable.color3 > div { border: 1px dashed #ce6c5d; padding: 12px; }
#mainPage .moduletable.color3 > div > h3 { margin: 0 0 19px; padding:0; height: 23px; line-height: 17px; background: none; color: #fff; border-bottom: 1px dashed #ce6c5d }
#mainPage .moduletable.color3 a { color: #fff }
#mainPage .moduletable.color3 a:hover { color: #f1cecb }
/*--- border1 */
#mainPage .moduletable.border1 > div { border: 1px dashed #ccc; padding: 12px; }
#mainPage .moduletable.border1 > div > h3 { margin: 0 0 19px; padding:0; height: 23px; line-height: 17px; background: none; color: #333; border-bottom: 1px dashed #ccc }
/*--- border2 */
#mainPage .moduletable.border2 > div { border: 1px dashed #ce6c5d; padding: 12px; }
#mainPage .moduletable.border2 > div > h3 { margin: 0 0 19px; padding:0; height: 23px; line-height: 17px; background: none; color: #bc3726; border-bottom: 1px dashed #ce6c5d }
/*--- noborder1 */
#mainPage .moduletable.noborder1 { background: #000; color: #6c6c6c }
#mainPage .moduletable.noborder1 > div > h3 { margin: 0 0 5px; padding:0; height: 23px; line-height: 17px; background: none; color: #fff; }
#mainPage .moduletable.noborder1 .moduletable_content { padding: 0!important; }
#mainPage .moduletable.noborder1 a { color: #fff }
#mainPage .moduletable.noborder1 a:hover { color: #BC3726 }
/*--- noborder2 */

#mainPage .moduletable.noborder2 { background: #bc3726; color: #f1cecb }
#mainPage .moduletable.noborder2 > div > h3 { margin: 0 0 5px; padding:0; height: 23px; line-height: 17px; background: none; color: #fff; }
#mainPage .moduletable.noborder2 .moduletable_content { padding: 0!important; }
#mainPage .moduletable.noborder2 a { color: #fff }
#mainPage .moduletable.noborder2 a:hover { color: #f1cecb }
/*--- grunge1, grunge2, grunge3, noPad */

#mainPage .moduletable.grunge1,
#mainPage .moduletable.grunge2,
#mainPage .moduletable.grunge3 { background: #fff url('../images/modules/module_bg2_1.jpg') no-repeat 100% 0; }
#mainPage .moduletable.grunge4,
#mainPage .moduletable.grunge5,
#mainPage .moduletable.grunge6 { background: #fff url('../images/modules/module_bg1.jpg') no-repeat right top; }
#mainPage .moduletable.grunge1 > div,
#mainPage .moduletable.grunge2 > div,
#mainPage .moduletable.grunge3 > div { background: #fff url('../images/modules/module_bg2_2.jpg') no-repeat 0 100%; padding: 12px; margin: 12px 12px 0 0; }
#mainPage .moduletable.grunge1 .moduletable_content,
#mainPage .moduletable.grunge2 .moduletable_content,
#mainPage .moduletable.grunge3 .moduletable_content { background: #fff; padding: 0 12px 12px; }
#mainPage .moduletable.grunge4 .moduletable_content,
#mainPage .moduletable.grunge5 .moduletable_content,
#mainPage .moduletable.grunge6 .moduletable_content { padding: 0; }
#mainPage .moduletable.grunge2 > div > h3,
#mainPage .moduletable.grunge5 > div > h3 { background: transparent url('../images/style1/module_header_color.png') repeat-x 0 0; color: #fff; }
#mainPage .moduletable.grunge3 > div > h3,
#mainPage .moduletable.grunge6 > div > h3 { margin: 0 0 19px 12px; padding:0; height: 23px; line-height: 17px; background: none; color: #333; border-bottom: 1px dashed #ccc }
#mainPage .moduletable.grunge6 > div > h3 { margin-left: 0; }
#mainPage .moduletable.noPad .moduletable_content { padding: 0; }
#mainPage .moduletable.noPad > div { padding: 0 0 12px 12px }
/* _text */

#mainPage .moduletable_text .group > h3 { font-weight: normal; font-size:115%; }
#mainPage .moduletable_text .footer { font-size: 85%; text-align: right; font-style: italic; }
#mainPage .moduletable_text .item { border-bottom: 1px dashed #ccc; margin-top:10px; padding-bottom: 10px; }
/* - clear */

.moduletable.clear,
.moduletable.clear > div,
.moduletable.clear > div > .moduletable_content { padding: 0 !important; background: none !important; border: none !important; margin: 0!important; }
/* columns */

.gk-box-full > .gk-box-wrap,
.gk-box-left > .gk-box-wrap,
.gk-box-center > .gk-box-wrap,
.gk-box-right > .gk-box-wrap { margin-left: 11px; margin-right: 11px; }
.gk-box-left > .gk-box-wrap { margin-left: 0; }
.gk-box-right > .gk-box-wrap { margin-right: 0; }
.gk-box-full > .gk-box-wrap { margin-left: 0; margin-right: 0; }
/* breadcrumbs and tools */

#gk-main #gk-top-nav { background: #000 url('../images/style1/moduleH3.png') repeat-x 0 0; height: 41px; line-height: 41px; margin: -18px -18px 20px!important; padding: 0 18px; }
#gk-breadcrumb { float: left; width: 80%; font-size: 12px; }
#gk-breadcrumb a { color: #9F9F9F }
#gk-breadcrumb a:hover { color: #fff }
#gk-breadcrumb .separator { margin: 0 6px; }
#gk-tools { float: right; width: auto; margin-top:13px; }
.tools_size_btn { background:url("../images/tools.png") no-repeat scroll 0 0 transparent; cursor:pointer; display:block; float:left; height:16px; text-indent:-999em; width:16px; opacity:0.5; }
.tools_size_btn:hover { opacity: 1.0; }
#gk-tool-reset { background-position: -16px 0!important; }
#gk-tool-decrease { background-position: -32px 0!important; }
/* popup */

#gk-popup-overlay,
#gk-popup-login,
#gk-popup-register { display: none; overflow: hidden; width: 500px; margin-left: -250px; position: fixed; z-index: 1000002; left: 50%; top: 50%; background: #000; }
#gk-popup-login { width: 300px; margin-left: -150px; }
.gk-popup-wrap { padding: 25px; margin: 4px; border:1px dashed #414141; }
#gk-popup-overlay { width: 100%; height: 100%; position: fixed; z-index:1000001; top:0; left:0; background:#000; opacity:0.77; filter:alpha(opacity=77); margin-left:0;}
.gk-popup-wrap h3 { font-size: 220%; color: #999}
.gk-popup-wrap ul li { font-size: 12px; background: url('../images/style1/bul_li.png') no-repeat 0 8px; padding-left: 24px;}
.gk-popup-wrap ul li a { color: #777;}
.gk-popup-wrap ul li a:hover { color: #BC3726;}
p.fieldRequired { font-size: 10px;}
.gk-popup-wrap .button { background: #BC3726; }
.gk-popup-wrap .button:hover { background: #414141 !important; }
#gk-popup-login input[type="text"],
#gk-popup-login input[type="password"] { clear: both; display:block; width: 190px; }