/*Compress Tweets horizontally for slightly narrow screens*/
@media screen and (max-width:1200px) {
    .tweets {
        top:150px;
        width:250px;
    }
    .twitter-timeline{
        width:250px;
    }
    .gigs {
        position:absolute;
        left:70px;
        top:425px;
        width:250px;
    }
}

/*Compress elements horizontally for really narrow screens*/
@media screen and (max-width:1000px) {
    .tweets {
        position:absolute;
        left:10px;
        top:150px;
        width:250px;
    }
    .twitter-timeline{
        width:250px;
    }
    .gigs {
        position:absolute;
        left:10px;
        top:425px;
        width:250px;
    }
    .header {
        position:absolute;
        left:10px;
        top:55px;
    }

    .also_box {
        height:110px;
        width:350px;
        position:absolute;
        right:10px;
        top:55px;
    }

    .links {
        position:absolute;
        right:10px;
        bottom:10px;
        font-weight:400;
        font-size:14px;
    }

    .make_selection {
        position:absolute;
        bottom:160px;
        right:-270px;
    }
}

/*Remove SOME elements for somewhat narrow screens*/
@media screen and (max-width:850px) {
    .also_text {
        display:none;
    }
    .make_selection {
        display:none;
    }
}

/*Remove also box elements for somewhat really narrow screens*/
@media screen and (max-width:720px) {
    .also_box {
        display:none;
    }
}



/*Compress vertically for wide tablets / screens*/
@media screen and (max-height:600px) {
    .dave_img {
        height:400px;
        width:278px;
        margin-left:50px;
        background-image:url("dave_mobile.gif");
    }
    .micf {
        left:210px;
        top:75px;
    }
    .spacer {
        height:0px;
    }
    .tweets {
        top:90px;
    }
    .gigs {
        top:325px;
    }
    .gig {
        font-size:12px;
    }
    .gig_location {
        font-size:12px;
    }
    .tweet {
        font-size:12px;
    }
    .header {
        top:15px;
    }
    .also_box {
        top:15px;
    }
    .alt_badge {
        width:48px;
        height:50px;
        left:79px;
        top:143px;
        background-image:url("alt_badge_mob.png");
    }

    .alt_blog {
        width:47px;
        height:118px;
        left:57px;
        top:173px;
        background-image:url("alt_blog_mob.png");
    }

    .alt_video {
        width:81px;
        height:65px;
        left:96px;
        top:235px;
        background-image:url("alt_video_mob.png");
    }

    .alt_radio {
        width:64px;
        height:85px;
        left:169px;
        top:218px;
        background-image:url("alt_radio_mob.png");
    }
}

/*Remove several elements for mobiles / really really narrow screens*/
@media screen and (max-width:600px) {
    .dave {
        width:300px;
    }
    .dave_img {
        margin-left:-50px;
    }
	.dave_book{
		position:absolute;
		right:-100px;
		top:80px;
		background: url(daveoneil_book_notext.png) left top no-repeat;
	}
	
    .micf {
        left:210px;
        top:65px;
    }
    .tweets {
        display:none;
    }
    .gigs {
        display:none;
    }

 .pilot {
        display:none;
    }

    .header {
        width:100%;
        top:10px;
        left:0px;
        margin:0px;
        padding:0px;
        text-align:center;
    }

    .header_img {
        width:300px;
        height:38px;
    }

    .links {
        position:absolute;
        width:100%;
        right:0px;
        text-align:center;
        bottom:0px;
        font-weight:400;
        font-size:16px;
        background-color:white;
    }
    .alt_badge {
        width:48px;
        height:50px;
        left:79px;
        top:143px;
        background-image:url("alt_badge_mob.png");
    }

    .alt_blog {
        width:47px;
        height:118px;
        left:57px;
        top:173px;
        background-image:url("alt_blog_mob.png");
    }

    .alt_video {
        width:81px;
        height:65px;
        left:96px;
        top:235px;
        background-image:url("alt_video_mob.png");
    }

    .alt_radio {
        width:64px;
        height:85px;
        left:169px;
        top:218px;
        background-image:url("alt_radio_mob.png");
    }
    .corporate01 {
        width:260px;
    }
    .corporate02 {
        width:260px;
    }
    .corporate {
        width:275px;
        padding:2px;
    }
    .corp_sect_sub {
        line-height:100%;
    }
}

/*Position Gigs for super tall screens*/
@media screen and (min-height:950px) {
    .gigs {
        left:auto;
        right:50px;
        top:400px;
    }
    .tweets {
        top:400px;
    }
    .twitter-timeline{
        width:400px;
        height:520px;
    }
}

/*Shorter mobiles e.g. iPhone*/
@media screen and (max-height:420px) {
    .dave_img {
        bottom:-65px;
    }
    .links {
        font-size:12px;
    }
    .micf {
        left:190px;
    }
}

/*Super SHORT screens e.g. mobile in land scape*/
/*@media screen and  (max-height:300px) {
    .dave_img{
	  height:200px;
	  width:139px;
	  margin-left:130px;
	  bottom:15px;
	  background-image:url("dave_tiny.gif");
	}
  }*/