/*
 * ------------------------------------------------------------------------
 * fashion Premium Template for joomla 3
 * ------------------------------------------------------------------------
 * Copyright (C) 2012 Sasu Themes. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: dmsumon (Sasu Themes)
 * Websites: http://www.dmsumon.com
  * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/


/*---------- general -----------------*/

body#page{
	background: #eee;
	/*background: url("../images/bg.jpg") fixed;*/
	
}

#main,
#bottom-a  {
	margin-top: 22px;
}

#maininner{
	background: #f4f5f3;
	
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.12);
	-o-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.12);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.12);
}

#bottom-a{
	padding: 25px 10px 20px 10px;
}

h3#latest-products{
	background: #e9403b;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 36px;
	text-transform: uppercase;
	padding: 11px 10px;
	color: #fff;
	margin-left: -20px;
	margin-top: 0;
	position: relative;
	width: 235px;
}

h3#latest-products:before{
	background: url("../images/heading-corner.png") no-repeat;
	bottom: -7px;
    content: " ";
    display: block;
    height: 7px;
    left: 0;
    position: absolute;
    width: 10px;
    text-transform: uppercase;
}

#maininner{
	min-height: 700px !important;
}

.module-title{
	font-family: "oswaldregular";
	font-size: 25px;
	text-transform: uppercase;
}


#sidebar-a div.module,
#sidebar-b div.module{
	margin: 0;
}


#contact-form fieldset > div{
	padding: 5px 0;
}

#menu div.module{
	padding: 20px;
}

#menu div.module a:hover{
	color: #fff;
}

#menu div.button:hover{
	background: none;
}

/*---------- header -----------------*/

#header{
	background: #151515;
	padding: 40px 35px 20px 35px;
	margin: 75px 0 0 0;
}


/*---------- slider -----------------*/


#slider,
#bottom-a,
#footer-top {
	background: url(../images/slider-bg.jpg);
}


#gkIs-gk-is-110,
#gkIs-gk-is-110 .gkIsImage,
.gkIsWrapper-gk_eSport .gkIsSlide{
	width: 100%;
	height: auto;
	background: none !important;
}

div.catItemAdditionalInfo a,
div.userItemAdditionalInfo a,
p.meta a{
	color: #333333;
}

.gkIsWrapper-gk_eSport .gkIsTextTitle a:hover,
div.sasu-latest-blog a.moduleItemReadMore:hover,
#footer-top a:hover,
#footer a:hover,
div.portfolio-black h4.nspHeader a:hover,
div.portfolio-black a.readon:hover,
div.itemToolbar a:hover,
div.itemLinks a:hover,
div.itemAuthorLatest a:hover,
div.itemRelated a:hover,
div.catItemAdditionalInfo a:hover,
div.userItemAdditionalInfo a:hover,
p.meta a:hover,
a:hover{ 
	color: #E9403B; 
}

div.itemNavigation a:hover,
span.commentAuthorName a:hover,
div.itemBackToTop a:hover,
div.userBlock a:hover,
div.item-list a:hover{
	color: #333333;
}

/*---------- footer-top -----------------*/

#footer-top,
#footer-top a{
	color: #98999a;
}

#footer-top .module-title{
	color: #efefef;
	text-transform: uppercase;
}

#footer-top .menu-sidebar li.level1{
	border-top: none;
	padding-bottom: 8px;
}


#footer-top div.module{
	background: url(../images/footer-border.png) repeat-y 100% 0;
	padding: 25px 15px;
}

#footer-top div.grid-box:last-child div.module {
	background: none;
}

#footer-top a:hover{
	padding-left: 5px;
}

/*---------- footer-----------------*/

#footer{
	background: url(../images/copyright-shadow.png) repeat-x #151515;
	margin: 0 0 75px 0;
	padding: 35px;
	color: #59595B;
}

#footer a{
	color: #98999A;
}

