@charset "utf-8";


body{
	padding:0;	
	margin:0;	
	width:100%;	
	height:100%;
}
@font-face {
	font-family: 'Gnuolane';
	src: url('../fonts/gnuolane_free-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/gnuolane_free-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;

}
*{
	outline:none;
	border:none;
	line-height:1.5;
}
h3{
	font-family:'Gnuolane';
	font-weight:normal;
	line-height:1.2;
}

.altkisim{width:960px; height: 40px; background-color: #e5e5e5; position: fixed;
bottom: 0;}	

#ustcizgi {
    background: url("../img/ustbg.png") repeat-x scroll 0 0 transparent;
    height: 4px;
    margin: 0 auto;
    width: 100%;
}
#ustcizgi1 {
    background: url("../img/art2.png") no-repeat scroll center bottom transparent;
    height: 250px;
    margin: 0 auto;
    width: 100%;
	bottom: 0;
    position: fixed;
	z-index: -10;
}
.rk {
    bottom: 10px;
    position: fixed;
    right: 10px;
    z-index: 15;
}
.copy{
    bottom: 10px;
    position: fixed;
    left: 10px;
    z-index: 15;
	font-family:'Gnuolane';
	font-weight:normal;
	font-size:12px;
}


.spacer{
	clear:both;	
	width:100%;	
	height:0;
}
.wrapper {
	width:960px;	
	height:auto;	
	margin:0 auto;	
	padding:0;
}
.controller {
	width:100%; 
	height:auto; 
	margin:0;	
	padding:0; 
	float:left;	
}
.header{
	width:100%;	
	height:80px;	
	float:left;	
	margin:0;	
	padding:0;
}
.logo{
	width:220px;
	height:80px;
	float:left;
	margin:0 10px;
}

/*:::::::::: NAVIGATION (MENU) ::::::::::*/
#smoothmenu1{
	width:660px;
	height:80px;
	float:left;
	margin:0 0 0 10px;
	background:url('../img/wbg.png') repeat;
	z-index:99;
	position:relative;
}
#smoothmenu1 ul{
	list-style-type:none;
}
ul.nav{
	margin:0;
	list-style-type:none;
	padding:0;
	width:100%;
}
ul.nav li{
	float:left;
	margin:25px 10px 0 30px;
	font-family:'Gnuolane';
	font-weight:normal;
	font-size:20px;
}
.ddsmoothmenu ul li{
    position: relative;
    display: inline;
    z-index: 9999 !important;
}
.ddsmoothmenu ul li ul{
    position: absolute;
    left: 0;
    display: none; /*collapse all sub menus to begin with*/
    visibility: hidden;
    background:url('../img/wbg.png') repeat;
}
ul.nav li a{
	text-decoration:none;
	color:#222;
}
ul.nav li ul li a{
	font-family:Arial;
	font-size:13px;
}
a.mobile-menu-button{
	display:none;
}
.header-hider{
	width:40px;
	height:80px;
	float:right;
	margin:0 10px 0 0;
	position:relative;
	z-index:99;
}
.header-hider a.hider{
	background:url('../img/controllers.png') no-repeat left top;
	width:100%;
	height:100%;
	display:block;
}
.header-hider a.opener{
	display:none;
	background:url('../img/controllers.png') no-repeat top right;
	width:100%;
	height:100%;
}

/*:::::::::: CONTENT ::::::::::*/
.content{
	width:100%;
	height:auto;
	float:left;
	margin:20px 0 0 0;
	padding:0;
	font-family:Arial;
	font-size:13px;
	z-index: 1;
}
.title-block{
	width:940px;
	height:80px;
	margin:0 10px 20px 10px;
	background:url('../img/wbg.png') repeat;
}
.title-block h3{
	margin:13px 0 0 20px;
	padding:0;
	font-size:45px;
	color:#222;
	float:left;
}
.content-hider{
	width:40px;
	height:80px;
	float:right;
	position:relative;
}
.content-hider a.c-hider{
	background:url('../img/controllers.png') no-repeat bottom left;
	width:100%;
	height:100%;
	display:block;
}
.content-hider a.c-opener{
	display:none;
	background:url('../img/controllers.png') no-repeat bottom right;
	width:100%;
	height:100%;
}

