/*
Theme Name: PLIYH (K2)
Theme URI: http://www.pianolessonsinyourhome.com/
Description: PLIYH Theme
Version: Beta
Author: Daniel J. Robbins
Author URI: http://www.k3mist.com

/*- Page Structure */

body {
font: 62.5% Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
color: #000;
background: #5a0000;
text-align: center;
margin: 0 0 30px;
width:100%;
}

#page {
background: white;
text-align: left;
margin: 0 auto;
padding: 0 0 10px;
position: relative;
border: 1px solid #ddd;
border-top: none;
/* The entire template's width is set in this class. */
min-width: 780px;
width:95%;
_width:expression(document.body.clientWidth > 800? "95%" : "778px" ); /* IE Flex Fix */
}

#header {
padding: 0;
margin: 0;
position: relative; 
height: 160px;
background: #fff3de url(images/background.jpg) right center no-repeat;
z-index:90;
}

#topbanner {
position: absolute;
right: 0;
top: 0;
display: block;
height: 160px;
width: 160px;
text-indent: -999em;
text-decoration: none;
border:none;
z-index: 500;
}

.primary {
float: left;
display:block;
font-size:1.2em;
padding:0 1% 0 1%;
min-width:507px;
width: 70%;	
_width:expression(document.body.clientWidth > 800? "70%" : "515px" ); /* IE Flex Fix */
}

.secondary {
float:right;
display:block;
font: 1.2em/1.5em Verdana, Arial, Sans-Serif;
color: #000;
min-width:200px;
padding:0 1% 0 0;
_padding:0 1.5% 0 0;
width:26%;
_width:expression(document.body.clientWidth > 800? "26%" : "226px" ); /* IE Flex Fix */
}

a img,:link img,:visited img { border:none }

/*- Headings */

h1, h2, h3, h4 {
font-family: Georgia, "Times New Roman", Times, serif;
}

h1 { /* hide visibility for logo */
font-size:1px;
margin: 0;
padding:0;
width:1px;
height:1px;
visibility:hidden;
}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
text-decoration: none;
color: white;
}

h1:hover {
text-decoration: underline;
}

#header .description { /* Blog description, under blog title */
font-size: 1em;
margin: 0 0 0 40px;
display: inline; /* Checking for IE bug. If people start having problems with header width, then this is it */
}

.pagetitle { /* Used on static pages and archives */
text-align: left;
margin: 10px 0 15px;
}

.item_right .pagetitle {
text-align: left;
margin: 0 0 15px !important;
}

.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
font-family:Georgia, "Times New Roman", Times, serif !important;
font-size: 2.4em;
font-weight: bold;
letter-spacing: -1px;
text-align: left;
display: inline;
}

.secondary h2 { /* Secondary H2 is sidebar headlines */
font-size: 1.5em;
font-weight: normal;
padding: 0;
margin: 0;
color:#a00000;
}

.secondary h3 {
font-size: 1.2em;
font-weight: normal;
padding: 0;
margin: 0;
color:#a00000;
}

.secondary h3 a {
color:#a00000;
}

.sb-latest h2 a {
color:#a00000 !important;
}

.sb-latest h2 a:hover {
color:#a00000 !important;
}

.sb-nav h2 a {
color:#a00000 !important;
}

.sb-nav h2 a:hover {
color:#a00000 !important;
}

.sb-special h2 a {
color:#a00000 !important;
}

.sb-special h2 a:hover {
color:#a00000 !important;
}

.primary h3, .primary h4, .permalink .primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
font-family:Georgia, "Times New Roman", Times, serif !important;
font-size: 2.2em;
font-weight: normal;
line-height: 1.5em;
letter-spacing: -1px;
display: inline;
padding:0px; margin:0px;
}

.primary .aside h3 {
font-size: 1.6em;
font-weight: normal;
}

.location-container * {
margin:0;
padding:0;
}

.location-container {
width:100%;
display:block;
}

.location-container p {
padding:0 !important;
margin:0 !important;
line-height:0.1px !important;
}

.location {
width:21.7%;
padding:0 8px;
_padding:0;
display: block;
float:left;
}

.location h2 {
text-align:center;
font-size:0.9em;
padding:0 3px !important;
margin:0 !important;
_margin:0 2px;
font-family:Verdana, Arial, Helvetica, sans-serif !important;
width:100%;
}

.location img {
padding:3px !important;
margin:0 !important;
_margin:0 2px;
border: 1px solid #ccc !important;
width:100%;
}

.location a:hover {
text-decoration:none !important;
}

.itemhead {
margin-top: 10px;
}

.itemhead h2 {
font-family:Georgia, "Times New Roman", Times, serif !important;
font-size: 1.4em;
font-weight: bold;
letter-spacing: -1px;
text-align: left;
display: inline;
}

