/*  
Theme Name: DarkZen
Theme URI: http://www.dailyblogtips.com/darkzen-wordpress-theme-released/
Description: 
Version: 1.0
Author: Daily Blog Tips
Author URI: http://www.dailyblogtips.com
*/

/* STRUCTURE */
body {
text-align:center;
margin:0;
padding:0;
background-color:#efefef;
background-image:url(images/back.png);
background-position:top left;
background-repeat:repeat-x;
color:#555555;
font-size:12px;
font-family:Arial;
}

#body2 {
background-image:url(images/backfooter.png);
background-position:bottom left;
background-repeat:repeat-x;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica,Arial;
	line-height:1.1em;
	text-shadow:0 1px 0 #FFFFFF;
}

#page {
width:960px;
margin:auto;
background-image:url(images/page.png);
background-repeat:repeat-y;
text-align:left;
}

#header {
height:88px;
width:960px;
padding-left:0px;
padding-top:20px;
clear:both;
margin:auto;
text-align:left;
background-image:url(images/header.png);
}

.headleft {
float:left;
width:450px;
}

.headright {
float:right;
text-align:right;
width: 300px;
padding-top: 30px;
padding-right: 15px;
}

#menulinks {
height:40px;
width:960px;
clear:both;
margin:auto;
background-image:url(images/menulinks.png);
}

input:focus
{
	border: 2px solid #426ebe;
}

textarea:focus
{
	border: 2px solid #426ebe;
}

.nobg a:hover 
{
	background:none;
    text-decoration: underline;
}

a.nobg2:hover {
	background:none;
    text-decoration: none;
}


#rsslink a {
float:right;
text-align:right;
padding-top:10px;
padding-left:17px;
height:30px;
width: 30px;
color:#d7d1d1;
text-decoration:none;
font-size:14px;
font-weight:bold;
background:url(images/rsslink2.png)/* left 12px no-repeat*/;
}

ul#navlist {
margin: 0;
padding: 0;
white-space: nowrap;
float:left;
width:600px;
}

ul#navlist li {
font-size:10pt;
display:inline;
list-style-type: none;
}

ul#navlist li a {
padding-left:15px;
padding-right:15px;
padding-top:10px;
height:30px;
background-image:none;
display:block;
color:#d7d1d1;
text-decoration:none;
float:left;
font-size:14px;
font-weight:bold;
}

ul#navlist li a:link, ul#navlist li a:visited {
text-decoration: none;
}

ul#navlist li a:hover {
background-position:top left;
text-decoration:none;
color:#FFFFFF;
background-image:url(images/menuhover.png);
}

#mainarea {
clear:both;
width:960px;
padding-top:0px;
margin:0
}

#contentarea {
padding-left:10px;
width:600px;
float:left;
padding-bottom:20px;
}

#contentarea p object embed
{
	width: 560px;
        height: 340px;
}

#widelist li a{
padding-left:5px;
padding-top:4px;
padding-bottom:4px;
border-bottom:#CCCCCC solid 1px;
display:block;
font-size:10pt;
color:#9d8c8c;
text-decoration: none;
clear:both;
text-align:left;
margin-left:5px;
margin-right:4px;
margin-top:0;
margin-bottom:0;
width:300px;
}

#widelist li a:hover {
color:#555555;
text-decoration: none;
}

#searchform {
padding-left:10px;
padding-right:10px;
padding-top:10px;
}

#searchform #s {
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#555555;
width: 210px;
padding-right: 4px;
padding-bottom: 4px;
padding-top:6px;
padding-left:7px;
float:left;
height:19px;
font-weight:bold;
margin-left:5px;
border:1px solid #717171;
}

#searchform #s:focus {
background-color:#717171;
color:#FFFFFF;
}

#searchsubmit {
background-image:url(images/search.png);
width:32px;
height:29px;
float:right;
border:none;
font-family:Arial, Helvetica, sans-serif;
background-color:transparent;
cursor:pointer;
margin-right:10px;
}

#sidebar1 {
width:300px;
height: auto;
}

#sidebar1 ul li ul li a{
color: #454545;
text-decoration: none;
}

p.title a.external,
div.ff-list a.external,
p.title a {
color: #555;
text-decoration: underline;
}

p.title a.external:hover,
p.title a:hover{
background: none;
text-decoration: underline;
color: #426ebe;
}

p.ff-meta a.external {
color: #426ebe;
}

p.ff-meta a.external:hover {
color: #426ebe;
text-decoration: underline;
background: none;
}

