@charset "utf-8";
/* CSS Document - CHANART.XYZ v.1.0*/

/*Background pattern from subtlepatterns.com*/
@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('/fonts/opensanshebrew-light-webfont.eot');
    src: url('/fonts/opensanshebrew-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensanshebrew-light-webfont.woff') format('woff'),
         url('/fonts/opensanshebrew-light-webfont.ttf') format('truetype'),
         url('/fonts/opensanshebrew-light-webfont.svg#open_sans_hebrewlight') format('svg');
    font-weight: 300;
    font-style: normal;

}




@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('fonts/opensanshebrew-lightitalic-webfont.eot');
    src: url('fonts/opensanshebrew-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensanshebrew-lightitalic-webfont.woff') format('woff'),
         url('fonts/opensanshebrew-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/opensanshebrew-lightitalic-webfont.svg#open_sans_hebrewlight_italic') format('svg');
    font-weight: 300;
    font-style: italic;

}

@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('fonts/opensanshebrew-regular-webfont.eot');
    src: url('fonts/opensanshebrew-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensanshebrew-regular-webfont.woff') format('woff'),
         url('fonts/opensanshebrew-regular-webfont.ttf') format('truetype'),
         url('fonts/opensanshebrew-regular-webfont.svg#open_sans_hebrewregular') format('svg');
    font-weight: 400;
    font-style: normal;

}


@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('fonts/opensanshebrew-italic-webfont.eot');
    src: url('fonts/opensanshebrew-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensanshebrew-italic-webfont.woff') format('woff'),
         url('fonts/opensanshebrew-italic-webfont.ttf') format('truetype'),
         url('fonts/opensanshebrew-italic-webfont.svg#open_sans_hebrewitalic') format('svg');
    font-weight: 400;
    font-style: italic;

}


@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('fonts/opensanshebrew-bold-webfont.eot');
    src: url('fonts/opensanshebrew-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensanshebrew-bold-webfont.woff') format('woff'),
         url('fonts/opensanshebrew-bold-webfont.ttf') format('truetype'),
         url('fonts/opensanshebrew-bold-webfont.svg#open_sans_hebrewbold') format('svg');
    font-weight: 700;
    font-style: normal;

}




@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('fonts/opensanshebrew-bolditalic-webfont.eot');
    src: url('fonts/opensanshebrew-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensanshebrew-bolditalic-webfont.woff') format('woff'),
         url('fonts/opensanshebrew-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensanshebrew-bolditalic-webfont.svg#open_sans_hebrewbold_italic') format('svg');
    font-weight: 700;
    font-style: italic;

}




@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('fonts/opensanshebrew-extrabold-webfont.eot');
    src: url('fonts/opensanshebrew-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensanshebrew-extrabold-webfont.woff') format('woff'),
         url('fonts/opensanshebrew-extrabold-webfont.ttf') format('truetype'),
         url('fonts/opensanshebrew-extrabold-webfont.svg#open_sans_hebrewextra_bold') format('svg');
    font-weight: 800;
    font-style: normal;

}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 4, 2014 */



@font-face {
    font-family: 'Open Sans Hebrew';
    src: url('fonts/opensanshebrew-extrabolditalic-webfont.eot');
    src: url('fonts/opensanshebrew-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensanshebrew-extrabolditalic-webfont.woff') format('woff'),
         url('fonts/opensanshebrew-extrabolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensanshebrew-extrabolditalic-webfont.svg#open_sans_hebrewXBdIt') format('svg');
    font-weight: 800;
    font-style: italic;

}
/*	===================================================
	RESET (based on normalize.css)
	==================================================*/
	
/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio, canvas, video {
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
 display: none;
}
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
	font-size: 62.5%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */
	/*height:100%;*/
}
/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html, button, input, select, textarea {
	font-family: sans-serif;
}
/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
	margin: 0;
	text-align:center;
	height:100%;
}
/* =============================================================================
   Links
   ============================================================================= */
a {
	text-decoration:none;
}
/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
	outline: thin dotted;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a: link, a:hover, a:active {
	outline: 0;
	text-decoration:none;
}
/* =============================================================================
   Typography
   ============================================================================= */

ul{
	margin:0;
	padding:0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b, strong {
	font-weight: bold;
}
blockquote {
	margin: 1em 40px;
}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre, code, kbd, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
	quotes: none;
}
/* 2 */

q:before, q:after {
	content: '';
	content: none;
}
small {
	font-size: 75%;
}
/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* =============================================================================
   Embedded content
   ============================================================================= */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
}
/*
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
	overflow: hidden;
}
/*	=============================================================================
	=============================================================================
	============================================================================= */
