/*
Theme Name: ColdFusion Theme
Theme URI: http://www.renklibeyaz.com/coldfusionhtml/
Description: ColdFusion Responsive Fullscreen Site Template
Author: RenkliBeyaz - Salih Ozovali
Version: 1.0
*/

@ColorFirst : #85C1F5;
@ImagesDir: "images/";
 
@NormalFont: 'PT Sans', sans-serif;  
@HeaderFont: 'Oswald', sans-serif;

/* Light Theme Variables */
@ColorInverse : #ffffff;
@ColorFirstAlpha : rgba(255, 64, 0, .7);
@ColorThemeBgAlpha : rgba(255, 255, 255, .7);
@ColorSecond : #333333;
@TextColor : #333333;
@BackgroundColor : #333333;
@ThemePrefix : "light";

/* Dark Theme Variables /*
/*
@ColorInverse : #333333;
@ColorFirstAlpha : rgba(255, 64, 0, .7);
@ColorThemeBgAlpha : rgba(0, 0, 0, .7);
@ColorSecond : #ffffff;
@TextColor : #ffffff;
@BackgroundColor : #333333;
@ThemePrefix : "dark";
*/


/* REF: Please Dont Change this styles */
#REF_ColorFirst{color:@ColorFirst; background-color:@ColorFirst; display:none; }
#REF_ColorSecond{color:@ColorSecond; background-color:@ColorSecond; display:none; }
/*REF*/


/******** CSS Start ********/

#contentLoading{
	background: url('@{ImagesDir}@{ThemePrefix}-content-bg.png');
	position:absolute;
	padding:20px;
	display:none;
}

#canvasloader-container{ display:inline-block; vertical-align:middle; }
#loading-text{ display:inline-block; vertical-align:middle; margin-left:20px;}

/*Body Loading*/
#bodyLoading{
	width:100%;
	position:absolute;
	left:0;
	top:0;
	text-align:center;
	opacity:0;
}
#loading{
	margin:100px auto 0px auto;
	text-align:center;
}
/* General */
* {
	-webkit-user-drag: none;
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size:14px;
	line-height:1.4em;
	color: @TextColor;
	font-family: @NormalFont;
}
* html .clearfix {
	height: 1%; /* IE5-6 */
	}
*+html .clearfix {
	display: inline-block; /* IE7not8 */
	}
.clearfix:after { /* FF, IE8, O, S, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
::selection {
        background: @ColorFirst; /* Safari */
		color: @ColorInverse;  
        }
::-moz-selection {
        background: @ColorFirst; /* Firefox */
		color: @ColorInverse;  
}
a{
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
a:link, a:visited{
	text-decoration:none;
	color: @TextColor;
}
a:hover, a:active{
	text-decoration:none;
}
body{
	background: @BackgroundColor;
	overflow:hidden;
}
html {
	overflow:hidden;
	background: @BackgroundColor;
}

#fullControl{
	opacity:0;
	position:absolute;
	right:10px;
	top:100px;
}

#body-wrapper{
	width:100%;
	background-color: @BackgroundColor;
	text-align:center;
	overflow:hidden;
	position:relative;
	opacity:0;
}
#content{
	opacity:0;
	display:none;
	position:absolute;
	width:940px;
	left:0px;
	top:130px;
	bottom:85px;
	padding:20px;
	margin-top:200px;
	background: url('@{ImagesDir}@{ThemePrefix}-content-bg.png');
}
#contentBox{
	overflow:hidden;
	text-align:left;
}
#contentBoxScroll{
	top:120px;
	position:absolute;
	display:none;
	text-align:left;
	width:20px;
	background: url('@{ImagesDir}@{ThemePrefix}-content-scroll-bg.png');
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
}
#contentBoxContainer{}
.dragcontainer{
	position:relative;
	height:500px;
	margin-top:20px;
	background: url('@{ImagesDir}@{ThemePrefix}-scroll-bg.png') repeat-y center center;
}
.dragger{
	position:absolute;
	left:5px;
	width:10px;
	height:20px;
	background-color:@ColorFirst;
	cursor:pointer;
}
#closeButton:link, #closeButton:visited{
	z-index:999;
	position:absolute;
	right:15px;
	top:20px;
	display:none;
	opacity:0;
	width:18px;
	height:18px;
	background-image:url('@{ImagesDir}@{ThemePrefix}-contentbox-close.png');
	background-color:@ColorFirst;
}
#closeButton:hover, #closeButton:active{
	background-position:-18px 0;
}
.clearboth{ clear:both; }
.floatleft{ float:left; }
.floatright{ float:right; }
.margintop80{ margin-top:80px; }
.margintop17{ margin-top:17px; } 
.height16{ height: 16px; }
.height13{ height: 13px; }
.height10{ height: 10px; }
.height5{ height: 5px; }
.height3{ height: 3px; }
.height0{ height: 0px; }
.width100{ width:100px; }
.width27{ width:27px; }
.width7{ width:7px; }
.mapContactDimension{ width:100%; height:250px; }
.cursorauto{ cursor:auto; }
.blogcontentmargins{ margin-top:16px;  margin-bottom:15px; }
#menu-mobile-closer:link, #menu-mobile-closer:visited, 
#menu-mobile-opener:link, #menu-mobile-opener:visited{
	display:none;
	background-color:@ColorFirst;
	color:@ColorInverse;
	position:absolute;
	z-index:999999;
	width:32px; height:32px;
}
#menu-mobile-closer:active, #menu-mobile-closer:hover, 
#menu-mobile-opener:active, #menu-mobile-opener:hover{
	background-position:-32px 0;
}
#menu-mobile-opener{ 
	left:0; top:0; 
	background-image:url('@{ImagesDir}@{ThemePrefix}-mobile-menuopener.png');
 }
#menu-mobile-closer{ 
	background-image:url('@{ImagesDir}@{ThemePrefix}-mobile-menucloser.png');
}

#bgImagesContainer{
	position:absolute;
	left:20px;
	bottom:65px;
	right:20px;
	height:0px;
	background-color:@ColorFirst;
	overflow:hidden;
	display:none;
}
#bgImages{
	list-style:none;
	position:relative;
	margin:0;
	padding:0; 
	left:10px;
	opacity:0;
}
#bgImages li{
	position:relative;
	margin:0;
	float:left;
	padding:15px 5px;
}
#bgImages li a{ display: block; margin:0; padding:0; height:80px; }
#bgImages img.thumb{
	height:80px;
	margin:0;
	padding:0;
	cursor:pointer;
}
#bgImages li .thumbType{
	left:50%;
	top:50%;
	position:absolute;
	width:30px;
	height:30px;
	border-radius:50%;
	background-color: rgb(255, 255, 255); 
    background-color: rgba(255, 255, 255, 0.7); 
	background-repeat:no-repeat;
	background-position:center center;
	margin:0;
	padding:0; 
	opacity:0;
	cursor:pointer;
}

#bgImages li .thumbWrapper{
	left:0;
	top:0;
	position:absolute;
	width:30px;
	height:30px;
	background-color: #000000;
	margin:0;
	padding:0; 
	opacity:0;
	cursor:pointer;
}
#bgImages li .thumbVideo{
	background-image: url('@{ImagesDir}thumb_video.png');
}
#bgImages li .thumbImage{
	background-image: url('@{ImagesDir}thumb_image.png');
}
#bgImages li .thumbFlash{
	background-image: url('@{ImagesDir}thumb_flash.png');
}
#bgImages img.source, #bgImages iframe{
	display:none;
}
#bgImages h3, #bgImages p{
	display:none;
}
#bgImages li.active .thumbType{}
#bgImage{
	position:absolute;
	left:0;
	top:0;
}
#bgText{
	display:inline-block;
	text-align:left;
	position:absolute;
	left:20px;
	top:140px;
}
#bgText .headerText{
	display:inline-block;
	font-size:34px;
	line-height:54px;
	height:54px;
	color:@ColorSecond;
	background: url('@{ImagesDir}@{ThemePrefix}-content-bg.png');
	padding:0 10px;
	white-space:nowrap;
	font-family: @HeaderFont;
	opacity:0;
}
#bgText .subText{
	margin-top:1px;
	display:inline-block;
	font-size:16px;
	line-height:36px;
	height:36px;
	padding:0 10px;
	white-space:nowrap;
	color:@ColorSecond;
	background: url('@{ImagesDir}@{ThemePrefix}-content-bg.png');
	font-family: @HeaderFont;
	opacity:0;
}
.ghostModeActive{
	font-size:34px;
	line-height:54px;
	color:@ColorSecond;
	background-color:@ColorThemeBgAlpha;
	padding:0 10px;
	font-family: @HeaderFont;
	position:absolute;
}

