/*  
Theme Name: Compositio
Theme URI: http://designdisease.com/
Description: Created by <a href="http://designdisease.com">Design Disease</a>. This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it, and make any changes you like. Just leave the credits link under your footer :)
Version: 1
Author: Design Disease
Author URI: http://designdisease.com/
*/


/* Begin Typography & Colors */
* { margin: 0; padding: 0; }

body { background: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin-top: 0px; color:#444444;}

input, button, textarea, select {  font: normal 12px/12px "Verdana", sans-serif; color:#2d3538; vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
ol { list-style-type: decimal;}
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}

a:link { text-decoration: none; color : #000; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #FFF; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #000; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: none; color : #FFF; background: #000; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; }

/* BG 
############################################################################################################## */
#bg { width: 980px; margin: 0 auto; margin-top: 5px;}
#bg-all { width: 980px; background: #fff; overflow: hidden;}
/**/ * html #bg-all { height: 1%;} /* */


/* headstripe 
############################################################################################################## */
#headerstripe {
	background:url(images/headerstripes.gif);
	background-repeat:repeat;
	width:980px;
	height:20px;
	margin-top:10px;
	margin-bottom:5px;
}

/* headstripe interne 
############################################################################################################## */
#headerstripe2 {
	background:url(images/blackstripes.gif);
	background-repeat:repeat;
	width:578px;
	height:1px;
	margin-top:5px;
}

/* headstripe droite 
############################################################################################################## */
#headerstripe3 {
	background:url(images/headerstripes.gif);
	background-repeat:repeat;
	width:300px;
	height:15px;
	margin-top:5px;
}

