/*   
Theme Name: Your Forte
Theme URI: http://www.elanwebdesign.co.uk/yourforte/
Description: A theme for a music teacher
Author: ElanMan
Author URI: http://www.elanman.co.uk
*/

* {
	margin: 0;
	padding: 0;
}

body{
	font-family:trebuchet, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background:#660066 url(images/purplevelvtet2.png) repeat;
	color:#FFFFFF;
	line-height: 110%;	
}

#wrapper{
	clear: both;
	overflow: hidden;
	margin: 0px auto 10px auto;
	width: 800px;
	text-align: left;
	background:url(images/trans.png) top left repeat;
}
/*************mainnav******************/
#mainnav ul {
	list-style: none;
	margin:20px 0 0 10px;
	padding: 0;
	border: none;
	font-size:1.6em;
}

#mainnav ul li {
	float:left;
	margin: 0;
	}
#mainnav ul li.page-item-4 a {
	border-left:1px solid #cccccc;
	}
#mainnav li a {
	float:left;
	padding:10px;
	background-color:#333366;
	color:aqua;
	text-decoration: none;
	border:1px solid #CCCCCC;
	border-left:none;
	}
#mainnav li a:hover,#mainnav li.current_page_item a {
	background-color:#663399;
	color: #ffffff;
	}
	
h3{
	padding: 15px 0 15px 0;
}

h4{
	padding: 0 0 0 15px;
	color: #555;
}

a:link{
	text-decoration: none;
	color:aqua;
}
a:visited{
	text-decoration: none;
	color:aqua;
}	
a:hover{
	text-decoration: underline;
	color: #FFF;
}

blockquote { font-style: italic; 
	font-family: Verdana, Helvetica, Georgia, Sans-serif;
	font-size: 90%;
	color: #000; 
	margin: 1.5em 30px 1.5em 30px; 
	padding: 4px 4px 4px 10px;
	background: #111;
	border-right: 1px dotted #555;
	border-bottom: 1px dotted #555; 
}

.entry p { 
	margin: 0 0 15px 0; 
}

.entry ul, .entry ol { 
	margin: 0 0 15px 40px; 
}
	
.entry ul { 
	list-style-type: disc; 
}
	
.entry li { 
	margin: 0 0 5px 0; 
}
		
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { 
	margin: 5px 0 5px 30px; 
}

.entry img.left { 
	padding: 6px; 
	margin: 0.5em 15px 0.5em 0; 
	border: none;
	float: left; 	
	clear: left; 
}
		
.entry img.right { 
	padding: 6px; 
	margin: 0.5em 0 0.5em 15px; 
	border: none;
	float: right; 
	clear: right; 
}
		
.entry img.center { 
	display: block; 
	padding: 8px; 
	margin: 0 auto 1.5em auto; 
	border: none;
	float: none; 
	clear: both; 
}
	
.entry img.frame { 
	padding: 6px; 
	margin: 0.5em 0 0.5em 15px; 
	border: 1px solid #666;
	background: #444;
	float: right; 
	clear: right; 
}
		
.entry img.stack { 
	clear: none !important; 
}
.entry h3.faq {
color:aqua;
}

/*----HEADER----*/

#header{
	background:url(images/logo1.png) 10px 0 no-repeat;
	width: 100%;
	height:150px;
	position:relative;
}
* html #header {background:url(images/logo2.gif) top left no-repeat;}
#header h1 {
	padding-top:40px;
	margin-left:440px;
	text-align:center;
	font-size:1.8em;
	color:aqua;
	}
#header h2 {
	margin-left:440px;
	padding-top:15px;
	padding-bottom:5px;
	text-align:center;
	font-size:1.8em;
	color:aqua;
	}
#header h3 {
	margin:10px 0;
	padding:0;
	margin-left:440px;
	text-align:center;
	font-size:1.7em;
	color:#fff;
	}	
#skip {	
	text-align:right;
	}
#skip a, #skip a:hover, #skip a:visited {
	position:absolute;
	left:900px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	color:#fff;
	}
 #skip a:focus {
	width:auto;
	height:auto;
	top:0;
	} 
/*----POST----*/

#container{
	margin-top:10px;
	clear:both;
	float: left;
	width: 520px;
	padding:0;
}

.post{
	padding: 10px 30px 40px 10px;
}

.post h2{
	font-family: Georgia, Sans-serif;
	font-size: 2.2em;
	padding: 5px 0;
	color:#fff;
	margin-bottom:10px;
}
.post h2 a,.post h2 a:visited {
	color:#fff;
	}
.post h2 a:hover {
	text-decoration:underline;
	}
.post h3 {
	padding:0;
	}
.post-blog{
	padding: 10px 30px 20px 10px;
}