* {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

html, body {
	height:auto;
	min-height: 100%;
	margin:0;
	border:0;
	padding:0;
}
body {
	margin:0px;
	padding:0;
	background-color:#931515;
	text-align:left;
	background:url(media/pattern1.jpg);
}
.pages1 {
	background:#3e474b; /*#3c474b;#cccccc;#67666C;#959595*/
}
/*================== I N D E X =====================*/

#text1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:3.7rem;
	color:#666;
	font-weight:normal;
	margin-top:8%;
	text-align:center;
	letter-spacing:.5px;
}

#introImg {
	width:15%;
	max-width:270px;
	margin:0 auto;
	display:block;
	margin-top:6%;
	-webkit-box-shadow: 8px 8px 10px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 8px 8px 10px 2px rgba(0,0,0,0.75);
	box-shadow: 8px 8px 10px 2px rgba(0,0,0,0.75);
}

#textEnter {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.5rem;
	color:#666;
	font-weight:normal;
	letter-spacing:.5px;
	text-align:center;
	margin-top:4.5%;
}
#textEnter a {
	color:#666;
	transition: color 0.1s ease;
}
#textEnter a:hover {
	color:#484848;
	transition: color 0.1s ease;
}
.text3 {
	font-family: 'Open Sans', sans-serif;
	color:#666;
}
#confidential1 {
	font-size:1.9rem;
	text-align:center;
	margin-top:5%;
	font-weight:300;
}

/*================== P A G E 1 =====================*/

p#confidential1.confi2{
	font-size:1.5rem;
	font-weight:300;
	margin:0;
	position:absolute;
	right:3%;
	top:3%;
	width:15%;
	text-align:right;
	color:#B18F8F;/*#d0b1b1*/
}
#wrapper1 {
	width:100%;
	height:100%;
}
#show {
	margin:0 auto;
	margin-top:5%;
	max-width:42%;
	border:5px solid #3a3636;
	-webkit-box-shadow: 8px 8px 15px rgba(14,14,14,0.94);
	-moz-box-shadow: 8px 8px 15px rgba(14,14,14,0.94);
	box-shadow:8px 8px 15px rgba(14,14,14,0.94);
	position:relative;
}

.sliderInner > div {
	/*display:none !important;*/
	height:0;
}

#clownHair {
	background-image:url(media/clown18b.jpg);
}
#clownHair .inner{  /*.inner padding-top is always height/width*100 */
	padding-top:129.067%;
}
#nazi1 {
	background-image: url(media/Nazi_1_2_996.jpg);
}
#nazi1 .inner{
	padding-top:136.626%;
}
#blueField {
	background-image:url(media/_DSC0425_a.jpg);
}
#blueField .inner {
	padding-top:66%;
}
#david  {
	background-image:url(media/17a.jpg);
}
#david .inner {
	padding-top:135.867%;
}
#joodse {
	background-image: url(media/111a_750.jpg);
}
#joodse .inner {
	padding-top:133.467%;
}
#purpleTree {
	background-image:url(media/0438_b.jpg);
}
#purpleTree .inner {
	padding-top:68.058%;
}
#flags {
	background-image:url(media/156_srgb_750a.jpg);
}
#flags .inner {
	padding-top:135.333%;
}
#oi {
	background-image:url(media/103a_sRGB_750.jpg);
}
#oi .inner {
	padding-top:125.6%;
}
#emptyBlue {
	background-image:url(media/_DSC0456_a_sRGB_750.jpg);
}
#emptyBlue .inner {
	padding-top:66.726%;
}
#cutter {
	background-image:url(media/170b_sRGB_750b.jpg);
}
#cutter .inner {
	padding-top:127.333%;
}
#hostage {
	background-image:url(media/193a_sRGB_750b.jpg);
}
#hostage .inner {
	padding-top:132.533%
}
#slaughter {
	background-image:url(media/198b_sRGB_b_750.jpg);
}
#slaughter .inner {
	padding-top:132.533%;
}

#pic1:checked ~ #show #joodse, #pic2:checked ~ #show #purpleTree, #pic3:checked ~ #show #nazi1, #pic4:checked ~ #show #clownHair, #pic5:checked ~ #show #david, #pic6:checked ~ #show #blueField, #pic7:checked ~ #show #flags, #pic8:checked ~ #show #oi, #pic9:checked ~ #show #emptyBlue, #pic10:checked ~ #show #cutter, #pic11:checked ~ #show #hostage, #pic12:checked ~ #show #slaughter {
/*#pic1:checked ~ #show #nazi1, #pic2:checked ~ #show #clownHair, #pic3:checked ~ #show #david, #pic4:checked ~ #show #blueField, #pic5:checked ~ #show #purpleTree, #pic6:checked ~ #show #joodse {*/
	height:auto;
}
#pic2:checked ~ #show, #pic6:checked ~ #show, #pic9:checked ~ #show {
	margin-top:13%;
	max-width:48%;
}

