/*  
Theme Name: Learn Piano Online - the Blog
Theme URI: http://www.learnpianoonline.org
Description: <small>This is custom theme for Lisa Steeple. Lisa teaches piano on the Internet at <a href="http://www.learnpianoonline.com">LearnPianoOnline.com</a>. She blogs at <a href="http://www.learnpianoonline.org">LearnPianoOnline.org</a></small>
Version: 1.2
Author: Iszuddin Ismail (Kidino)
Author URI: http://www.minisitegallery.com
Created: 14:43 09.08.2010
*/



    * {
        font-family: Arial;
    }
    
    body {
	padding-top: 1px;
        background-color: #dce0ff;
    }
    
    #wrapper {
        width: 930px;
        margin: auto;
    }
    
    #header {
        background-image: url(img/lpo-header-20110825.png);
        background-repeat: no-repeat;
        background-position: left top;
        height: 168px;
	margin: auto;
	width: 930px;
    }

    #jsmenu {
    }
    
    #insidewrap {
        border: 5px solid #fff;
        background-image: url(img/gradient_bg.gif);
        background-position: top left;
        background-color: #fff;
        background-repeat: repeat-x;
	overflow: hidden;
    }
    
    ul#sidebar {
        float: right;
        top: 0px;
        width: 310px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }
    
    ul#sidebar ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

    ul#sidebar li {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        background-image: url(img/boxbot.png);
        background-position: left bottom;
        background-repeat: no-repeat;
        padding-bottom: 54px;
    }

    ul#sidebar li.widget_search form {
margin: 0px;
padding: 0px;
}
    ul#sidebar li.widget_search div {
        background-image: url(img/boxmid.png);
        background-repeat: repeat-y;
        margin: 0px;
        padding-left: 30px;
        padding-right: 30px;

}


    ul#sidebar li li {
        margin: 0px;
        padding: 5px 20px 5px 30px;
        color: #444;
        background-image: url(img/boxmid.png);
        background-repeat: repeat-y;
        font-size: 11pt;
    }

    ul#sidebar li li li {
        padding: 5px 20px 5px 10px;
        background: none;
        font-size: 10pt;
    }

    ul#sidebar li div#calendar_wrap table#wp-calendar {
	margin-left: 30px;
	width: 250px
    }

    ul#sidebar li div#calendar_wrap table#wp-calendar th {
	color: #444;
	background-color: #ccc;
	font-size: 11pt;
    }
    
    ul#sidebar li div#calendar_wrap table#wp-calendar td {
	text-align: center;
	color: #444;
	font-size: 11pt;
    }

    ul#sidebar li div#calendar_wrap {
        background-image: url(img/boxmid.png);
    }

    ul#sidebar li li a {
        color: #444;
        text-decoration: none;
    }

    ul#sidebar li.widget div {
	padding-left: 30px;
	padding-right: 30px;
        background-image: url(img/boxmid.png);
    }

    ul#sidebar li.widget div div {
margin: 0px;
padding: 0px;
background: none;
}

    ul#sidebar li.widget div div div {