.itemtext h3 { /* For use on Pages */
font-size: 1.4em;
letter-spacing:0.5px;
display: block;
padding:0;
color:#a00000;
}

.item_left h3 {
font-size: 1.5em;
font-weight:bold;
}

.item h3 { /* For use on Pages */
display: block;
padding:0;
color:#a00000;
}

.itemtext h4 { /* For use on Pages */
font-size: 1.5em;
display: block;
padding: 15px 0 0;
color:#000;
}

table tr td h4 {
padding:0 !important;
margin:0 !important;
font-size:1.2em !important;
color:#000 !important;
}

.secondary div {
margin: 20px 0 0;
padding: 0;
}

.secondary div div div {
margin: 0;
}

.side_content {
margin:0 0 10px;
padding:0 0 10px;
}

.primary .metalink a, .primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
color: #999;
font-weight: normal;
}

.primary .item .itemhead .metalink, .comments .primary .metalink {
font-size: 1.8em;
letter-spacing: -1px;
text-transform: lowercase;
margin-left: 15px;
}

.feedicon { /* Next to Comment Section Headline */
border: 0 !important;
padding: 0 !important;
}

.feedlink img { /* On the sidebar */
height: 16px;
width: 16px;
border: none;
float:none !important;
padding:0 !important;
}

.secondary span a {
margin-left: 10px;
}

.editlink img {
width: 16px;
height: 16px;
border: none !important;
padding: 0 !important;
margin: 4px 0 0 !important;
position: absolute;
right: 0;
}

.metalink a span {
display: none;
}

.metalink a:hover span {
display: inline;
}

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
text-decoration: none;
}

.metadata { /* Time and category for blog entries */
font-size: 1em;
display: block;
margin-top: 2px;
color: #bbb;
}

.metadata a {
color: #777;
}

.chronodata {
padding: 2px 0 2px 20px ;
background: url('images/time.gif') left center no-repeat;
}

.chronodata:after {
content: ".";
}

.tagdata {
display: block;
padding: 2px 0 2px 20px;
background: url('images/tag_blue.gif') left center no-repeat;
}

/*- Primary Contents */

.primary .item {
margin: 0;
padding: 0 0 15px;
position: relative;
}

.primary .item .itemtext {
font: 1.1em/1.5em Verdana, Arial, Sans-Serif;
/*text-align: justify;*/
color: #000;
display:block;
}
.primary .item .itemtext h2 {
line-height:1.2em;
}

.item_left {
float:left;
width:18%;
background:#f5f4f7;
border:1px dashed #bebebe;
font-size:0.8em;
}
.item_left ul {
padding:6px !important;
margin:0 !important;
}
.item_left ul li {
list-style: url(none) none !important;
width:100%;
left:0;
word-wrap:break-word;
}

.item_right {
float:left;
width:78%;
padding:0 0 0 2%;
}

.primary table {
border:1px dashed #eddcbf;
background:#fffbf3;
}
.primary table td {
border-bottom:1px dashed #eddcbf;
height:22px;
}
.primary table td table {
border:none;
}
.primary table td table td {
border:none;
}
.primary table.areas {
	background:#f5f4f7;
	border:1px dashed #bebebe;
	word-wrap: break-word;
	display: inline-table;
}
.primary table.areas td {
border-bottom:1px dashed #bebebe;
word-wrap: break-word;
}
.primary table.areas tr {
word-wrap: break-word;
}

.primary h3.welcome {
width:100% !important;
text-align:center !important;
font-size:1.3em;
}

.primary .item .itemtext p,
.primary .item .itemtext ul,
.primary .item .itemtext ol,
.primary .item .itemtext div,
.primary .item .itemtext blockquote {
margin: 13px 0;
}

.metalinks {
margin-top: 3px;
}

input[type=text], textarea {
font: 1em Verdana, Arial, Helvetica, Sans-Serif;
padding: 3px;
color: #000;
}

textarea.wide {
width:99.4%;
}

select {
font: 1em Verdana, Arial, Helvetica, Sans-Serif;
color: #000;
}

input[type=text]:focus, textarea:focus {
background: #fff;
color: #000;
border-color: #666;
}

.submit input, .submit input:focus, .button {
background: url('images/fade-butt.png');
border: 3px double #999;
border-left-color: #ccc;
border-top-color: #ccc;
color: #000;
padding: 0.25em;
float:right;
}

.submit input:active, .button:active {
background: #f4f4f4;
border: 3px double #ccc;
border-left-color: #999;
border-top-color: #999;
}

#footer {
text-align: center;
}

#footer a {
color: #888;
text-decoration: none;
font-weight: bold;
}

#footer a:hover {
border: none;
text-decoration: none;
color: #ccc;
}


