/* 
Theme Name: Zlio-frV2
Theme URI: http://www.dailywp.com/brightness-wordpress-theme/
Description: Free Wordpress Theme released at <a href="http://www.dailywp.com/" title="DailyWP.com">DailyWP.com</a>.
Version: 1.1
Author: Sorel Mihai (sorel.mihai at gmail.com), customize by Guillaume Perrault
*/

body { margin: 0px; padding: 0px; background: url(images/bg_header.jpg) repeat-x center top; font-size: 12px; font-family: 'Verdana', 'Arial', 'Trebuchet MS', sans-serif; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }
a, a:link, a:active { color: #2568CC; }
a:hover { color: #000000; }

/** SPECIAL CSS **/
/*
#announcement{ background: white url(http://blog-fr.zlio.com/images/contest_music.png) no-repeat; padding:0px 0 20px 70px; margin: 0 0 10px 0; }
#announcement h3{	margin:0;	padding:0;	font-size:14px;	line-height:21px; }
#announcement a {	text-decoration:underline; }
*/
.blog_small{ display:none; }
.blog_big{ display:block; }

/** GENERAL TAGS **/
.smalltitle { color: #A49A8C; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; font-size: 12px; text-transform: uppercase; }
.wrap { width: 950px; margin: 0px auto 0px auto; }
/*.leftalign { width: 570px; float: left; }
.rightalign { width: 310px; float: right; }*/
a.more-link { width: 161px; height: 27px;padding:0 0 0 30px; display: block;line-height:24px;color:white;text-decoration:none;font-weight:bold;text-align:center; background: #000000 url(images/btn_morelink.gif) left top no-repeat; }
.clear { clear: both; }
.heading { border-top: solid 5px #E2EAF5; border-bottom: solid 1px #D8CFC1; margin-bottom: 10px; padding: 5px 0 5px 0; }
h3 { font-size: 16px; font-weight: bold; font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif;}
h3 a { text-decoration: none; }
.heading h3 { float: left; } 
.heading .rss { width: 20px; height: 20px; display: block; text-indent: -9999px; background: url(images/rss.gif) no-repeat center top; float: right; }
.navigation a { text-decoration: none; background: #F5EBDD; font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; font-size: 14px; font-weight: bold; width: 160px; display: block; text-align: center; padding: 4px; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }
table.thumb{ height:100px; width:96px; border: solid 3px #E7D9C6; cursor:pointer; }
table.thumb tr td{ vertical-align:middle; text-align:center; }
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;	}
.alignleft { float: left; }
/* End Images */


/** HEADER **/
.header{position:relative;height:104px;}
#headlogo{display:block; width: 288px; height:93px; background: url(images/logo_zlio.png) no-repeat top left; text-indent: -9999px; margin:0; padding:0}
ul.zlio_menu{position:absolute; right:0; top:64px;}
*:first-child+html ul.zlio_menu{top:76px;} /*IE7*/
* html ul.zlio_menu{top:76px;} /*IE6*/
ul.zlio_menu li{display:inline;}
ul.zlio_menu li a{display:block; float:left; padding:5px 7px; margin:0 5px 0 0; color:white; font-size:14px; text-decoration:none; font-family: 'Arial'; font-weight:bold; border-right:1px solid #818181; border-left:1px solid #818181; background:url(images/bg_tabs.gif) top left repeat-x;}
ul.zlio_menu li a:hover{color:white;text-decoration:none;}
ul.zlio_menu li.current_page_item a{padding:5px 20px 7px 20px; color:black; border:0; background:#9AADBE;}
ul.zlio_menu li.current_page_item a:hover{color:black;}
#search_item{position:absolute;top:20px;right:10px;}
input#s{width:250px; padding:5px; margin:0; overflow:hidden;}
.btn_search{width:34px; height:31px; cursor:pointer; border:0; background:url(images/btn_search.gif) top left no-repeat; }

/** FEATURED SECTION **/
.featured { background: #DCE1E5 url(images/bg_featured.jpg) repeat-x center top; padding: 20px 0 20px 0;}
.featured h2 { font-family: 'Trebuchet Ms', 'Arial', 'Verdana', sans-serif; font-size: 32px; font-weight: bold; line-height: 42px; margin: 5px 0 15px 0; }
.featured h2 a { color: #b00501; background: #DCE3E9; text-decoration: none; }
.featured .leftalign img { border: solid 3px #ffffff; padding: 2px;  float: left; margin-right: 15px; }
.featured .postcontent {margin-left:280px;font-weight:bold; font-size:13px;}
.featured .postcontent p{font-size:14px;line-height:27px;}
.featured .postcontent a.more-link{float:right;}
.featured .postcontent a.comment_link{ float:right;display:block; height:13px; line-height:11px; font-weight: normal; background:transparent url(images/icon_right_blue2.png) top left no-repeat; padding:0 0 0 18px; margin: 7px 20px 0 0;}
/*.featured .postcontent br{display:none}*/
.featured p, .postcontent { margin: 0px 0px 15px 0px; font-size: 13px; font-family: 'Trebuchet MS', 'Verdana', 'Arial', sans-serif; color: #000000; line-height: 20px; }
.featured_single{ height:20px; background:url(images/bg_featured_single.gif) top left repeat-x }
.advertisment { width: 300px; border: solid 3px #E7D9C6; padding: 2px; margin-top: 5px; }


/** ARTICLE COLUMNS **/
.maincontent { width: 750px; float: left; }
.articlecolumn { width: 340px; } 
#featured-posts { float: right; }
#latest-posts { float: left; }
#featured-posts .article h2 a { color: #EE4705; }
.articlecolumn { margin-bottom: 10px; }
.newssection .article, .articlecolumn .article { border-bottom: solid 1px #D8CFC1; margin-bottom: 10px; padding-bottom: 10px; }
.newssection .article h2, .articlecolumn .article h2 { font-size: 17px; font-weight: bold; border-bottom: dashed 1px #D8CFC1; padding-bottom: 5px; line-height: 21px; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; }
.newssection .article h2 a, .articlecolumn .article h2 a { color: #000000; text-decoration: none; }
.newssection .article p, .articlecolumn .article p { color: #6A5E4C; font-size: 11px; line-height: 14px; font-family: 'Verdana', 'Arial', sans-serif;  }
.newssection .article p a, .articlecolumn .article p a { font-weight: bold; }
.newssection .article .left, .articlecolumn .article .left, .archivess .left { width: 95px; float: left; text-align: right; font-size: 11px; color: #B4AB9D; text-transform: uppercase; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; line-height: 14px; }
.newssection .article .left img, .articlecolumn .article .left img, .archivess .left img { border:none; padding: 2px; }
.newssection .article .right, .articlecolumn .article .right { width: 250px; float: right; }
.archivess .right { width: 500px; float: right; }
.article p.comment_link a, .archivess .comment_link { display:block; height:13px; line-height:11px; background:transparent url(images/icon_right_blue.png) top left no-repeat; padding:0 0 0 18px; font-weight: normal;}
.archivess .comment_link { float:left;margin:0 20px 0 0 }

/** SIDEBAR **/
.homesidebar { width: 180px; border-top: solid 5px #E2EAF5; float: right; padding-top: 5px; }
.homesidebar h3 { border-bottom: solid 1px #D8CFC1; line-height: 17px; padding-bottom: 7px; margin-bottom: 10px; }
/*1st lvl*/
.homesidebar ul { list-style: none; padding: 0px; margin: 0px; color: #C3B39D; font-size: 11px; }
.homesidebar ul li { border-bottom: dashed 1px #D8CFC1; padding-bottom: 6px; margin-bottom: 5px; }
.homesidebar ul li a { font-size: 12px; margin-right: 4px; }
/*2nd lvl*/
.homesidebar ul li ul { margin:8px 0 0 0; }
.homesidebar ul li ul li {border:none;list-style-type:square;margin:0 0 0 15px;padding:0 0 6px 0;}
.homesidebar ul li ul li a { font-size: 12px; margin-right: 4px; }
cat-item
.homesidebar .item { margin-bottom: 20px; }
.homesidebar a.rss_big, .homesidebar a:hover.rss_big{ display:block; width:110px; height:73px; font-size:20px; color:white; font-family:'Trebuchet MS'; text-decoration:none; text-transform:uppercase; text-align:center; padding:15px 10px 0 60px; background: url(images/btn_rss.gif) no-repeat top left; }
.homesidebar a.twitter_big, .homesidebar a:hover.twitter_big{ display:block; width:130px; height:41px; font-size:18px; color:#4D4D4D; font-family:'Trebuchet MS'; text-decoration:none; text-transform:uppercase; text-align:center; padding:15px 20px 0 30px; background: url(images/btn_twitter.gif) no-repeat top left; }
.homesidebar a.promo_big, .homesidebar a:hover.promo_big{ display:block; width:180px; height:257px; border:none; background: url(images/bg_promo.gif) no-repeat top left; }
.homesidebar #newtagcloud{ margin:5px 0; text-align:center;	line-height:22px; }
.homesidebar #newtagcloud a, .homesidebar #newtagcloud a:hover{ text-decoration:none; }

.singlesidebar { width: 310px; float: right; margin: 10px 0 20px 0; }
.singlesidebar .item { margin: 10px 0 30px 0; }
.singlesidebar a.rss_big, .singlesidebar a:hover.rss_big{ display:block; width:310px; height:83px; border:none; background: url(images/btn_rss_big.gif) no-repeat top left; }
.singlesidebar a.twitter_big, .singlesidebar a:hover.twitter_big{ display:block; width:310px; height:68px; border:none; background: url(images/btn_twitter_big.gif) no-repeat top left; }
.singlesidebar a.promo_big, .singlesidebar a:hover.promo_big{ display:block; width:310px; height:226px; border:none; background: url(images/bg_promo_big.gif) no-repeat top left; }

/** SINGLE POST **/
.singlepost { width: 620px; float: left; margin: 20px 0; }
.singlepost .postcontent { color: #333; line-height: 18px; border-top:dashed 1px #B1A289; padding-top: 10px;}
.singlepost .postcontent img{ border:0; }
.singlepost .posthead h2 { font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; font-size: 30px; line-height: 38px; margin: 0px 0px 4px 0px;  }
.singlepost .posthead span { font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 13px; color: #b1a289; }
.singlepost .posthead p { font-size: 15px; line-height: 18px; font-style: italic; color: #e35b25; }
.singlepost .archivess .posthead p { font-size: 13px; line-height: 18px; font-style: normal; color: #6a5e4c;}
.singlepost .postcontent blockquote { margin: 0px; padding: 0px 0px 0px 65px; background: url(images/quote.jpg) no-repeat top left; color: #917A69;  font-size: 13px; font-style: italic; }
.singlepost .post .posthead h2 { font-size: 30px; line-height: 30px;  }
.singlepost .post { margin-bottom: 40px; }
.singlepost .posthead h2 a { text-decoration: none; }

/** HOMEPAGE NEWS SECTIONS **/
.newssection { margin: 0px 0px 30px 0px; }
.newssection .article { width: 360px; float: left; height: 190px;  }
.newssection .even { float: right; }
.newssection ul { width: 360px; float: right; margin: 0px; padding: 0px; list-style: none; color: #B4AB9D; text-transform: uppercase; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif;}
.newssection ul li h2 { font-size: 18px; font-size: 18px; font-weight: normal; line-height: 21px; text-transform: none; }
.newssection ul li h2 a { text-decoration: none; }
.newssection ul li { border-bottom: dashed 1px #D8CFC1; padding-bottom: 5px; margin-bottom: 5px; }

.singlesidebar .newssection .article { width: 310px; }
.singlesidebar .newssection .article .right { width: 200px; }
.singlesidebar .newssection  ul { width: 310px; }
.singlesidebar .newssection ul li h2  { font-size: 15px; font-weight: bold; }

/** SUBCATEGORY **/
.subcategory{}
.subcategory .heading{border-bottom:none;}
.subcategory .extract{min-height:200px;height:auto !important;height:200px;border-bottom:1px solid #CCCCCC;margin:0 0 10px 0;padding:0 0 10px 0;}
.subcategory .title{border-bottom:1px solid #CCCCCC;margin:0 0 10px 0;padding:0 0 1px 0}
.subcategory .title a{color:black;text-decoration:none;font-size:16px;font-family:Trebuchet MS;font-weight:bold;}
.subcategory .title a:hover{color:black;text-decoration:none;}
.subcategory .title .rss { width: 20px; height: 20px; display: block; text-indent: -9999px; background: url(images/rss.gif) no-repeat center top; float: right; }
.subcategory .article{float:left;width:300px;min-height:250px;height:auto !important;height:250px;margin:0 15px 20px 0;}
.subcategory .article img{border:none;}
.subcategory .article.r_side{float:right;margin-right:0;}
.subcategory .article .left{ width: 95px; float: left; text-align: right; font-size: 11px; color: #B4AB9D; text-transform: uppercase; font-family: 'Arial', 'Verdana', sans-serif; line-height: 14px;letter-spacing:-0.02em; }
.subcategory .article .right { float: right;width: 195px; }
.subcategory .article .right h2 a, .subcategory .article .right h2 a:hover{font-size:16px;color:black;font-family: 'Trebuchet MS', 'Arial';text-decoration:none;}
.subcategory .article .title_out{background:transparent url(images/icon_right_red.gif) left 5px no-repeat;font-weight:bold;padding:0 0 0 12px;}
.subcategory .article .title_out a, .subcategory .article .title_out a:hover{font-size:11px;font-weight:bold;letter-spacing:-0.08em;text-decoration:none;}

/** FOOTER **/
.footer { height:231px; padding-top:50px; text-align:center; color:white; background:url(images/bg_footer.gif) top left repeat-x; }
.footer a{ padding:2px 3px; text-decoration:none; font-size:12px; color:white; border:none; }
.footer a:hover{ color:#333; background:white; text-decoration:none; }
/*
.footer { margin-top: 40px; background: #2B1C17 url(images/footerbg.jpg) repeat-x center top; border-top: solid 6px #E0D6CC; padding: 40px 0 70px 0; }
.footer h1 { display: block; float: right; width: 260px; background: url(images/footerlogo.png) no-repeat top left; text-align: center; padding: 20px 0 20px 0; font-size: 28px; font-weight: bold; font-family: 'Trebuchet MS', 'Arial', 'Verdana', sans-serif; letter-spacing: -1px;  }
.footer h1 a { text-decoration: none; color: #ffffff;}
.footer h1 a span { font-weight: normal; color: #EF4723; }
.footer .left { width: 500px; float: left; margin-top: 20px; color: #CAB4AA;}
.footer .left a { color: #CAB4AA; }
.footer .left h2 { font-family: 'Arial', 'Trebuchet MS', 'Verdana', sans-serif; font-size: 20px; color: #ffffff; letter-spacing: -1px; text-transform: uppercase; font-weight: bold; }
*/

/** COMMENTS **/
.comments { padding: 0px; border-top: dotted 4px #F6F4F4; margin-top: 20px; }
.comment.postadmin{ background:#FADBDA; }
.comment-meta { width: 130px; float: left; padding: 0px 0 10px 0; text-align: right;}
.commenttext { float: right; width: 400px; padding-left: 20px; border-left: dashed 1px #aaaaaa; margin-top: -5px; margin-bottom: -5px;}
.comment.postadmin .comment-author, .comment.postadmin .comment-author a, .comment.postadmin .comment-author a:hover { color:#b00501; }
.comment-author { display: block; font-weight: bold; margin-top:5px; }
.comment-date { font-size: 12px; color: #B4AB9D; }
.comment-meta a { color: #000000; text-decoration: underline; }
.comment { margin-bottom: 15px; }
h2#comments, .related h3 { display: block; padding-bottom: 10px; margin: 40px 0 20px 0; border-bottom: solid 3px #dddddd; font-size: 18px; font-weight: bold; font-family: 'Verdana', sans-serif; text-transform: none;}
#commentform { margin-bottom:30px; }
#commentform span { display: block; font-size: 14px;  margin-bottom: 10px;}
#commentform input { border: solid 2px #dddddd; background-color: #ffffff; padding: 3px; width: 300px; margin-right: 10px; }
#commentform textarea { width: 560px; border: solid 2px #dddddd; padding: 3px;  margin-bottom: 10px;}
.related ul.related_post li{margin:10px 0;}
.related ul.related_post li a{text-decoration:none;}

/** WIKI PROMOTION **/
.wiki_start_small{ display:block; float:left; width:150px; height:53px; margin:0 10px 10px 0; background:url(images/wiki_start_small.jpg) top left no-repeat; }
.wiki_manage_small{ display:block; float:left; width:150px; height:53px; margin:0 0 10px 0; background:url(images/wiki_manage_small.jpg) top left no-repeat; }
.wiki_customize_small{ display:block; float:left; width:150px; height:53px; margin:0 10px 10px 0; background:url(images/wiki_custom_small.jpg) top left no-repeat; }
.wiki_promote_small{ display:block; float:left; width:150px; height:53px; margin:0 0 10px 0; background:url(images/wiki_promote_small.jpg) top left no-repeat; }
.wiki_money_small{ display:block; float:left; width:150px; height:51px; margin:0 10px 10px 0; background:url(images/wiki_money_small.jpg) top left no-repeat; }
.wiki_glossary_small{ display:block; float:left; width:150px; height:51px; margin:0 0 10px 0; background:url(images/wiki_glossary_small.jpg) top left no-repeat; }
.wiki_start{ display:block; width:180px; height:112px; background:url(images/wiki_start.jpg) top left no-repeat; }
.wiki_manage{ display:block; width:180px; height:112px; background:url(images/wiki_manage.jpg) top left no-repeat; }
.wiki_customize{ display:block; width:180px; height:112px; background:url(images/wiki_custom.jpg) top left no-repeat; }
.wiki_promote{ display:block; width:180px; height:112px; background:url(images/wiki_promote.jpg) top left no-repeat; }
