/* 
 * 			Filename:			maintheme
 * 			Date Created:	17.07.2012
 *			Author:				Ozgur Akbaba (DGMND)
 *			Description:		www.ezgiasaroglu.com.tr main stylesheet file
 */


/* @font face decleration */
@font-face {
    font-family: 'FuturaCom-Medium';
    src: url('fonts/futuracom-medium.eot');
    src: url('fonts/futuracom-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/futuracom-medium.woff') format('woff'),
         url('fonts/futuracom-medium.ttf') format('truetype'),
         url('fonts/futuracom-medium.svg#futuracom-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaCom-Bold';
    src: url('fonts/futuracom-bold.eot');
    src: url('fonts/futuracom-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/futuracom-bold.woff') format('woff'),
         url('fonts/futuracom-bold.ttf') format('truetype'),
         url('fonts/futuracom-bold.svg#futuracom-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaCom-Book';
    src: url('futuracom-book.eot');
    src: url('futuracom-book.eot?#iefix') format('embedded-opentype'),
         url('futuracom-book.woff') format('woff'),
         url('futuracom-book.ttf') format('truetype'),
         url('futuracom-book.svg#futuracom-book') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* general index style */
body{
	margin:0;
	padding:0;
	background: #FFF;
}

#hype-container {
	position:absolute;
	top: 50%;
	left: 50%;
	width:860px;
	height:590px;
	margin-top: -295px; /*set to a negative number 1/2 of your height*/
	margin-left: -430px; /*set to a negative number 1/2 of your width*/
	background-color: #FFF;
}

#wrapper {
	position:absolute;
	top: 50%;
	left: 50%;
	width:850px;
	height:590px;
	margin-top: -295px; /*set to a negative number 1/2 of your height*/
	margin-left: -425px; /*set to a negative number 1/2 of your width*/
	background-color: #FFF;
}

#content-wrapper {
	position:relative; 
	overflow:hidden;
	width:852px;
	height:600px;
}

#header {
	position:relative; 
	overflow:hidden;
	padding-top:6px;
	width:850px;
	height:40px;
	text-align:left;
	vertical-align:central;
}

.header_logo {
	padding-top:8px;
	border:0;
}

.social_panel {
	border:0;
	float:right;
	right:0;
	bottom:34px;
	position:absolute;
	vertical-align:middle;
}

.social-message {
	font-family:'FuturaCom-Medium';
	font-size:12px;
	color:#9a9a9a;
}


#footer {
	position:relative; 
	overflow:hidden;
	width:850px;
	height:60px;
	text-align:center;
	vertical-align:top;
}

/* @content holder definitions */

#home-content-holder {
	position:relative; 
	overflow:hidden;
	width:850px;
	height:500px;
	text-align:left;
	vertical-align:top;
	background:url(images/background/bg_home.jpg) no-repeat top left;
	border:#000 1px solid;
}

#contact-content-holder {
	position:relative; 
	overflow:hidden;
	width:850px;
	height:500px;
	text-align:left;
	vertical-align:top;
	background:url(images/background/bg_contact.jpg) no-repeat top left;
	border:#000 1px solid;
}

#filmography-content-holder {
	position:relative; 
	overflow:hidden;
	width:850px;
	height:500px;
	text-align:left;
	vertical-align:top;
	background:url(images/background/bg_film.jpg) no-repeat top left;
	border:#000 1px solid;
}

#links-content-holder {
	position:relative; 
	overflow:hidden;
	width:850px;
	height:500px;
	text-align:left;
	vertical-align:top;
	background:url(images/background/bg_links.jpg) no-repeat top left;
	border:#000 1px solid;
}

#photos-content-holder {
	position:relative; 
	overflow:hidden;
	width:850px;
	height:500px;
	text-align:left;
	vertical-align:top;
	background:url(images/background/bg_videos.jpg) no-repeat top left;
	border:#000 1px solid;
}

#videos-content-holder {
	position:relative; 
	overflow:hidden;
	width:850px;
	height:500px;
	text-align:left;
	vertical-align:top;
	background:url(images/background/bg_videos.jpg) no-repeat top left;
	border:#000 1px solid;
}