#show div .inner {
	display:block;
	height:0;
}
#show .showDiv1 {
	width:50%;
	display:inline-block;
	vertical-align:middle;
	background-size:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	float:left;
}
.sliderInner {
	width:200%;
}
.sliderInner:after {
	content:"";
	display:table;
	clear:both;
}
#overflow {
	overflow:hidden;
	position:relative;
}
/*#pic1:checked ~ #show .sliderInner {
	margin-left:0;
}
#pic2:checked ~ #show .sliderInner {
	margin-left:-100%;
}*/
.cover {
	width:100%;
	height:100%;
	background:rgba(153,153,153,0);
	position:absolute;
	top:0;
	left:0;
}
#wrapper1 > input {
	display:none;
}
/*================controls=====================*/
#controls1 {
	/*max-width:42%;*/
	width:100%;
	height:50px;
	position:absolute;
	top:66%;
	background:rgba(234 23 52 0.5);
	margin:-6% auto;
}
#controls1 label {
	cursor:pointer;
	display:none;
	height:40px;
	width:40px;
	opacity:0.2;
	transition:opacity 0.2s ease-out 0s;
}
#pic1:checked ~ #controls1 label:nth-child(2), #pic2:checked ~ #controls1 label:nth-child(3), #pic3:checked ~ #controls1 label:nth-child(4), #pic4:checked ~ #controls1 label:nth-child(5), #pic5:checked ~ #controls1 label:nth-child(6), #pic6:checked ~ #controls1 label:nth-child(7), #pic7:checked ~ #controls1 label:nth-child(8), #pic8:checked ~ #controls1 label:nth-child(9), #pic9:checked ~ #controls1 label:nth-child(10), #pic10:checked ~ #controls1 label:nth-child(11), #pic11:checked ~ #controls1 label:nth-child(12), #pic12:checked ~ #controls1 label:nth-child(1) { /*forward*/
	background: rgba(0,0,0,0) url(media/next.png) no-repeat;
	display:block;
	float:right;
	margin:0 10% 0 0;
	background-size:contain;
	background-position:center;
}
#pic1:checked ~ #controls1 label:nth-child(12), #pic2:checked ~ #controls1 label:nth-child(1), #pic3:checked ~ #controls1 label:nth-child(2), #pic4:checked ~ #controls1 label:nth-child(3), #pic5:checked ~ #controls1 label:nth-child(4), #pic6:checked ~ #controls1 label:nth-child(5), #pic7:checked ~ #controls1 label:nth-child(6), #pic8:checked ~ #controls1 label:nth-child(7), #pic9:checked ~ #controls1 label:nth-child(8), #pic10:checked ~ #controls1 label:nth-child(9),
#pic11:checked ~ #controls1 label:nth-child(10), #pic12:checked ~ #controls1 label:nth-child(11) { /*backwards*/
	background: rgba(0,0,0,0) url(media/prev.png) no-repeat;
	display:block;
	float:left;
	margin:0 0 0 10%;
	background-size:contain;
	background-position:center;
}

#controls1 label:hover {
    opacity: 0.5;
}

#pic12:checked ~ #controls1 label:nth-child(1), #pic1:checked ~ #controls1 label:nth-child(12) {
	opacity:0.07;
	cursor:auto;
}

#picLabels {
	/*width:100%;
	margin:50px 0 30px 0;
	text-align:center;*/
	position:absolute;
	left:-40%;
	text-align:right;
	top:84%;
	width:30%
}
#picLabels label {
	opacity:0;
	display:none;
	color:#999696;/*#d5d5d5*/
	font-family:'Open Sans', sans-serif;
	font-size:1.4rem;
	font-weight:300;
	letter-spacing:.3px;
}
/*#pic1:checked ~ #picLabels label:nth-child(1), #pic2:checked ~ #picLabels label:nth-child(2), #pic3:checked ~ #picLabels label:nth-child(3), #pic4:checked ~ #picLabels label:nth-child(4), #pic5:checked ~ #picLabels label:nth-child(5), #pic6:checked ~ #picLabels label:nth-child(6) {*/
#pic1:checked ~ #show #picLabels label:nth-child(1), #pic2:checked ~ #show #picLabels label:nth-child(2), #pic3:checked ~ #show #picLabels label:nth-child(3), #pic4:checked ~ #show #picLabels label:nth-child(4), #pic5:checked ~ #show #picLabels label:nth-child(5), #pic6:checked ~ #show #picLabels label:nth-child(6), #pic7:checked ~ #show #picLabels label:nth-child(7), #pic8:checked ~ #show #picLabels label:nth-child(8), #pic9:checked ~ #show #picLabels label:nth-child(9), #pic10:checked ~ #show #picLabels label:nth-child(10), #pic11:checked ~ #show #picLabels label:nth-child(11), #pic12:checked ~ #show #picLabels label:nth-child(12) {
	opacity:1;
	transition:opacity .4s ease-out;
	display:inline-block;
}
.tec1 {
	color:#aaaaaa;/*#c1c1c1*/
	font-size:1.2rem;
	margin-top:10px;
	display:inline-block;
	letter-spacing:.2px;
}