/*:::::::::: SOCIAL ICONS ::::::::::*/
.social-icons{
	height:100%;
	width:auto;
	float:right;
	margin:0 5px 0 0;
}
a.social-mobile{
	text-decoration:none;
	color:#eee;
	float:right;
	margin:22px 0;
	width:50px;
	text-align:center;
	display:none;
}
.social-icons a{
	text-decoration:none;
	width:30px;
	height:50px;
	display:block;
	float:left;
	margin:15px 10px 0 0;
	font-family:Arial, Helvetica, sans-serif;
}
.social-icons a.twitter{background:url('../img/icons/twitter.png') no-repeat center;}
.social-icons a.facebook{background:url('../img/icons/facebook.png') no-repeat center;}
.social-icons a.dribble{background:url('../img/icons/dribble.png') no-repeat center;}
.social-icons a.youtube{background:url('../img/icons/youtube.png') no-repeat center;}
.social-icons a.skype{background:url('../img/icons/skype.png') no-repeat center;}


/*:::::::: BLOG :::::::::*/
.blog-block{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 20px 0;
	padding:0;
	background:url('../img/wbg.png') repeat;
}
.blog-block img{
	width:100%;
	height:auto;
	margin:0;
}
.blog-block h3{
	margin:15px 20px 15px 20px;
	padding:0;
	color:#eee;
	font-size:24px;
}
.blog-block h3 a{
	color:#eee;
	text-decoration:none;
}
.blog-block h3 a:hover{
	color:#FFF;
}
.blog-block p{
	margin:0 20px 15px 20px;
	padding:0;
	color:#e5e5e5;
}
ul.slides p{
	margin:0;
	padding:5px 0;
	color:#eee;
}
ul.slides p span{
	padding:5px 20px;
}
.descrip{
	float:left;
	width:430px;
}
span.bottom-line{
	width:150px;
	height:auto;
	margin:20px 0;
	display:block;
	font-size:12px;
	float:right;
	border-left:1px solid #222222;
}
span.bottom-line span{
	margin:5px 10px 5px 20px;
	padding:0 0 0 20px;
	display:inline-block;
}
span.bottom-line a{
	text-decoration:none;
	color:#999999;
	padding:0 0 2px 0;
	background:url('../img/link-border-grey.png') repeat-x bottom;
}
span.bottom-line a:hover{
	color:#999999;
}
span.comment-link{background:url('../img/icon-comment.png') no-repeat left center;}
span.author-link{background:url('../img/icon-author.png') no-repeat left center;}
span.time-link{background:url('../img/icon-time.png') no-repeat left center;}
span.permalink-link{background:url('../img/icon-permalink.png') no-repeat left center;}

.vimeo-video{
	width:100%;
	height:350px;
}
.youtube-video{
	width:100%;
	height:370px;
}
.pager{
	width:100%;
	float:left;
	clear:both;
	margin:0 0 20px 0;
}
.pager a{
	width:60px;
	height:25px;
	display:block;
	float:left;
	padding:5px 0 0 0;
	margin:0 20px 0 0;
	text-align:center;
	background:url('../img/wbg.png') repeat;
	color:#999;
	text-decoration:none;
	font-size:12px;
}
.pager a:hover{
	color:#FFF;
}
.comment-block{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 20px 0;
	padding:0;
	background:url('../img/wbg.png') repeat;
}
.left-comments{
	margin:20px 20px 0 20px;
	float:left;
	clear:both;
	display:block
}
.left-comments img{
	width:60px;
	height:60px;
	margin:0 10px 5px 0;
}
.comment-block p{
	color:#999;
}
.left-comments a{
	color:#FFF;
	border-bottom:1px dotted #FFF;
	text-decoration:none;
}
.left-comments a:hover{
	color:#999;
	border-bottom:1px dotted #999;
}
.comment-block p span{
	font-size:11px;
	color:#484848;
}
.comment-block form{
	float:left;
	clear:both;
}
input.com-text{
	width:167px;
	height:24px;
	margin:20px 0 20px 20px;
	padding:3px 5px;
	background:#E5E5E5;
	color:#222;
}
.comment-block textarea{
	width:560px;
	height:130px;
	margin:0 0 20px 20px;
	background:#E5E5E5;
	color:#222;
	padding:10px;
	font-family:Arial;
	font-size:13px;
}
input.com-submit{
	background:#E5E5E5;
	border:1px solid #070707;
	margin:0 0 20px 20px;
	color:#222;
	padding:8px 20px;
	cursor:pointer;
	text-align:center;
}
input.com-submit:hover{
	color:#FFF;
}

