/************************************************************************
*	Melle van der Wildt Photography Stylesheet							*
*	Created by Wiebe van der Wildt										*
*	V1.0 24/11/2015														*
************************************************************************/

/* General styles
--------------------------------------------------------- */
.hidden{

	visibility:hidden !important;
}
.visible{

	visibility:visible !important;
}
.add{

	display:block !important;
}
.remove{

	display:none !important;
}

/* Font styles
--------------------------------------------------------- */
@font-face {
  
  font-family: 'default';
  src: url(../Fonts/LuzSans_Book.ttf) format("truetype");
}

html{
	
	font-family: 'default';
}

/* Link styles
--------------------------------------------------------- */
a, a:visited{

	color:#808080; 
	text-decoration:none; 
	font-family: 'default'; 
	font-size:1em;	
	cursor:pointer;
}
a:hover {

	color:#808080;
}
a:active,a:focus{

	color:#808080;	
	position:relative; 
	top:1px;
}


/* Page layout styles [Body Wrapper Left Content Right]
--------------------------------------------------------- */
body{

	margin: 25px 5px 5px 25px;
}
article{

	display:table; 
	width:100%;
}                  
#m_phot_layouts{

	min-width:300px; 
	display:table-cell; 
	vertical-align:top; 
	padding:0 0 0 10px;
}                         
#m_phot_content {

	display:table-cell; 
	/*vertical-align:middle; 
	text-align:center;*/ 
	padding:0 0 20px; 
	width:90%; 
	margin:70px auto 0 auto;
}      
#m_phot_right{

	/*width:5%; */
	display:table-cell; 
	vertical-align:bottom; 
	text-align:right;
}  
#m_phot_view{

	width:95%;
}                                  

/* Logo styles
--------------------------------------------------------- */
#m_phot_logo{

	position:fixed;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Move styles below to seperate files */

/* Page styles
--------------------------------------------------------- */
.home, .contact, .about{margin-top:100px; min-height:300px; font-size:24pt}


/* Menu styles
--------------------------------------------------------- */
#m_phot_menu{

	position:fixed; 
	padding-top:100px;
}
#m_phot_menu ul{

	list-style-type: none;
	padding:0 0 30px 0;
}
#m_phot_menu ul li{

	line-height:2.5em;
}
#m_phot_menu .menu-category h3 {

	border:none; 
	color:#888; 
	font-size:1.2em; 
	font-weight:normal; 
	letter-spacing:0.1em; 
	line-height: 15px; 
	margin:0 0 5px; 
	padding:12px 0 0 0; 
	text-transform:capitalize;
}
#m_phot_menu .category-list{

	margin:0 0 10px; 
	padding:  0 10px;
}
#m_phot_menu_toggle{

	display:none;
}

/* Copyright styles
--------------------------------------------------------- */
/*aside#right span{-o-transform:rotate(90deg); writing-mode:vertical-lr; -ms-writing-mode:tb-lr; -webkit-writing-mode:vertical-lr; white-space:nowrap; font-size:12px;}*/


/* Slider styles
--------------------------------------------------------- */
.slider {

	margin-top:30px; 
	margin-bottom:10px; 
	position:relative;
}
.sliderMap{

	position:absolute; 
	left:0; 
	right:0; 
	margin:0 auto;
}
.sliderMap .area{

	display:block; 
	height:100%; 
	float:left;
}
.sliderMapLeft{

	width:25%; 
	cursor:url(Cursors/left_arrow.cur), url(../Cursors/left_arrow.cur), auto;
}
.sliderMapGrid{

	width:50%; cursor:url(Cursors/thumbnail_grid.cur), url(../Cursors/thumbnail_grid.cur), auto;
}
.sliderMapRight{

	width:25%; 
	cursor:url(Cursors/right_arrow.cur), url(../Cursors/right_arrow.cur), auto;
}

/* Gallery index styles
--------------------------------------------------------- */


/* Gallery styles
--------------------------------------------------------- */
.gallery {

	-webkit-column-count:6; 
	-moz-column-count:6; 
	column-count:6; 
	-webkit-column-gap:0px; 
	-moz-column-gap:0px; 
	column-gap:0px; 
	margin:auto; 
	line-height:0;
	/*width:93%;
	height:95%;*/
}

/* Image styles
--------------------------------------------------------- */
img:hover{

	cursor:pointer;
}
img[data-orientation=landscape]{

	max-width:1500px; 
	max-height:1000px;
}
img[data-orientation=portrait]{

	max-width:1000px; 
	max-height:1500px;
}

.image-frame{

	overflow:hidden; 
	margin:5px; 
	display:inline-block;
}
.gallery-image {

	width: 100%; 
	height:auto;
	/*border:solid 1px #f1f1f1;*/
}

#sliderImage{
	
	position:absolute; 
	left:0; 
	right:0; 
	margin:0 auto; 
	/*width:90%;*/
}
#m_phot_logo{

	z-index:99;
}
#m_phot_logo img{

	max-width:300px; 
	width:95%;
}

#m_phot_menu_toggle img{

	max-width:40px; 
	width:100%;
	padding-right:10px;
}

/* Footer styles
--------------------------------------------------------- */
footer{

	text-align:center; 
	color:#808080; 
	font-size:0.6em; 
	/*bottom:0px; position:absolute;*/
}