margin: 0px;
padding: 0px;
background: none;
}


    ul#sidebar li li a:hover {
        color: #000;
    }

    ul#sidebar li h4 {
        font-size: 15pt;
        color: #36759d;
        margin: 0px;
        padding: 0px;
        background-image: url(img/boxtop.png);
        background-repeat: no-repeat;
        padding-left: 20px;
        padding-top: 18px;
    }
    
    h1 {
	font-size: 20pt;
	color: #003366;
	margin-top: 0px;
    }

    h2 {
	font-size: 20pt;
	color: #003366;
	margin-top: 10px;
    }

    h2 a {
	color: #003366;
	margin-top: 10px;
	text-decoration: none;
    }

    h2 a:hover {
	color: #003366;
	margin-top: 10px;
	text-decoration: underline;
    }

    h3 {
	font-size: 14pt;
	color: #0066CC;
	font-style: italic;
    }

    #footer {
        background-color: #36759d;
        min-height: 50px;
        width: 930px;
        margin: 0px auto;
	padding-top: 10px;
	padding-bottom: 10px;
    }

    #footer p {
	font-size: 8pt;
	color: #FFF;
	text-align: center;
    }

    #footer a {
        color: #fff;
    }

    #footer a:visited {
        color: #fff;
    }

    #leftarea {
	float: left;
	font-size: 11pt;
	color: #003366;
	width: 570px;
        margin: 0px 0px 0px 15px;
    }

    #leftarea p {
    }

    #leftarea ul {
	margin-left: 50px;
	padding-left: 15px;
	padding-right: 40px;
	list-style-type: square;
    }

    #leftarea ul li {
	margin-left: 0px;
	margin-bottom: 10px;
	font-size: 9pt;
    }

    #leftarea h4 {
	font-size: 14pt;
	color: #003366;
	margin-left: 45px;
	margin-top: 10px;
	margin-bottom: 0px;
    }

    #leftarea ul li a,  #leftarea ul li a:visited {
	color: #003366;
    }
    
    p.postdate {
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dotted #333333;
	text-align: right;
        margin-top: 15px;
        color: #444;
    }

    p.postdate a {
        color: #444;
        text-decoration: none;
        font-weight: bold;
    }

    p.postdate a:hover {
        color: #000;
    }

    .post {
        margin-bottom: 50px;
    }

    #searchform {
	margin-left: 10px;
	margin-right: 20px;
    }
    
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}
    
    
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}
    
    .form-allowed-tags {
	font-size: 9pt;
	color: #666;
	font-style: italic;
    }
    
    
   /* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {padding:0; margin:0; list-style:none; height:29px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:930px; text-align: center;}
#nav li.top {display:block; float:left; background-color:transparent; margin-left: 35px; margin-right: 30px; }
#nav li a {display:block; float:left; height:29px; text-decoration:none; padding:0; cursor:pointer; background-color:transparent; }
#nav li a b {margin-left:-999px;}

#nav li a.home { background: url(http://learnpianoonline.com/img-new/menu_home.gif); width: 71px; }
#nav li a.aboutus { background: url(http://learnpianoonline.com/img-new/menu_aboutus.gif); width: 91px; }
#nav li a.blog  { background: url(http://learnpianoonline.com/img-new/menu_blog.gif); width: 66px; }
#nav li a.products  { background: url(http://learnpianoonline.com/img-new/menu_products.gif); width: 96px; }
#nav li a.freelessons  { background: url(http://learnpianoonline.com/img-new/menu_freelessons.gif); width: 114px; }
#nav li a.studentslogin  { background: url(http://learnpianoonline.com/img-new/menu_studentslogin.gif); width: 140px; }
#nav li a.testimonials  { background: url(http://learnpianoonline.com/img-new/menu_testimonials.gif); width: 121px; }
#nav li a.contactus  { background: url(http://learnpianoonline.com/img-new/menu_contactus.gif); width: 110px; }
#nav li a.members  { background: url(http://learnpianoonline.com/img-new/menu_members.gif); width: 139px; }
#nav li a.practicetips  { background: url(http://learnpianoonline.com/img-new/menu_practice_tips.gif); width: 119px; }
#nav li a.premiumlessons  { background: url(http://learnpianoonline.com/img-new/menu_premium_lessons.gif); width: 145px; }

#nav li:hover a,
#nav a:hover
{background-position: 0 29px; background-color:transparent;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; background-color:transparent;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:29px; background: #edb; width:150px; height:auto; z-index:300; background-color:transparent;}
#nav :hover ul.sub li
{display:block; height:25px; position:relative; float:left; width:150px; font-weight:normal; background-color:transparent;}
#nav :hover ul.sub li a
{display:block; margin-left: 10px; height:25px; width:150px; text-decoration:none; padding:0; cursor:pointer; background-color:transparent;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0; background-color:transparent;}

#nav :hover ul li a.hhome {background:url(http://learnpianoonline.com/img-new/menu_hhome.gif);}
#nav :hover ul li a.meetlisa {background:url(http://learnpianoonline.com/img-new/menu_meetlisa.gif);}
#nav :hover ul li a.bblog {background:url(http://learnpianoonline.com/img-new/menu_bblog.gif);}
#nav :hover ul li a.pproducts {background:url(http://learnpianoonline.com/img-new/menu_pproducts.gif);}
#nav :hover ul li a.stestimonials {background:url(http://learnpianoonline.com/img-new/menu_studenttestimonials.gif);}
#nav :hover ul li a.ccontactus {background:url(http://learnpianoonline.com/img-new/menu_ccontactus.gif);}
#nav :hover ul li a.faqs {background:url(http://learnpianoonline.com/img-new/menu_faqs.gif);}
#nav :hover ul li a.search {background:url(http://learnpianoonline.com/img-new/menu_search.gif);}
#nav :hover ul li a.premiumpiano {background:url(http://learnpianoonline.com/img-new/menu_premiumpiano.gif);}
#nav :hover ul li a.pianoplus {background:url(http://learnpianoonline.com/img-new/menu_pianoplus.gif);}
#nav :hover ul li a.lifetime {background:url(http://learnpianoonline.com/img-new/menu_lifetime.gif);}
#nav :hover ul li a.alumni {background:url(http://learnpianoonline.com/img-new/menu_alumni.gif);}

#nav :hover ul li a.premiumcourse {background:url(http://learnpianoonline.com/img-new/menu_premiumpiano.gif);}
#nav :hover ul li a.freelessons {background:url(http://learnpianoonline.com/img-new/menu_freelessons.gif);}
#nav :hover ul li a.comparison {background:url(http://learnpianoonline.com/img-new/menu_comparison.gif);}
#nav :hover ul li a.beginnerslevel {background:url(http://learnpianoonline.com/img-new/menu_beginnerslevel.gif);}

/* --- RESERVED FOR OTHER MENUS --- */

