/*
Theme Name: Net Perles
Theme Date: 17012010
Theme URI: http://www.netperles.fr/
Description: Custom made WP theme for Net Perles
Author: Agence Ellipsium
Author URI: http://www.agence-ellipsium.fr/
*/

body{margin:0; padding:0; background:#b8b8b8; font-family:Arial, Helvetica, sans-serif; font-size:12px}

img{border:none}

h1,h2,h3,h4,h5{margin:0; padding:0}

.hr{background:url(images/hr.jpg); height:4px}

#wrapper{width:999px; margin:0 auto; background:url(images/bg.jpg) repeat-y center center; padding:0 20px}

#header{width:999px; height:242px; background:url(images/banner.jpg) no-repeat center center}

#logo{float:left; width:auto; margin-left:23px; margin-top:24px}

#search{float:right; margin-top:24px; margin-right:12px}
#search input[type=text]{background:#fff url(images/searchico.jpg) left center no-repeat; height:18px; width:136px; padding:0 0 0 20px;}
#search input[type=submit]{background:url(images/gobtn.jpg) center center no-repeat; width:42px; height:20px; border:none}

#topnav{float:left; background:url(images/navbg.jpg) left center repeat-x; height:40px; width:998px; position:relative}
#topnav ul{margin:10px 0 0 40px; padding:0}
#topnav li{list-style:none; display:inline}
#topnav li a{padding:10px 40px; color:#fff; font-size:16px; text-decoration:none}	
#topnav li a:hover{background:url(images/topnav_hover.jpg) center top repeat-x;}

#rss{position:absolute; right:0; top:0}

#content{padding:8px 15px; width:969px}

#left{float:left; width:654px}
#right{float:right; width:302px}

#left .blog{background:url(images/blog_bg.png) repeat-y; width:653px; margin-bottom:15px}
#left .blog-top{background:url(images/blog_top.png) left top no-repeat}
#left .blog-bottom{background:url(images/blog_bottom.png) left bottom no-repeat; padding:8px 22px 16px 8px}
#left .blog h1, #left .blog h3{font-size:18px; width:90%; font-weight:normal}
#left .blog h1 a, #left .blog h3 a{color:#219dd7; text-decoration:none}

.blog .tweet{float:left; width:auto; margin-right:10px}
.blog .tag{background:url(images/tag_bg.png) left center no-repeat; padding-left:20px; margin-top:4px; font-size:12px; color:#565656; line-height:16px}
.blog .tag a{color:#565656; text-decoration:none}

.blog .comment{float:right; width:41px; height:25px; padding-top:5px; margin-top:8px; background:url(images/comment_bg.png) no-repeat; text-align:center}
.blog .comment a{color:#fff; text-decoration:none}

.blog .article_image{float:left; width:127px; border:7px solid #ddd; display:none}
.blog .blog_text{float:right; width:622px}
.blog .extra{padding:6px 5px; margin-bottom:12px; background:#ddd; color:#343434; font-size:11px;}
.blog .blog_text .extra a{color:#343434; text-decoration:none}
.blog .extra .date{float:left; width:auto}
.blog .extra .category{float:right; width:auto}
.blog .text{color:#757575; line-height:19px}
.blog .blog_text a{color:#757575;}

#mytabs{text-transform:capitalize}
.sidebarTabs_divs ul, #right-page ul{margin:0 0 0 5px; padding:0}
.sidebarTabs_divs li, #right-page li{list-style:none; line-height:26px; background:url(images/bullet.jpg) left top no-repeat}
.sidebarTabs_divs a, #right-page a{margin-left:15px; padding-left:2px; text-decoration:none; display:block; border-bottom:1px solid #dbdbdb; color:#444444}
#right-page{background:#e9e9e9}

.alignleft{float:left;text-align:left;}
.alignright{float:right;text-align:right;}
.center{clear:both;margin:0 auto;text-align:center;}
img{border:none}
img.alignleft{float:left;margin-bottom:15px;margin-right:5px;margin-top:2px;padding:0;border:7px solid #ddd}
img.alignright{float:right;margin-left:10px;margin-top:10px;padding:4px;border:7px solid #ddd}
img.center{clear:both;display:block;margin:5px auto;padding:4px;border:7px solid #ddd}

#about_box{background:url(images/about_box.jpg) no-repeat center center; width:282px; height:136px; color:#666; font-size:11px; line-height:17px; padding:50px 10px 0 10px}

#social{margin-top:10px; margin-left:4px; background:url(images/social_bottom.jpg) center bottom no-repeat; padding-bottom:20px;}
#social a{margin:10px;}

#ad{margin-top:10px}
.ad{width:136px; float:left; text-align:center; margin:0 4px 7px 4px}
.ad a{color:#4f4f4f}

.pearl_hr{background:url(images/pearl_hr.jpg) repeat-x left center; height:8px; clear:both; margin:12px 0}

#footer{height:50px; background:#d0d0d0; margin-top:5px}

#footer-links{color:#FFFFFF; margin-top:5px;}
#footer-links a{color:#FFFFFF;}
#footer-links a:hover{text-decoration:underline;}

#comments{clear:both;color:#3c3c3c;font-size:13px;line-height:18px; margin:30px auto}

#comments a{color:#0168b7;}

#comments a:hover{color:#000;text-decoration:underline;}

#comments h4{font-size:16px; color:#0c3c8b; margin-bottom:10px}

#leave{font-size:14px;font-weight:700;margin:0;padding:0;}

.comauthor{border-bottom:2px solid #fff; background:#abcfe9; margin:0;padding:15px 5px; display:block; clear:both; width:582px;}

.comdate{font-size:11px;}

.comtext{width:582px;background:#e6f3fd;color:#000;float:left;font-size:11px;line-eight:18px;margin:0;overflow:hidden;padding:5px}

.combox-alt{}

.combox-author{}

#pingback{margin-top:25px!important;}

#ping{float:left;list-style-type:none;margin:0;padding:5px 0; width:572px;}

#ping li{color:#000;float:left;font-size:11px;line-height:16px;margin:0;padding:10px; width:572px;}

#commentform{background:#abcfe9; padding:10px; display:block; clear:both; width:572px;}

#commentform label{color:#0168b7;float:left;font-size:12px;margin:0;padding:0 2px;}

#commentform p{float:left;margin:0;padding:0;}

#commentform .text{width:185px; background:#FFF; border:1px solid #CCC; padding:4px 0px;}

#commentform #email{margin-left:2px;}

#commentform #url{margin-left:4px;}

#commentform .comarea{width:566px; background:#FFF;border:1px solid #CCC; padding:4px 0px;}