/*
Theme Name: PinkyGrey
Theme URI: http://saluum.deviantart.com/
Description: Jquery and sIFR enhanced theme. Done for http://themeforest.net/
Version: 1.0
Author: Guilherme Salum
Tags: two columns, stylish
*/

@import url(fixes.css);
@import url(sifr.css);


/* -------------- Main tags & styles -------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	text-align:center;
	vertical-align:top;
	background: #4b371c url(images/back_denis.jpg) top center;
	background-repeat:no-repeat;
	font-family:Arial,Verdana,sans-serif;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

p { margin: 0 0 1.5em; font-size:12px; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, a:hover { color: #905502; }
a { color: #502902; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

#wrapper { width: 971px; margin: 0 auto; text-align: left; }

.box_border { border: 1px solid #55554a; }
.left, .alignleft { float: left; }
.right, .alignright { float: right; }
.center, .aligncenter { margin: 0 auto; float: none; }


/* -------------- Header -------------- */
#header { width: 100%; height: 187px; float: left; overflow: hidden; background: url(images/ciel.jpg) no-repeat}
#logo { float: left; height: 187px; width:419px; }
#top_nav { float: left; margin-top:50px; margin-left:20px; width:520px; }

#menu_nav { float: left; width: 638px; background: url(images/menu_nav_border.gif) repeat-x bottom; margin-left: 5px; display: inline; }
#menu_nav ul { list-style: none; }
#menu_nav li { float: left; background: url(images/menu_nav_left_bg.gif) no-repeat top left; margin: 0 10px 0 0; }
#menu_nav li.current_page_item { float: left; background: url(images/menu_nav_left_bg_selected.gif) no-repeat top left; }
#menu_nav li.page_item a span { background: url(images/menu_nav_right_bg.gif) no-repeat top right; height: 31px; }
#menu_nav li.page_item a { display: block; text-transform: uppercase; background: url(images/menu_nav_right_bg.gif) no-repeat top right; padding: 20px 20px 18px 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #efede0; }
#menu_nav li.current_page_item a { display: block; text-transform: uppercase; background: url(images/menu_nav_right_bg_selected.gif) no-repeat top right; padding: 20px 20px 18px 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #898772; }
#menu_nav li a:hover { text-decoration: none; }
#search_header { float: right; background: url(images/search_bg.gif) no-repeat top left; height: 65px; width: 288px; padding: 0 6px 6px 6px; margin: 89px 0 0 0; }
#search_form_container { margin: 15px 0 0 10px; }


#test {  width: 971px;  margin: 0 auto;  background:url(images/back_site.jpg)  repeat-y;}



/* -------------- main_bar -------------- */
#content { float: left; width: 638px; margin-left:10px; margin-top:10px;  background:#ffffff; 	height: 100% !important;
	height:1230px;
	min-height:1230px; }
#content_wrapper { float: left; width: 100%; }
#content_wrapper img { border: 1px solid #7b7a66; background: #502902; padding: 4px; }
#content_wrapper img.left, #content_wrapper img.alignleft { margin: 0 10px 0 0; }
#content_wrapper img.right, #content_wrapper img.alignright { margin: 0 0 0 10px; }
#content_wrapper img.center, #content_wrapper img.aligncenter { margin: 0 auto; }

