@font-face {

	font-family:'Sketchy1';

	src:url('fonts/sketchy.eot?') format('eot'),

		url('fonts/sketchy.woff') format('woff'),

		url('fonts/sketchy.ttf') format('truetype'),

		url('fonts/sketchy.svg#') format('svg');

	font-weight:normal;

	font-style:normal;

}

@font-face {

	font-family: 'Century Gothic';

	src: url('fonts/946379.eot');

	src: url('fonts/946379.eot?#iefix') format('embedded-opentype'),

		 url('fonts/946379.woff') format('woff'),

		 url('fonts/946379.ttf') format('truetype'),

		 url('fonts/946379.svg#CenturyGothicBold') format('svg');

	font-weight: bold;

	font-style: normal;

}

@font-face {

	font-family: 'Century Gothic';

	src: url('fonts/Century Gothic.eot');

	src: url('fonts/Century Gothic.eot?#iefix') format('embedded-opentype'),

		 url('fonts/Century Gothic.woff') format('woff'),

		 url('fonts/Century Gothic.ttf') format('truetype'),

		 url('fonts/Century Gothic.svg#Century Gothic') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'lucida_calligraphyitalic';

	src: url('fonts/lucida_calligraphy_italic-webfont.eot');

	src: url('fonts/lucida_calligraphy_italic-webfont.eot?#iefix') format('embedded-opentype'),

		 url('fonts/lucida_calligraphy_italic-webfont.woff') format('woff'),

		 url('fonts/lucida_calligraphy_italic-webfont.ttf') format('truetype'),

		 url('fonts/lucida_calligraphy_italic-webfont.svg#lucida_calligraphyitalic') format('svg');

	font-weight: normal;

	font-style: normal;

}

/*

Theme Name: Sydney School of English

Description: Semantic, SEO Optimised, Custom Wordpress Theme for SSOE

Author: #

Author URI: #

Version: 1.0

*/



/* Reset */

a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,

code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,

h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,

q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,

tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}



/* Defaults */

:focus {outline:0}

a:visited {color:#069}

a{color:#633;}

a:hover {}

abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}

blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}

blockquote p {margin:.5em}

body {background:#FFF;color:#000;font:75%/125% 'Century Gothic', Arial, Sans-Serif}

code, pre {font-size:1em}

del {text-decoration:line-through}

dfn {font-style:italic;font-weight:bold}

dt {font-weight:bold}

dd {margin:0 0 1em 10px}

fieldset {border:0}

fieldset p {margin:0 0 5px}

img {border:0;vertical-align:bottom}

ins {text-decoration:none}

h1 {color:#772123;font-size:22px;line-height:1em;margin-bottom:36px;text-align:center}

hr {margin:0 0 0.5em}

p {margin:0 0 1em}

ul, ol {list-style:none;margin:0 0 1em}

textarea {font:1em Arial;overflow:auto}

tt {display:block;margin:0.5em 0;padding: 0.5em 1em}

th {background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:3px}

td {border:solid #CCC;border-width:1px 0 0 1px;padding:3px}

table {border:solid #CCC;border-width:0 1px 1px 0}



/*Default page*/

body.page-template #content, body.single #content {background:url(images/bg-content.jpg) no-repeat;height:434px;float:right;margin:-2px 80px 0 0;width:741px;line-height:14px;padding:105px 40px 0}

body.page-template #content p, body.single #content p {margin:0 0 11px;}

body.page-template #content ul li, body.single #content ul li{margin:0 0 9px;}

body.page-template h1, body.single h1 {margin:16px 0 37px;}



/* Containers */

body.page-template #page, body.single #page, body.error404 #page {background:url(images/bg-page.jpg) no-repeat;height:830px;margin:0 auto -34px;width:1177px}



/* Home */

body.home #page {height:715px;margin:20px auto 0;width:981px;position:relative;}

body.home #content {float:left;height: auto;width:254px;padding:0;background:none;line-height:14px;}

body.home #content p{margin:0 0 11px;}

body.home #content ul li{margin:0 0 9px;}

body.home #content h1{margin:16px 0 25px;}

body.home #footer, .home #footer a {color:#5d4b47}

#books {
  background-image: url("http://sydneyschoolofenglish.com.au/wp-content/uploads/2016/08/bookstack.png");
    bottom: 0;
    float: right;
    height: 542px;
    position: absolute;
    right: 0;
    width: 763px;
}

#lion {height:768px;position:absolute;top:-30px;left:-20px;width:100%;z-index:10;background-repeat: no-repeat;}

#blackboard {background-image: url("images/blackboard.png");
    color: #fff;
    font: 18px/1.2em 'Love Ya Like A Sister',cursive;
    height: 132px;
    right: 332px;
    padding: 35px;
    position: absolute;
    text-align: center;
    top: 51px;
    width: 244px;}




/* Header */

#header {height:195px;overflow:hidden;width:100%}

#header ul {list-style:none;margin:133px 0 0 30px}

#header ul li {float:left;margin-left:75px}

#header ul li a {background:url(images/bg-menu.png) no-repeat;float:left;height:61px;text-indent:-1000em}

#header ul li.current_page_item a,#header ul li a:hover{opacity:0.6}

#header ul li.m-home a {background-position:0 0;width:60px}

#header ul li.m-about a {background-position:-116px 0;width:60px}

#header ul li.m-forms a {background-position:-240px 0;width:130px}

#header ul li.m-news a {background-position:-416px 0;width:50px}

#header ul li.m-results a {background-position:-532px 0;width:70px}

#header ul li.m-profiles a {background-position:-668px 0;width:80px}

#header ul li.m-contact a {background-position:-812px 0;width:80px}

#nav{ left: 60px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 295px;
    z-index: 100;}

#nav li{vertical-align:top;overflow:hidden;text-indent:-9999px;margin:0;width:208px;height:38px;}

#nav li a{display:block;height:100%}

#nav li a:hover{text-decoration:none;}


#nav li.n-news{
    height: 100px;
    position: absolute;
    right: -260px;
    top: 120px;
    width: 220px;
    z-index: 9999;
}

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

#nav li.n-news{
    position: relative;
    top: 0px;
    left: 0px;
    }
}

#menu{margin:0;padding:0;list-style:none;overflow:hidden;}

body.home #books #menu {
   height: 500px;
    left: 308px;
    position: relative;
    top: 0;
    width: 455px;
}

#menu li{position:absolute;width: 208px;height:38px;z-index:100}

#menu li a{width:100%;height:100%;display:block;text-indent:-9999px;overflow:hidden;}

#menu li.b_esl-study-tours{   bottom: 86px;
    height: 31px;
    left: 19px;
    width: 175px;}

#menu li.b_ielts{ bottom: 114px;
    height: 31px;
    left: 14px;
    width: 175px;}

#menu li.b_hsc-english{     right: 47px;
    top: 6px;}

#menu li.b_senior-english{   height: 44px;
    right: 45px;
    top: 45px;}

#menu li.b_high-school-english{  height: 44px;
    right: 24px;
    top: 92px;
    width: 229px;}

#menu li.b_high-school-preparation{   height: 44px;
    right: 27px;
    top: 136px;
    width: 229px;}

#menu li.b_essay-writing{  right: 26px;
    top: 182px;
    width: 229px;}

#menu li.b_intensive-comprehension{ bottom: 115px;
    right: 13px;
    width: 229px;}

#menu li.b_intensive-vocabulary{   bottom: 69px;
    height: 45px;
    right: 23px;
    width: 229px;}

#menu li.b_opportunity-class-preparation{  height: 37px;
    left: 18px;
    top: 287px;
    width: 175px;}

#menu li.b_naplan-preparation{   height: 33px;
    left: 14px;
    top: 253px;
    width: 175px;}

#menu li.b_selective-school-preparation{  height: 39px;
    left: 10px;
    top: 210px;
    width: 175px;}

#menu li.b_scholarship-preparation{ height: 36px;
    left: 7px;
    top: 171px;
    width: 175px;}

#menu li.b_creative-writing-yr1-yr6{    bottom: 198px;
    height: 43px;
    right: 34px;
    width: 225px;}

#menu li.b_grammar-punctuation-spelling{bottom: 153px;
    height: 43px;
    right: 23px;
    width: 225px;}

#menu li.b_early-reading-writing{  bottom: 13px;
    height: 50px;
    right: 34px;
    width: 225px;}

/* testimonials item */


.b_testimonials {
   bottom: 145px;
    left: 12px;
    height: 30px;
    width: 178px;
}



/* Content */

.logo{width:254px;height:254px;overflow:hidden;display:block;margin:0 auto 15px;position: absolute;top: 0px;left: 0px;z-index: 11;cursor: pointer;}

.logo a{display:block;height:100%;}

#content ul {list-style:disc;margin:0 0 1em 18px}

#content ol {list-style:decimal;margin:0 0 1em 22px}

body.home #content{font:15px/20px lucida_calligraphyitalic, Arial, sans-serif;color:#000;}

.home #content h2{text-align:center;margin:0 0 20px;color:#762123;font:20px/24px lucida_calligraphyitalic, Arial, sans-serif;}

.home #content p{margin:0 0 18px;}

.home #content h3{font:17px/20px "Times New Roman", Times, serif;color:#000;margin:0 0 19px;}



	/* Post */

	#content .post {border-bottom:1px solid #CCC;margin:0 0 25px}

	#content .post .meta {font-style:italic}

	#content .post h1 {border:0;margin:0}

	#content .sticky {background:#f5efca}



/* Pagination */

#content #prev-next {list-style:none}

#content #prev-next #prev {float:left}

#content #prev-next #next {float:right}



/* Content Template */

#onlycontent #content, #about  #content{background:url(images/bg-content.jpg) no-repeat;float:right;margin:-2px 0 0 0;width:821px}

#onlycontent #content .page, #about  #content .page {margin:-16px 0 0 71px;width:590px}

#onlycontent #content .entry, #about  #content .entry {float:left;width:290px;margin:0 0 0 20px;line-height:14px;}

#onlycontent #content .entry p, #about  #content .entry p{margin:0 0 11px;}

#onlycontent #content .entry ul li, #about  #content .entry ul li{margin:0 0 9px;}

#onlycontent h1, #about h1{margin:16px 0 24px;}

#onlycontent .images, #about .images{float:right;width:300px;margin:57px -32px 0 0;}

#onlycontent .images .img, #about .images .img{border:6px solid #fff;position:relative;-webkit-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);box-shadow:0 4px 2px -2px rgba(0,0,0,0.3);float:left;}

#onlycontent .images .img img, #about .images .img img{vertical-align:top;}



/* Results Template */

#results #content {background:url(images/bg-results.jpg) no-repeat;height:479px;margin:17px 0 0 40px;overflow:hidden;width:1054px}

#results #content .page {margin:35px 0 0 320px;position:relative;width:605px}

#results #content .page #awards {margin:0;list-style:none;overflow:hidden;padding-bottom:10px;padding-top:12px;}

#results #content .page #awards li {border-bottom:1px solid #CCC;color:#960;font:bold 14px/1em Arial, sans-serif;float:left;list-style:none;padding:16px 0 16px;width:330px;margin:0;}

#results #content .page #awards li.alt {text-align:right;width:275px}

#results #content .page #awards li em {font-weight:normal}

#results #content .page #awards li:last-child {border:0}

#results #content .page #badge {background:url(images/bg-badge.png) no-repeat;position:absolute; bottom: 7px;height: 91px;left: 249px;width:91px}



/* Profile Template */

#profile #content {background:url(images/bg-profile.jpg) no-repeat;height:546px;float:right;margin:17px 70px 0 0;width:836px;padding:0;}

#profile #content .page {margin:90px 0 0 40px;width:655px}

#profile #content .photo {float:left;margin:4px 0 0 33px;position:relative;width:200px}

#profile #content .photo .clip {background:url(images/bg-paperclip.png) no-repeat;height:64px;position:absolute;top:-24px;left:-20px;width:41px}

#profile #content .photo h1 {padding-top:70px}

#profile #content .entry {float:right;margin:0px 0 0 0;width:400px;font:12px/12px Arial, Helvetica, sans-serif;}

#profile #content .entry p{margin:0 0 14px;line-height:1.2em;}

#profile #content h1{text-align:left;color:#996600;font:bold 16px/18px Arial, Helvetica, sans-serif;margin:0;}

#profile #content h2{text-align:left;color:#996600;font:14px/16px Arial, Helvetica, sans-serif;margin:0 0 14px;}

#profile #content .entry h3{text-align:left;color:#333;font:bold 12px/14px Arial, Helvetica, sans-serif;margin:0 0 14px;}

#profile #sidebar, #page #testimonial-sidebar  {float:left;font:17px/1em Myriad Pro,'Sketchy', Arial, Sans-Serif;margin:43px 0 0 145px;width:125px}

#profile #sidebar li , #page #testimonial-sidebar li{margin-bottom:11px}

#profile #sidebar li a , #page #testimonial-sidebar li a{color:#000;text-decoration:none}

#profile #sidebar h2, #page #testimonial-sidebar h2{color:#000;margin:0 0 38px;text-transform:uppercase;font-weight:normal;font-size:17px;line-height:19px;}

/* Profile staff Template */

#profile-staff #content {background:url(images/profile-staff.jpg) no-repeat;height:546px;float:right;margin:17px 70px 0 0;width:836px;padding:0;}

#profile-staff #content .page {margin:0 0 0 45px;width:670px}
#profile-staff #content .staff-list {margin:0 0 0 40px;}

#profile-staff #content .entry .text-content{float:left;margin:0px 0 0 0;width:250px;}
#profile-staff #content .staff-profile{ float: left; }
#profile-staff #content .staff-profile ul{float: left;margin: 0 -5px;}
#profile-staff #content .staff-profile li{ list-style-type: none; position: relative; margin: 0 5px 10px; float: left; text-align: center;}
#profile-staff #content .staff-profile li a{color: #333333;text-decoration: none;}
#profile-staff #content .staff-profile li .title{ position: absolute; left: 0; right: 0; text-align: center; font-weight: bold; bottom: 25px; }
#profile-staff #content .staff-profile li .position{text-align: center; font-size: 10px; font-family: "Century Gothic"; }
#profile-staff #content .entry p{margin:0 0 14px;line-height:1.5em;}

#profile-staff #content h1{ margin-bottom: 45px;margin-left: 10px;margin-top: 10px;text-align: left;}

#profile-staff #content h2{text-align:left;color:#996600;font:14px/16px Arial, Helvetica, sans-serif;margin:0 0 14px;}

#profile-staff #content .entry h3{text-align:left;color:#333;font:bold 12px/14px Arial, Helvetica, sans-serif;margin:0 0 14px;}

#profile-staff #sidebar  {float:left;font:17px/1em Myriad Pro,'Sketchy', Arial, Sans-Serif;margin:43px 0 0 145px;width:125px}

#profile-staff #sidebar li , #page #testimonial-sidebar li{margin-bottom:11px}

#profile-staff #sidebar li a , #page #testimonial-sidebar li a{color:#000;text-decoration:none}

#profile-staff #sidebar h2, #page #testimonial-sidebar h2{color:#000;margin:0 0 38px;text-transform:uppercase;font-weight:normal;font-size:17px;line-height:19px;}



/* Book Template */

#book #content {background:url(images/bg-book.jpg) no-repeat;float:right;height:581px;margin:15px 60px 0 0;width:760px;padding:0;}

#book #content .page {margin:74px 0 0 65px;width:650px}

#book #content .page .page-left {float:left;width:290px}

#book #content .page .page-left h2,

#book #content .page .page-right h2{color:#633;margin:0 0 22px;}

#book #content .page .page-right h2{margin:0px 0 22px;}

#book #content .page .page-right {float:left;margin-left:70px;width:290px}

#content .downloads{margin:0;padding:0;list-style:none;overflow:hidden;}

#content .downloads li{vertical-align:top;overflow:hidden;margin:0 0 9px;color:#333;font:12px/14px 'Century Gothic', Arial, Sans-Serif;}

#content .downloads li a{float:left;color:#333;font:12px/14px 'Century Gothic', Arial, Sans-Serif;text-decoration:none;padding:14px 0 11px 47px;background:url('images/download.png') no-repeat;}

#content .downloads li a strong{font-weight:bold;}

#content .downloads li .dl{text-decoration:underline;color:#663333;margin:0 0 0 4px;}

#content .downloads li a:hover .dl{text-decoration:none;}



/*Sitemap*/

#sitemap .col-h{overflow:hidden;}

#sitemap .col{float:left;width:260px;overflow:auto;height:330px;margin:0 0 0 40px}

#sitemap #content .col ul li{margin:0 0 5px;}

#sitemap #content .col ul li a{color:#000;text-decoration:none;}

#sitemap #content .col ul li a:hover{text-decoration:underline;}

#sitemap  #content ul ul{margin:0.5em 0 0.5em 18px;}

#sitemap .col h2{margin:0 0 10px;}



/*Contact*/

#contact-new #content, #contact #content, #contact-2 #content{background:url(images/bg-book.jpg) no-repeat;float:right;height:581px;margin:15px 60px 0 0;width:760px;padding:0;}

#contact-new #content .page, #contact #content .page, #contact-2 #content .page {margin:70px 0 0 59px;width:650px}

#contact-new #content .page .page-left, #contact #content .page .page-left, #contact-2 #content .page .page-left {float:left;width:290px}

#contact-new #content .page .page-right, #contact #content .page .page-right, #contact-2 #content .page .page-right  {float:left;margin-left:58px;width:290px}

#content .map-area{overflow:hidden;width:289px;height:305px;margin:40px 0 0;}

#content .map-area iframe{width:289px!important;height:305px!important;}

#content .map-area img{vertical-align:top;}

#content .map-area small{display:none;}

#contact-new address, #contact address, #contact-2 address{color:#333;font:12px/14px 'Century Gothic', Arial, Sans-Serif;margin:0 0 11px;display:block;}

#contact-new dl, #contact dl, #contact-2 dl{margin:0 0 20px;padding:0;overflow:hidden;}

#contact-new dt, #contact dt, #contact-2 dt{float:left;width:59px;margin:0 5px 0 0;font:12px/14px 'Century Gothic', Arial, Sans-Serif;}

#contact-new dd, #contact dd, #contact-2 dd{color:#333;font:bold 12px/14px 'Century Gothic', Arial, Sans-Serif;margin:0 0 10px;}

#contact-new dd a, #contact dd a, #contact-2 dd a{color:#333;font-weight:normal;text-decoration:none;}

#contact-new dd a:hover, #contact dd a:hover, #contact-2 dd a:hover{text-decoration:underline;}

#contact-new .gform_wrapper, #contact .gform_wrapper, #contact-2 .gform_wrapper{overflow:hidden;font:12px/14px 'Century Gothic', Arial, Sans-Serif;color:#333;}

#contact-new .gform_wrapper ul, #contact-2 .gform_wrapper ul{margin:0;padding:0;list-style:none;overflow:hidden;}

#contact-new .gform_body, #contact .gform_body, #contact-2 .gform_body{overflow:hidden;}

#contact-new  .gform_wrapper ul li, #contact  #content .gform_wrapper ul li, #contact-2  #content .gform_wrapper ul li{vertical-align:top;overflow:hidden;margin:0 0 5px;}

#contact-new .gform_wrapper ul li label, #contact .gform_wrapper ul li label, #contact-2 .gform_wrapper ul li label{float:left;width:59px;margin:0 5px 0 0;line-height:20px;}

#contact-new .gform_wrapper ul li label span, #contact .gform_wrapper ul li label span, #contact-2 .gform_wrapper ul li label span{display:none;}

#contact-new .gform_wrapper ul li.textarea label, #contact .gform_wrapper ul li.textarea label, #contact-2 .gform_wrapper ul li.textarea label{width:59px;}

#contact-new .gform_heading, #contact .gform_heading, #contact-2 .gform_heading{overflow:hidden;margin:0 0 5px;}

#contact-new .gform_wrapper textarea,

#contact-new .gform_wrapper input[type="text"], 

#contact .gform_wrapper textarea,

#contact .gform_wrapper input[type="text"], 

#contact-2 .gform_wrapper textarea,

#contact-2 .gform_wrapper input[type="text"]{font:bold 12px/18px 'Century Gothic', Arial, Sans-Serif;width:201px;height:18px;background:none;margin:0;padding:0 10px;color:#333;border:1px solid #999;}

#gforms_confirmation_message{color:#600;font-size:15px;line-height:18px;}

#contact-new .gform_wrapper textarea, #contact .gform_wrapper textarea, #contact-2 .gform_wrapper textarea{width:201px;height:82px;padding:10px;}

#contact-new .gform_footer, #contact .gform_footer, #contact-2 .gform_footer{overflow:hidden;}

#contact-new .gform_footer input, #contact .gform_footer input, #contact-2 .gform_footer input[type="submit"]{height:18px;font:bold 12px/12px 'Century Gothic', Arial, Sans-Serif;float:right;background:#600;margin:0 4px 0  0;padding:0 4px;cursor:pointer;border:none;-webkit-border-radius:8px;border-radius: 8px;text-transform:uppercase;color:#fff}

.validation_message,.validation_error{display:none;}

#contact-new .gform_wrapper .gfield_error textarea,

#contact-new .gform_wrapper .gfield_error input[type="text"],

#contact .gform_wrapper .gfield_error textarea,

#contact .gform_wrapper .gfield_error input[type="text"],

#contact-2 .gform_wrapper .gfield_error textarea,

#contact-2 .gform_wrapper .gfield_error input[type="text"]{border-color:#600;background:#ecc1c1;}

#contact-new .map-area {
    height: 305px;
    margin: 40px 0 0;
    overflow: hidden;
    width: 289px;
}
#contact-new .map-area small {
    display: none;
}

/*Single Post*/

.single #sidebar{float:left;background:url('images/sidebar-t.png') no-repeat;width:306px;margin:24px 0 0 49px;}

.single #sidebar .sidebar-holder{background:url('images/sidebar-b.png') no-repeat 0 100%;padding:250px 0 180px;width:306px;}

.single #sidebar .sidebar-frame{background:url('images/sidebar-c.png') repeat-y;width:306px;height:140px;}

.single #sidebar ul:after,.single #sidebar .sidebar-holder:after,.single #sidebar .sidebar-frame:after,{display:block;clear:both;content:'';}

.single #sidebar .sidebar-center{width:246px;float:left;padding:13px 28px 0 32px;position:relative;margin:-200px 0 -114px;}

.single #sidebar ul{margin:0;padding:0;list-style:none;}

.single #sidebar ul li{font:16px/1em Myriad Pro,'Sketchy', Arial, Sans-Serif;vertical-align:top;margin:0 0 -11px;overflow:hidden;}

.single #sidebar ul li a{display:block;color:#000;	padding:11px 0 11px 24px;text-decoration:none;}

.single #sidebar ul li.active a,.single #sidebar ul li a:hover{background:url('images/bg-hover.png') no-repeat;}

.single .post-h,
#contact-new .post-h{background:url('images/bg-book.png') no-repeat;float:right;width:706px;margin:0 49px 0 -27px;padding:35px 43px 0;height:545px;}



#flipbook .odd{border-left:1px solid #acacae;}

#flipbook .even{

	background:-webkit-gradient(linear, left top, right top, color-stop(0.99, #f6f6f6), color-stop(1, #dadada));

	background-image:-webkit-linear-gradient(left, #f6f6f6 99%, #dadada 100%);

	background-image:-moz-linear-gradient(left, #f6f6f6 99%, #dadada 100%);

	background-image:-ms-linear-gradient(left, #f6f6f6 99%, #dadada 100%);

	background-image:-o-linear-gradient(left, #f6f6f6 99%, #dadada 100%);

	background-image:linear-gradient(left, #f6f6f6 99%, #dadada 100%);

	border-right:1px solid #acacae;

}

#flipbook{width:706px;height:506px;-webkit-transition:margin-left 0.2s ease-in-out;-moz-transition:margin-left 0.2s ease-in-out;-o-transition:margin-left 0.2s ease-in-out;-ms-transition:margin-left 0.2s ease-in-out;transition:margin-left 0.2s ease-in-out;}



#flipbook .page{width:352px;height:505px;/*background-color:#f6f6f6;*/}

#flipbook .page .hold{/*overflow:hidden;*/height:438px;/*padding:92px 31px 30px;*/margin:32px 32px 30px;line-height:14px;background-color:#f6f6f6;}

#flipbook .page .hold p{margin:0 0 10px;}

#flipbook h1{margin-bottom:17px}

#flipbook h3{font-size:12px;line-height:15px;margin:0 0 10px;}

#flipbook .page-wrapper{-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;-o-perspective:2000px;perspective:2000px;width:352px;	height:505px;}

#flipbook .page-wrapper div{position:relative;}

.post-h .book-nav{margin:-30px 0 0;overflow:hidden;position:relative;z-index:30;}

.post-h .book-nav .btn-back{float:left;color:#999;font:italic 10px/12px Georgia, serif;padding:0 0 0 20px;background:url('images/bg-home.png') no-repeat 0 4px;margin:0 0 0 39px;text-decoration:none;}

.post-h .book-nav .btn-prev,

.post-h .book-nav .btn-prev_p{float:left;color:#999;font:italic 10px/12px Georgia, serif;padding:0 0 0 20px;background:url('images/bg-prev3.png') no-repeat 0 4px;margin:0 0 0 255px;text-decoration:none;}

.post-h .book-nav .btn-next,

.post-h .book-nav .btn-next_p{float:right;color:#999;font:italic 10px/12px Georgia, serif;padding:0 20px 0 0;background:url('images/bg-next3.png') no-repeat 100% 4px;margin:0 34px 0 0;text-decoration:none;}

.post-h .book-nav .btn-back:hover,.post-h .book-nav .btn-prev:hover,.post-h .book-nav .btn-next:hover,.post-h .book-nav .btn-prev_p:hover,.post-h .book-nav .btn-next_p:hover{text-decoration:underline;}

.post-h .book-nav .should_visible{ display:block !important;}

#ribbon{overflow:hidden;width:221px;height:174px;position:absolute;top:90px;left:56px;text-align:center;line-height:17px;}

#results #content{position:relative;}

#menu .b_news{
    display: none;
}



/* Footer */

#footer {color:#000;font:11px Arial, Sans-Serif;clear:both;margin:0 auto;padding:5px 10px 15px;overflow:hidden;width:960px;position:relative;z-index:100}

#footer a {color:#000;text-decoration:none}

#footer a:hover, #footer a:focus {text-decoration:underline}

#footer p {float:left}

#footer ul {float:left;list-style:none;margin-left:15px}

#footer ul li {border-left:1px solid #000;display:inline;padding:0 8px}

#footer ul li:first-child {border:0}

#footer #credit {float:right;margin:0 20px 0 0;}



/* Image Alignment */

img.aligncenter {display:block;margin-left:auto;margin-right:auto}

img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}

img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}

.alignright {float:right}

.alignleft {float:left}



/* 2.7+ Comments */

#comments_wrap ol {list-style:none}

#comments_wrap ol li {border-bottom:1px solid #CCC;margin:0 0 5px}

#comments_wrap .commentmetadata {margin:0 0 10px}

#comments_wrap .comment-author {border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;}

#comments_wrap .comment-author img {float:left;margin:0 10px 0 0}

#comments_wrap .comment-author cite {font-weight:bold}



/* Captions */

.wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;margin:10px;-moz-border-radius:3px;padding-top:4px;text-align:center;-webkit-border-radius:3px}

.wp-caption img {border:0 none;margin:0;padding:0}

.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

#onlycontent .images .img.img2,
#about .images .img.img2{

	behavior:url(/sydneyschool/wp-content/themes/ssoe/js/ms-transform.htc);

    -moz-transform: rotate(-6deg);

	-webkit-transform: rotate(-6deg);

	-o-transform: rotate(-6deg);

	-ms-transform: rotate(-6deg);

	transform: rotate(-6deg);

    /*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);

    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";*/

	z-index:2;

	margin:-43px -26px 0 35px;

}

#onlycontent .images .img.img3,
#about .images .img.img3{

margin:-29px 0 0;

	z-index:3;

		behavior:url(/sydneyschool/wp-content/themes/ssoe/js/ms-transform.htc);

    -moz-transform: rotate(5deg);

	-webkit-transform: rotate(5deg);

	-o-transform: rotate(5deg);

	-ms-transform: rotate(5deg);

	transform: rotate(5deg);

    /*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);

    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";*/

}

#profile #content .photo img {

	behavior:url(/sydneyschool/wp-content/themes/ssoe/js/ms-transform.htc);

    -moz-transform:rotate(-3.5deg);

    -webkit-transform:rotate(-3.5deg);

    -o-transform:rotate(-3.5deg);

    -ms-transform:rotate(-3.5deg);

    /*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);

    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";*/

}





body.error404 #content {background:url(images/bg-content.jpg) no-repeat;height:434px;float:right;margin:-2px 80px 0 0;width:741px;line-height:14px;padding:105px 40px 0}

body.error404 #content  p{margin:0 0 11px;}

body.error404 #content ul li{margin:0 0 9px;}

body.error404 h1{margin:16px 0 37px;}



body.error404 #content {background:url(images/bg-content.jpg) no-repeat;float:right;margin:-2px 0 0 0;width:821px}

body.error404 #content .page {margin:-16px 0 0 71px;width:590px}

body.error404 #content .entry {float:left;width:290px;margin:0 0 0 20px;line-height:14px;}

body.error404 #content .entry p{margin:0 0 11px;}

body.error404 #content .entry ul li{margin:0 0 9px;}

body.error404 h1{margin:16px 0 24px;}



.tab {position:fixed;height:605px;top:-570px;right:10px;width:320px;z-index:100}

.tab .content {display:none;height:550px;position:absolute;top:10px;left:10px}

.tab .content-wrap {background:#FFF;border:1px solid #EEE;height:568px;width:318px;-webkit-border-radius: 0 0 0 10px;border-radius: 0 0 0 10px}

.tab .twt iframe {height:523px}

.tab .trigger {background:#EEE;position:absolute;right:0;bottom:0;height:35px;width:110px;-webkit-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;z-index:101}

.tab .trigger span {background-position:center;background-repeat:no-repeat;display:block;height:100%;width:100%}

#fb {right:125px}

.tab .close {background:#666;border:1px solid #333;color:#FFF;display:none;font-size:16px;font-weight:bold;height:24px;width:24px;position:absolute;bottom:5px;left:45px;border-radius:24px;-webkit-border-radius:24px;text-decoration:none;text-align:center;line-height:24px}



.tab .trigger {

background: #eeeeee; /* Old browsers */

background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */

background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */

}



#fb span {background-image:url(images/tab-fb.png)}

#twt span  {background-image:url(images/tab-twitter.png)}

.mobile-header {
display: none;
}

.book-title {
 display: none;
}

#results #content #ribbon h1 {
display: none;
}

@media only screen and (max-width: 1177px) {
body.page-template #page, body.single #page, body.error404 #page {
width: 100%;
background: url("images/bg-page.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}
#header ul {
 margin: 133px 0 0;
}
#header ul li  {
   margin-left: 6%;
}
.single #sidebar{
margin: 24px 0% 0 2%;
 width: 298px;
}
.single .post-h {
 margin: 0 2% 0 0;
}
.shadow {
display: none !important;
}
#results #content {
  width: 1010px;
}
#profile #sidebar, #page #testimonial-sidebar  {
      margin: 43px 0 0 6%;
}

#profile #content {
 margin: 17px 4% 0 0;
 }
 #profile-staff #sidebar{
      margin: 43px 0 0 6%;
}

#profile-staff #content {
 margin: 17px 4% 0 0;
 }
}
@media only screen and (max-width: 1140px) {.single #sidebar{margin: 24px 0% 0 1%;}.single .post-h {margin: 0 1% 0 0;}}
@media only screen and (max-width: 1114px) {.single #sidebar{margin: 24px 0% 0 0%;}.single .post-h {margin: 0 0% 0 0;}}
@media only screen and (max-width: 1091px) {

body.single-book #header {
  background: url("images/bg-page.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    padding-bottom: 15px;
}
body.single-book #page {
     background: url("images/deskedge.jpg") repeat-x scroll center bottom rgba(0, 0, 0, 0);
    float: left;
    padding-bottom: 104px;
    margin: auto;
    height: auto;
}

 .single #sidebar{
    margin: 24px 0 0 -15px;
  }
  .single .post-h {
     margin: 30px 0 0;
     background: none;
     width: 70%;
     height: auto;
     padding: 0;
     background: #fff;
  }
  #flipbook {
   float: left;
    height: auto;
    padding: 0 2%;
    transition: none 0s ease 0s ;
    width: 96%;
  }

  .post-h .book-nav {
    padding: 2%;
    position: static;
    overflow: auto;
    margin: 0;
  }
   #results #content {
  width: 950px;
}
#profile #sidebar, #page #testimonial-sidebar, #profile-staff #sidebar  {
      margin: 43px 0 0 3%;
}

#profile #content, #profile-staff #content {
 margin: 17px 1% 0 0;
 }
 
 .post-h .book-nav .btn-back {
       margin: 0;
    padding: 0 0 0 20px;
    width: 80%;
 }
 
 .post-h .book-nav .btn-prev_p, .post-h .book-nav .btn-next_p {
    margin: 0;
    width: 40%;
}

.post-h .book-nav .btn-prev, .post-h .book-nav .btn-next {
display: none;
}

.btn-next_p {
  text-align: right;
}

.btn-prev_p {
 text-align: left;
} 

 
}
@media only screen and (max-width: 1020px) { 
#profile #sidebar, #page #testimonial-sidebar  {
      margin: 43px 0 0 2%;
}
#profile #content {
 margin: 17px 0% 0 0;
 }}
@media only screen and (max-width: 1049px){
	#about #content {
		background: none;
	} 
 }
@media only screen and (max-width: 980px) {
   body.home #page {
    width: 100%;
    height: 945px;
   }
   #footer {
    width: 90%;
    padding: 5px 5% 15px;
   }
   body.home #content {
       float: left;
    padding: 0 2%;
    width: 62% !important;
   }
   #blackboard {
    top: 30px;
    right: 5%;
   }
   #books {

   }
   #lion {
   display: none;
   }
   .logo {
    display: none;
   }
   
#header ul li {
    margin-left: 5%;
}     
  .single .post-h {
    width: 65%;
  }
  
#header {
  background: url("images/bg-page.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    padding-bottom: 15px;
}
body.page-template #page, body.single #page, body.error404 #page {
     background: url("images/deskedge.jpg") repeat-x scroll center bottom rgba(0, 0, 0, 0);
    float: left;
    padding-bottom: 104px;
    margin: auto;
    height: auto;
}
#onlycontent #content, #book #content, #results #content, #contact #content, #contact-2 #content, #page #content, #about #content {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: auto;
    margin: 0;
    padding: 15px 2%;
    width: 96%;
}
#onlycontent #content .page, #book #content .page, #results #content .page, #contact #content .page, #contact-2 #content .page, #page #content .page, #about #content .page{
   margin: auto;
}

  #ribbon {
      height: auto;
    position: static;
    width: 100%;
  }
  
  #results #content #ribbon h1 {
display: block;
}

#profile #content, {
   height: auto;
    margin: 17px 0 0 0;
    width: 75%;
    background: none;
}

#profile #content .page {
    float: left;
    margin: 0;
    
    width: 96%;
}
#profile #content .entry {
   width: 60%;
}

#profile #content .photo {

    margin: 4px 0 0 0;

    width: 35%;
}
  #sitemap .col {
    width: 46%;
    margin: 0 0 0 2%;
    height: auto;
  }
}
@media only screen and (max-width:860px) {
#header ul li {
    margin-left: 4%;
}

.single .post-h {
    width: 60%;
}


}
@media only screen and (max-width: 730px) {
body.home #page {
     margin: 105px auto 0;
     height: auto;
}
   .mobile-header {
      background-color: #782127;
    display: block;
    height: 35px;
    left: 0;
    padding: 10px 2%;
    position: fixed;
    top: 0;
    width: 96%;
    z-index: 101;
   }
   .mobile-header ul {
     float: left;
     width: 30%;
   }
   .mobile-header ul li {
     float: left;
   }
   .mobile-header ul li a {
     display: block;
     cursor: pointer;
   }
   .mobile-header ul li.home {
     padding-right: 15%;
   }
   .mobile-header ul li.home a {
     background-image: url(images/homeicon.png);
     width: 34px;
     height: 32px;
   }
   .mobile-header ul li.menu {
    margin-top: 3px;
   }
   .mobile-header ul li.menu a {
     background-image: url(images/menuicon.png);
     height: 28px;
     width: 37px;
   }
   .mobile-header div {
     color: #f9b44c;
    float: right;
    font-family: times new roman;
    font-size: 20px;
    margin: 9px 0;
   }
  
   .tab {
    display: none;
   }
   
   .mobile-social {
   background-position: center center;
    display: block;
    height: 55px;
    position: fixed;
    top: 55px;
    width: 66px;
   }

   #fb.mobile-social {
     background-image: url(images/facebookm.png);
     right: 65px;
   }
   #twt.mobile-social {
     background-image: url(images/twitterm.png);
     right: 0px;
   }
    #blackboard {
    right: 2%;
   }
   #books {
   background: none;
   width: 100%;
   height: auto;
   float: left;
   position: relative;
   }
   #books #navContainer {
    display: none;
   }
   body.home #books #menu {
   background-image: url("images/tableedge.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 60px;
    float: left;
    height: auto;
    margin-bottom: 15px;
    overflow: auto;
    padding-bottom: 60px;
    position: static;
    width: 100%;
   }
   #books #menu li {
      position: static;
      width: 100%;
      height: auto;
      text-align: center;
   }
   
   #books #menu li a {
     color: #fff;

    height: 17px;
    padding: 20px 0;
    text-decoration: none;
    text-indent: 0;
    width: 100%;      
      font-size: 20px;
      border-bottom: 1px solid #333333;
       background-repeat: no-repeat;
    background-size: 100% 100%;
    font-family: Times New Roman;
   }
   .book-title {
    display: block;
     font: 28px 'Love Ya Like A Sister',cursive;
     color: #333;
   }
   
   #books #menu li:nth-child(2) a, #books #menu li:nth-child(7) a, #books #menu li:nth-child(12) a, #books #menu li:nth-child(17) a {
     background-image: url(images/redbook.jpg);
   }
   
    #books #menu li:nth-child(3) a, #books #menu li:nth-child(8) a, #books #menu li:nth-child(13) a, #books #menu li:nth-child(18) a {
      background-image: url(images/orangebook.jpg);
   }
   
    #books #menu li:nth-child(4) a, #books #menu li:nth-child(9) a, #books #menu li:nth-child(14) a, #books #menu li:nth-child(19) a {
       background-image: url(images/cyanbook.jpg)
   }
   
    #books #menu li:nth-child(5) a, #books #menu li:nth-child(10) a, #books #menu li:nth-child(15) a, #books #menu li:nth-child(20) a {
      background-image: url(images/goldbook.jpg);
   }
   
    #books #menu li:nth-child(6) a, #books #menu li:nth-child(11) a, #books #menu li:nth-child(16) a, #books #menu li:nth-child(21) a {
     background-image: url(images/greenbook.jpg);
   }
   
   .b_testimonials {
    display: none;
   }
   
   body.home #footer, #footer {
    background-color: #782127;
    color: #fff;
    
   }
   body.home #footer a, #footer a {
   color: #fff;
   }
   #footer p, #footer ul {
    width: 100%;
    text-align: center;
    margin: 0;
   }

   body.page-template #page, body.single #page {
      margin: 54px 0 0 0;
   }
   #header {
    padding: 0;
    height: 145px;
   }
    .blog #header {
        height: 95px;
    }
   #navContainer {
    display: none;
   }
   body.page-template #content, body.single #content, #profile #content {
    width: 96%;
    margin: 0px 0 0;
   }
   .single #sidebar{
    display: none; 
  }
  .single .post-h {
    margin: 15px 0 0;
    width: 100%;
}
#mSidebar {
  background-image: url("images/closebtn.png");
    background-position: center -4px;
    height: 55px;
    left: 0;
    position: fixed;
    display: none;
    top: 55px;
    width: 55px;
    z-index: 101;
}
    .single-book #mSidebar, #profile #mSidebar,#profile-staff #mSidebar {
         display: block;
    }
    #onlycontent #content .page, #book #content .page, #results #content .page, #contact #content .page, #contact-2 #content .page , #page #content .page, #about #content .page {
        width: 100%;
    }
    #onlycontent #content .entry, #about #content .entry {
        float: left;
        line-height: 14px;
        margin: 0;
        width: 100%;
    }
    #onlycontent .images, #about .images {
        float: none;
        margin: auto;
        width: 300px;
    }
    #book #content .page .page-left, #book #content .page .page-right {
        width: 100%;
        margin: auto;
    }
    #contact #content .page .page-left, #contact #content .page .page-right,
    #contact-2 #content .page .page-left, #contact-2 #content .page .page-right {
        width: 300px;
        margin: auto;
        float: none;
    }
    #results #content .page #awards li, #results #content .page #awards li.alt {
        width: 50%;
        height: 42px;
    }
    #results #content .page #badge {
        position: static;
        margin: auto;
    }
    #profile #sidebar, #profile-st #sidebar #page #testimonial-sidebar  {
        display: none;
    }
    body.home #content {
        width: 96% !important;
    }
    #books #menu li.b_news{
        display: block;
        background: url("images/news-mobile-bg.png") repeat left top;    
        height: 96px;
        position: relative;
    }
    #books #menu li.b_news a{
        background: rgba(0, 0, 0, 0) url("images/mobile-newspaper-img.png") no-repeat center center !important;
        border: 0 none;
        height: 150px;
        text-indent: -9999px;
        padding: 0;
        position: relative;
        top: -15px;
    }
  
}

@media only screen and (max-width: 620px) {
body.home #page {
    margin: 55px auto 0;
}
    body.home #content {
      text-align: left;
      padding: 1px 2% 15px !important;
    }
    body.home #content > img {
    margin-bottom: 210px;
    width: 55px;
    }
    .container {
      text-align: left;
    }
    #blackboard {
        background-position: center center;
    background-repeat: no-repeat;
    padding: 35px 30%;
    right: 0;
    top: 70px;
    width: 40%;
    }
}

@media only screen and (max-width: 520px) {
 #blackboard {
    padding: 35px 27%;
    width: 46%;
  }
  #profile #content .photo {
    margin: 4px 0 0;
    width: 100%;
    text-align: center;
} 
#profile #content .entry {
    width: 100%;
}
#profile #content .photo .clip {
  display: none;
}
#profile #content .photo h1 {
   padding-top: 20px;
}
}

@media only screen and (max-width: 380px) {
    #books #menu li.b_news{
        height: 56px;
        position: relative;
    }
    #books #menu li.b_news a{
        background-size: 75% auto !important;
        height: 94px;
        top: -10px;
    }

}
.mobile-news-banner{display: none;}
.show-mobile{display: none;}
.hide-desktop{display:none;}
@media only screen and (max-width: 1090px) {
    .show-desktop{
        display: none !important;
    }
    .hide-desktop{
        display: block !important;
    }
    .mobile-contact-page{
        background: rgba(0, 0, 0, 0) url("images/bg-book.png") no-repeat scroll -12px 0;
        height: 600px;
        margin: -90px auto -27px;
        padding: 35px 50px 0;
        width: 690px;
    }
    .mobile-contact-page .content-left{
        width: 42%;
        float: left;
    }
    .mobile-contact-page .content-right{
        width: 47%;
        float: right;
    }
    .mobile-contact-page h1{
        margin: 16px 0 27px;
    }

}
@media only screen and (max-width: 767px){
    .mobile-contact-page{
        background: rgba(0, 0, 0, 0) url("images/mobile-contact-TOP-bkg-img.png") no-repeat scroll -1px 0;
        height: auto;
        margin: -56px auto 0px;
        max-width: 395px;
        padding: 42px 0 0;
        width: 100%;
    }
    .mobile-contact-page-wrap{
        background: rgba(0, 0, 0, 0) url("images/mobile-contact-BOTTOM-bkg-img.png") no-repeat scroll left bottom;
        max-width: 395px;
        padding-bottom: 58px;
        width: 100%;
    }
    .mobile-contact-page-content{
        background: rgba(0, 0, 0, 0) url("images/mobile-contact-MIDDLE-bkg-img.png") repeat-y scroll 0 0;
        max-width: 345px;
        padding: 20px 13px 20px 50px;
        width: 100%;
    }
    .mobile-contact-page .content-left,
    .mobile-contact-page .content-right{
        float: none;
        width: 85%;
    }
    .mobile-contact-page h1{
        margin: 16px 0 27px;
    }
}
@media only screen and (max-width: 479px) {

    .mobile-contact-page-content {
        width: 84%;
    }
    #contact-new .map-area,
    #contact-new .map-area iframe{
        width:100%;
    }
}
@media only screen and (max-width: 480px) {
    .hide-mobile{display:none !important;}
    .show-mobile{display:block !important;}
    #blackboard {
        padding: 35px 25%;
        width: 50%;
    }
    .mobile-news-banner{display:block;width: 100%; height: auto;}
    .blog .news-content{
        padding: 0;
        background:#EFEEF0 url(images/mobile-news-bkg-BOTTOM-img-new.png) no-repeat bottom left;
        background-size: 100% auto !important;
    }
    .blog .news-content .news-list{
        padding-top: 0;
        background:url(images/mobile-news-bkg-TOP-img-2.png) no-repeat top left;
        background-size: 100% auto !important;
    }
    #profile-staff #content .page, #profile-staff #content .staff-list {
        margin: 0 auto !important;
    }
    #profile-staff #content .page{
        background: url("images/mobile-profile-TOP-bkg-img.png") no-repeat left top;
        max-width: 401px;
        width:100%;
        padding-top: 50px;
    }
    #profile-staff #content .page-wrap{
        background: #FEF0D5;
    }
    #profile-staff #content .staff-list{
        background: url("images/mobile-profile-BOTTOM-bkg-img.png") no-repeat left bottom;
        max-width: 401px;
        width:100%;
        padding-bottom: 67px;
    }
    #profile-staff #content .staff-profile{
        background: #FEF0D5;
    }
    #profile-staff #sidebar{
        display: none !important;
    }
}



@media only screen and (max-width: 430px) {
   .mobile-header ul {
      width: 25%;
   }
   .mobile-header ul li.home {
      padding-right: 7%;
   }
    .mobile-header div {
      font-size: 18px;
   }    
#blackboard {
    padding: 35px 20%;
    width: 60%;
}
   #books #menu li a { 
      font-size: 18px;
   }
}

@media only screen and (max-width: 360px) {
     .mobile-header div {
      font-size: 15px;
   }
   
 #blackboard {
    padding: 35px 18%;
    width: 65%;
}
   #books #menu li a { 
      font-size: 16px;
   }
}  

/* New CSS */

.clear-float{
	clear: both;
    height: 0;
    float: none;
}
body.blog #page {
    background: url(images/bg-page.jpg) no-repeat;
    height: 830px;
    margin: 0 auto -34px;
    width: 1177px;
}
.news-content{
	background: url("/wp-content/uploads/2016/09/bg-news-content.png") no-repeat scroll 0 0;
    float: right;
    margin: -2px 0 0;
    width: 821px;
	height: 480px;
    line-height: 14px;
    padding: 170px 40px 0;
}
.news-content h1{
	color: #771d1f;
    font-size: 22px;
	font-weight: bold;
    margin-bottom: 0;
    text-align: left;
}
.news-content h1.title-head{
	display: none;
}
.news-content h2 a{
	font-size: 15px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 15px;
	display: inline-block;
	text-decoration: none;
	min-height: 28px;
}
.news-banner{
    margin: 10px 0;
}
.news-list{
	margin-left: 80px;
	max-height: 360px;
    overflow: auto;
    width: 725px; 
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}
.news-list .post{
	border-bottom: 1px solid #333333;
	padding: 18px 0;
	float: left;
	width: 40%;
	min-height: 198px;
}
.news-list .post:nth-of-type(2n+1){	
	margin-right: 20px;
}
.news-list .post:nth-of-type(2n){	
	margin-left: 20px;
}
.news-list .post .wp-post-image{
	margin-right: 12px;
	float: left;
}
.news-list .post .entry{
	width: 100%;
	font-size: 16px;
        line-height: normal;
}
.single-post .post{
	border-bottom: none;
        width:100%;
}
.single-post h1{
	margin: 0 !important;
	padding-left: 0;
}
@media only screen and (max-width: 1177px) {
	body.blog #page{
		width: 100%;
		background-position: center center;
	}
}
@media only screen and (max-width: 980px) {
	.news-content{
		background: #ffffff;
		float: left;
		height: auto;
		margin: 0;
		padding: 70px 5%;
		width: 90%;
	}
	.news-list{
		max-height: none;
	}
    .div-page-wrapper{
        background: url(images/wood-grain.jpg) repeat-y center;
    }
    .page-mobile-wrap{
        background: #f0e9df none repeat scroll 0 0;
        padding: 20px;
    }
    #about #content .page-mobile-wrap .entry{
        margin-left: 10px;
        width:50%;
    }
    #about #content .page-mobile-wrap .images{
        margin-right: 0px;
        width:45%;
    }
    #about #content .page-mobile-wrap .images .img img{
        width: 100%;
        height: auto;
    }
    #book #content .page .page-left,
    #book #content .page .page-right{
        width: 43%;
    }
    #book #content .page .page-mobile-wrap .page-right{
        float: right;
    }
    #book #content .page .page-right h2{
        margin-top: 0;
    }
    #results #content .page{
        width:645px;
    }
}
@media only screen and (max-width: 767px) {

    #results #content .page{
        width: 100%;
    }
	.news-content{		
		width: 100%;
		padding: 40px 0;
	}
	.news-list {
		max-height: none;
		padding: 15px 2%;
		width: 96%;
	}
	.news-list .post{
		width: 100%;
	}
	.news-list .post:nth-of-type(2n+1){	
		margin-right: 0px;
	}
	.news-list .post:nth-of-type(2n){	
		margin-left: 0px;
	}
	.news-content h1{
		margin-left: 2%;
	}
    .page-mobile-wrap{
        background-size: 100%;
    }
}
@media only screen and (max-width: 479px) {
    #about #content .page-mobile-wrap .entry{
        float: none;
        width: auto;
        margin: 0 10px;
    }
    #about #content .page-mobile-wrap .images {
        margin: 0 auto;
        width: 90%;
    }
    #book #content .page .page-mobile-wrap .page-left,
    #book #content .page .page-mobile-wrap .page-right{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
#contact-prev-next{
	display: none;
}
@media only screen and (max-width: 1129px){
	#contact #content, #contact-2 #content{
		margin:15px 0 0 0;
		width: 765px;
	}
}
@media only screen and (max-width: 1049px) and (min-width: 981px){
    body.page-template#profile-staff #page{
        background: rgba(0, 0, 0, 0) url("images/bg-page.jpg") no-repeat scroll center center
    }
}
@media only screen and (max-width: 1049px) {
	#header {
		background: url("images/bg-page.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
		padding-bottom: 15px;
	}
	body.page-template #page{
		 background: url("images/deskedge.jpg") repeat-x scroll center bottom rgba(0, 0, 0, 0);
		float: left;
		padding-bottom: 104px;
		margin: auto;
		height: auto;
	}
	#contact #content, #contact-2 #content{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		float: left;
		height: auto;
		margin: 0;
		padding: 15px 2%;
		width: 96%;
	}
	#contact #content .page, #contact-2 #content .page{
	   margin: auto;
	}
	#contact-prev-next{
		display: inline-block;
		padding: 2%;
		width: 90%;
	}
	#contact-prev-next li.previous{
		list-style: none;
		float: left;
	}
	#contact-prev-next li.next{
		list-style: none;
		float: right;
	}
	#contact-prev-next li.previous a{
		background: url("images/bg-prev3.png") no-repeat scroll 0 4px;
		color: #999;
		font: italic 10px/12px Georgia,serif;
		padding: 0 0 0 20px;
		text-decoration: none;
	}
	#contact-prev-next li.next a{
		background: url("images/bg-next3.png") no-repeat scroll 50px 4px;
		color: #999;
		font: italic 10px/12px Georgia,serif;
		padding: 0 20px 0 0;
		text-decoration: none;
	}
}
@media only screen and (max-width: 980px) {
	.news-list{
		margin-left: 0;
	}
}
.contact-sidebar #sidebar{
	float: left;
    margin: 25px 0 0 90px;
    width: 240px;
}
.contact-sidebar #sidebar .sidebar-holder{
	background: rgba(0, 0, 0, 0) url("images/sidebar-contact.png") no-repeat scroll 0 100%;
    padding: 0 0 35px;
}
.contact-sidebar #sidebar ul:after, .contact-sidebar #sidebar .sidebar-holder:after, .contact-sidebar #sidebar .sidebar-frame:after{
	display:block;
	clear:both;
	content:'';
}
.contact-sidebar #sidebar ul{
	margin:0;
	padding: 85px 0 0 65px;
	list-style:none;
}
.contact-sidebar #sidebar ul li{
	background:url('images/contact-locations.png') no-repeat;
	font:16px/1em Myriad Pro,'Sketchy', Arial, Sans-Serif;
	vertical-align:middle;
	overflow:hidden;
}
.contact-sidebar #sidebar ul li.title{
	background-position: 0 0;
	text-indent: -999px;
	line-height: 32px;
}
.contact-sidebar #sidebar ul li.mascot{
	background-position: 0 -70px;
}
.contact-sidebar #sidebar ul li.burwood{
	background-position: 0 -35px;
}
.contact-sidebar #sidebar ul li a{
	display:block;
	color:#000;	
	line-height: 36px;
	padding: 0;
	text-decoration:none;	
	text-indent: -999px;
}
.contact-sidebar #sidebar ul li.active a, .contact-sidebar #sidebar ul li a:hover{
	background:url('images/contact-location-hover.png') no-repeat 20px 23px;
}
@media only screen and (max-width: 1177px) {
	.contact-sidebar #sidebar{
		margin: 24px 0 0 4%;
	}
}
@media only screen and (max-width: 1049px) {
	.contact-sidebar #sidebar{
		margin: 4% 35%;
	}
}
@media only screen and (max-width: 640px) {
	.contact-sidebar #sidebar{
		margin: 4% 32%;
	}
}
@media only screen and (max-width: 480px) {
	.contact-sidebar #sidebar{
		margin: 4% 22%;
	}
}

@media only screen and (max-width: 980px) {
    #profile-staff #sidebar {
        margin: 28px 0 0 2%;
        width: 15%;
    }
    #profile-staff #content{
          width: 83%;
        padding-left: 0;
        padding-right: 0;
    }
    #profile-staff #content .page {
        margin: 0 0 0 45px;
        width: 670px;
    }
}
@media only screen and (max-width: 800px) {
    #profile-staff #content .page {
        margin: 0 0 0 40px;
        width: calc(100% - 40px);
    }
    #profile-staff #content .entry .text-content {
        float: none;
        margin: 0 0 0 10px;
        width: 98%;
    }
}
@media only screen and (max-width: 730px) {
    #profile-staff #content {
        width: 100%;
    }
    #profile-staff #content .page, #profile-staff #content .staff-list {
        margin: 0 10px;
        width: calc(100% - 20px);
    }

}
.read-more{
	text-decoration: underline;
	color: #663333;
}
.our-staff{
	text-decoration: none;
}