@import url("styles/reset/reset.css");
@import url(http://fonts.googleapis.com/css?family=Lobster);
@font-face {
	font-family: RomanScript;
	src: url('fonts/AC-DiaryGirl_Unicode.ttf');
}

@font-face {
	font-family: DGunicode;
	src: url('fonts/AC-DiaryGirl_Unicode.ttf');
}


html, body {height:100%;}
body {
	font-family:"Helvetica Neue", Helvetica, Verdana, sans-serif;
	color:#3b2f27;
	position:relative;
	background-image: url(images/bodybg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #b59566;
	font-size:12px;

}
h1 {
	font-size:3.2em; 
	font-family: RomanScript, Helvetica, Verdana, sans-serif;
	font-weight:normal !important;
	
	}
#sitename {
	font-weight:bold;
	color:#124d2c;
	text-shadow:#f5d18b 1px 1px 1px;
	float:right;
	padding:9px 0 0 40px;
	width: 950px;
	text-align:center;
}
#sitename a {color:#124d2c; text-decoration:none;}
#sitename.logotext a {display:block; color:#5c1904; text-shadow:#f1d8a4 1px 1px 1px;}
#sitename.logotext a:hover {
	color:#CC3333!important;
	text-shadow:#5f4d3b 1px 1px 1px!important;
	text-decoration:none!important;
}
#sitename a:hover {color:#052714;}
#sitename.logo a {display:block; background:url(images/memoirelogo.png) no-repeat; height:34px; width:217px;text-indent:-4000px; overflow:hidden;}
a {color:#0d4022; text-decoration:none;}
a:hover { text-decoration:underline;}
/*#wrap {width:840px; margin:auto; background:url(images/wrapbg.png) center top no-repeat; padding-top:40px; min-height:100%;}*/
#wrap {width:950px; margin:auto; background:none; padding-top:40px;}
#top {background:url(images/top.png) no-repeat; height:195px; padding-top:10px;}
#page {background: url(images/pagebg.png) repeat-y; padding:0 54px;}
#pageheader {margin-bottom:15px;}
.homeheader {
	height:50px;
}
.normalheader {background:url(images/normalheader.jpg) no-repeat; height:164px;}
#contents {
	background: url("images/sidebar-devider.png") repeat-y scroll left top transparent;
	float: right;
	margin-bottom: 10px;
	min-height: 500px;
	padding-left: 12px;
	width: 600px;
	padding-top: 20px;
}
#sidebar {
    float: left;
    margin-bottom: 10px;
    padding-right: 10px;
    width: 220px;
}
#pagefooter {background:url(images/footerbg.jpg) left bottom repeat-x; height:173px;}
#f-content {background:url(images/btmbg.png) no-repeat; width:950px; height:166px; margin:0 auto; position:relative;}
#footerimg {position:absolute; right:20px; top:5px;}
p, ul, ol {	font-size:12px;}
#page p {line-height:18px; margin-bottom:10px;}
#sidebar ul.menu li {
	padding:4px;}
#sidebar ul.menu li a{
	color:#342D23!important;
	font-size:115%;
	color:#0D4022;
}

.post {margin-bottom:20px; padding:10px;}
#page h2 {    color: #621907;
    font: 20px RomanScript,Arial,Helvetica,sans-serif;
    text-shadow: 1px 1px 1px #EAD7BE;}
.post h2 a {color:#621907!important;}
.post h2 a:hover {color:#280901!important; text-decoration:none!important;}
.postheader {margin-bottom:10px;}
.postinfo {font-size:1.1em; font-style:italic; margin-bottom:0!important;}
.post p {margin-bottom:10px;}
.postfooter {height:25px;}
.postfooter li {display:inline;}
.postfooter li a {display:block; float:left; padding:3px 10px 0 25px; height:20px; color:#231c17; text-shadow:#eddbc2 1px 1px 1px;}
.postfooter .plink a {background:url(images/permalink.png) left top no-repeat; margin-right:10px;}
.postfooter .cment a {background:url(images/comment.png) left top no-repeat;}
.blog-nav { height:30px; margin-bottom:10px; padding:0 10px;}
.blog-nav a {display:block; height:28px; width:28px; text-indent:-4000px; overflow:hidden;}
a.next-link {background:url(images/nextbtn.jpg) no-repeat; float:right;}
a.pre-link {background:url(images/prebtn.jpg) no-repeat; float:left;}
#social-links {
    height: 50px;
    margin-bottom: 3px;
    padding: 23px 2px 1px 225px;
    width: 500px;
}
#social-links a {
    display: block;
    float: left;
    height: 54px;
    overflow: hidden;
    text-indent: -4000px;
    width: 64px;
}
#social-links .fblink {
	background-image: url(images/wood_facebook_64.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
}
#social-links .twtlink {
	background-image: url(images/wood_twitter_64.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
}
#social-links .syndicate-module {
	background-image: url(images/wood_rss_64.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
}
#social-links a:hover {background-position:top!important;}
#credits {    color: #362012;
    padding: 2px 0px;
    width: 592px;}
#credits a {color:#362012}
#credits p { font-size:1.1em; display:block; text-shadow:#f4cd85 1px 1px 1px;}
#credits .sitecredit {
    float: right;
    margin-top: 0;
    text-align: center;
    width: 90%;
}
#credits .designcredit {float:right; width:30%; text-align:right;}
#sidebar h3{
	background-image: url("images/sidebar-devider-top.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    color: #9b876d;
    font-family: RomanScript,Helvetica,Verdana,sans-serif;
    font-size: 14px;
    font-weight: lighter;
    padding: 2px;
    text-shadow: 1px 1px 1px #5F4D3B !important;
    padding-bottom: 7px;
}
#sidebar h2 {margin-bottom:10px;}
#sidebar ul, #sidebar p {margin-bottom:10px;}
#sidebar li {display:block;}
#sidebar li a {
	display:block;
	color:#2d241e;
	padding:0 10px 0 15px;
	background-image: url(images/li1.png);
	background-repeat: no-repeat;
	background-position: left 4px;
}
#sidebar li a:hover {color:#CC3300; text-decoration:none!important; background:url(images/li2.png) left 4px no-repeat;}

#sidebar div.sidemenu ul.menu li ul li a {
	display:block;
}
#sidebar div.sidemenu ul.menu li ul li {
	display:block;	
}
#sidebar div.sidemenu ul.menu li ul {
	padding-left:10px;
	}

#mainnav ul {
    float: left;
    padding-left: 713px;
    padding-top: 46px;
}
#mainnav li {
    display: inline;
}
#mainnav li a {
    background-color: #E2E2E2;
    border: 1px solid #777777;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 6px 0 #333333;
    color: #5C1904 !important;
    display: block;
    float: none;
    font: bold 12px Arial,sans-serif;
    height: 19px;
    margin-bottom: 1px;
    padding: 3px 5px 0px 6px;
    text-align: justify;
    text-shadow: 1px 1px 1px #F1D8A4;
    width: 166px;
}
#mainnav li a:hover {
    background-color: #DFD2C2;
    background-image: url("images/mainmnu.png");
    background-position: 154px 4px;
    background-repeat: no-repeat;
    color: #997f5a !important;
    text-decoration: none !important;
    text-shadow: 1px 1px 1px #FFFFFF;
}
#mainnav li.active a {
    background-image: url("images/mainmnu_active.png");
    background-position: 154px 4px;
    background-repeat: no-repeat;
    color: #621907 !important;
    text-shadow: 1px 1px 1px #FFFFFF;
}


.sitedescription {color:#9edab8; font:normal 3.8em RomanScript, Arial, sans-serif!important; color:#9edab8!important; text-shadow:#08421f 1px 1px 1px!important;}
.homeheader .sitedescription {
	padding-top: 58px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
.normalheader .sitedescription {padding:60px 280px 0 20px;}
.photos { margin-bottom:10px; padding:2px;}
.photos a img {background:#b79f80; border:solid 1px; border-color:#a38a68 #e1cdb2 #e1cdb2 #a38a68; padding:5px 6px 6px 5px; display:block; float:left; margin:5px;}
.photos a:hover img {background:#a28a6b;}
.photos a.last {margin-right:0!important;}

.post h1 {font-size:2.6em!important; margin-bottom:10px;}
.post h3 {font-size:1.8em;}
.post h4 {font-size:1.6em;}
.post h3, .post h4 {font-family:'FertigoProRegular', Arial, sans-serif; margin-bottom:10px;}

.post li {display:block; background:url(images/li1.png) 0 5px no-repeat; padding:0 15px; margin-bottom:5px; line-height:18px;}
.post ul, .post ol {margin-bottom:15px;}
.alignleft {float:left;}
.alignright {float:right;}
img.alignleft {background:#b79f80; border:solid 1px; border-color:#a38a68 #e1cdb2 #e1cdb2 #a38a68; padding:5px 6px 6px 5px; display:block; margin:0 10px 10px 0;}
img.alignright {background:#b79f80; border:solid 1px; border-color:#a38a68 #e1cdb2 #e1cdb2 #a38a68; padding:5px 6px 6px 5px; display:block; margin:0 0 10px 10px;}




#commentlist .entry .avatar {height:45px; margin-bottom:10px;}
#commentlist .entry {border:solid 1px #b19979; padding:10px; margin-bottom:10px;}
#commentlist .entry .avatar img {float:left; background:#ae997e; padding:3px; border:solid 1px #dfc9ab;}
#commentlist .entry p {font-size:1.1em; line-height:18px; margin-bottom:10px;}
#commentlist .entry .avatar .author {display:block; margin-left:50px;}
#commentlist .author span, .author time {display:block;}

#commentlist .entry {margin:10px;}
.commentreply {font-size:1.1em; height:18px; line-height:18px; text-align:right;}
#commentform {padding:10px; background:#e3d2bc; border:solid 1px #b19979;}
.form  {padding:10px;}
#commentform p, .form p {display:block; margin-bottom:10px!important; font-size:1.2em;}
.textfield input {display:block; width:480px; height:25px; line-height:24px; border:solid 1px #b09a7c;}
.text-area textarea {display:block; width:480px; height:250px; border:solid 1px #b09a7c;}
.textfield input:hover, .text-area textarea:hover {border:solid 1px #957f62;}
.textfield input:focus, .text-area textarea:focus {border:solid 1px #957f62;}


div.items-more {padding-left:30px;}

ul.actions li {
    display: inline;
    float: right;
    margin-right: 2px;
}

div.items-leading,div.item {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:2px dashed #b19979;
}


fieldset.filters {
	padding:2px;
	margin-bottom:5px;
	border:none;
}
fieldset.filters div.display-limit,fieldset.filters div.filter-search
 {
float:left; margin-left:10px;}

div.display-limit {margin-bottom:5px;}


table.category {
    background-color: #336600;
    border: 4px solid #C79B6A;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 5px 5px 6px -5px #333333;
    color: #FFFFFF;
    padding: 3px;
}
table.category thead tr th {
    border-bottom: 2px dotted #C79B6A;
    color: #FFFF00;
    font-weight: bold;
    letter-spacing: 1px;
    padding-bottom: 2px;
}
table.category a {
    color: #FFFFFF;
    letter-spacing: 1px;
}


div.contact-email div label {
	display:block;
	padding-top:5px;
	font-size: 11px;
	font-weight: bold;
	color: #6A4800;
}
div.contact-email div input.inputbox,div.contact-email div textarea.inputbox {
	border:1px dashed #AD8A5A;
	background-color: #ded0bd;
}
 
a#gototop {
	border:1px dashed #AD8A5A;
	background-color: #ded0bd;
}

a#gototop:hover {
	background-color: #BA9C74;
	
}

form#login-form fieldset.userdata {
	border:none;
}

form#login-form fieldset.userdata p label {display:block; font-size:11px; color:#666666; font-weight:bold;}
form#login-form fieldset.userdata p input.inputbox {	border:1px dashed #AD8A5A;
	background-color: #ded0bd;}
	
form#login-form {border:1px dotted #ded0db; padding:3px;}

section#contents {

	}
	
	
/* stats style code */
dl.stats-module dd {
    float: right;
	color:#FF3300;
	font-weight:bold;
}
dl.stats-module dt {
    float: right;
    padding-left: 3px;
    width: 40%;
}

 dl.article-info {    color: #555555;
    font-size: 10px;
    font-style: oblique;}

/* admin form style */
#adminForm.form-validate fieldset {
	padding:5px;
}
#adminForm.form-validate fieldset div.formelm label,#adminForm.form-validate fieldset div.formelm-area label {display:block; width:250px; margin-top:20px;}
#adminForm.form-validate fieldset div.formelm input {
	display:block;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #006600;
	margin-bottom: 20px;
	width:450px;
	background-color:#ceb696;
}

/* @end */

/* tip style */
div.tip {
	border:1px solid #006633;
	background-color:#ffffff;
	padding:10px;
}
div.tip div.tip-title { font-weight:bold; text-decoration:underline;}
div.tip div.tip-text { font-style:italic; color:#666666;}
/* @end */


/* pagination style */	

div.pagination p.counter { 
	font-weight:bold;
	border:none;
	padding:2px;
	margin-bottom:9px;
}
	
div.pagination,ul.pagenav {padding:4px; text-align:center; padding-top:1px;}

div.pagination ul li,ul.pagenav li{
	display: inline;
	margin: 1px;
	margin-top:10px;
	padding: 5px;
	border:1px dashed #AD8A5A;
	background-color: #ded0bd;	
}
div.pagination ul li:hover {
}
div.pagination ul li a {
	text-decoration:none;
}
div.pagination ul li a:hover {
	text-decoration:underline;
}


/* end pagination style */	
/* read more style */	
p.readmore {padding-top:10px;}
p.readmore a {
    background-color: #336633;
    border-color: #666666;
    border-radius: 12px 4px 11px 4px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    box-shadow: 1px 1px 1px 1px #666666;
    color: yellow;
    padding: 3px;
    text-decoration: none;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-shadow: 1px 1px #333333;
    font-weight: bold;
    font-style: italic;
}
p.readmore a:hover {color: #ffffff;background-color: #3a703a;text-decoration: none;}
/* end read more style */	

div#contentPaneWrapper {
    padding: 7px;
    border: 7px solid #c79b6a;
    border-radius: 12px;
    background-color: #378d5c;
    box-shadow: 1px 1px 6px -3px #333333;
	color:#336633;
}


/* phoca download style */	
#phoca-dl-category-box .pd-category h3, #phoca-dl-file-box .pd-file h3 {
    background: none;
    border: none;
    border-radius: none;
    box-shadow: none;
    margin: 0 0 0px;
    padding: 0px;
}
#phoca-dl-category-box div.pd-category div.pd-c-download-box {
    background: none;
    border: none;
    border-radius: none;
    box-shadow: none;
    margin: 0 0 0px;
    padding: 5px;}

#phoca-dl-category-box .pd-c-download-item2 {
    padding: 7px;
    border: 7px solid #c79b6a;
    border-radius: 12px;
	background-image:none!important;
    background-color: #378d5c!important;
    box-shadow: 1px 1px 6px -3px #333333;
	color:#FFFFFF!important;
}

#phoca-dl-category-box .pddetailsrc, #phoca-dl-category-box .pdpreviewrc, #phoca-dl-category-box .pdplayrc, #phoca-dl-category-box .pddownloadrc {
	border-radius: 8px 8px 8px 8px;
	box-shadow: none!important;
	float: right;
	margin: 1px;
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c79b6a;
	border-right-color: #8C6335;
	border-bottom-color: #8C6335;
	border-left-color: #c79b6a;
}



#phoca-dl-category-box .pddownload, #phoca-dl-category-box .pddownloadrc {
    background: none repeat scroll 0 0 #339900;
}
#phoca-dl-category-box .pddownload:hover, #phoca-dl-category-box .pddownloadrc:hover {
    background: none repeat scroll 0 0 #226600;
	text-decoration:none;
}
#phoca-dl-category-box .pddetails, #phoca-dl-category-box .pddetailsrc {
    background: none repeat scroll 0 0 #E8B43B;
}
#phoca-dl-category-box .pddetails:hover, #phoca-dl-category-box .pddetailsrc:hover {
    background: none repeat scroll 0 0 #D79E19;
	text-decoration:none;
}
#phoca-dl-category-box .pdpreview, #phoca-dl-category-box .pdpreviewrc {
    background: none repeat scroll 0 0 #CC3300;
}
#phoca-dl-category-box .pdpreview:hover, #phoca-dl-category-box .pdpreviewrc:hover {
    background: none repeat scroll 0 0 #992600;
	text-decoration:none;
}
#phoca-dl-category-box .pdplay, #phoca-dl-category-box .pdplayrc {
    background: none repeat scroll 0 0 #3399FF;
}
#phoca-dl-category-box .pdplay:hover, #phoca-dl-category-box .pdplayrc:hover {
    background: none repeat scroll 0 0 #0080FF;
	text-decoration:none;
}

/* end phoca download style */

/* search module style */
div.search input#mod-search-searchword.inputbox{
    border-radius: 5px 5px 5px 5px;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 2px;
    margin-bottom: 10px;
}
div.search {padding-left:5%; padding-right:5%;}
/* end search module style */

/* EPAFOS Grades, Notes and Absences Style */

#epafos_Topic_Table, #epafos_Grades_Table,#epafos_Notes_Table, #epafos_select_Table,#epafos_Abs_Table {
    background-color: #f5f1de !important;
	box-shadow: 0 1px 3px #b6562b, 0 10px 1px #CC7600 inset!important;
    box-shadow: 0 1px 3px #B28867 !important;
	border:5px solid #CC7600\9!important; /* Specific for ie 8-7 */
}

#epafos_Topic_Table table th, #epafos_Grades_Table th,#epafos_Abs_Table th,#epafos_Notes_Table th {
    background-color: #e9d9b4!important;
    border-bottom: 1px dotted #d2b791!important;
    box-shadow: 0 10px 20px #fbf0db inset!important;	
	border-bottom-color: #ac4b20!important;
}

#epafos_Grades_Table tfoot td,#epafos_Abs_Table tfoot td,#epafos_Notes_Table tfoot td {
	border-top-color: #ac4b20!important;
}
#footer td {
	border-top-color: #ac4b20!important;
	border-bottom-color: #ac4b20!important;
}