#bgImageWrapper{
	position:relative;
}
#bgImageWrapper img{
	position:absolute;
}
#ytVideo, #vmVideo, #jwVideo, #swfContent{
	position:absolute;
}
#bgPattern{
	display: block;
	position:absolute;
	background: url('@{ImagesDir}pattern.png');
}
#videoExpander{
	display: none;
	position:absolute;
	background: url('@{ImagesDir}top_right_expand.png') no-repeat center center;
}
.bgCanvas{
	position:absolute;
	left:0;
	top:0;
}
.activeth{
	position:absolute;
	left:0;
	width:13px;
	height:6px;
}
.activethtop{ background: url('@{ImagesDir}@{ThemePrefix}-activethumb-toparrrow.png') no-repeat; top:0px;}
.activethbottom{ background: url('@{ImagesDir}@{ThemePrefix}-activethumb-bottomarrrow.png') no-repeat; top:102px;}

/*Image Animate*/
.hoverWrapperBg{
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
	overflow:hidden;
}
.disk1, .disk2{
	opacity:.30;
	background-color:@BackgroundColor;
	position:absolute;
	left:0;
	top:0;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* IE 9 */
	-moz-transform:rotate(45deg); /* Firefox */
	-webkit-transform:rotate(45deg); /* Safari and Chrome */
	-o-transform:rotate(45deg); /* Opera */
}
.disk1{ width:400px; height:400px; }
.disk2{ width:300px; height:300px; }
.image_frame{
	position:relative;
	cursor:pointer;
	border:2px solid @ColorFirst;
}
.image_frame > a{
	display:block;
	padding:0;
	margin:0;
	font-size:0px;
}
.hoverWrapper{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.nomodalimageborder{ border:2px solid @ColorFirst; }
.hoverWrapperModal,
.hoverWrapperLink{
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	background-color:@ColorFirstAlpha;
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	right:20px;
}
.hoverWrapperModal{ bottom: 20px; background-image:url('@{ImagesDir}@{ThemePrefix}-blog-zoom.png'); }
.hoverWrapperLink{ bottom: 80px; background-image:url('@{ImagesDir}@{ThemePrefix}-blog-chain.png');}
.hoverWrapperOver{ 
	background-position: 0 -40px;
	background-color: @ColorThemeBgAlpha;
}


.hoverWrapper .link{right:15px; background-image: url('@{ImagesDir}imageLink.png');}
.hoverWrapper .modal{right:49px;  background-image: url('@{ImagesDir}imageModal.png');}
.hoverWrapper .modalVideo{right:49px; background-image: url('@{ImagesDir}imageVideo.png');}
.hoverWrapper .link:hover, .hoverWrapper .link:active,
.hoverWrapper .modal:hover, .hoverWrapper .modal:active,
.hoverWrapper .modalVideo:hover, .hoverWrapper .modalVideo:active{
background-position:0 -33px;
box-shadow: -2px -2px rgba(0,0,0,.5) inset, 2px 2px rgba(0,0,0,.5) inset;
}

.blogdatemeta{
		background-color:rgba(255, 255, 255, 0.1);
		margin-bottom:20px;
}
.blogdate{
	float:left;
	display:inline-block;
	font-size:18px;
	color:@ColorSecond;
	font-family:@HeaderFont;
	min-height:68px;
	min-width:60px;
	text-align:right;
	padding:20px;
	border-right:1px solid #fff;
	line-height:1.2em;
}
.hoverWrapper h3{
	opacity:0;
	text-align:left;
	padding:15px;
	margin:10px;
	font-size:18x;
	line-height:20px;
	color:@ColorSecond;
	background-color:@ColorFirst;
	font-family: @HeaderFont;
}
.hoverWrapper .enter-text{
	opacity:0;
	text-align:left;
	padding:0px 15px 10px 15px;
	font-size:11px;
}

.blogreadmore:link,
.blogreadmore:visited{
	margin-top:20px;
	display:inline-block;
	background-color:@ColorFirst;
	color: @ColorInverse;
	padding:5px 10px;
}

.blogreadmore:hover,
.blogreadmore:active {
	background-color: @ColorInverse;
	color: @ColorFirst;
}

/*Play List*/
a.playerBtn:link, a.playerBtn:visited{
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	display:block; 
	width:28px; height:28px;
}
a.playerBtn:hover, a.playerBtn:active{
	background-color:@ColorInverse;
	background-position:-28px 0;
}
#playerController .play{background-image:url('@{ImagesDir}@{ThemePrefix}-icon_player_play.png');}
#playerController .pause{background-image:url('@{ImagesDir}@{ThemePrefix}-icon_player_pause.png');}
#playerController .stop{background-image:url('@{ImagesDir}@{ThemePrefix}-icon_player_stop.png');}
#playerController .loop{background-image:url('@{ImagesDir}@{ThemePrefix}-icon_player_loop.png');}
#playerController .nextsong{background-image:url('@{ImagesDir}@{ThemePrefix}-icon_player_nextsong.png');}
#playerController .mute{background-image:url('@{ImagesDir}@{ThemePrefix}-icon_player_mute.png'); display:none; margin-left:2px;}
#playerController .unmute{background-image:url('@{ImagesDir}@{ThemePrefix}-icon_player_unmute.png'); margin-left:2px;}

#playerController .mute:link, 
#playerController .mute:visited, 
#playerController .unmute:link, 
#playerController .unmute:visited{
	width:16px; height:16px;
}
#playerController .mute:hover, 
#playerController .mute:active, 
#playerController .unmute:hover, 
#playerController .unmute:active{
	background-position:-16px 0;
}

#playWrapper{
	padding:20px;
	position:absolute;
	left:20px;
	background-color:@ColorFirst;
	bottom:65px;
	right:20px;
	display:none;
	z-index:10000;
	height:0px;
	overflow:hidden;
}
#playerBar{
	position:relative;
	width:150px;
	height:12px;
}
#playerBarActive{
	position:absolute;
	top:0;
	left:0;
	height:12px;
	width:0px;
	background-color:@ColorInverse;
}
#volumeBar{
	position:relative;
	width:50px;
	height:12px;
}
#volumeBarActive{
	position:absolute;
	top:0;
	left:0;
	height:12px;
	width:0px;
	background-color:@ColorInverse;
}
#playListCloseIcon{
	padding:5px;
	position:absolute;
	font-size:14px;
	font-family: @HeaderFont;
	background-color:@ColorFirst;
	color:@ColorSecond;
}
#playerSongName{
	padding:10px 0;
	margin-bottom:10px;
	font-size:36px;
	line-height:36px;
	font-family: @HeaderFont;
	color:@ColorInverse;
}

#playerController{
	margin-bottom:10px;
}
#playerController a{
	float:left;
	margin-right:14px;
}
#playerLoadBar{
	float:left;
	width:150px;
	height:12px;
	padding:1px;
	border:1px solid @ColorInverse;
}
#volumeLoadBar{
	float:left;
	width:50px;
	height:12px;
	padding:1px;
	border:1px solid @ColorInverse;
	margin-left:5px;
}
#player{
	float:left;
	position:relative;
	left:20px;
	opacity:0;
	display:none;
}
#playerSongDuration{
	float:left;
	width:53px;
	height:18px;
	margin-left:5px;
	margin-right:5px;
}
#playerSongDuration span{
	font-size:10px;
	font-family:'Arial';
	line-height:18px;
	position:relative;
	top:-2px;
}
#playerSongDuration span.current{ color:@ColorInverse; }
#playerSongDuration span.total{ color:@ColorInverse; }
#playerController img{float:left; margin:4px 5px 0 5px;}
#audioList{
	float:right;
	position:relative;
	right:20px;
	margin-top:10px;
	opacity:0;
}
#audioList ul {
	border-top:1px solid @ColorInverse;
	list-style:none;
	padding:1px;
}
#audioList ul li{
	cursor:pointer;
	line-height:28px;
	padding:0 20px;
	border-bottom:1px solid @ColorInverse;
	color: @ColorInverse;
}
#audioList ul li.active{
	background-color:@ColorInverse;
	color:@ColorFirst;
	text-indent:10px;
}
#audioList ul li.active > * {
	color:@ColorInverse;
}


/*Menu*/
#logo1 img{
	margin:0;
	padding:0;
	line-height:1em;
}
#logo1{
	margin:11px 0 0 30px;
	float:left;
}
#logo img{
	margin:0;
	padding:0;
	line-height:1em;
}
#logo{
	margin:10px 0 0 30px;
	float:left;
}
#demologo{
	margin:0;
	padding:0;
	line-height:1em;
	display:block;
	width:100px;
	height:100px;
	background: url('@{ImagesDir}demologo.png') no-repeat center center;
	background-color: @ColorFirst;
	border-radius:50%;
}

