/*
Theme Name: Deakin Psych Careers
Description: Theme for the custom Deakin Psychology Careers page
Version: 1.0
Author: Adrian Shatte
*/

a { border:none; outline: none; }

img { border: none; outline: none; }

/* mobile style */
@media screen and max-width: 800px) {
	#mob-boxes { display: table; } /* display the table-based navigation only on mobile, hide otherwise */
	.home-content-left { overflow:hidden; word-wrap:break-word; }
	div.custom-footer {  }
	
	div.responsive-tabs-wrapper {display:block;}
}

/* smallest before mobile */
@media screen and (min-width: 801px) and (max-width : 950px) {
	 #header {
		background-image: url('img/banner-smaller.png'), -webkit-linear-gradient(left, #ab2228 , #c8171d); /* For Safari v5.1 to v6.0 */
		background-image: url('img/banner-smaller.png'), -o-linear-gradient(right, #ab2228, #c8171d);      /* For Opera v11.1 to v12.0 */
		background-image: url('img/banner-smaller.png'), -moz-linear-gradient(right, #ab2228, #c8171d);    /* For Firefox v3.6 to v15 */
		background-image: url('img/banner-smaller.png'), linear-gradient(to right, #ab2228 , #c8171d);     /* Fallback to standards */
		width:100%;
		height:114px;
		background-repeat:no-repeat;
		background-position:left;
		
	}
	
	#desktop-menu { width:400px; height:114px; position:absolute; left:65%; }
	
	#career-boxes-left { width:540px; }
	#career-boxes-left a img { width: 108px; height: 135px; }

	#career-boxes-right { width: 150px; float:left; margin-left:-40px; }
	#career-boxes-right a img {	width: 258px !important; height: 135px !important; }
	
	.home-content-left { width:100%; height: auto; margin-bottom:20px;}
	.home-content-right { display:none; }
	
	div#lvl2-banner { width:65%; float:left; margin-bottom:15px; }
	div#lvl2-boxes { float:left; width:30%; height:160px; text-align:right; }
	
	#mob-boxes { display: none; }
	
	div.responsive-tabs-wrapper {display:none;}

}

/* slightly smaller than full */
@media screen and (min-width : 951px) and (max-width : 1117px) {
    #header {
		background-image: url('img/banner-smaller.png'), -webkit-linear-gradient(left, #ab2228 , #c8171d); /* For Safari 5.1 to 6.0 */
		background-image: url('img/banner-smaller.png'), -o-linear-gradient(right, #ab2228, #c8171d); /* For Opera 11.1 to 12.0 */
		background-image: url('img/banner-smaller.png'), -moz-linear-gradient(right, #ab2228, #c8171d); /* For Firefox 3.6 to 15 */
		background-image: url('img/banner-smaller.png'), linear-gradient(to right, #ab2228 , #c8171d); /* Standard syntax (must be last) */
		width:100%;
		height:114px;
		background-repeat:no-repeat;
		background-position:left;
	}
	
	#desktop-menu { width:400px; height:114px; position:absolute; left:65%; }
	
	#career-boxes-left { width: 540px; }
	#career-boxes-left a img {	width: 108px; height: 135px; }
	
	#career-boxes-right { width: 260px; float:left; text-align:right; }
	#career-boxes-right a img {	width: 258px !important; height: 135px !important; display: block; }
	
	.home-content-left { width:100%;margin-right:40px;float:left; }
	.home-content-right { display:none; }
	
	div#lvl2-banner { width: 65%; float: left; margin-bottom: 15px;  }
	div#lvl2-boxes { float: left; width: 35%; height: 160px; text-align: right; }
	
	#mob-boxes { display: none; }
	div.responsive-tabs-wrapper {display:none;}
}

/* full size */
@media screen and (min-width : 1118px) and (max-width : 4000px) {
	#header {
		background-image: url('img/banner.png'), -webkit-linear-gradient(left, #ab2228 , #c8171d); /* For Safari 5.1 to 6.0 */
		background-image: url('img/banner.png'), -o-linear-gradient(right, #ab2228, #c8171d); /* For Opera 11.1 to 12.0 */
		background-image: url('img/banner.png'), -moz-linear-gradient(right, #ab2228, #c8171d); /* For Firefox 3.6 to 15 */
		background-image: url('img/banner.png'), linear-gradient(to right, #ab2228 , #c8171d); /* Standard syntax (must be last) */
		width:100%;	height:114px;
		background-repeat:no-repeat;
		background-position:center;
	}
	
	#desktop-menu { width:400px;height:114px;position:absolute;left:60%; }
	
	#career-boxes-left { width: 640px; }
	#career-boxes-left a img {	width: 20%; height: 50%; }
	
	#career-boxes-right { width: 306px; height:320px; float:left;}
	#career-boxes-right a img {	width: 306px !important; height: 160px !important; }
	
	.home-content-left { width:64%;margin-right:40px;float:left; }
	.home-content-right { display:block; width:28%; float:left; }
	
	div#lvl2-banner { max-width: 642px; float: left; margin-bottom: 15px; margin-right: 40px; }
	div#lvl2-boxes { float: left; width: 306px; height: 160px; }
	
	#mob-boxes { display: none; }
	
	div.responsive-tabs-wrapper {display:none;}
}

div.responsive-tabs-wrapper ul {
	font-family:'Raleway',sans-serif !important;
}


/* HEADER AND BODY STYLING */
html, body {height: 100%; padding:0; margin:0; }

div#wrap { /*min-height: 100%; height:100%; margin: 0 auto -150px;*/ }
div#push { /*height: 150px; clear:both;*/ }


div.breadcrumb-trail { margin-top:15px; font-size:small; font-family:'Raleway',sans-serif; }


ul.tabs { padding-left:0px; }
.tabs li { list-style:none; display:inline; font-family:'Raleway',sans-serif; font-size:11px; }
.tabs a { padding:5px 10px; display:inline-block; background:#cad0d2; color:#000; text-decoration:none; }
.tabs a.active { background:#e7eef1; color:#000; }
	
div.tab { background:#e7eef1; padding:10px; margin-top:-16px; margin-bottom:30px; }

div.tabcontent { background:#e7eef1 !important; border:0 !important; border-radius: 2px !important; padding:5px !important; }

div.job_description ul li { font-family:'Raleway', sans-serif; font-size:13px; }
	
div.tab ul li { font-family:'Raleway',sans-serif; font-size:13px; }
	
div.tab ul li a { }
	
ul li, ul li a { font-family:'Raleway',sans-serif; font-size:13px; !important }
	
ul#double { width:350px; overflow:hidden; font-family:'Raleway',sans-serif; }

ul#double li { line-height:1.5em; float:left; display:inline; width:50%; }
	
ul#double li a { color:#fff; }
	
ul#double li a:hover { color:#000; text-decoration:none; }

table.job-manager-jobs { width:100%; background:#ccc; border-collapse:collapse; border-top:#f79625 solid 1px; border-bottom:#f79625 solid 1px; padding-bottom:1px; }	

table.job-manager-jobs th { background:#dddddd; }

table.job-manager-jobs tr:nth-child(odd) {background: #f9f9f9; }
table.job-manager-jobs tr:nth-child(even) {background: #ffffff; border-top:#dddddd 1px solid;}

table.job-manager-jobs tr, table.job-manager-jobs td { border:none; text-align:center; }



#header .widthlimiter div {float:right;color:#63A9D5;font:italic bold 1em/80px sans-serif;}
#search {display:inline}
#description {display:inline;margin-right:1em}
.widthlimiter {min-width:100px;max-width:1000px;width:90%;margin:0 auto; }
#menu {width:100%;background:#63A9D5;height:2em}

/* NAVIGATION BAR - for an easy way to restyle this, visit ... http://ryanhellyer.net/dropdowns/ */
#suckerfish {background:#63A9D5;font-size:18px;font-family:helvetica,sans-serif;font-weight:bold}
#suckerfishnav, #suckerfishnav ul {font-weight:bold;float:left;list-style:none;line-height:2em;padding:0;border:0px solid #aaa;margin:0 0 0 0;width:100%}
#suckerfishnav a {display:block;color:#202225;text-decoration:none;padding:0px 10px}
#suckerfishnav li {float:left;padding:0}
#suckerfishnav li ul {position:absolute;left:-999em;height:auto;width:150px;font-weight:normal;margin:0;line-height:1}
#suckerfishnav li li {padding-right:1px;width:150px;border-left:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa}
#suckerfishnav li li a {padding:4px 10px;width:150px}
#suckerfishnav li ul li {font-weight:normal; font-family:helvetica,sans-serif}
#suckerfishnav li ul li a {font-size:12px; color:#202225}
#suckerfishnav li:hover ul li a {color:#202225}
#suckerfishnav li ul ul {margin:-20px 0 0 150px}
#suckerfishnav li ul li:hover {background:#63A9D5}
#suckerfishnav li ul li:hover a {color:#202225}
#suckerfishnav li ul li:hover li a {color:#202225}
#suckerfishnav li ul li li:hover a {color:#202225}
#suckerfishnav li ul li ul li:hover ul li a {color:#202225}
#suckerfishnav li ul li ul li:hover ul li:hover a {color:#202225}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {left:-999em}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {left:auto;background:#fff}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#fff}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#202225}

/* MAIN CONTENT STYLING */
#content {  }
h1,h2,h3,h4,h5 { font-family:'Raleway',sans-serif; } 
h1 a,h2 a,h3 a,h4 a,h5 a {color:#63A9D5;text-decoration:none}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover {text-decoration:underline}
h1 {margin:0;padding:0;font:normal bold 3em/80px sans-serif}
h2 {font:normal bold 2em sans-serif;margin:0.5em 0}
h3 {font:normal bold 1.6em sans-serif;margin:0.4em 0}
h4 {font:normal bold 1.3em sans-serif;margin:0.3em 0}
h5 {font:normal bold 1.2em sans-serif;margin:0.2em 0}
h2.red{ color:#be1e2d; font-family:'Raleway',sans-serif; }
h3.red { color:#be1e2d; font-family:'Raleway',sans-serif; font-size:1.2em; margin-top:5px;  }
h3.blu { color:#1c75bc; font-family:'Raleway',sans-serif; font-size:1.2em; margin-top:5px; }

p {font:normal 0.8em sans-serif;color:#202225; font-family:'Raleway',sans-serif;}
p a {color:#63A9D5;text-decoration:none}
p a:hover {text-decoration:underline}

a {color:#63A9D5;text-decoration:none}
a:hover {text-decoration:underline}

ul li, ol li {font-family:sans-serif;color:#202225}

/* FOOTER STYLING */
#footer {background:#d8d8d8;width:100%;height:8em;margin-top:40px;}
#footer p {font-size:0.8em;line-height:2em;color:#fff}
#footer a {color:#63A9D5;text-decoration:none}
#footer a:hover {text-decoration:underline}