﻿/*
Theme Name: Yourteuch
Theme URI: http://www.yourteube.com
Description: Theme wordpress pour l'anniversaire de Yourteube et la naissance de Yourteuch
Version: 0.1
Author: Entoine
Author URI: http://www.yourteube.com/
Tags: yourteube,branlette

*/

/* Hides from IE-mac \*/
* html .holly {height: 1%;}
/* End hide from IE-mac */

/* Undo existing styles *******************************************************/
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th, ul {font-size: 1em;}
blockquote, body, br, button, dd, fieldset, form, h1, h2, h3, h4, h5, h6, html, label, legend, li, ol, p, pre, table, td, th, ul {margin: 0; padding: 0; font-size:12px; color:#323232; list-style-type:none;}


/* generique *******************************************************/

a{border:none; color:#323232; text-decoration:none;}
a:hover{color:#66B8DC; text-decoration:underline;}
a.externe{padding-right:15px; background: url("img/yt_a_externe.png") 100% 45% no-repeat;}
img{border:none; margin:10px 0 15px 0}
.clear{display: block; clear:both; font: normal 0/0 arial; margin: 0; padding: 0;}
.center{text-align:center;}
.alignleft{margin:2px 10px 5px 0; float:left;}
img.wp-smiley{margin:0;}

/* structure *******************************************************/

body {margin: 0 0 20px 0;padding: 0;background: #FFF url("img/yt_page_bg.png"); font-size: 62.5%; font-family: Arial,Helvetica,sans-serif; color:#323232;}
.corner{position: absolute; top: 0pt; left: 0pt;}
.corner img{margin:0; padding:0;}

#globale {margin: 0 auto 20px auto;padding: 0;width: 988px;height: 220px;}

#header {margin:20px 0 0 0;padding: 0;width: 988px;height: 220px;background:url(img/yt_header_bg.png) no-repeat;}
#header .link_home {display:block; width:100%; height:100px;}
#header .link_home_bis {display:block; float:left; width:225px; height:90px;}
#header .pub_header {float:left; margin:30px 0 0 22px; padding-left:5px; width:730px; height:90px;}

#page {padding: 5px 0 0 0;border: none; background:#fff; text-align: left;}
 
#sidebar{padding: 0 0 0 0;  width: 214px;}
* > #sidebar{padding: 0 4px 0 0; float:none; margin-left: 770px; width: 214px;}
#sidebar ul {margin: 0; padding:0;}
#sidebar ul .widget {padding:10px 0 10px 0; border-bottom:1px solid #C2E3F1}
#sidebar ul h2 {font-size:17px; font-weight:bold; background: url("img/yt_titre_sidebar.png") left 50% no-repeat; padding-left:12px;}
#sidebar .sidebar_menu {padding:10px 0 10px 0; border-bottom:1px solid #C2E3F1}
#sidebar .sidebar_menu li {font-size:25px; font-weight:bold; background: url("img/yt_titre_sidebar_menu.png") left 50% no-repeat; padding-left:17px; letter-spacing:-1px;}
#sidebar .sidebar_menu li  a{ text-decoration: none;}
#sidebar .sidebar_menu .recherche_titre {margin-top:10px;}
#sidebar .sidebar_menu .recherche {font-size:15px; font-weight:bold; background: url("img/yt_titre_sidebar_search.png") 10px 0 no-repeat; width:190px; height:35px; padding:0 0 0 10px; margin:0;} 
#sidebar .sidebar_menu .recherche input {font-weight:bold; color:#66B8DC; display:block; width:140px; height:20px; float:left; border:none; background:none; padding: 3px 0 0 10px; margin:7px 0 0 0;}
#sidebar .sidebar_menu .recherche #searchsubmit {display:block; width:30px; height:35px; border:none; float:right; padding:0; margin:0;}
#sidebar ul .widgettitle {margin-bottom:10px;}
#sidebar ul .widget ul li {padding:7px 0 0 30px; background: transparent url(img/yt_sidebar_cat_branlette.png) no-repeat scroll 0 50%; height:20px}
#sidebar ul .widget ul li:hover {background: transparent url(img/yt_sidebar_cat_branlette_hover.png) no-repeat scroll 0 50%; }
* > #sidebar ul  .widget ul li{height:auto; min-height:20px;}
#sidebar ul  .widget ul .recentcomments{background: transparent url(img/yt_sidebar_commentaire.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .recentcomments:hover{background: transparent url(img/yt_sidebar_commentaire_hover.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .url{font-weight:bold;}
#sidebar ul  .widget_recent_entries ul li{background: transparent url(img/yt_sidebar_article.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget_recent_entries ul li:hover{background: transparent url(img/yt_sidebar_article_hover.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-5{background: transparent url(img/yt_sidebar_cat_aspirateub.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-5:hover{background: transparent url(img/yt_sidebar_cat_aspirateub_hover.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-1{background: transparent url(img/yt_sidebar_cat_bonnetD.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-1:hover{background: transparent url(img/yt_sidebar_cat_bonnetD_hover.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-7{background: transparent url(img/yt_sidebar_cat_geek.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-7:hover{background: transparent url(img/yt_sidebar_cat_geek_hover.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-3{background: transparent url(img/yt_sidebar_cat_vFail.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-3:hover{background: transparent url(img/yt_sidebar_cat_vFail_hover.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-6{background: transparent url(img/yt_sidebar_cat_shopping.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-6:hover{background: transparent url(img/yt_sidebar_cat_shopping_hover.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-4{background: transparent url(img/yt_sidebar_cat_tampix.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-4:hover{background: transparent url(img/yt_sidebar_cat_tampix_hover.png) no-repeat scroll 0 50%;}
/*
#sidebar ul  .widget ul .cat-item-9{background: transparent url(img/yt_sidebar_cat_branlette.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-9:hover{background: transparent url(img/yt_sidebar_cat_branlette_hover.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-92{background: transparent url(img/yt_sidebar_cat_concept.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-92:hover{background: transparent url(img/yt_sidebar_cat_concept_hover.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-1387{background: transparent url(img/yt_sidebar_cat_st.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-1387:hover{background: transparent url(img/yt_sidebar_cat_st_hover.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-31{background: transparent url(img/yt_sidebar_cat_cinema.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-31:hover{background: transparent url(img/yt_sidebar_cat_cinema_hover.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-3{background: transparent url(img/yt_sidebar_cat_geek.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-3:hover{background: transparent url(img/yt_sidebar_cat_geek_hover.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-46{background: transparent url(img/yt_sidebar_cat_jeuvideo.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-46:hover{background: transparent url(img/yt_sidebar_cat_jeuvideo_hover.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-25{background: transparent url(img/yt_sidebar_cat_musique.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-25:hover{background: transparent url(img/yt_sidebar_cat_musique_hover.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-181{background: transparent url(img/yt_sidebar_cat_shopping.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-181:hover{background: transparent url(img/yt_sidebar_cat_shopping_hover.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-17{background: transparent url(img/yt_sidebar_cat_superhero.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-17:hover{background: transparent url(img/yt_sidebar_cat_superhero_hover.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-246{background: transparent url(img/yt_sidebar_cat_video.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-246:hover{background: transparent url(img/yt_sidebar_cat_video_hover.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-10{background: transparent url(img/yt_sidebar_cat_web3.png) no-repeat scroll 0 50%;}
#sidebar ul  .widget ul .cat-item-10:hover{background: transparent url(img/yt_sidebar_cat_web3_hover.png) no-repeat scroll 0 50%;}
*/

#sidebar ul  .widget_archive select{margin-left:5px; width:180px; height:20px; }
#sidebar ul  .widget table.widgetSocial img:hover{filter: alpha(opacity=50); opacity: 0.5; margin:0 0 5px 0;}
#sidebar ul  .widget table.widgetSocial img{margin:0 0 5px 0;}
#sidebar .rsswidget img {display:none;}

#content {width: 730px; float: left; padding:20px 0 0 0; margin:0 0 0 0}
* > #content {margin:0 0 0 22px;}

#content .titreArticle {width: 730px;}
#content .titreArticle a {color:#66B8DC; text-decoration:none;}
#content .titreArticle a:hover {text-decoration:underline;}
#content .titreArticle h1{padding:0 0 0 10px; font-size:25px; text-align:left; font-weight:bold; display:block; float:left;}
#content .titreArticle .commentaire span {font-size:17px; font-weight:bold; margin: 0; float:right}
#content .titreArticle .commentaire span a{background: url(img/yt_article_commentaire.png) top left no-repeat; padding:5px 10px 0 43px; display:block; height:27px; margin: 0; color:#323232}
#content .titreArticle .commentaire span a:hover{color:#66B8DC;}
#content .infoArticle{font-size:20px; font-weight:bold; color:#FF3E96;}
#content .infoArticle .category img{margin-bottom:-5px;}
#content .infoArticle .category a:hover{filter: alpha(opacity=50); opacity: 0.5;}

.main_home .corps_article .infoArticle{position:absolute; top:100px; display:block; width:665px; padding-bottom:7px; border-bottom:1px dotted;}
.main_article .corps_article .infoArticle{position:absolute; top:10px; display:block; width:665px; padding-bottom:7px; border-bottom:1px dotted;}

#content .corps_article {background: url(img/yt_article_bg.png) top left repeat-y; position:relative; padding:10px 40px 10px 26px; margin:0 0 50px 0}
#content .corps_article div {font-size:12px;}
#content .corps_article p {margin:0px 0 10px 0}
#content .corps_article h2 {font-size:20px; font-weight:bold; color:#FF3E96; border-bottom:1px dotted #FF3E96; margin: 20px 0 15px 0; padding-bottom:7px;}
#content .corps_article ul,
#content .corps_article ol  {padding:20px 0 0 35px;} 
#content .corps_article ol  li{list-style-type:upper-roman; margin-bottom:20px;} 
#content .corps_article ul  li {list-style-type:square; margin-bottom:20px;} 
#content .corps_article ul  ul, 
#content .corps_article ol  ul{padding:5px 0 0 15px; margin:10px 0 10px 15px;} 
#content .corps_article ul  ul li, 
#content .corps_article ol  ul li{margin:0 0 5px 0;} 

.main_home .corps_article .imgHeader ,
.main_article .corps_article .imgHeader {margin:-10px 0 60px -26px; display:block}
.main_home .corps_article .imgHeader img,
.main_article .corps_article .imgHeader img {margin:0;}
.main_foutoir .corps_article .imgHeader {margin:-10px 0 0px -26px; display:block}
.main_foutoir .corps_article .imgHeader img {margin:0;}
.main_foutoir .titreArticle h3 {margin:0 0 0 10px; font-size:15px;}  

#content .corps_article a {color:#FF3E96; font-weight:bold;} 
#content .corps_article a:hover {text-decoration:underline;}
#content  .corps_article .imgBottomHeader {margin:0 0 -15px -13px; display:block}
#content  .corps_article .more-link {float:right;}
#content  .corps_article .more-link:hover {filter: alpha(opacity=50); opacity: 0.5;}
#content  .corps_article .more-link  img{margin:20px 0 0px 0;}
#content  .corps_article ul.st-related-posts {padding:0 0 0 20px; }
#content  .corps_article ul.st-related-posts li{padding:0 0 5px 0; margin:0; list-style-type:square; color:#FF3E96}

#content ol.commentlist li {margin:0 0 10px 0; padding:10px 20px 10px 20px; background:#fff; border:none; list-style-type:none;}
#content .commentlist li.alt{background:none;  border:6px solid #fff}
#content .commentlist li.author{border:6px solid #FF3E96}
#content .commentlist li .avatar{float:left; margin-right:15px;}
#content .commentlist h2{border:none; color:#66B8DC;}
#content .commentlist h2 a{color:#66B8DC;}
#content .commentlist li h2 .commentmetadata a{color:#323232;}
#content #commentform  p label{font-size:12px; color:#323232; }
#content #commentform #url,
#content #commentform #email,
#content #commentform #author,
#content #commentform #comment{border:3px solid #ddd}
#content #commentform #comment{width:665px;}

#content .corps_commentaires .pub_header{margin:5px 0 10px -26px}

.navigation .previous-entries{float:left; padding-left:10px;}
.navigation .next-entries{float:right;  padding-right:10px;}
 
#footer{background:#323232; padding-bottom:10px; margin-top:10px;}
#footer li{color:#fff;}
#footer a{color:#fff;}
#footer .baseline_logo{padding:10px 0 0 10px; float:left;}
#footer .baseline_article .baseline{color:#fff; text-align:justify}
#footer .baseline_article {margin:0 0 0 30px; padding:0; float:left; color:#fff;}
#footer .baseline_article h2 {color:#fff; font-size:17px; font-weight:bold; background: transparent url(img/yt_footer_titre.png) no-repeat scroll 0 50%; padding:0 0 0 15px; margin: 0 0 5px 0}
#footer .baseline_article ul .widget {display:inline; float:left; width:280px; padding:0 20px 0 0; margin:0;}
#footer .baseline_article ul .widget ul li {margin:7px 0 2px 0; padding:0px 0 0 25px; height:23px; background: transparent url(img/yt_footer_article.png) no-repeat scroll 0 50%;}
* > #footer .baseline_article ul .widget ul li {height:auto; min-height:23px;}
#footer .baseline_article ul .widget ul li:hover{background: transparent url(img/yt_footer_article_hover.png) no-repeat scroll 0 50%;}