#menu-container{
	z-index:9999;
	position:absolute;
	top:20px;
	left:20px;
	right:20px;
	background: url('@{ImagesDir}@{ThemePrefix}-content-bg.png');
}
#menu-container .menu-dropdown{display:none; margin:20px;}
#headersubborder{
	font-size:0px;
	height:5px;
	overflow:hidden;
	background-color:@ColorFirst;
}
#headerleftsub{ width:500px; margin-left:50px; }
#headerleftsub h1.headersub{
	font-family: @NormalFont;
	font-size:16px;
	color:@ColorInverse;
	text-align:left;
	padding:20px;
}

#mainmenu{
	margin-top:54px;
	display:inline-block;
	float:right;
}
#mainmenu ul{
	list-style:none;
}
#mainmenu ul ul li{ float:none;}
#mainmenu ul > li{
	position:relative;
	text-align:left;
	display:block;
	float:left;
	margin:0 5px;
}
#mainmenu ul li a:link,
#mainmenu ul li a:visited{
	padding:0px;
	display:block;
	text-decoration:none;
	text-align:left;
}
#mainmenu ul li a:hover,
#mainmenu ul li a:active{
}
#mainmenu ul > li.active > a:link,
#mainmenu ul > li.active > a:visited{
}
#mainmenu ul li a span.title{
	display:block;
	margin:0;
	padding:6px 10px 6px 10px;
	position:relative;
	color:@ColorSecond;
	font-size:14px;
	font-family: @HeaderFont;
	white-space: nowrap;
}
#mainmenu ul > li > a{}
#mainmenu ul li ul li a:link,
#mainmenu ul li ul li a:visited{ }
#mainmenu ul li ul li a:hover,
#mainmenu ul li ul li a:active{ }
#mainmenu ul li ul li a span.title{
	color:@ColorSecond;
}
#mainmenu ul li a:hover span.title,
#mainmenu ul li a:active span.title,
#mainmenu ul > li.active > a:link span.title,
#mainmenu ul > li.active > a:visited span.title{
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	color:@ColorInverse;
	background-color:@ColorFirst;
}

#mainmenu ul li ul li a:link span.title,
#mainmenu ul li ul li a:visited span.title{
	color:@ColorInverse;
}

#mainmenu ul li ul li a:hover span.title,
#mainmenu ul li ul li a:active span.title{
	color:@ColorFirst;
	background-color:@ColorInverse;
}


#mainmenu ul .description{
	display:none;
}
#mainmenu ul ul{
	position:absolute;
	display:none;
	top:40px;
}
#mainmenu ul li li{
	margin-bottom:1px;
	clear:both;
	left:0px;
	top:0px;
	opacity:1;
	display:block;
}
#mainmenu ul ul ul{
	position:absolute;
	display:none;
	left:221px;
	top:0;
}

/* Footer */
#footer{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background: url('@{ImagesDir}@{ThemePrefix}-footer.png');
	height:32px;
	padding-top:1px;
}
#footerLeft{ float:left; }
#footerImage{ float:left; 
	padding:0 0 0 20px;
}
#footerLeft span{
	color:@ColorSecond;
	font-size:14px;
	font-family: @HeaderFont;
	padding: 0 5px;
	height:40px;
	line-height:40px;
	color:@TextColor;
}
#footerRight{
	float:right;
	margin-right:8px;
}

#footeraudio{
	display: block;
	float:right;
}
#footeraudio a{
	float:left;
	margin-left:1px;
}
#footeraudio .soundmute{ display:none;}
#bgControl{
	display: block;
	position:absolute;
}
#bgControlCount{
	display:inline-block;
	padding:0 15px 0 10px;
	font-size:18px;
	line-height:30px;
	vertical-align:top;
	font-family:@HeaderFont;
	color:@ColorSecond;
}
#bgControlButtons{
	display:inline-block;
}

.itemNumbers{ float:right; margin-top:6px; position:relative; }
.currentItemNo{ float:left; width:28px; overflow:hidden; line-height:28px; text-align:center; font-size:16px; position:relative; }
.totalItemCount{ float:left; line-height:28px; text-align:center; font-size:16px;}
.currentItemPaused{ position:absolute; left:0px; top:0px;  width:28px; height:28px; background-image: url('@{ImagesDir}@{ThemePrefix}-bgControlPause.png'); cursor:pointer;  }
.currentItemPlayed{ position:absolute; left:0px; top:0px; width:28px; height:28px; background-image: url('@{ImagesDir}@{ThemePrefix}-bgControlPlay.png'); cursor:pointer; }
.timecircle{ position:absolute; left:24px; 	top: 0px;}

#share{float:left; display: block; }
#share  ul{list-style:none;}
#share li{float:left; margin-right:1px;}
.btnCtrl:link, .btnCtrl:visited{
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	display:block;
	width:55px; 
	height:82px;
	position:absolute;
	background-repeat:no-repeat;
}
.btnCtrl:hover, a.btnCtrl:active{}

.tlCtrl:link, .tlCtrl:visited{
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	float:left;
	display:block;
	width:28px;
	height:28px;
	border-left:1px solid @ColorSecond;
	margin-top:6px;
}
.tlCtrl:hover, .tlCtrl:active{
	background-color:@ColorFirst;
	background-position:-28px 0;
}

#topRight{
	display:none;
	height:40px;
	background: url('@{ImagesDir}@{ThemePrefix}-content-bg.png');
	padding:4px 10px;
	position:absolute;
	right:20px;
	top:20px;
}

.playBG, .fitBG,  .closeFullScrnBG {display:none;}
.nextBG:link, .nextBG:visited{ background-image: url('@{ImagesDir}light-bgControlRight.png'); right:30px; top:50%; background-position:0 0;}
.prevBG:link, .prevBG:visited{ background-image: url('@{ImagesDir}light-bgControlLeft.png'); left:20px; top:50%; background-position:15px 0;}
.nextBG:hover, .nextBG:active{ background-position:15px 0; }
.prevBG:hover, .prevBG:active{ background-position:0 0; }
.fullBG:link,  .fullBG:visited{ background-image: url('@{ImagesDir}@{ThemePrefix}-bgControlFull.png');  }
.fitBG:link,  .fitBG:visited{ background-image: url('@{ImagesDir}@{ThemePrefix}-bgControlFullClose.png'); }
.setFullScrnBG:link,  .setFullScrnBG:visited{ background-image: url('@{ImagesDir}@{ThemePrefix}-bgControlFit.png'); display:block;}
.soundiconBG:link,  .soundiconBG:visited{display:block; background-image: url('@{ImagesDir}@{ThemePrefix}-icon_sound.png'); } 
.soundmuteBG:link,  .soundmuteBG:visited{display:none; background-image: url('@{ImagesDir}@{ThemePrefix}-icon_mute.png'); } 
.closeFullScrnBG:link,  .closeFullScrnBG:visited{ background-image: url('@{ImagesDir}@{ThemePrefix}-bgControlClose.png'); display:none;}
.infoBG:link,  .infoBG:visited{ background-image: url('@{ImagesDir}@{ThemePrefix}-bgControlInfo.png');}
.fullCenterBG:link,  .fullCenterBG:visited,
.fitCenterBG:link, .fitCenterBG:visited{ 
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	width:40px; 
	height:40px;
	position:absolute;
	background-repeat:no-repeat;
	background-image: url('@{ImagesDir}@{ThemePrefix}-fullCenterBG.png'); 
	top:50%; 
	left:50%; 
	display:none;
}
.fullCenterBG:hover,  .fullCenterBG:active, 
.fitCenterBG:hover, .fitCenterBG:active{
	background-position:-40px 0;
} 
.fitCenterBG:link,  .fitCenterBG:visited{ background-image: url('@{ImagesDir}@{ThemePrefix}-fitCenterBG.png'); }
.soundplaylist:link,  .soundplaylist:visited{ background-image: url('@{ImagesDir}@{ThemePrefix}-playListControl.png'); }

#footerArea{
	z-index:9998;
	position:absolute;
	bottom:20px;
	left:20px;
	right:20px;
	background: url('@{ImagesDir}@{ThemePrefix}-content-bg.png');
}
#footersubborder{
	font-size:0px;
	height:5px;
	background-color:@ColorFirst;
}
/*#bottomleft .btnBL { 
	-moz-transition:none;
	transition:none;
	-webkit-transition: none;
	-o-transition: none;
}
.btnBL, .footerText{
	overflow:hidden;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	width:40px;
	height:40px;
	background-color:@ColorThemeBgAlpha;
	border-radius:20px;
	float:left;
	margin-right:10px;
	opacity:0.5;
}
.footerText{
	width:auto;
	padding:0 10px;
}
.footerText span{ line-height:40px; }*/

.mBL:link, .mBL:visited{
	display:block;
	width:28px;
	height:28px;
	float:left;
	margin-top:6px;
	border-left:1px solid @ColorSecond;
}
.mBL:hover, .mBL:active{
	background-color:@ColorFirst;
	background-position:-28px 0;
}

.muteVideoBL, .pauseVideoBL, .playVideoBL,
.shareFb, .shareTwt, .shareRss{  }

