/*  
Theme Name: iLoveMusic
Theme URI: http://wpthemes.info
Description: A Piece of Art by <a href="http://wpthemes.info" title="Sadish">Sadish Bala</a>
Version: 1.0
Author: Sadish
Author URI: http://wpthemes.info
*/
* {
	padding: 0; 
	margin:0;
}
p {
	margin: 0.7em 0;
	line-height:1.6em;
}
dl {
	margin:1em 0;
}
dt 
{
	font-weight:bold;
}
dd 
{
	margin:0.5em;
	padding:0;
}
img 
{
	background:url(img/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:none;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
}
a img {
	border:none;
	background:none;
	padding:none;
	background:url(img/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
}
.clear {
	clear:both;
	height:20px;
}

blockquote
{
	margin: 2em 0 0 1em;
	padding: 0 0 10px 50px;
	background: url(img/blockquote.gif) no-repeat left top;	
}
fieldset 
{
	border:none;
}
body 
{
	background: #aba6c0;
	margin: 0; 
	font: 76%/1.6em verdana, tahoma, arial,  sans-serif; 
	color: #444; 
	text-align: center;
}
a 
{
    text-decoration:none;
}
a:link, a:visited {
	color: #635d83;	
}
a:hover, a:active {
	border-bottom:#635d83 1px solid;
}
h1, h3, h4, h5, h6 
{
	font-family:Georgia, Verdana, Arial, Serif;
}
h2 
{
	font-family:Georgia, Verdana, Arial, Serif;
	font-size: 100%;
}

#container {
	margin: 0px auto; 
	width: 780px; 	
	position: relative; 
	text-align: left;
	padding:0;	
}
#header {
	margin: 10px auto 0; 
	padding:0;
	text-align:left;
	width:780px;
}
#header h1 
{
	font-size:1.8em;
	margin:5px 10px;
	font-variant:small-caps;
	letter-spacing:1px;		
}
#header h1 a {
	
	text-decoration:none;	
}
#feedinfo 
{
	margin:0;
	padding:0px 10px 10px;
	font-size:0.9em;
	text-align:right;	
}
.feed 
{
	background:url(img/icon_feed.gif) no-repeat left center;
	padding:2px 0 2px 17px;
}
#feedinfo .left 
{
	float:left;
	margin:0;
	padding:0;
}

#headerimage {
	clear: both; 
	background: #fff url(img/header.jpg) no-repeat 0 0;
	margin: 10px auto; 
	color: #fff; 
	height: 200px;	
	width: 776px;
	border:#fff 2px solid;
}
#navigation {
	background: transparent; 
	margin: 2px auto; 
	overflow: hidden; 
	width: 780px; 
	position: relative; 
	text-align: left;
	font-family:Tahoma, Verdana, Arial, Serif;
	background:#fff;
	padding:0px;		
}
 html #navigation {
	height: 1%;
}
#navigation ul li {
	float: left; 
	margin:0;
	padding: 0; 
	list-style-type: none;
}
#navigation ul li a {
	padding: 6px 10px; 
	display: block; 
	font-weight:bold;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.current_page_item a {
	background: #635d83;
	color: #fff;		
	border:none;	
}
#navigation ul li.search {
	background:#635d83;
	float:right;
	margin:0;
	padding:5px 10px 5px 10px;	
}
#navigation ul li.search input#searchsubmit {
	border: #443305 1px solid; 
	font-size: 0.9em; 
	background: #e6e6e6; 
	margin: 0 0 0 5px; 
	color: #443305; 
	padding: 0px; 		
}
h2.pagetitle 
{
	margin:10px;
	padding:0;
}
#content {
	margin: 10px 0; 	
	padding:0;
	border:#ccc 1px solid;
	background:#fff;
}
 html #content {
	height: 1%;
}
#content h3 {
	font-size: 1.4em; 
	font-weight:normal;
	margin: 1em 0 0;
	color: #443305;	
}
#content h4 {
	font-size: 1.1em; 
	margin: 1em 0 0 0;
}
#content h5 {
	font-size: 1em; 
	margin: 1em 0;
}
#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding:0 1em;
}
#content-main {
	float: left; 
	width: 520px; 
	margin:0 20px 0 10px;
	padding:0;
} 
#content-main ul 
{
    margin:1em;
    padding:0 1em;
    list-style-image:url(img/bullet.gif);
}
#content .post 
{
	padding:1em;
	border-bottom: 3px double #eed;	

}
#content p img.right {
	float: right;
	margin:10px 0 0 10px;	
}
#content p img.left {
	float: left; 
	margin:0 10px 10px 0;
}
#content .post h2 
{
	font-size: 1.4em; 
	margin: 1em 0 0;	
	letter-spacing:1px;
	font-weight:normal;		
}
#content .entry 
{
    margin:1em 0;
    padding-right:1em;    
}
#content .entry a:link, #content .entry a:visited
{
    border-bottom:#963 1px dashed;    
}
#content .entry a:hover, #content .entry a:active
{
    border-bottom:#963 1px solid;    
}
#content .post-info , #content .postmetadata
{
	font-size:0.9em;
	color:#999;
	margin:0;
	padding:0;		
}
#content .post-info 
{
	padding:3px;	
	background:#fcf9f9;
}
#content .postmetadata 
{
	text-align:right;
	margin:2em 0 0 0;
}
.postnav 
{
	margin:10px 0;
	padding:5px 0;
	text-align:right;	
}
.postnav .navleft 
{
	float:left;
	margin:0;
	padding:0;
}
#sidebar {
	float: left; 
	width: 210px;
	font-size:0.9em;
	margin:10px 0;
	padding:0;
}
#sidebar ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar ul ul
{
	list-style:none;
	margin:0.25em 0 0 1em;
	padding:0;
}
li.sidebox {
	padding:10px;
	background:#fdf9f9; 
	border:#eee 1px solid;
	margin-bottom: 10px; 	
}
html li.sidebox {
	padding-bottom: 10px;
}
li.sidebox h3 {
	font-weight: normal; 
	font-size: 1.7em; 
	text-align: left;
	color: #694D1D;
}

