style.css

/*
Theme Name: UT Responsive
Theme URI:  https://sites.utexas.edu/utresponsive/
Description: Responsive WordPress Theme that features 9 page Templates such as Blog, Blog Summary and Template based layout designs: sidebar/content, sidebar/content half, content/sidebar and content/sidebar half. There is also full width page, sitemap Template as well as landing page for your PPC or any other purposes. Responsive also supports 9 widget areas and best of all this Theme is crafted with fluid proportion-based grid system of our own to adapt the design to the viewing environment. There are also Theme Options to control the content, webmaster tools, logo managament, social icons and 4 navigation menus. Currently translated in German, French, Portuguese, Italian, Swedish, Malay, Catalan, Spanish, Bulgarian, Norwegian, Croatian and Serbian (Latin) language. Everything is backed by our FREE dedicated support forums @ http://themeid.com/forum
Author: University Blog Team
Author URI: https://sites.utexas.edu/utresponsive/
Template: responsive
Version: 1.0.0
*/

/* =Import Responsive Theme Styles
-------------------------------------------------------------- */
@import url('../responsive/style.css');

/* =Start from here :)
-------------------------------------------------------------- */

#UTbranding {    
     padding-top:40px;
     -moz-box-shadow: 0px 1px 2px #707070;
         -webkit-box-shadow: 0px 1px 2px #707070;
         box-shadow: 0px 1px 2px #707070;
         background: none repeat scroll 0 0 #FFFFFF;
         height: 50px;
         width: 100%;
}

body {
     -webkit-font-smoothing:antialiased;
     background:url(images/sand.png)
     color:#404040;
     font-family: "Arimo", Helvetica, Arial, sans-serif;
     font-size:10.5pt;
     line-height:1.5em;
     text-rendering:optimizeLegibility;
}


a {
     color:#115E67;
     font-weight:400;
     text-decoration:none;
}

a:hover, a:focus {
     color:#6E6259;
     text-decoration:none;
}

h1 a {
    color: #AA4400;
    font-size: 1.3em;
}

h1 a:hover, h1 a:focus {
    color: #CC5500;
}

.top-menu {
     float:right;
     margin:15px 0 0 0;
}