#footer .menu-line li {
	background: none;
}


#footer div.module{
	font-size: 11px;
}

#footer div.module p{
	line-height: 20px;
}


#footer div.module:first-child{
	margin-bottom: 10px;
}

/*---------- contact form -----------------*/


#contactform input.text, 
#contactform textarea.text, 
#contactform select.text,
input#username,
input#password,
input.validate-username{
	
	background: -webkit-linear-gradient(center top , #FAFAFA 0%, #FFFFFF 100%) !important;
	background: -moz-linear-gradient(center top , #FAFAFA 0%, #FFFFFF 100%) !important;
	background: -o-linear-gradient(center top , #FAFAFA 0%, #FFFFFF 100%) !important;
	background: linear-gradient(center top , #FAFAFA 0%, #FFFFFF 100%) !important;
	
    border: 1px solid #D8D8D9 !important;
    box-shadow: 0 1px 0 #FFFFFF, 0 1px 0 #FFFFFF inset;
    color: #777777;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 5px 5px 5px 0 !important;
    padding: 8px 10px !important;
    text-shadow: 0 1px 0 #FFFFFF;
}

#contactform input.text:hover, 
#contactform textarea.text:hover, 
#contactform select.text:hover,
#contactform input.text:active, 
#contactform textarea.text:active, 
#contactform select.text:active,
#contact-form input[type="text"]:hover,
#contact-form input[type="password"]:hover,
#contact-form input[type="text"]:active,
#contact-form input[type="password"]:active,
#contact-form textarea:hover,
input#username:hover,
input#password:hover,
input#username:focus,
input#password:focus,
input#name:hover,
input#email:hover,
input#email2:hover,
input#password2:hover,
textarea#description:hover,
#url:hover,
input#name:focus,
input#email:focus,
input#email2:focus,
input#password2:focus,
textarea#description:focus,
#url:focus,
input.validate-email:hover,
input.validate-email:focus,
input.validate-username:hover,
input.validate-username:focus,
textarea#commentText:hover,
input#userName:hover,
input#commentEmail:hover,
input#commentURL:hover,
textarea#commentText:focus ,
input#userName:focus,
input#commentEmail:focus,
input#commentURL:focus{
	
	background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #E9403B !important;
    box-shadow: 0 0 5px #E9403B;
    outline: medium none;
}


/*----------------------------------------- joomla Core ------------------------------------------------*/


/*
----------- blog ------------------ 
 */

#content div.content p img{
	max-width: 100%;
}

#content p.meta{
	clear: both;
}

#system .item > header{
	margin-bottom: 20px;
}

#system .item > header .title{
	margin-bottom: 20px;
}


#system .item > .links a{
	width: 97px !important;
	height: 30px !important;
}


.button {
	display: inline !important;
	width: 100px  !important;
	border: none !important;
}


form.submission .button,
button[type="submit"]{
	float: right;
}



/*
----------- registration ------------------ 
 */


#k2Container td{
	border-bottom: none;
	border-right: none;
	padding-right: 20px;
}


button[type="submit"]{
	border: none;
}


/*
----------- toTop scroller ------------------ 
 */


#toTop {
    background: #151515;
    bottom: 0;
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    font-size: 11px;
    padding: 5px;
    position: fixed;
    right: 0;
    text-align: center;
    text-shadow: none;
    text-transform: lowercase;
    width: 100px;
    z-index: 10;
}

#toTop:hover{
	background: #E9403B;
} 


/*---------- bg-slider -----------------*/

#bg-slider{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 105%;
	overflow: hidden;
	z-index: -999;
}

#bg-slider div.ari-image-slider,
#bg-slider div.nivo-slice{
	width: 100% !important;
	height: 100% !important;
	background-size: 100% auto !important; 	
	background-attachment: fixed !important;
}

#bg-slider div.module,
#ais_130_wrapper, #ais_130{
	padding: 0;
	margin: 0;
	height: 105%;
	width: 100% !important;
}