.sideheadings {
	font-weight: normal; 
	font-size: 1.6em; 
	text-align: left;
	color: #694D1D;
}
	
li.sidebox h4
{
	margin:0;
	padding:0;
	font-weight:bold;
}
#footer {
	clear: both; 	
	background: transparent; 
	margin: 0 auto; 
	text-align:right;
	width:780px;
}
 html #footer {
	height: 1%;
}
#footer p {
	line-height: 1.6em;	
}
#footer p span 
{
	font-size:0.9em;
}
#comments, #respond{
	margin: 2em 0 10px 5px;
}
#commentform 
{
	margin:10px 0;	
	padding:10px;
	background:#fcf6f6;
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
}
.commentnum 
{
	font-size:1.5em;
	font-weight:bold;	
	padding:3px;
}
#container .commentlist {
	margin: 0;
	padding: 0;		
	border-top: #ddd 1px solid;
}
.commentlist li 
{
	list-style:none;
	margin: 0;
	padding:1em;	
	background:#fff url(img/shadow_top.gif) repeat-x top;
	border-bottom: #ddd 1px solid;
	
}
.commentlist li.alt 
{
    background:#fcf6f6;    
}
.commentlist li .cmtinfo 
{
	font-size:1em;		
}
.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}
.commentlist li .cmtinfo em 
{
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999;
}
input.textbox
{
	border:#ccc 1px solid;
	background:#fff url(img/shadow_top.gif) repeat-x top;
	font:1em Verdana, Arial, Serif;
	padding:2px;
	width:150px;
}
textarea{
	width: 90%;
	padding:5px;
	height: 20em;
	border: 1px solid #ccc;	
	background:#fff url(img/shadow_top.gif) repeat-x top;
	font:1em Verdana, Arial, Serif;
}
.textbox:focus, textarea:focus
{
	background:#fff url(img/shadow_top.gif) repeat-x top;
	border:#999 1px solid;
}
.post h4 
{
	font-size:1em;
	font-weight:normal;
	font-family:Verdana, Tahoma, Arial, Serif;
}
.post h4 em
{
	font-style:normal;
	float:right;
	font-weight:normal;
}
.nocomments 
{
	font-size:0.9em;
	color:#999;
	text-align:center;
}
#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}



#flags {

  width: 100%;

  margin: 0px 0px 20px 0px; /* Adjust the margins around flag div - top right bottom left*/

  text-align: right; /* You may prefer it back on the left! */

}

#flags img.flag {

  width: 30px;

  height: 20px;

  background: none;

  border: none;

  padding: 0px 0px 0px 0px; /* Adjust spacing around each flag - top right bottom left */

}

/* The following CSS Selector removes the underline on hover... if you still

want to have an underline on hover then simply don't use this selector... even

with underline on hover the page won't shift down any more :) */

#flags a:hover {

  border-bottom: none;

}




/* CSS Document */

/*
This code is for both your main site index page and your blog.

As it is, it works for the main site. To change it for the blog edit the lines
commented in capital letters.

I've tried to write the css to reproduce as much as possible the original
look you had. The most significant change is that I've defined the font size
in px rather than xx-small (which screws up). It is all very easy to play with
to get it exactly the way you want it.
*/

#diary {
  height:340px; /* CHANGE TO 340px FOR BLOG - 120 for site*/
  width: 165px; /* CHANGE TO 165px FOR BLOG  - 430 or site*/
  overflow:auto;
  border: 1px solid #635d84;
  margin: 5px 0px 0px 10px; /* CHANGE TO 5px 0px 0px 0px FOR BLOG */
  padding: 10px 10px 0px 10px; /* If you change padding you will need to change height & width */
  font-family: Verdana;
  font-size: 10px;
  color: #635d84;
  background-color: #efe0e8;
}

#diary p {
  font-family: Verdana;
  font-size: 10px;
  text-align: justify;
  color: #635d84;
  margin: 0px 0px 10px 0px; /* top margin is 0px so no gap after h3 bottom margin is same as font size so give line space after */
  padding: 0; /* ensures padding is not inherited */
  line-height: normal; /* line spacing required to ensure blog does do 1.5 line spacing but change it to whatever you want for lines spacing*/
}

#diary h3 {
  font-family: Verdana;
  font-size: 10px; /* set to same font size as rest of text */
  font-weight: bold;
  color: #635d84; /* you can change this back to black but I think it is better this colour! */
  margin: 0; /* ensures no line spacing before or after */
}

#diary a {
	color: #400080;
	text-decoration: underline; /* if you don't want underlined links change this to "none" */
}
#diary a:active {
	color: #645D84;
}
#diary a:hover {
	color: #645D84;
}