/* Responsive design for University of Western Australia Matrix "newcore" websites 
 * 
 * WARNING - FOR USE ON MATRIX SITES FILE SUBJECT TO CHANGE WITHOUT NOTICE
 *
 * Currently this centers and adds a drop shadow.
 * Futuer updates will transfer existing responsive code here.
 *
 * Timothy Phillips (UWA Website office) 15/01/2014
 */

/* Center and add a drop shadow for NewCore pages over 1200px */ 
#bodycontainer #headercontainer .primary,
#bodycontainer #headercontainer .secondary {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}

#bodycontainer .internal {
	margin-left: auto;
	margin-right: auto;
	/* 1200 - 182  for leftnav*/
	max-width: 1018px;
}

#bodycontainer #footercontainer .internal {
	max-width: 1200px;
}

#bodycontainer {
    background-image: url("../homepage/images/shadow_integrated.png");
    background-position: center top;
    background-repeat: repeat-y;
    background-color: #EEEEEE;
}


/* the old jpg image doesn't quite colour match */
#footercontainer {
    background-image: url("../graphics/footer-background.gif");
}

/* accordions overlap the footer in ie7 */
#ie7 #centrecontainer2col {padding-bottom: 10px; margin-bottom: 10px;}



/* a temporary campaign link */

#headercontainer #nav_campaign_button {
    position: absolute;
    background-color: #363636;
    top: 0px;
    right: 230px;
    /*border-radius: 0 0 3px 3px;*/
    z-index: 8000;
    background: url("http://static.weboffice.uwa.edu.au/visualid/graphics/ql_leftbottom.gif") no-repeat scroll left bottom #363636;
}
#headercontainer #nav_campaign_button a {
    color: #e2e2e2;
    font-size: 0.916666em;
    text-decoration: none;
    vertical-align: top;
    height: 14px;
    display: inline-block;
    padding: 2px 15px;   
    background: url("http://static.weboffice.uwa.edu.au/visualid/graphics/ql_rightbottom.gif") no-repeat scroll right bottom transparent;
}

#headercontainer #nav_campaign_button a:hover {
    text-decoration: underline;
}

#ql_outer {
    z-index: 9000;
}


@media screen and (max-width: 659px) {
    #headercontainer #nav_campaign_button {
        display: none;
    }
}

/* fix alignment of searchbar items in IE 8+ */

#ieAny #headercontainer .secondary {
	margin-top: 74px;
}
#ie7 #headercontainer .secondary {
	margin-top: 0px;
}

/* Shrink an item down for smaller screens. Images will mainain aspect on IE7+ */

#pagecontent div.auto-width, #pagecontent img.auto-width {
        max-width: 100%;
}