#nav :hover ul li a.memberslogin {background:url(http://learnpianoonline.com/img-new/menu_memberslogin.gif);}
#nav :hover ul li a.membership {background:url(http://learnpianoonline.com/img-new/menu_membership.gif);}
#nav :hover ul li a.plessons {background:url(http://learnpianoonline.com/img-new/menu_plessons.gif);}
#nav :hover ul li a.blessons {background:url(http://learnpianoonline.com/img-new/menu_plessons.gif);}

#nav :hover ul li a.tlessons {background:url(http://learnpianoonline.com/img-new/menu_plessons.gif);}
#nav :hover ul li a.sheetmusic {background:url(http://learnpianoonline.com/img-new/menu_sheetmusic.gif);}
#nav :hover ul li a.keyboards {background:url(http://learnpianoonline.com/img-new/menu_keyboards.gif);}
#nav :hover ul li a.recitals {background:url(http://learnpianoonline.com/img-new/menu_recitals.gif);}

#nav :hover ul li a.tips {background:url(http://learnpianoonline.com/img-new/menu_tips.gif);}
#nav :hover ul li a.general {background:url(http://learnpianoonline.com/img-new/menu_general.gif);}
#nav :hover ul li a.videos {background:url(http://learnpianoonline.com/img-new/menu_videos.gif);}


#nav :hover ul.sub li a:hover 
{background-position: 0 25px; position:relative; background-color:transparent;}
#nav :hover ul.sub li a:hover b {left:100px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px; background-color:transparent;}
input.newtxt { 
	font-family:Arial, Helvetica;
	font-size:12pt;
	padding-bottom:0;
	margin:0px;	margin-bottom: 5px;

	border:none; 
	height:34px;
	line-height:34px;
	width:227px;
	background-image: url(http://www.learnpianoonline.com/blog/wp-content/themes/LPO-WP-Theme/img/optin_textfield.png);
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: center;
	vertical-align: top;
}