@charset "utf-8";
/* CSS Document */

html{ margin:0; padding:0; }
body{ margin:0; padding:0; background-color:#000; }
a img{ border:none; }

div#flash_content{ position:fixed; z-index:0; width:100%; height:100%; }

img#default_background{ position:fixed; z-index:-1; width:100%; }

div#main_ctn{ position:absolute; z-index:1; width:100%; height:100%; text-align:center; }
div#main_ctn p{ margin:0; padding:0; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
div.clearboth{ clear:both; line-height:0; }

div#header{ width:959px; height:200px; margin:auto; text-align:left; font-size:10px; }
div#header div#pict_ctn{ position:absolute; width:959px; height:200px; margin:auto; }
div#header div#logo_ctn{ float:left; margin-left:20px; margin-top:19px; }
div#header img#logo_4C4{ margin-top:4px; }
div#header img#bubble{	display:block; float:left; position:relative; left:51px; top:13px; border:0; }
div#header img#mustache_guy{ display:block; float:left; position:absolute; z-index:-1; left:553px; }

div#main_content{ clear:both; width:959px; min-height:755px; margin:auto; }
div#main_content h2{ margin:0; padding:0; color:#FFF; }
div#main_content a img{ border:none; }

div#left_column{ background-image:url(../images/leftColumnBackground.png); background-repeat:repeat-y; width:715px; min-height:755px; float:left; text-align:left; margin-bottom:50px; }
div#left_column div#week_title{ margin-top:22px; margin-left:20px; }
div#left_column h1{ margin-top:15px; margin-right:22px; color:#FFF; font-size:36px; text-transform:uppercase; float:right; }
div#left_column h2{ float:left;}
div#left_column div#user_list{ clear:both; margin-left:22px; padding-top:20px; }

div#left_column div.user{ float:left; width:323px; margin-right:22px; margin-bottom:30px; position:relative; }
div#left_column div.user_heading{ height:20px; }
div#left_column p.name{ font-size:16px; float:left; text-transform:uppercase; }
div#left_column img.mustache_type{ float:left; position:relative; bottom:3px; left:7px; }

div#left_column div.fb_comments{ float:right; }
div#left_column div.fb_comments a p{ color:#6CC0FF; text-decoration:underline; }
div#left_column div.fb_comments p{ float:left; font-size:10px; position:relative; top:2px; text-decoration:none; }
div#left_column div.fb_comments img{ float:left; margin-left:10px; }

div#left_column div.pictures_ctn{ height:205px; clear:both; }
div#left_column img.current_week{ display:block; border:2px solid #313131; margin-right:3px; float:left; width:266px; height:205px; }
div#left_column div.thumbnails_ctn{ float:left; margin-top:0px; }
div#left_column div.week_thumbnail{ display:block; border:2px solid #313131; margin-top:3px; width:46px; height:46px; }
div#left_column div.week_thumbnail a{ display:block;}
div#left_column div.week_thumbnail:first-child{ margin-top:0px; }

div#right_column{width:228px; min-height:755px; float:right; text-align:left; margin-bottom:50px; }
div#right_column_ctn{ width:228px; padding-bottom:15px; text-align:left; }
div#right_column_ctn{ background-image:url(../images/rightColumnBackground.png); background-repeat:repeat-y; }
div#right_column_main{ margin-left:18px; padding-top:18px; }
div#right_column h2{ margin-top:0px; margin-left:0px; }
div#right_column p{ margin-top:10px; margin-left:0px; width:180px; }
div#right_column p a{ color:#6CC0FF; }
div#right_column p#donate{ font-size:13px; }
div#right_column p#join_fb{ margin-top:20px; margin-left:1px; font-weight:bold; }
div#right_column p#designer{ margin-top:7px; margin-left:0px; color:#000; font-size:10px; float:right; }
div#right_column img#movember_logo{ margin-top:20px; margin-left:0px; position:relative; left:-3px; }
div#right_column img#facebook_logo{ margin-top:6px; margin-left:0px; position:relative; left:-3px; width:198px; }

#right_column_money {background-image:url(../images/rightColumnBackground.png); background-repeat:repeat-y; margin-bottom:18px; padding-left:18px; padding-top:18px; padding-bottom:18px; padding-right:18px;}
#right_column_money .montant {font-size:48px; color:#f6ff00; text-transform:uppercase;}
#right_column_money .middle {font-size:24px; color:#FFF; text-transform:uppercase;}
#right_column_money .bottom {font-size:24px; color:#f6ff00; text-transform:uppercase;}


.week_thumbnail a { cursor:pointer; outline:none; }
.simple_overlay { display:none; z-index:10000; background-color:#000; padding:15px; color:#FFF; }
.simple_overlay .overlay_top { padding-top:10px; position:relative; padding-bottom:5px; }
.simple_overlay .overlay_top .name { padding-right:10px; text-transform:uppercase; float:left; }
.simple_overlay .overlay_top .mustache { float:left; position:relative; top:-3px; }
.simple_overlay .overlay_top .semaine { float:right; text-transform:uppercase; }
.simple_overlay .overlay_bottom .overlay_link { float:right; padding-top:5px; position:relative; }
.simple_overlay .overlay_bottom .overlay_link a { color:#6CC0FF; font-size:10px; font-family:Arial, Helvetica, sans-serif;   }
.simple_overlay .overlay_bottom .overlay_link a p { float:left; margin:0; padding-right:10px; position:relative; top:2px; text-decoration:underline; }
.simple_overlay .overlay_bottom .overlay_link a img { float:right; border:none; }
.simple_overlay .close { background-image:url(../images/lightbox/apple-close.png); position:absolute; right:-5px; top:-5px; cursor:pointer; height:28px; width:28px; }

#share { position:absolute; right:0; top:35px; width:173px; height:88px; }
#share .facebook { position:absolute; bottom:10px; left:25px; }
#share .twitter { position:absolute; bottom:10px; right:35px; }
#share .shareBack { position:absolute; top:0; left:0; }
#share a { outline:none; }
#share img { border:0; outline:none; }