/*
Theme Name: This Way
Theme URI: http://www.renklibeyaz.com/thisway
Description: Full background Image and Video
Author: RenkliBeyaz - Salih Ozovali
Version: 1.7.0

Tags: Default

License:
License URI:

You can add your custom styles to this css file. This Way uses style_dark.php or style_light.php file for dynamic styles.

*/

.alignleft{
	float: left;
	margin: 10px;
	border: none;
}
	
.aligncenter {
	margin: 10px auto;
	display: block;
	border: none;
}

.alignright {
	float: right;
	margin: 10px;
	border: none;
}

.gallery-caption {}
.bypostauthor {}

.wp-caption { background: #fff; padding: 10px;}
.wp-caption-text { font-style: italic; font-size: 10px;}
.sticky { background: rgba(255,255,255,0.1);}

/* telmat */

#facebook {
    display: block;
    left: 52px;
    position: absolute;
    top: 20px;
}

#google {
    display: block;
    left: 82px;
    position: absolute;
    top: 20px;
}

#youtube {
    display: block;
    left: 114px;
    position: absolute;
    top: 20px;
}

#vimeo {
    display: block;
    left: 146px;
    position: absolute;
    top: 20px;
}

#instagram {
    display: block;
    left: 178px;
    position: absolute;
    top: 20px;
}

#skype {
    display: block;
    left: 210px;
    position: absolute;
    top: 20px;
}

#soundcloud {
    display: block;
    left: 242px;
    position: absolute;
    top: 20px;
}

#mail {
    display: block;
    left: 274px;
    position: absolute;
    top: 20px;
}

#audioControls {
    display: none;
    left: 82px;
    position: absolute;
    top: 20px;
}

/*Facebook*/
.facebookButton{
	-moz-transition: none;
	transition: none;
	-webkit-transition: none;
	-o-transition: none;
	
	-moz-transition: background 0.5s ease-in-out 0s;
	transition: background 0.5s ease-in-out;
	-webkit-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	cursor:pointer;
	display:block;
	width:26px;
	height:26px;
}
.facebookButton:link, .twButton:visited{
	border-radius:13px;
	background:url('images/social/new/facebook.png') 0 0 no-repeat;
}
#facebook .facebookContent{
	display:none;
	opacity:0;
	text-align:left;
	width:130px;
	padding:15px;
	background-color:#fff;
	border-radius:0 13px 13px 13px;
}
#facebook ul{list-style:none; position:relative; height:130px; overflow:hidden;}
#facebook ul li{padding-top:5px; color:#999; font-size:11px; position:absolute;}
#facebook ul{list-style:none;}
#facebook ul li span{
	display:block;
}

/*Google*/
.googleButton{
	-moz-transition: none;
	transition: none;
	-webkit-transition: none;
	-o-transition: none;
	
	-moz-transition: background 0.5s ease-in-out 0s;
	transition: background 0.5s ease-in-out;
	-webkit-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	cursor:pointer;
	display:block;
	width:26px;
	height:26px;
}
.googleButton:link, .twButton:visited{
	border-radius:13px;
	background:url('images/social/new/google.png') 0 0 no-repeat;
}
#google .googleContent{
	display:none;
	opacity:0;
	text-align:left;
	width:130px;
	padding:15px;
	background-color:#fff;
	border-radius:0 13px 13px 13px;
}
#google ul{list-style:none; position:relative; height:130px; overflow:hidden;}
#google ul li{padding-top:5px; color:#999; font-size:11px; position:absolute;}
#google ul{list-style:none;}
#google ul li span{
	display:block;
}

/*Youtube*/
.youtubeButton{
	-moz-transition: none;
	transition: none;
	-webkit-transition: none;
	-o-transition: none;
	
	-moz-transition: background 0.5s ease-in-out 0s;
	transition: background 0.5s ease-in-out;
	-webkit-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	cursor:pointer;
	display:block;
	width:26px;
	height:26px;
}
.youtubeButton:link, .twButton:visited{
	border-radius:13px;
	background:url('images/social/new/youtube.png') 0 0 no-repeat;
}
#youtube .youtubeContent{
	display:none;
	opacity:0;
	text-align:left;
	width:130px;
	padding:15px;
	background-color:#fff;
	border-radius:0 13px 13px 13px;
}
#youtube ul{list-style:none; position:relative; height:130px; overflow:hidden;}
#youtube ul li{padding-top:5px; color:#999; font-size:11px; position:absolute;}
#youtube ul{list-style:none;}
#youtube ul li span{
	display:block;
}