.menu {
     background-color:#cc5500;
     background-image:-webkit-gradient(linear, left top, left bottom, from(#CC5500), to(#a04605));
     background-image:-webkit-linear-gradient(top, #cc5500, #a04605);
     background-image:-moz-linear-gradient(top, #cc5500, #a04605);
     background-image:-ms-linear-gradient(top, #cc5500, #a04605);
     background-image:-o-linear-gradient(top, #cc5500, #a04605);
     background-image:linear-gradient(top, #cc5500, #a04605);
     clear:both;
         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc5500, endColorstr=#a04605);
     margin:0 auto;
}

.menu a:hover, .menu a:focus {
     background-color:#6E6259;
     background-image:-webkit-gradient(linear, left top, left bottom, from(#6E6259), to(#884d23));
     background-image:-webkit-linear-gradient(top, #6E6259, #884d23);
     background-image:-moz-linear-gradient(top, #6E6259, #884d23);
     background-image:-ms-linear-gradient(top, #6E6259, #884d23);
     background-image:-o-linear-gradient(top, #6E6259, #884d23);
     background-image:linear-gradient(top, #6E6259, #884d23);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6E6259, endColorstr=#884d23);
}

.menu .current_page_item a {
     background-color:#6E6259;
     background-image:-webkit-gradient(linear, left top, left bottom, from(#6E6259), to(#884d23));
     background-image:-webkit-linear-gradient(top, #6E6259, #884d23);
     background-image:-moz-linear-gradient(top, #6E6259, #884d23);
     background-image:-ms-linear-gradient(top, #6E6259, #884d23);
     background-image:-o-linear-gradient(top, #6E6259, #884d23);
     background-image:linear-gradient(top, #6E6259, #884d23);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6E6259, endColorstr=#884d23);
}

.menu li li {
     background:#fff;
     background-image:none;
     border:1px solid #2d2c2c;
     border-top:none;
     color:#2d2c2c;
     filter:none;
     width:auto;
}

.menu a {
     border-left:1px solid #2d2c2c;
     color:#fff;
     display:block;
     font-size:1em;
     font-weight:800;
     height:45px;
     line-height:45px;
     margin:0;
     padding:0 0.9em;
     position:relative;
     text-decoration:none;
     text-shadow:0 2px 2px #242424;
}

.home #wrapper {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background-color:#fff;
    border:1px solid #d6d6d6;
    border-radius: 6px;
    clear:both;
    margin: 20px auto 20px auto;
    padding: 0 20px 20px 20px;
    position:relative;
}

.home #widgets {
     margin-top: 20px;
}


.call-to-action a.button {
    font-size:1.714em;
    padding:15px 35px;
    margin-bottom:15px;
}

#featured {
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     background-color: #fff;
     border:1px solid #fff;
     border-radius: 6px;
     padding-bottom: 20px;
     margin-top: 10px;
     max-width:99.6%;
}



#widgets {
     margin-top:20px;
}

.post-data {
     clear:both;
     font-size:.929em;
     font-weight:700;
     margin-top:20px;
}

.widget-wrapper {
     -webkit-border-radius:6px;
    -moz-border-radius:6px;
     border:1px solid #d6d6d6;
     border-radius:6px;
     background-color:#f9f9f9;
     font-size:1em;
     margin:0 0 20px;
     padding:20px;
}

#footer {
background-color: #FFFFFF;
border: 1px none;
border-radius: 7px 7px 7px 7px;
border-style: solid;
border-color: #CCCCCC;
border-width: 1px;
color: #63666A;
font-size: 1em;
line-height: 1.5em;
margin-bottom: 50px;
padding-top: 5px;
z-index: 100;
}

#footer .social-icons {
    margin-top:5%;
}


/* Hide the "powered by FireStats" because it makes the footer less pretty */
.fs_powered_by { display: none; }


.post-meta {
    color: #767676;
}

#searchform label, label.tinynav {
    position: absolute;
    left: -999em;
}

.centered { 
    text-align: center;
}

a, a:hover, a:focus {
    text-decoration: underline; 
}

h1 a, h1 a:hover, h1 a:focus { 
    text-decoration: none; 
}

/* =Media Queries
    If you're working on a Child Theme, make sure that all
    media queries are included in your style.css
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {

    body {
    }

    .grid, .grid-right {
        float:none;
    }
    
    #featured-image .fluid-width-video-wrapper {
        margin:20px 0 0 0;
    }
}

@media screen and (max-width: 650px) {

    body {
    }

    #header #logo {
        float:none;
        text-align:center;
    }

    .grid, .grid-right {
        float:none;
    }

    #featured-image .fluid-width-video-wrapper {
        margin:20px 0 0 0;
    }
    
    .menu li, .top-menu, .footer-menu li, .sub-header-menu li {
        float:none;
        text-align:center;
    }
    
    #footer {
        text-align:center;
    }

    #footer .social-icons {
        text-align:center;      
    }
    .social-icons {
    margin-top:5%;
    }
}

@media screen and (max-width: 480px) {

    body {
    }

    #header #logo {
        float:none;
        text-align:center;
    }

    .grid, .grid-right {
        float:none;
    }
    
    #featured-image .fluid-width-video-wrapper {
        margin:20px 0 0 0;
    }

    .menu li, .top-menu, .footer-menu li, .sub-header-menu li {
        float:none;
        text-align:center;
    }
    
    #footer {
        text-align:center;
    }

    #footer .social-icons {
        text-align:center;
    }
}


/*"The last 29 days of the month are the hardest."- Nikola Tesla*/