* { margin: 0; padding: 0 }
body { font-family: "trebuchet", "trebuchet ms", "verdana", sans-serif; font-size: 14px; line-height: 130%; }
img { border: 0; }
a { color: #666; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
dl { margin: .8em 0; }
dt { margin-top: 0.9em; font-weight: bold; }
dd { margin-left: 1.2em; color: #666; }

/* header and structure */
#wrapper { margin: auto; width: 940px }
#header { margin-top: 8px; clear: both; display: block; }
#header img { float: left; }

/* header nav */
#mainNav { float: left; width: 260px; margin: 8px 0 0 8px; list-style: none outside none; }
#mainNav li { float: left; margin: 0 8px 8px 0; }
#mainNav li a { 
  width: 120px; 
  height: 60px; 
  color: #fff; 
  font-family: "trebuchet", "trebuchet ms", "verdana", sans-serif; 
  font-weight: bold; 
  font-size: 14px; 
  line-height: 22px;
  text-decoration: none; 
  text-transform: lowercase;
  display: block;
  background: transparent none no-repeat scroll 0 0; 
}
#mainNav li a:hover { background-position: 0 100%; color: #111; }
#mainNav li.orange a { background-image: url(/images/orange.png); }
#mainNav li.blue a { background-image: url(/images/blue.png); }
#mainNav li.green a { background-image: url(/images/green.png); }
#mainNav li.purple a { background-image: url(/images/purple.png); }
#mainNav li.yellow a { background-image: url(/images/yellow.png); }
#mainNav li.red a { background-image: url(/images/red.png); }

/* content styles */
#contentWrap { display: block; clear: both; }
#contentWrap ul { list-style-type: square; }
#contentWrap li { padding: 0; list-style-type: square; }

/* main column styles */
#mainContent { display: block; float: left; width: 460px; margin: 3em 80px 6em 8px; overflow: hidden; position: relative; }
#mainContent h1 { line-height: 28px; font-size: 24px; font-weight: bold; margin-bottom: .7em; }
#mainContent h2 { line-height: 20px; font-size: 18px; font-weight: bold; margin: .7em 0 .5em; }
#mainContent h3 { line-height: 16px; font-size: 14px; font-weight: bold; margin: .7em 0 .5em; }
#mainContent p { margin: 0 0 .7em; }
#mainContent ul { list-style: square inside; margin-bottom: 1em; }

/* right column styles */
#contentRight { float: left; margin: 5em 0 0; width: 300px; font-size: 88%; }
#contentRight > div { width: 280px; overflow: hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 1em; margin-bottom: 1em; }
#contentRight ul { margin: .5em 0 .7em .2em; padding: 0 2px 0 1em; list-style-type: square; }
#contentRight ul li { list-style-type: square; line-height: 14px; margin-top: 4px;}
#contentRight a { text-decoration: none; color: #111; }
#contentRight a:hover { text-decoration: underline; }
#contentRight h3 { line-height: 16px; font-size: 14px; font-weight: bold; font-style: italic; }
div.red, div.widget_links { background-color: #FF8F8F; }
div.yellow, div.widget_categories, div.widget_calendar { background-color: #F7FF6F; }
div.purple, div.widget_tag_cloud { background-color: #CEAFFF; }
div.blue, div.widget_twitter { background-color: #95fcf7; }
div.green, div.widget_recent_entries { background-color: #C8FF7F; }
div.orange, div.widget_archive { background-color: #FFB25F; }
#wp-calendar { width: 260px; margin: 1em; text-align: center; border: 2px solid #666; }
#wp-calendar a { color: #FF8400; font-weight: bold; }
#wp-calendar a:hover { text-decoration: underline; }
#wp-calendar td, #wp-calendar th { padding: 2px; margin: 1px; background-color: #fff; text-align: center; }
#wp-calendar th { background-color: #c0c0c0; }

/* footer styles */
#footer {
  vertical-align: bottom;
  display: block;
  clear: both;
  position: fixed;
  bottom: 0;
  padding: 8px;
  height: 22px;
  width: 940px;
  background-color: #efefef;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  border: 1px solid #666;
  border-bottom: none;
}
#footer ul { float: left; list-style: none inside none; }
#footer li { float: left; margin: 0 1em 0 0; }
#footer a { color: #333; text-decoration: none; text-transform: lowercase; }
#footer a:hover { color: #666; text-decoration: underline; }

/* form styles */
label { display: block; }
input, textarea, select { font-family: "trebuchet", "arial", sans-serif; font-size: 12px; }

/* blog styles */
div.wpBlogs { margin: 1.2em 0 0 !important; }
div.wpPage div.wpBlogs { margin: 5.8em 0 0 !important; }

div.post { margin-bottom: 3.2em; clear: both; display: block; }
div.post p { margin-bottom: .7em; }
div.post a { color: #333; }
div.post h1 { color: #333 !important; margin-bottom: 0.1em !important; }

div.entry-content a { padding: 0 3px; background-color: #eee; moz-border-radius: 4px; -webkit-border-radius: 4px; }
div.entry-content a:hover { background-color: #fff; }
.entry-title a { text-decoration: none; }
div.entry-meta, div.entry-utility { font-size: 80%; color: #999; margin: .8em 0; font-style: italic; }
div.entry-meta a, div.entry-utility a { color: #999; text-decoration: none; }
div.entry-meta a:hover, div.entry-utility a:hover { text-decoration: underline; }
p.form-allowed-tags { font-size: 70%; }
div.nav-previous, div.nav-next { font-size: 80%; margin: 0 0 1em; }
div.nav-previous a, div.nav-next a, p.logged-in-as a { text-decoration: none; color: #999; }
div.nav-previous { float: left; }
div.nav-next { float: right; }
#nav-above, #nav-below { display: block; clear: both; margin: .5em; }
span.edit-link, p.logged-in-as { font-size: 80%; }
p.logged-in-as { float: right; color: #999; font-style: italic; }
span.fbLike { margin-left: 1em; }

#respond { margin-top: 3em; }
#comments { clear: both; display: block; font-size: 92%; }
#comments h3 { color: #333; }
#comments ul.children { list-style: none inside none; margin-left: 1.6em; }
#comments li.comment { list-style-type: none; }
#comment { width: 455px; }
li.comment { margin: .2em 0 1.6em }
div.comment-author { margin-left: 4px; }
div.comment-meta { margin-left: 44px; }
div.comment-meta, div.comment-author { color: #999; font-style: italic; display: block; font-size: 88%; }
div.comment-meta a, div.comment-author a { color: #999; text-decoration: none; }
div.comment-meta a:hover, div.comment-author a:hover { text-decoration: underline; }
div.comment-body { display: block; clear: both; margin: .4em 0; }
div.reply a { color: #999; font-size: 88%; }


#contentRight div.widget_twitter ul { padding: 0; margin: 0; list-style: none outside none; }
#contentRight div.widget_twitter li { background-color: #fff; margin-top: 4px; list-style: none; padding: 4px; }
#contentRight div.widget_twitter a { color: #666; }
#contentRight span.entry-meta { font-size: 70%; color: #999; font-style: italic; display: block; }
#contentRight span.entry-meta a { color: #999; }
#contentRight div.widget_twitter a.twitter-user { color: #35A6FF; }