/*:::::: CONTACT ::::::*/
.map{
	width:100%;
	height:300px;
}
a.send{
	background:#000;
	border:1px solid #070707;
	margin:0 0 20px 20px;
	color:#999;
	padding:8px 20px;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	float:left;
	clear:both;
}
a.send:hover{
	color:#FFF;
}
.alertMessage{
	margin:10px 0 20px 20px;
	color:#999;
}
.alertMessage ul{
	list-style-type:circle;
	margin:0 0 20px 20px;
	padding:0;
	color:#999;
}

/*:::::: ABOUT :::::::*/
.about-block{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 20px 0;
	padding:0;
	background:url('../img/wbg.png') repeat;
}

.about-block img{
	width:100%;
	height:auto;
	margin:0;
}
.about-block h3{
	margin:15px 20px 15px 20px;
	padding:0;
	color:#222;
	font-size:24px;
}
.about-block h3 a{
	color:#222;
	text-decoration:none;
}
.about-block h3 a:hover{
	color:#FFF;
}
.about-block p{
	margin:0 20px 15px 20px;
	padding:0;
	color:#222;
}
.section{
	margin:0 0 20px 0;
	float:left;
	clear:both;
}
.block{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 20px 0;
	padding:0;
	background:url('../img/wbg.png') repeat;
}
.block h3{
	margin:15px 20px 15px 20px;
	padding:0;
	color:#222;
	font-size:24px;
}
.block h3 a{
	color:#222;
	text-decoration:none;
}
.block h3 a:hover{
	color:#ddd;
}
.block p{
	margin:0 20px 15px 20px;
	padding:0;
	color:#e5e5e5;
}
.slides img{
	width:100%;
}
.errorPage{
	font-size:200px;
	color:#eee;
	margin:0 auto;
	text-align:center;
	font-family:'Gnuolane';
}
/*:::::: PORTFOLIO ::::::*/
#portfolio{
	width:100%;
}
.portfolio-list{
	margin:0;
	padding:0;
	width:960px;
	list-style-type:none;
	float:left;
	display:block;
}
.portfolio-list h3{
	margin:0;
	padding:7px 20px;
	background:#e5e5e5;
	font-size:16px;
}
.portfolio-list h3 a{
	text-decoration:none;
	color:#484848;
}
.portfolio-list h3 a:hover{
	color:#000;
}
.portfolio-4 img{
	width:100%;
}
.portfolio-4 h3{
	width:180px;
}

.viewport{
	position:relative;
	width:100%;
	height:138px;
	overflow:hidden;
}
.viewport span {
	display: none;
	font-size: 1.0em;
	font-weight: bold;
	height: 100%;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 100%;
	z-index: 100;
}
.viewport img {
	height: auto;
	position: relative;
	width: 100%;
}
.dark-background {
	background-color: rgba(01, 01, 01, 0.8);
	color: #fff;
	text-shadow: #000 0px 0px 20px;
}
.dark-background em {
	color: #ccc;
}
a.zoom{
	background:url(../img/zoom.png) no-repeat;
	width:20px;
	height:20px;
	display:block;
	float:left;
	margin:60px 0 0 70px;
}
a.more{
	
	width:20px;
	height:20px;
	display:block;
	float:left;
	margin:60px 0 0 40px;
}
a.img{
	position:relative;
	display:block;
	width:100%;
}
#portfolio-filter{
	list-style-type:none;
	margin:0 10px 10px 10px;
	padding:0;
	float:left;
	clear:both;
	width:940px;
}
#portfolio-filter li{
	float:left;
	margin:0;
	padding:0;
}
#portfolio-filter li a{
	margin:0 10px 10px 0;
	padding:8px 15px;
	text-decoration:none;
	color:#999999;
	display:block;
	background:#070707;
}
/*#portfolio-filter li a.current{
	color:#111;
	background:#e5e5e5;
}*/

