/*
Theme Name:   Mojito
Description:  A two-column theme for WordPress by <a href="http://urbanana.net">Lauren Newman</a>
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; }
hr { margin-bottom: 20px; }
#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: 6px solid #e4e4e4; padding: 20px 0 6px 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-left: 20px; }
ol img { margin-left: -20px; }
li p { padding-bottom: 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 12px/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; }
.mycomment { background-color: #FFF2E9; margin-top: -20px; padding-top: 20px; }

/* PAGES */
.page h2 { font: bold 26px/26px Verdana, Helvetica, sans-serif; padding-bottom: 20px; }
.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; }