#bg-slider .nivoSlider{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

/*---------- music-player -----------------*/

#sasu-music-player{
	position: relative;
}

#sasu-music-player div.module {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
}

#sasu-music-player span.play-pause,
#sasu-music-player p.player {
    display: block;
    height: 24px;
    width: 24px;
    margin: 0;
}

#sasu-music-player span.play-pause.playing {
    background: url("../images/play-pause2.png") no-repeat -26px 0px;
}
#sasu-music-player span.play-pause.paused {
    background: url("../images/play-pause2.png") no-repeat ;
}


#sasu-music-player span.play-pause:hover{
	cursor: pointer;
}


#sasu-music-player p.title {
    background: none repeat scroll 0 0 #151515;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    padding: 7px 12px;
    text-transform: uppercase;
}

#music-player {
    background: none repeat scroll 0 0 #E9403B;
    float: left;
    padding: 8px;
}

/*---------- common transition CSS3 -----------------*/

div.sasu-accordion li.level1 span.level1,
a.k2ReadMore,
div.portfolio-black a.readon,
.menu-dropdown li.level2,
.menu-dropdown li.level2 .level2, 
.menu-dropdown li.level2 span.level2,
.menu-dropdown li.level3 a,
#contactform input.text, 
#contactform textarea.text, 
#contactform select.text,
#system .item > .links a,
input[type="text"],
input[type="password"],
textarea,
.button,
input#username,
input#password,
input#name,
input#email,
input#email2,
input#password2,
textarea#description,
input#url,
input.validate-email,
button[type="submit"],
input.validate-username,
div.portfolio-black div.nspArt,
.gkIsWrapper-gk_eSport .gkIsTextTitle a,
div.sasu-latest-blog a.moduleItemReadMore,
#footer-top a,
#footer a,
div.portfolio-black h4.nspHeader a,
div.portfolio-black a.readon,
div.itemToolbar a,
div.itemLinks a,
div.itemAuthorLatest a,
div.itemRelated a,
div.itemNavigation a,
span.commentAuthorName a,
div.itemBackToTop a,
textarea#commentText,
input#userName,
input#commentEmail,
input#commentURL,
div.itemCommentsForm form input#submitCommentButton,
div.sasu-k2-comments a,
div.sasu-latest-news a,
div.catItemAdditionalInfo a,
div.userBlock a,
div.userItemAdditionalInfo a,
p.meta a,
div.item-list a, 
.menu-dropdown li.remain .level1 a,
#toTop,
div.sasu-tag-cloud a,
.menu-dropdown li.level2.active,
#menu div.module a,
div.sasu-slider-bottom a.nspNext, 
div.sasu-slider-bottom a.nspPrev,
span.hovering_link{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}


#header,
h2.title,
h3#latest-products,
h3.module-title,
#footer-top,
#footer,
h2.itemTitle,
div.sasu-k2-comments,
div.sasu-latest-news,
h3.catItemTitle,
a.k2ReadMore,
h3.userItemTitle,
h2.tagItemTitle,
h1.title,
p.links a,
.gkIsWrapper-gk_eSport .gkIsTextTitle a,
div.sasu-tag-cloud a,
div.sasu-address,
#bottom-a,
#sasu-music-player,
.button-primary {
	-webkit-text-shadow: none !important;
	-moz-text-shadow: none !important;
	-o-text-shadow: none !important;
	text-shadow: none !important;
}

/*------------- joomla 2.5 update ----------------------*/

#menu div.dropdown-bg div.button{
	margin: 0;
	background: none;
	padding: 0;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	
}

#menu div.dropdown-bg div.button button{
	float: none;
	border: 1px dashed #E9403B;
}

#menu div.dropdown-bg ul.blank{
	margin-top: 20px;
}

#menu div.dropdown-bg div.remember{
	margin-bottom: 20px;
}