/*
Theme Name: WWA WP Design Theme
Theme URI: http://www.turbulent.ca
Description: Theme WP pour le blog du site WWA.
Version: 0.1
Author: Turbulent Media Inc.
 
Creation Theme by Turbulent Media Inc. || http://www.turbulent.ca

*/

/* Avatar */
.author_snail {}
.author_snail .avatar {}
.author_snail .avatar a, .author_snail .avatar img { display: block; width: 45px !important; margin: 0; }

/* Sidebar */

/* Search */
#searchform fieldset { padding: 0; position: relative; }
#searchform fieldset p { padding: 0.2em 0 0.5em 0; margin: 0 0 0 0.5em; width: 16em; }
#searchform fieldset input.text { background: #fff url('/static/images/sprite.png') -320px -118px no-repeat; width: 16em; padding-left: 1.5em; text-transform: uppercase; }
#searchform fieldset .submit { width: 100px; position: absolute; top: 0; right: 1.5em;  }

/* Tags */
#tags_listing ul { padding: 0 1em 1em 0; text-align: center; }
#tags_listing ul li { display: inline; padding: 0 0.2em; line-height: 1.3em;  }
#tags_listing ul li a { line-height: 1.3em; } /* Correctif */
#tags_listing ul li span { font-size: 10px; line-height: 1em; position: relative; bottom: 0.2em; }