#twtWrapper{
	position:absolute;
	left:20px;
	right:20px;
	bottom:60px;
	z-index:10002;
	height:150px;
	padding:10px;
	display:none;
	height:0px;
	background-color: @ColorFirst;
}

#footerTips{
	font-size:0px;
	position:absolute;
	left:20px;
	right:20px;
	bottom:60px;
	padding:0px;
	display:block;
}
.footerTip{
	font-size:0px;
	display:none;
	height:0px;
	position:absolute;
	background-color:@ColorFirst;
	left:0px;
	right:0px;
	padding:10px;
	bottom:0px;
}
.footerTip span{
	float:right;
	position:relative;
	right:20px;
	opacity:0;
	color:@ColorInverse;
}
#twtWrapper > h3{
	font-size:36px;
	color:@ColorInverse;
	float:left;
	position:relative;
	left: 20px;
	opacity:0;
}

.twtList{
	list-style:none;
	float:right;
	position:relative;
	left:-20px;
	opacity:0;
}
.twtList li{
	position:relative;
	opacity:0;
	right:20px;
	font-size:14px;
	line-height:40px;
	text-align:right;
	display:none;
	color:@ColorInverse;
} 
.twtBL{ float:right; }
.shareBL{ float:right; }
.twtBL > .mOpener{ background-image: url('@{ImagesDir}@{ThemePrefix}-icon_tw.png');}
.shareBL > .mOpener{background-image: url('@{ImagesDir}@{ThemePrefix}-icon_share.png');}
.videoBL > .mOpener{margin-right:10px; background-image: url('@{ImagesDir}@{ThemePrefix}-bgControlVideo.png');}
.videoBL { float:right; display:none;}
.screenBL { float:right;}
.playVideoBL{ display:none; background-image: url('@{ImagesDir}@{ThemePrefix}-playVideoBL.png'); }
.pauseVideoBL{ display:none; background-image: url('@{ImagesDir}@{ThemePrefix}-pauseVideoBL.png'); }
.soundiconVideo{background-image: url('@{ImagesDir}@{ThemePrefix}-soundiconVideo.png');}
.soundmuteVideo{background-image: url('@{ImagesDir}@{ThemePrefix}-soundmuteVideo.png');}
.shareFb{background-image: url('@{ImagesDir}@{ThemePrefix}-icon_fb.png');}
.shareTwt{background-image: url('@{ImagesDir}@{ThemePrefix}-icon_twt.png');}
.shareRss{background-image: url('@{ImagesDir}@{ThemePrefix}-icon_rss.png');}


/*BLOG*/
.blogitem{margin-top:20px;}
#content h1.caption{
	padding:14px 0 15px 0;
	font-family: @HeaderFont;
	font-size:32px;
	line-height:1.2em;
	color: @ColorSecond;
	border-bottom:1px solid @ColorFirst;
}
.blogimage{
	margin:10px 20px 0 0;
	float:left;
	width:460px;
}
.blogtext{
	float:left;
	width:220px;
	margin-top:10px;
}
.blogtextlong{
	width:700px;
}
.blogdateLeft{
	font-size:12px;
	padding-right:3px;
	margin-top:15px;
	float:left;
	border-right:1px solid #000;
	width:30px;
	color:#000;
	text-align:right;
}
.blogdateRight{
	font-size:12px;
	padding-left:3px;
	margin-top:15px;
	float:left;
	width:29px;
	text-align:left;
	color:#000;
}
.blogcontent{
	margin:10px 0;
	border-bottom:2px solid @ColorFirst;
}
.blogTop{clear:both;}
.blogTop hr{
	float:left;
	width:570px;
	margin-top:8px;
	height:3px;
	background-color:#333;
}
.blogTop a:link,
.blogTop a:visited{
	display:block;
	float:right;
	color:#333;
	font-family: @HeaderFont;
	font-size:12px;
	
	text-decoration:none;
}
.blogTop a:hover,
.blogTop a:active{
	color:#ffcc00;
}
.blogcontent p{
	margin-top:20px;
	font-size:11px;
	float:left;
}

.meta-links{
	float:left;
	display:inline-block;
}

h3.postQuote{
	background:url('@{ImagesDir}@{ThemePrefix}quote-bg.png') no-repeat;
	font-family: @NormalFont;
	font-size:36px;
	color: @TextColor;
	font-style:italic;
	padding:20px 0 0 20px;
}
h4.postQuoteTitle{
	margin-top:10px;
	font-size:18px;
	text-align:right;
}
.linkformat:link, .linkformat:visited{
	font-size:18px;
	line-height:1.2em;
	text-decoration:none;
	font-family: @HeaderFont;
	color: @ColorInverse;
	margin:20px 0 0 0;
}
.linkformat:hover, .linkformat:active{
	text-decoration:underline;
	color:@ColorFirst;
}

/* Flex Slider Direction */
.flex-direction-nav li a {width: 30px; height: 30px; display: block; position: absolute; top: 40px; cursor: pointer; text-indent: -9999px; border-radius:50%; }
.flex-direction-nav li a:hover{ background-color:@ColorThemeBgAlpha; }
.flex-direction-nav li .next {background:@ColorFirstAlpha url('@{ImagesDir}slider_arrow_right.png') center center no-repeat; right: 40px;}
.flex-direction-nav li .prev {background:@ColorFirstAlpha url('@{ImagesDir}slider_arrow_left.png') center center no-repeat; right: 80px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

.flex-control-nav li a { background-image:none; background-color: @ColorFirstAlpha; }
.flex-control-nav li a:hover { background-color: @ColorThemeBgAlpha; }
.flex-control-nav li a.active { background-color: @ColorThemeBgAlpha; opacity:0.3; }

.meta-links h3{
	color:@ColorSecond;
	font-family: @HeaderFont;
	font-size:22px;
	line-height:1.4em;
	margin:14px 20px;
}
.meta-links h3 a:visited,.meta-links h3 a:link {
	color:@ColorSecond;
	font-family: @HeaderFont;
	font-size:22px;
	line-height:1.4em;
	text-decoration:none;
}
.meta-links h3 a:hover,.meta-links h3 a:active {
	color:@ColorFirst;
}

.meta-row{
	display:inline-block;
	margin:0 0 20px 20px;
}
.meta-row a:link, .meta-row a:visited{ text-decoration:none; }
.meta-row a:hover, .meta-row a:active{ color:@ColorFirst; }
.meta-row span{
	text-indent:-9999px;
	display:inline-block;
	width:30px;
	height:30px;
	background-color: @ColorFirst;
	vertical-align:25%;
	margin-right:10px;
}
.meta-postedby{ background-image:url('@{ImagesDir}@{ThemePrefix}-meta-postedby.png'); }
.meta-categories{ background-image:url('@{ImagesDir}@{ThemePrefix}-meta-categories.png'); }
.meta-tags{ background-image:url('@{ImagesDir}@{ThemePrefix}-meta-tags.png'); }
.meta-comments{ background-image:url('@{ImagesDir}@{ThemePrefix}-meta-comments.png'); }

.morelink:link,
.morelink:visited{
	display:inline-block;
	font-size:14px;
	background-color:@ColorFirst;
	color:@ColorSecond;
	padding:5px 9px;
	text-decoration:none;
	margin-top:20px;
}
.morelink:hover,
.morelink:active{
	box-shadow: -2px -2px rgba(0,0,0,.5) inset, 2px 2px rgba(0,0,0,.5) inset;
}
.meta-tips{
	position:absolute;
	color:@ColorInverse;
	padding:5px 10px;
	background-color:@ColorFirst;
}
.meta-tips span{
	width:10px;
	height:10px;
	position:absolute;
	bottom:-4px;
	right:0px;
}
.meta-tips span svg polygon{
	fill:@ColorFirst;
}

.content-with-sidebar{ float:left; width:700px;	}
.left-col-with-sidebar{	width:700px; float:left;}
.page-content{width: 940px; overflow:hidden; }
#right-col{ width:220px; }
.right-col-left{
	float:left;
	margin-left:0;
	margin-right:20px;
}
.right-col-right{
	float:right;
	margin:0 0 0 20px;
}
#right-col > ul{ list-style:none outside none; }
#right-col > ul > li{ width: 220px; }

#right-col > ul > li > div{
	padding-bottom:20px;
	margin-top:20px;
	border-bottom: 1px solid @ColorFirst;
}
#right-col ul li div h3{
	font-size:18px;
	color:@ColorSecond;
	margin:0;
	padding-bottom:10px;
	margin-top:20px;
}

#right-col ul li div a:link, 
#right-col ul li div a:visited {
	text-decoration:none;
}
#right-col ul li div a:hover,
#right-col ul li div a:active {
	text-decoration:underline;
	color:@ColorFirst;
}