/* Container 
############################################################################################################## */
.container { background: #FFF; padding: 0px; float: left; width: 680px;}


.menu { overflow: right; float: right; width: 100%; background:#FFF; width: 300px; margin: 0 auto; padding: 40px 0px 0px 0px;}
/**/ * html .menu { height: 1%;} /* */ 
.menu ul { float:right; }
.menu li { display: inline; font: normal 12px "arial"; letter-spacing: -1px; float: left; height: 28px; }
.menu li ul li { font-weight: normal; letter-spacing: normal;}
.menu li a, .menu li a:visited { color:#000; float: left; padding: 4px 6px 10px 6px; margin-right: 5px;}
.menu li a:hover { background: #000 url(images/menu-on-bkg.png) repeat-x bottom;  color:#FFF; text-decoration: none;}
.menu .current_page_item a, .menu .current_page_item a:visited, .menu .current_page_item a:hover { background: #000 url(images/menu-on-bkg.png) repeat-x bottom; color:#fff; }

.menu .current_page_item .page_item a, .menu .current_page_item .page_item a:visited { background: #def1f9; color:#272d36;}
.menu .current_page_item .page_item a:hover { background: #fff; color:#FFF; }

/* Logo
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.logo { overflow: hidden; /* border-bottom: solid 6px #000 */; margin-bottom: 5px; }
/**/ * html .logo { height: 1%;} /* */ 

.logo .txt { width: 520px; padding-left: 70px; background: url(images/logo-symbol.png) no-repeat left 10px; padding-bottom: 30px; }
.logo .txt h1 { font: bold 55px/50px "Arial"; letter-spacing: -3px; text-transform: lowercase; padding-bottom: 5px;}
.logo .txt h1 a, .logo .txt h1 a:visited, .logo .txt h1 a:hover { text-decoration: none; color:#272d36;}
.logo .txt p.desc { font: bold 14px/14px "Arial"; letter-spacing: -1px; display: block; color:#2abada;}

.logo .img { padding-bottom: 0px; }


/* SL ()
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SL { width: 600px; float: left; padding-left: 70px;}

.title { color:#272d36; font: normal 30px/30px "Arial"; letter-spacing: -1px; padding-bottom: 15px; padding-top: 15px; margin-bottom: 15px; border-bottom: 1px dotted #a2a5a9;}
.note {  background:url(images/note-icon.png) no-repeat left 2px; padding-left: 14px; color:#669900; font-size: 11px;}
.edit a { background:url(images/edit-icon.png) no-repeat left 2px; padding-left: 14px; color: black; font-size: 11px; }
.error { color:#cc0000; font-size: 11px; font-weight: bold;}



/* Post Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post, .attachment { width: 100%; position: relative;}
/**/ * html .post, .attachment { width: 99%;} /**/ 


.p-head { padding-bottom: 5px; padding-top: 17px; padding-left: 0px; padding-right: 25px; background: #FFF; /* border-bottom: 1px dotted #000;*/ }
.p-head h1, .p-head h1 a, .p-head h1 a:visited { color:#000; font: normal 34px/34px "arial"; letter-spacing: -3px; padding-left: 0px; padding-bottom: 3px;}
.p-head h1 a:hover { color:#FFF; text-decoration: none; }

.p-head h2 { color:#000; font: normal 34px/34px "arial"; letter-spacing: -1px; padding-left: 0px; padding-bottom: 3px; }
.p-head h2 a, .p-head h2 a:visited { color:#000; }
.p-head h2 a:hover { color:#FFF; text-decoration: none; }

.p-head h3 { color:#000; font: normal 28px/28px "Arial"; letter-spacing: -1px; }
.p-head h3 a, .p-head h3 a:visited { color:#000;}
.p-head h3 a:hover { color:#FFF; background: #000;  text-decoration: none;}

.p-cat { font: normal 9px 'Arial'; text-transform: uppercase; color:#aaaaaa; padding-left: 0px;}
.p-cat a  { text-decoration: none; color:#8d8d8d; padding-right: 5px;}
.p-cat a:visited { text-decoration: none; color:#8d8d8d; padding-right: 5px;}
.p-cat a:hover { text-decoration: none; color:#FFF; padding-right: 5px;}

.p-time { position: absolute; left: -78px; top: 20px; width: 50px;  }
/**/ * html .p-time { left: -70px;} /**/ 
.p-time strong { float: left; text-align: center;}
.p-time .day { font: normal 34px/34px "arial"; letter-spacing: -1px; color:#FFF; width: 50px; padding: 5px 0px; /* background:url(images/blackstripes.gif); background-repeat:repeat; overflow: hidden; */ background:#21d1fd }
.p-time .month { background:#000; color:#FFF; width: 50px; padding: 5px 0px; margin-bottom: 0px; font: normal 11px/11px 'arial';}
.p-time .year { background: #000; width: 48px; border: solid 1px #000; font: normal 11px/11px 'arial'; padding: 5px 0px; color:#FFF;}

.p-con { padding: 0px 0px 0px 0px; margin: 0px; /* border-left: 1px dotted #000;*/ }
.p-con p { font: normal 12px/19px "arial"; letter-spacing: 0px; text-align: justify; padding: 5px 0px; margin: 10px 0px;}
.p-con ol { list-style: decimal inside; }
.p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.p-con ol li { padding: 2px 0px 2px 0px; }
.p-con ul { padding: 10px 0px 10px 20px; margin: 0px; }
.p-con ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url("images/p-con-li.png") no-repeat left 1px; color:#000; }
.p-con blockquote { font:  12px/12px arial, "arial", verdana, serif; padding: 10px 20px; margin: 10px 0px; background: #eaf8fc;  line-height: 15px;}
.p-con blockquote p { font: 12px/12px arial, "arial", verdana, serif; line-height: 15px; }
.p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}


.p-det { margin-top: 5px;}
.p-det li { font: normal 9px 'Arial'; text-transform: uppercase; color:#7f7f7f; padding-left: 0px;  display: inline; padding: 4px 0px 6px 30px; margin-right: 10px; }
.p-det li.p-det-com { background: url("images/p-det-com.png") left center no-repeat; }
.p-det li.p-det-com a { font: normal 9px 'Arial'; text-transform: uppercase; color:#3f3f3f; padding-left: 0px;}
.p-det li.p-det-tag { background: url("images/p-det-tag.png") left center no-repeat; }
.p-det li a,.p-det a:visited { font: normal 9px 'Arial'; text-transform: uppercase; color:#3f3f3f; padding-left: 0px; margin-right: 3px;}

.p-con .wpunlimited_bookmarks strong { font-weight: normal; color:#999; padding-bottom: 2px; font-size: 10px; text-transform:uppercase; }
.p-con .wpunlimited_bookmarks a img { display:inline; border:none; padding:0; margin:0; margin-top: 5px; }

/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.p-con img { padding: 0; max-width: 100%; }
.p-con img.centered { display: block; margin-left: auto; margin-right: auto; padding: 1px; border: solid 1px #9b9792;}
.p-con img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 4px #eee; padding: 1px; }
.p-con img.alignleft { margin: 5px 20px 10px 0; display: inline; border: solid 4px #eee; padding: 1px;}
.p-con .alignright { float: right; }
.p-con .alignleft { float: left }

/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; padding-bottom: 30px; padding-top: 10px;}
.nav a, .nav a:visited { cursor: hand; font: bold 14px/16px "Arial"; letter-spacing: -1px; }



/* Comments
############################################################################################################## */
.comments-list { padding-top: 20px; width: 538px;}
.comments-list h2 { color:#272d36; font: normal 28px/28px "arial"; letter-spacing: -1px; padding-bottom: 20px;}
.comments-list div.entry { margin-bottom: 15px; padding: 25px; border: 1px dotted #a2a5a9; background: #fff url(images/comments-list-entry-bkg.png) no-repeat right bottom; width: 538px;}
.comments-list div.alt { background: #eaf8fc url(images/comments-list-alt-bkg.png) no-repeat left top; padding-top: 40px; border: none; margin-bottom: 25px; width: 538px;}
.comments-list p.name { color:#272d36; font: normal 20px/20px "Arial"; letter-spacing: -1px; }
.comments-list p.avt { padding: 0px; margin: 0px; float: right;}
.comments-list p.avt img { border: dotted 1px #a2a5a9;}
* html .comments-list p.avt { left: -60px; }
.comments-list p.date { font: normal 9px 'Arial'; text-transform: uppercase; color:#aaaaaa; margin-bottom: 5px;}
.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#aaaaaa; text-decoration: none;}

.comments-list .con { font: normal 12px/17px "Arial"; margin-right: 90px; color:#333;}
.comments-list .con p { font: normal 12px/17px "Arial"; padding: 5px 0px; margin: 0px; color:#333; text-align: justify; line-height: 18px;}
.comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 20px; }
.comments-list .con blockquote p { font: 12px/12px arial, "Times New Roman", Times, serif; color:#666; }


/* Comments Form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments-form { background: #e1f4fc; padding: 20px; margin: 10px 0px; width: 538px;}
.comments-form h3 { color:#272d36; font: normal 28px/28px "Arial"; letter-spacing: -1px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #c5e1ed; }
.comments-form p { padding: 7px 0px; color:#808080;}
.comments-form .required { font-weight: normal; color:#ff0000;}
.comments-form input { padding: 5px; width: 210px; margin-right: 7px; }
.comments-form input.formid { border: 1px solid #a8d3e4; background: #fff url(images/form-name-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}
.comments-form input.formemail { border: 1px solid #a8d3e4; background: #fff url(images/form-email-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}
.comments-form input.formuri { border: 1px solid #a8d3e4; background: #fff url(images/form-uri-bkg.png) no-repeat left; padding: 5px 5px 5px 40px;}

.comments-form textarea { border: 1px solid #a8d3e4; background: #fff; padding: 4px; width: 97%;}
.comments-form .button { border: 1px solid #a8d3e4; background: url(images/button-post-comment.png) no-repeat left; color:#fff; width: auto; font-size: 11px; font-weight: bold; padding: 4px 6px 4px 38px;}


/* Search header
############################################################################################################## */
.search2 { overflow: right; float: right; width: 100%; background:#FFF; width: 300px; margin: 0 auto; padding: 20px 0px 0px 0px;}
.search2 h3 { background: #000; font: normal; font-size:10px; font-family:Helvetica, "Helvetica Neue", Arial, serif; letter-spacing: 0px; color:#FFF; padding-top: 5px; padding-bottom: 2px; padding-left: 5px; margin-bottom: 10px; text-transform: uppercase}
.search2 {0px;  padding-bottom: 0px; overflow: hidden; /* border-bottom: 1px dotted #000; */}
 
/**/ *html .search2  { height: 1%;} /**/ 

.search2 form { width: 299px; padding: 0px; border: 1px #C3C3C3; background: #FFF; margin-bottom: 26px; }
.search2 fieldset { overflow: hidden; height: 1%; border: 1px solid #b1b1b1; }
.search2 input { float: left; margin-right: 2px; font: normal 14px/14px 'arial'; letter-spacing: -1px; background: url(images/search-input.png) no-repeat; border: none; padding: 5px 3px 5px 35px; width: 231px; color:#000;}
.search2 button { float: left; background: url(images/search-button.png) no-repeat; width: 26px; height: 26px; border: none; cursor: pointer; text-indent: -1000em; }

/* RSS Page 
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.rsspage { background: #FFF; overflow: hidden;  padding: 0px 0px 15px 0px; margin-bottom: 2px; /* border-bottom: 1px dotted #000; */}
/**/ *html .SR .categs { height: 1%;} /**/ 
.rsspage div h3 { background: #000; font: normal; font-size:10px; font-family:Helvetica, "Helvetica Neue", Arial, serif; letter-spacing: 0px; color:#FFF; padding-top: 5px; padding-bottom: 2px; padding-left: 5px; margin-bottom: 10px; text-transform: uppercase;}
.rsspage div li { background:url(images/icon_bullet.gif) left center no-repeat; padding-top : 2px; padding-bottom : 2px; padding-left : 14px; list-style-type: none; font-size: 11px; color: #35383d; font-family:arial; border-bottom: 1px dotted #a2a5a9; }
.rsspage div a, .SR .categs div a:visited { color:#000; text-decoration: none; font-weight: bold;}
.rsspage div a:hover { color:#FFF; text-decoration: none; font-family:arial; font-weight: bold;}




/* Side Right 
############################################################################################################## */
.SR { width: 300px; margin-right: 0px; margin-top: 23px; padding-bottom: 5px; float: right;}


/* syn 
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .syn2 { background: #FFF; right: 0px; overflow: hidden; padding: 3px 0px 0px 0px; margin-bottom: 3x;}
/**/ *html .SR .search  { height: 1%;} /**/ 
.SR .syn ul { margin: 8px 0px;}
.SR .syn h3 { background: #000; font: normal; font-size:10px; font-family:Helvetica, "Helvetica Neue", Arial, serif; letter-spacing: 0px; color:#FFF; padding-top: 5px; padding-bottom: 2px; padding-left: 5px; margin-bottom: 4px; text-transform: uppercase}
.SR .syn li { background: url(images/SynIco.png) no-repeat left center; margin: 0px 5px 0px 0px; padding: 3px 0px 3px 15px; list-style-type: none; color:#000; display: inline; font: bold 14px/14px 'Arial'; letter-spacing: 0px;}
.SR .syn li a {color:#000; }
.SR .syn li a:visited {color:#000; }
.SR .syn li a:hover {color:#000; }


/* emailabo
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .emailabo { overflow: left; float: left; width: 100%; background:#FFF; width: 300px; margin: auto; padding: 0x 0px 0px 0px; margin-top: 3px}
.SR .emailabo form { width: 299px; padding: 0px; border: 1px #C3C3C3; background: #FFF; margin-bottom: 0px; margin-top: 3px; }
.SR .emailabo fieldset { overflow: hidden; height: 1%; border: 1px solid #b1b1b1; }
.SR .emailabo input { float: left; margin-right: 2px; font: normal 10px/14px 'Arial'; letter-spacing: 0px; background: url(images/mail-input.png) no-repeat; border: none; padding: 5px 3px 5px 35px; width: 231px; color:#8c8c8c;}
.SR .emailabo button { float: left; background: url(images/search-button.png) no-repeat; width: 26px; height: 26px; border: none; cursor: pointer; text-indent: -1000em; }
.SR .emailabo p { padding: 0px 0px 0px 5px; margin: 0px; font-size: 10px; font-family:arial; color: #445151; line-height: 14px } 


/* calage 
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .calage { background: #FFF; right: 0px; padding: 15px 0px 15px 0px; overflow: hidden; border-bottom: 1px dotted #000;}


/* About Blog 
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .about { background: #FFF /* url(images/about-bkg.png) no-repeat left top */; padding: 0px 0px 0px 0px; color:#FFF; margin-bottom: 10px;}
.SR .about h3 { background: #000; font: normal; font-size:10px; font-family:Helvetica, "Helvetica Neue", Arial, serif; letter-spacing: 0px; color:#FFF; padding-top: 5px; padding-bottom: 2px; padding-left: 5px; margin-bottom: 4px; text-transform: uppercase}
.SR .about p { margin-bottom: 10px; font-size: 11px; font-family:arial; color: #445151; line-height: 14px } 

/* Twitter zone
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .twitter { background: #FFF; padding: 0px 0px 0px 0px; color:#FFF; margin-bottom: 0px; }
.SR .twitter h3 { background: #000; font: normal; font-size:10px; font-family:Helvetica, "Helvetica Neue", Arial, serif; letter-spacing: 0px; color:#FFF; padding-top: 5px; padding-bottom: 2px; padding-left: 5px; margin-bottom: 10px; margin-top: 10px; text-transform: uppercase}
.SR .twitter p { background: url(images/twitter-imazine.png) no-repeat left top; padding: 0px 0px 0px 45px; margin-top: 4px; margin-bottom: 0px; font-size: 11px;  font-family:arial; color: #445151; line-height: 14px; } 

/* Banniere zone
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .banniere { background: #FFF; padding: 0px 0px 0px 0px; color:#FFF; margin-top: 10px; margin-bottom: 8px; }
.SR .banniere p { background: url(images/twitter-imazine.png) no-repeat left top; padding: 5px 0px 10px 45px; margin-top: 6px; margin-bottom: 8px; font-size: 10px;  font-family:arial; color: #35383d; line-height: 14px; height: 30px } 

/* Adsense zone
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .adsense { background: #FFF; padding: 0px 0px 0px 0px; color:#FFF; margin-bottom: 0px; }
.SR .adsense h3 { background: #000; font: normal; font-size:10px; font-family:Helvetica, "Helvetica Neue", Arial, serif; letter-spacing: 0px; color:#FFF; padding-top: 5px; padding-bottom: 2px; padding-left: 5px; margin-bottom: 0px; margin-top: 10px; text-transform: uppercase}
.SR .adsense p { background: url(images/twitter-imazine.png) no-repeat left top; padding: 0px 0px 0px 45px; margin-top: 4px; margin-bottom: 0px; font-size: 11px;  font-family:arial; color: #445151; line-height: 14px; } 

/* minimazine zone
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .minimazine { background: #FFF; padding: 0px 0px 0px 0px; color:#FFF; margin-bottom: 0px; }
.SR .minimazine h3 { background: #000; font: normal; font-size:10px; font-family:Helvetica, "Helvetica Neue", Arial, serif; letter-spacing: 0px; color:#FFF; padding-top: 5px; padding-bottom: 2px; padding-left: 5px; margin-bottom: 0px; margin-top: 10px; text-transform: uppercase}
.SR .minimazine p { background: url(images/twitter-imazine.png) no-repeat left top; padding: 0px 0px 0px 45px; margin-top: 4px; margin-bottom: 0px; font-size: 11px;  font-family:arial; color: #445151; line-height: 14px; } 

/* Photostream 
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .photostream { overflow: hidden; background: #FFF /* url(images/photostream-bkg.png) no-repeat bottom left */; padding: 15px 0px 25px 15px;border-left: solid 1px #dbdbdb;}
/**/ *html .SR .photostream { height: 1%;} /**/ 
.SR .photostream h3 { background: #000; font: normal; font-size:10px; font-family:Helvetica, "Helvetica Neue", Arial, serif; letter-spacing: 0px; color:#FFF; padding-top: 5px; padding-bottom: 2px; padding-left: 5px; margin-bottom: 10px; text-transform: uppercase}
.SR .photostream ul { float: left; margin-top: 10px;}
.SR .photostream li { background: url(images/photostream-li-bkg.png) no-repeat left top; list-style-type: none; display: inline; padding: 5px; float: left; margin: 0px 3px 5px 0px;}
.SR .photostream li a img, .SR .photostream li a:visited img { border: solid 1px #fff; width: 54px; height: 54px;}
.SR .photostream li a:hover img { border: solid 1px #000;}

/* Categories + Archives 
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .categs { background: #FFF; overflow: hidden;  padding: 0px 0px 15px 0px; margin-bottom: 2px; /* border-bottom: 1px dotted #000; */}
/**/ *html .SR .categs { height: 1%;} /**/ 
.SR .categs div { float: left; width: 145px; margin-bottom: 10px; }
.SR .categs div h3 { background: #000; font: normal; font-size:10px; font-family:Helvetica, "Helvetica Neue", Arial, serif; letter-spacing: 0px; color:#FFF; padding-top: 5px; padding-bottom: 2px; padding-left: 5px; margin-bottom: 10px; text-transform: uppercase;}
.SR .categs div li { background:url(images/icon_bullet.gif) left center no-repeat; padding-top : 2px; padding-bottom : 2px; padding-left : 14px; list-style-type: none; font-size: 11px; color: #35383d; font-family:arial; border-bottom: 1px dotted #a2a5a9; }
.SR .categs div a, .SR .categs div a:visited { color:#000; text-decoration: none; font-weight: bold;}
.SR .categs div a:hover { color:#FFF; text-decoration: none; font-family:arial; font-weight: bold;}

/* Recent
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .recent { background: #FFF; padding: 0px 0px 5px 0px; margin-bottom: 3px; }	
.SR .recent div h3 { background: #000; font: normal; font-size:10px; font-family:Helvetica, "Helvetica Neue", Arial, serif; letter-spacing: 0px; color:#FFF; padding-top: 5px; padding-bottom: 4px; padding-left: 5px; margin-bottom: 10px; text-transform: uppercase;}
.SR .recent .tabs { overflow: hidden; }
.SR .recent .tabs { height: 1%; }
.SR .recent .tabs li { float: left; background: none; }
.SR .recent .tabs li a { float: left; font: normal; font-size:10px; font-family:Helvetica, "Helvetica Neue", Arial, serif; letter-spacing: 0px; color:#FFF; text-transform: uppercase ; padding: 5px 10px 7px 10px; background: #141414 url(images/tabs-inactive.png) no-repeat bottom center; margin-right: 10px; letter-spacing: 0px; text-decoration: none;}
.SR .recent .tabs li a.active, .SR .recent .tabs li a:hover { background: #000 url(images/tabs-active.png) no-repeat bottom center; color: #fff; text-decoration: none; }
.SR .recent a, .SR .recent a:visited { color:#000; text-decoration: none;}
.SR .recent a:hover { color:#FFF; text-decoration: none;}

#tab-comments { display: none; margin-bottom: 0px; }
#tab-comments li { Background:url(images/icon_bullet.gif) left center no-repeat; padding-top : 2px; padding-bottom : 2px; padding-left : 14px; list-style-type: none; font-size: 10px; color: #35383d; font-family:arial; border-bottom: 1px dotted #a2a5a9;}
#tab-comments li a { display: block;}
#tab-posts { margin-bottom: 0px; font-size: 10px; font-weight: bold ; font: "arial";  }
#tab-posts li{ background: url(images/icon_bullet.gif) no-repeat left 10px; padding: 4px 0px 2px 14px; border-bottom: dotted 1px #A2A5A9; font-size: 10px; color:#000; font: normal 10px "arial";  font-weight: bold ; }
#tab-tags { display: none; margin-bottom: 0px; margin-top: 5px; margin-left : 0px; margin-right : 0px; font-family: "arial"; font-weight: bold ; line-height: 20px;}



/* widget
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .widget { background: #FFF; padding: 5px 0px 20px 0px; margin-bottom: 3px; color:#5e8a89;}
.SR .widget h3 { background: #000; font: normal; font-size:10px; font-family:Helvetica, "Helvetica Neue", Arial, serif; letter-spacing: 0px; color:#FFF; padding-top: 5px; padding-bottom: 2px; padding-left: 5px; margin-bottom: 10px; text-transform: uppercase}
.SR .widget li { background: url(images/icon_bullet.gif) no-repeat left 10px; padding: 4px 0px 2px 14px; border-bottom: dotted 1px #A2A5A9; font-size: 10px; color:#000; font: normal 11px "arial";  font-weight: bold ;}
.SR .widget a, .SR .widget a:visited { color:#000; text-decoration: none;}
.SR .widget a:hover { color:#fff; text-decoration: underline;}

.SR .widget_tag_cloud { line-height: 22px;}

.SR .widget_calendar table { width: 100%;}
.SR .widget_calendar table td { text-align: center; padding: 3px; }
.SR .widget_calendar caption { background: #FFF; padding: 5px 0px; margin-bottom: 10px;}
.SR .widget_calendar #today { background: #d2e9e3;}

.SR .widget_search #s { width: 160px; border: solid 1px #b5d6cd; padding: 3px; margin-bottom: 5px;}

.SR .widget_flickrRSS { overflow: hidden; padding: 15px 0px 15px 15px;}
/**/ *html .SR .widget_flickrRSS { height: 1%;} /**/ 
.SR .widget_flickrRSS h3 { width: 270px; margin-bottom: 10px;}
.SR .widget_flickrRSS ul { float: left;}
.SR .widget_flickrRSS li { background: none; list-style-type: none; display: inline; padding: 0px; float: left; margin: 0px 7px 7px 0px;}
.SR .widget_flickrRSS li a img, .SR .widget_flickrRSS li a:visited img { border: solid 1px #fff; width: 60px; height: 60px;}
.SR .widget_flickrRSS li a:hover img { border: solid 1px #000;}

/* twitter for wordpress
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

ul.twitter  { padding: 0px 0px 0px 0px; margin-bottom: 8px; font-size: 10px; font-family:arial; color: #35383d; line-height: 14px; }


/* yahoo pipes
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .pipesDescription { left center no-repeat; padding-top : 3px; padding-bottom : 3px; padding-left : 0px; list-style-type: none; font-size: 10px; color: #35383d; font-family:arial; border-bottom: 1px dotted #a2a5a9;}
.SR .pipesdescription h3 {background: #000; font: normal 14px/16px 'arial'; letter-spacing: -1px; color:#FFF; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; margin-bottom : 6px}


/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer { width: 870px; margin: 0 auto; padding: 60px 0px 5px 40px;}
.footer p { padding: 0px; margin: 0px; font-family: 'arial'; font-size: 10px;  }
.footer p.copy { color:#949494; }
.footer p.copy a, .footer p.copy a:visited, .footer p.copy a:hover { color:#949494; text-decoration: none;}
.footer p.theme { padding-top: 2px; color:#949494; }
.footer p.theme a, .footer p.theme a:visited, .footer p.theme a:hover { color:#949494; text-decoration: none;}


/* Produit li� sur prestashop */
.link_product_top {
	margin-top:10px;
	padding: 12px 0px 0px 12px;
	background-image:url(images/bg_link_product_top.gif);
	background-repeat:no-repeat;
	width:563px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
}

.link_product_middle {
	/*margin:0;
	background-image:url(images/bg_link_product_middle.gif);
	background-repeat:repeat-y;
	width:569px;
	padding:0px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	line-height:20px;*/
}

.link_product_middle a.product_name:active, .link_product_middle a.product_name:visited, .link_product_middle a.product_name:link {
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#000000;*/
	text-decoration:none;
}

.link_product_middle a.product_name:hover {
	text-decoration:none;
}

.link_product_middle .product_price {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#222222;
	font-weight:bold;
}

.link_product_middle a:active, .link_product_middle a:visited, .link_product_middle a:link {
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	text-transform:none*/
	text-decoration:underline;
	
} 

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

.link_product_middle .link_product_separator {
	height:1px;
	background-image:url(../../../../../../themes/timefy/img/interfaces/fr/main/split-search.gif);
	background-repeat:repeat-x;
}

.link_product_bottom {
	margin:0px 0px 10px 0px;
	background-image:url(images/bg_link_product_bottom.gif);
	background-repeat:no-repeat;
	width:575px;
	height:6px;
}

