/* 
    Document   : shmq
    Created on : Oct 8, 2013, 2:04:26 PM
    Author     : rgriffo
    Description:
    Purpose of the stylesheet follows.
*/

/* iPad Landscape */
@media only screen and (min-width : 768px) and (max-width : 1024px)  {    
    .photoContainer {padding-right:40px;}
    .story .content {margin-left:22px; width:84%;}
    .photoContainer em {width:49%;}
    .intro i {display:none;}
    .intro h1 {top:140px;} 
    .intro p {width:70%;top:540px; margin:-101px 0 0 298px;}
    .intro em {margin: -1px 0 0 302px;top: 660px;}
    .fullInt {margin-top:20%;}
    .adCont img {margin:0; padding:0;float:left;}
    .adCont p {bottom: -38px;position: absolute;}
    .adCont {position:relative;padding:0 0 10px 40px;}
    .story .fullInt img {border:0 none;margin: -3px 0 0;}
    .sectionJump {height: 204px; width: 23%;}
    .sectionJump span {font-size: 16px;}
    #comments {margin:0 auto 0 23px; width:95%;}
    #intro {padding-top:210px; margin:0 0 0 60px;}
    .sections {margin-left:20px;}

}

/* iPad Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .story .content {width: 92%; margin-left:25px; z-index:2;position:relative;}
    .intro i {display:none;}
    .story .audioPlayer.rail {margin-right:-104%; width:133%; padding-left:30px; margin-top:0;}
    .story .audioPlayer.rail i {left:inherit;}
    .adCont.two {margin-top:5%; margin-bottom:5%;}
    .photoContainer {width: 95%;margin-right:-40%;margin-top:10px;}
    .adCont {padding: 0 0 10px 40px;width: 180%;}
    .audioPlayer.rail h3 {width:40%;}
    .fullInt {margin-right: -108%;margin-top: 18%;padding-left: 30px;width: 133%;}
    #comments {margin-left:25px; width:90%;}
    #disqus_thread {width:90%;}
    .photoContainer em {width: 86%;}
    .photoContainer.vert em {width:50%;}
    .intro p {width:85%;}
    .adCont img {margin:0; padding:0;float:left;}
    .adCont p {bottom: -38px;position: absolute;}
    .adCont {position:relative;padding:0 0 10px 40px;}
    .intro h1, .sh h3 {font-size: 90px;margin:-265px 0 0 277px; width: 450px;}
    .intro p {font-size: 29px;margin: -94px 0 0 281px;width: 92%;}
    .intro em {margin: -23px 0 0 284px; width:90%;}
    #intro img {height: 278px;width: 221px;margin:13px 33px 0 25px;}
    .photoContainer {float:none; margin-left:0px; padding:0 0 17px 0;}
    .sectionJump span {font-size: 13px;}
   .sectionJump i {display: block;padding: 5px 0 0 10px;}
    .content .btnCont {margin-right: -68%;}
    #intro {padding-top: 310px; width:500px; margin:0 0 0 -5px;}
    .sectionJump {height: 164px;}
    .creditCont {float: right;margin-right: -104%;padding-bottom: 20px;padding-left: 30px;width: 147%;}

}

/* iPhone */
@media only screen and (min-width : 320px) and (max-width: 568px) { 
    .intro { }  
    .intro p {top:270px; font-size:30px; left:22px; width:90%; }
    .intro em {top:420px; left:22px;font-size:11px; width:90%;}
    .intro i {display: none;}
    .photoContainer {float:none; padding:0;}
    .leftRail {display:none;}
    .conv.short p {display:none;}
    .story .content {width: 90%; margin:0; padding:0 0 0 15px;}
    #header strong {display:none;}
    .phoneTitle {color: #8FCFFF;display: inline;font-size: 20px;font-style: normal;padding: 0 0 0 18px;text-shadow: none;}
    .grad {background:url("img/gradient-iphone.png"); background-repeat: repeat-x; height:340px; position:absolute; top:0px;}
    .photoContainer {width:100%; margin-right:0; padding:0;width:auto;}
    .audioPlayer.rail.eric, .audioPlayer.rail.anybody, .audioPlayer.rail.invest,.audioPlayer.rail.cases, .audioPlayer.rail.work, .audioPlayer.rail.demeanor, .audioPlayer.rail.pearce, .audioPlayer.rail.believe, .fullInt, .adCont {display:none;}
    .photoContainer em {width:100%;}
    .photoContainer.vert em {width:100%;}
    #comments {margin-left:10px; width:90%;}
    body #header {margin:0;}
    #disqus_thread {width:90%;}
    .intro i {display:none;}
    .photoContainer em {margin:0 0 20px;}
    .audioPlayer.rail {display:none;}
    .story .name {color:#333333;}
    #intro img {height: 111px;margin: -147px 33px 0 21px;width: 88px;}
    .intro h1 {font-size: 36px;width: 200px; margin:-142px 0 0 122px;}
    .intro p {font-size: 18px;width: 200px; margin:-67px 0 0 122px;}
    .intro em {font-size: 11px;width: 180px; margin:-2px 0 0 123px;}
    #intro {padding:280px 0 0 0;width:100px; margin:0 0 0 -5px;}
    .content .btnCont {float: none;margin-right: -88%;padding: 0 0 12px;}
    .sectionJump {width:245px; margin:0 0 10px 0;}
    .creditCont {display:none;}
    .sections {margin-left:15px;}


}
/* iPhone (landscape) ----------- */ 
@media only screen and (min-width : 320px) and (max-width : 640px) and (orientation : landscape) {
    .sectionJump {margin: 0 5px 10px;width: 47%;} 
    #intro img {height: 131px;margin: -147px 43px 0 21px;width: 108px;}
    .intro h1 {font-size: 50px;margin: -142px 0 0 142px;width: 240px;}
    .intro p {font-size: 18px;margin: -38px 0 0 142px;width: 281px;}
    .intro em {font-size: 11px;margin: 8px 0 0 143px;width: 290px;}
    #intro {height: 320px;margin: 0 0 0 70px;padding: 262px 0 0;width: 100px;}
    .creditCont {display:none;}
    .photoContainer.vert em {width:70%;}
    .story .content {margin-left:15px; padding-left:15px;}
    .photoContainer {float:none; padding-left:0; margin-left:0;}
}


/* Desktops and laptops ----------- */@media only screen and (max-width : 1280px) {

}