@import url("style_inserttangents_2.css");
*{
    /*margin:50; this is the margin for blockquotes  >>> for some reason this number was causing problems in firefox so I took it away. I don't know what it does*/
    padding:0;
}



#text {margin:50px auto; width:500px}
.hotspot {color:#666; padding-bottom:1px; border-bottom:0px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:/*url(images/tt_left.gif)*/ top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:/*url(images/tt_top.gif)*/ top right no-repeat; /*overflow:hidden*/}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; /*overflow:hidden*/}

body{
	background:#fff;
	font-family:"Century Gothic", Arial, Helvetica;
	font: 11px/1.5
	font-style: normal;
	
	/*letter-spacing:-1px;*/
	width:79000px;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
}

/*you can't add a style width to the 'p', otherwise the arrangement off all your images will get thrown off*/
/*right now the .black style controls the text with no 'paragraph' style assignment*/

.swipe{
	position: relative;
    /*left: -50px;*/
	float:left;
	border: 1px solid blue;
	width:300px;
	height:800px;
	/*-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);*/
	/*transform-origin: center;*/
	
}

h1{
	margin:50px 0px 30px 50px;
	font-size: 24px;
	color: #999;
	line-height: 1.0;
}

h2{
	margin:50px 0px 30px 50px;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	font-style: italic;
}

.underwater{
	float:left;
	border: 0px solid blue;
	width:200px;
	position: relative;
	/*height:800px;*/
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.vertical-test{
	float:right;
	width: 200px;
	height: 400px;
	border: 0px solid red;
	/*-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	transform-origin: center;*/
}

.vertical-test2{
	float:right;
	width: 220px;
	height: 400px;
	border: 0px solid green;
	/*-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	transform-origin: center;*/
}

a:focus, a:active{
    color:#ff5500; /*different color than regular*/
	position: relative;
}
input[type=submit]:focus, input[type=submit]:active{
    background-color:#444; /*different color than regular*/
}

a img {outline : none;}

img {border : 0;}

object, embed { 
  outline: 0;
}

/* unvisited link */
a:link {
	color: #09C;
}

/* visited link */
a:visited {
	color: #069;
}

/* mouse over link */
a:hover {
	color: #F90;
}

/* selected link */
a:active {
	color: #F90;
}

.section_new{
    margin:15px;
    bottom:0px;
    width:600px;
    float:left;
    height:2000px;
}

.inflexions_nav{
	margin:15px;
	width:100px;
	float:left;
	height: 100%;
}

.crevace{
	float: left;
	height:100%;
}
.danishsneak{
	width:10px;
}

.sunken {
	background: url(../images/sunken.jpg) no-repeat top left;
}
	

.papercut_1{
	background: url(../images/lifting_whiteningc.jpg) no-repeat top right;
	width:1497px;
	height:2000px;
}
.papercut_2{
	background: url(../images/hole_1.jpg) no-repeat top right;
	width:1027px;
	height:1373px;
}
.papercut_3{
	background:  url(../images/hole_1.jpg) no-repeat top left;
	width:1100px;
	height:8000px;
}
.papercut_4{
	background:  url(../images/pile.jpg) no-repeat bottom right;
	width:1450px;
	height:1200px;
}

.shade_1{
	background:  url(../images/difference.jpg) repeat top right;
	width : 500px;
}
.crease_1{
	/*background:  url(../images/paper_pages.jpg) repeat top right;
	width : 742px;
	height: 3000px;*/
}
.crease_2{
	background:  url(../images/long_run.jpg) repeat top right;
	width: 420px;
	height: 19800px;
}
.crease_3{
	background:  url(../images/long_run.jpg) repeat top right;
	width : 500px;
	height: 3000px;
}
.something{
	float:left;
}
.wordsneak{
	float:left;
	width:200px;
	height:3000px;
	font-size:12px;
	color:#CCC;
	font-weight:normal;
}


h4 {
	color: #F36;
	font-weight: normal;
	font-style: normal;	/*font-size: 10px;*/
	line-height: 2.0;
	letter-spacing:2px;
}

h5 {
	color: #F36;
	font-weight: normal;
	font-style: normal;	/*font-size: 10px;*/
	line-height: 2.0;
	letter-spacing:1px;
	}
	

.section_new h4 {
	font-size:10px;
}
.index {
	/*background:url(../images/slip_1.jpg) no-repeat bottom right;
	height: 3000px;*/
}
.index_container{
    margin:15px;
    bottom:0px;
    width:1000px;
    float:left;
    height:100%;
	color:#333;
	
    /*text-shadow:1px 1px 2px #f0f0f0;*/
}

.section{
    margin:15px;
    bottom:0px;
    width:1500px;
    float:left;
    height:100%;
	
    /*text-shadow:1px 1px 2px #f0f0f0;*/
}

.inserttext{
	margin:15px;
    bottom:0px;
    width:500px;
	height:1000px;
    float:left;
    height:100%;
	
}

.inserttext h1{
	font-size: 24px;
	color: #999;
	line-height: 0.9;
}

.inserttext h2{
	font-size: 18px;
	color: #666;
	font-weight: bold;
	font-style: italic;
}


.section h1{
	margin:50px 0px 20px 50px;
	font-size: 24px;
	color: #999;
	line-height: 0.9;
}
.section h6{
	margin:50px 0px 20px 50px;
	font-size: 24px;
	color: #999;
	line-height: 0.9;
	font-weight: normal;
}
.section h2{
	margin:50px 0px 30px 50px;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	font-style: italic;
	line-height:1.0;
}
.section h3{
	margin:50px 0px 20px 50px;
	font-size: 16px;
	font-style: bold;
	color: #333;
}

.compose{
	width: 2000px;
}

.collage{
	width: 3000px;
}

spacer{
	width:700px;
}

	
.section p{
	font-size: 16px;
    margin:20px 0px 0px 50px;
    width:900px;
	line-height: 1.5;
	font-weight:normal;
	/*background:#000;*/
}

.entry{
	background: url(../images/finger_traps.jpg) no-repeat bottom right;
	height: 3000px;
}

.mayra{
	color:#333;
	background: url(../images/2holes.jpg) no-repeat bottom right;
	height: 2000px;
}
.goodman{
	/*background: url(../images/triangles.jpg) no-repeat top left;*/
	/*height:846px;*/
}
.ilea{
	/*background: url(../images/topographies3.jpg) no-repeat bottom right;*/
	height:3900px;
}
.massumi{
	/*background: url(../images/yellow_test_smaller.jpg) no-repeat bottom right;*/
	height: 1000px;
}
.adam{
	/*background: url(../images/crevace_white_nudge.jpg) no-repeat bottom right;
	width:2000px;
	height:4000px;*/
}
.keane{
	background: url(../images/slip_2.jpg) no-repeat bottom right;
	height:2900px;
}
	


.black{
    color:#333;
   
    /*background: url(../images/lifting_whitening.jpg) no-repeat top right;*/
	
	/*the following code is how you have a fixed position background that won't scroll*/
	/*background-image:url("../images/crevice_2.jpg") ;
	background-repeat: repeat;
	background-attachment: fixed;*/
}
.white{
    color:#333;
    background:#fff ;
}
.music{
	color:#CCC;
	background:#fff;
	font-size: 13px;
	
}

.sound{
	background:#fff;
}

.section ul{
    list-style:none;
    margin:10px 0px 0px 40px;
	font-weight:normal; /*this pissant number is the margin amount for the link numbers (menu). *SIGH**/
}
.black ul li{
	float:left;
	padding:5px;
	margin:5px;
	color:#09C;
}
.black ul li a{
	display:block;
	color:#FFA220;
}
.black ul li a:hover{
	text-decoration:none;
	color:#F90;
}
.white ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#09C;
}
.white ul li a{
    display:block;
    color:#09C;
}
.white ul li a:hover{
    text-decoration:none;
    color:#F90;
}
#couriet {
	font-family: "Courier New", Courier, monospace;
	color: #666;
}
#danishexception {
	size:30px;
	line-height: 18px;
	color: #ECECEC;
	font-size: 36px;
	font-weight:normal;
	
}
#danishexception2 {
	size:12px;
	line-height: 17px;
	color: #cccccc;
	font-size: 12px;
	font-weight:normal;
	text-align:left;
}
.tangent {
	width: 600px;
	line-height:2.5;
	color:#999;
	float:left;
}