p.ff-account a.external {
	-moz-border-radius:5px 5px 5px 5px;
	background:url("images/button_grad.gif") repeat-x scroll 0 0 transparent;
	border:1px solid #DDDDDD;
	color:#666666;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:26px;
	line-height:25px;
	margin:5px 5px 25px 5px;
	padding:0 10px;
	text-shadow:1px 1px 0 #FFFFFF;
}

.commentlink a {
	-moz-border-radius:5px 5px 5px 5px;
	background:url("images/button_grad.gif") repeat-x scroll 0 0 transparent;
	border:1px solid #DDDDDD;
	color:#666666;
	display:block;
	float:right;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:26px;
	line-height:25px;
	margin:5px 5px 5px 5px;
	padding:0 10px;
	text-shadow:1px 1px 0 #FFFFFF;
}

.commentlink a:hover {
	color: #426ebe;
	background: #f5f5f5;
}

p.ff-account a.external:hover {
	background: #f5f5f5;
}

/*
p.ff-account a.external{
font-size: 125%;
color: #454545;
border-top: 1px solid #454545;
border-bottom: 1px solid #454545;
}
/*
p.ff-account a.external:hover{
color: #efefef;
background: #454545;
font-size: 125%;
borter-top: 1px solid #454545;
borter-bottom: 1px solid #454545;
}
*/
#tag_cloud
{
 margin-left: 5px;
 margin-right: 5px;
}


#sidebar2 {
width:300px;
background-color: #e2e2e2;
border: 1px solid #426ebe;
-moz-box-shadow: 1px 1px 3px #ccc; /* Firefox */
-webkit-box-shadow: 1px 1px 3px #ccc; /* Safari, Chrome */
box-shadow: 1px 1px 3px #ccc; /* CSS3 */
}

#sidebar3 {
width:155px;
height: auto;
float:left;
margin: 20px 5px 20px 1px;
text-align: left;
}

#sidebar4 {
width:130px;
float:left;
margin: 20px 1px 20px 0;
}

#sidebar ul li ul li a.rsswidget {
background: none;
color: #454545;
}
h2 a.rsswidget {
color: #454545;
}

span.rss-date, span.cite {
color: #656565;
}
#footer {
width:960px;
height:87px;
background:url(images/backfooter.png) bottom left repeat-x;
clear:both;
color:#CCCCCC;
}

#footer a:hover {
color:#FFFFFF;
}

#footer .left {
float:left;
padding-left:0px;
padding-top:42px;
line-height:18px;
}


#footer .right {
float:right;
padding-right:0px;
padding-top:42px;
line-height:18px;
text-align:right;
}


/* POST DETAILS */

.post {
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom: 50px;
}

.title H1 {
padding: 7px;
color: #333;
font-size: 30px;
border-top: 2px solid #333;
border-bottom: 2px solid #333;
text-decoration: none;
}
.title h1 a {
padding: 7px;
color: #333;
font-size: 30px;
}
.title h1 a:hover {
color: #555;
background: none;
}

.under {
margin-top: 10px;
text-align: center;
background-color: #353535;
color: #efefef;
padding: 1px 0 2px 0;
}

.under a {
margin: 0 -2px;
padding: 0 2px;
color: #fff;
text-decoration: underline;
}
.under a:hover {
color: #426ebe;
background: #fff;
}

.entry {
margin-top: 25px;
line-height:20px;
text-align: justify;
}

.entry a{
color: #426ebe;
}

/*
.entry h1, .archive h1{
font-size: 23px;
color: black;
}
*/
.entry h2{
font-size: 14px;
color: #555;
}

.entry h2.headline
{
font-size: 20px;
color: #333;
border-bottom: 1px solid #333;
}
.entry h3{
font-size: 17px;
color: #426ebe;
border-bottom: 1px solid #426ebe;
}

.entry h4
{
font-size: 23px;
text-align: left;
color: #555555;
border-bottom: 1px solid #555555;
}





/* STYLING */
h1 {
font-size:25px;
clear:both;
color:#FFFFFF;
/*text-transform:uppercase;*/
margin:0;
}

h1 a {
color:#FFFFFF;
}

h1 a:hover {
color:#FFFFFF;
text-decoration:none;
}

.description {
font-size:14px;
clear:both;
margin:0;
font-weight:bold;
text-transform:uppercase;
color:#999999;
}

a {
color:#bfbfbf;
text-decoration:none;
}

a:hover {
background: #426ebe;
color:#ffffff;
text-decoration: none;
}