/*:::::: Isotope filtering :::::::*/
.isotope-item {	z-index: 2;}
.isotope-hidden.isotope-item {	pointer-events: none;	z-index: 1;}
.isotope, .isotope .isotope-item {	-webkit-transition-duration: 0.7s;	-moz-transition-duration: 0.7s;	transition-duration: 0.7s;}
.isotope {-webkit-transition-property: height, width;	-moz-transition-property: height, width;	transition-property: height, width;}
.isotope .isotope-item {	-webkit-transition-property: -webkit-transform, opacity;	-moz-transition-property:-moz-transform, opacity;transition-property:transform, opacity;}

/*:::::: RIGHT SIDEBAR ::::::*/
.search-block{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	background:url('../img/wbg.png') repeat;
	padding:10px 0;
	margin:0 0 20px 0;
}
.search-block form{
	width:280px;
	height:40px;
	margin:0 10px;
	background:#070707;
	
}
.search-block input{
	margin:13px 0 0 10px;
	width:260px;
	background:none;
	border:none;
	color:#999;
	font-size:13px;
}
.right-block{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	background:url('../img/wbg.png') repeat;
	padding:0;
	margin:0 0 20px 0;
}
.right-block h3{
	font-size:24px;
	color:#484848;
	background:#e5e5e5;
	padding:10px 20px;
}
.right-block ul{
	list-style-type:none;
	padding:10px 0 5px 0;
}
.right-block ul.archive li{
	margin:10px 20px;
	padding:0 0 10px;
	color:#555;
}
.right-block ul.archive li a{
	color:#222;
	text-decoration:none;
	margin:0 10px 0 0;
	border-bottom:1px dotted #999;
	padding:0 0 2px 0;
}
.right-block ul.archive li a:hover{
	color:#333;
	border-bottom:1px dotted #fff;
}
.right-block ul.last-work{
	padding:0;
}
.right-block ul.last-work li{
	margin:20px 0 0 20px;
	padding:0;
}
.right-block ul.last-work li img{
	width:260px;
	height:100px;
}
.right-block p{
	color:#222;
	margin:20px;
}
.right-block p span{
	color:#FFF;
}