/*- Links */

.primary a:hover, .primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
text-decoration: underline;
}

h2 a {
color:#000;
}

h2 a:hover, h2 span a:hover {
color: #27d !important;
}

a {
color:#000099;
text-decoration: none;
}
a:hover {
color:#BF0000;
text-decoration:none;
}

/* City Link */

.primary ul.citylinks img {
border:none;
padding:0;
margin:0;
}

.primary ul.citylinks {
margin:0 !important; padding:0 !important;
font:1.4em Georgia, "Times New Roman", Times, serif;
color:#a00000;
}

.primary ul.citylinks li {
list-style:url(none) none !important;
padding:0; margin:0;
height:25px;
}

.primary ul.citylinks li a {
display:block;
width:100%;
}
.primary ul.citylinks li a:hover {
background:#fff3de;
text-decoration:none;
}

/* Contact Links */

.primary ul.contlinks img {
border:none;
padding:0;
margin:0;
}

.primary ul.contlinks {
margin:0 0 15px !important; padding:0 !important;
}

.primary ul.contlinks li {
list-style:none;
padding:0; margin:0;
height:25px;
}

.primary ul.contlinks li a:hover {
background:#fff3de;
text-decoration:none;
}

/* Image Classes */

.primary img {
margin:0;
padding: 4px;
_margin:4px;
border: 1px solid #ccc;
max-width: 100%;
}

.description_right {
width:50%;
float:right;
padding:4px;
margin:4px;
border: 1px solid #ccc;
max-width: 100%;
font-size:0.8em;
}
.description_right img {
width:100%;
padding:0 !important;
margin:0 !important;
}

.primary img.resizeright {
width:40%;
float:right;
padding:4px;
margin:4px;
border: 1px solid #ccc;
max-width: 100%;
}

img.center, img[align="right"] {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright, img[align="right"] {
padding: 4px;
margin: 0 0 2px 7px;
}

img.alignleft, img[align="left"] {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

img.noborder {
border: none !important;
}

img.nospace {
padding:0!important;
margin:0!important;
}

.favorite img {
padding: 0;
border: none;
}

/*- Various Tags and Classes */

.clear {
clear: both;
line-height:0.1px !important;
height:0.1px !important;
}

.center {
text-align: center;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

small {
font-size: .9em;
line-height: 1.5em;
}

small, strike {
color: #777;
}

code {
font: 1.1em 'Courier New', Courier, monospace;
}

acronym, abbr {
font-size: 0.9em;
letter-spacing: .07em;
border-bottom: 1px dashed #999;
cursor: help;
}

blockquote {
margin: 20px 0;
padding: 0 20px 0 50px;
/*background: url('images/quote.gif') 5% no-repeat;*/
border: none;
}

hr {
display: none;
}

hr.line {
display:block !important;
height:1px;
margin:0;
padding:0;
color:#5a0000;
}

.navigation {
text-align: center;
margin: 10px 0 10px;
padding: 0;
width: 100%;
}

.navigation .left {
float: left;
width: 50%;
text-align: left;
}

.navigation .right {
float: right;
width: 50%;
text-align: right;
}

.navigation p {
margin: 0;
padding: 0;
}

.navigation a {
color: #999;
}

.alert {
background: #FFF6BF;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}

img.wp-smiley {
border: none !important;
padding: 0 0 0 5px !important;
}

h4 .reqfield {
color:#a00000 !important;
font:0.6em Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.5px;
}
.reqfield {
color:#a00000;
}


/*- Begin Lists */
.itemtext ol, .itemtext ul {
padding: 0 0 0 25px;
margin: 0;
}

.itemtext ol li, .itemtext ul li {
margin: 0 0 3px;
padding: 0;
}

.itemtext ul li {
	list-style: url(images/listnote.gif) none;
}
.secondary ul, .secondary ol {
margin: 5px 0;
padding-left: 0;
}

.secondary ul {
_margin-left: 0px; /* IE Fix */
}

.secondary ol {
margin-left: 15px;
}

.secondary ul li, .secondary ol li {
margin: 0;
padding: 1px 0;
}

.secondary ul li {
list-style-type: none;
list-style-image: none;
}

ol li {
list-style: decimal outside;
}

.sb-links ul li {
margin-top: 20px;
}

.sb-links ul ul li {
margin-top: 0;
}

#citytitle {
margin:0 !important;
padding:0 !important;
height:1px !important;
width:1px !important;
visibility:hidden !important;
}
#citytitle h2 {
margin:0 !important;
padding:0 !important;
height:1px !important;
width:1px !important;
visibility:hidden !important;
font-size:0.1em !important;
}

/* About Descriptions */

.sb-about {
padding:1px 10px !important;
background:#fffbf3;
border:1px dashed #eddcbf;
}

/* City Navigation */

.sb-nav {
padding:8px 10px 4px !important;
background:#fffbf3;
border:1px dashed #eddcbf;
}

.sb-nav ul li a {
padding:2px 0;
width:100%;
display:block;
}

/* Special Promos */

.sb-special {
padding:8px 10px 4px !important;
background:#fffbf3;
border:1px dashed #eddcbf;
}

.sb-special ul li a {
padding:2px 0;
width:100%;
display:block;
}

.sb-special div {
margin:5px 0 0; padding:0;
}

/* Testimonial */

.sb-testimonial {
padding:8px 10px 4px !important;
background:#f5f4f7;
border:1px dashed #bebebe;
}
.whowhere {
font-style:italic;
font-weight: bold;
}
.sb-testimonial li {
font-size:0.9em;
}

/* Latest/Events */

.sb-latest {
padding:8px 10px 4px !important;
background:#f5f4f7;
border:1px dashed #bebebe;
}

.sb-latest .newstime {
font-size:0.8em;
}

.sb-latest h2 {
padding:0 !important;
width:98% !important;
}

#promo {
width:100%;
height:80px;
z-index:10;
}

/* Awards */

.sb-awards {
padding:8px 5px 0 !important;
background:#fff;
border:1px dashed #bebebe;
text-align:center;
}

.sb-awards h2 {
text-align:left !important;
padding:0 0 0 5px;
}

.sb-awards p {
margin:0; padding:0;
}

.sb-awards img {
padding:0 4px !important;
border:none !important;
}

/* Extras */

#extras {
width:100%;
padding:8px 0;
background:#f0f0f0;
border-top:1px dashed #bebebe;
border-bottom:1px dashed #bebebe;
margin:10px auto; 
}
#extras_c {
width:460px;
padding:0; 
margin:0 auto; 
}
#extras li {
float:left;
width:200px;
list-style:none;
padding:0; margin:2px 15px 2px 2px;
}
#extras ul {
padding:0 0 0 22px; margin:0;
}
#extras a {
display:block;
width:192px;
height:21px;
color:#fff;
font-weight:bold;
background:url(images/extra_back.gif) 0 0 no-repeat; 
padding:7px 0 0 8px; 
text-decoration:none; 
float:left; 
}
#extras a:hover {
color:#ffff99;
background:url(images/extra_back.gif) 0 0 no-repeat; 
}
#extras img {
border:none;
padding:0 10px 0 0;
margin:0;
float:left;
}