.featured_box_top { float: left; background:url(images/featured_box_bottom_bg.gif) no-repeat bottom left; width: 625px; margin-bottom: 10px;  }
.featured_box_bottom { float: left; background:url(images/featured_box_top_bg.gif) no-repeat top left; width: 585px; padding: 20px;}
.featured_box_bottom h1 { font-size: 24px; font-weight: bold; color: #414135; display: block; }

#entries { float: left; width: 100%; }
.entry { float: left; position: relative; margin: 0 0 20px 0; }
.date { background: url(images/date_bg.gif) no-repeat top left; width: 107px; height: 64px; position: absolute; left: -111px; padding: 7px 0 0 12px; }
.date .date_no { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 36px; color: #a1a1a1; display: block; float: left; width: 50px; }
.date .month { font-size: 14px; color: #a1a1a1; margin: 4px 0 0 6px; float: left; display: inline; }
.date .month .year { font-size: 12px; color: #a1a1a1; float: left; font-weight: bold; }
.title { float: left; margin: 9px 0 0 25px; width: 578px; display: inline; }
.month { font-size: 14px; color: #a1a1a1; font-weight:bolder; margin: 0px 0 0 0px; margin-top:-10px; float: left; display: inline; }
.title a { text-decoration: none; }
.title h1 { font-size: 26px; font-weight:bolder; color: #502902; text-decoration: none; }
.title h1 a {font-size: 26px; font-weight:bolder; text-decoration:none; }
.title h1 a:hover { color: #623303; }
.content { float: left; margin: 10px 0 0 25px; width: 578px; display: inline; }
.content h1 { font-size: 26px; font-weight: bold; color: #502902; margin-top: 10px; }
.content h2 { font-size: 12px; font-weight: bold; color: #502902; margin-top: 8px; }
.content h3 { font-size: 18px; font-weight: bold; color: #502902; margin-top: 6px; }
.content h4 { font-size: 16px; font-weight: bold; color: #502902; margin-top: 4px; }
.content h5 { font-size: 14px; font-weight: bold; color: #502902; margin-top: 4px; }
.content h6 { font-size: 12px; font-weight: bold; color: #502902; margin-top: 4px; }
.content ul, .content ol { margin: 5px 0 15px 10px; }
.content pre { font-family: Arial, Helvetica, sans-serif; font-size: 9px; border: 1px solid #7998ac; background: #dbecf6; color: #7998ac; margin-bottom: 15px; padding: 15px; }
.more { float: left; width: 580px; background: url(images/psot_bar_bg.gif) no-repeat top left; margin: 10px 0 0 25px; height: 50px; display: inline; }
.more_single { float: left; width: 580px; background: url(images/psot_bar_bg.gif) no-repeat top left; margin: 10px 0 0 25px; height: 50px; display: inline; }
.tags { float: left; background: url(images/tags.gif) no-repeat center left; padding-left: 20px; margin: 12px 0 0 12px; }
.tags a, .comments a, .leave_comments a { color: #424436; } .tags a:hover, .comments a:hover { color: #2d2e24; }
.comments { float: left;  background: url(images/comments.gif) no-repeat center left; padding-left: 20px; margin: 12px 0 0 12px; }
.leave_comments { float: left;  background: url(images/leave_comment.gif) no-repeat center left; padding-left: 20px; margin: 12px 0 0 12px; }

#pages_nav { float: left; width: 100%; margin-bottom: 20px; }
#read_older { float: left; width: 206px; height: 48px; margin-left: 21px; text-align: center; display: inline; }
#read_older a { display: block; background: url(images/old.jpg) no-repeat top left; text-decoration: none; font-size: 14px; color: #434337; padding: 13px 0 12px 0; }
#read_newer { float: right; width: 206px; height: 48px; margin-right: 32px; text-align: center; display: inline; }
#read_newer a { display: block; background: url(images/new.jpg) no-repeat top left; text-decoration: none; font-size: 14px; color: #434337; padding: 13px 0 12px 0; }


#contact { float: left; width: 100%; background: url(images/contact_form_full_bg.gif) no-repeat top left; height: 222px; position: relative; }
#contact_name { background: none; border: none; position: absolute; left: 14px; top: 35px; width: 176px; padding: 7px; }
#contact_email{ background: none; border: none; position: absolute; left: 14px; top: 106px; width: 176px; padding: 7px; }
#contact_subject{ background: none; border: none; position: absolute; left: 14px; top: 175px; width: 176px; padding: 7px; }
#contact_message{ background: none; border: none; position: absolute; left: 228px; top: 31px; width: 320px; padding: 7px; height: 155px; }
#contact_submit_div { float: left; width: 100%; height: 40px; position: relative; }
#contact_submit { background: url(images/submit_comment.gif) no-repeat top left; width: 145px; height: 40px; position: absolute; border: none; cursor: pointer; top: 0; left: 417px; }


/* -------------- side_bar -------------- */
#sidebar { float: left; width: 300px; padding-top:10px; }
.sidebar_title { float: left; margin-left: 6px; display: inline; width: 294px; }
.sidebar_title h2 { color: #414335; font-size: 22px; }
.sidebar_box_wrapper { float: left; width: 100%; background: url(images/sidebar_box_top.gif) no-repeat top left; margin-bottom: 20px; }
.sidebar_box { float: left; width: 276px; background:url(images/sidebar_box_bottom.gif) no-repeat bottom left; padding: 12px; color: #434434; }
.sidebar_box ul { list-style: none; }
.sidebar_box ul li { float: left; width: 100%; border-bottom: 1px solid #7c7b67; }
.sidebar_box ul li a { display: block; font-size: 13px; font-weight: bold; color: #434434; text-decoration: none; padding: 8px 0 8px 10px; }
.sidebar_box ul li a:hover { background: #7c7b67; }

ul#categories { list-style: none; }
ul#categories li { float: left; width: 276px; background: url(images/cat_bg.gif) no-repeat top left; height: 34px; margin-bottom: 6px; border: none; padding: 0; }
ul#categories li a { display: block; font-size: 13px; font-weight: bold; color: #434434; text-decoration: none; padding: 7px 0 7px 10px; }
ul#categories li a:hover, ul#categories li.current-cat a { background: url(images/cats_hover.gif) no-repeat center left; padding-left: 28px; }
ul#categories li.current-cat a { background: url(images/cats_selected.gif) no-repeat center left; }

.popular_box { float: left; width: 268px; padding: 4px; margin-bottom: 10px; }
.popular_box a { font-size: 12px; text-decoration: none; color: #fff; margin-left: 6px; }
.popular_box a:hover { color: #fff; text-decoration: underline; }
.popular_box a.popular_comments { font-size: 9px; color: #c3c2ae; background: url(images/popular_comment.gif) no-repeat center left; padding-left: 16px; }
.popular_box a.popular_comments:hover { color: #c3c2ae; }
.popular_box span.popular_date { font-size: 9px; color: #c3c2ae; background: url(images/popular_date.gif) no-repeat center left; padding-left: 16px; margin-left: 16px; text-decoration: none; }

.flickr img { border: 4px solid #c3c2ae; margin: 8px; }

img.ads { border: 3px solid #c3c2ae; margin: 4px; }


/* -------------- Portfolio -------------- */
.gallery-item { position: relative; }
.gallery-caption { position: absolute; left: 3px; top: 10px; background: #8c8b76; margin: 0; padding: 10px; font-size: 10px; color: #fff; }


/* -------------- Footer -------------- */
#footer {  margin: 0 auto; width: 970px; height:81px; background: #747661 url(images/footer1.jpg)  no-repeat }
#footer_wrapper { width: 960px; margin: 0 auto; text-align: left; padding: 20px 0 0 0; }
.footer_box { float: left; width: 315px; #ff0000; margin-right: 15px; }
.footer_box_2 { float: left; width: 290px; margin-left: 10px; display: inline; }
.footer_title { margin-left: 7px; width: 300px; }
.footer_title h2 { color: #414335; font-size: 18px; }
#footer_recent_comments { float: left; background: url(images/recent_comments.gif) no-repeat top left; width: 281px; height: 229px; padding: 15px; }
.recent_comment { float: left; width: 265px; background: url(images/recent_comment_box.gif) no-repeat top left; padding: 8px; color: #424436; line-height: 13px; height: 25px; overflow: hidden; }
.recent_comment a { color: #424436; text-decoration: none; }
.recent_comment_author { float: right; color: #454336; margin-bottom: 12px; }
.recent_comment_author a { font-weight: bold; color: #da074a; text-decoration: none; }
.recent_comment_author a:hover { font-weight: bold; color: #da074a; text-decoration: none; }

#footer_about { float: left; background: url(images/recent_comments.gif) no-repeat top left; width: 281px; height: 229px; padding: 15px; color: #434337; }

#partners_cont { float: left; margin: 8px 0 0 0; }
#partners_cont a img { border: 3px solid #c4c1ae; margin: 2px; }


/* -------------- Comments -------------- */
#comments_wrapper { float: left; width: 578px; margin: 10px 0 0 25px; display: inline; }
#comments_wrapper h2 { background: url(images/comments_h2.gif) no-repeat center left; padding: 0 0 0 34px; font-size: 20px; color: #424436; margin-bottom: 20px; }
#comments_wrapper ol { list-style: none; padding: 0; margin: 0; }
#comments_wrapper ol li { float: left; width: 578px; background: url(images/comment_bg.gif) no-repeat top left; margin-bottom: 20px; }
.comment_avatar { float: left; width: 63px; margin: 10px 18px 0 10px; display: inline; }
.comment_info { float: left; width: 480px; margin: 7px 0 0 0; }
.comment_author { display: block; color: #424436; font-weight: bold; font-size: 12px; }
.comment_date { display: block; color: #9e9c87; font-size: 9px; background: url(images/popular_date.gif) no-repeat center left; padding: 0 0 0 14px; }
.comment_time { display: block; color: #9e9c87; font-size: 9px; background: url(images/time.gif) no-repeat center left; padding: 0 0 0 14px; }
.comment_link a { display: block; color: #9e9c87; font-size: 9px; background: url(images/link.gif) no-repeat center left; padding: 0 0 0 14px; }
#comments_wrapper ol li img { border: 3px solid #a8a691; padding: 0; }
.comment_content { float: left; width: 508px; padding: 35px 35px 20px 35px; background: url(images/comment_bg_bottom.gif) no-repeat bottom left; }
#comments_wrapper h3 { float: left; width: 544px; background:url(images/leave_comments_h2.gif) no-repeat center left; padding: 0 0 0 34px; font-size: 20px; color: #424436; margin-bottom: 10px; }
#comment { float: left; width: 100%; margin-bottom: 20px; }
#comment_full { float: left; width: 100%; background: url(images/comment_form_full_bg.gif) no-repeat top left; height: 262px; position: relative; }
#comment_name_input { background: none; border: none; position: absolute; left: 14px; top: 35px; width: 176px; padding: 7px; }
#comment_email_input { background: none; border: none; position: absolute; left: 14px; top: 106px; width: 176px; padding: 7px; }
#comment_url_input { background: none; border: none; position: absolute; left: 14px; top: 177px; width: 176px; padding: 7px; }
#comment_message_input { background: none; border: none; position: absolute; left: 228px; top: 31px; width: 320px; padding: 7px; height: 155px; }
#comment_submit_full { background: url(images/submit_comment.gif) no-repeat top left; width: 145px; height: 40px; position: absolute; border: none; cursor: pointer; top: 222px; left: 417px; }
#comment_loggedin { float: left; width: 100%; background: url(images/comment_form_loggedin_bg.gif) no-repeat top left; height: 262px; position: relative; }
#comment_message_loggedin_input { background: none; border: none; position: absolute; left: 13px; top: 31px; width: 535px; padding: 7px; height: 155px; }


/* -------------- Copyright -------------- */
#copyright { margin: 0 auto; width: 970px; height:45px; background: #747661 url(images/footer2.jpg)  no-repeat }
#copyright_wrapper { width: 960px; margin: 0 auto; text-align: left; padding-top: 12px; }
#copyright_wrapper a { text-decoration: none; color: #fff; }

/* -------------- Forms -------------- */
#s { background: #c3c2af; border: 1px solid #9e9c86; float: left; color: #9e9c86; font-size: 14px; padding: 7px 7px 7px 7px; width: 181px; margin: 0 3px 0 0; }
#search_submit { background: url(images/search_button.gif) no-repeat top left; border: none; width: 65px; height: 33px; margin: 0; cursor: pointer; }



 
#radio1 { width: 289px; height:59px; clear:both; background: url(images/player.png) no-repeat;}

#radio2 { width: 289px; height:64px; clear:both; background: url(images/liste_cd.png) no-repeat;}

#radio3 { width: 289px; height:30px; clear:both; }


#sidebar_texte { width: 311px; height:35px; padding:5px; clear:both; background: url(images/sidebar1.png) no-repeat}
#sidebar_boite { width: 305px; clear:both; background: url(images/sidebar2.png) repeat-x; padding-left:6px;}
#sidebar_bas { width: 311px; height:35px; clear:both; background: url(images/sidebar3.png) no-repeat}

/* radio buttons */
.showButtons{
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100); /* for IE6 */
}

.dimButtons{
	-moz-opacity: 0.70;
	opacity: 0.70;
	filter: alpha(opacity=70); /* for IE6 */
}