#epafos_select_Table select,#filtersPane {margin-bottom:10px;}

#epafos_select_Table select,#filtersPane table tbody tr td div select#drdnPeriods,#filtersPane table tbody tr td div select#drdnLessons {
    background-color: #f5f3e9!important;
    border: 1px ridge #333333 !important;
    color: #333333 !important;
    padding: 1px!important;

}


#epafos_Notes_Table #notes {
	border-bottom-color: #dfdfdf!important;
}

#lesson_MO_fail,#lesson_MO {
	background-color: #E9D9B4 !important;
}

#season {
	border-bottom-color: #dfdfdf!important;
}

#epafos_Abs_Table #filtersPane select {
    background-color: #dfdfdf!important;
    border: 1px ridge #333333!important;
}

.img-intro-none,
.img-fulltext-none {
	width:100%;
}
.img-intro-left,
.img-fulltext-left {
	width:35%;
	margin-right:10px;
}
.img-intro-right,
.img-fulltext-right {
	width:35%;
	margin-left:10px;
}

.img-intro-right {
	float:right;
}

.img-intro-left {
	float:left;
}


.img-intro-left img,
.img-intro-right img,
.img-fulltext-left img,
.img-fulltext-right img,
.img-fulltext-none img {
	max-width:100%;
	min-width:100%;
	margin-bottom:20px;
}

#contents ul,
#contents ol {
	
	padding-left:30px;
	list-style:initial;
	box-sizing:border-box;
}

ul.category-module li h4 {
display:block;
background-color:rgba(100,100,100,0.1);
margin-bottom:1px;
color:#333;
padding:8px;
font-size:120%;
cursor:pointer;

}

ul.category-module li {
	background-color:rgba(200,200,200,0.1);
	padding:10px;
	box-sizing:border-box;
	border-bottom:3px solid rgba(100,100,100,0.1);
}

ul.category-module li a.mod-articles-category-title {
	font-size:10pt;
	margin-bottom:10px;
	padding:0px!important;
	background-image:none!important;
}