/*======================nav==================*/
#nav1 {
	/*width:100%;
	padding-left:23%;
	margin:30px 0 30px 0;*/
	position:absolute;
	width:15%;
	top:3%;
	left:3%
}
#nav1 li {
	display:block;
	font-family:'Open Sans', sans-serif;
	font-size:1.8rem;
	font-weight:200;
	line-height:140%;
}
#nav1 li::after {
	color:#292929;
	content: "|";
	font-size:2.2rem;
	position:relative;
	left:1px;
	top:-1px;
}
.poems1 #nav1 li::after, .allPicsPage #nav1 li::after {
	color: #636363;
	content: "|";
}
#nav1 li a:link, #nav1 li a:visited {
	color:#000000; /*#292929; #545454*/
}
.poems1 #nav1 li a:link, .poems1 #nav1 li a:visited, .allPicsPage #nav1 li a:link, .allPicsPage #nav1 li a:visited {
	color:#666;
}
/*.poems1 #nav1 li, .allPicsPage #nav1 li {
	border-right: 1px solid #666;
}
*/#nav1 li.noBorderRight {
	border-right:0;
}
/*======================allpics=================*/

.allPicsPage {
	background: url(media/pattern1.jpg);
}
#allpics {
	width:100%;
	margin:134px auto 4%;
	min-height:500px;
	background-color:#c6c6c6;
	padding-top:30px;
	padding-bottom:30px;
	font-family:'Open Sans', sans-serif;
}

#allpicsTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 2.5rem;
    font-weight: normal;
    letter-spacing: 0.5px;
	position:absolute;
	color:#404040;
	display:inline-block;
	top:11px;
	margin-left:18%;
}
#allpics #content {
	width: 70%;
	margin:0 auto;
}
#allpics #content:after {
	content:"";
	display:table;
	clear:both;
}
#content .row1 {
	width:100%;
}
.row1 div {
	float:left;
	margin:0;
	border:0;
	padding:20px 15px 45px 15px;
}

.row1 div:nth-child(odd) {
	width:30%;
	text-align:right;
}
.row1 div:nth-child(even) {
	width:70%;
	border-left:1px solid #a6a6a6;
}
.row1 p {
	font-size:1.5rem;
	color:#666;
	padding-top:0;
	margin-top:10px;
}
.row1 a {
	vertical-align:top;
	margin-right:15px;
	margin-bottom:30px;
	border:1px solid #666;
	display:inline-block;
}
.row1 a img {
	display:block;
}
.row1 .poemTitle p a {
	border:none;
}
.poemTitle p a:link, .poemTitle p a:visited {
	color:#666;
	text-decoration:underline;
	font-family: 'Open Sans Hebrew', Tahoma, sans-serif;
	font-weight:bold;
}

/*================Poems===================*/

.poem1 {
	font-family: 'Open Sans Hebrew', Tahoma, sans-serif;
}
.poems1 {
	background: url(media/ricePaper2.png) repeat;
}
#poems {
	width:70%;
	min-height:600px;
	text-align:right;
	direction:rtl;
	font-family: "Alef", “Helvetica Neue”, Helvetica, Arial, sans-serif;
	padding:90px 8% 72px 8%;
}
#poems p {
	font-size:1.85rem;
	font-weight:400;
	margin-bottom:130px;
	line-height:150%;
}
#poems .pp2 {
	margin-right:100px;
}
#poems p.lessBelow {
	margin-bottom:30px;
}
#header2 {
	width:100%;
	height:134px;
	background:url(media/pattern1.jpg) repeat;
	-webkit-box-shadow: 0px 8px 12px rgba(14,14,14,0.94);
	-moz-box-shadow: 0px 8px 12px rgba(14,14,14,0.94);
	box-shadow:0px 8px 12px rgba(14,14,14,0.94);
}