#advertarea  {
padding-left:8px;
clear:both;
padding-top:10px;
}

#advertarea a {
margin:5px;
margin-right:15px;
float:left;
}
#sidebar {
width:300px;
float:right;
padding-bottom:20px;

}

#subfooter .subfooterwidget h2 {
padding-left:8px;
padding-top:8px;
height:25px;
font-size:16px;
font-weight:bold;
color:#ffffff;
}

#subfooter .subfooterwidget a {
padding-left:5px;
padding-top:4px;
padding-bottom:4px;
border-bottom:#555555 solid 1px;
display:block;
font-size:10pt;
color:#CCCCCC;
text-decoration: none;
clear:both;
text-align:left;
margin-left:10px;
margin-right:4px;
width:250px;
}

#subfooter .subfooterwidget a:hover {
color:#FFFFFF;
text-decoration: none;
}

.clear {
clear:both;
}

.commentlist li, #commentform input, #commentform textarea {
font-family: Arial, Helvetica, sans-serif;
}

#commentform {
text-align:left;
padding-left:35px;
}

.commentlist li {
font-weight: bold;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 10pt;
}

.commentlist p {
font-weight: normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#888888;
}
#commentform p {
font-family:Arial, Helvetica, sans-serif;
}

.commentmetadata {
font-weight: normal;
}

small, .nocomments, .postmetadata, strike {
color:#555555;
}

code {
font-family:"Courier New", Courier, monospace;
font-size:9pt;
}

acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}

/* Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
color:#9d8c8c;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
}

#calendar_wrap {
margin-top:5px;
margin-left:10px;
}
#wp-calendar #prev a {
font-size: 8pt;
}

#wp-calendar a {
text-decoration: none;
}

#wp-calendar caption {
font: bold 10pt Arial, Helvetica, sans-serif;
text-align: center;
}

#wp-calendar th {
font-size:8pt;
font-style: normal;
text-transform: capitalize;
}

p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
margin-right:30px;
}

.alignleft {
float: left
}

/* End Images */



/* Begin Lists */

.entry ul {
margin: 12px 20px;
text-indent: 0px;
} 

.entry ol {
margin: 12px 20px;
}

.entry ul li,
.entry ol li {
margin: 3px 0 3px 5px;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

#sidebar ul li ul li a {
background: url('images/side-border.png') bottom repeat-x;
/*border-bottom:#CCCCCC solid 1px; /* Bordure faite moi meme remplacer par la ligne ci-dessus (image de nettuts) */
display:block;
font-size:10pt;
text-decoration: none;
clear:both;
text-align:left;
padding: 6px 4px;
margin-left:-6px;
margin-right:4px;
margin-top:0;
margin-bottom:0;
color: #454545;
}

#sidebar ul li ul li a:hover {
color: #efefef;
background: #454545;
}

#sidebar ul, #subfooter ul { 
margin: 0;
padding:0;
}

#sidebar ul ol, #subfooter ul ol {
margin: 0;
padding:0;
}


#sidebar ul li, #subfooter li {
list-style-type:none;
list-style-image:none;
padding: 5px;
margin: 0 0 20px 0;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li, #subfooter ul ol li {
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li, #subfooter ul ul li {
margin: 3px 0 0;
padding: 0;
}

h2.widgettitle, h2.widgettitle a.rsswidget {
height:25px;
font-size:16px;
font-weight:bold;
margin: 4px;
clear:both;
padding-left:5px;
}

.entry form { 
text-align:center;
}

select {
width: 130px;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
border:#CCCCCC solid 2px;
}

#commentform input:focus {
border:#426ebe solid 2px;
}

#commentform textarea {
width: 90%;
padding: 2px;
border:#CCCCCC solid 2px;
}

#commentform textarea:focus {
border:#426ebe solid 2px;
}

#commentform #submit {
margin-right:37px;
float: right;
}

.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding-left:30px;
text-align: justify;
}

.commentlist li {
margin: 15px 45px 15px 3px;
padding: 5px 10px 3px;

border-bottom:#CCCCCC dotted 1px;
}

.commentlist li.mycomment
{
	background-color: #F3F3F3;
}

.commentlist p {
margin: 10px 5px 10px 0;
}

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}

#sidebar form {
margin: 0;
}
.textwidget {
margin-left:0px;
margin-right:0px;
padding-top:7px;
padding-right: 10px;
text-align:justify;
}

.textwidget a {
}

acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
background: url('images/quote.png') top left no-repeat;
margin: 15px 30px 0 10px;
padding-left: 10px;
border-left: 3px solid #999999;
color:#999999;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

hr {
display: none;
}

a img {
	background: none;
border: none;
}
a:hover img {
	background: none;
}

.navigation {
display: block;
clear:both;
text-align: center;
padding-top: 10px;
padding-bottom: 60px;
padding-left:30px;
}

.navigation a {
padding:5px;
border:1px solid #999999;
color:#CCCCCC;
}

.navigation a:hover {
background-color:#999999;
color:#FFFFFF;
text-decoration:none;
}



/* ----- sideabout  ------*/

#sideabout
{

}

#sideabout img
{
 float: right;
 padding: 0 0 3px 3px;
}

#sideabout a, #sideabout a:hover, #sideabout a:active, #sideabout a:visited
{
 color: #426ebe;
}



/* ----- Corner  ---- */

#corner
{
width:960px;
height:70px;
background:url(images/backcorner.png);
clear:both;
}


/*  ------ Commentaire couleurs ----*/

.trackback{
 background-color: #dddddd;
}

.moncom {
 background-color: #7b95f2;
}


/* ----------- recent comment---------*/

#recent-comments
{
  padding-right: 10px;
}

/* instruction elements -------------------------------------- */
address {  font-style:italic; }
.entry p.alert, .entry p.download, .entry p.info, .entry p.note {  margin:10px 0 10px 0; padding:9px 10px 9px 36px; }
.entry p.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/alert.png) no-repeat 12px 13px; }
.entry p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/download.png) no-repeat 10px 13px; }
.entry p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/info.png) no-repeat 12px 13px; }
.entry p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(images/note.png) no-repeat 14px 13px; margin:10px 0 10px 0; padding:9px 10px 9px 36px;  }


/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px 0;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
font-style: italic;
text-align: center;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */

.archive h2
{
	border-bottom: 1px solid #555555;
        margin-top: 20px;
}

.archive h3
{
	color: #426ebe;
	border-bottom: 1px solid #426ebe;
}

.archive a 
{
	color: #222222 ;
}

.separation {
margin: 30px;
}

a.more-link {
font-size: 20px;
}

#subscribe {
margin: 0px;
padding: 5px 0px 0px 0px;
overflow: hidden;
}

#subbox {
background: #EEEEEE !important;
width: 223px;
color: #495D5C;
font-size: 12px;
font-family: Georgia, Times New Roman, Trebuchet MS;
font-weight: normal;
margin: 5px 0px 0px 0px;
padding: 3px 0px 3px 5px;
border-top: 1px solid #759697;
border-right: 1px solid #A3BAB9;
border-left: 1px solid #759697;
border-bottom: 1px solid #A3BAB9;
display: inline;
}

li#text-4 {
background: #e2e2e2;
border: 1px solid #f08633;
text-align: left;
-moz-box-shadow: 1px 1px 3px #ccc; /* Firefox */
-webkit-box-shadow: 1px 1px 3px #ccc; /* Safari, Chrome */
box-shadow: 1px 1px 3px #ccc; /* CSS3 */
}

a.rss {
 color: #f08633;
 text-decoration: none;
}
a.rss:hover {
 color: #454545;
 background: #f08633;
}

a.sharebutton {
	-moz-border-radius:5px 5px 5px 5px;
	background:url("images/button_grad.gif") repeat-x scroll 0 0 transparent;
	border:1px solid #DDDDDD;
	color:#666666;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:26px;
	line-height:25px;
	margin:5px;
	padding:0 10px;
	text-shadow:1px 1px 0 #FFFFFF;
}
a.sharebutton:hover {
	background: #f5f5f5;
}

img.favicon {
	float: left;
	margin: 4px 4px 0 0 ;
}

/* ---- ADSENSE -------------- */

.ad-200x200-single-floatleft
{
 float: left;
 display: block;
}

#wau {
	display: none;
}


/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	/*text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;*/
	
	-moz-border-radius:5px 5px 5px 5px;
	background:url("images/button_grad.gif") repeat-x scroll 0 0 transparent;
	border:1px solid #DDDDDD;
	color:#666666;
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:26px;
	line-height:25px;
	margin:5px;
	padding:0 10px;
	text-shadow:1px 1px 0 #FFFFFF;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #333;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

.wp-pagenavi span.extend,
.wp-pagenavi span.pages,
.wp-pagenavi a.larger,
.wp-pagenavi a.smaller {	
display: none;
}

.wp-pagenavi span.pages {
	border: none;
}
