/*
Theme Name: Melody
Theme URI: http://lullatone.com/
Description: 
Version: 1.0
Author: Ian Lynam
Author URI: http://ianlynam.com/

*/

/* main structure */
body
{
  background-color: white;
 
}
 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	
	color: black;
	padding:0px; 
	margin: 0px; 


	}



#main {
	text-align: left;
	padding: 0px;
	width: 850px;
	margin: 0px 15px;
	margin-left: 30px;
	}
	
#sidebar {
	width: 130px;
  	position: absolute;
	top: 30px;
left: 80px;
    }

#pagebar {
    float: right;
    width: 170px;
	position: relative;
	top: -5px; left: 250px
	}

#content {
	margin-left: 240px;
	padding-top: 0px;
	width: 600px;
  	position: absolute;
	top: 30px;


	}
	
/* sidebar lists */

#sidebar ul, #pagebar ul {
	padding: 0px;
    margin: 0px;
	}

#sidebar li, #pagebar li {
    list-style-type: none;
	}

#sidebar li {
    padding-top: 0px;
    padding-bottom: 9px;
}
#sidebar li p {
    text-transform: none;
	margin: 3px 0px;
	}

/* headings - most are graphic */

h1 {
    margin: 0px; padding:60px 0px 15px 0px;
    border-bottom: 2px solid #666;
	 }

h1.top { 
    height: 20px; 
	margin-bottom: 30px;
	}

#sidebar h2, #pagebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

/* in-post styles */

div.post, div.page {
    border-bottom: 2px dotted #666;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 14.5pt;
	font-size: 1em;
	}
	
#pagebar .page {
    border-bottom-style: solid;
	}
	
/* links */

a:link    { color: black; text-decoration: none; background-color: rgb(251,248,190); }
a:active  { color: black; text-decoration: none; background-color: rgb(251,248,190); }
a:visited { color: black; text-decoration: none; background-color: rgb(251,248,190); }
a:hover   { color: black; text-decoration: none; background-color: rgb(180,227,246); }

a.external:link    { color: black; text-decoration: none; background-color: rgb(180,227,246); }
a.external:active  { color: black; text-decoration: none; background-color: rgb(180,227,246); }
a.external:visited { color: black; text-decoration: none; background-color: rgb(180,227,246); }
a.external:hover   { color: black; text-decoration: none; background-color: rgb(251,248,190); }

#menu a:link    { color: black; text-decoration: none; background-color: transparent; }
#menu a:active  { color: black; text-decoration: none; background-color: transparent; }
#menu a:visited { color: black; text-decoration: none; background-color: transparent; }
#menu a:hover   { color: black; text-decoration: none; background-color: rgb(251,248,190); }

#menu .current-cat a:link { background-color: rgb(180,227,246); }
#menu .current-cat a:active { background-color: rgb(180,227,246); }
#menu .current-cat a:visited { background-color: rgb(180,227,246); }
#menu .current-cat a:hover { background-color: rgb(180,227,246); }

/* Begin Images */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr { 
    border-style: dotted; 
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}