.date {
text-align:center;

font-weight: bold;
line-height: 1.3em;
margin-bottom: 0.5em;
float:right;
}

.date .day {
font-size: 2em;
color:#2d2926;
}

.date .month {
font-size: 1em;
text-transform:uppercase;
color:#2d2926;
border-bottom: 1px solid #F9423A;
}

.date .time {
font-size: 1em;
text-align:left;
color:#999999;
font-weight:normal;
padding-top:2px;
}

07

SEP

7pm

Freelance Client: From design brief and PSD to WordPress site

View Full Site Here

Mike Monteiro, Design Director, and co-founder of Mule Design Studio (muledesign.com). This event took place on March 25, 2011 and was sponsored by Happy Cog and Typekit (who also hosted the event at their office in the Mission).

2011/03 Mike Monteiro | F*ck You. Pay Me. from SanFrancisco/CreativeMornings on Vimeo.

Our speaker at the March 2011 San Francisco, CreativeMornings (www.creativemornings.com) was Mike Monteiro, Design Director, and co-founder of Mule Design Studio (www.muledesign.com). This event took place on March 25, 2011 and was sponsored by Happy Cog and Typekit (who also hosted the event at their office in the Mission).

A big giant thank you to Chris Whitmore (www.whitmoreprod.com) for offering to shoot and edit the video. Photos were graciously provided by Rawle Anders (twitter.com/rawle42).

The San Francisco chapter of Creative Mornings is run by Greg Storey (twitter.com/​brilliantcrank).

Follow us on Twitter at twitter.com/​SanFrancisco_CM

From the List Apart article Taming Lists

A pipe character, |, is often used to differentiate between choices. It is an obvious separating character, and can be emulated by adding borders to list items:

#pipe ul {
margin-left: 0;
padding-left: 0;
display: inline;
}

#pipe ul li {
margin-left: 0;
padding: 3px 15px;
border-left: 1px solid #000;
list-style: none;
display: inline;
}

#pipe ul li.first {
margin-left: 0;
border-left: none;
list-style: none;
display: inline;
}
Here we add to the first LI so that it does not end up with a border on its left side.

Item 1 | Item 2 |  Item 3 | Item 4

Using PHP drawing from authors profile and the Author Image Plugin For WordPress Save it as author.php.

<?php get_header(); ?>

<div>

<!– This sets the $curauth variable –>
<div id=”authorpage”>
<?php
if(isset($_GET['author_name'])) :
$curauth = get_userdatabylogin($author_name);
else :
$curauth = get_userdata(intval($author));
endif;
?>

<h2> <?php echo $curauth->nickname; ?></h2>

<!– next line adds the image –>

<?php the_author_image(); ?>

<dl>

<dt><strong>Bio</strong></dt>
<dd><?php echo $curauth->user_description; ?></dd>
</dl>

<h3>Posts by <?php echo $curauth->nickname; ?>:</h3>

<ul>
<!– The Loop –>

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

<li>
<a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link: <?php the_title(); ?>”>
<span> <?php the_title(); ?></a>,</span>
<?php the_time(‘d M Y’); ?> <em>in <?php the_category(‘&’);?></em>
</li>

<?php endwhile; else: ?>
<p><?php _e(‘No posts by this author.’); ?></p>

<?php endif; ?>

<!– End Loop –>

</ul>
</div></div>

<?php get_footer(); ?>