/*
Theme Name: Alpha King
Theme URI: http://www.patrickmagnin.com
Description: Theme pour le site DanceAll.ch
Version: 1.0
Author: Patrick Magnin et Yann Graf
Author URI: http://www.patrickmagnin.ch
Date: Mars 2010
*/




/*reset -  droit pompe chez Daedeva.ch*/
body,p,div,img,ul,li,ol,h1,h2,h3,h4,input,select,label,legend,textarea,form,fieldset,table,td,th,tr,caption,a,cite,blockquote{margin:0;padding:0;border:0;font-weight:normal;}
ul{list-style-type:none;}
table,caption,tr,th,td{outline:0;vertical-align:baseline;
font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
table{border-collapse: separate;border-spacing: 0;}
caption,th,td{text-align: left;font-weight: normal;}



/*Basics*/
h1, h2, h3 {font-family:Georgia, "Times New Roman", Times, serif;}
h4, p, li, a, small, td { font-family: Arial, Helvetica, sans-serif;}
h1 { font-size: 1.7em;margin-top:20px; color: #F70000; color: #3A2635; }
h2 { font-size: 1.2em; color:#E64415; margin-top:20px}
h3 { font-size: 1.2em ;color:#606060; margin-top:19px}
h4 { font-size: 1.1em;margin-top:20px}
p { font-size: 0.85em; line-height:1.4em; color:#232121;}
li { font-size: 0.85em; margin-left: 20px;}
p, ul, ol, blockquote { margin-top:16px }

a { color:#7283AF; color:#0069A9; text-decoration:underline; }
p a:hover { text-decoration:none; }

.screen-reader-text { visibility:hidden; }

body { background: #282E42 url(images/bg-main.jpg) repeat-x center top;}
#wrapper {  width: 920px; margin: 0 auto; padding:0; }
#header { background: #282E42 url(images/bg-header.jpg) no-repeat center top; display: block; height:162px; width:920px; margin:0px; }
#container { background-color:#EBEAF1; margin:0px; }
#content { text-align: left; margin: 10px 0 0 0; width:670px; z-index:2;}
#footer { width: 920px; clear:both; margin: 0 auto; padding-bottom:41px; margin-top: -10px;}
.narrowcolumn { float:left;  width:510px; padding: 10px 20px; }
#sidebar{ float:right;  width: 179px; padding: 0px 15px 70px 15px ; border-left: #CECECE 1px solid ;  }
#spacer { visibility:hidden;}



/*
################################ HEADER SPECIFIC #########################
*/

#header h1 { margin:0px; padding:10px 0 0 0; }
#header h1 a { font: 1em Georgia, "Times New Roman", Times, serif; color:#000; text-decoration:none; }
#header h1 a:hover { color:#039; }


#menu { position:absolute; top:101px; z-index:1; }
#menu li {font:1.2em Georgia, "Times New Roman", Times, serif; color:#FFFFFF; }
#menu li { /*display: -moz-inline-stack;*/ /* Pour Firefox 1-2 */ display: inline-block; list-style: none; margin: 0; }

#menu a { text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; outline:0; }
#menu a:hover { color:#FFFFFF; }




#menu-item1 a { padding:11px 0 0 0; margin:0; display:block; height:34px; width:130px; border:none; text-align:center; vertical-align:bottom; background:url(images/bt-accueil.jpg) no-repeat top right;}
#menu-item1 a:hover { background-position:0% -45px; cursor: pointer; }
#menu-item1-active a { padding:11px 0 0 0; margin:0; display:block; height:45px; width:130px; border:none; text-align:center; background:url(images/bt-accueil-active.jpg) no-repeat top right;}

#menu-item4 a { padding:11px 0 0 0; margin:0; display:block; height:34px; width:130px; border:none; text-align:center; background:url(images/bt-ecole.jpg) no-repeat top right;}
#menu-item4 a:hover { background-position:0% -45px; cursor: pointer; }
#menu-item4-active a { padding:11px 0 0 0; margin:0; display:block; height:45px; width:130px; border:none; text-align:center; background:url(images/bt-ecole-active.jpg) no-repeat top right;}

#menu-item8 a { padding:11px 0 0 0; margin:0; display:block; height:34px; width:240px; border:none; text-align:center; background:url(images/bt-cours.jpg) no-repeat top right;}
#menu-item8 a:hover { background-position:0% -45px; cursor: pointer; }
#menu-item8-active a { padding:11px 0 0 0; margin:0; display:block; height:45px; width:240px; border:none; text-align:center; background:url(images/bt-cours-active.jpg) no-repeat top right;}

#menu-item3 a { padding:11px 0 0 0; margin:0; display:block; height:34px; width:136px; border:none; text-align:center; background:url(images/bt-contact.jpg) no-repeat top right;}
#menu-item3 a:hover { background-position:0% -45px; cursor: pointer; }
#menu-item3-active a { padding:11px 0 0 0; margin:0; display:block; height:45px; width:136px; border:none; text-align:center; background:url(images/bt-contact-active.jpg) no-repeat top right;}



/*
################################ POST SPECIFIC #########################
*/

.blogpost_title { font: 27px Georgia, Helvetica, Arial, sans-serif; text-decoration:none; color:#E64415;}
a.blogpost_title:hover { color:#7283af; }
.blogpost_title_hr { margin:4px 0 0 0; padding:0; border:0px; border-bottom: #C7C3C1 1px dotted; }
.blogpost_title_small { font-size: 0.9em; color:#828690;}
p.blogpost_title_small { margin:0; padding:0;}
a.blogpost_title_small { color:#666666; }

.postmetadata { background-color:#DFDADC; padding:10px; font-size:0.8em; }

.entry { padding-bottom: 50px; }
.entry li { list-style:disc; padding-bottom: 10px; }

.navigation { display: block; text-align: center; margin-top: 10px; height:40px;}
.navigation a { font-size:0.9em; color:#0069A9; }


#menu-cours li { /*display: -moz-inline-stack;*/ /* Pour Firefox 1-2 */ display: inline-block; list-style: none; margin:0;}

#bt-classique a { height:315px; width:210px; padding:0; margin:0 14px 14px 0; display:block;  border:none; background:url(images/cours/classique.jpg) no-repeat top right;}
#bt-jazz a { height:315px; width:210px; padding:0; margin:0 14px 14px 0; display:block;  border:none; background:url(images/cours/jazz.jpg) no-repeat top right;}
#bt-hiphop a { height:315px; width:210px; padding:0; margin:0 0 14px 0; display:block;  border:none; background:url(images/cours/hiphop.jpg) no-repeat top right;}
#bt-moderne a { height:315px; width:210px; padding:0; margin:0 14px 5px 0; display:block;  border:none; background:url(images/cours/moderne.jpg) no-repeat top right;}
#bt-eveil a { height:315px; width:210px; padding:0; margin:0 14px 5px 0; display:block;  border:none; background:url(images/cours/eveil.jpg) no-repeat top right;}
#bt-stages a { height:315px; width:210px; padding:0; margin:0 0px 5px 0; display:block;  border:none; background:url(images/cours/stages.jpg) no-repeat top right;}

#bt-classique a:hover, #bt-jazz a:hover, #bt-hiphop a:hover, #bt-moderne a:hover, #bt-eveil a:hover, #bt-stages a:hover { background-position:0% -315px; cursor: pointer; }









/*
################################ COMMENTS SPECIFIC #########################
*/


.form-label { padding-bottom: 3px; padding-top: 16px; }
.required { color:#F30; }
input { padding:3px; background-color:#FFFFFF; border:#999 1px solid; }
textarea { background-color:#FFF; border:#999 1px solid; padding:3px; }
.button { padding:6px; font: 1.5em Arial, Helvetica, sans-serif; color:#F60; background-color:#1F1F1F; }
.button:hover { color:#F30; }


/*
################################ SIDESBARS SPECIFIC #########################
*/






#sidebar a { text-decoration:none; }
#sidebar li { margin:0px; }
#sidebar li a:hover, li a:active { color:#000; }
#sidebar ul ul li { margin: 0px 0 3px 0; border-bottom: 1px dotted; padding-bottom:3px;  list-style:none;}

.bouton-bleu a, .bouton-bleu a:visited { padding:11px 0 0 0; margin:0; display:block; height:31px; width:179px; border:none; text-align:center; background:url(images/bouton-bleu.jpg) no-repeat top right; text-decoration:none; font: 1em Georgia, "Times New Roman", Times, serif; color:#FFFFFF;}
.bouton-bleu a:hover { background-position:0% -42px; cursor: pointer; }


.bouton-bleu2 a { padding:0px; height:42px; }
/*
################################ FOOTER SPECIFIC #########################
*/

#footer p { color:#000; font-size:0.7em; }
#footer a { color:#000; text-decoration:underline; }




/*
################################ CONTACT FORM SPECIFIC #########################
*/


.wpcf7-list-item { display:block; }

/*
################################ OTHERS #########################
*/

.flickr-image {margin-right: 5px; }

.alignright { float: right; }
.alignleft { float: left; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 2px 7px; display: inline; }
img.alignleft {margin: 0 12px 2px 0; display: inline; }




/* SLIDE SHOW */

.slideshowContainer { width: 920px; height: 370px; }
.loading { background: url(images/loading.gif) center no-repeat; }
.slideshowThumbnail { outline: none; }
.slideshowThumbnail img { border: 0px solid #999; padding: 0px; }
a:hover.slideshowThumbnail img { border: 0px solid #ccc; padding: 0px; }
.current img { border: 1px solid red; padding: 5px; }
.outline { border: 0px solid orange; z-index: 0; position: absolute; }