/*
Theme Name:   Mojito
Description:  A two-column theme for WordPress by <a href="http://urbanana.net">Lauren Newman</a>
Version:      1.0
Author:       Lauren Newman
Author URI:   http://urbanana.net
*/

body { background: #f5f5f5; border-top: 10px solid #e4e4e4; color: #222; font: normal 13px/1.6em Verdana, Helvetica, sans-serif; }
* { margin: 0; padding: 0; }
#container { background: #fff; margin: 0 auto; width: 1000px; }
#header { padding-top: 10px; }
#content { float: left; padding: 20px 40px; width: 620px; }
#sidebar { float: right; padding: 20px 0; width: 300px; }
#footer { border-bottom: 10px solid #e4e4e4; padding: 20px 0 10px 0; }
#footer { background: url(http://urbanana.net/blog/wp-content/themes/mojito/footer-bw.jpg) no-repeat top; }
// #footer:hover { background: url(http://urbanana.net/blog/wp-content/themes/mojito/footer.jpg) no-repeat top; }
a { color: #fd9b6e; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }
.photoText { color: #555; font: italic 11px/1.6em Verdana, Helvetica, sans-serif; }
p { padding-bottom: 20px; }
ul { list-style: none; padding-bottom: 20px; }
ol { padding: 20px; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/* POSTS */
.post h2 { font: bold 26px/1em Verdana, Helvetica, sans-serif; }
.post h2 a { color: #222; }
.post h2 a:hover { color: #fd9b6e; text-decoration: none; }
.post h3 { color: #555; font: normal 12px/1.6em Verdana, Helvetica, sans-serif; padding-bottom: 20px; }
.post h4 { border-bottom: dashed 2px #FFDDC7; font: bold 12px/1em Verdana, Helvetica, sans-serif; margin-bottom: 20px; padding-bottom: 20px; }
.post h4 a { color: #222; }
.post h4 a:hover { color: #fd9b6e; text-decoration: none; }
.post a { font-weight: bold; }
.post img { max-width: 620px; }

/* NAVIGATION */
.navie { font: bold 18px/1em Verdana, Helvetica, sans-serif; padding-bottom: 20px; }
.navie a { color: #222; }
.navie a:hover { color: #fd9b6e; text-decoration: none; }
span.previous { float: left; }
span.next { float: right; }

/* COMMENTS */
.comment { border-bottom: dashed 2px #FFDDC7; margin-bottom: 20px; }
.comment h5 { float: left; font: bold 38px/1em Verdana, Helvetica, sans-serif; padding: 0 8px 10px 0; }
.comment h5:hover { color: #fd9b6e; }
.comment h6 { color: #222; font: normal 13px/1.3em Verdana, Helvetica, sans-serif; }
.comment h6 a { font-weight: normal; }
#commentform ul { list-style-type: none; padding-bottom: 20px; }
#commentform li { padding-top: 10px; }
#commentform li .label { float: left; padding-right: 10px; text-align: right; width: 80px; }
#commentform input.text { background: #FFF; font: normal 13px/1em Verdana, Helvetica, sans-serif; width: 260px; }
#commentform input.button { background: #FFF; font: normal 13px/1em Verdana, Helvetica, sans-serif; padding: 2px; }
#commentform textarea { background: #FFF; font: normal 13px/1.2em Verdana, Helvetica, sans-serif; height: 130px; width: 526px; }

/* PAGES */
#page h2 { font: bold 26px/1em Verdana, Helvetica, sans-serif; }
#page h2 a { color: #222; padding-bottom: 20px; }
#page h2 a:hover { color: #fd9b6e; text-decoration: none; }
#page img { max-width: 620px; }

/* SIDEBAR */
#sbSearch { background: url(http://urbanana.net/blog/wp-content/themes/mojito/sb-search-bw.jpg) no-repeat top; height: 30px; }
// #sbSearch:hover { background: url(http://urbanana.net/blog/wp-content/themes/mojito/sb-search.jpg) no-repeat top; height: 30px; }
#search input { background: #FFF; color: #fd9b6e; font: normal 16px/1em Verdana, Helvetica, sans-serif; margin: 10px; text-align: center; width: 276px; }
#sbAbout { background: url(http://urbanana.net/blog/wp-content/themes/mojito/sb-about-bw.jpg) no-repeat top; height: 30px; }
// #sbAbout:hover { background: url(http://urbanana.net/blog/wp-content/themes/mojito/sb-about.jpg) no-repeat top; height: 30px; }
#about img { padding: 10px 0; }
#about p { padding-bottom: 10px; }
#sbTwitter { background: url(http://urbanana.net/blog/wp-content/themes/mojito/sb-twitter-bw.jpg) no-repeat top; height: 30px; }
// #sbTwitter:hover { background: url(http://urbanana.net/blog/wp-content/themes/mojito/sb-twitter.jpg) no-repeat top; height: 30px; }
#sbFlickr { background: url(http://urbanana.net/blog/wp-content/themes/mojito/sb-flickr-bw.jpg) no-repeat top; height: 30px; }
// #sbFlickr:hover { background: url(http://urbanana.net/blog/wp-content/themes/mojito/sb-flickr.jpg) no-repeat top; height: 30px; }
#flickr { padding: 10px 0; }
#flickr img { height: 80px; margin: 10px; width: 80px; }
#flickr img:hover { height: 100px; margin: 0; width: 100px; }
#sbAlbums { background: url(http://urbanana.net/blog/wp-content/themes/mojito/sb-albums-bw.jpg) no-repeat top; height: 30px; }
// #sbAlbums:hover { background: url(http://urbanana.net/blog/wp-content/themes/mojito/sb-albums.jpg) no-repeat top; height: 30px; }
#albums { font: bold 18px/97px Verdana, Helvetica, sans-serif; padding: 10px 0;}
#albums img { margin: 10px;}
#albums img:hover { height: 95px; margin: 0; width: 95px; }
.albumImage { float: left; }
.albumText { margin-left: 105px; }
.albumAll { font: normal 15px/1.6em Verdana, Helvetica, sans-serif; padding-left: 10px; }
#sbArchives { background: url(http://urbanana.net/blog/wp-content/themes/mojito/sb-archives-bw.jpg) no-repeat top; height: 30px; }
// #sbArchives:hover { background: url(http://urbanana.net/blog/wp-content/themes/mojito/sb-archives.jpg) no-repeat top; height: 30px; }
#archives { font: normal 15px/1.6em Verdana, Helvetica, sans-serif; padding: 10px; }
#archives ul { padding-bottom: 10px; }
#sbMastheads { background: url(http://urbanana.net/blog/wp-content/themes/mojito/sb-mharchives-bw.jpg) no-repeat top; height: 30px; }
// #sbMastheads:hover { background: url(http://urbanana.net/blog/wp-content/themes/mojito/sb-mharchives.jpg) no-repeat top; height: 30px; }
#mastheads { font: normal 15px/1.6em Verdana, Helvetica, sans-serif; padding: 10px 0; }
#mastheads img { max-width: 300px; margin-bottom: 10px; }
#mastheads a { padding-left: 10px; }
#sbBlank { background: url(http://urbanana.net/blog/wp-content/themes/mojito/sb-blank-bw.jpg) no-repeat top; height: 30px; }
// #sbBlank:hover { background: url(http://urbanana.net/blog/wp-content/themes/mojito/sb-blank.jpg) no-repeat top; height: 30px; }
#google { padding: 10px 0; }
#rss { padding: 20px; }
#rss img { float: left; padding-right: 20px; }

/* ABOUT */
.chart { height: 100px; text-align: center; vertical-align: middle; width: 100px; }
.chart img { border: 0; }
.iAm { background-color: #F6422B; }
.iLike { background-color: #FD9B6E; }
.iGo { background-color: #FFDDC7; }
.iHave { background-color: #FFF3E4; }
.iDislike { background-color: #D0DE4B; }
.usPhoto { background: url(http://urbanana.net/blog/wp-content/themes/mojito/heart.jpg) no-repeat top; }
.usPhoto:hover img { visibility: hidden; }

/* RESUME */
#resumeContainer { background: #000; color: #FFF; font: bold 16px/20px Verdana, Helvetica, sans-serif; height: 628px; margin: 0 auto; padding-bottom: 16px; width: 972px; }
#resumeHeader { background: url(http://urbanana.net/blog/wp-content/uploads/2010/02/resumeHeader.jpg); height: 184px; }
.year { border-left: #FFF 4px solid; border-top: #FFF 4px solid; float: left; padding: 20px 0 0 8px; width: 96px; }
#resumeFooter { font: normal 12px/20px Verdana, Helvetica, sans-serif; position: absolute; text-align: right; top: 622px; width: 956px; }

#resumeBars { clear: both; font-weight: normal; padding: 16px 0; position: relative; text-align: right; }
#resumeBars a { color: #000; display: block; text-decoration: none; }
#resumeBars a:hover { color: #FFF; }
#resumeBars span { position: absolute; }
#resumeBars .areaA { padding-right: 8px; }
#resumeBars .areaB, #resumeBars .areaC { background: #FFF; color: #000; font: normal 16px/22px "Times New Roman", Times, serif; height: 184px; left: 16px; padding: 8px 16px; text-align: left; width: 908px; }
#resumeBars .areaB { top: 176px; visibility: hidden; z-index: 2; }
#resumeBars .areaC { top: 192px; z-index: 1; }

#vcu { display: block; position: relative; }
#vcu .areaA { background: #7fd7ce; left: 68px; width: 356px; }
#vcu:hover .areaA { background: #00b09d; }
#vcu:hover .areaB { visibility: visible; }

#serl { display: block; position: relative; }
#serl .areaA { background: #7fe0da; left: 68px; top: 20px; width: 348px; }
#serl:hover .areaA { background: #00c2b6; }
#serl:hover .areaB { visibility: visible; }

#dhcd { display: block; position: relative; }
#dhcd .areaA { background: #98e9e5; left: 368px; top: 40px; width: 116px; }
#dhcd:hover .areaA { background: #32d3cb; }
#dhcd:hover .areaB { visibility: visible; }

#st1 { display: block; position: relative; }
#st1 .areaA { background: #bdeeeb; left: 476px; top: 60px; width: 32px; }
#st1:hover .areaA { background: #7bddd8; }
#st1:hover .areaB { visibility: visible; }

#blog { display: block; position: relative; }
#blog .areaA { background: #f8d57f; left: 476px; top: 80px; width: 416px; }
#blog:hover .areaA { background: #f1ab00; }
#blog:hover .areaB { visibility: visible; }

#bg { display: block; position: relative; }
#bg .areaA { background: #f8e6a1; left: 516px; top: 100px; width: 108px; }
#bg:hover .areaA { background: #f1cd44; }
#bg:hover .areaB { visibility: visible; }

#st2 { display: block; position: relative; }
#st2 .areaA { background: #f8eaae; left: 632px; top: 120px; width: 260px; }
#st2:hover .areaA { background: #f2d65e; }
#st2:hover .areaB { visibility: visible; }

#bossy { display: block; position: relative; }
#bossy .areaA { background: #f7efc2; left: 700px; top: 140px; width: 192px; }
#bossy:hover .areaA { background: #efdf85; }
#bossy:hover .areaB { visibility: visible; }