@import url("typo.css");

body { background:none repeat scroll 0% 0% #24272A;color:#414F60;font-size:14px;line-height:1.3; }

img, iframe, a#birdy { max-width:100% !important; }

a { color:#B51723;text-decoration:none; }

a:hover { text-decoration:underline; }

.button { background:none repeat scroll 0% 0% #24272A;border-radius:3px 3px 3px 3px;border:medium none;color:#FFFFFF ! important;float:right;font-family:"refrigerator-deluxe-1","refrigerator-deluxe-2",sans-serif;font-size:16px;letter-spacing:1px;margin-top:2px;padding:5px 10px 4px 14px;position:relative;right:0px;text-transform:uppercase; }

.button:hover { background:none repeat scroll 0% 0% #C3CAD2;box-shadow:1px 1px 1px rgba(0,0,0,0.4) inset;color:#414F60 ! important;text-decoration:none; }

a.backtotop { background:url("../i/up_arrow_I.png") no-repeat scroll 2px 2px #24272A;border-top-left-radius:3px;border-top-right-radius:3px;bottom:0pt;color:#FFFFFF;display:block;font-family:"refrigerator-deluxe-1","refrigerator-deluxe-2",sans-serif;font-size:18px;font-weight:200;height:28px;left:172px;padding:2px 8px 0pt;position:absolute;text-indent:-9999px;text-transform:uppercase;width:36px; }

a.backtotop:hover { background-position:2px 1px;text-decoration:none; }

.column hr { -moz-border-bottom-colors:none;-moz-border-image:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#C3CAD2 -moz-use-text-color -moz-use-text-color;border-style:solid none none;border-width:1px medium medium; }

.target { background:url("../i/target_small.png") no-repeat scroll 0pt 50% transparent;font-family:"refrigerator-deluxe-1","refrigerator-deluxe-2",sans-serif;font-size:14px;font-weight:600;padding-left:16px;text-transform:uppercase; }

.serif { font-family:georgia,cambria,serif;font-size:12px;font-style:italic;text-align:right; }

.serif small { color:#C3CAD2;font-size:80%; }

.serif small:before { content:"-"; }

.serif small:first-letter { text-transform:capitalize; }

span.the_administration { display:block;margin-top:18px; }

.page { 
background: #ffffff; /* Old browsers */
background:-moz-linear-gradient(center bottom,#FAFAFA 10%,#FFFFFF 49%) repeat-y scroll right top #FFFFFF;


background: -webkit-gradient(linear, center bottom,  color-stop(10%,#FAFAFA),  color-stop(49%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f4f4 49%,#ffffff 10%); /* Chrome10+,Safari5.1+ */

margin-left:10px;position:relative;width:990px; }

.row { clear:both;margin-bottom:36px;overflow:hidden; }

hr#top_bar_hr { background:none repeat scroll 0% 0% #24272A;border:medium none;height:10px;position:absolute;right:0px;top:-10px;width:750px; }

.branding { margin-bottom:36px; }

h1#logo a { background:url("../i/MTLEE2_logo2-1.png") no-repeat scroll 0pt 0pt transparent;color:#FFFFFF;display:block;height:44px;left:-10px;padding-right:10px;position:relative;text-indent:-9999px;top:40px;width:230px; transition:margin-left 0.2s ease-in-out; -webkit-transition:margin-left 0.2s  ease-in-out;; -moz-transition:margin-left 0.2s ease-in-out; }

h1#logo a:hover{ margin-left:5px;}


.tagline { margin:40px 0pt; }

#nav { bottom:8px;clear:both;left:250px;overflow:hidden;position:relative;width:750px; }

#nav li { display:inline;float:left;margin-right:20px;width:230px; }

#nav li a { color:#414F60;display:block;font-family:"refrigerator-deluxe-1","refrigerator-deluxe-2",sans-serif;font-size:22px;text-transform:uppercase; letter-spacing:1px;}

#nav li a:hover { color:#24272A;text-decoration:none; }

.meta { display:inline;float:left;padding-right:10px;text-align:right;width:220px; }

.meta,.column,.form_module,#about,.post,.post_comment { -moz-border-image:url("../i/diago_border_230.png") 10 10 10 10 round;border-top:10px solid #E5E5E5;padding-top:36px; }

#footer .meta,#footer .column { border:medium none; }

.view_all { display:block;font-size:13px;font-weight:500;line-height:1.1;margin:-12px 0pt 0pt; }

.col_wrap { display:inline;float:right;width:750px; }

.column { display:inline;float:left;margin-right:20px;width:230px; }

.column .last { margin-right:0pt; }

.col_img { position:relative;text-align:right; margin-bottom: 18px; }

.col_img h3 { background:none repeat scroll 0% 0% #FFFFFF;bottom:10px;display:inline-block;padding:0px 2px 0pt;position:absolute;right:10px; }

.col_img span.date { background:none repeat scroll 0% 0% #FFFFFF;bottom:22px;color:#B51723;display:inline-block;font-size:12px;font-weight:500;letter-spacing:2px;padding:0pt 2px;position:absolute;right:0px; }

.thumb { background:url("../i/blog_thumb_diag.png") repeat scroll 0pt 0pt #E5E5E5;display:block;height:120px;margin-bottom:18px; }

.col_img img { background:url("../i/blog_thumb_diag.png") repeat scroll 0pt 0pt #E5E5E5;display:block;height:120px;margin-bottom:18px; }

.post,.post_comment { float:right;position:relative;right:20px;width:480px; }

body#blog_page .post p:first-child { border-bottom:1px solid #E5E5E5;font-size:1.25em;letter-spacing:0.5px;line-height:1.35;margin-bottom:24px;padding-bottom:24px; }

body#about_page .post { -moz-column-count:2;-moz-column-gap:20px; }

body#about_page .post p { text-align:justify; }

.read_more { background:url("../i/plus.png") no-repeat scroll right 40% transparent;padding-right:20px; }

span.comment_date { color:#C3CAD2;display:block;font-family:"refrigerator-deluxe-1","refrigerator-deluxe-2",sans-serif;margin-top:-18px; }

.first_to_comment { -moz-border-image:url("../i/diago_border_230.png") 10 10 10 10 round;border-top:10px solid #E5E5E5;margin:0pt auto;padding:36px 20%;text-align:center; }

img.gravatar { box-shadow:1px 1px 1px rgba(0,0,0,0.4) inset; }

.circle_frame { display:inline-block;margin-left:25%;overflow:hidden;position:relative; }

.circle_frame > img { vertical-align:top; }

.circle_frame,.circle_frame:before { border-radius:120em 120em 120em 120em; }

.circle_frame > img { }

.circle_frame:before { border:10em solid #FDFDFD;box-shadow:1px 1px 1px rgba(0,0,0,0.4) inset;content:"";display:block;height:100%;left:0pt;margin:-10em;position:absolute;right:0pt;width:100%; }

.send_to { border-bottom:1px solid #E5E5E5;border-top:1px solid #E5E5E5;margin:-2px 0pt 9px;padding:1px 0pt 8px; }

.send_to ul.social_list { margin:5px 0pt 0pt;overflow:hidden;position:relative; }

.send_to ul.social_list li { display:inline;float:left; }

.send_to ul.social_list li a { display:block;height:15px;margin-right:4px;text-decoration:none;text-indent:-9999px ! important;width:21px; }

.send_to ul.social_list li a.rss_i { background:url("../i/social_sprite_small3.png") no-repeat scroll 1px 0pt transparent; }

.send_to ul.social_list li a.face_i { background:url("../i/social_sprite_small3.png") no-repeat scroll -20px 0pt transparent; }

.send_to ul.social_list li a.twitter_i { background:url("../i/social_sprite_small3.png") no-repeat scroll -40px 0pt transparent; }

.send_to ul.social_list li a.comment_i { background:url("../i/social_sprite_small3.png") no-repeat scroll -60px 0pt transparent; }

.send_to ul.social_list li a.archive_i { background:url("../i/social_sprite_small3.png") no-repeat scroll -80px 0pt transparent; }

.send_to ul.social_list li a.rss_i:hover { background-position:1px -15px; }

.send_to ul.social_list li a.face_i:hover { background-position:-20px -15px; }

.send_to ul.social_list li a.twitter_i:hover { background-position:-40px -15px; }

.send_to ul.social_list li a.comment_i:hover { background-position:-60px -15px; }

.send_to ul.social_list li a.archive_i:hover { background-position:-80px -15px; }

.next_prev_wrap { position:absolute;right:20px;top:250px;width:80px; }

a.next { background:url("../i/next_prev_hov.png") no-repeat scroll 0pt 0pt transparent;display:inline-block;float:left;height:40px;text-indent:-9999px;width:40px; }

a.prev { background:url("../i/next_prev_hov.png") no-repeat scroll -40px 0px transparent;display:inline-block;float:right;height:40px;text-indent:-9999px;width:40px; }

a.next:hover { background:url("../i/next_prev_hov.png") no-repeat scroll 0pt -40px transparent;display:block;float:left;height:40px;padding:0pt;text-indent:-9999px;width:40px; }

a.prev:hover { background:url("../i/next_prev_hov.png") no-repeat scroll -40px -40px transparent;display:block;float:right;height:40px;padding:0pt;text-indent:-9999px;width:40px; }

#comment_pagination { float:right;margin:18px 20px 18px 0px;overflow:hidden;padding:9px 0px;width:80px; }

.previous_page { background:url("../i/next_prev_hov.png") no-repeat scroll 0pt 0pt transparent;display:inline-block;float:left;height:40px;text-indent:-9999px;width:40px; }

.next_page { background:url("../i/next_prev_hov.png") no-repeat scroll -40px 0px transparent;display:inline-block;float:right;height:40px;text-indent:-9999px;width:40px; }

#contact_form label { text-transform:capitalize; }

#contact_form .button { border-radius:5px 5px 5px 5px;border:medium none;margin-top:10px;right:0px; }

form input { -moz-border-bottom-colors:none;-moz-border-image:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:none repeat scroll 0% 0% transparent;border-color:-moz-use-text-color -moz-use-text-color #414F60;border-style:none none dotted;border-width:medium medium 1px;color:#C3CAD2;display:block;height:24px;margin-bottom:36px;position:relative;width:220px; }

form input:focus { border-bottom:1px solid #414F60; }

textarea { margin-bottom:9px;padding:8px 10px;width:460px; }

#about { float:left; }

#about p { font-size:19px;font-weight:100;line-height:1.6;position:relative;top:-2px; }

.double_col { width:480px; }

.form_module { float:right;position:relative;right:20px;top:0pt;width:230px; }

fieldset { position:relative; }

button#search_but { background:url("../i/search_i.png") no-repeat scroll 0% 0% transparent;border:medium none;height:24px;position:absolute;right:20px;text-indent:-9999px;top:0px;width:24px; }

button#subscribe_but { background:url("../i/sub_newsletter_i.png") no-repeat scroll 0% 0% transparent;border:medium none;height:24px;position:absolute;right:20px;text-indent:-9999px;top:0px;width:24px; }

a#follow_us { background:none repeat scroll 0% 0% #9FCDDB;border-top-left-radius:3px;border-top-right-radius:3px;box-shadow:1px 1px 1px rgba(0,0,0,0.4) inset;color:#414F60;float:right;font-family:"refrigerator-deluxe-1","refrigerator-deluxe-2",sans-serif;font-size:18px;font-weight:400;letter-spacing:1px;padding:8px 20px 4px;position:relative;right:20px;text-shadow:0pt 1px 0pt #EFF6FD;text-transform:uppercase; }

a#follow_us { text-decoration:none; }

a#follow_us:hover { color:#24272A; }

#twitter_section { background:url("../i/page_border.png") repeat-y scroll right top #9FCDDB;margin-bottom:0pt;overflow:hidden;padding:36px 0pt;position:relative; }

span.twitter_date { color:#B51723;font-family:"proxima-nova-1","proxima-nova-2",sans-serif;font-size:60%;font-style:normal;text-transform:uppercase; }

#twitter_section .meta { border:medium none;padding-top:0pt; }

#birdy { bottom:10px;position:absolute;right:40px; }

#twitter li p { font-family:georgia,cambria,serif;font-size:22px;font-style:italic;font-weight:lighter;letter-spacing:-1px;line-height:1.4;text-shadow:0pt 1px 0pt #EFF6FD;width:600px; }

#twitter li p:first-letter { text-transform:capitalize; }

#footer_wrap { background:url("../i/page_border.png") repeat-y scroll right top #F7F2DE;height:auto ! important;margin-bottom:0pt ! important;min-height:240px;overflow:hidden;padding-bottom:0pt ! important; }

#footer { background:none repeat scroll 0% 0% #F7F2DE;padding-top:0px; }

#footer .meta { background:none repeat scroll 0% 0% transparent; }

#footer .column { background:url("../i/footer_vert_sep.gif") repeat-y scroll 0pt 0pt transparent;height:auto ! important;min-height:240px;position:relative; }

p#signature { bottom:0px;font-size:11px;left:20px;position:absolute; }

#footer .column h3 { margin-bottom:8px;margin-left:18px;text-align:right; }

#footer .column p#we_enjoy { font-family:georgia;font-style:italic;line-height:1.4;margin-bottom:8px;margin-left:18px;text-align:right; }

#footer ul li { font-size:12px;margin-left:20px;padding:2px 0pt; }

#footer ul#meetups li strong { display:block;font-family:"refrigerator-deluxe-1","refrigerator-deluxe-2",sans-serif;text-transform:uppercase; }

#footer ul#meetups li span { color:#9B9DA0;font-weight:400; }

.column p.wrap_read_more { border-top:1px dotted #E0DAC7;margin-left:20px;padding-top:9px; }

.column p.wrap_read_more a { font-size:13px; }

.user { text-transform:capitalize; }

#trigger { background:url("../i/down_arrow_i.png") no-repeat scroll 100% 50% #24272A;border-bottom-left-radius:3px;border-bottom-right-radius:3px;color:#FFFFFF;float:right;font-family:"refrigerator-deluxe-1","refrigerator-deluxe-2",sans-serif;font-size:16px;font-weight:200;letter-spacing:1px;margin-top:-1px;padding:10px 24px 4px 12px;position:relative;right:20px;text-transform:uppercase; }

#trigger:hover { background-position:100% 54%;text-decoration:none; }

#loginbar .column { padding-top:8px; }

.user_info { border-top:1px solid #222121;float:left;margin:0pt 20px;padding-top:9px;width:240px; }

.user_info h2 { font-weight:100; }

.user_last_comments { float:left;width:460px; }

.user_last_comments li { border-bottom:1px solid #212323;border-top:1px solid #222121;padding:8px 0pt; }

.user_last_comments li p { margin-bottom:8px;text-align:left ! important; }

.user_last_comments li p + p { background:none repeat scroll 0% 0% #212323;font-style:normal ! important;margin-top:12px ! important;padding:4px 2px ! important; color:#7b8b9e }

#loginbar { background:none repeat scroll 0% 0% #24272A;color:#C3CAD2;display:none;overflow:hidden;padding:24px 0pt 24px 0px;width:1000px; }

#logged_in_message,#sign_in_message { background:url("../i/faded_vert_dark_sep.png") repeat-y scroll 240px 0pt transparent;float:left;height:auto ! important;min-height:200px;padding-right:20px;text-align:right;width:230px; }

#sign_in_message h3,#logged_in_message h3 { font-weight:400;letter-spacing:1px;position:relative; }

#loginbar form { display:inline;/* float:right;width:720px; */ ; position: relative;left:20px; }

#loginbar form small a { color:#C3CAD2;display:block;font-family:cambria,georgia;font-style:italic;padding:10px 0pt; }

#loginbar p { font-family:georgia,cambria;font-size:12px;font-style:italic;line-height:20px;margin:0pt;padding:0px;text-align:right; }

#loginbar form button { background:none repeat scroll 0% 0% #B51723;border-radius:5px 5px 5px 5px;border:medium none;color:#FFFFFF;font-family:"refrigerator-deluxe-1","refrigerator-deluxe-2",sans-serif;font-size:21px;font-weight:500;letter-spacing:1px;padding:2px 6px 2px 8px;text-align:center;text-transform:uppercase; }

#loginbar form input { background:none repeat scroll 0% 0% #FFFFFF ! important;border-radius:5px 5px 5px 5px;border:medium none;box-shadow:1px 1px 1px rgba(0,0,0,0.4) inset;color:#999999;float:left;font-size:13px;height:22px;margin-right:20px;padding:4.75px 5px;width:220px;  }

.map_wrap { background:none repeat scroll 0% 0% #24272A;left:-20px;padding:10px;position:relative;width:980px; max-width: 100%}

iframe#map { border:medium none ! important;top:0px;  max-width: 100%}

#google_map { height:300px; }

#meetups_deets { border-bottom:1px solid #E5E5E5;margin:0px 0pt 9px;padding:1px 0pt 0px; }

#meetups_deets li h4:after { content:":"; }

#meetups_deets li span { color:#C3CAD2;display:block;font-size:90%;margin-bottom:9px;margin-top:-2px;text-transform:capitalize; }

ul#search_listing li { border-bottom:1px dotted #C3CAD2;margin-bottom:18px;padding-bottom:18px; }



/* at media stuff */

/* at media stuff  900PX*/



@media screen and (max-width: 1000px) {
.tagline { margin-bottom: 0pt; }
#nav { left: 20px; top: 30px; width: 760px; }
img { max-width: 100%; }
.page { width: 780px; margin: 0pt auto; }
.row { padding-left: 5px; }
.meta { display: block; clear: both; float: none; text-align: left; padding-right: 0pt; }
.meta { border: medium none; padding-top: 18px; margin-bottom: 0px; }
.meta h2 { font-size: 28px; }
.col_wrap, .meta { float: left; padding-left: 15px; }
.column, .meta { width: 240px; margin-right:10px; }
.col_img h3 { bottom: 28px; }
#footer h3 { margin-left: 20px; }
#footer ul li {  }
.col_img span.date { bottom: 32px; }
#about, .form_module { width: 730px; float: none; display: table; }
#twitter_section { padding-left: 10px; }
.form_module { right: 0pt; }
.form_module input { width: 100%; }
#footer .column { width: 200px; display: block; }
.col_img { background: url("../i/diago_border_230.png") repeat scroll 0pt 0pt #EEEEEE; padding: 10px 5px; }
.col_img h3 { font-size: 1.55em; }
.col_img:hover { background: none repeat scroll 0% 0% #FFFFFF; }

#contact_page .column .serif, #contact_page .column {text-align:left; width:230px;}
#blog_page .column { width: 240px; }
#blog_page .col_img { padding: 5px; }
#loginbar { width: 780px; }
#loginbar .col_wrap { width: 500px; }
.user_info { width: 120px; }
#logged_in_message, #sign_in_message { width: 200px; }
.user_last_comments { float: left; width: 340px; }
#blog_page #footer .column { width: 200px; display: block; }
body#about_page .column { width: 240px; }
}

@media screen and (max-width: 480px), screen and (max-width: 800px) {



.tagline { margin-bottom: 0pt; }
#nav { left: 10px; top: 30px; width: 400px; }
#nav li { width: 100px; }


.page ,#loginbar{ width: 440px; margin: 0pt auto; }

#loginbar .col_wrap { width: 200px; }
#logged_in_message, #logged_in_message p{text-align: left}

.user_info { width: 120px; margin-left: 0pt; }
#logged_in_message, #sign_in_message { width: 420px; background: none repeat scroll 0% 0% transparent; text-align: left; min-height: 0pt; }
#logged_in_message p { text-align: left; }
.user_last_comments { float: left; width: 440px; }
#loginbar .col_wrap form   {width:400px !important;clear:both}
#loginbar #sign_in_message , #loginbar #sign_in_message p {width:170px; clear:both; text-align:left}

.row { padding: 0pt 5px 0pt 10px; }
.col_wrap, .meta { float: left; padding-left: 0px; }


#footer .meta h3 {margin-bottom:0px !important; font-size:22px;text-align:left; margin-left:4px;}
#footer .column + .column {display:none !important;}

#footer .column p#we_enjoy { display: none; }

.col_wrap { float: none;  padding-top:0; }
.column, .meta,.post, .post_comment, input, #about, .form_module  { width: 420px !important; display:block; clear: both;padding-top:18px; margin-bottom:9px; }
textarea  { width: 400px !important; clear: both; }

.post_comment {margin-left:20px;}

.next_prev_wrap {top:210px}



.post, .post_comment {clear: both; float:none; width: 420px; margin-left:20px;}
.post_comment {border:none; padding-top:0;}


#twitter_section .meta h2 { border:medium none;display:none; }



#twitter li p { font-size:16px; letter-spacing:normal; width:380px }



.odd .meta , .even .meta,.odd .column , .even .column {display:block;}
.odd .circle_frame , .even .circle_frame {display:none; }


body#about_page #about p { font-size:16px;font-weight:100;line-height:1.6;position:relative;top:-2px; }
body#about_page .form_module,body#contact_page .form_module, body#about_page #about{display: none !important}
body#about_page .column { display: block; width: 420px; }
body#about_page .post { -moz-column-count: 1; -moz-column-gap: 0px; margin-left: 20px; float: none; width: 420px;clear:both;  padding-top:18px;}
body#about_page .col_img {display:none;]


.form_module { right: 0pt; }
.form_module fieldset { width: 420px; margin-left: 0px; }



#contact_page textarea, #contact_page input{width:400px;clear:both;}
#contact_page .column ,
#contact_page .column .serif {text-align:left; width:420px}

ul#meetups {padding-top:0; margin-top:0;}




#about p { font-size: 18px; }


}



* {
-moz-transition: width 0.8s ease 0s;
-webkit-transition: width 0.8s ease 0s;
transition: width 0.8s ease 0s;

/*
-moz-transition: margin 0.8s ease 0s;
-webkit-transition: margin 0.8s ease 0s;
transition: margin 0.8s ease 0s;
*/
}