.post-blog h2{
	font-family: Georgia, Sans-serif;
	font-size: 2em;
	padding: 5px 0;
	color:#fff;
	margin-bottom:10px;
}
.post-blog h2 a,.post h2 a:visited {
	color:#fff;
	}
.post-blog h2 a:hover {
	text-decoration:underline;
	}
.post-blog h3 {
	padding:0;
	}
.post-blog .entry h2 a {
        font-size:0.7em;
}

.entry{
	line-height: 2.2em;
	font-size:1.3em;
}

.postinfo{
	font-size: 1.4em;
	color:aqua;
	padding: 8px 0 20px 10px;
}

.postinfo a{
	color:aqua;
}

.postdate{ color:aqua; }

p.postmetadata{
	font-size: 1.2em;
	color:aqua;
	border-top: 1px solid aqua;
	margin: 20px 0 0 0;
	padding: 5px 0 0 0;
}
p.postmetadata a {
	color:aqua;
	}
p.postmetadata a:hover {
	text-decoration:underline;
	}
p.postmetadata strong{
	float: right;
}

/* This is the link at the bottom of a post which lets you go to the next or previous post */

.postnav{
	padding: 10px 20px 20px 10px;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.8em;
	color:aqua;
}

h2.archive_head{ 
	font-weight: bold !important; 
	font-size: 1.4em !important; 
	letter-spacing: normal !important; 
	margin: 0 !important; 
	padding: 0.4em 20px !important;  
	background: none; 
}	

/*----SIDEBAR STYLES----*/

.sidebar{
	float: right;
	width: 220px;
	margin: 15px 16px 5px 0;
	overflow: hidden;
	border:1px solid #ccc;
	background-color:#333366;
}

.sidebar ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar ul li{
	padding:0 0 10px 0;
	margin-top:10px;
}

.sidebar ul li h2{
	font-family: Georgia, Sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	text-transform: uppercase;
	color:aqua;
	padding: 3px 0;
	margin: 10px 10px 0 15px;
}

.sidebar ul ul li{
	padding: 0;
	margin: 0 auto;
	line-height: 2em;
	list-style: none;
	font-size: 1.1em;
}

.sidebar .syndication .rss {
	width: 140px;
	height: 40px;
	position: relative;
}

.sidebar .syndication .rss span{
	background: url(images/rss.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

.sidebar .rss .sub{
	border-bottom: none;
}

.sidebar .rss .sub a:hover{
	background: none;
}

.sidebar ul li a{
	text-decoration: none;
	color:#fff;
	padding:5px 0 5px 15px;
}

.sidebar ul li a:hover{
	text-decoration: none;
	color:aqua;
}
li.flash_player_widget object {
	margin-top:10px;
	}
li#linkcat-2 {
/*margin-top:-180px;*/
margin-bottom:0;
padding-bottom:0;
}
ul.others {
	margin:10px 0 20px 0;
	}
ul.others li {
font-family: Georgia, Sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	text-transform: uppercase;
	padding: 3px 0;
	margin: 10px 10px 0 0;
	}
ul.others li a {
	color:aqua;
	}
ul.others li a:hover {
	color:#fff;
	}
table#wp-calendar{
	width:200px;
	margin:0 auto;
}
.sidebar ul li h2.widgettitle {
	color:aqua;
	border:none;
	}
caption{
margin:10px auto;
width:250px;
text-align:center;

}
.pad{
	color:#a05d3a;
	}

/*----COMMENT FORM----*/

#comment-form{
	width: 425px;
	margin: 30px 0 0;
	padding: 5px 5px 15px 15px;
	
}

.comments-template ol{
	margin: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	line-height: 1.8em;
	margin: 10px 0 10px 0;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 1.6em;
	color:aqua;
	padding: 10px 0 30px 0;
}

.commentmetadata{
	font-size: 1.2em;
	color:aqua;
	padding: 20px 0 20px 0;
}

.commentmetadata strong { 
	font-size: 1.6em; 
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template input{
	border: 1px solid aqua;
	background: #fff;
}

.comments-template textarea{
	font-family: Arial, Hevletica, Georgia, Sans-seriff;
	font-size: 1.2em;
	color: #000;
	margin: 30px 15px 15px 0;
	background: #fff;
	border: 1px solid aqua;
}

/*----FOOTER----*/

#footer{
	text-align:right;
	border-top:2px solid #336;
	clear: none;
	float: left;
	width: 785px;
	margin: 0;
	padding: 10px 5px 5px 10px;
	line-height: 1.8em;
	font-size: 1em;
	color: #CCC;
	border-bottom: none;
}

#footer a:link{
	text-decoration: none;
	color: #a05d3a;
}
#footer a:visited{
	text-decoration: none;
	color: #fff;
}
#footer a:hover{
	text-decoration: underline;
	color: #FFF;
}