/* 
    Document   : media-quries.css
    Created on : Jun 6, 2011, 11:06:33 AM
    Author     : davewarford
    Description:
        Purpose of the stylesheet follows.
*/

/*************************************************
 * Smaller than 980
 *************************************************/
@media screen and (max-width: 980px) {
    /* page wrap */
    #pagewrap {
        width: 95%;
    }
    nav[role="navigation"] {
        font-size: 90%;
    }
    nav[role="navigation"] a {
        text-transform: none !important; 
    }
    /* content */
    #content {
        width: 70%;
    }
    #sidebar {
        width: 30%;
    }
    #sidebar .widget {
    } 
    #ticker-wrapper {
        width: 100%;
    }
    footer .nav-section {
       width: 17%;
    }
    footer .first {
        width: 18%;
    }

    footer .overview {
       width: 30%;
    }
}

@media screen and (max-width: 650px) {
    /* page wrap */
    #pagewrap {
        width: 95%;
    }
    nav[role="navigation"] ul {
        float: none;
        position: static;
        display: block;
    }
    nav[role="navigation"] li {
        float: none;
        display: block;
    }
    #ticker-title {
        display: block;
        width: 100%;
    }
    #ticker-content {
        display: block;
        width: 100%;
    }
    #ticker-controls {
        display: none;
    }
    /* content */
    #content {
        width: 100%;
        float: none;
        margin: 10px 0;
    }
    #sidebar {
        width: 100%;
        float: none;
        margin: 10px 0;
    }
    .widget {
        margin: 0;
    }
}
@media screen and (max-width: 560px) {
    
    nav[role="navigation"] {
        background: #f0f0f0;
    }
    nav[role="navigation"] ul#sectors, nav[role="navigation"] ul#research {
        float: none;
    }
    nav[role="navigation"] ul#sectors ul li, nav[role="navigation"] ul#research ul li {
        float: left;
        position: static;
        width: 100%;
    }
    nav[role="navigation"] ul ul {
	margin: 0 0 0 0;
	list-style: none;
	position: static;
	background: none;
	border: none;
	z-index: 100;
	display: inline;
    }
    nav[role="navigation"] ul ul li {
	width: auto;
    }
    nav[role="navigation"] ul li a {
        background: #f0f0f0;
        color: #000;
        display: block;
        font-weight: bold;
        padding: .5em 0;
    }
    nav[role="navigation"] ul ul li a {
        background: #f0f0f0;
        color: #000;
        display: block;
        font-weight: normal;
        
    }
    nav[role="navigation"] ul li a:hover {
        background: none;
        color: red;
    }
    
    /* FOOTER */
    footer.menu {
        padding: 1em 0;
    }
    footer .nav-section {
        float: none;
        width: 100%;
    }
    footer .overview {
        float: none;
        width: 100%;
    }
    footer .overview p {
        margin: 1.6em 10px;
    }
    footer .nav-section li {
        display: inline;
    }
    footer.menu h2 {
        font-weight: bold;
    }
    footer .nav-section a {
        padding-right: 1em;
    }
}