/* Widgets */
input.searchbox{
	float: left;
	text-indent: 10px;
	width:160px;
	background-color: @ColorFirst;
	color: @ColorInverse;
	height: 40px;
	line-height:40px;
	text-align:right;
	vertical-align: middle; 
	border-radius:0px;
	padding-right:20px;
}
.searchbutton,
.searchbutton:visited,
.searchbutton:link{
	display:block;
	float: left;
	width:40px;
	height:40px;
	font-size:0px;
	background: @ColorFirst url('@{ImagesDir}@{ThemePrefix}-search-icon.png') center center no-repeat;
	border:none;
	text-indent:-9999px;
}

#headersubsearchform input.searchboxhs{
	height:25px;
	line-height:25px;
	font-family:@HeaderFont;
	padding:0 10px;
}
#headersubsearchform{
	margin:20px 20px 0 20px;
	text-align:left;
}
#headersubsearchform input.searchboxhs{
	background-color:@ColorInverse;
	color:@ColorFirst;
	text-align:left;
}

.widget_recent_entries ul,
.widget_archive ul,
.widget_categories ul,
.widget_recent_comments ul
{ list-style:none; }
.widget_recent_entries ul li,
.widget_archive ul li,
.widget_categories ul li,
.widget_recent_comments ul li
{ padding-left:25px; margin-bottom:15px;}
.widget_recent_entries ul li{ background:url('@{ImagesDir}@{ThemePrefix}-widget-recent-entries.png') 0 5px no-repeat; }
.widget_recent_comments ul li{ background:url('@{ImagesDir}@{ThemePrefix}-widget-recent-comments.png') 0 5px no-repeat; }
.widget_archive ul li{ background:url('@{ImagesDir}@{ThemePrefix}-widget-archives-icon.png') 0 5px no-repeat; }
.widget_categories ul li{ background:url('@{ImagesDir}@{ThemePrefix}-widget-categories-icon.png') 0 5px no-repeat; }

#right-col .widget_tag_cloud a:link, #right-col .widget_tag_cloud a:visited{
	float:left;
	display:inline;
	font-size:12px !important;
	line-height:24px;
	padding:0 5px;
	color:@ColorInverse;
	background-color:@ColorFirst;
	text-decoration:none;
	text-transform:uppercase;
	margin:1px 1px 0 0;
	border:none;
}
#right-col .widget_tag_cloud a:hover, #right-col .widget_tag_cloud a:active{
	background-color:@ColorThemeBgAlpha;
	color:@ColorSecond;
	position:relative;
	z-index:99999;
	text-decoration:none;
}
.tagcloud:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


/*About*/
.personInfo img{ float:left; }
.personName{ float:left; padding-left:20px;}
.personName h3{font-size:12px; line-height:16px;}
.personName span{font-size:11px; line-height:11px; display:block; }
.personContact{clear:both; display:block; float:left; padding-top:20px; }
.personContact a:link, .personContact a:visited{background-position:-6px -6px; background-color:@ColorFirst; width:20px; height:20px; display:block; float:left; margin-left:1px; border:none; border-radius:50%; }
.personContact a:hover, .personContact a:active{background-position:-6px -40px;}
.personFacebook{background-image:url('@{ImagesDir}person-facebook.png');}
.personTwitter{background-image:url('@{ImagesDir}person-twitter.png');}
.personEmail{background-image:url('@{ImagesDir}person-email.png');}

/*Portfolio*/
.portfolioitems{
	list-style:none;
	width:620px;
	overflow:hidden;
}
.portfolio1columns li{
	float:left;
	margin: 20px 0 0 0;
}
.portfolio2columns li{
	float:left;
	margin: 20px 20px 0 0;
}
.portfolio3columns li{
	float:left;
	margin: 20px 20px 0 0;
}
.portfolio4columns li{
	float:left;
	margin: 20px 20px 0 0;
}
.portfolioFilter{
	display:block;
	list-style:none;
	margin:20px 0 0 0;
	height:24px;
	padding-bottom:20px;
	border-bottom:2px solid @ColorFirst;
	float:none;
}

.portfolioFilter li{ float:left; margin-right:10px;}
.portfolioFilter li a:link,
.portfolioFilter li a:visited{
	display:block;
	background-color:@ColorFirst; 
	text-decoration:none;
	color:@ColorInverse;
	font-family: @HeaderFont;
	font-size:12px;
	line-height:30px;
	padding:0 15px;
}
.portfolioFilter li a:hover,
.portfolioFilter li a:active{
	background-color:@ColorInverse; 
	text-decoration:none;
	color:@ColorFirst;
}

/*Columns*/
.c1,
.c1of2, .c1of2_end, 
.c1of3, .c1of3_end, .c2of3, .c2of3_end,
.c1of4, .c1of4_end, .c2of4, .c2of4_end, .c3of4, .c3of4_end,
.c1of5, .c1of5_end, .c2of5, .c2of5_end, .c3of5, .c3of5_end, .c4of5, .c4of5_end,
.c1of6, .c1of6_end, .c2of6, .c2of6_end, .c3of6, .c3of6_end, .c4of6, .c4of6_end, .c5of6, .c5of6_end{
float:left; margin-top:20px;}

.c1{clear:both; float:left; width:940px;}

.c1of2{float:left; width:460px; margin-right:20px;}
.c1of2_end{float:left; width:460px;}

.c1of3{float:left; width:300px; margin-right:20px;}
.c1of3_end{float:left; width:300px;}
.c2of3{float:left; width:620px; margin-right:20px;}
.c2of3_end{float:left; width:620px;}

.c1of4{float:left; width:220px; margin-right:20px;}
.c1of4_end{float:left; width:220px;}
.c2of4{float:left; width:460px; margin-right:20px;}
.c2of4_end{float:left; width:460px;}
.c3of4{float:left; width:700px; margin-right:20px;}
.c3of4_end{float:left; width:700px;}

.c1of5{float:left; width:172px; margin-right:20px;}
.c1of5_end{float:left; width:172px;}
.c2of5{float:left; width:364px; margin-right:20px;}
.c2of5_end{float:left; width:364px;}
.c3of5{float:left; width:556px; margin-right:20px;}
.c3of5_end{float:left; width:556px;}
.c4of5{float:left; width:748px; margin-right:20px;}
.c4of5_end{float:left; width:748px;}

.c1of6{float:left; width:140px; margin-right:20px;}
.c1of6_end{float:left; width:140px;}
.c2of6{float:left; width:300px; margin-right:20px;}
.c2of6_end{float:left; width:300px;}
.c3of6{float:left; width:460px; margin-right:20px;}
.c3of6_end{float:left; width:460px;}
.c4of6{float:left; width:620px; margin-right:20px;}
.c4of6_end{float:left; width:620px;}
.c5of6{float:left; width:620px; margin-right:20px;}
.c5of6_end{float:left; width:780px;}

.c1of12{float:left; width:60px; margin-right:20px;}
.c1of12_end{float:left; width:60px;}
.c2of6{float:left; width:140px; margin-right:20px;}
.c2of12_end{float:left; width:140px;}
.c3of12{float:left; width:220px; margin-right:20px;}
.c3of12_end{float:left; width:220px;}
.c4of12{float:left; width:300px; margin-right:20px;}
.c4of12_end{float:left; width:300px;}
.c5of12{float:left; width:380px; margin-right:20px;}
.c5of12_end{float:left; width:380px;}
.c6of12{float:left; width:460px; margin-right:20px;}
.c6of12_end{float:left; width:460px;}
.c7of6{float:left; width:540px; margin-right:20px;}
.c7of12_end{float:left; width:540px;}
.c8of12{float:left; width:620px; margin-right:20px;}
.c8of12_end{float:left; width:620px;}
.c9of12{float:left; width:700px; margin-right:20px;}
.c9of12_end{float:left; width:700px;}
.c10of12{float:left; width:780px; margin-right:20px;}
.c10of12_end{float:left; width:780px;}
.c11of12{float:left; width:860px; margin-right:20px;}
.c11of12_end{float:left; width:860px;}

/*STYLES*/
h1, h2, h3, h4, h5, h6{
	clear:both;
	font-family: @HeaderFont;
	font-weight:normal;
	color: @ColorFirst;
}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}

