/*
Theme Name: Fashion Design
Description: Fashion Design Wordpress Theme is a unique custom designed fashion portfolio and blog template for creative web designers and fashion designers that require a high impact web presence. But this template can also be used for any other type of artistic portfolios ( photogprahy, art, web design).
Author: Design by Fatih Baytekin, Coded by Mahamat Sartbaev
Author URI: http://www.imperialthemes.com
Version: 1.0
Tags: fashion, design, custom post types, portfolio, showcase, models, red, fixed-width
*/

/* =Reset default browser CSS. 
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* ------------------------------------------------------- */

/* LAYOUT */

html,body{
	height:100%;
	background:#000;
/* \*/
	height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body{
	font:normal 11px/16px Tahoma, Arial, sans-serif;color:#333;
}
.clearfix:after {
    content:""; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* General styles */
a {text-decoration:none;color:#fff}

h1 {font:20px/28px Tahoma, Arial, sans-serif;color:#fff}
h2 {font:18px/26px Tahoma, Arial, sans-serif;color:#fff}
h3 {font:16px/24px Tahoma, Arial, sans-serif;color:#fff}
h4 {font:14px/22px Tahoma, Arial, sans-serif;color:#fff}
h5 {font:12px/20px Tahoma, Arial, sans-serif;color:#fff}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none!important}


/* Text elements */
p {
	margin-bottom: 12px;
}
ul {
	list-style: disc;
	margin: 0 0 12px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 12px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 18px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 12px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
	clear:both;
	white-space: pre;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}


/* =Images
-------------------------------------------------------------- */

#mainContent img {
	margin: 0;
	height: auto;
	max-width: 710px;
	width: auto;
}
#mainContent .attachment img {
	max-width: 680px;
}
#mainContent img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#mainContent img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#mainContent img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#mainContent img.alignleft,
#mainContent img.alignright,
#mainContent img.aligncenter {
	margin-bottom: 12px;
}
#mainContent .wp-caption {
	background: #000;
	color:#FFFFFF;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
#mainContent .wp-caption img {
	margin: 5px 5px 0;
}
#mainContent .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
#mainContent .wp-smiley {
	margin: 0;
}
#mainContent .gallery {
	margin: 0 auto 18px;
}
#mainContent .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#mainContent .gallery img {
	padding:0;
}
#mainContent .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#mainContent .gallery dl {
	margin: 0;
}

#mainContent .gallery br+br {
	display: none;
}
#mainContent .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

.image-frame {padding:5px;background:url(images/overlay80.png);}

.alignright {float:right}
.alignleft {float:left}
.aligncenter {float:none;margin-right:auto;margin-left:auto}
.clear {clear:both}

.padding5{padding:5px!important}
.padding10{padding:10px!important}
.padding15{padding:15px!important}
.padding20{padding:20px!important}