/*:::::::: FOOTER :::::::::*/
.footer{
	width:130px;
	height:35px;
	margin:0 0 0 415px;
	padding:0;
	position:fixed;
	bottom:0;
}
.mask {
	background: url('../img/overlay2.png') repeat;
	display: block;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -998;
}
.jp-play, .jp-pause{
	width: 22px;
	height: 20px;
	text-indent: -9999px;
	opacity: 1;
	z-index:999;
	position:relative;
	float:left;
	margin:6px 0 0 0;
}
.jp-pause{
	background:transparent url('../img/audio-on.png') no-repeat left center;
}
.jp-play{
	background:transparent url('../img/audio-off.png') no-repeat left center;
}
#jp_container_1{
	position:relative;
	float:left;
	margin:0;
}
#jquery_jplayer_1{
	width:0;
	display:none;
	float:left;
}
#video-wrap{
	position:fixed;
	left:0;
	top:0;
	z-index:-99;
}
@media only screen and (min-width: 768px) and (max-width: 959px){
.wrapper{
	width:750px;
}

#smoothmenu1{
	width:460px;
	margin:0;
}
ul.nav li{
	margin:25px 15px 0 15px;
	font-family:'Gnuolane';
	font-weight:normal;
	font-size:20px;
}
.title-block{
	width:730px;
}
.footer{
	width:160px;
	height:40px;
	margin:0 0 0 295px;
}
#controls-wrapper{
	width:150px;
}
#prevslide, #nextslide{
	width:30px;
	height:30px;
	margin:0;
	padding:5px 0 0 0;
	background-position:center;
}
#play-button{
	width:20px;
	height:30px;
	padding:12px 3px 0 12px;
	margin:0;
}
#controls{
	width:100px;
}
.jp-play, .jp-pause{
	width:20px;
	height:30px;
	padding:1px 5px 5px 5px;
	margin:0;
	background-position:center;
}
.column-2{
	width:410px;
}
.column-1{
	width:730px;
}
.column-5{
	margin: 0 15px 20px 15px;
}
input.com-text{
	width:360px;
	margin:20px 0 0 20px;
}
.comment-block textarea{
	width:350px;
	margin:20px 0 20px 20px;
}
.portfolio-list{
	width:750px;
}
#portfolio-filter{
	width:750px;
}
.youtube-video{
	width:100%;
	height:270px;
}
.descrip{
	width:410px;
}
span.bottom-line{
	width:410px;
	border:none;
	border-top:1px solid #222;
	padding:10px 0;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
.wrapper{
	width:470px;
}
.logo{
	margin:0;
}
#smoothmenu1{
	width:200px;
	margin:0 0 0 10px;
	height:80px;
	text-align:center;
}
#smoothmenu1 ul.nav{
	display:none;
	text-align:left;
	width:460px;
	background:url('../img/wbg.png') repeat;
}
#smoothmenu1 ul.menu-open, #smoothmenu1 ul.menu-open ul, #smoothmenu1 ul.menu-open ul ul{
	display:block;
}
#smoothmenu1 ul.menu-open{
	margin:-6px 0 0 -230px;
}
#smoothmenu1 ul.menu-open ul{
	background:none;
	margin:4px 0 0 0;
}
ul.nav{
	padding:10px 0 10px 0;
}
ul.nav li{
	margin:5px 15px 0 15px;
	float:none;
	display:block;
}
ul.nav li a{
	width:auto;
	display:block;
}
ul.nav li a:hover{
	text-decoration:underline;
}
ul.nav li ul{width:440px;}
ul.nav li ul ul{width:420px;}
ul.nav li ul ul ul{width:400px;}
ul.nav li ul ul ul ul{width:380px;}

a.mobile-menu-button{
	display:block;
	font-family:'Gnuolane';
	font-weight:normal;
	font-size:20px;
	text-decoration:none;
	color:#eee;
	padding:25px 0 31px 0;
	width:100%;
}
.header-hider{
	position:absolute;
	margin:0 0 0 420px;
}
.title-block{
	width:460px;
	margin:0 0 20px 0;
}
.social-icons{
	background:url('../img/wbg.png') repeat;
	position:absolute;
	height:auto;
	padding:0 13px 10px 13px;
	margin:80px 0 0 364px;
	z-index:999;
	display:none;
	float:right;
}
.open-social, a.social-mobile{display:block;}

