/* CSS Document */

/*  
Name: itakephotos2015 based on greyisgood
URL: http://itakephotos.eu/style2015.css
Description: itakephotos
Version: 1
Author: mjc
Author URI: http://itakephotos.eu
*/

@font-face{font-family:'MisoLight';src:url('fontface/miso/miso-light-webfont.eot');src:local('?'), url('fontface/miso/miso-light-webfont.woff') format('woff'), url('fontface/miso/miso-light-webfont.ttf') format('truetype'), url('fontface/miso/miso-light-webfont.svg#webfontF29MFFwu') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'MisoRegular';src:url('fontface/miso/miso-webfont.eot');src:local('?'), url('fontface/miso/miso-webfont.woff') format('woff'), url('fontface/miso/miso-webfont.ttf') format('truetype'), url('fontface/miso/miso-webfont.svg#webfontA4ZOCCxS') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'MisoBold';src:url('fontface/miso/miso-bold-webfont.eot');src:local('?'), url('fontface/miso/miso-bold-webfont.woff') format('woff'), url('fontface/miso/miso-bold-webfont.ttf') format('truetype'), url('fontface/miso/miso-bold-webfont.svg#webfontWPKh07R7') format('svg');font-weight:normal;font-style:normal;}

body{background-color:#eee;color:#777;font-size:1.2em;letter-spacing:0.08em;line-height:1.2em;font-family:'MisoLight', 'MisoRegular', Arial, sans-serif;text-decoration:none;margin:30px;}

#wrap{width:100%;margin:0;padding:0;}
#content{background:transparent;float:left;width:100%;margin:0 auto;padding:0;}

#header{float:left;width:100%;margin:0;padding:0 30px 0 0;clear:both;z-index: 1;}

h1{color:#eee;font:28px/35px 'MisoRegular', Arial, sans-serif;letter-spacing:0;}
h1 a{color:#eee;font:28px/35px 'MisoRegular', Arial, sans-serif;letter-spacing:0;}
h1 a:visited{color:#eee;font:28px/35px 'MisoRegular', Arial, sans-serif;letter-spacing:0;}


img {max-width:100%;border:0;padding:1px;}

a,a:link,a:active,a:visited{font-family:'MisoRegular', arial;color:#000;text-decoration:none;background-color:none;}
a:hover,#pages a:hover,#header a:hover,#pages a:hover,#notes a:hover,#shows a:hover{font-family:'MisoRegular', arial;text-decoration:none;color:#000;background-color:none;border-bottom:#000 2px solid;}
#foot a,#foot a:link,#foot a:active,#foot a:visited{font-family:'MisoLight', arial;color:#000;text-decoration:none;background-color:none;}
#foot a:hover{font-family:'MisoLight', arial;text-decoration:none;color:#000;background-color:none;border-bottom:#000 2px solid;}


#foot{padding:0;height:auto;width:100%;left:0;float:left;margin:220px 4px 22px 0;}
#box{padding:0px;height:auto;width:900px;max-width:100%;float:left;background-color:none;margin:60px 0;clear:both;color:#000;}



/* STRUCTURE */


#header{position:fixed;}



/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#wrap {
		width: 94%;
	}


	#header{position:fixed;}
}

/* for 700px or less */
@media screen and (max-width: 600px) {

	
	
	#header{position:relative;}
	
	 #notes,#boxextrapic,#notespage{
		display: none;
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {

	#header{position:relative;}

	

}