#content-holder-extended {
	position:relative; 
	overflow:hidden;
	width:850px;
	height:500px;
	text-align:left;
	vertical-align:top;
	top:30px;
	left:9px;
}

#content-holder-extended-photos {
	position:relative; 
	overflow:hidden;
	width:850px;
	height:500px;
	text-align:left;
	vertical-align:top;
	top:30px;
	left:8px;
}

#content-holder-extended-photos h2 {
	font-family:'FuturaCom-Medium';
	color:#7a7a7a;
	font-size:15px;
	padding-left:10px;
}

#content-holder-extended h1{
	font-family:'FuturaCom-Medium';
	color:#3a3a3a;
	font-size:13px;
	line-height:10px;
}

#content-holder-extended h2 {
	font-family:'FuturaCom-Medium';
	color:#7a7a7a;
	font-size:15px;
	padding-left:2px;
}

#content-holder-extended span{
	font-family:'FuturaCom-Medium';
	color:#7a7a7a;
	font-size:13px;
	line-height:17px;
}

#content-holder-extended a{
	text-decoration:none;
	opacity:0.8;
}

#content-holder-extended a:hover{
	text-decoration:none;
	opacity:1;
}

#press-content-holder {
	position:relative; 
	overflow:hidden;
	width:850px;
	height:500px;
	text-align:left;
	vertical-align:top;
	background:url(images/background/bg_press.jpg) no-repeat top left;
	border:#000 1px solid;
}


/* @content holder */
#content-holder {
	position:relative; 
	overflow:hidden;
	width:845px;
	height:405px;
	text-align:left;
	vertical-align:top;
	top:30px;
	left:9px;
}

#content-holder h1{
	font-family:'FuturaCom-Medium';
	color:#7a7a7a;
	font-size:15px;
}

#content-holder span{
	font-family:'FuturaCom-Medium';
	color:#7a7a7a;
	font-size:13px;
}

#photos-menu {
	position:relative;
	list-style:none;
	font-family:'FuturaCom-Medium';
	color:#7a7a7a;
	font-size:12px;
	text-decoration:none;
	padding-top:30px;
}
#photos-menu li {
	position:relative;
	float:left;
	background: none;
	padding: 0;
	margin: 1px;
}

/* @content-holder-side-a  (right aligned)*/
#content-holder-side-a {
	position:relative; 
	overflow:hidden;
	width:385px;
	height:500px;
	text-align:left;
	vertical-align:top;
	top:75px;
	left:465px;
}

#content-holder-side-a h1{
	font-family:'FuturaCom-Medium';
	color:#7a7a7a;
	font-size:15px;
}

.content-holder-side-a-h2{
	font-family:'FuturaCom-Medium';
	color:#cbcbcb;
	font-size:15px;
}

/* @news-holder */
#news-holder {
	position:relative; 
	overflow:hidden;
	width:360px;
	height:310px;
	text-align:left;
	vertical-align:top;
	overflow:auto;
	top:40px;
	left:20px;
	float:left;
}

#news-holder h1{
	font-family:'FuturaCom-Medium';
	color:#3a3a3a;
	font-size:14px;
}

#news-holder span{
	font-family:'FuturaCom-Medium';
	color:#7a7a7a;
	font-size:13px;
}

#news-holder a{
	opacity:0.8;
}

#news-holder a:hover{
	opacity:1;
}

.news-txt-a {
	font-family:'FuturaCom-Medium';
	color:#8a8a8a;
	font-size:13px;
	text-decoration:none;
}

.news-txt-a:hover {
	font-family:'FuturaCom-Medium';
	color:#4a4a4a;
	font-size:13px;
	text-decoration:none;
}

/* @oress-holder */
#press-holder {
	position:relative; 
	overflow:hidden;
	width:360px;
	height:385px;
	text-align:left;
	vertical-align:top;
	top:40px;
	left:20px;
	float:left;
}

#press-holder h1{
	font-family:'FuturaCom-Medium';
	color:#3a3a3a;
	font-size:14px;
}

#press-holder span{
	font-family:'FuturaCom-Medium';
	color:#7a7a7a;
	font-size:13px;
}

/* @links-holder */
#links-holder {
	position:relative; 
	overflow:hidden;
	width:360px;
	height:385px;
	text-align:left;
	vertical-align:top;
	top:40px;
	left:20px;
	float:left;
}