.divider{clear:both; height:20px;}
.vericaldivider{display:inline-block; width:20px; }
hr.seperator{clear:both; float:left; margin-top:20px; height:1px; background-color:@ColorFirst; width:100%; }
hr.seperatorBold{clear:both; float:left; margin-top:20px; height:3px; background-color:@ColorFirst; width:100%; }
.quotes-one{
	margin-left:20px;
	border-left:3px solid @ColorFirst;
	padding-left:20px;
}
.quotes-two{
	padding-left:35px;
	background: url('@{ImagesDir}@{ThemePrefix}-quote2-bg.png') 0px 5px no-repeat;
}
.dropcap{
	text-align:center;
	display:block;
	float:left;
	font-weight:500;
	font-size:28px;
	line-height:40px;
	width:40px;
	font-family: @HeaderFont;
	background-color: @ColorFirst;
	color:@ColorInverse;
	padding:0;
	margin:7px 5px 0 0;
	border-radius:50%;
}
.quotes-writer{color:@ColorFirst;}
.right{float:right; margin:5px 0 5px 15px;}
.left{float:left; margin:5px 15px 5px 0px;}
span.highlight{background-color:@ColorFirst; color:@ColorInverse; padding:0px 2px;}
span.textlight{color:@ColorFirst;}
ul.list{list-style:none;}
ul.list li{padding: 3px 0 3px 20px;}
ul.check li{ background:url('@{ImagesDir}list-check.png') left 6px no-repeat;}
ul.cross li{ background:url('@{ImagesDir}list-cross.png') left 7px no-repeat;}
ul.arrow li{ background:url('@{ImagesDir}list-arrow.png') left 8px no-repeat;}
ul.circle li{ background:url('@{ImagesDir}list-circle.png') left 7px no-repeat;}

.infobox, .attentionbox, .downloadbox, .crossbox{
	padding:20px 20px 20px 75px;
	border:2px solid #333;
}
.infobox{
	border-color:#0066cc;
	color:#0066cc;
	background: url('@{ImagesDir}box-info.png') 20px 24px no-repeat;
}
.attentionbox{
	border-color:#ffcc00;
	color:#ffcc00;
	background: url('@{ImagesDir}box-attention.png') 20px 24px no-repeat;
}
.downloadbox{
	border-color:#009900;
	color:#009900;
	background: url('@{ImagesDir}box-download.png') 20px 24px no-repeat;
}
.crossbox{
	border-color:#ff0000;
	color:#ff0000;
	background: url('@{ImagesDir}box-cross.png') 20px 24px no-repeat;
}

.tipbox{
	position:absolute;
	color:#000;
	padding:10px 10px;
	background-color:#ffcc00;
	border-radius:6px;
}
.tipbox span{
	width:9px;
	height:5px;
	background:url('@{ImagesDir}tips-bottom.png') center center no-repeat;
	position:absolute;
	bottom:-5px;
	left:50%;
}

a.tip:link, 
a.tip:visited{
	color:@ColorFirst;
	border-bottom:1px solid @ColorSecond;
} 

a.tip:hover, 
a.tip:active{
	border-bottom:none;
}

div.item_two_one{
	clear:both;
	float:left;
	width:80px;
	padding:12px 5px 12px 0;
	vertical-align:top;
	font-family: @HeaderFont;
	font-size:16px;
}
div.item_two_two{
	float:left;
	width:170px;
	margin-left:10px;
	padding:15px 5px;
	border-bottom: 1px solid #333;
	vertical-align:top;
}

/*Buttons*/
.buttonSmall{
	display:inline-block;
	background: url('@{ImagesDir}button-white-left.png') left top no-repeat;
	height:26px;
	padding-left:5px;
}
.buttonSmall a{
	background: url('@{ImagesDir}button-white-center.png') left top repeat-x;
	float:left;
	font-size:12px;
	line-height:26px;
	padding:0 10px;
	text-decoration:none;
	font-family: @HeaderFont;
	
	color:#ffffff;
}
.buttonSmall span{
	float:left;
	background: url('@{ImagesDir}button-white-right.png') left top no-repeat;
	height:26px;
	width:5px;
}

.smallBlack{background-image: url('@{ImagesDir}button-black-left.png'); }
.smallBlack a{background-image: url('@{ImagesDir}button-black-center.png'); }
.smallBlack span{background-image: url('@{ImagesDir}button-black-right.png'); }

.smallWhite{background-image: url('@{ImagesDir}button-white-left.png'); }
.smallWhite a{background-image: url('@{ImagesDir}button-white-center.png'); color:#333333;}
.smallWhite span{background-image: url('@{ImagesDir}button-white-right.png'); }

.smallRed{background-image: url('@{ImagesDir}button-red-left.png'); }
.smallRed a{background-image: url('@{ImagesDir}button-red-center.png'); }
.smallRed span{background-image: url('@{ImagesDir}button-red-right.png'); }

.smallGreen{background-image: url('@{ImagesDir}button-green-left.png'); }
.smallGreen a{background-image: url('@{ImagesDir}button-green-center.png'); }
.smallGreen span{background-image: url('@{ImagesDir}button-green-right.png'); }

.smallBlue{background-image: url('@{ImagesDir}button-blue-left.png'); }
.smallBlue a{background-image: url('@{ImagesDir}button-blue-center.png'); }
.smallBlue span{background-image: url('@{ImagesDir}button-blue-right.png'); }

.buttonMedium{
	display:inline-block;
	background: url('@{ImagesDir}buttonM-white-left.png') left top no-repeat;
	height:36px;
	padding-left:5px;
}
.buttonMedium a{
	background: url('@{ImagesDir}buttonM-white-center.png') left top repeat-x;
	float:left;
	font-size:16px;
	line-height:36px;
	padding:0 10px;
	text-decoration:none;
	font-family: @HeaderFont;
	
	color:#ffffff;
}
.buttonMedium span{
	float:left;
	background: url('@{ImagesDir}buttonM-white-right.png') left top no-repeat;
	height:36px;
	width:5px;
}

.mediumBlack{background-image: url('@{ImagesDir}buttonM-black-left.png'); }
.mediumBlack a{background-image: url('@{ImagesDir}buttonM-black-center.png'); }
.mediumBlack span{background-image: url('@{ImagesDir}buttonM-black-right.png'); }

.mediumWhite{background-image: url('@{ImagesDir}buttonM-white-left.png'); }
.mediumWhite a{background-image: url('@{ImagesDir}buttonM-white-center.png'); color:#333333;}
.mediumWhite span{background-image: url('@{ImagesDir}buttonM-white-right.png'); }

.mediumRed{background-image: url('@{ImagesDir}buttonM-red-left.png'); }
.mediumRed a{background-image: url('@{ImagesDir}buttonM-red-center.png'); }
.mediumRed span{background-image: url('@{ImagesDir}buttonM-red-right.png'); }

.mediumGreen{background-image: url('@{ImagesDir}buttonM-green-left.png'); }
.mediumGreen a{background-image: url('@{ImagesDir}buttonM-green-center.png'); }
.mediumGreen span{background-image: url('@{ImagesDir}buttonM-green-right.png'); }

.mediumBlue{background-image: url('@{ImagesDir}buttonM-blue-left.png'); }
.mediumBlue a{background-image: url('@{ImagesDir}buttonM-blue-center.png'); }
.mediumBlue span{background-image: url('@{ImagesDir}buttonM-blue-right.png'); }

#thumbOpener.open, #thumbOpener.close{
	-moz-transition:none;
	transition:none;
	-webkit-transition: none;
	-o-transition: none;
	position:absolute;
	display:none;
	width:58px;
	height:32px;
	bottom:65px;
	left:20px;
	background-color:@ColorFirst;
	background-image:url('@{ImagesDir}@{ThemePrefix}-thumbOpener.png');
}
#thumbOpener.close{
	background-image:url('@{ImagesDir}@{ThemePrefix}-thumbCloser.png');
}

/*CONTACT FORM*/
.dform p{
	display:block;
	clear:both;
	padding:5px 5px 5px 0;
}

.dFormInput{
	float:left;
	width:300px;
	padding:5px;
	margin-left:10px;
	border:1px solid @ColorThemeBgAlpha;
	background-color: @ColorThemeBgAlpha;
}
.dFormInputFocus{
	border:1px solid @ColorFirstAlpha;
}
.dform label{
	padding-top:0px;
	float:left;
	display:inline-block;
	width:200px;
	text-decoration:none;
	font-family: @HeaderFont;
	font-size:16px;
}
.dform input[type=text], .dform select, .dform textarea{
	background:none;
	width:100%;
}
.dform input[type=text]:focus, .dform select:focus, .dform textarea:focus{
}
.dform select{
}
.dform input[type=submit]{
	margin-left:10px;
}
.dform textarea{
	height:113px;
}
.dform label.error{
	clear:both;
	float:left;
	margin-left:200px;
	padding-left:10px;
	width:280px;
	color:@ColorFirst;
	font-weight:normal;
	font-size:11px;
}
.form_message{
	display:none;
	padding:5px;
	background-color:@ColorFirst;
	color:@ColorInverse;
}
div.form_input{
	float:left;
}
.dform .submitButton{
	display:block;
	margin:10px 0 0 10px;
	color:@ColorInverse;
	background-color:@ColorFirst;
	line-height:14px;
	padding:10px 20px;
	text-decoration:none;
	font-family: @HeaderFont;
	font-size:14px;
	text-transform:uppercase;
}
.dform .submitButton:hover{
	background-color:@ColorInverse;
	color:@ColorFirst;
}