/*================Words===================*/

.infoText {
	width:50%;
	margin:0 auto;
	padding-top:7%;
	font-family: "Open Sans", sans-serif;
	padding-bottom:5%;
	padding-left:50px;
}
.infoText h1 {
	font-size:3.5rem;
	font-weight:100;
	color:#d3d3d3;
}
.infoText p {
	font-size:1.8rem;
	line-height:160%;
	color:#a0a0a0;
	font-weight:500;
}
.infoText p a:link, .infoText p a:visited {
	color:#ccc;
	border:none;
	font-weight:100;
}
.infoText .goToWorks a:link, .infoText .goToWorks a:visited {
	color:#D7D3D7;
	font-weight:100;
	border-bottom:1px #d7d3d7 solid;
	font-style:italic;
	letter-spacing:.5px;
}

/*================Responsive===================*/
@media all and (min-aspect-ratio: 1360/760) {
	#show {
		max-width:31%;
		margin-top:3%;
	}
	#pic2:checked ~ #show, #pic6:checked ~ #show, #pic9:checked ~ #show {
		margin-top:7%;
	}
}

@media all and (min-aspect-ratio: 1101/750) and (max-aspect-ratio:1359/760) {
	#show {
		max-width:34%;
	}
	#pic2:checked ~ #show, #pic6:checked ~ #show, #pic9:checked ~ #show {
		max-width:40%;
	}
}
@media all and (min-aspect-ratio:7/6) and (max-aspect-ratio:1100/750) {
	#show {
		max-width:40%;
	}
	#pic2:checked ~ #show, #pic6:checked ~ #show, #pic9:checked ~ #show {
		max-width:46%;
	}
	#controls1 {
		top:62%;
	}
}
@media all and (max-aspect-ratio:7/6.1) {
	#show {
		max-width:55%;
	}
	#pic2:checked ~ #show, #pic6:checked ~ #show, #pic9:checked ~ #show {
		max-width:60%;
	}
}
@media all and (max-aspect-ratio:1/2) {
	#show {
		max-width:60%;
	}
}
@media all and (min-aspect-ratio:1/5) and (max-aspect-ratio:1/1) {
	#controls1 {
		top:40%;
	}
}
@media all and (min-aspect-ratio:1/1) and (max-aspect-ratio:7/6) {
	#controls1 {
		top:52%;
	}
}
@media all and (max-width:750px) {
	#nav1 {
		position:inherit;
		width:100%;
		top:0;
		margin: 20px 0 0 10px;
	}
	#nav1 li {
		display:inline-block;
	}
	#nav1 li a:link, #nav1 li a:visited {
		color: #3E3E3E;
	}
	p#confidential1.confi2 {
		position:inherit;
		width:100%;
		left:0;
		right:inherit;
		text-align:left;
		color: #6D4242;
		margin: 15px 0 0 10px;
	}
	#controls1 {
		position:inherit;
		top:0;
		margin-top:20px;
		margin-bottom:50px;
		width:50%;
	}
	#show {
		max-width:100%;
		border:none;
		box-shadow:none;
	}
	#pic2:checked ~ #show, #pic6:checked ~ #show, #pic9:checked ~ #show {
		max-width:100%;
		margin-top:5%;
	}
	#picLabels {
		position:inherit;
		text-align:left;
		top:0;
		width:100%;
		left:0;
		margin:15px 0 0 10px;
	}
	#picLabels label {
		color: #522A2A;
	}
	.tec1 {
		display:inline;
		color:#959595;
	}
	.pages1 {
		background-color:#B7B3B3;
	}
	.infoText {
		padding-left:20px;
		padding-right:20px;
		width:100%;
	}
	.infoText h1 {
		color:#F1F1F1;
	}
	.infoText p {
		color:#555555;
	}
	.infoText .toToWorks a:link, .infoText .goToWorks a:visited {
		color: #E2FF1B;
		border-bottom: 1px solid #E2FF1B;
	}
	#poems {
		width:100%;
	}
	.poems1 #nav1 {
		margin-top:0;
	}
	.poems1 #header2 {
		height:inherit;
		padding-bottom:20px;
	}
	.poems1 #allpicsTitle {
		position:inherit;
		margin-left: 10px;
	}
	.allPicsPage #allpicsTitle {
		display:block;
		position:inherit;
		margin-left:10px;
	}
	.allPicsPage p#confidential1.confi2 {
		margin-bottom:30px;
	}
	#allpics {
		margin:0;
	}
	#poems .pp2 {
		margin-right:inherit;
	}
	#introImg {
		width:100%;
	}
}