@import url(default-mobile.css);

/***********************************************************************styles for devices less than 1024 pixels wide*/
@media (max-width: 1024px) {
    
    /*body & global elements*/
    body { padding-top: 80px; }
    div#bodyContainer { width: 90%; margin: 0 auto; }
    div#bodyContainer #breadcrumb { width: 100%; }
    div#bodyContainer #below-head { width: 100% !important; }
    div#bodyContainer #below-head #shadow { width: 100%; border: 0; }
    
    /*sidebar*/
    div#bodyContainer #below-head #side { width: 100%; border: 0 !important; }
    div#bodyContainer #below-head #side > div,
    div#bodyContainer #below-head #side ul,
    div#bodyContainer #below-head #side ol 
    { width: 100%; }
    div#bodyContainer #below-head #side li { display: inline-block; padding: 10px 10px 10px 0; }
    div#bodyContainer #below-head #side h2 { background: none; padding: 0; }
    
    /*search box*/
    #debates #heading h1 { width: 100%; }
    #debates #heading .floatRight { float: none !important; }
    #debates #filters { margin-left: 0 !important; }
    #formDebateSearch .content .search { border: 0; margin: 0; width: 95% !important; }
    #formDebateSearch .content .search #keywords { width: 100% !important; margin-bottom: 10px; }
    #formDebateSearch .content .search #filter { margin-left: 10px; }
    #formDebateSearch .content .search .a-s { text-align: left; }
    #formDebateSearch .content .links { width: 100%; float: left; }
    #formDebateSearch .content .links a.l-b { padding-left: 0 !important; background: none !important; float: left; width: auto !important; margin-top: 8px !important; }
    
    /*orange filter buttons*/
    #debates #resultsNav { height: auto !important; width: 100% !important; margin: 0 auto; margin-left: 0 !important; }
    #debates #resultsNav .sortopt { height: auto !important; width: 100%; }
    #debates #resultsNav .sortopt > div { height: auto !important; margin-right: 0; width: 100%; }
    #debates #resultsNav .sortopt > div > a { padding: 12px 0 !important; width: 100% !important; margin: 0 !important; text-align: center; border-radius: 0 !important; }
    #debates #resultsNav .sortopt > div > a > .arrow { display: none; }
    #debates #resultsNav .sortopt > div > a.btnAsc { background-image: none; background-color: #dd6101; }
    #debates #resultsNav .sortDD { width: 100%; float: left; margin-top: 20px; }
    
    /*results*/
    #debates #results { margin-left: 0 !important; }
    #debates #results .stats { height: auto; }
    #debates #results .stats > div { float: none; width: 100%; margin-bottom: 8px; }
    #debates #results .stats > div.updated { text-align: left; }
    
    #debates .prevNext > a { margin: 6px !important; }
    
    
    /******************************************************************DEBATE PAgE*******************/
    
    /*heading*/
    #debate h1.top { padding: 20px 20px !important; border: 0 !important; margin-top: 20px !important; }
    
    /*instigator*/
    #debate #instigatorWrap { position: relative !important; width: 100% !important; text-align: center !important; left: 0 !important; margin-bottom: 10px; }
    #debate #instigatorWrap .photo { width: 100% !important; margin: 0 !important; border: 0 !important; padding: 10px 0; }
    
    /*contender*/
    #debate #contenderWrap { position: relative !important; width: 100% !important; text-align: center !important; margin-bottom: 10px; right: 0 !important; }
    #debate #contenderWrap .photo { width: 100% !important; margin: 0 !important; border: 0 !important; padding: 10px 0; }
    
    /*links*/
    #debate #links { width: 100%; }
    #debate #links a { padding-left: 0 !important; display: block; background: none !important; width: 50%; margin: 0 auto; margin-bottom: 20px !important; }
    #debate #links span { display: none; }   
    
    /*score book*/
    #debate #scoreBook { width: 100% !important; margin-bottom: 40px !important; }
    #debate #scoreBook:after { content: ""; display: table; clear: both; }
    #debate #scoreBook > div { float: none; width: 100%; text-align: center !important; }
    #debate #scoreBook > div#score { padding: 7px 0 !important; margin-bottom: 12px; }
    #debate #scoreBook > div#socialBookmarks {  }
    #debate #scoreBook > div#socialBookmarks a { float: none !important;  }
    
    /*info*/
    #debate #infoWrap #info { margin: 0 !important; }
    #debate #infoWrap #formVote > table { margin: 0 !important; width: 100% !important; }
   
    /*tabs*/
    #debate #tabs { width: 100% !important; margin: 0 auto; padding-left: 0 !important; margin-top: 20px !important; margin-bottom: 90px !important; }
    #debate #tabs > div { width: 250px; margin: 0 auto; border: 1px solid grey !important; top: 0 !important; }
    
    /*rounds*/
    #debate #rounds { margin-left: 0 !important; }
    #debate #rounds .left { padding: 0 !important; }
    #debate #rounds .round-inner { width: 98% !important; margin: 0 auto !important; padding: 10px 0 10px 0 !important; }
    #debate #rounds .round-inner .youTube { float: none; margin: 0 !important; width: 100% !important; }
    #debate #rounds .round-inner .report { text-align: left !important; }
           
}