/*Portfolio*/
.portfolioitems{
	list-style:none;
	width:620px;
	overflow:hidden;
	margin-top:20px;
}
.portfolioitem{
	float:left;
	margin:0 20px 20px 0;
}
.portfolioitem .meta-row{ margin-bottom:10px;}
.portfolioitem h3{ font-size:14px; margin:14px 0 0 0;}

.portfolioFilter li{ float:left; margin:0 0 1px 1px;}
.portfolioFilter li a:link,
.portfolioFilter li a:visited{
	display:block;
	background-color:@ColorFirst; 
	text-decoration:none;
	color:@ColorInverse;
	font-family: @HeaderFont;
	font-size:12px;
	line-height:24px;
	padding:0 10px;
	border:none;
}
.portfolioFilter li a:hover,
.portfolioFilter li a:active{
	background-color:@ColorInverse; 
	color:@ColorFirst;
}
.portfolioFilter li a.selected{ 
	background-color:@ColorInverse; 
	color:@ColorFirst;
}
.portfolioWithSidebar{width:720px;}
.portfolioWithoutSidebar{width:960px;}

/*Gallery*/
.galleryitems{
	list-style:none;
	overflow:hidden;
	margin-top:20px;
}
.galleryitem{
	float:left;
	margin:0 20px 20px 0;
}
.galleryitem h3{ font-size:14px; margin-top:14px;}
.galleryWithSidebar{width:720px;} 
.galleryWithoutSidebar{width:960px;}
.c3columns_withSidebar > li{ width:220px;}
.c4columns_withSidebar > li{ width:160px;}
.c5columns_withSidebar > li{ width:124px;}
.c6columns_withSidebar > li{ width:100px;}
.c3columns_withoutSidebar > li{ width:300px;}
.c4columns_withoutSidebar > li{ width:220px;}
.c5columns_withoutSidebar > li{ width:172px;}
.c6columns_withoutSidebar > li{ width:140px;}


div.read-more-link{
	text-align:right;
	border-bottom: @ColorSecond 1px solid;
	margin-bottom: 40px;
	font-family: @HeaderFont;
}

a.read-more-link{
	display:inline-block !important; 
	color:@ColorInverse;
	font-size: 12pt;
	text-decoration: none;
	padding: 6px 6px 8px 35px;
	background:@ColorSecond url('@{ThemePrefix}images/readmore-icon.png') 22px center no-repeat;
	width:auto;
}

/*ADD WP*/
pre{
	 white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	overflow: auto;
	font-family: 'Consolas',monospace;
	font-size:13px;
	color: #333;
	line-height:18px;
	background: url("@{ImagesDir}pre-bg.png") repeat scroll left top #FFFFFF;
	border-left: 4px solid #888;
	padding:18px 5px 18px 10px;
	margin: 10px 0 10px 0;
}
div.sh_toggle{
	clear:both;
}
div.sh_toggle_text a{
	color:@ColorFirst;
	font-size: 10pt;
	text-decoration: none;
}
.sh_toggle_text{
	padding: 4px 4px 4px 20px;
	background:url('@{ImagesDir}toggle_arrow_closed.png') 0px 6px no-repeat;
	cursor:pointer;
}
.sh_toggle_text_opened{
	background:url('@{ImagesDir}toggle_arrow_opened.png') 0px 6px no-repeat;	
	cursor:pointer;
}
.sh_toggle_content{
	display:none;
}

.wp-pagenavi {
	margin-top:24px;
}
.wp-pagenavi .pages{
	background-color:@ColorFirst;
	color:@ColorInverse;
	padding:4px 8px;
	font-size:14px;
	font-family:@HeaderFont;
	text-transform:uppercase;
}

.wp-pagenavi .current{
	margin-left:1px;
	background-color:@ColorThemeBgAlpha;
	color:@ColorFirst;
	padding:4px 8px;
	font-size:14px;
	font-family:@HeaderFont;
}

.wp-pagenavi .page:link, 
.wp-pagenavi .page:visited, 
.wp-pagenavi .nextpostslink:link, 
.wp-pagenavi .nextpostslink:visited, 
.wp-pagenavi .previouspostslink:link,
.wp-pagenavi .previouspostslink:visited{
	margin-left:1px;
	background-color:@ColorFirst;
	color:@ColorInverse;
	padding:4px 8px;
	font-size:14px;
	font-family:@HeaderFont;
	text-decoration:none;
}

.wp-pagenavi .page:hover, 
.wp-pagenavi .page:active, 
.wp-pagenavi .nextpostslink:hover, 
.wp-pagenavi .nextpostslink:active, 
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .previouspostslink:active{
	background-color:@ColorInverse;
	color:@ColorFirst;
}



/* Comments CSS*/
#comments{ margin-top:20px; border-top:2px solid @ColorFirst; margin-top:20px;}
#comments h4{
	margin-top:20px;
	padding-bottom:20px;
}
.comment-wrapper{
	background:url('@{ImagesDir}@{ThemePrefix}-comment-bg.png');
	margin-bottom:20px;
}

#comments ul, #comments ol{
	list-style:none;
}

#comments ol li li{
	padding-left:100px;
	background: url('@{ImagesDir}@{ThemePrefix}-comment-icon.png') 48px 40px no-repeat;
}

.comment-avatar{
	float:left;
	width:80px;
	height:80px;
	margin:10px;
}
.comment-text{
	padding-left:100px;
	padding-right:10px;
}
.comment-author{
	float:left;
	padding-top:10px;
	border-bottom:1px solid @ColorFirst;
	padding-bottom:10px;
}
#comments li .comment-author{width:520px;}
#comments li li .comment-author{width:420px;}
#comments li li li .comment-author{width:320px;}
#comments li li li li .comment-author{width:220px;}
#comments li li li li li .comment-author{width:120px;}
.author-link{
	color:@ColorFirst;
}
.author-date{
	font-sieze:12px;
	font-weight:italic;
}
.author-time{
	font-size:12px;
}
.comment-text p{
	float:left;
	padding: 5px 10px 10px 0;
}
.form-allowed-tags{
	display:none;
}

#comments .comment-reply-link{
	display:inline-block;
	float:left;
	margin-left:10px;
	margin-top:10px;
}
#comments .comment-reply-link:link,
#comments .comment-reply-link:visited{
	display:inline-block;
	float:right;
	font-size:11px;
	line-height:25px;
	height:25px;
	padding:1px 11px 0px 11px;
	text-transform:uppercase;
	background-color: @ColorFirst;
	color: @ColorInverse;
	font-family: @HeaderFont;
	text-decoration:none;
}
@-moz-document url-prefix() {
	#comments .comment-reply-link a:link,
	#comments .comment-reply-link a:visited{
		padding:0px 11px 1px 11px;
  }
}
#comments .comment-reply-link:link,
#comments .comment-reply-link:visited{
	margin-right:0px;
	margin-bottom:10px;
}
#comments ol ul .comment-reply-link:link,
#comments ol ul .comment-reply-link:visited{
	margin-right:0px;
}
#comments .comment-reply-link:hover,
#comments .comment-reply-link:active{
	text-decoration:none;
	background-color:@ColorInverse;
	color:@ColorFirst;
}

/*Comment Form*/
#respond{ border-top:1px solid @ColorFirst; margin-bottom:20px; }
#respond h3{ margin-top:20px;}
#commentform{
}
.comment-notes, .logged-in-as{
	padding: 0 0 0 0; 
}
#commentform label{
	display:inline-block;
	font-size:14px;
	vertical-align:top;
	font-family: @HeaderFont;
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:14px;
} 
#commentform .required{
	display:inline-block;
	width:15px;
	height:22px;
	color: #ff0000;
	vertical-align:top;
}

#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url{	
	float:left;
	width:220px;
	margin-right:20px;
}
#commentform .comment-form-url{ margin-right:0;}