/* @contact-holder */
#contact-holder {
	position:relative; 
	overflow:hidden;
	width:360px;
	height:385px;
	text-align:left;
	vertical-align:top;
	top:40px;
	left:20px;
	float:left;
}

#contact-holder h1{
	font-family:'FuturaCom-Medium';
	color:#333;
	font-size:15px;
	font-weight:normal;
}

#contact-holder span{
	font-family:'FuturaCom-Medium';
	color:#7a7a7a;
	font-size:14px;	
}

#contact-holder a{
	opacity:0.8;
}

#contact-holder a:hover{
	opacity:1;
}

.contact-txt {
	font-family:'FuturaCom-Medium';
	color:#aeaeae;
	font-size:13px;
	text-decoration:none;
	line-height:17px;
}

.contact-txt-a {
	font-family:'FuturaCom-Medium';
	color:#e3e3e3;
	font-size:13px;
	text-decoration:none;
}

.contact-txt-a:hover {
	font-family:'FuturaCom-Medium';
	color:#7a7a7a;
	font-size:13px;
	text-decoration:none;
}


/* @filmography list declaration */

/* @filmogprahy-holder */
#filmography-holder {
	position:relative; 
	overflow:hidden;
	width:365px;
	height:385px;
	text-align:left;
	vertical-align:top;
	top:40px;
	left:20px;
	float:left;
}

#filmography-menu {
	position:relative;
	list-style:none;
	text-decoration:none;
	text-align:center;
	width:365px;
}
#filmography-menu li {
	position:relative;
	float:left;
	background: none;
}

.filmography-menu-date {
	font-family:'FuturaCom-Medium';
	font-size:14px;
	color:#000;
}

.filmography-menu-sign {
	font-family:'FuturaCom-Medium';
	font-size:11px;
	color:#000;
}

.filmography-message {
	font-family:'FuturaCom-Medium';
	font-size:12px;
	color:#000;
}

.filmography-menu-moviename {
	font-family:'FuturaCom-Medium';
	color:#7a7a7a;
	font-size:14px;
}

#filmography-holder a {
	font-family:'FuturaCom-Medium';
	font-size:12px;
	color:#3a3a3a;
	text-decoration:none;
}

#filmography-holder a:hover {
	font-family:'FuturaCom-Medium';
	font-size:12px;
	color:#7a7a7a;
	text-decoration:none;
}

/* @menu declaration */

#footer-menu {
	position:relative;
	list-style:none;
	font-family:'FuturaCom-Medium';
	color:#7a7a7a;
	font-size:12px;
	text-decoration:none;
	padding-top:9px;
	text-align:center;
	left:175px;
}
#footer-menu li {
	position:relative;
	float:left;
	background: none;
	padding: 0;
	margin-left: 30px;
}
#footer-menu li a {
	display:block;
	text-decoration:none;
	color:#7a7a7a;
}
#footer-menu li.active a {
	padding: 0 0 2px 0;
	border-bottom: 2px solid #cecfcf;
	text-decoration:underline;
}
#footer-menu li.focus a {
	padding: 0 0 2px 0;
	border-bottom: 2px solid #cecfcf;
	text-decoration:underline;
}
#footer-menu li a:hover {
	text-decoration:underline;
	color:#3a3a3a;
}
#footer-menu li a:active {
	text-decoration:underline;
	color:#3a3a3a;

}
#footer-menu li a:focus {
	text-decoration:underline;
	color:#3a3a3a;
}

.current {
	text-decoration:underline;
	color:#3a3a3a;
}

#footer-spacer {
	width:760px;
	padding-top:10px;
	padding-left:40px;
}

#footer-spacer hr{
	color:#7a7a7a;
	opacity:0.5;
}

#footer-copyright {
	position:relative;
	z-index:1;
	text-align:center;
}

#footer-copyright span {
	font-family:'FuturaCom-Medium';
	color:#CCC;
	font-size:10px;
	text-decoration:none;
}

.ie7 body{
	overflow:hidden;
}
a{
	color: #333;
	text-decoration: none;
}
.container{
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}


/* Media Queries */
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

.img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}