input{font:normal 11px Tahoma, Arial, sans-serif;color:#000}
select{font:normal 11px Tahoma, Arial, sans-serif;color:#000}
textarea{font:normal 11px Tahoma, Arial, sans-serif;color:#000}

/*general layout*/
#wrapper{
  position:relative;z-index:1;width:998px;margin:0 auto;
  min-height:100%;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapp\65	r{ /*** for Opera and Moz (and some others will see it, but NOT Safari) ***/
  height:auto; /*** For moz to stop it fixing height to 100% ***/
}
/* \*/
* html #wrapper{
  height:100%;
}

#content {margin:20px 0}
#mainContent{width:720px;padding-right:20px;float:left}
#sidebar {width:258px;float:left}
#footer{width:998px;height:107px;margin:0 auto;margin-top:-107px;position:relative;z-index:1}
#topbar {width:100%;height:5px;background:#000;position:absolute;top:0;left:0;z-index:100;overflow:hidden}
#bottombar{width:100%;height:5px;background:#000;position:relative;z-index:100;margin-top:-5px;overflow:hidden}
.footer_clear{height:107px}


/* shortcodes */
.dropcap1, .dropcap2 {
	float:left;
	overflow:hidden;
	text-align:center;
}

.dropcap1 {font-size:34px;height:34px;line-height:38px;width:30px;text-align:left;}
.dropcap2 {font-size:28px;height:38px;line-height:38px;width:38px;margin-right:7px;background:#fff;color:#000;text-shadow:none;
          -moz-border-radius:4px;-webkit-border-radius:4px;}

blockquote {font-style:italic;line-height:18px;margin:15px 0 15px 20px;}
blockquote.alignleft {float:left;margin:10px 10px 10px 0;width:200px;}
blockquote.alignright {float:right;margin:10px 0 10px 10px;width:200px;}

.one_half, .one_half_last {float:left;width:48%;margin:0 4% 18px 0;overflow:hidden;}
.one_half_last {margin:0 0 18px 0;}

.video_frame, .google_map{margin-bottom:10px}

/*background image*/
#background-img {position:fixed;top:0;left:0;z-index:1;width:100%;min-width:998px;min-height:840px}
#background_img_wrap{position:absolute;top:0;left:0;z-index:1;width:100%;overflow:hidden;}

/*background image changer*/
#bg_changer {z-index:10;margin-left:10px}
#bg_changer li{list-style:none;float:left;padding:0 5px 5px 0}

#bg_changer li a{position:relative;display:block}
#bg_changer li .overlay{position:absolute;top:0;left:0;background:url(images/bg_notactive.png) no-repeat;display:block;width:100px;height:100px;}
#bg_changer li a:hover .overlay{background:url(images/bg_active.png) no-repeat}

#bg_changer .bg_wrap{background:url(images/overlay80.png);padding:5px 0 0 100px}
#bg_changer .bg_top{background:url(images/overlay80.png);height:3px;overflow:hidden}
#bg_changer .bg_top span{display:block;width:70%;height:3px}
#bg_changer .header{margin-left:100px;font:20px/28px Tahoma, Arial, sans-serif;color:#fff;display:block;height:28px}
#bg_changer-lnk{margin-top:28px;width:10px;height:109px;background:#000;opacity:0.8;filter:Alpha(Opacity=80);z-index:10;cursor:pointer}

/*header style*/
#header{height:166px;}
#header .logo{float:left;margin-top:35px}
#header .search-box{float:right}

/*header search box*/
.search-box {margin-top:30px;padding:5px;background:#000;opacity: .8;filter:Alpha(Opacity=80)}
.search-box input {float:left;color:#a8a8a7;padding:4px 14px 6px;height:14px;border:1px solid #4f4f4e;border-width:1px 0 1px 1px;background:none}
.search-box #btn-submit {background:url(images/seach-box-btn.png) no-repeat;width:35px;height:26px;border-width:1px 1px 1px 0;cursor:pointer}
.search-box-right {display:none;position:absolute;left:998px;top:30px;background:#000;opacity: .8;filter:Alpha(Opacity=80);height:36px;z-index:100}
.search-box-clear{clear:both;height:29px}

/*primary navigation*/
#primary-nav {height:71px;position:relative;z-index:100} 
#primary-nav ul{margin:0} 
#primary-nav li{list-style:none;float:left;width:149px;height:59px;padding:12px 30px 0 20px;display:block;cursor:pointer}
#primary-nav li.last{background:none}
#primary-nav li span{display:block;margin-bottom:4px}
#primary-nav a{font-size:13px;color:#fff;cursor:pointer;display:block}
#primary-nav p{font-size:9px;line-height:11px}

/*primary navigation highlighted */
#primary-nav li.active{background:url(images/nav-li-active.png) repeat-x}
#primary-nav li.active a{color:#666}
#primary-nav li.active p{color:#a0a0a0}

/*models sub menu navigation */
.scroll-pane{position:absolute;top:71px;left:0;z-index:100}

#primary-nav .scroll-content {overflow:hidden;width:998px;position:relative;background:url(images/nav-li-active-sub.png) repeat-x;}
#primary-nav .scroll-content ul{background:url(images/nav-li-active-sub.png) repeat-x;height:101px;position:relative;display:block}
#primary-nav .scroll-content li{float:left;display:block;height:50px;background:none;padding:10px 10px 0 10px;width:310px}
#primary-nav .scroll-content li img{border:1px solid #fff;margin-right:15px;margin-top:0px;}
#primary-nav .scroll-content li a{font:9px/11px Tahoma, Arial, sans-serif;color:#919191;}
#primary-nav .scroll-content li a strong{font:13px/20px Tahoma, Arial, sans-serif;color:#666;font-weight:600;}
#primary-nav .scroll-content li a:hover span{text-decoration:underline}

.slider-wrap{width:884px;padding:0 57px;height:29px;background:url(images/slider-wrap.png) repeat-x;text-align:left;margin-top:-3px;}
.ui-slider{position:relative;}
.ui-slider-handle {position:absolute;top:0;width:114px;height:9px;cursor:pointer;margin-left:-57px;display:block}

#nav-below {clear:both}

/*general box content styles*/
#content {color:#969696;line-height:14px}
#content p strong{color:#fff}

.content-list {margin:20px 0}

#mainContent h1,
#mainContent h2,
#mainContent h3,
#mainContent h4,
#mainContent h5,
#mainContent h6 {
	margin-bottom:5px
}


#mainContent table {border: 1px solid #e7e7e7;margin: 0 -1px 24px 0;text-align: left;width: 100%;}
#mainContent tr th,
#mainContent thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#mainContent tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#mainContent tr.odd td {
	background: #f2f7fc;
}

.box {width:326px;height:527px;position:relative;overflow:hidden}
.box_wrap{position:absolute;bottom:0}
.box.box_aboutus {width:399px}
.box.box_aboutus .grey_box{padding:5px 5px 5px 15px}
.box.box_aboutus .scrollPane{height:517px}
.box.box_aboutus h1{ margin-top:8px}
.box.box_aboutus p{ margin-right:10px;}

.box.box_contact {width:399px}
.box.box_contact .grey_box{padding:15px 10px 10px;height:517px}

.box.alignleft{margin-right:10px}
.box_top {background:url(images/overlay80.png);height:3px;overflow:hidden}
.box_top span{display:block;width:200px;height:3px}
.box_thumb img{height:200px;overflow:hidden;margin-top:0px;display:block}
.box_footer a{background:url(images/box-footer.png) no-repeat 0 -23px;height:23px;display:block;width:326px;}
.box .grey_box {margin-bottom:0px; padding-bottom:13px;}

.grey_box {background:url(images/overlay80.png);padding:15px 20px 10px;margin-bottom:10px}
.grey_box h3{color:#d3d3d3}
.grey_box a{text-decoration:underline}

.red_box {background:url(images/redoverlay80.png);padding:15px 20px 10px;color:#eda2a7;margin-bottom:10px}
.red_box h3{color:#fadadb}
.red_box a{text-decoration:underline}

/*blog post style*/
.attachment-thumbnail {padding:0 20px 0 0}
.entry-utility a{text-decoration:none;color:#969696}
.entry-utility .entry-date{background:url(images/icon-entrydate.png) no-repeat 0 2px;padding:0 14px}
.entry-utility .cat-links {background:url(images/icon-tags.png) no-repeat 0 2px;padding:0 14px}
.entry-utility .tag-links {background:url(images/icon-tags.png) no-repeat 0 2px;padding:0 14px}
.entry-utility .comments-link {background:url(images/icon-comments.png) no-repeat;padding:0 16px}

.post-content {padding:5px}

.post-content .entry-content {padding:0 10px 5px;border-bottom:1px solid #363432;}
.post-content .entry-title{padding:10px 10px 0;}
.entry-author {padding:10px;border-bottom:1px solid #363432;}

.author-avatar {width:68px;margin-right:15px;float:left}
.author-detail {width:400px;float:left}
.author-displayname {font-size:20px;color:#636363;line-height:28px}
.entry-twitter {float:right;width:70px}

/*comments style*/
.h2comments, .commentsForm {font:20px/54px Tahoma, Arial, sans-serif; padding:0 10px; border-bottom:1px solid #363432;margin-bottom:5px}
.commentlist {margin:0}
.commentlist li{padding:16px 0 0 10px!important; list-style-type:none}
.commentlist .children {padding-left:83px}
.commentlist .children .children{padding-left:0}
.commentlist .children li{padding-left:0!important}
.commentlist .comment-detail{border-bottom:1px solid #363432;padding-bottom:10px}
.commentlist .comment-meta strong{font-size:20px;line-height:28px;color:#636363}
.commentlist .comment-reply-link{font-size:20px;line-height:28px;color:#636363;text-decoration:none}
.commentlist .comment-avatar{width:68px;margin-right:15px;float:left}
.commentlist .comment-detail{width:607px;float:left}
.commentlist .children .comment-detail{width:519px;float:left}
.commentlist .comment-text ul li{list-style:disc;padding:0!important}
.commentlist .comment-text ol li{list-style:decimal;padding:0!important}

.nopassword,.nocomments {display: none;}

.breadcrumb {height:38px;line-height:38px;border-bottom:1px solid #363432;margin:0 5px;padding:0 10px}
.breadcrumb a{background:url(images/icon-arrow.png) no-repeat center right;padding-right:16px;margin-right:10px}
.breadcrumb .comments-link {padding:0 0 0 16px}
.breadcrumb .comments-link a{background:none;padding:0;margin:0}

/*widget styles*/
.widget h2{font:20px/28px Tahoma, Arial, sans-serif;color:#fff;border-bottom:1px solid #838383;padding-left:9px;margin-bottom:5px}
.widget ul {padding-top:11px;margin-left:0}
.widget ul li{list-style-type:none!important;padding-left:10px!important;margin-bottom:8px}
.widget ul li a{background:#000;color:#858585;text-decoration:none;padding:2px 4px}
.widget ul li a:hover{text-decoration:none;padding:2px 4px}

.widget table{background:#000;color:#858585;width:90%;margin:0 auto}
.widget table caption{background:#000;color:#fff;line-height:20px}
.widget th, .widget td{padding:2px;text-align:center}

.widget_twitter ul{padding-top:0!important}
.widget_twitter li{margin-bottom:10px!important}
.widget_twitter li span{background:#000;color:#858585;text-decoration:none;padding:1px 0 1px 4px}
.widget_twitter li span a{text-decoration:none;padding:1px 4px}

/*home page content boxes hidden content style*/
.box.closed .box_top span{display:none}
.box.closed .box_thumb {height:100px;overflow:hidden;}
.box.closed .box_footer a{background-position:0 0}

/*models detail style*/
.models_info {position:absolute;bottom:0;left:0;z-index:10}
.models_info_top {background:url(images/arrow-up.png) no-repeat right;height:10px;margin-right:10px}
.models_info_wrap{background:#000;padding:15px 20px;opacity:0.8;filter:Alpha(Opacity=80)}

/*showcase list style*/
.showcase-list {margin:0}
.showcase-list li {float:left;margin:10px 10px 0 0;height:170px;position:relative;padding:0!important;list-style:none!important}
.showcase-list li.last {margin-right:0}
.showcase-list li p{background:#000;opacity:0.7;filter:Alpha(Opacity=70);position:absolute;bottom:0;left:0;margin-bottom:0;padding:6px 10px!important;color:#b6b5b4}
.showcase-list li a.playicon .image_overlay{cursor:pointer;position:absolute;width:100%;height:100%;overflow:hidden;top:0;left:0;background:url(images/image_overlay_play.png) no-repeat 50% 50%}

.catalog-list {margin:0}
.catalog-list li{float:left;list-style:none!important;padding:0!important;margin:0 2px 0 0}
.catalog-list a{display:block;padding:5px;background:#fff;color:#3c3e39;opacity:0.8;filter:Alpha(Opacity=80)}
.catalog-list .current-cat a{background:#000;color:#bdbebd;opacity:0.8;filter:Alpha(Opacity=80)}

/*form style*/
.form input{color:#a8a8a7;padding:5px 14px;height:14px;border:1px solid #4f4f4e;background:none;width:154px;margin-right:10px}
.form .error {background:url(images/redoverlay20.png)}
.form textarea{color:#a8a8a7;padding:5px 14px;border:1px solid #4f4f4e;background:none;width:300px;height:65px}
.form p {position:relative;float:left}
.form p.last input {margin-right:0}
.form label{display:inline;position:absolute;top:6px;left:14px}

.form-submit input{font-size:12px;height:33px;color:#fff;padding:0 15px 2px;border:0;cursor:pointer;width:auto}

/*styling for select list used in contact form */
.newListSelected {width:184px;margin-right:10px}
.newListSelected  .selectedTxt {padding:5px 14px;height:14px;border:1px solid #4f4f4e;cursor:pointer} 
.newListSelected .newList li{list-style:none!important;padding-left:0!important}
.newListSelected .newList li a{color:#a8a8a7;text-decoration:none;display:block;padding:5px 14px;height:14px;border:1px solid #4f4f4e;border-width:0 1px 1px 1px;white-space:nowrap}
.newListSelected .newList {position:absolute;width:100%;height:100px!important;z-index:9999;top:22px!important;overflow:auto!important}
.newListSelected .newList {left:-9999px;}

/*pagination*/
.pagination a{background:url(images/overlay80.png);line-height:20px;padding:0 5px;color:#acacab;display:block;float:left;}
.pagination a.active {background:url(images/paging_active.png) no-repeat;line-height:30px;width:12px;margin-top:-5px;margin-right:-5px;color:#f6a8ad}

/*tooltip style*/
#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #000;
	padding:3px 5px;
	opacity: 0.85;
	font-size:9px;
}
#tooltip h3, #tooltip div {margin:0;font-size:11px;padding:0;line-height:16px}

/*footer*/
.footer-nav {height:32px;width:998px}
.footer-nav ul{margin:0}
.footer-nav li{list-style:none;float:left}
.footer-nav li span{padding:0 20px 0;height:27px;line-height:27px}
.footer-nav span{display:block;font-size:9px}
.footer-nav li span:hover a, .footer-nav li.active span a{color:#fff}
.footer-nav li.last a{background:none}
.sIFR-alternate{display:none!important}
.footer-nav div{padding:0 20px 0 0;}
.footer-nav div a{height:27px;line-height:27px}

.icon-sound{float:left;background:url(images/soundon.gif) no-repeat right 9px;padding-right:15px;margin-right:40px;padding-top:1px}
.soundoff {background:url(images/soundoff.gif) no-repeat right 9px}
.icon-fscreen{float:left;background:url(images/icon-fscreen.png) no-repeat right 9px;padding-right:15px;padding-top:1px}

.copyright {background:url(images/city-siluette.png) no-repeat top right;height:95px;margin-top:-45px}
.copyright span {background:#000;opacity: .8;filter:Alpha(Opacity=80);color:#a2a2a0;padding:0 2px;position:absolute;right:0;bottom:30px}

/*footer social links*/
.social {margin:0}
.social {list-style:none;margin-top:20px}
.social li{float:left;margin-right:5px}

/*fixed position related style*/
.fixed-top /* position fixed Top */{position:fixed;bottom:auto;top:200px;}
.fixed-left /* position fixed Left */{position:fixed;right:auto;left:0px;}