#commentform .comment-form-author label, 
#commentform .comment-form-email label{ }
#commentform .comment-form-comment{ padding-top:20px; clear:both; }
#commentform input[type=text], 
#commentform textarea{
	width: 210px;
	height: 22px;
	background-color:@ColorThemeBgAlpha;
	border:1px solid @ColorThemeBgAlpha;
	padding:5px;
}
#commentform .comment-notes{ padding-top:0; }
#commentform input[type=text]:focus, 
#commentform textarea:focus{
	border:1px solid @ColorFirst;
}
#commentform textarea{
	height:140px;
	width:690px;
}
#commentform p{
	margin-top:20px;
	vertical-align:top;
}
#commentform input[type=submit]{
	cursor:pointer;
	display:inline-block;
	font-size:14px;
	line-height:35px;
	height:35px;
	padding:1px 0 0px 0;
	width:220px;
	text-transform:uppercase;
	text-align:center;
	background-color: @ColorFirst;
	color: @ColorInverse;
	font-family: @HeaderFont;
	text-transform:uppercase;
}
#commentform input[type=submit]:hover{
	background-color: @ColorInverse;
	color: @ColorFirst;
}
@-moz-document url-prefix() {
	#commentform input[type=submit]{
		padding:0px 11px 1px 11px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#content { width: 728px; padding: 10px; }
	.page-content { width: 728px; }
	#right-col { width: 174px; }
	.content-with-sidebar{ width: 544px; }
	.left-col-with-sidebar{ width: 544px; }
	.right-col-right { margin: 0 0 0 10px;}
	.right-col-left{ margin-right: 10px; }
	#right-col > ul > li { width: 174px; }
	input.searchbox{ width: 114px; }
	#menu-container{ }
	#footerArea{ left:10px; bottom:10px; right:10px; }
	.personName{ clear:both; padding: 10px 0; }
	
	.blogtext{ width:460px;}
	
	.c1of2, 
	.c1of3, .c2of3,
	.c1of4, .c2of4, .c3of4, 
	.c1of5, .c2of5, .c3of5, .c4of5,
	.c1of6, .c2of6, .c3of6, .c4of6, .c5of6
	.c1of12, .c2of6, .c3of12, .c4of12, .c5of12, .c6of12,
	.c7of6, .c8of12, .c9of12, .c10of12, .c11of12 { margin-right:10px;}
	
	.c1 { width: 728px; }
	.c1of2, .c1of2_end { width: 359px; }
	.c1of3, .c1of3_end { width: 236px; }
	.c2of3, .c2of3_end { width: 482px; }
	.c1of4, .c1of4_end { width: 174px; }
	.c2of4, .c2of4_end { width: 359px; } 
	.c3of4, .c3of4_end { width: 543px; }
	.c1of5, .c1of5_end { width: 137px; } 
	.c2of5, .c2of5_end { width: 285px; }
	.c3of5, .c3of5_end { width: 432px; }
	.c4of5, .c4of5_end { width: 579px; }
	.c1of6, .c1of6_end { width: 113px; }
	.c2of6, .c2of6_end { width: 236px; }
	.c3of6, .c3of6_end { width: 359px; }
	.c4of6, .c4of6_end { width: 482px; } 
	.c5of6, .c5of6_end { width: 695px; }
	.c1of12, .c1of12_end {width: 51px ;}
	.c2of6, .c2of12_end { width: 112px; }
	.c3of12, .c3of12_end { width: 173px; }
	.c4of12, .c4of12_end { width: 234px; }
	.c5of12, .c5of12_end { width: 295px; } 
	.c6of12, .c6of12_end { width: 356px; }
	.c7of6, .c7of12_end { width: 417px; }
	.c8of12, .c8of12_end { width: 478px; }
	.c9of12, .c9of12_end { width: 539px; }
	.c10of12, .c10of12_end {width: 600px; }
	.c11of12, .c11of12_end {width: 661px; }
	
	.galleryWithSidebar{width:554px;} 
	.galleryWithoutSidebar{width:738px;}
	.c3columns_withSidebar > li{ width:174px;}
	.c4columns_withSidebar > li{ width:128px;}
	.c5columns_withSidebar > li{ width:100px;}
	.c6columns_withSidebar > li{ width:82px;}
	.c3columns_withoutSidebar > li{ width:236px;}
	.c4columns_withoutSidebar > li{ width:174px;}
	.c5columns_withoutSidebar > li{ width:137px;}
	.c6columns_withoutSidebar > li{ width:113px;}
	
	.portfolioWithSidebar{width:554px;}
	.portfolioWithoutSidebar{width:738px;}
	.galleryitem{ margin:0 10px 20px 0; }
	.portfolioitem{ margin:0 10px 20px 0;}
	
	#commentform textarea{ width:510px; }
}

/* Mobile Portrait 320 */
@media only screen and (max-width: 767px){
	#mainmenu {margin-top:0;} 
	#content { width: 280px; padding: 10px; top:10px; bottom:10px;}
	.page-content { width: 280px; }
	#right-col { clear:both; width: 280px; }
	.content-with-sidebar{ clear:both; width: 280px; }
	.left-col-with-sidebar{ width: 280px; }
	.right-col-right { margin: 0;}
	#right-col > ul > li { width: 280px; }
	input.searchbox{ width: 220px; }
	#menu-container .menu-header{display:none;}
	#menu-container .menu-dropdown{display:block;}
	
	#playerSongName{ font-size:14px; line-height:14px; }
	
	.blogimage{ margin:10px 0 0 0; clear:both; width:280px; }
	.blogtext{ width:270px;}
	
	#logo{ margin:10px; }
	
	.c1,
	.c1of2, .c1of2_end, 
	.c1of3, .c1of3_end, .c2of3, .c2of3_end,
	.c1of4, .c1of4_end, .c2of4, .c2of4_end, .c3of4, .c3of4_end,
	.c1of5, .c1of5_end, .c2of5, .c2of5_end, .c3of5, .c3of5_end, .c4of5, .c4of5_end,
	.c1of6, .c1of6_end, .c2of6, .c2of6_end, .c3of6, .c3of6_end, .c4of6, .c4of6_end, .c5of6, .c5of6_end,
	.c1of12, .c1of12_end, .c2of6, .c2of12_end, .c3of12, .c3of12_end, .c4of12, .c4of12_end, .c5of12, .c5of12_end, 
	.c6of12, .c6of12_end, .c7of6, .c7of12_end, .c8of12, .c8of12_end, .c9of12, .c9of12_end, 	.c10of12, .c10of12_end, 
	.c11of12, .c11of12_end{ width: 280px; clear:both; }
	
	.galleryWithSidebar{width:290px;} 
	.galleryWithoutSidebar{width:290px;}
	.c3columns_withSidebar > li{ width:135px;}
	.c4columns_withSidebar > li{ width:86px;}
	.c5columns_withSidebar > li{ width:135px;}
	.c6columns_withSidebar > li{ width:186px;}
	.c3columns_withoutSidebar > li{ width:135px;}
	.c4columns_withoutSidebar > li{ width:86px;}
	.c5columns_withoutSidebar > li{ width:135px;}
	.c6columns_withoutSidebar > li{ width:86px;}
	
	.portfolioWithSidebar{width:290px;}
	.portfolioWithoutSidebar{width:290px;}
	.galleryitem{ margin:0 10px 20px 0; }
	.portfolioitem{ margin:0 10px 20px 0;}
	
	#commentform textarea{ width:260px }
	
}

/* Mobile Landscape 480 */
@media only screen and (min-width: 460px) and (max-width: 767px) {
	#content { width: 440px; padding: 10px; }
	.page-content { width: 440px; }
	#right-col { clear:both; width: 440px; }
	.content-with-sidebar{ clear:both; width: 440px; }
	.left-col-with-sidebar{ width: 440px; }
	.right-col-right { margin: 0;}
	#right-col > ul > li { width: 440px; }
	input.searchbox{ width: 380px; }
	
	.blogimage{ margin:10px 0 0 0; clear:both; width:440px; }
	.blogtext{ width:430px;}
	
	.c1,
	.c1of2, .c1of2_end, 
	.c1of3, .c1of3_end, .c2of3, .c2of3_end,
	.c1of4, .c1of4_end, .c2of4, .c2of4_end, .c3of4, .c3of4_end,
	.c1of5, .c1of5_end, .c2of5, .c2of5_end, .c3of5, .c3of5_end, .c4of5, .c4of5_end,
	.c1of6, .c1of6_end, .c2of6, .c2of6_end, .c3of6, .c3of6_end, .c4of6, .c4of6_end, .c5of6, .c5of6_end,
	.c1of12, .c1of12_end, .c2of6, .c2of12_end, .c3of12, .c3of12_end, .c4of12, .c4of12_end, .c5of12, .c5of12_end, 
	.c6of12, .c6of12_end, .c7of6, .c7of12_end, .c8of12, .c8of12_end, .c9of12, .c9of12_end, 	.c10of12, .c10of12_end, 
	.c11of12, .c11of12_end{ width: 440px; clear:both; }
	
	.galleryWithSidebar{width:450px;} 
	.galleryWithoutSidebar{width:450px;}
	.c3columns_withSidebar > li{ width:140px;}
	.c4columns_withSidebar > li{ width:102px;}
	.c5columns_withSidebar > li{ width:140px;}
	.c6columns_withSidebar > li{ width:102px;}
	.c3columns_withoutSidebar > li{ width:140px;}
	.c4columns_withoutSidebar > li{ width:102px;}
	.c5columns_withoutSidebar > li{ width:140px;}
	.c6columns_withoutSidebar > li{ width:102px;}
	
	.portfolioWithSidebar{width:450px;}
	.portfolioWithoutSidebar{width:450px;}
	.galleryitem{ margin:0 10px 20px 0; }
	.portfolioitem{ margin:0 10px 20px 0;}
	
	#commentform textarea{ width:420px }
	
}