/* Comments */
dl.comment { background: #fff url('/static/images/block_bckg.gif') left top repeat-x; padding-top: 0.3em;  }
dl.comment dt { margin: 0 10px 0 65px; position: relative; padding-top: 0.2em; min-height: 1.8em; height: auto !important; height: 1.8em; line-height: 1.8em; border-bottom: 1px solid #ccc; }
dl.comment dd { clear: both; padding: 0.5em 0 2em 65px; border-bottom: 1px solid #ccc; } 
dl.comment dd p { padding-right: 2em; }
dl.comment dt .avatar { position: absolute; left: -55px; top: 7px; width: 45px; height: 45px; }
dl.comment dt .avatar a { display: block; height: 100%; }
dl.comment dt .avatar a:hover, dl.comment dt .title a:hover { text-decoration: none; }
dl.comment dt .avatar img { display: block; height: 100%; width: 100%; background: #ccc; }
dl.comment dt .title { line-height: 1.8em; font-size: 1em; font-weight: bold; }
dl.comment dt .title span { color: #808080; font-weight: normal; font-size: 0.9em;}
dl.comment dt .title a { color: #000; }
dl.comment dd .thumbnail { display: block; width: 102px; height: 67px; margin: 0.3em 0.7em 0.3em 0; }

p.nocomments { padding: 0.5em 0 0 0; }

/* Styles Post */
.blog_entry .title h2 { line-height: 1.4em; padding-bottom: 0.3em; }
#blog_listing_posts { }
#blog_listing_posts .post_informations { clear: both; }
.entry a { text-decoration: underline; font-weight: bold; }
.entry a:hover { text-decoration: none; }
.entry a.more-link { color: #d92c33; text-decoration: underline; }
.entry a.more-link:hover { text-decoration: none; }
.entry h1, .entry h2 { font-size: 1.3em; line-height: 1.4em; color: #4d4d4d; margin: 0.2em 0 0.3em 0;  }
.entry h3, .entry h4 { font-size: 1.1em; line-height: 1.3em; color: #808080; }
.entry h5, .entry h6 { font-size: 1em; line-height: 1.2em; color: #ccc; text-transform: uppercase; }
.entry h2, .entry h4, .entry h6 { font-style: italic; } 
.entry p { margin-bottom: 0.5em; }
#blog_last_entries .title { padding: 1px 0;  }
#blog_last_entries .entry p { line-height: 1.3em; margin-bottom: 0.7em; }
.entry ul { padding: 0.5em 0 1em 2em; margin: 0; }
#blog_last_entries .entry ul { padding: 0.1em 0 0.4em 2em; }
.entry ul li, #blog_last_entries .entry ul li { list-style: disc; background: none; line-height: 1.3em; height: auto; margin: 0; padding: 0; }
.entry ol { padding-left: 2em; padding-bottom: 0.5em; }
.entry ol li { list-style: decimal; margin-bottom: 0.2em; font-weight: bold; }
.entry ol li a { color: #4d4d4d; }
.entry cite, .entry blockquote { margin: 1em 4em 0.5em 0; padding-bottom: 0.3em; }
.entry cite p, .entry blockquote p { font-style: italic; line-height: 1.5em !important; background: url('/static/images/blockquote_bckg.gif') left top repeat-y; margin-left: 2em; padding-left: 2.5em !important; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; position: relative; top: 2px; background-color: #f3f3f3; margin-bottom: 2px; padding-top: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption.alignleft { margin-right: 8px; }
.wp-caption.alignright { margin-left: 8px; }
.wp-caption img { margin: 0 auto; padding: 0; border: 0 none; display: block; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 5px 4px 2px 4px !important; margin: 0; }

/* Affichage des images */
img.centered, img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px 0 4px 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px 4px 4px 0; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }

/* Home */
#blog_highlight { background: #000; margin: 0 8px 15px 2px; position: relative; top: 15px; height: 325px; width: 990px; }
#blog_highlight .slider { width: 318px; height: 291px; position: absolute; top: 17px; left: 17px; }
#blog_highlight .slider .shadow { border: 1px solid #726d71; }
#blog_highlight .slider .content { position: relative; right: 10px; z-index: 10; padding: 0.8em 0; float: right; width: 190px; }
#blog_highlight .slider .content h2 { text-transform: uppercase; font-size: 1.3em;  line-height: 1.4em; }
#blog_highlight .slider .content p { color: #fff; margin-top: 0.3em; line-height: 1.3em; }
#blog_highlight .slider .content a.read_more { display: block; margin-top: 1.2em; float: left; border-bottom: 1px solid #d92c33; font-size: 0.9em; text-decoration: none; text-transform: uppercase;  }
#blog_highlight .slider .content a.read_more em { font-weight: bold; position: relative; left: 2px; top: -2px; }
#blog_highlight .slider .content a.read_more:hover { border: none; }
#blog_highlight .data { display: none; }
#blog_highlight #previews { width: 102px; left: 1px; top: 1px;border-right: 1px solid #544d4e; position: relative; z-index: 10; }
#blog_highlight #previews a { display: block; border-bottom: 1px solid #544d4e; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; overflow: hidden; line-height: 1px; }
#blog_highlight #previews a:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
#blog_highlight #previews a.active, #blog_highlight #previews a.active:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#blog_highlight #previews a img { height: 72px; width: 102px; display: block; overflow: hidden; border: none; margin: 0; padding: 0; line-height: 1px; font-size: 1px; }
#blog_highlight #previews a.last { border: none; }

#blog_highlight .previews { height: 325px; width: 990px; position: relative; }
#blog_highlight .previews span { display: block; width: 100%; height: 100%; position: absolute; background-position: center center; background-repeat: no-repeat; overflow: hidden; }
#blog_highlight .previews span img { display: block; width: 100px; height: 100px; background: #000; position: absolute; top: -5000px; }

#blog_highlight .shadow { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; filter: alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65; }
#blog_highlight .highlight { width: 318px; min-height: 140px; height: auto !important; height: 140px; position: absolute; bottom: 14px; right: 12px; }
#blog_highlight .highlight p { color: #fff; font-size: 1.7em; line-height: 1.1em; position: relative; z-index: 10; padding: 1em; }
#blog_highlight .highlight p em { font-size: 1em; line-height: 0.9em; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }
#blog_highlight .highlight p em.first { padding-right: 0.5em; background: url('/static/images/guillemet_ouvert.png') left 0.2em no-repeat !important; background: url('/static/images/guillemet_ouvert.gif') left 0.2em no-repeat; }
#blog_highlight .highlight p em.last { padding-left: 0.5em; background: url('/static/images/guillemet_ferme.png') right 0.2em no-repeat !important; background: url('/static/images/guillemet_ferme.gif') right 0.2em no-repeat; }

#blog_highlight .highlight .resume em { font-size: 1em; line-height: 0.9em; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; overflow: hidden; text-indent: -500px; }
#blog_highlight .highlight .resume em.first { padding-right: 0.5em; background: url('/static/images/guillemet_ouvert.png') left 0.2em no-repeat !important; background: url('/static/images/guillemet_ouvert.gif') left 0.2em no-repeat; }
#blog_highlight .highlight .resume em.last { padding-left: 0.5em; background: url('/static/images/guillemet_ferme.png') right 0.2em no-repeat !important; background: url('/static/images/guillemet_ferme.gif') right 0.2em no-repeat; }

.home_entry h2 a { text-decoration: underline; }
.home_entry h2 a:hover { text-decoration: none; }
.home_entry .author_snail .informations { margin-bottom: 2px; }
.home_entry .author_snail .informations p { float: left; margin-right: 5px; }
.home_entry .author_snail .informations p.first { font-weight: bold; color: #000; margin-right: 10px; }

#blog_home .header { clear: both; }
#blog_home .header h3 { font-size: 1.1em; }
#blog_home a.read_more { text-transform: uppercase; margin: 0.5em 0 0 0; border-bottom: 1px solid #d92c33; font-size: 0.9em; text-decoration: none; }
#blog_home a.read_more:hover { text-decoration: none; border: none; }
#blog_home a.read_more em { font-weight: bold; position: relative; left: 2px; top: -2px; }

.b_highlights { padding: 0.5em 0 0 0; width: 620px !important; width: 610px; min-height: 100px; height: auto !important; height: 100px; margin-left: -3px !important; margin: 0; }
.b_highlights .b_highlight { width: 212px !important; width: 209px; float: left; }
.b_highlights .b_highlight.last { clear: right; }
.b_highlights .b_highlight .wrapper { margin-right: 16px; }
.b_highlights .b_highlight.last { width: 196px !important; }
.b_highlights .b_highlight.last .wrapper { margin-right: 0px !important; }
.b_highlights .b_highlight .wrapper a { display: block; width: 100%; margin: 0 0 0.5em 0; position: relative; }
.b_highlights .b_highlight .wrapper a img { display: block; height: 126px; width: 100%; }
.b_highlights .b_highlight .wrapper a span { display: block; height: 126px; width: 100%; position: absolute; top: 0; left: 0; background: url('/static/images/icons/play_original.png') center center no-repeat !important; background: url('/static/images/icons/play_original.gif') center center no-repeat;  }
.b_highlights .b_highlight .wrapper a.read_more { display: inline; margin: 0.5em 0 0 0; }
.b_highlights .b_highlight .wrapper p { padding-bottom: 7px; }

#blog_advertissement { background: #fff; height: 120px; margin-top: 15px; display: none; }

#home_sidebar {}
#home_sidebar .related .title h4 a { color: #ccc; }
#home_sidebar .category_list ul { margin-right: 8px; }
#home_sidebar .category_list ul li { background: url('/static/images/right_sep_bckg.gif') left top repeat-x; padding: 1em 0.2em; }
#home_sidebar .category_list ul li.first { background: none; padding-top: 0; }
#home_sidebar .category_list ul li.last { padding-bottom: 0px; }
#home_sidebar .category_list ul li h4 { font-size: 1.1em; line-height: 1.1em; padding-bottom: 0.1em; }
#home_sidebar .category_list ul li h4 a { text-decoration: none !important; }
#home_sidebar .category_list ul li h4 a:hover { text-decoration: underline !important; }
#home_sidebar .category_list ul li span { margin: 0.1em 0; color: #ccc; display: block; }
#home_sidebar .category_list ul li .resume {}
#home_sidebar .category_list ul li .resume p { margin-bottom: 0.4em; }
#home_sidebar .category_list ul li .resume a.read_more { text-decoration: none; }

#home_sidebar .related_content .content { padding: 7px 5px 15px 8px; }
#home_sidebar .related_content .content li { margin: 0.1em 0 0.1em 0.2em; }
#home_sidebar .related_content .content li a { text-decoration: underline; }
#home_sidebar .related_content .content li a:hover { text-decoration: none; }

#sidebar_categories li { margin: 0.1em 0 0.1em 0.2em; line-height: 1.4em; }
#sidebar_categories li a { text-decoration: underline; }
#sidebar_categories li a:hover { text-decoration: none; }

#public_profil .user_informations { width: 450px !important; width: 425px; }
#blog_comment dl.empty { height: 0 !important; margin: 0; padding: 0; display: none; }