/* mobile styles */
/*@media handheld, only screen and (min-device-width: 320px) and (max-device-height: 640px) and (-webkit-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-height: 640px) and (-webkit-device-pixel-ratio: 3), only screen and (max-device-width: 480px) {*/
	@media all and (min-width:320px) and (max-width:480px) {

	html, body {
		margin:0;
		padding:0;
		width:100%;
		height:100%;
		background-image : url(/~kunoichi/kunoichi/ankh2.png);
		background-repeat : no-repeat;
		background-position: 95% 95%;
		background-attachment: fixed;
		background-color: #efece1;
		color: #000000;
		font-family: 'open_sansregular', Arial, Verdana, Helvetica, sans-serif;
		-webkit-text-size-adjust: none;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		}
	.container, .menubox, .maincontent {
		position:relative;
		width: device-width;
		height:100%;
		margin:0 auto;
		}
	.welcomeheader {
		position:static;
		width: 100%;
		overflow:hidden;
		padding:0;
		z-index:100;
		/*background-image : url(/~kunoichi/background.png);
		background-size: device-width;
		background-repeat: repeat;*/
		background-color: #DFDDD7;
		box-shadow: 2px 0 5px #999999;
		-moz-box-shadow: 2px 0 5px #999999;
		-webkit-box-shadow: 2px 0 5px #999999;
		}
	#maincontent{
		position:relative;
		/*width: device-width;
		top:190px;*/
		padding:20px;
		background-color:#efece1;
		border: solid 1px #dedede;
		box-shadow: 2px 2px 5px #999999;
		-moz-box-shadow: 2px 2px 5px #999999;
		-webkit-box-shadow: 2px 2px 5px #999999;
	}
	.scrollName {
		position:relative;
		padding-top:210px;
		margin-top:210px;
		z-index:0;
	}

	/* Social Buttons */
	.google1 {
		display: none;
		}
	.likefooter {
		display: none;
		}
	.buttons-home.facebook{
		display: none;
	}
	.buttons-home.google{
		display: none;
	}
	.buttons-home.twitter{
		display: none;
	}
	.buttons-home.pinterest{
		display: none;
	}
	.buttons-home.share{
		display: none;
	}

	/* Menu */
	.menubackground {
  		background: #1188ff;
		font-size: 90%; 
		}
	.menubox {
	 	font-size: 50%;
		padding:5px;
		overflow:hidden;
		height:41px;
		/*background-image : url(/~kunoichi/background.png);
		background-repeat: repeat;*/
		background-color: #DFDDD7;
		/*text-align: left;*/
		}
	.menubox a {
		display:inline-block;
		position:relative;
		width:15%;
		padding:12px 0 0;
		height:100%;
		background:#1188ff;
		text-align:center;
		-webkit-transition:background 0.3s ease;
		-moz-transition:background 0.3s ease;
		-o-transition:background 0.3s ease;
		transition:background 0.3s ease;
		box-shadow:5px 15px 25px 2px rgba(0,0,0,0.3);
		-moz-box-shadow:5px 15px 25px 2px rgba(0,0,0,0.3);
		-webkit-box-shadow:5px 15px 25px 2px rgba(0,0,0,0.3);
		/*background: #00664C;*/
		}
	.menubox a:hover,.menubox a:focus {
		background:#efece1;
		color:white;
		-webkit-transition:background 0.05s ease;
		-moz-transition:background 0.05s ease;
		-o-transition:background 0.05s ease;
		transition:background 0.05s ease
		}
	.home .menubox a.home,.snippets .menubox a.snippets,.page-template-page-snippet-cat-php .menubox a.snippets,.page-template-page-snippet-php .menubox a.snippets,.forums .menubox a.forums,.gallery .menubox a.gallery,.tax-gallerytags .menubox a.gallery,.post-type-archive-screenshot .menubox a.gallery,.single-screenshot .menubox a.gallery,.videos .menubox a.videos,.page-template-video-archive-php .menubox a.videos,.page-template-video-single-php .menubox a.videos,.almanac .menubox a.almanac,.page-template-page-almanac-group-php .menubox a.almanac,.page-template-page-almanac-single-php .menubox a.almanac,.demos .menubox a.demos,.page-template-page-downloads-php .menubox a.demos,.deals .menubox a.deals,.page-template-page-deals-php .menubox a.deals{background:#444;color:white}
	.menubox .show-hide-navigation {
		display:none
		}
	.menu {
		color: #FFFFFF; 
		text-decoration: none;
	 	text-shadow: 1px 1px 1px #666666;
		}
	a.menu:link { 
		color: #FFFFFF; 
		text-decoration: none;
	 	text-shadow: 1px 1px 1px #666666;
		}
	a.menu:visited {
		color: #FFFFFF; 
		text-decoration: none;
	 	text-shadow: 1px 1px 1px #666666;
		}
	a.menu:hover {
		color: #A82F2F; /* Red */
	 	text-shadow: 1px 1px 1px #CCCCCC;
		}

	/*.holdflip {
    position: relative;
	}

	#flip2container {
    position: relative;
	}
	#flip2container div {
    background:#A82F2F;
	}
	#flip2container div.lower {font-family: verdana, arial, sans-serif; background:#A82F2F;	}
	#flip2container div.lower h1 {font-size:20px; padding:0; margin:0; color:#fff; line-height:40px;}
	#flip2container div.lower p {font-size:11px; padding:0; margin:0; color:#eee; line-height:20px;}
	#flip2container div.lower a {font-size:14px; color:#ffcc00;}
	#flip2container div.lower {font-size:14px; color:#fff;}*/

	#flip2container div.lower {
		display:none 
	}

	#flip2container div.upper {
		display:none 
	}
	#flip2container div.upper img {
		display:none
	}

	#flip2container:hover div.lower {
		display:none
	}
	#flip2container:hover div.upper {
		display:none
	}

	/*iframe { display:none; }*/
	html,body        {height:100%;}
	.wrapper         {width:100%;height:100%;margin:0 auto;background:#CCC}
	.h_iframe        {position:relative;}
	.h_iframe .ratio {display:block;width:100%;height:auto;}
	.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

	.invisible {
	    display:none;
	}

	#imgresize {
		margin: 2em auto;
		max-width: device-width;
	}
	#imgresize img {
		display: block;
		margin: 0 auto;
		max-width: 100%;
		height: auto;
	}

	/* highlight colour */

	::selection {
	background:#ffcc00;
	color:#A82F2F;
	}

	::-moz-selection {
	background:#ffcc00;
	color:#A82F2F;
	}

	::-webkit-selection {
	background:#ffcc00;
	color:#A82F2F;
	}
}
