/*
Theme Name: Ps Tuto
Theme URI: http://www.finalclap.com/
Description: Le theme de Photoshop Tuto, version 2 (mai 2011)
Version: 2.0
Author: Vincent Paré
Creation Theme by Finalclap || http://www.finalclap.com
*/

/* Classes génériques/utilitaires */
.box-shadow-5{-webkit-box-shadow:0px 0px 5px #bbb; -moz-box-shadow:0px 0px 5px #bbb; box-shadow:0px 0px 5px #bbb;}
.box-shadow-8{-webkit-box-shadow:0px 0px 8px #bbb; -moz-box-shadow:0px 0px 8px #bbb; box-shadow:0px 0px 8px #bbb;}
.radius-8{-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}

body{margin:0; padding:0; background:url('images/noisy-blue-bg.jpg') repeat; color:white;}
a{text-decoration:none; font-weight:bold; color:#2C5188;}
a, a:active,a:focus{outline:none;}
img	{border:0;}

#page{position:relative; width:960px; margin:0px auto; text-align:left; color:black;}
#header{width:960px; height:248px; background:url('images/header_logo.jpg') no-repeat top left;}

#header .search{position:relative; left:600px; top:54px; width:308px; height:54px; padding:8px;}
#header .search .search_box{float:left; width:174px; height:30px; margin:3px 0 0 5px; font:18pt Arial; color:gray; background:white; border:none;}
#header .search .search_button{
	width:108px; height:36px;
	margin:0; padding:1px 0 0 12px;
	text-align:left; font:bold 11pt Arial, Helvetica, sans-serif;
	color:#333333; background:none; border:none;
}

#header .menubar{position:relative; top:130px; width:960px; height:48px; font:bold 12pt Arial, Helvetica, sans-serif;}
#header .menubar a{
	display:block; float:left; margin:9px 0 0 18px; padding:5px 8px; color:#3B3B3B;
	   -moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#header .menubar a:hover{ background-color:#CCCCCC;}

/* Social */
#header #socialhub{float:right; margin:2px 5px 0 0;}
#header #socialhub a{display:block; float:left; width:44px; height:44px; margin:0 4px; padding:0; text-indent:-9999px; background:url('images/sticker_social.png') 0 44px no-repeat;}
#header #socialhub a:hover{opacity:0.8;}
#header #socialhub a#rss      {background-position:0 0;}
#header #socialhub a#facebook {background-position:-44px 0;}
#header #socialhub a#email    {background-position:-88px 0;}
#header #socialhub a#twitter  {background-position:-132px 0;}
#header .menubar #screen1{display:inline; float:right; margin:15px 6px 0 0; font:11pt Arial; color:gray;}

/* UnderHeader */
.zone .underheader{position:relative; padding:1px 0 48px; background:url('images/jonction.jpg') bottom left no-repeat white;}
.zone .underheader .coinz{width:770px; height:100px; margin:20px auto 0px 20px;}
.zone .underheader .arrow{position:absolute; top:20px; right:63px; width:80px; height:90px; background:url('images/underheader_arrow.jpg') top left no-repeat;}

/* Zone */
.zone{padding-bottom:1px; font:10pt Arial, Helvetica, sans-serif; background:url('images/fond_content.jpg') top left repeat-y; color:#555555;}

/* Sidebar */
#sidebar{width:300px; margin-left:660px; padding:0;}
#sidebar .separator{margin:10px 0; padding:8px 10px; text-shadow:0px 0px 2px #ccc; font:bolder 11pt Arial; color:#444; background-color:#FFFFE0; border-bottom:1px solid #E6DB55; border-top:1px solid #E6DB55;}
#sidebar .top_sidebar{position:relative; width:300px; height:167px; background:url('images/top_sidebar.jpg') top left no-repeat;}
#sidebar .top_sidebar .baseline{position:absolute; top:28px; left:176px; font:14pt Arial; color:white;}
#sidebar .categories ul{margin-left:10px; padding:0; list-style:none;}
#sidebar .categories li{margin:10px 0;}
#sidebar .categories a{padding:3px 6px; font:bold 11pt Arial; color:#555555; -moz-border-radius:8px;}
#sidebar .categories a:hover{background:silver;}

#sidebar_premium{display:block; width:300px; height:182px; background:url('images/sidebar_premium.jpg') top left no-repeat; text-indent:-9999px;}
#sidebar_premium:hover{background-position:top right;}

/* Footer */
#footer{height:77px; padding:30px 0 0 670px; line-height:18px; font:9pt Arial, Helvetica, sans-serif; color:#555555; background:url('images/footer.jpg') top left no-repeat;}
.wp_footer{margin:-74px 14px 0; font:10pt Arial; color:whitesmoke;}

#partenaires{color:#cfcfcf;}
#partenaires a{color:whiteSmoke; font-weight:lighter;}
#partenaires a:hover{color:white; text-decoration:underline;}

/* Content */
#content{float:left; width:659px; padding-top:20px; line-height:20px;}
#content .post,
#content .post p,
#content .hentry
	{margin:0 20px 30px 20px;}
#content .post p{margin:0 0 20px 0;}
#content .post .entry{
	padding:10px;
	background:whitesmoke;
	   -moz-border-radius:8px;
	-webkit-border-radius:8px;
	   -moz-box-shadow:0 0 3px #BBBBBB;
	-webkit-box-shadow:0 0 3px #BBBBBB;
}
#content .post .entry p{margin:0;}
#content .post .entry .voir-tuto{display:block; float:right; margin:0; padding:4px 8px; font:bold 18pt Arial, Helvetica, sans-serif; color:white; background:#dc1039; -moz-border-radius:4px;}
#content .post .entry a{font-weight:bold; color:black;}

#content .separator{padding:10px 20px; background:gold;}

#content h1{margin-top:4px; line-height:30px; font:bold 18pt Arial, Helvetica, sans-serif;}
#content h1 a{color:#555555;}
#content h1 a:hover{color:black;}

#content .storytitle{margin:0 0 2px; text-decoration:none; font:13px/16px Arial, Helvetica, sans-serif; color:#DC1039;}
#content .storytitle a{color:#DC1039; font-weight:normal;}
#content .storytitle a:hover{color:#39DC10;}

#content .miniature{display:block; height:160px; padding:8px; background:#e7e7e7; border:1px solid #d7d8ce; -moz-border-radius:8px;}

#content a.thumb{display:block; width:178px; height:178px;}

#content.file-attente .miniature{height:100px;}

#content .desc{float:right; width:424px;}

#content hr{border:0; border-top:1px solid #E9E9E9;}

#content .read_more a, #content .nav_link a{font-weight:bold; font-size:9pt; color:#2C5188;}
#content .read_more a:hover, #content .nav_link a:hover{text-decoration:underline;}

#content .pagination{text-align:center;}
#content .pagination a{margin:0 4px; padding:6px 10px; font-weight:bold; color:#555555; background:#f5f5f5; border:1px solid #e7e7e7; -moz-border-radius:5px;}
#content .pagination a:hover{background:#e7e7e7; color:black;}

#content .resultat{width:510px; margin:30px auto; padding:8px; text-align:center; background:whiteSmoke; -moz-border-radius:8px;}
#content .resultat b{display:block; margin-bottom:5px; font:italic bold 16pt Georgia, Verdana;}
#content .resultat i{display:block; margin-top:8px;}

#content .more{min-height:88px; padding:10px 10px 10px 105px; color:black; background:url('images/Plus_64.png') 20px 20px no-repeat #b6e3f1;}
#content .more b{display:block; padding-bottom:8px; font:14pt "Times New Roman", Times, serif; color:#60830a; border-bottom:1px dotted #78a40c;}
#content .more ul{padding-left:14px;}
#content .more a{color:black; font-weight:lighter;}
#content .more a:hover{text-decoration:underline;}

#content .tags{height:62px; margin-bottom:10px; padding:6px 6px 0 100px; background:url('images/Tag_64.png') 20px 10px no-repeat #c8f14a;}
#content .tags a{display:block; float:left; margin:3px; padding:3px 5px; font-weight:bold; color:#627e0d; background:#afd92c; -moz-border-radius:3px;}
#content .tags a:hover{background:#eefc79;}

/* Comment */
#content .etape{height:64px; margin-top:20px; margin-bottom:10px; padding:1px 0 0 70px;}

#content #comments{background:url('images/Comments-64.png') 0px 0px no-repeat;}
#content #comments a{float:right; margin-top:12px; padding:4px 8px; font-size:8pt; font-weight:bold; color:white; background:#dc1039; -moz-border-radius:10px;}

/* Commentlist */
#content .commentlist{margin:0; padding:0; list-style:none;}
#content .commentlist li{margin:0 20px 20px 20px; padding:16px; background:whitesmoke; -moz-border-radius:10px;}
#content .commentlist li p{clear:left; margin-bottom:0;}
#content .commentlist .avatar{float:left; padding:5px; background:#dfdfdf;}

#content .commentlist .metadata{margin:2px 0 0 52px;}
#content .commentlist .metadata a:hover{color:black;}
#content .commentlist .metadata .pseudo{font-size:12pt; font-style:normal; font-weight:bold;}
#content .commentlist .metadata .pseudo a{color:#dc1039;}
#content .commentlist .metadata span a{color:#555555;}

/* Formulaire commentaire */
#content #respond #reply{background:url('images/Comment-add-64.png') 0px 0px no-repeat;}
#content #respond .comment-form{
	margin:0 20px 0 20px; padding:16px;
	background:whitesmoke; border:1px solid #E5E5E5; -moz-border-radius:10px;
}
#content #respond form input[type=text], #content #respond form textarea{
	display:block; width:280px; height:22px; margin-bottom:20px; padding:4px;
	font:13pt Arial; border:1px solid #E5E5E5; -moz-border-radius:6px;
}
#content #respond form textarea{width:530px; height:180px; font:10pt Arial;}
#content #respond form button{
	width:220px; height:40px; padding:10px 0; font:bold 11pt Arial; color:#555555;
	background:url('images/button.jpg') top left repeat-x; border:1px solid silver; -moz-border-radius:6px;
}
#content #respond form button:hover{color:whitesmoke; background-position:bottom; border:1px solid gray;}
#content #respond form label{font-weight:bold;}
#content #respond form .sous-form{margin:20px; padding:10px; color:black; background:#E5E5E5; -moz-border-radius:10px;}
#content #respond form .sous-form input[type=text]{margin-bottom:0px;}

