/*
Theme Name:   Vivacissimo
Theme URI:    http://nankahen.com
Description:  Made for iSpark.sg.
Version:      2.0
Author:       Teng Kah Wee
Author URI:   http://nankahen.com
*/

* {
	margin: 0;
	padding: 0;
}
body {
	color: #4a4a4b;
	font-size: 13px;
	line-height: 18px;
	font-family:"Lucida Sans Unicode",Tahoma, Arial, Helvetica, sans-serif;
}
a {
	color:#000;
	text-decoration: none
}
a:hover {
	color:#000;
}
p {
	margin-bottom: 18px;
}
blockquote {
	margin: 0 18px 18px 18px;
	font-size:12px;
	color:#333;
}
h1 {
	font-size: 24px;
}
h2,h2 a {
	font-size: 24px;
	font-weight:normal;
	color:#ed1c24;
	line-height: 18px;
	margin:20px 10px;
}
.content h3,.content h3 a{
	font-size:18px;
	color:#ed1c24;
	font-weight:normal;
	margin:30px 10px 10px 10px;
	clear:left;
}
h4,h4 a{
	font-size:14px;
	margin:5px 20px;
	font-weight:normal;
	color:#000;
}
img {
	border:none;
}
#container {
	margin: 0 auto;
	width: 910px;
}
.clear{
	clear:both;
}
.alignright{
	float:right;
}
.alignleft{
	float:left;
}
.invisible{
	visibility:hidden;
}
/* Header */

#header {
	width: 910px;
	height:120px;
}
#header #logo {
	float:right;
}
/* Navigations */

#nav {
	float:left;
}
#nav ul {
	list-style: none;
	padding-top:75px;
}
#nav li {
	float: left; 
	display: block; 
	padding:0 10px;
}
#nav a {
	background-position:top;
	height:40px;
	display:block;
}
#nav a.navihome {
	background:url(images/navihome.gif);
	width:59px;
}
#nav a.naviclasses {
	background:url(images/naviclasses.gif);
	width:69px;
}
#nav a.naviteachers {
	background:url(images/naviteachers.gif);
	width:85px;
}
#nav a.naviinfo {
	background:url(images/naviinfo.gif);
	width:117px;
}
#nav a.navihome:hover, #nav .current a.navihome {width:64px;}
#nav a.naviclasses:hover, #nav .current a.naviclasses {width:75px;}
#nav a.naviteachers:hover, #nav .current a.naviteachers {width:92px;}
#nav a.naviinfo:hover, #nav .current a.naviinfo {width:128px;}
#nav .current a, #nav a:hover {
	background-position:bottom;
}

/* Image Header */

#img-header{
	background:url(images/imgheader-people.jpg) #e9e9e9 10px 10px no-repeat;
	height:210px;
	padding:10px;
	clear:both;
}

/* Posts */

.post {
	text-align:left;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
.postnoline {
	text-align:left;
	width: 668px;
	padding: 22px 0 22px 0;
}
.posttopline {
	border-top: 1px solid #ccc;
	text-align:left;
	width: 668px;
	padding: 22px 0 22px 0;
}
span.previous {
	padding: 0 20px 0 0;
	float: left;
}
span.next {
	float: right;
}
span.edit a {
	float:right;
	font-weight:normal;
	font-size:11px;
	color:#666;
	border:1px solid #ccc;
	padding:0 4px;
}
.content {
	width:600px;
	color:#4a4a4b;
}
.content-wide{
	width:910px;
	color:#4a4a4b;
}
.content ul{
	padding-bottom:10px;
}
.tab ul{
	background:url(images/tabbottom.gif) no-repeat 100% 100%;
}
.content li{
	list-style-type:none;
	margin:0 20px;
}
.content p{
	margin:5px 10px;
}
.content a {
	font-weight:bold
}
.tab{
	background:url(images/tabtop.gif) no-repeat;
	margin:0 0 10px 15px;
	width:280px;
	float:left;
}
.previously {
	text-align:left;
	width: 668px;
	padding: 20px 0 3px 0;
	border-top: 1px solid #ccc;
	font-size: 12px;
}
.previously a {
	font-weight:bold
}
.postform {
	width:150px;
	margin: 0;
}
/* Footer */

#footer {
}
.footer-info{
	background:#e9e9e9;
	height:230px;
	float:right;
	width:290px;
}
.footer-info p{
	margin:10px;
}

