#ViperBar_inner p { display: inline !important; line-height: 25px !important; font-family: arial, sans-serif !important; font-size: 15px !important; }
#ViperBar_hide, #ViperBar_show { position: absolute !important; right: 9px !important; top: 9px !important; cursor: hand !important; background: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
#ViperBar_hide:hover, #ViperBar_show:hover { background-color: none !important; }
#ViperBar_show { display:none; top: 5px !important; }
#ViperBar_main { font-size: 18px; font-family: \\\"prenton-condensed\\\", Georgia, sans-serif; text-transform: uppercase; text-align: center;
/* I want to use js to show this later, only after it has been prepended to the body. */ display:none; -webkit-font-smoothing: antialiased;}
#ViperBar_credit_logo { position: absolute !important; top: 5px !important; left: 3px !important; margin: 3px 30px 0px 0px !important; }
.ViperBar_form, #viperbar_mailchimp_form { padding: 0px 10px; display: inline; margin: 0;}
.ViperBar_form input { margin: 0px 3px; width: auto !important; text-shadow: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 17px; font-family: \\\"prenton-condensed\\\",  sans-serif; -webkit-font-smoothing: antialiased; text-transform: uppercase; line-height: normal;}
.ViperBar_form input[type=text] { color: rgb(53, 53, 53); border: 1px solid rgb(160, 160, 160); padding: 4px 7px; }
#ViperBar_inner { padding: 5px 0px 0px; height: 35px; background-image: url(http://www.ryanholiday.net/wp-content/plugins/viperbar/includes/gradient.php?width=10&height=45&color=FF0000); background-color: rgb(223, 0, 0); color: rgb(241, 241, 241);}
#ViperBar_submit { line-height: 20px; border: 0px; padding: 4px 7px;}
#viperbar_sticky { position:absolute !important; top:0 !important; z-index:2 !important; }
#ViperBar_main.fixed { width:100% !important; position: fixed !important; top: 0 !important; }
#viperbar_ajaxload { width: 250px !important; margin: 7px auto !important; display:none; background-repeat: no-repeat !important; text-align: center !important; padding:0 !important; line-height: 15px !important;}
#viperbar_ajaxload em { padding-left: 150px !important; }

@media (max-width:320px) {
   
   #ViperBar_main {
       font-size: 16px;
       overflow: hidden;
       height: 59px;
       margin-top: 38px;
       margin-bottom: 25px;
       background:#D00;
}  

   #ViperBar_inner {
       background:none !important;
       margin:0px auto 0;
       width:280px;
   }
   
   .ViperBar_form input {
       font-size:16px;
   }
}

@media (min-width:321px) and (max-width:480px) {
   
   #ViperBar_main {
       font-size: 16px;
       overflow: hidden;
       height: 43px;
       margin-top: 38px;
       background:#D00;
}  

   #ViperBar_inner {
       background:none !important;
       margin:-10px 30px;
       line-height:50px;
   }
   
   .ViperBar_form input {
       font-size:15px;
   }
}

@media (min-width:481px) and (max-width:568px) {
   
   #ViperBar_main {
       font-size: 16px;
       overflow: hidden;
       height: 43px;
       margin-top: 38px;
       background:#D00;
}  

   #ViperBar_inner {
       background:none !important;
       margin-top:3px;
   }
   
   .ViperBar_form input {
       font-size:15px;
   }
}

@media (min-width:569px) and (max-width:979px) {

   #ViperBar_main {  
       margin-top: 38px;
   }  
}