#content #image-ext-check{margin-left:7px; color:red; font-size:0.8em;}
form .wrong{color:red; font-size:0.8em;}
#image-url-preview{margin:5px 0 0;}
#image-url-preview img{border:8px solid #424242;}

#content .message{min-height:42px; margin:27px 7px 13px; padding:26px 10px 7px 76px; -moz-border-radius:5px;}
#content .erreur{color:white; background:url('images/msg_error.png') 10px 10px no-repeat #F46262;}
#content .ok{background:url('images/msg_ok.png') 10px 10px no-repeat #b4d57c;}

/* Facebook j'aime (bouton like) */
.facebook_jaime{
	height:54px; margin:2px 0 20px; padding:10px 10px 0 10px; text-align:left; background-color:#E3E7F5; border:1px solid #CFD7F5;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}
.facebook_jaime iframe{width:100%; height:50px;}

/* Bookmarklet */
.bookmarklet {
	display:inline-block; cursor:move;
	font:normal 14px/16px Arial; text-decoration:none;
	color:#333; background:#E2E2E2; border-radius:50px;
}
.bookmarklet span {
	background:url(/favicon.ico) 8px 7px no-repeat;
	padding:8px 10px 8px 32px;
	display:inline-block;
}

/* Rocket */
#rocket_dummy{
	position:absolute; left:-100px; top:20px;
	width:55px; height:55px;
}
#rocket_mobile{
	position:absolute; top:0; margin:85px 0 0 -4px;
	width:60px; height:185px;
}
#rocket_mobile.fixed{position:fixed; top:0;}
#rocket_dock{
	position:absolute; width:28px; height:28px; top:164px; left:12px;
	background:url('images/sprite-rocket.png') 0 0 no-repeat;
}
#rocket_mobile .rocket_body{
	position:absolute; width:60px; height:60px; top:63px; left:0;
	background:url('images/sprite-rocket.png') 0 -28px no-repeat;
}
#rocket_mobile .fire{
	position:absolute; width:35px; height:78px;
}
#rocket_mobile .fire.top{
	left:13px; top:3px;
	background:url('images/sprite-rocket.png') -60px 0 no-repeat;
}
#rocket_mobile .fire.top.on{background-position:-95px 0;}
#rocket_mobile .fire.bottom{
	left:13px; top:104px;
	background:url('images/sprite-rocket.png') -60px -78px no-repeat;
}
#rocket_mobile .fire.bottom.on{background-position:-95px -78px;}
#rocket_mobile .rocket_body iframe{margin:19px 0 0 -10px;}

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */