/*
Theme Name: MistyLook
Theme URI: http://wpthemes.info
Description: Version internationale du template <a href="http://wpthemes.info/misty-look/" target="_blank" title="MistyLook">MistyLook</a> de <a href="http://simpleinside.com" target="_blank" title="Sadish">Sadish Bala</a>
Version: 1.0.1-l10n
Author: Marc Charlet
Author URI: http://la57ieme.net/wordpress
*/


* {
	padding: 0px; 
	margin:0px;
}

body 
{
	background: #fff; 
        border-top: 2px solid #222;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
        font: 76%/1.6em verdana, tahoma, "lucida grande",  sans-serif; 
	color: #333; 
}

.accent 	{ color: #767C81; } 

p {

	margin: 0.7em 0px;
	line-height:1.6em;
}
dl {
	margin:10px 0px;
}
dt 
{
	font-weight:bold;
}
dd 
{
	margin:0.5em 1em;
	padding:0;
}
ul, li, ul li, ul ul li {
        margin: 0;
        padding: 0;
}

a {text-decoration: none;}
a img {border: none;}
a, a:visited {color: #5a82b3;}
a:hover, .post h2 a:hover, .post h2 a:active {color: #000;}
.post h1 a, .post h1 a:visited {color: #000;}
.post h1 a:hover, .post h1 a:active {color: #222;}
.post h2 a, .post h2 a:visited {color: #873B0E;}




.clear {
	clear:both;
	height:20px;
}
blockquote 
{
    margin:10px;
    padding-left:10px;
    border-left:#ccc 2px solid;
    color:#666;
}
fieldset 
{
	border:none;
}


/*******HEADERS*********/
/* FEATURE TITLE */
.post h1 {
	font-size: 5em;
        font-weight: bold;
        color: #000;
        font-family: Georgia, Times, serif;
	margin: 0;
	padding: 0 0 6px 0;
	line-height: .8em;
	letter-spacing: -.08em;
}

/* POST TITLE */
.post h2 {
	font-size: 3.8em;
        font-weight: bold;
        color: #000;
        font-family: Georgia, Times, serif;
	margin: 0;
	padding: 0 0 6px 0;
	line-height: .8em;
	letter-spacing: -.08em;
}

/* SUBTITLES */
.post h3, .sidebox h3 {
	color:#444;
        font-size: 1.4em;
        font-weight: bold;
	font-family: Gill Sans, Verdana, sans-serif;
        margin: 0;
	padding: 0px 0 5px 0;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: .08em;
}

h4, h5, h6 
{
	font-family:Georgia, Verdana, Arial, Serif;
}
#container {
	
	background: #fff; 
	margin: 0px auto; 
	width: 810px; 	
	position: relative; 
	text-align: left;
}

#header {
	clear: both;  
	margin: 0px 0px; 
        border-bottom: 2px solid #000;
	
}

#header h1 a {
	display: block;  
	background: #fff url(http://guitarpedagogy.com/img/gplogo.gif) no-repeat 0px 0px;
	margin: 0px; 
        width: 800px; 
	height: 276px;
        text-indent: -9999px;	
	
}
#header h2 
{
	display: none;		
}
#feedarea {
	padding:0 0 0 0;  	
        margin: 0 0 0 0;
	text-align: right;
        display: block;
        height: 3.5em;
        background-color: #efefef;
	border-bottom: 5px solid #8D3707;
        letter-spacing: .15em;
}
html #feedarea {
	padding-top: 0px;
}
#feedarea dl {
        float: right;
        text-transform: uppercase;
}
#feedarea span {
        float: left;
        margin: 10px .5em;
        text-transform: uppercase;
}
#feedarea dl dt {
	display: inline; 
	margin-right: 5px; 
	height: 45px;
}
#feedarea dl dd {
	display: inline; 
	margin-right: 5px; 
	height: 45px;
	background:url(img/feed.png) no-repeat left center;
	padding-left:16px;
}
#content {
	margin: 0px 0px 0px 20px; 
	overflow: auto;
}
 html #content {
	height: 1%;
}
#content-main ul 
{
    margin:1em;
    padding:0 1em;
    list-style-image:url(img/bullet.png);
}
#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding:0 1em;
}

/***************** DOUBLE COLUMN **************************/
#content-main, #content-single {
        border-right: 1px solid #ccc;
	float: left; 
	width: 335px;
	margin: 0;
	padding: 0 20px 0px 0px;
}
#content-single {
        width: 545px;
}
#content-main .post {
        margin: 10px 0 0 0;
}
 html #section-index #content-main {
	margin-right: 0px;
}

#content p img.right {
	float: right; margin:10px 0 0 10px;
}
#content p img.left {
	float: left; margin:0 10px 10px 0;
}
#content .entry 
{
    margin:1em 0;
    padding-right:1em;    
}
#content .entry a 
{
    border-bottom:#999 1px dashed;
    text-decoration:none;
}
.post-info , .postmetadata
{
	font-size:0.9em;
	color:#999;
	margin:0;
	padding:0;	
}

/****************SIDEBARS************************/

#sidebar, #sidebar2 {
	border-right: 1px solid #CCC;
	float: left;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 210px !important;
        width: 190px;
	font-size:0.9em;
}
#sidebar2 {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
}

#sidebar ul, #sidebar2 ul
{
	list-style:none;
	margin:0;
	padding:0;
}

li.sidebox {
	padding: 0 10px; 
	margin-bottom: 10px;
        border-bottom: 1px solid #ccc; 	
}
html li.sidebox {
	padding-bottom: 10px;
}
li.sidebox h2 {
        font-weight: bold; 
        font-size: 3em !important;
        font-size: 2em; 
        text-align: left;
        width: auto !important;
        width: 170px;
}
li.sidebox h3 {
        font-size: 1.3em;
        padding: 4px 0 0 0;
}
li.ad div {
       margin: 16px;
}
#sidebar li.sidebox p img {
	float: left; margin: 0px 10px 10px 0px;
}

/***********NAVBAR************************/

#navdiv {
               
               width: 210px !important;
               width: 170px;
               margin: 10px 0 5px 0;
               border-bottom: 1px solid #ccc;
}

#navdiv #nav 		{
font-family: Gill Sans, Verdana;
			color: #444;
			font-size: 1.2em;
			text-transform: uppercase;
			letter-spacing: .2em;
			font-weight: bold;			
			margin: 6px 0px 0px 0px;
			padding: 0px 0px 6px 0px;
			
                        			
}

#navdiv #nav li 	{
			margin:0;
			padding:2px 2px 2px 0;
			text-decoration: none;
			border: 0;
                        list-style-type:none;
			}

#navdiv #nav li a {
			margin:0;
			padding:0 0 0 10px;
			display:block;
			text-decoration: none;
			border: 0;
			}


#navdiv #nav li a:link.active, #navdiv #nav li a:visited.active, #navdiv #nav li a:hover,
#navdiv #nav li.current a, #navdiv #nav li.current-cat a, #navdiv #nav li.current_page_item a 
			{
			color: #222;
			text-decoration: none;
			background:url(img/tab.gif) no-repeat left top;
			border: 0;
			}

#nav li a:visited 	{ 	
					color:#555;
					text-decoration: none;
					border: 0;
					}

#footer {
	clear: both; 	
	background: transparent; 
	margin: 0px auto; 
	overflow: auto; 
	width: 780px; 
	color: #999; 
	text-align: left;
}
 html #footer {
	height: 1%;
}
#footer p {
	float: left; width: 40%; line-height: 1.2em;
}
#footer p img {
	vertical-align: text-bottom;
}
#footer ul {
	float: right; 
	margin: 1em 0px; 
	width: 50%; 
	text-align: right;
	font-size: 0.9em; 
}
#footer ul li {
	display: inline; 
	margin-left: 5px; 
	list-style-type: none;
}
#comments, #respond{
	margin: 2em 0 0 5px;
}
#commentform 
{
	margin:10px;
	padding:10px;
}
#container .commentlist {
	margin: 0;
	padding: 0;
}
.commentlist li 
{
	list-style:none;
	margin: 1em 0;
	padding: 0.5em;	
	background:#f5f5f5;
}
.commentlist li.alt 
{
    background:#fafafa;
}
.commentlist li .cmtinfo 
{
	font-size:1em;	
	border-bottom: #eee 1px solid;
}
.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;
}
textarea{
	width: 90%;
	padding:5px;
	height: 20em;
	border: 1px solid #ccc;	
}
#wp-calendar #prev a {
	font-size: 9pt;
    text-decoration: none;
    border-style: none;
	}

#wp-calendar a {
	text-decoration: none;
    border-width: thin;
    font-weight: bolder
}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
#wp-calendar #today, #wp-calendar #today a {
    background: #FFAC5A;
    color: #000;
    font-weight: bold
}
#cadrecenter {
  border-width:1px;
  border-style:solid;
  border-color:black;
  padding:10px;
  text-align:center;
  background: #FFFFCC;
  width: 95%
}

#cadreright {
  border-width:1px;
  border-style:solid;
  border-color:black;
  padding:10px;
  text-align:right;
  background: #FFFFCC;
  width: 95%
}

#cadreleft {
  border-width:1px;
  border-style:solid;
  border-color:black;
  padding:10px;
  text-align:left;
  background: #FFFFCC;
  width: 95%
}

#cadrejustify {
  border-width:1px;
  border-style:solid;
  border-color:black;
  padding:10px;
  text-align:justify;
  background: #FFFFCC;
  width: 95%
}

#cadredos {
  /* font-family: Fixedsys,Courier; */
  font-family: Fixedsys,'Courier New',Courier,monospace;
  font-size:13px;
  border-width:1px;
  border-style:solid;
  border-color:black;
  padding:10px;
  text-align:left;
  background: #000000;
  color: #FFFFFF;
  overflow: auto;
  /* white-space:nowrap; */
  width: 95%
}