/* Single pages */

#pagecontent {
}
.page-classes .post {
}
.page-about .post {
}

/* Home Main */

#home-main{
	font-size:18px;
	color:#808282;
}
#home-main ul{
	list-style-type:none;
}
#home-main li{
	margin:0 10px 15px 10px;
}
#home-footer div{
	color:#5e5e5e;
	float:left;
}
.home-banner, .home-testimonial{
	width:310px;
}
.testimonial{
	color:#4a4a4b;
	width:290px;
}
.testimonial-content {
	background:url(images/quotebkgd.gif);
	border-top:#ed1c24 1px solid;
}
.testimonial-content p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	margin:18px;
}
.testimonial-more {
	background:url(images/quotebottom.gif) no-repeat 0 0;
	font-size:13px;
	text-align:right;
	padding: 27px 0 0 0;
}
.testimonial-more p{
	margin-right:10px;
}
#home-footer .footer-info{
	width:290px;
}

/* Classes */

#classes-sb {
	width:300px;
	float:left;
}
/* Sidebar */

#sidebar {
	float:right;
	width:290px;
	color:#4a4a4b
}
#sidebar a{
	color:#4a4a4b;
}
#sidebar h3 {
	font-size:18px;
	font-weight:normal;
	margin:20px 0 15px 20px;
}
#sidebar ul {
	padding:0 0 0 20px;
}
#sidebar ul li {
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	font-size:14px;
}
#sidebar ul li a {
	background:url(images/listmouseoff.gif) no-repeat 0% 50%;
	padding:0 20px;
	display:block;
}
#sidebar ul li a:hover {
	background:url(images/listmouseover.gif) no-repeat 0% 50%;
	color:#000;
}
#sidebar ul li.current a {
	background:url(images/listmouseon.gif) no-repeat 0% 50%;
}
#sidebar ul li.current a:hover {
	background:url(images/listmouseon.gif) no-repeat 0% 50%;
}

/* Register */

form.cmxform fieldset {
	margin-bottom: 10px;
}
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
}
form.cmxform label {
	display:block;
	line-height: 1.8;
	vertical-align: top;
}
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
}
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
}
form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}
form.cmxform label {
	width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
	margin-left: 123px; /* Width plus 3 (html space) */
}
form {
	font-size:15px;
}
input, select{
	font-size:17px;
	color:#4a4a4b;
	padding:2px;
}
fieldset {
	border:none;
}
fieldset.step{
	margin:20px 0;
	padding:0 10px;
}
legend.step{
	color:#ed1c24;
	font-size:18px;
	padding:10px 0 30px 0;
}
form li{
	line-height:150%;
	clear:left;
	padding:10px 10px 20px 10px;
	margin:0 10px;
	background:url(images/grey-stripe-bkgd.gif) 0% 100%;
}
form li.grey{
	background:url(images/grey-stripe-bkgd.gif) 0% 100%;
}
form li.green{
	background:url(images/green-stripe-bkgd.gif) 0% 100%;
}
form li td{
	width:420px;
}
form .input-length{
	width:335px;
	margin-left:1px;
}
form .input-length-halved{
	width:155px;
	margin-right:15px;
	margin-left:1px;
}
form .long{
	width:320px;
}
form li{
	list-style-type:none;
}
fieldset#subjects-preferred li{
	width:130px;
	display:inline;
}
.ligreen{
	background:url(images/green-stripe-bkgd.gif);
}
#log_res.ajax-loading {
	padding: 20px 0;
	background:url(images/spinner.gif) no-repeat center;
}
@media print {
body { background:white; color:black; margin:0 }
}