.social-icons a{
	float:none;
	height:40px;
	margin:0;
}
.footer{
	width:160px;
	height:40px;
	margin:0 0 0 155px;
}
#controls-wrapper{
	width:150px;
}
#prevslide, #nextslide{
	width:30px;
	height:30px;
	margin:0;
	padding:5px 0 0 0;
	background-position:center;
}
#play-button{
	width:20px;
	height:30px;
	padding:12px 3px 0 12px;
	margin:0;
}
#controls{
	width:100px;
}
.jp-play, .jp-pause{
	width:20px;
	height:30px;
	padding:1px 5px 5px 5px;
	margin:0;
	background-position:center;
}
.column-2{
	width:460px;
	margin:0;
}
.column-4{
	width:460px;
	margin:0;
}
.column-1{
	width:460px;
	margin:0;
}
.column-5{
	margin:0 5px 20px 5px;
}
.right-block ul.last-work li{
	margin:20px 0 0 100px;
}
.search-block form{
	width:440px;
	
}
.search-block input{
	width:420px;
}
input.com-text{
	width:410px;
	margin:20px 0 0 20px;
}
.comment-block textarea{
	width:400px;
	margin:20px 0 20px 20px;
}
.portfolio-list{
	width:470px;
}
#portfolio-filter{
	width:470px;
	margin:0 0 10px 0;
}
.youtube-video{
	width:100%;
	height:300px;
}
.descrip{
	width:460px;
}
span.bottom-line{
	width:460px;
	border:none;
	border-top:1px solid #222;
	padding:10px 0;
}
}
@media only screen and (min-width: 200px) and (max-width: 479px){
.wrapper{
	width:300px;
}
.logo{
	margin:0;
}
#smoothmenu1{
	width:50px;
	margin:0;
}
#smoothmenu1 ul.nav{
	display:none;
	width:300px;
	background:url('../img/wbg.png') repeat;
}
#smoothmenu1 ul.menu-open, #smoothmenu1 ul.menu-open ul, #smoothmenu1 ul.menu-open ul ul{
	display:block;
}
#smoothmenu1 ul.menu-open{
	margin:-6px 0 0 -220px;
	padding:10px 0;
}
#smoothmenu1 ul.menu-open ul{
	background:none;
}
#smoothmenu1 ul li{
	float:none;
}
ul.nav li{
	margin:5px 0 0 0;
	padding:0 15px;
	display:block;
}
ul.nav li a{
	width:auto;
	display:block;
}
ul.nav li a:hover{
	text-decoration:underline;
}
ul.nav li ul{width:280px;}
ul.nav li ul ul{width:260px;}
ul.nav li ul ul ul{width:240px;}
ul.nav li ul ul ul ul{width:220px;}

a.mobile-menu-button{
	display:block;
	font-family:'Gnuolane';
	font-weight:normal;
	font-size:20px;
	text-decoration:none;
	color:#eee;
	padding:25px 0 31px 0;
	width:100%;
	text-align:center;
}
.header-hider{
	position:absolute;
	margin:0 0 0 270px;
	width:30px;
}
.title-block{
	width:300px;
	margin:0 0 20px 0;
}
.content-hider{
	width:30px;
}
.social-icons{
	background:url('../img/wbg.png') repeat;
	position:absolute;
	height:auto;
	padding:0 13px 10px 13px;
	margin:80px 0 0 214px;
	z-index:999;
	display:none;
}
.open-social, a.social-mobile{display:block;}

.social-icons a{
	float:none;
	height:40px;
	margin:0;
}
.footer{
	width:160px;
	height:40px;
	margin:0 0 0 70px;
}
#controls-wrapper{
	width:150px;
}
#prevslide, #nextslide{
	width:30px;
	height:30px;
	margin:0;
	padding:5px 0 0 0;
	background-position:center;
}
#play-button{
	width:20px;
	height:30px;
	padding:12px 3px 0 12px;
	margin:0;
}
#controls{
	width:100px;
}
.jp-play, .jp-pause{
	width:20px;
	height:30px;
	padding:1px 5px 5px 5px;
	margin:0;
	background-position:center;
}
.column-2{
	width:300px;
	margin:0;
}
.column-4{
	margin:0;
}
.column-1{
	width:100%;
	margin:0;
}
.column-5{
	margin:0 0 20px 40px;
}
input.com-text{
	width:250px;
	margin:20px 0 0 20px;
}
.comment-block textarea{
	width:240px;
	margin:20px 0 20px 20px;
}
.portfolio-list{
	width:300px;
}#portfolio-filter{
	width:300px;
	margin:0 0 10px 0;
}
.youtube-video{
	width:100%;
	height:235px;
}
.header-hider a.hider{
	background-position:-5px 0;
}
.header-hider a.opener{
	background-position:-45px 0;
}
.content-hider a.c-hider{
	background-position:-5px -80px;
}
.content-hider a.c-opener{
	background-position:-45px -80px;
}
.descrip{
	width:300px;
}
span.bottom-line{
	width:300px;
	border:none;
	border-top:1px solid #222;
	padding:10px 0;
}
}