/*Vimeo*/
.vimeoButton{
	-moz-transition: none;
	transition: none;
	-webkit-transition: none;
	-o-transition: none;
	
	-moz-transition: background 0.5s ease-in-out 0s;
	transition: background 0.5s ease-in-out;
	-webkit-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	cursor:pointer;
	display:block;
	width:26px;
	height:26px;
}
.vimeoButton:link, .twButton:visited{
	border-radius:13px;
	background:url('images/social/new/vimeo.png') 0 0 no-repeat;
}
#vimeo .vimeoContent{
	display:none;
	opacity:0;
	text-align:left;
	width:130px;
	padding:15px;
	background-color:#fff;
	border-radius:0 13px 13px 13px;
}
#vimeo ul{list-style:none; position:relative; height:130px; overflow:hidden;}
#vimeo ul li{padding-top:5px; color:#999; font-size:11px; position:absolute;}
#vimeo ul{list-style:none;}
#vimeo ul li span{
	display:block;
}

/*Instagram*/
.instagramButton{
	-moz-transition: none;
	transition: none;
	-webkit-transition: none;
	-o-transition: none;
	
	-moz-transition: background 0.5s ease-in-out 0s;
	transition: background 0.5s ease-in-out;
	-webkit-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	cursor:pointer;
	display:block;
	width:26px;
	height:26px;
}
.instagramButton:link, .twButton:visited{
	border-radius:13px;
	background:url('images/social/new/instagram.png') 0 0 no-repeat;
}
#instagram .instagramContent{
	display:none;
	opacity:0;
	text-align:left;
	width:130px;
	padding:15px;
	background-color:#fff;
	border-radius:0 13px 13px 13px;
}
#instagram ul{list-style:none; position:relative; height:130px; overflow:hidden;}
#instagram ul li{padding-top:5px; color:#999; font-size:11px; position:absolute;}
#instagram ul{list-style:none;}
#instagram ul li span{
	display:block;
}

/*Skype*/
.skypeButton{
	-moz-transition: none;
	transition: none;
	-webkit-transition: none;
	-o-transition: none;
	
	-moz-transition: background 0.5s ease-in-out 0s;
	transition: background 0.5s ease-in-out;
	-webkit-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	cursor:pointer;
	display:block;
	width:26px;
	height:26px;
}
.skypeButton:link, .twButton:visited{
	border-radius:13px;
	background:url('images/social/new/skype.png') 0 0 no-repeat;
}
#skype .skypeContent{
	display:none;
	opacity:0;
	text-align:left;
	width:130px;
	padding:15px;
	background-color:#fff;
	border-radius:0 13px 13px 13px;
}
#skype ul{list-style:none; position:relative; height:130px; overflow:hidden;}
#skype ul li{padding-top:5px; color:#999; font-size:11px; position:absolute;}
#skype ul{list-style:none;}
#skype ul li span{
	display:block;
}

/*Soundcloud*/
.soundcloudButton{
	-moz-transition: none;
	transition: none;
	-webkit-transition: none;
	-o-transition: none;
	
	-moz-transition: background 0.5s ease-in-out 0s;
	transition: background 0.5s ease-in-out;
	-webkit-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	cursor:pointer;
	display:block;
	width:26px;
	height:26px;
}
.soundcloudButton:link, .twButton:visited{
	border-radius:13px;
	background:url('images/social/new/soundcloud.png') 0 0 no-repeat;
}
#soundcloud .soundcloudContent{
	display:none;
	opacity:0;
	text-align:left;
	width:130px;
	padding:15px;
	background-color:#fff;
	border-radius:0 13px 13px 13px;
}
#soundcloud ul{list-style:none; position:relative; height:130px; overflow:hidden;}
#soundcloud ul li{padding-top:5px; color:#999; font-size:11px; position:absolute;}
#soundcloud ul{list-style:none;}
#soundcloud ul li span{
	display:block;
}

/*Mail*/
.mailButton{
	-moz-transition: none;
	transition: none;
	-webkit-transition: none;
	-o-transition: none;
	
	-moz-transition: background 0.5s ease-in-out 0s;
	transition: background 0.5s ease-in-out;
	-webkit-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	cursor:pointer;
	display:block;
	width:26px;
	height:26px;
}
.mailButton:link, .twButton:visited{
	border-radius:13px;
	background:url('images/social/new/mail.png') 0 0 no-repeat;
}
#mail .mailContent{
	display:none;
	opacity:0;
	text-align:left;
	width:130px;
	padding:15px;
	background-color:#fff;
	border-radius:0 13px 13px 13px;
}
#mail ul{list-style:none; position:relative; height:130px; overflow:hidden;}
#mail ul li{padding-top:5px; color:#999; font-size:11px; position:absolute;}
#mail ul{list-style:none;}
#mail ul li span{
	display:block;
}