/* Style Sheet for HOME page 2007 on DONTTOUCHME.COM - With CSS-P */
/* Copyright 1999-2010 Steven Hoober */


@media screen and (min-width: 980px) {
body {font-size:14px; background:url(/Assets/home07-back.gif); background-repeat:no-repeat; background-color:black; }


/* header position and style */
h2 {font-size:1.05em; margin:0; }
h3 {font-size:1.05em; margin:-1em 0 0 0; padding:0; }

/* top:54px; IN THE div.line ELEMENT IS THE CORRECT ALIGNMENT FOR IE (AND FF WINDOWS?????) SO IMPLEMENT A HACK FOR IT */
#strips {width:100%; position:absolute; top:223px; margin:0; }

#strip1 {padding:0 0 0 122px; }
#strip1 h2 {border-top:2px solid #09f; height:4px; color:#09f; }

#strip2 {padding:35px 0 0 152px; }
#strip2 h2 {border-top:2px solid #09f; height:4px; color:#09f; }
.line2 {border-top:2px solid #09f; height:4px; color:#09f; margin-top:40px; }
.second {margin-top:14px; } 

#strip3 {padding:35px 0 0 202px; }
#strip3 h2 {border-top:2px solid #09f; height:4px; color:#09f; }
#strip3 ul {padding-bottom:0; border-bottom:none; }

#strip1 li, #strip2 li, #strip3 li {display:block; float:left; margin:-41px 75px 0 0; padding-left:6px; height:45px; background:url(/Assets/home-square.gif); background-repeat:no-repeat; }
#strip1 li:hover, #strip2 li:hover, #strip3 li:hover {background:url(/Assets/home-square2.gif); background-repeat:no-repeat; } /* this hover does not work in IE6*/

#bottom {position:absolute; left:89px; top:458px; width:860px; height:260px; padding:0; margin:0; }
	.flickr_badge_image img {margin-left:0;}

	.right {float:right; width:100px; height:260px; margin:0 0 0 20px; }

	.center {float:right; width:350px; height:260px; margin:0 0 0 0; }

	.left {float:right; width:350px; height:260px; margin:0 0 0 0; }
		/* TWITTER STYLES  */
		ul.tweet_list {margin:0 1em 0 0; font-weight:normal; font-size:0.85em; }

		ul.tweet_list li {list-style-type:none; margin:0 0 0 -3em; padding:0 0 0.5em 0; }
	
		.tweet_list li {border-bottom: 1px solid #09f; margin: 8px 0; list-display:none; padding-bottom:0.5em; }
		.tweet_time {display:block; margin:0.5em 0 0.25em 0; }
			.tweet_time a {font-size:1em; display:block; text-decoration:none; color:#09f; }
		.tweet_avatar {display: none;}
		.tweet_text {padding-bottom:0.5em; }
		.tweet_text { }
			.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
			  text-transform: uppercase; }
			.tweet .tweet_list li, .query .tweet_list li {
			  overflow-y: auto;
			  overflow-x: hidden;
			  padding: .5em 0; }
			  .tweet .tweet_list li a, .query .tweet_list li a { }
			.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even { }
			.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {float: left; }
			  .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {vertical-align: middle; }


.footwrap {position:absolute; left:0px; top:756px; width:100%; margin:0; }
p.nav {display:none; }
p.footer {margin:10px 0 4px 130px; }

}







@media screen and (max-width: 979px) {
body {font-size:14px; background:url(/Assets/home07-900.png); background-repeat:no-repeat; background-color:black; }

h2 {font-size:1.25em; margin-bottom:1.25em; }
h3 {font-size:1.05em; margin-top:0; padding-top:0; }
h3.bar {border-top:2px solid #f60; padding-top:0.5em; }

#strip1 {position:relative; width:95%; margin:144px 1em 1em 1em; left:0; }
#strip1 h2 {border-top:2px solid #09f; height:4px; width:100%; color:#09f; }

#strip2 {position:relative; width:95%; margin:1em; left:0; }
#strip2 h2 {border-top:2px solid #09f; height:4px; width:100%; color:#09f; }
#strip2 ul {margin-bottom:0; padding-bottom:0; }
.second {margin-top:0; padding-top:0; }

#strip3 {position:relative; width:95%; margin:1em; left:0; }
#strip3 h2 {border-top:2px solid #09f; height:4px; width:100%; color:#09f; }
#strip3 ul {padding-bottom:1em; border-bottom:2px solid #09f; }

p.nav {display:none; }
p.footer {position:relative; margin:1em auto 0 auto;  border-top:2px solid #f60; width:95%; font-size:10px; height:45px; }

#bottom {position:relative; margin:0 0 0 1em; }
.flickr_badge_image img {margin-left:1.75em;}
}





@media screen and (max-width: 600px) {
body {font-size:14pt; background:url(/Assets/home07-500.png); background-repeat:no-repeat; background-color:black; }

#strip1 {margin-top:80px; }
}





@media screen and (max-width: 350px) {
body {font-size:12pt; background:url(/Assets/home07-300.png); background-repeat:no-repeat; background-color:black; }

#strip1 {margin-top:48px; }
}




@media screen and (max-width: 160px) {
body {font-size:12pt; background:url(/Assets/home07-140.png); background-repeat:no-repeat; background-color:black; }

#strip1 {margin-top:37px; }
}