/*   
Theme Name: Jφss Sticks
Theme URI: 
Description: The all-new Jφss Sticks 2010 child theme built on the Thematic Theme Framework.
Author: Seraphim
Author URI: http://www.exampaper.com.sg/
Template: thematic
Version: 3.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('layout.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
/*@import url('../thematic/library/styles/default.css');*/

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* =Global Elements
-------------------------------------------------------------- */
body {
	background: #b0da43; font-family: "lucida grande", helvetica, arial, palatino, sans-serif; color: #455e34;
	/*background: #7CB2DF url(images/bg-snow.jpg) repeat;*/ /*xmas*/
	/*background: #32546F url(images/bg-new-year.jpg) repeat-x;*/ /*new year*/
	/*background: #c63a3a;*/ /* Chinese New Year */
}
a:link, a:visited { color:#5fb9dc; text-decoration:none;}
a:hover, a:active { color:#e45a49; text-decoration:underline; }
blockquote { min-height: 30px; background: transparent url(images/quotes.gif) 0 0 no-repeat; padding: 1em 0 0 1em; margin: 0 0 1em 0;}
blockquote .quoter { text-align: right; font-style: normal; }
acronym, abbr { border-bottom: dotted 1px #455e34; cursor: help; }
abbr.published { border-bottom: 0; }
var { font-family: "times new roman", serif; }
var.vector { font-weight: bold; font-style: normal; }
sup, sub { font-size: 75%; }
sup var, sub var{ font-size:130%; }
table {font-size: 0.9em; margin: 0 auto 1em; }
td, th { padding: 0.2em; }
td acronym { border-bottom: #fff; }
th { background-color:#f4bbb4; color:white; }
.left { float: left; margin-right: 0.8em; margin-bottom: 0.4em; }
.right { float: right; margin-left: 0.8em; margin-bottom: 0.8em; }
.center { text-align: center; }
.normal { background-color: #fefefe; }
.highlight, .error { color: #e45a49; }
.hidden { visibility:hidden; display:none; }
.big {font-size: large;}
.superbig {font-size: 3em; line-height: 100%;}
.fineprint { font-size: smaller; line-height: 100%; }
.code { font-family: courier, serif; font-size: smaller; }
.more {text-align: right; margin-bottom: 1em; clear:both; }
ol.lower-roman, #comments ol.lower-roman { list-style-type: lower-roman; }
ol.lower-alpha { list-style-type: lower-alpha; }
ol.upper-alpha { list-style-type: upper-alpha; }
.metasep { margin:0; }
div.student { text-align: right; padding-left: 1em; }
.username { font-size: larger; font-weight: bold; }
.girl { font-size:120%; color: #f55b99; }
.boy { font-size:120%; color: #87cd32; }
.school { font-weight: bold; color: #7c7c7c; }
.autohide {display: none;}
img.avatar { border: solid 1px #333333; margin-right: 0.4em; float: left; }
hr { border-width: 0; /*border-top: 1px solid #cccccc; border-bottom: 1px solid #eaeaea; margin: 1em 1.5em;*/ background:transparent url(images/line.gif) 0 0 repeat-x; height:5px; }
.alt hr { background-image:url(images/line-alt.gif) }
.feed-link { width:50px; }
.feed-link a { display: block; text-indent: -9999px; width: 16px; height: 16px; }


/* =Attention ----- */
.warning, .attention { border:dotted 1px #ff9800; padding:1.2em 1.2em 1em 1.4em; padding-bottom:0; }
.warning p, .attention p { margin-bottom:15px; line-height:130%; }
div.warning, div.attention { background-color:#FEF7F6; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.attention blockquote p { margin-bottom: 0.2em; }

/* =Form Elements
-------------------------------------------------------------- */
form .error { margin: 0 0.5em; padding: 0 0.5em; }
form br { clear: left; }
form .error br { clear: none; }
legend { font-size:80%; padding: 0 0.7em; color:#7f7f7f; }

#error404-searchform, #noresults-searchform { margin-bottom:1em; height:40px; padding-bottom:18px;}

.entry-content .inputs input, .entry-content .inputs textarea { width: 14em;}
div.entry-content form { margin: 0 auto; }

/* Inputs + Textareas */
input, textarea, select {
	-moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	border-style:dashed; border-color:/*#d0ebaf*/#B2DE7C; border-width:1px; 
	font: 1.4em arial, helvetica, sans-serif; color: #5C8B23; padding: 3px; 
	background: #EEF8E3 url(images/bg-input.jpg) top repeat-x;
}
textarea { 	background: #e1f3cd url(images/bg-textarea.jpg) top repeat-x; }
.inputs input, .inputs select, .inputs textarea { margin-bottom: 0.5em; }
input:focus, textarea:focus { border: 1px solid #fd9c00; }

/* Labels */
.inputs label, .inputs input { /*display:block;*/ float:left; }
.inputs label { width: 7em; text-align: right; margin-right: 0.5em; }

/* Submit Buttons */
form p.submit { text-align:left; padding-right: 0.5em;}
input#searchsubmit, input#noresults-searchsubmit, input#error404-searchsubmit, input.submit, input#submit { background:#87cd32; color:#fff; padding:4px; text-align:center; margin-top:0.5em; cursor:pointer;}
input#searchsubmit:hover, input#noresults-searchsubmit:hover, input#error404-searchsubmit:hover, input.submit:hover, input#submit:hover { background:#e45a49; border: 1px solid #fd9c00;}
input.reset {font-size:120%; padding:4px;cursor:pointer;}

/* Checkboxes */
input#EM4016, input#AM4038, input#EMS3, input#AMS3, input#MS2, input#MS1, input#EM4017, input#AM4018, input#doluv, input#subscribe {border:none;background:none;}

/* =WPMembers Forms & Pages ----- */
.wpmem-title, .wpmem-noaccess { letter-spacing: -2px; line-height:100%; font-family: arial,"Trebuchet MS",helvetica,sans-serif; font-weight:bold; margin-top:0.5em; margin-bottom:0.7em; font-size:2em; }
.wpmem-title { color: #b2de7c; }
.wpmem-noaccess {  }

.register .inputs label { width: 10em; }
.register p.submit { text-align:right; }
.register fieldset { border: solid 4px #E7F5D6; margin-bottom: 0.5em; padding: 0.5em; -moz-border-radius: 12px; -khtml-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
.register select { width: 280px; font-size: 0.9em; }
.register .note { padding-left:13.5em; margin-top:0; margin-bottom:0.7em; color:#7f7f7f;}

.change-password .inputs label { width: 12em; }
.change-password p.submit { padding-left: 12.5em; }

.reemail .inputs label { width: 10em; }
.reemail p.submit { padding-left:10.5em;}

/* =Access Denied Login Form ----- */
div.entry-content form.login-form .inputs label { width:10em;}
div.entry-content form.login-form p.submit { padding-left:10.5em;}

/* =Widget Login Form ----- */
#text-2 p.submit { text-align:right; }
#text-2 input.submit { font-size:100%; } 
#text-2 fieldset { padding-top:0.5em; }
#text-2 label { width:5.8em; }
#text-2 .inputs input { width:100px;}


/* =Header
-------------------------------------------------------------- */
#branding {
	text-align: left; color: white; font-family: helvetica, arial, palatino, sans-serif; padding: 0.7em 0 1em 1em;
	/*background: transparent url(images/mid-autumn.jpg) 1em 0 no-repeat;*/ /* For Mid-Autumn */
	/*background: transparent url(images/firecrackers.gif) 1em 0 no-repeat;*/ /* For Chinese New Year */
	/*background: transparent url(images/heart-of-infinity.jpg) 1em 0 no-repeat;*/ /* For Valentine's Day */
	/*background: transparent url(images/heart-of-axes.gif) 1em 0 no-repeat;*/ /* For Valentine's Day */
	/*background: transparent url(images/pi-day.jpg) 1em 0 no-repeat;*/ /* For Pi Day */
	/*background: transparent url(images/lotus.jpg) 1em 0 no-repeat;*/ /* For Vesak */
	/*background: transparent url(images/easter-eggs.gif) 1em 0 no-repeat;*/ /* For Easter */

	/*padding-left: 7.8em;*/ /* For Mid-Autumn */ 
	/*padding-left: 8em;*/ /* For Easter */
	/*padding-left: 5.2em;*/ /* For Chinese New Year */
	/*padding-left: 7.2em;*/ /* For Valentine's Day */
	/*padding-left: 7.2em;*/ /* For Vesak */
}
#branding a { color: white; }
#blog-title { font-weight: bold; font-size: 56px; letter-spacing:-3px; line-height: 62px;}
#blog-description { display: none; }
#blog-subdescription { font-size: 16px; }

/* =Menu & Access
-------------------------------------------------------------- */
#access {margin-top:-100px; float:right; width:630px;}
.skip-link { position:absolute; top:4px; right:15px; }
.skip-link a { display:block; text-indent:-9999px; width:86px; height:15px; background: transparent url(images/skip.gif) 0 0 no-repeat; }
.skip-link a:hover { background-position: 0 -36px; }
.sf-menu { float: right; height: 60px; background: transparent url(images/bg-menu.jpg) 0 0 no-repeat; list-style:none;
	/*background: transparent url(images/bg-menu-xmas.gif) 0 0 no-repeat;*/ /* xmas */
	/*background: transparent url(images/bg-menu-new-year.gif) 0 0 no-repeat;*/ /* new year */
	/*background: transparent url(images/bg-menu-cny.gif) 0 0 no-repeat;*/ /* Chinese New Year */
}
.sf-menu li { float: left; /*color: white;*/ text-indent: -9999px; }
.sf-menu li a { display: block; width: 100%; height: 100%; }

/* Schedule */
.sf-menu .page-item-71 { width: 91px; height: 52px; }
.sf-menu .page-item-71 a { background: transparent url(images/schedule.gif) no-repeat 19px 8px; }
.sf-menu .page-item-71 a:hover { background-position: 19px -43px; }
/* Exam Papers */
.sf-menu .page-item-11 { width: 93px; height: 52px; }
.sf-menu .page-item-11 a { background: transparent url(images/exampapers.gif) no-repeat 4px 10px; }
.sf-menu .page-item-11 a:hover { background-position: 4px -40px; }
/* About */
.sf-menu .page-item-2 { width: 81px; height: 50px; }
.sf-menu .page-item-2 a { background: transparent url(images/about.gif) 12px 4px no-repeat; }
.sf-menu .page-item-2 a:hover { background-position: 12px -48px; }
/* Temple */
.sf-menu .page-item-72 { width: 87px; height: 50px; }
.sf-menu .page-item-72 a { background: transparent url(images/temple.gif) 7px 7px no-repeat; }
.sf-menu .page-item-72 a:hover { background-position: 7px -46px; }
/* FAQs */
.sf-menu .page-item-3 { width: 57px; height: 54px; }
.sf-menu .page-item-3 a { background: transparent url(images/faqs.gif) 10px 13px no-repeat; }
.sf-menu .page-item-3 a:hover { background-position: 10px -38px; }
/* Gratitudes */
.sf-menu .page-item-6 { width: 79px; height: 58px; }
.sf-menu .page-item-6 a { background: transparent url(images/gratitudes.gif) 6px 24px no-repeat; }
.sf-menu .page-item-6 a:hover { background-position: 6px -26px; }
/* Contact */
.sf-menu .page-item-4 { width: 92px; height: 57px; }
.sf-menu .page-item-4 a {	background: transparent url(images/contact.gif) 11px 28px no-repeat; }
.sf-menu .page-item-4 a:hover { background-position: 11px -24px; }

/* =Search Form
-------------------------------------------------------------- */
#search-form { float:right; margin: -40px 0 0.5em 0; clear:right; padding-right:1em; }
#search-form #s { 
	width: 155px; height: 26px; padding: 18px 62px 0 3px; overflow: hidden; font-size:130%; font-family: "comic sans ms", sans-serif;
	background: transparent url(images/bg-search.gif) no-repeat right 0; border:none;
}

/* =Side Bars
-------------------------------------------------------------- */
.aside {font-size: 0.95em;}
.aside ul, .aside ol {margin:0; list-style:none; line-height:120%;}
.widgettitle	{
	margin-bottom: 2px; margin-left: -33px; font-size:150%;
	text-indent: -9999px; height:49px; /*z-index:40;*/ position:relative;
	background: transparent 0 0 no-repeat;
}
.widgetcontainer {margin-bottom:10px;}

#text-2 .widgettitle { background: transparent url(images/login.png) 0 0 no-repeat; } /* Login */
#categories-1 .widgettitle { background-image: url(images/categories.png) } /* Categories */
#recent-posts .widgettitle { background-image: url(images/recent-posts.png) } /* Latest Posts */
#recent-posts ul li { margin-bottom: 0.4em; }
#archives .widgettitle { background-image: url(images/archives.png) } /* Archives */
#search .widgettitle { background-image: url(images/search.png) } /* Search */
#text-4 .widgettitle { background-image: url(images/gratitudes.png) } /* Gratitudes */
#text-10 .widgettitle { background-image: url(images/peer-pressure.png) } /* Peer Pressure */
#archives, #text-4, #text-6, #text-10 {clear:left;}

/* =Latest News ----- */
#text-9 {
	/*border: solid #e7f5d6;
	border-width: 0 0 1px 0;*/
	min-height: 120px; margin: 10px -7px 1em -12px; padding: 0 7px; background: transparent url(images/bg-latest-news.gif) 0 20px no-repeat;
	/*margin: 10px -5px 1em -7px;*/ /* Chinese New Year */
}
#text-9 .widgettitle { height: 90px; width: 70px; margin-left: -25px; margin-top: -33px; background-image: url(images/latest-news.png) ; }
#text-9 .textwidget { margin-top: -70px; padding-left: 55px; z-index: 50; position: relative; font-size: 0.9em; }
#text-9 .textwidget p	{ margin-bottom: 0.5em; }
#text-9 .textwidget .action	{ 
	margin:1em; padding:0.5em; text-align:center; background-color:#e45a49; font-family:"arial black"; line-height:110%; 
	-moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius:6px; border-radius: 6px;
}
#text-9 .textwidget .subscribe { background: #87cd32; }
#text-9 .textwidget .action a { color: white; }
#text-9 .textwidget .action .subtext { font-family: arial, helvetica, sans-serif; font-size: xx-small; }

/* =Login Widget ----- */
#text-2 p { margin-bottom:10px; }
#text-2 ul.subjects li { padding-left:15px; height:1%;}
#text-2 ul.subjects li.subject-12 { background: transparent url(images/a-maths-old-syllabus-logo-small.gif) no-repeat 0 3px; }
#text-2 ul.subjects li.subject-13 { background: transparent url(images/e-maths-old-syllabus-logo-small.gif) no-repeat 0 2px; }
#text-2 ul.subjects li.subject-323 { background: transparent url(images/a-maths-o-level-logo-small.gif) no-repeat 0 3px; }
#text-2 ul.subjects li.subject-324 { background: transparent url(images/e-maths-o-level-logo-small.gif) no-repeat 0 2px; }
#text-2 ul.subjects li.subject-321 { background: transparent url(images/a-maths-sec-three-logo-small.gif) no-repeat 0 3px; }
#text-2 ul.subjects li.subject-322 { background: transparent url(images/e-maths-sec-three-logo-small.gif) no-repeat 0 2px; }
#text-2 ul.subjects li.subject-319 { background: transparent url(images/maths-sec-one-logo-small.gif) no-repeat 0 3px; }
#text-2 ul.subjects li.subject-320 { background: transparent url(images/maths-sec-two-logo-small.gif) no-repeat 0 2px; }
#text-2 ul.subjects li.preview { background: transparent url(images/preview-logo-small.gif) no-repeat 1px 2px; }

/* =WP Cumulus ----- */
#wp-cumulus { margin:-10px 0 0 -8px; }
#wp-cumulus #mathematical-topics { padding-left: 35px;margin-bottom:10px;}
#wp-cumulus #mathematical-topics a { 
	display: block; height: 30px; width: 157px; text-indent: -9999px;
	background: transparent url(images/mathematics-topics-link.gif) 0 0 no-repeat;
}
#wp-cumulus #mathematical-topics a:hover { background-position: 0 -59px; }
#wp-cumulus div p { display:none; } /*Hide the default plugin link when plugin is not working*/

/* =Most Popular ----- */
#text-8 .widgettitle { background-image: url(images/popular.png); }
#text-8 ul { margin-left:2em; }
#text-8 ul li { margin-bottom:0.2em; padding-top:1px;}
#text-8 ul { list-style-image:url(images/list-marker-popular.gif); }
#text-8 ul li:hover { list-style-image: url(images/list-marker-popular-highlight.gif); }

/* =Get Recent Comments ----- */ 
#get-recent-comments .widgettitle { background-image: url(images/recent-comments.png); }
#get-recent-comments .comment-author { font-weight:bold; float:none; }
#get-recent-comments .comment-excerpt { font-style:oblique; }
#get-recent-comments ul li { margin-bottom: 0.5em; }
#get-recent-comments ul li ul { padding: 0.4em 0 0 0; margin: 0 0 1em 0; }
#get-recent-comments ul li ul li { background: white url(images/recent-comments-quotes.gif) no-repeat; padding: 0.6em 0 0 1em; }

/* =Top Commentators ----- */
#top-commentators .widgettitle { margin-left:0; margin-bottom:0; text-indent:0; height:100%; font-size:140%; color: #e45a49; }
#top-commentators p { margin-bottom:0.5em; color:#969696; }
#top-commentators ul, #top-commentators ol { margin-bottom: 1em;}
#top-commentators li { height:30px; padding:5px 0; border-bottom:dotted 1px #d5d2d2; width:180px;}
#top-commentators li img { float:left; margin-right:8px; }

/* =RSS Feeds ----- */
#text-5 .widgettitle { height: 60px; width: 214px; margin-left:-5px; margin-top: -21px; background-image: url(images/email-subscription-title.png); }
#text-5 input.rss-subscribe { width: 120px; }
#text-5 a.rss-feed { background: transparent url(images/rss-icon.gif) 0 0 no-repeat; }
#text-5 a.comments-feed { background: transparent url(images/comments-rss-icon.gif) 0 0 no-repeat; }
#text-5 a.twitter-feed { background: transparent url(images/twitter-rss-icon.gif) 0 0 no-repeat; }
#text-5 .feed-definition { font-size: smaller; text-align: right; }
#text-5 ul li { float: left; margin-right:2px; }
#text-5 ul li a { display: block; text-indent: -9999px; height: 20px; width: 16px; }
#text-5 p {margin-bottom: 0.4em; margin-right:2px;}

/* =About ----- */
#text-3 .widgettitle { background-image: url(images/about-miss-loi.png);}
li#text-3 img#miss-loi {
	float: left; margin: 0 0.5em 0.2em 0; padding:4px 10px 10px 4px; border-top:#eee 1px solid; border-left:#eee 1px solid; 
	background:url(images/shadow.gif) no-repeat right bottom; 
}
img#sunday-times-super-tutor {margin-top:1em;}

/* =Gratitudes ----- */
#text-4 blockquote p { margin-bottom:0;}

/* =Twitter ----- */
#twitter .widgettitle { background-image: url(images/twitter.png); width: 140px; float: left; }
#twitter .feed-link {float:left; padding-top:15px;}
#twitter .feed-link a { background: transparent url(images/twitter-rss-icon.gif) 0 0 no-repeat; margin-bottom:10px; }
#twitter .twitter-avatar  { margin: 0 1em 1em 0; float:left;}
#twitter ul { clear: both; }
#twitter li { margin-bottom: 0.7em; background: white url(images/twitter-quotes.gif) no-repeat; padding: 0.6em 0 0 1em; }
#twitter li .entry-meta { display: block; text-align: right; font-size:90%; float: none; width: 170px; }
#twitter #twitter-link { height:45px; background: transparent url(images/twitter-bird.gif) 30px 0 no-repeat; font-weight: bold; text-align: right; }
#twitter #twitter-link a#gossips-link { display: block; height: 20px; width: 90px; background: white url(images/twitter-t.gif) no-repeat; padding-left: 18px; float: right; }
#TwitterCounter {float:right;margin-top:-40px;}

/* =DJ Loi ----- */
#text-6 .widgettitle { background-image: url(images/music.png); }
#text-6 p { margin-top: 0.4em; text-align: center;}
#text-6 #title a { line-height: 100%; letter-spacing: -1px; font-family: "arial rounded MT bold", arial, helvetica, sans-serif; font-size: 1.6em;}

/* =School Badges ----- */
#text-7 .widgettitle { background-image: url(images/badges.png); }
#text-7 p { margin-bottom: 0.5em; }
#text-7 ul li { float: left; margin: 0 6px 5px 0; }
#text-7 ul li#lianhe-wanbao { height: 48px; }
#text-7 ul li#youthsg, 
#text-7 ul li#digital-life { height: 85px; }
#text-7 ul li#ping { height: 28px; margin-bottom: 8px;}
#text-7 ul li#tomorrowed { height: 28px;}
#text-7 ul li#tomorrowed-again { height: 40px;}
#text-7 ul li#sgblogs { height: 23px; }
#text-7 ul li#shambles { margin-bottom: 0; }
#text-7 ul li#edirectory { height: 35px; }
#text-7 ul li#bloggersg,
#text-7 ul li#sgblog,
#text-7 ul li#topsitesg { height: 16px; }
#text-7 ul li#blogcatalog { height: 18px; }

/* =QR Code ----- */
#qr-barcode {clear:left;}
#qr-barcode .widgettitle {float:right; margin:13px 0 0 0; text-indent:0; text-shadow:none; text-align:right; width:120px; letter-spacing:0; font-weight:normal; font-size:70%; color:#666;}
#qr-barcode img { margin-top:10px;}

/* =Countdown Timer ----- */
#countdown-widget .widgettitle { background-image: url(images/o-level-exams-countdown.png); }
#countdown-widget ul { padding: 0 2px; margin-bottom:0;}
#countdown-widget abbr { border: none; color:#e45a49; }
#countdown-widget .digit { font-family:"arial black";font-size:180%;}

/* =Navigation
-------------------------------------------------------------- */
.navigation { font-size: 80%; height: 30px; }
.nav-previous, .nav-next { position: relative; }
.nav-previous {	margin-left: -32px; float: left;}
.nav-next {	margin-right:-35px; float: right;}
.nav-previous a, .nav-next a { display: block; text-indent: -9999px; height: 40px; width: 50px; }
.nav-previous a { background: transparent url(images/nav-older-posts.png) 0 0 no-repeat; }
body.single .nav-previous a { background: transparent url(images/nav-previous-entry.png) 0 0 no-repeat; }
body.single .nav-previous a:hover, .nav-previous a:hover { background-position: 0 -63px; }
.nav-next a { background: transparent url(images/nav-newer-posts.png) 0 0 no-repeat; }
body.single .nav-next a { background: transparent url(images/nav-next-entry.png) 0 0 no-repeat; }
body.single .nav-next a:hover, .nav-next a:hover { background-position: 0 -67px; }
#nav-above { margin-bottom:5px; }
#nav-below { background: transparent url(images/bg-entry-bottom.gif) top left repeat-x; height:45px;padding-top:8px; clear:both;}
.author #nav-above {margin-top:22px;} /*To accomodate floating avatar */

/* =Content
-------------------------------------------------------------- */
.hentry {
	padding: 0.5em; margin-bottom: 0.5em; border: dotted 1px #e7f5d6; 
	padding-bottom: 45px; /* To encapsulate the entry-meta block without needing to float this */
	background-color: #fff; /* To provide a white background for easy viewing before the rounded corners are loaded */
}
.alt { background-color: #e7f5d6; }

/* =Page Title ----- */
.page-title { clear:none; color: #b2de7c; font-size:180%;font-weight:bold;letter-spacing:-2px;font-family:helvetica,arial,sans-serif; margin-top:0.4em; margin-bottom:2px;}
.archive-meta p {margin-bottom: 5px;}
.archive-meta-avatar { border: solid 1px #333333; margin: 5px 0 0 5px; float: right; }

/* =Post Meta ----- */
.author-avatar {float:left; padding-right:0.7em; background-color:#fff;}
.alt .author-avatar {background-color:#e7f5d6;}
.author-miss-loi .author-avatar {width:80px;}
.author-avatar img.avatar {margin-right:0; margin-bottom:5px;}
.author-avatar div {text-align:right;}
.entry-details { color: #9f9f9f; font-size:95%; margin-top:2px;}

/* =Entry Comments Link ----- */
.entry-comments-link { padding: 5px 12px 5px 5px; background: transparent url(images/bg-comment-link.gif) 0 0 no-repeat; }
.alt .entry-comments-link { background-image: url(images/bg-comment-link-alt.gif); }
.entry-comments-link a { background: transparent url(images/comments.gif) 0 0 no-repeat; padding-left: 20px; }
.entry-comments-link a:hover { background-position: 0 -48px; }
span.comments-closed-link { color: #e45a49; margin-right:0.5em; }

.entry-twitter-link {}
.entry-facebook-link {}

/* =Date Block ----- */
.date-block { float:right; width:5em; margin-left:0.5em; margin-bottom:4px; line-height:100%;}
.jap-day { float: left; /*width:1em;*/ text-align:center; color: #e45a49; font-size:1.4em; line-height:120%;}
.date-block-calendar { 
	float: right; width: 3em; text-align: center; padding:0 0 0.2em 0; color: white;
	background: #f5f5f5 url(images/bg-calendar.jpg) bottom left repeat-x; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea;
}
.year { display: block; background-color: #e45a49; text-align: right; font-size: 80%; padding:0.1em; font-family:arial, verdana, sans-serif; }
.day-of-week { margin-top: 0.2em; font-size: 0.8em; font-family:"lucida grande", arial, verdana, sans-serif; color: #666666; }
.day { font-size: 1.6em; line-height: 95%; font-family: arial, helvetica, sans-serif; color: #e45a49; text-shadow: 2px 2px 1px #fff; }
.month { font-size: 0.8em; font-family:"lucida grande", arial, verdana, sans-serif;	color: #666666; text-transform: uppercase; text-shadow: 2px 2px 1px #fff; }

/* =Titles/Headings ----- */
.entry-title { clear:none; font-weight:bold; font-family: tahoma, arial, "Trebuchet MS", helvetica, sans-serif; font-size:220%; letter-spacing:-1px; line-height:80%; display:inline; color:#b2de7c; text-shadow:1px 1px 1px #eee;}
.error404 h1.entry-title, .noresults h1.entry-title { margin-top:0.5em; margin-bottom:0.7em; display:block;} /* For 404 Page */

/* =Body Copy ----- */
div.entry-content { font-size:110%; line-height: 150%; margin-top:18px; padding: 0 4px 0.5em 4px; }
div.entry-content h2, h3, h4, h5 { letter-spacing:-1px; line-height:100%; font-family:tahoma, helvetica, arial; font-weight:bold; margin-bottom:0.7em; text-shadow:1px 1px 1px #ddd;}
div.entry-content h3 { font-size: 1.8em; margin-top:1em; margin-bottom:0.5em; }
div.entry-content div { margin: 1em 0; }
div.entry-content p a {color: #455e34; background-color: #D1EBFF; border-bottom: solid 1px #ccc;}
div.entry-content p a:hover, .entry-content p a:active { color:#e45a49; text-decoration:none; border-bottom: solid 1px #e45a49;}
div.entry-content p a.tt-flickr, .entry-content p a.tt-flickr:hover {background-color: transparent; border-bottom: none; }
#post-72 blockquote,	/* For Miss Loi's Temple */
.post blockquote {
	min-height: 34px; font-style: italic; padding: /*1em 1em 0em 1em*/ 25px 1.5em 0.1em 1.5em; margin-bottom:1em; background-color:white; background-position: /*3px 3px*/ 10px 10px;
	color:#7c7c7c; font-family: georgia; letter-spacing: 1px;
}
.alt blockquote { border-left:solid 10px #607988; }

/* =Content Images (/* Includes Legacy Image Styles ) ----- */
.entry-content img { margin-bottom:0; }
img.left { margin-right:10px; }
img.right { margin-left:10px; }
img.alignnone { margin-left:auto; margin-right:auto; display: block; clear: both; }
.entry-content img.content-img, .entry-content a.tt-flickr img, .wp-caption img, .entry-content img.size-full, .entry-content img.size-medium { 
	background:white url(images/shadow.gif) no-repeat right bottom; padding:4px 10px 10px 4px; border-top:#eee 1px solid; border-left:#eee 1px solid;
}
.alt .entry-content img.content-img, .alt .entry-content a.tt-flickr img, .alt .wp-caption img, .alt .entry-content img.size-full, .alt .entry-content img.size-medium { background-image: url(images/shadow-alt.gif); }

.img-div, div.entry-content div.wp-caption { margin: 0.5em 0 0.8em 0.8em; text-align:center; }
div.entry-content div.aligncenter { margin: 0 auto 18px auto; }
.img-div.left, div.entry-content div.alignleft { margin: 10px 20px 20px 0; }
.img-div.right, div.entry-content div.alignright { margin: 10px 0 20px 20px; }
.img-div.left img, .img-div.right img { clear:none; margin:0; }
.img-div .caption, .wp-caption-text { text-align: center; color: #7c7c7c; margin: auto; font-size: smaller; font-style: italic; line-height: 120%; clear: none; }

/* =Lists ----- */
div.entry-content ul, div.entry-content ol, .comment-content ul, .comment-content ol { /*padding-left: 1.8em;*/ margin-bottom: 1em;}
div.entry-content ul li, div.entry-content ol li, .comment-content ul li, .comment-content ol li { margin-bottom: 0.5em;}
div.entry-content ul, .comment-content ul { list-style-image: url(images/list-marker-star.gif); }
div.entry-content ul li:hover, .comment-content ul li:hover { list-style-image: url(images/list-marker-star-highlight.gif); }
div.entry-content ul ul, .comment-content ul ul { list-style-image: url(images/list-marker-asterisk.gif); }
div.entry-content ul ul li:hover, .comment-content ul ul li:hover { list-style-image: url(images/list-marker-asterisk-highlight.gif); }
div.entry-content ol, .comment-content ol { list-style-type: decimal; }
div.entry-content ol ol, .comment-content ol ol { list-style-type: lower-roman; }
div.entry-content ol li:hover, .comment-content ol li:hover { list-style-image: none; }
div.entry-content ol.lower-roman, .comment-content ol.lower-roman { list-style-type: lower-roman; }
div.entry-content ol.lower-alpha, .comment-content ol.lower-alpha { list-style-type: lower-alpha; }
div.entry-content ol.upper-alpha, .comment-content ol.upper-alpha { list-style-type: upper-alpha; }

/* Anchors ----- */
div.entry-content ul.anchors, div.entry-content ul.anchors ul { list-style-image: none; }
div.entry-content ul.anchors { margin-left: 0; padding-left: 0; }
div.entry-content ul.anchors li { line-height: 110%; margin-bottom: 0.5em; }
div.entry-content ul.anchors li:hover { list-style-image: none; }
div.entry-content ul.anchors li ul { padding-left: 0.5em; margin: 1em 0; }

/* =Author Signature ----- */
div.entry-content .author-signature div { margin:0; }
div.entry-content .author-signature .entry-author { font-size:180%; font-family:"arial black", arial, sans-serif; }

/* Faves/Bookmarks ----- */
.entry-faves { clear:both; background: transparent url(images/bg-entry-top.gif) left top repeat-x; height:20px; margin-top:4px; padding-top:8px; text-align:right; }
.alt .entry-faves { background-image: url(images/bg-entry-top-alt.gif); }
.page .entry-faves { background: none; /*margin-top:-30px;*/ margin-bottom:-30px;}
.entry-faves div {float:right; margin-left:5px;}
.entry-faves .facebook-like {float:left; margin-left:0px;}
.entry-faves .facebook-share {margin-top:-1px;}
.entry-faves .buzz-link {margin-left:5px;}
#entry-faves { border:dotted 1px #d0ebaf; padding:0.5em; margin:2.5em -7px; clear:both; float:left; background-color:#F3FAEA; width:100%; }
#entry-faves h3 { text-indent:-9999px; height:51px; width:155px; margin: 0 1em 0 -38px; float:left; background:transparent url(images/faves-title.png) 0 0 no-repeat; position:relative;}
#entry-faves p { line-height:1.2; margin-top:0.5em;}
#entry-faves ol { list-style-type:none; float:right; margin-bottom:0; width:380px; }
#entry-faves ol li { float:left; margin-left:10px; height:60px;}
#entry-faves .post-commentlink a,
#entry-faves .twitter-link a, 
#entry-faves .rss-email-link a { text-indent:-9999px; display:block; background:transparent 0 0 no-repeat; height:60px;}
#entry-faves ol li.post-commentlink a { background-image: url(images/entry-faves-comment.gif); width:55px; }
#entry-faves ol li.twitter-link a { background-image: url(images/entry-faves-twitter.gif); width:45px; }
#entry-faves ol li.topsy-link { width:50px; }
#entry-faves ol .topsy-big-count { margin-bottom:4px; }
#entry-faves ol li.facebook-link a { background-image: url(images/entry-faves-facebook.gif); width:60px; }
#entry-faves ol li.rss-email-link a { background-image: url(images/entry-faves-feed.gif); width:55px;}

/* =Related ----- */
#related { }
#related h3 { float:left; text-indent:-9999px; height:49px; width:145px; background:transparent url(images/related-title.png) 0 0 no-repeat; margin: 0 0 0 -40px; position:relative; }
#related ol { float:left; margin-left:0; margin-bottom:-72px; font-size:75%; list-style:none; width:420px;}
#related ol li { float:left; padding:18px 3px 2px 7px; line-height:1; height:135px; width:92px; margin-right:2px; text-align:center; background:transparent no-repeat 0 0; position:relative;}
#related ol li#item-1 {background-image:url(images/bg-related-item-1.png);}
#related ol li#item-2 {background-image:url(images/bg-related-item-2.png);}
#related ol li#item-3 {background-image:url(images/bg-related-item-3.png);}
#related ol li#item-4 {background-image:url(images/bg-related-item-4.png);}
#related ol li img { margin-bottom:2px; border:solid 1px #333; }
#related ol li img.related-default { border:none; }
#related ol li a { display:block; color:#455E34; }

/* =Post Footer ----- */
.entry-utility { margin-right: -25px; float: right; width: 310px; list-style:none; margin-left:5px; margin-bottom:0;}
.entry-utility li { float: right; }
.entry-utility li a { display:block; text-indent: -9999px; background: transparent 0 0 no-repeat; }
.entry-utility li a:hover { background-position: 0 -78px; color:white; text-decoration: none; }
.entry-utility .comments-link a {
	color: #b8005c; text-indent: 0; background-image: url(images/entry-meta-comments.png); width: 58px; height: /*40px*/ 32px;
	font-family: "Comic Sans MS", arial, helvetica, sans-serif; font-size: 160%; padding-top: 8px; padding-left: 5px;
}
.entry-utility .comments-closed-link a {
	color: #666666; text-indent: 0; background-image: url(images/entry-meta-comments-closed.png); width: 58px; height: /*40px*/ 32px;
	font-family: "Comic Sans MS", arial, helvetica, sans-serif; font-size: 200%; padding-top: 8px; padding-left: 5px;
}
.entry-utility .comments-rss-link a { background-image: url(images/entry-meta-feed.png); width: 64px; height: 40px; }
.entry-utility .permalink a { background-image: url(images/entry-meta-permalink.png); width: 64px; height: /*43px*/ 41px; }
.entry-utility .trackback-link a { background-image: url(images/entry-meta-trackback.png); width: 63px; height: 39px; }
.entry-utility .trackback-closed-link a { background-image: url(images/entry-meta-trackback-closed.png); width: 63px; height: 39px; }
.entry-utility .edit-link a { background-image: url(images/edit.png); width: 52px; height: 37px; }

.tag-links { position:absolute; background: transparent url(images/tag.png) 0 0 no-repeat; height: 66px; width: 170px; padding-left: 56px; margin-left: -41px; font-size:90%; line-height:120%; }

/* =Archives ----- */
.archive .tag-links { /*margin-bottom: -30px; width: 100%;*/ }
img.excerpt-thumbnail { float:right; margin: 0 0 4px 4px; padding:4px; border:solid 1px #ccc; background-color:#fff;
						-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

/* =Pages
-------------------------------------------------------------- */
.page .entry-title { padding-bottom:0.2em; display:block; text-indent:-9999px; margin-bottom:0;}
.title-image { width:100%; height: 80px; border: solid 1px #bbb; margin-top:0; }

/* To cater for row of fave buttons */
#post-71 div.entry-content, #post-11 div.entry-content, #post-2 div.entry-content, #post-72 div.entry-content, 
#post-3 div.entry-content, #post-6 div.entry-content, #post-4 div.entry-content, #post-1184 div.entry-content, #post-386 div.entry-content {margin-top:40px;}

/* =Page Top/Bottom Division ----- */
.hr-top, .hr-bottom { height: 5px; }
.hr-top hr, .hr-bottom hr { display: none; }
.hr-top { margin-bottom: 0.5em; background: transparent url(images/bg-entry-top.gif) bottom left repeat-x; }
.hr-bottom { background: transparent url(images/bg-entry-bottom.gif) bottom left repeat-x; margin-bottom:18px;}

/* =Page Titles & Title Images ----- */
#post-2 .title-image { background: transparent url(images/about-title-image.jpg) right no-repeat; }
#post-2 .entry-title { height: 74px; background: transparent url(images/about-miss-loi-title.gif) 0 0 no-repeat; }
#post-3 .entry-title { height: 40px; background: transparent url(images/faqs-title.gif) 0 0 no-repeat; }
#post-4 .entry-title { height: 50px; background: transparent url(images/contact-title.gif) 0 0 no-repeat; }
#post-4 .title-image { background: transparent url(images/contact-title-image.jpg) right no-repeat; }
#post-6 .entry-title { height: 55px; background: transparent url(images/gratitudes-title.gif) 0 0 no-repeat; }
#post-6 .title-image { margin-bottom: 1.5em; background: transparent url(images/gratitudes-title-image.jpg) 0 0 no-repeat; }
#post-11 .entry-title { height: 60px; background: transparent url(images/exampapers-title.gif) 0 0 no-repeat; }
#post-356 .entry-title { height: 70px; background: transparent url(images/mathematics-topics-title.gif) 0 0 no-repeat; }
#post-71 .entry-title { height: 59px; background: transparent url(images/schedule-title.gif) 0 0 no-repeat; }
#post-71 .title-image { background: transparent url(images/schedule-title-image.jpg) right no-repeat; }
#post-72 .entry-title { height: 65px; background: transparent url(images/temple-title.gif) 0 0 no-repeat; }
#post-72 .title-image { margin-bottom: 1.5em; background: transparent url(images/temple-title-image.jpg) 0 0 no-repeat; }
#post-1184 .entry-title { height:80px; background: transparent url(images/suggested-solutions-title.gif) 0 0 no-repeat; }
.error404 .entry-title {text-indent:-9999px; background:transparent url(images/404.gif) 0 0 no-repeat; width:190px; height:80px;}

/* =About ----- */
#post-2 div.other-title-image { text-indent: -9999px; height: 55px; background: transparent url(images/other-lois-title.gif) left no-repeat; }

/* =Schedule ----- */
#post-71 .entry-content h4 { font-size:180%; font-family: arial,"Trebuchet MS",helvetica,sans-serif; color: #b2de7c; margin-top:1.4em;}
#post-71 .entry-content h5 { font-size:140%; }
.schedule th, .schedule td, .chart th, .chart td { padding-right: 0.7em; font-size: 0.9em; }
.schedule th {text-align: left; }
.chart th {text-align: center;}
.schedule td, .chart td { border-bottom: solid 1px #f4bbb4; }

/* =FAQs ----- */
ul.faqs { list-style:none; margin:0;}
div.entry-content ul.faqs li { padding: 0; margin-bottom: 0; }
ul.faqs li, .entry-content ul.faqs li:hover { list-style-image:none;}
ul.faqs ul, .entry-content ul.faqs ol { padding-left: 1em; margin-bottom: 1em;}

ul.faqs .question { border:none; background:transparent url(images/question.gif) 0 0 no-repeat; min-height: 24px; padding:2px 0 0 15px; margin:0;}
ul.faqs .question a { color: #e45a49; border-bottom: solid 1px #F7D3CE; cursor: pointer; }
ul.faqs .question a:hover { text-decoration: none; border-bottom: solid 1px #e45a49; }
ul.faqs .answer { margin-top:5px; margin-bottom: 10px; background: transparent url(images/faq-answer.gif) 0 0 no-repeat; min-height: 30px; padding: 2px 0 0 30px; }

.faqs ul, .faqs ol, .faqs blockquote { margin-left: 10px; } 
ul.faqs ul li, .entry-content ul.faqs ol li { margin-bottom: 0.5em;}
ul.faqs ul li { list-style-image: url(images/list-marker-star.gif); }
ul.faqs ul li:hover { list-style-image: url(images/list-marker-star-highlight.gif); }
ul.faqs ul ul { list-style-image: url(images/list-marker-asterisk.gif); }
ul.faqs ul ul li:hover { list-style-image: url(images/list-marker-asterisk-highlight.gif); }
ul.faqs ol { list-style-type: decimal; }
ul.faqs ol ol { list-style-type: lower-roman; }

/* =Contact ----- */
.entry-content .contact-info {background:transparent 0 0 no-repeat;width:400px;height:82px;font-family:georgia,times,serif; padding:12px 20px 12px 12px; margin:1em auto;}
.entry-content .contact-info div {margin:0;}
.entry-content .contact-info .fn {font-size:24px;}
.entry-content .contact-info .title {font-size:12px;margin-bottom:20px;}
.contact-info .social-media {float:right;}
.contact-info .email {display:-moz-inline-box; display:inline-block; text-indent:-9999px; background:transparent url(images/that-which-mustnt-be-seen-big.gif) 0 0 no-repeat; width:198px; height:16px; vertical-align:bottom; font:0/0 Arial; overflow:hidden;}
#missloi-contact {background-image:url(images/bg-namecard-pink.gif);color:#DD737A; font-size:19px;margin-bottom:5px;}
#mrloi-contact {background-image: url(images/bg-namecard-purple.gif);color:#737ADD;font-size:20px;}

/* =School Crests ----- */
#sec-school-crest-list, #jc-crest-list {float:left; list-style:none; margin:auto auto 1.5em auto; width:100%;}
#sec-school-crest-list li, #jc-crest-list li {float:left; text-align:center; font-size:60%; width:50px; margin-right:5px; line-height:100%; list-style-image:none;}
#sec-school-list, #jc-list {float:left; width:100%; margin-left:2em;}
#sec-school-list li, #jc-list li {float:left; font-size:70%; width:45%; padding-right:15px; margin-right:5px; margin-bottom:0; line-height:150%;}
.school-list-banner {height:80px; width:100%; border:solid 1px #bbb; background: transparent url(images/united-colors-of-the-temple-banner.jpg) 0 0 no-repeat; }
.school-list-banner a {display:block; height:80px; width:100%; text-indent:-9999px;}

/* =Exam Papers ----- */
.alpha-color { color: #e45a49; }
.mu-color { color: #4582B5; }
.sigma-color { color: #49E45B; color:#B0C31D}

ul.links-menu {width:98%; border:solid 1px white; padding:0; margin:0 0 2em 0;}
div.entry-content ul.links-menu li {list-style:none; float:left; margin-right:1em;}
ul.links-menu a {color:#7f7f7f;}
ul.links-menu a:hover {color: #e45a49;}

/*#post-11 div.entry-content {margin-top:-8px;}*/
#post-11 div.entry-content h3 {font-family: "Trebuchet MS", helvetica;}
#post-11 #headline { background: transparent url(images/exam-papers-logo.gif) 10px 0 no-repeat; padding-left: 220px; height:185px;}
#post-11 #headline h3 { font-size: 200%; margin-top:0;}

#post-11 .sign-up { display:block; background: transparent url(images/sign-up-preview.gif) 0 0 no-repeat; height:60px; width:170px; text-indent:-9999px; border:none;}
#post-11 .sign-up:hover { background-position: 0 -110px; border:none;}

#post-11 #features { color:#797c80; float:left; width:100%; line-height:100%; margin-bottom:3em; }
#post-11 .feature { font-size:90%; float: left; padding-left: 60px; height:55px; width:/*145px*/35%; margin: 0 5px 5px 0;}
#post-11 #three-thousand-questions { background: transparent url(images/3000.gif) 0 0 no-repeat;  height:92px;}
#post-11 #answer-keys { background: transparent url(images/answer-keys.gif) 0 0 no-repeat; height:92px;}
#post-11 #syllabus { background: transparent url(images/seab.gif) 0 0 no-repeat; }
#post-11 #tys { background: transparent url(images/ten-year-series.jpg) 0 0 no-repeat; height:65px;}
#post-11 #diagrams { background: transparent url(images/diagrams.gif) 0 0 no-repeat; height:70px;}
#post-11 #direct-print { background: transparent url(images/direct-print.jpg) 0 0 no-repeat; }
#post-11 #updates { background: transparent url(images/updates.gif) 0 0 no-repeat; }
#post-11 #vetting { background: transparent url(images/vetting.gif) 0 0 no-repeat;}
#post-11 #top-singapore-schools { background: transparent url(images/top-schools.jpg) 0 0 no-repeat; height:65px;}

#post-11 ul#benefits { color:#797c80; float:left; width:100%; list-style:none; padding:0; margin:0;}
#post-11 ul#benefits li { float:left; width:/*200px*/47%; line-height:120%; margin-left:10px; margin-bottom:0; height:120px;}
#post-11 ul#benefits h4 { font-size:large; font-family: "Trebuchet MS", helvetica; }

#post-11 ul#package-items { width:100%; list-style:none; padding:0; margin:0 0 1em 0; height:715px; /*float:left;*/ }
#post-11 ul#package-items li { float:left; width:/*200px*/45%; margin-left:10px; margin-bottom:1.7em; padding: 0 0 0 6px; }
#post-11 ul#package-items li:hover { list-style:none; }
#post-11 ul#package-items li .level, #post-11 ul#package-items li .subject{ letter-spacing:-1px; margin:0; font-weight:bold; font-family:"Trebuchet MS", helvetica; padding-left:40px;}
#post-11 ul#package-items li .level { font-size: 100%;}
#post-11 ul#package-items li .subject { font-size: 140%; margin-bottom: 0.4em;}
#post-11 ul#package-items li p { line-height: 100%; font-size: 80%; margin-top: 0.5em; margin-bottom:0.5em;}

#post-11 ul#package-items li .prices { margin-top:0; margin-bottom:0.2em;}
#post-11 ul#package-items li .prices .item { font-size:80%; }
#post-11 ul#package-items li .price { font:160% "Arial Black"; letter-spacing:-1px; line-height:100%;}
#post-11 ul#package-items li .currency { font:90% "Arial Black"; float:left; line-height:140%;}

#post-11 ul#package-items li#EM4, #post-11 ul#package-items li#EM3 { background: transparent url(images/sigma-package.gif) 2px 2px no-repeat; }
#post-11 ul#package-items li#AM4, #post-11 ul#package-items li#AM3 { background: transparent url(images/alpha-package.gif) 2px 2px no-repeat; }
#post-11 ul#package-items li#M1, #post-11 ul#package-items li#M2 { background: transparent url(images/mu-package.gif) 6px 2px no-repeat; }
#post-11 ul#package-items li#EM4017 { background: transparent url(images/sigma-old-package.gif) 2px 2px no-repeat; }
#post-11 ul#package-items li#AM4018 { background: transparent url(images/alpha-old-package.gif) 2px 2px no-repeat; }

#post-11 #topics {clear:left;}

form#order-calculator {margin-bottom:1em;}
form#order-calculator label { font-size: 85%; width:200px;}
form#order-calculator select { font-size: 85%; margin-bottom: 0;}
form#order-calculator table { margin:0;}
tr.last-row td {padding-bottom:1em;} 
td#total-column {text-align:right; font-weight: bold; padding-top:0.5em; border-top: solid 1px #333333;} 
#total {font-size:x-large; color:#e45a49; font-weight:bold;}

#steps {list-style-type:none; margin:0;}
#steps h4 {font-size:large; border-bottom:solid 1px #333333; margin-bottom:0.2em;}
#steps h5 {font-size:large;}
#step1, #step2, #step3 {padding-left:45px; background: transparent 0 0 no-repeat;}
#step1 {background-image: url(images/step1.gif);}
#step2 {background-image: url(images/step2.gif); margin-bottom:2em;}
#step3 {background-image: url(images/step3.gif);}
#step3 div {padding: 15px 0 4px 0; -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; border: dashed 2px #ed8e8c; background:#f8d4cf; }

.account-info {font-size:150%;}
.bank-account {
	-moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px;
	background: #cc0000 url(images/dbs-logo.gif) right /*10px*/ no-repeat; color:white; padding: 20px 0;
}
.bank-account table, .cheque table {margin:0;}

div.entry-content #packages-info { background-color: #e76f5f; text-align: center; color: white; margin-bottom: 1em;}

/* =Exam Papers List of Subjects ----- */
#post-11 ul.subjects { margin: 1em auto; float: left; width: 100%; list-style: none; }
#post-11 ul.subjects li { float: left; width: 110px; text-align:center; margin-right: 0.5em; }
#post-11 ul.subjects li:hover { list-style: none; }
#post-11 ul.subjects li a { display: block; padding: 80px 10px 10px 10px; line-height: 110%; }
#post-11 ul.subjects li a:hover { text-decoration: none; }
#post-11 ul.subjects li.subject-12 a { background: transparent url(images/a-maths-old-syllabus-logo.gif) no-repeat 16px 10px; }
#post-11 ul.subjects li.subject-13 a { background: transparent url(images/e-maths-old-syllabus-logo.gif) no-repeat 28px 10px; }
#post-11 ul.subjects li.subject-323 a { background: transparent url(images/a-maths-o-level-logo.gif) no-repeat 16px 10px; }
#post-11 ul.subjects li.subject-324 a { background: transparent url(images/e-maths-o-level-logo.gif) no-repeat 28px 10px; }
#post-11 ul.subjects li.subject-321 a { background: transparent url(images/a-maths-sec-three-logo.gif) no-repeat 16px 10px; }
#post-11 ul.subjects li.subject-322 a { background: transparent url(images/e-maths-sec-three-logo.gif) no-repeat 28px 10px; }
#post-11 ul.subjects li.subject-319 a { background: transparent url(images/maths-sec-one-logo.gif) no-repeat 28px 10px; }
#post-11 ul.subjects li.subject-320 a { background: transparent url(images/maths-sec-two-logo.gif) no-repeat 28px 10px; }
#post-11 ul.subjects li a:hover { background-position: -82px 10px; }

/* =Exam Papers List of Papers ----- */
div.entry-content div.exampapers h3 { border-bottom: solid 1px #333333; }
div.entry-content div.exampapers h4 { font-size: 150%; margin-bottom:0;}
div.entry-content ul.exampapers { margin:1em 0; float:left; min-width:100%; width:100%; list-style: none; }
div.entry-content ul.exampapers li { width:/*120px*/135px; margin: 0 0.5em 0.5em 0; float: left; }
div.entry-content ul.exampapers li:hover { list-style: none; }
div.entry-content ul.exampapers li a { display: block; font-size: 0.8em; padding: 5px 0 5px 58px; height: 50px; line-height: 110%; background: transparent url(images/pdf-icon.gif) 5px 5px no-repeat; }
div.entry-content ul.exampapers li a:hover { background: #e7f5d6 url(images/pdf-icon.gif) 5px -97px no-repeat; text-decoration: none; }

div.entry-content ul.exampapers li.prelim { border: dotted 1px #d0ebaf; width:/*125px*/140px; }
div.entry-content ul.exampapers li.prelim ul { margin:0; list-style:none; }
div.entry-content ul.emaths-topical li { width:/*180px*/205px; }

div.entry-content div.errata { border: dotted 1px #ff9800; padding: 0.5em 0.5em 0.5em 65px; overflow: hidden; margin-bottom: 1em; line-height: 100%; background: transparent url(images/big-attention.gif) 5px 5px no-repeat; }
div.entry-content div.errata p { font-size: 90%; }

a.errata:link, a.errata:visited { padding-left:25px; padding-bottom:5px; color:#5fb9dc; border:none; background: transparent url(images/pdf-icon-small.gif) 0 0 no-repeat; }
a.errata:hover { background: #e7f5d6 url(images/pdf-icon-small.gif) 0 -39px no-repeat; }

/* =List of Preview Papers ----- */
#post-11 ul.exampapers li.preview { width: 160px; }
#post-11 ul.exampapers li.preview a { line-height: 110%; }
#post-11 ul.exampapers li.preview-set { border: dotted 1px #d0ebaf; width: 335px; }
#post-11 ul.exampapers li.prelim ul, #post-11 ul.exampapers li.preview-set ul { padding: 0.5em 0 0 0; margin:0; list-style: none; }
#post-11 ul.exampapers li.prelim ul:hover, #post-11 ul.exampapers li.preview-set ul:hover { list-style: none; }
#post-11 ul.exampapers li.new a { background: transparent url(images/pdf-icon-new.gif) 5px 0 no-repeat; height: 52px; padding-left: 68px; padding-top: 8px; }
#post-11 ul.exampapers li.new a:hover { background: #e7f5d6 url(images/pdf-icon-new.gif) 5px -102px no-repeat; }

/* =Mathematical Tags ----- */
div.entry-content ul.wp-tag-cloud { float:left; list-style:none; }
div.entry-content ul.wp-tag-cloud li { float: left; padding: 0; margin-right:1em; margin-bottom: 0; height:30px; }
div.entry-content ul.wp-tag-cloud li:hover { list-style-image: none; }

/* =Suggested Solutions ----- */
#post-1184 h3 {border-bottom:solid 1px #455E34;margin-bottom:0;}
#post-1184 table {margin-left:0;}
#post-1184 th {background-color:transparent;color:#455E34;text-align:left;}
#post-1184 .syllabus {margin-top:0;margin-bottom:0;text-align:right;font-size:90%;}
.pageid-1184 .hentry {padding-bottom: 85px;}
div.entry-content a.o-level-timetable-link, div.entry-content a.a-level-timetable-link, div.entry-content a.approved-calculators-link { display:block; height: 24px; padding-left:35px; border:none; color:#5fb9dc; background: transparent 0 0 no-repeat; }
div.entry-content a.o-level-timetable-link:hover, div.entry-content a.a-level-timetable-link:hover, div.entry-content a.approved-calculators-link:hover { border:none; text-decoration:underline;}
div.entry-content a.o-level-timetable-link { background-image: url(images/o-level-timetable-icon.gif); }
div.entry-content a.a-level-timetable-link { background-image: url(images/a-level-timetable-icon.gif); }
div.entry-content a.approved-calculators-link { padding-left:30px; background-image: url(images/approved-calculators-icon.gif); }
div.entry-content ul.exampapers li .discuss {margin:0 0 0 6px;}
div.entry-content ul.exampapers li .discuss a {background:transparent url(images/comments.gif) 0 0 no-repeat; height:12px; padding-left:22px; padding-top:0;}
div.entry-content ul.exampapers li .discuss a:hover {background:transparent url(images/comments.gif) 0 -48px no-repeat;}

/* Joss Sticks Society */
#post-377 .entry-title { position: absolute; width: 440px; height: 200px; background: transparent url(images/joss-sticks-society.gif) 0 0 no-repeat; }
#post-377 div.entry-content { padding-top: 20px; }
#post-377 div.entry-content .intro { padding-left: 42px; }
#post-377 div.entry-content { padding-top: 0; margin-top: -5px; }
#post-377 div.entry-content .intro { padding-left: 130px; }
#post-377 .hr-top { margin-top: 62px; }

/* Friendship Stationery */
#post-386 .entry-title { height: 60px; background: transparent url(images/friendship-stationery-title.gif) 0 0 no-repeat; }
#post-386 div.entry-content textarea#badge-code {width:270px; height:120px; font-size:1em;}
#post-386 div.entry-content h3 {color:#77B42D; margin-top:0; font-size: 1.2em; text-shadow:none;}
#post-386 div.entry-content h4 {color:#b2de7c; margin-bottom:0.7em; text-shadow:none;}
#post-386 div.entry-content table {width:420px; margin-top:0; margin-bottom:0; margin-left:0;}
#post-386 div.entry-content table p {margin-bottom:0.7em;}
#post-386 div.entry-content p img {cursor:pointer;}

#post-323 .entry-title { height: 45px; background: transparent url(images/a-maths-o-level-exampapers-title.gif) 0 0 no-repeat; }
#post-324 .entry-title { height: 45px; background: transparent url(images/e-maths-o-level-exampapers-title.gif) 0 0 no-repeat; }
#post-321 .entry-title { height: 45px; background: transparent url(images/a-maths-sec-three-exampapers-title.gif) 0 0 no-repeat; }
#post-322 .entry-title { height: 45px; background: transparent url(images/e-maths-sec-three-exampapers-title.gif) 0 0 no-repeat; }
#post-319 .entry-title { height: 45px; background: transparent url(images/maths-sec-one-exampapers-title.gif) 0 0 no-repeat; }
#post-320 .entry-title { height: 45px; background: transparent url(images/maths-sec-two-exampapers-title.gif) 0 0 no-repeat; }
#post-12 .entry-title { height: 45px; background: transparent url(images/a-maths-old-syllabus-exampapers-title.gif) 0 0 no-repeat; }
#post-13 .entry-title { height: 45px; background: transparent url(images/e-maths-old-syllabus-exampapers-title.gif) 0 0 no-repeat; }

#register-title { text-indent: -9999px; height: 45px; background: transparent url(images/register-title.gif) 0 0 no-repeat; }
#reemail-title { font-size: 150%; }


/* =Comments
-------------------------------------------------------------- */
#comments { padding:5px; margin-bottom:15px;}
#comments-title { text-indent:-9999px; height:81px; width:230px; background:transparent url(images/comments-title.png) 0 0 no-repeat; margin-top:-50px; position:relative;}
#comments .feed-link { margin-left:200px; padding-top:25px;}
#comments .feed-link a { background: transparent url(images/comments-rss-icon.gif) 0 0 no-repeat; margin: 10px 0 0 5px; }
.comments h3 {text-align:right; font-size:280%; color:#fff; text-shadow:0 -1px 0 #cdcdcd; margin-bottom:20px;}
#comments-list h3 {margin-top:-18px;}
#trackbacks-list h3 {margin-top:20px;}
.comments .comment-header .comments-closed { font-size: 100%; }
.comments #nocomment { color: #cccccc; /* For silence */ }

.reply {}

/* =Comments List ----- */
.comments {margin-bottom:30px;}
.unapproved { float:right; color:#e45a49; margin-top:-30px;}

.comment-content {
	position:relative; margin-left:5px; min-height:/*60px*/82px; padding:/*35px*/12px 10px 30px 85px; border:1px dotted /*#D0EBAF*/ #97C427; background-color:#fff;
	-moz-border-radius:15px; -khtml-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; 
	-moz-box-shadow:5px 5px 10px #B2DF7C; -khtml-box-shadow:5px 5px 10px #B2DF7C; -webkit-box-shadow:5px 5px 10px #B2DF7C; box-shadow:5px 5px 10px #B2DF7C; 
}
.comment-bubble-tail {background: transparent url(images/bg-comment-tail.gif) 0 0 no-repeat; position:relative; height:21px; width:12px; margin-left:-97px; top:22px;}
.alt-comment-content {background-color:#E7F5D6;}
.alt-comment-content .comment-bubble-tail {background-image:url(images/bg-comment-tail-alt.gif);}
.comments li.alt {background-color:transparent;}
.trackback .comment-content, .pingback .comment-content {padding-bottom:10px;}
.pingback .comment-content {padding-top:30px;}

.commentnumber {
	color: #d7efb9; font-family: "arial black", helvetica, sans-serif; font-weight: bold; font-size: 5.5em; letter-spacing:-3px;
	line-height: 80%; margin-top:/*-58px*/-35px; margin-right:-10px; margin-left:5px; float:right; position:relative;}
.alt-comment-content .commentnumber {color:#fff;}
.pingback .commentnumber {margin-top:-53px;}

/* Comment Identation */
#comments ol, #comments .children {list-style:none;}
#comments ol {margin:0;}
#comments .children {margin-left:0px;}
#comments li.comment, li.pingback, li.trackback {margin-top:25px; position:relative;}
li.depth-2 {padding-left:30px;}

/* Comment Meta */
.comment-meta {float:left; width:60px; margin-top:-16px; margin-left:18px; position:relative; z-index:99;}
.comment-author {position:relative; float:left; margin-bottom:5px;}
.comment-author img.avatar, img.fbavatar {
	float:left; padding:4px;background:#efefef;border:solid 1px #ccc; margin:0;
	-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.comment-author-name {
	position:absolute; top:8px; left:52px; padding:0px 4px; color:#666662;
	background:white; border-width:0 1px 1px 0; border-style:solid; border-color:#ccc; 
	font-size:10px; white-space:nowrap; z-index:99; }
.pingback .comment-author-name {width:305px; white-space:normal;}
.comment-author .fn {font-family:"arial black";color:#87AF23; font-size:12px;}
.comment-date { margin: 0; /*float:right;*/}

.comment-date .date-block-calendar { width:45px; border:solid 1px #d0ebaf; line-height:80%; float:right;}

.comment-date .calendar-top { background-color: #87AF23; padding:1px 2px; height:10px;}
.comment-date .year { float:right; font-size:8px; padding:0; background-color:transparent;}
.comment-date .month { float:left; font-size:8px; color:#fff; text-shadow:none; }
.comment-date .jap-day { color:#87AF23; font-size:90%; float:left; margin-top:2px;}
.comment-date .day {float:left; margin: 2px 0px 0px 2px; font-size:20px; letter-spacing:-1px;}
.comment-date .day-of-week {/*border-bottom:solid 1px #7f7f7f;*/ font-size:10px; margin-top:7px;}
.comment-date .comment-time { float:right; font-size:9px; color:#87AF23; padding-right:2px; clear:both; }

/* Comment Author Twitter Link */
.comment-author-facebook-link, .comment-author-twitter-link { text-indent:-9999px; display:inline-block; width:12px; line-height:150%;}
.comment-author-twitter-link {background: transparent url(images/comment-author-twitter-icon.png) no-repeat; }
.comment-author-facebook-link {background: transparent url(images/comment-author-facebook-icon.png) no-repeat; }

/* Comment Reply Link */
.comment-reply-link { position:absolute; bottom:4px; width:240px;}
a.comment-reply-link {display:block; background: transparent url(images/comment-reply.gif) 0 0 no-repeat; padding-left:24px; padding-top:10px; font-size:90%; text-indent:-9999px;}
a.comment-reply-link:hover {text-indent:0; color:#5FB9DC; text-decoration:none;}

/* Comment Links */
ul.comment-links { height:20px; list-style:none; position:absolute; bottom:-8px; right:0; width:130px;}
#comments ul.comment-links li { list-style-image:none; float:right; margin-right:-10px; margin-top:0;}
ul.comment-links li a { width: 68px; height: 25px; display:block; text-indent: -9999px; background: transparent 0 0 no-repeat;}
ul.comment-links li a:hover { background-position: 0 -52px; }
ul.comment-links .comment-link a { background-image: url(images/comment-permalink.png); }
ul.comment-links .edit-link a { background-image: url(images/comment-edit.png); }

.comment-content blockquote { min-height:34px; font-style:italic; padding:25px 1.5em 0.1em 1.5em; margin-bottom:1em; background-color:white; background-position: 10px 10px; color:#7c7c7c; border-left:solid 10px #607988; }

/* =Comments List Children ----- */
.depth-1 .children { border-bottom:dotted 3px /*#e7f5d6*/ #fff; padding-bottom:10px;}
.depth-2 .children { border-bottom:none; padding-bottom:0;}
.depth-2 .comment-content, 
.depth-3 .depth-4 .comment-content, .depth-5 .depth-6 .comment-content, .depth-7 .depth-8 .comment-content, .depth-9 .depth-10 .comment-content { margin-left:0px; padding-right:82px; padding-left:10px;}
.depth-3 .comment-content, .depth-4 .depth-5 .comment-content, .depth-6 .depth-7 .comment-content, .depth-8 .depth-9 .comment-content { padding-left:82px; padding-right:10px;}
.depth-2 .depth-3 .children, .depth-2 .depth-4 .children, .depth-2 .depth-5 .children, .depth-2 .depth-6 .children,
.depth-2 .depth-7 .children, .depth-2 .depth-8 .children, .depth-2 .depth-9 .children, .depth-2 .depth-10 .children {border-bottom: none;}

.depth-2 .commentnumber { font-size:3em; line-height:75%; text-indent:-9999px; width:41px; height:34px; }
.depth-2 .commentnumber, .depth-3 .depth-4 .commentnumber, .depth-5 .depth-6 .commentnumber, .depth-7 .depth-8 .commentnumber, .depth-9 .depth-10 .commentnumber { margin-left:-10px; float:left; background: transparent url(images/reply.gif) no-repeat 5px 3px;}
.depth-3 .commentnumber, .depth-4 .depth-5 .commentnumber, .depth-6 .depth-7 .commentnumber, .depth-8 .depth-9 .commentnumber { margin-right:-10px; float:right; background-position:-42px 3px;}
.depth-2 .alt-comment-content .commentnumber { background-image: url(images/reply-alt.gif); }

.depth-2 .unapproved, .depth-3 .depth-4 .unapproved, .depth-5 .depth-6 .unapproved, .depth-7 .depth-8 .unapproved, .depth-9 .depth-10 .unapproved { float:left;}
.depth-3 .unapproved, .depth-4 .depth-5 .unapproved, .depth-6 .depth-7 .unapproved, .depth-8 .depth-9 .unapproved { float:right; width:140px;}

.depth-2 .comment-meta, .depth-3 .depth-4 .comment-meta, .depth-5 .depth-6 .comment-meta, .depth-7 .depth-8 .comment-meta, .depth-9 .depth-10 .comment-meta {float:right; margin-right:14px; margin-left:auto;}
.depth-3 .comment-meta, .depth-4 .depth-5 .comment-meta, .depth-6 .depth-7 .comment-meta, .depth-8 .depth-9 .comment-meta {float:left; margin-left:14px; margin-right:auto;}

.depth-2 .comment-author, .depth-3 .depth-4 .comment-author, .depth-5 .depth-6 .comment-author, .depth-7 .depth-8 .comment-author, .depth-9 .depth-10 .comment-author {float:right;}
.depth-3 .comment-author, .depth-4 .depth-5 .comment-author, .depth-6 .depth-7 .comment-author, .depth-8 .depth-9 .comment-author {float:left;}

.depth-2 .comment-author-name, .depth-3 .depth-4 .comment-author-name, .depth-5 .depth-6 .comment-author-name, .depth-7 .depth-8 .comment-author-name, .depth-9 .depth-10 .comment-author-name {left:auto; right:50px;}
.depth-3 .comment-author-name, .depth-4 .depth-5 .comment-author-name, .depth-6 .depth-7 .comment-author-name, .depth-8 .depth-9 .comment-author-name {left:50px; right:auto;}

.depth-2 .jap-day, .depth-3 .depth-4 .jap-day, .depth-5 .depth-6 .jap-day, .depth-7 .depth-8 .jap-day, .depth-9 .depth-10 .jap-day {float:right;}
.depth-3 .jap-day, .depth-4 .depth-5 .jap-day, .depth-6 .depth-7 .jap-day, .depth-8 .depth-9 .jap-day {float:left;}

.depth-2 .date-block-calendar, .depth-3 .depth-4 .date-block-calendar, .depth-5 .depth-6 .date-block-calendar, .depth-7 .depth-8 .date-block-calendar, .depth-9 .depth-10 .date-block-calendar {float:left;}
.depth-3 .date-block-calendar, .depth-4 .depth-5 .date-block-calendar, .depth-6 .depth-7 .date-block-calendar, .depth-8 .depth-9 .date-block-calendar {float:right;}

.depth-2 .comment-bubble-tail, .depth-3 .depth-4 .comment-bubble-tail, .depth-5 .depth-6 .comment-bubble-tail, .depth-7 .depth-8 .comment-bubble-tail, .depth-9 .depth-10 .comment-bubble-tail {margin-right:-94px; margin-left:auto; background-position:-18px 0;}
.depth-3 .comment-bubble-tail, .depth-4 .depth-5 .comment-bubble-tail, .depth-6 .depth-7 .comment-bubble-tail, .depth-8 .depth-9 .comment-bubble-tail {margin-left:-94px; margin-right:auto; background-position:0 0;}

/* Customised comment boxes for The Order of The Temple! */
.missloi-comment-content, .littlemissloi-comment-content, .sgtloi-comment-content { background-color: #f5d6d8; border: 1px dotted #dd737a; }
.missloi-comment-content .commentnumber, .littlemissloi-comment-content .commentnumber, .sgtloi-comment-content .commentnumber { color: #fff; }
.missloi-comment-meta .date-block-calendar, .littlemissloi-comment-meta .date-block-calendar, .sgtloi-comment-meta .date-block-calendar { border: solid 1px #E9A5A9; }
.missloi-comment-meta .calendar-top, .littlemissloi-comment-meta .calendar-top, .sgtloi-comment-meta .calendar-top { background-color: #f55b99; }
.missloi-comment-meta .jap-day, .littlemissloi-comment-meta .jap-day, .sgtloi-comment-meta .jap-day { color: #dd737a; }
.missloi-comment-meta .comment-time, .littlemissloi-comment-meta .comment-time, .sgtloi-comment-meta .comment-time { color: #dd737a; }
.missloi-comment-content .comment-link a, .littlemissloi-comment-content .comment-link a, .sgtloi-comment-content .comment-link a { background-image: url(images/comment-permalink-missloi.png); }
.missloi-comment-content a.comment-reply-link, .littlemissloi-comment-content a.comment-reply-link, .sgtloi-comment-content a.comment-reply-link {background-image: url(images/comment-reply-pink.gif); }
.missloi-comment-content .comment-bubble-tail, .littlemissloi-comment-content .comment-bubble-tail, .sgtloi-comment-content .comment-bubble-tail {background-image:url(images/bg-comment-tail-pink.gif);}

.mrloi-comment-content { background-color: #E4D6F5; border: 1px dotted #C3A5E9; }
.mrloi-comment-content .commentnumber { color: #fff; }
.mrloi-comment-meta .date-block-calendar { border: solid 1px #C1C5F0; }
.mrloi-comment-meta .calendar-top { background-color: #9097E4; }
.mrloi-comment-meta .jap-day { color: #737ADD; }
.mrloi-comment-meta .comment-time { color: #737ADD; }
.mrloi-comment-content .comment-link a { background-image: url(images/comment-permalink-mrloi.png); }
.mrloi-comment-content a.comment-reply-link {background-image: url(images/comment-reply-purple.gif); }
.mrloi-comment-content .comment-bubble-tail {background-image:url(images/bg-comment-tail-purple.gif);}

.sadakoloi-comment-content { background-color: #000; border: 1px dotted #000; color:#fff; }
.sadakoloi-comment-content .commentnumber { color: #fff; }
.sadakoloi-comment-meta .date-block-calendar { border: solid 1px #fff; }
.sadakoloi-comment-meta .calendar-top { background-color: #000; }
.sadakoloi-comment-meta .jap-day { color: #fff; }
.sadakoloi-comment-meta .comment-time { color: #000; }
.sadakoloi-comment-content .comment-link a { background-image: url(images/comment-permalink-sadakoloi.png); }
.sadakoloi-comment-content a.comment-reply-link {background-image: url(images/comment-reply-grey.gif); }
.sadakoloi-comment-content .comment-bubble-tail {background-image:url(images/bg-comment-tail-black.gif);}

.depth-2 .missloi-comment-content .commentnumber,
.depth-2 .littlemissloi-comment-content .commentnumber,
.depth-2 .sgtloi-comment-content .commentnumber { background-image: url(images/reply-pink.gif); }
.depth-2 .mrloi-comment-content .commentnumber { background-image: url(images/reply-purple.gif); } 
.depth-2 .sadakoloi-comment-content .commentnumber { background-image: url(images/reply-black.gif); }

/* Tweetbacks */
.tweetback .comment-content { background-color:#D6E7F5; border-color: #A5CAE9; }
.tweetback .commentnumber { color: #fff; }
.tweetback .calendar-top { background-color: #73AEDD; }
.tweetback .date-block-calendar { border-color: #A5CAE9; }
.tweetback .jap-day, .tweetback .comment-time { color:#73AEDD; }
.tweetback .comment-bubble-tail {background-image:url(images/bg-comment-tail-tweetback.gif);}

/* =Comment Form ----- */
#respond { font-size:80%; }
ol #respond { margin-top:20px; /*margin-bottom:35px;*/ padding-top:10px; padding-bottom:10px; border:dotted #fff; border-width:3px 0 0}
.depth-2 #respond {margin-left:-30px;}
#respond h3 { text-align:left; text-indent:-9999px; background:transparent url(images/respond-title.gif) 0 0 no-repeat; height:38px; width:258px; font-size:1.2em; margin:15px 0 0.5em 15px; }
#cancel-comment-reply {height:35px;}
a#cancel-comment-reply-link {display:block; background: transparent url(images/cancel-comment-reply.gif) right 0 no-repeat; padding-right:30px; height:30px; text-indent:-9999px; width:75px; line-height:100%; float:right;}
a#cancel-comment-reply-link:hover {text-indent:0; color:#5FB9DC; text-decoration:none;}

#commentform {font-size:120%;}
p#login { margin-bottom:0em; padding-bottom:1em; }
#comment-notes { float:right; position:relative; padding:30px 0px 10px 0; margin-right:-10px; width:175px; height:190px; background:transparent url(images/comment-notes.png) no-repeat 0 0; color:#666; font-family:arial,helvetica,sans-serif; line-height:125%; font-size:95%;}
#comment-notes ul { list-style-type:none; list-style-image: url(images/list-marker-asterisk.gif); padding-right:10px;}
#comment-notes ul li {margin-bottom:0.5em; }
#comment-notes ul li:hover { list-style-image: url(images/list-marker-asterisk-highlight.gif); }

#cancel-comment-reply, p#login, #fb-user, #comment-user-details, #form-section-comment, #form-syntax, #form-section-options { 
	background-color:#fff; padding-left:15px; padding-right:15px;
	-moz-box-shadow:2px 3px 2px #B2DF7C; -khtml-box-shadow:2px 3px 2px #B2DF7C; -webkit-box-shadow:2px 3px 2px #B2DF7C; box-shadow:2px 3px 2px #B2DF7C; 
}
#cancel-comment-reply {padding-top:10px;
-webkit-border-top-right-radius: 16px; -webkit-border-top-left-radius: 16px;
-moz-border-radius-topright: 16px; -moz-border-radius-topleft: 16px;
-khtml-border-radius-topright: 16px; -khtml-border-radius-topleft: 16px;
border-top-right-radius: 16px; border-top-left-radius: 16px; 
}
#form-section-options { padding-bottom:5px; 
-webkit-border-bottom-right-radius: 16px; -webkit-border-bottom-left-radius: 16px;
-moz-border-radius-bottomright: 16px; -moz-border-radius-bottomleft: 16px;
-khtml-border-radius-bottomright: 16px; -khtml-border-radius-bottomleft: 16px;
border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; }

#comment-user-details .form-section {height:38px;margin-left:-56px;}
#comment-user-details .form-input {float:left; margin-left:-24px;}
#comment-user-details input {padding-left:28px; height:20px; width:230px; border-width: 0 0 2px 0; border-style:dotted; background:none;
	-moz-border-radius:0px; -khtml-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}
#comment-user-details .form-label {text-indent:-9999px;float:left;margin-top:-6px;height:34px;width:82px;background:right no-repeat; z-index:99; position:relative;}
#form-section-author .form-label {background-image:url(images/commentform-author-label.png);}
#form-section-email .form-label {background-image:url(images/commentform-email-label.png);}
#form-section-url .form-label {background-image:url(images/commentform-url-label.png);}
#form-section-twitter-id .form-label {background-image:url(images/commentform-twitter-label.png);width:86px; margin-left:-4px;}
#form-section-comment .form-label { float:left; position:relative; z-index:99; margin-left:-26px; margin-bottom:-11px;}
#form-section-comment .form-label label {display:block; position:relative; z-index:99; float:left; text-indent:-9999px; height:50px; width:145px; background:transparent url(images/commentform-comment-label.png) no-repeat 0 0; }
#form-section-comment .form-label span { float:left; margin-top:25px; margin-left:1em;}

#form-section-comment {clear:left;}
#commentform textarea#comment { width:98%; margin-bottom: 0.2em; border-style:dashed; padding-bottom:8px;}
#form-syntax {margin-top:-14px; margin-bottom:-18px; padding-bottom:18px; color:#666; font-size:95%; line-height:125%; text-align:justify; font-family:arial,helvetica,sans-serif;}
#form-syntax p { padding-left:75px; background: transparent url(images/bg-commentform-syntax.gif) 0 0 no-repeat; padding-top:12px; position:relative; min-height:55px;}

#commentform .form-submit { display:inline; float:left; margin-right:6px;}

/* =AJAX Comment Preview ----- */
#acp-preview { cursor:pointer; margin-top:0.5em; float:left; margin-left:130px;}
#ajax-comment-preview { clear:both; /*margin: 48px 0 10px;*/ padding:15px; border:dashed 2px #fff; 
	-moz-border-radius:12px; -khtml-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; }
#ajax-comment-preview ul { list-style:none; margin:0; margin-top:-15px;}
#ajax-comment-preview ul li.comment {margin-top:11px; color:#999999;}
#ajax-comment-preview .comment-author .fn {color:#70765b; }
#ajax-comment-preview .comment-author .fn a {color:#90a3a9; }
#ajax-comment-preview .comment-date .date-block-calendar { border-color:#ced3c6; }
#ajax-comment-preview .comment-date .calendar-top { background-color: #70765B;}
#ajax-comment-preview .comment-date .day { color:#A58886; }
#ajax-comment-preview .comment-date .comment-time { color:#7f856c; }
#ajax-comment-preview .comment-content { border-color:#ced3c6; padding-bottom:10px;}
#ajax-comment-preview .comment-content br { clear:none;}
#ajax-comment-preview .comment-bubble-tail {background-image: url(images/bg-comment-tail-preview.gif);}

#comment-submit-bubble-tail {float:left;width:48px;height:25px;margin-left:30px;background:transparent url(images/submit-bubble-tail.gif) 0 0 no-repeat;}
#comment-preview-bubble-tail {float:left;width:38px;height:26px;margin-left:10px; margin-top:25px; margin-bottom:-2px; background:transparent url(images/preview-bubble-tail.gif) 0 0 no-repeat; position:relative;}

/* Comment Options ----- */
#doluv, #subscribe {margin-left:0;}


/* =Footer
-------------------------------------------------------------- */
#footer { 
	position:fixed; width:100%; margin: 1em 0 0 0; bottom:0; left:0; font-size:90%; z-index:100;

	background: transparent url(images/bg-footer.gif) top left repeat-x;
	/*background: transparent url(images/bg-footer-xmas.gif) top left repeat-x;*/ /* xmas */
	/*background: transparent url(images/bg-footer-skyline.gif) top left repeat-x;*/ /* new year */

	padding: 55px 0 5px 0;
	/*padding: 85px 0 0 0;*/ /* new year */
	
	color: #e2e2e2;
	/*color: #333333;*/ /* xmas */
	/*color: white;*/ /* new year */
}
#siteinfo { float:right; padding-right: 1em;}
#footer .vcard { float: left; padding-left: 1em; }
#footer .vcard .email {	display:-moz-inline-box; display:inline-block; text-indent:-9999px; background:transparent url(images/that-which-mustnt-be-seen.gif) 0 0 no-repeat; width:138px; height:13px; vertical-align:bottom; font:0/0 Arial; overflow:hidden;}
#vcard { 
	padding-left: 20px;
	background: transparent url(images/vcard.gif) 0 0 no-repeat;
}
#social-networks {float:left;margin-left:3px;margin-right:3px;width:140px;height:25px;}
#footer a { color: #b0da43; /*color: #5fb9dc;*/ /* xmas */ }
#footer .tel, #footer .fn { color: #b0da43; /*color: #5fb9dc;*/ /* xmas */ }
#footer .vcard .tel .type, #footer .vcard .url { display: none; }

/* Xmas Snow Toggling */
#weather { float: right; padding-right: 0.5em; width: 30px; }
#weather a { float:right; display:block; width:30px; height:28px; text-indent:-9999px; }
/*a#no-snow { background: transparent url(images/no-snow.gif) 0 0 no-repeat; }
a#snow { background: transparent url(images/snow.gif) 0 0 no-repeat; display:none; visibility:hidden;}*/

/* New Year Confetti Toggling */
a#no-snow { background: transparent url(images/no-confetti.gif) 0 0 no-repeat; }
a#snow { background: transparent url(images/confetti.gif) 0 0 no-repeat; display:none; visibility:hidden;}

/* =Mathematics
-------------------------------------------------------------- */
.correct {color:#489717;}
span.equation-highlight img { border: dotted 1px #ff9800; padding: 5px; }
.calc-button { border:solid 1px #3c3c3c; background: #7f7f7f; color: white; padding: 0 3px;}
div.notes { border: dotted 1px #ff9800; padding: 0.5em; overflow: hidden; margin-bottom: 1em; }
div.notes h3 { color: #EC8B7E; }
div.notes h4 { background:#f4bbb4; color:#fff; margin-bottom:1em; padding:0.2em 0.5em; }
div.question { border: dotted 1px #cccccc; background-color: #f7f7f7; padding:1em; overflow: hidden; margin-bottom: 1em; }
div.question blockquote { background-image: none; }
div.question table { margin: 1em auto; }
div.question td { font-size: 80%; border: solid 1px #cccccc; }
div.question ol.mcq { list-style-type: upper-alpha; }
div.question ol li:hover { list-style-image: none; }
div.question img, div.question .wp-caption img { background:none; padding:0; }

/* =Popup Bubble
-------------------------------------------------------------- */
.popupbox {width:500px;}
.popupbox h4 {font-size:160%;border-bottom: solid 1px #455e34; margin-bottom:0; margin-top:1em; }
.popupbox p {font-size: 100%; text-align:right;}
.popupbox ul.topics {margin-left:5px; font-size:110%; list-style-type: disc;}
.popupbox ul.topics li {margin-bottom:0.5em;  line-height:120%;}
.popupbox { position: absolute; z-index: 50; border-collapse: collapse; }
.popupbox td {padding-left: 1.2em;}
.popupbox td.corner {height:15px; width:19px;}
.popupbox td#topleft { background: url(images/bubble-1.png) top right no-repeat; height:10px;}
.popupbox td.top { background: url(images/bubble-2.png) repeat-x;}
.popupbox td#topright { background: url(images/bubble-3.png) top left no-repeat; height:10px;}
.popupbox td.middleleft { background: url(images/bubble-4.png) top right repeat-y; }
.popupbox td.middleright { background: url(images/bubble-5.png) top left repeat-y; }
.popupbox td#bottomleft { background: url(images/bubble-6.png) top right no-repeat; }
.popupbox td.bottom { background: url(images/bubble-7.png) repeat-x; text-align: center;}
.popupbox td.bottom img { display: block; margin: 0 auto; }
.popupbox td#bottomright { background: url(images/bubble-8.png) top left no-repeat; }
.popupbox .popup-contents {background-color: #fff;}

/* =Tracking Codes
-------------------------------------------------------------- */
#sitemeter {display:none; visibility:hidden; height:0; float:right;}