/* Silver Button */

#silverbutton li {
float:left;
width:200px;
list-style:none;
padding:0; margin:2px 15px 2px 2px;
}
#silverbutton ul {
padding:0 0 0 22px; margin:0;
}
#silverbutton a {
display:block;
width:199px;
height:38px;
color:#990000;
font-weight:bold;
background:url(images/button_silver.gif) 0 0 no-repeat; 
padding:7px 0 0 8px; 
text-decoration:none; 
float:left;
line-height:1em !important;
}
#silverbutton a:hover {
color:#000;
background:url(images/button_silver.gif) 0 0 no-repeat; 
}
#silverbutton img {
border:none;
padding:0 10px 0 0;
margin:0;
float:left;
}

/*- Search Form and Livesearch */

.sb-search {
margin-top: 20px;
}

.sb-search h2 {
display: none;
}

input[type=text], textarea {
color: #444;
padding: 2px 0 2px 2px;
margin: 0;
}

input#livesearch {
width: 97.1%;
}

input#s {
width: 75%;
}

.livesearchform input[type=submit] {
margin: 0;
}

#LSResult {
margin: 0;
width: 26%;
_width: 100.1%;
z-index: 100;
position: absolute;
background: #eee;
border-bottom: 1px solid #eee; 
}

#searchcontrols {
text-align: center;
padding: 1px;
background: #ddd;
}

#searchcontrols small {
margin: 0;
padding: 0;
}

.LSRow:hover, #LSHighlight, #LSHighlight:hover {
background: #ffffcc;	}

#LSResult:hover #LSHighlight {
background: none;
border: none;
padding: 5px 2px;
}

#LSHighlight small, #LSHighlight small span a {
color: #999;
}

.LSRow {
padding: 5px 10px;
}

.LSRow span a, .LSRow span a:visited {
word-spacing: -1px;
line-height: 1.3em;
font-weight: normal;
color: #bbb;
}

/* send to a friend */

#page_friend {
background: white;
text-align: left;
margin:0 auto;
padding:0;
position: relative;
border: 1px solid #ddd;
border-top: none;
width:95%;
}
#page_friend img {
padding:0 0 0 7px;
}
#container_friend {
padding:15px;
font-size:1.2em;
}

/* end of styles */