/* Theme Name: Tasty Theme URI: http://whalesalad.com/tasty/ Description: A delicious and refreshing theme for Wordpress. Version: 1.2 Author: Michael Whalen Author URI: http://whalesalad.com/ Tags: fixed width, two columns, widgets */ * { margin: 0; padding: 0; } body { background: #333; font: 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 15px 0 0 0; } #wrapper { width: 820px; margin: 0 auto; background: url(img/bg.png) top center repeat-y; } #wrapper .innerTop, #wrapper .innerBottom { width: 820px; height: 30px; display: block; background: url(img/bg_top.png) top center no-repeat; } #wrapper .innerBottom { background: #333 url(img/bg_bottom.png) top center no-repeat; clear: both; } #wrapper #header { width: 760px; height: 170px; margin: 0 auto 20px auto; background-position: center center !important; position: relative; } #wrapper #header .headerOverlay { position: absolute; display: block; width: 760px; height: 170px; background: url(img/headerOverlay.png) center center no-repeat; top: 0; left: 0; } #wrapper #header a.headerLink { display: block; } #wrapper #header h1, #wrapper #header h2 { float: left; display: inline; margin-left: 50px; position: relative; } #wrapper #header h1 { color: #FFF; font-size: 2.4em; margin: 55px 0 10px 50px; } #wrapper #header h1 a { color: #FFF; text-decoration: none; } #wrapper #header h2 { font-size: 1.4em; color: #FFF; font-weight: normal; clear: left; } #wrapper #header .search { position: absolute; bottom: 0; right: 0; height: 40px; width: 240px; z-index: 10000; } #wrapper #header .search label { position: absolute; top: 8px; left: 7px; color: #999; font-size: 1.2em; } #wrapper #header .search input#searchInput { float: left; display: inline; height: 17px; padding: 7px; border: none; background: url(img/searchInputBg.png) 0 0 no-repeat; width: 178px; margin-right: 5px; font: 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif; } #wrapper #header .search input#submitSearch { } #wrapper #content { width: 500px; display: inline; } #wrapper #sidebar { width: 240px; font: normal 1.1em/1.8em "Verdana", "Tahoma", sans-serif; display: inline; } body.left-sidebar #wrapper #content { margin-right: 30px; float: right; } body.right-sidebar #wrapper #content { margin-left: 30px; float: left; } body.right-sidebar #wrapper #sidebar { margin-right: 30px; float: right; } body.left-sidebar #wrapper #sidebar { margin-left: 30px; float: left; } a:hover { text-decoration: none; } a img { border: none; } #footer { width: 800px; margin: 15px auto 30px auto; text-align: center; font-size: 1.2em; color: #F7F7F7; /* #555 */ } #footer a { color: #F7F7F7; } #footer .amp { font: italic 120% "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", serif; } /* /// Content/Post Style */ #content .notice { background: url(img/noticeBg.png) 0 0 no-repeat; line-height: 35px; height: 35px; overflow: hidden; font-size: 1.3em; font-weight: bold; text-align: center; margin: 0 0 1em 0; color: #333; } #content .notice a { color: #333; } #content p a { color: #FE005A; text-decoration: none; border-bottom: 1px dotted #FE005A; padding: 0 1px; } #content p a:hover { border-bottom-style: solid; background: #FAEBF0; } #content .post { margin-bottom: 20px; } #content .post .postMeta, #content .page .postMeta { background: url(img/postMetaBg.png) 0 0 no-repeat; height: 50px; overflow: hidden; margin-bottom: 15px; } #content .post .postMeta .date { float: left; background: #FFF url(img/postDateBg.png) 0 0 no-repeat; padding: 5px 3px 3px 3px; margin: 5px 0 0 5px; height: 32px; width: 33px; text-align: center; font-size: 1.2em; font-weight: bold; text-transform: uppercase; color: #FFF; text-shadow: 0 -1px 0 #B40047; } #content .post .postMeta .date span.month { display: block; font-size: 0.9em; } #content .post .postMeta .date span.day { font-size: 1.2em; } #content .post .postMeta h2, #content .post .postMeta small { display: block; margin-left: 55px; } #content .postMeta h2 { font-size: 1.8em; line-height: 1.7em; text-shadow: 0 1px 0 #000; } #content .page .postMeta h2 { font-size: 2.2em; margin-left: 0.5em; line-height: 2.3em; } #content .postMeta h2 a { color: #FFD0E1; text-decoration: none; text-transform: uppercase; } #content .postMeta small { font-size: 1.1em; line-height: 1.3em; color: #EEE; text-shadow: 0 1px 0 #000; } #content .postMeta small a { color: #EEE; } #content .postMeta small a:hover { text-decoration: none; } #content .pagination { color: #444; background: url(img/commentHeaderBg.png) 0 0 no-repeat; height: 35px; line-height: 35px; overflow: hidden; padding: 0 10px; margin-bottom: 10px; font-weight: bold; font-size: 1.4em; text-shadow: 0 1px 0 #FFF; color: #333; } #content .pagination span.left { float: left; } #content .pagination span.right { float: right; } #content .pagination a { color: #333; } #content .postContent { font: 1.2em/2em "Verdana", "Tahoma", sans-serif; } #content .postContent p { margin: 0 0 1em 0; } #content .postContent blockquote { margin: 0 0 1em 1em; padding: 0.75em 1em; border-left: 1px solid #CCC; background: #EEE; } #content .postContent code,  #content .postContent pre {  font-family: Consolas, Monaco, Courier, "Courier New", Verdana, sans-serif; } #content .postContent sub, #content .postContent sup { line-height: 0.75em } #content .postContent ul, #content .postContent ol { margin: 0 0 1.5em 1.5em; } #content .postContent ul ul, #content .postContent ul ol, #content .postContent ol ul, #content .postContent ol ol { margin: 0 0 0 1.5em; } #content .postContent dl, #content .postContent dd { margin-bottom: 1.5em; } #content p.wp-caption-text { text-align: center; font-size: 1.1em; font-style: italic; color: #777; } #content .commentsMeta { color: #444; background: url(img/commentHeaderBg.png) 0 0 no-repeat; height: 35px; line-height: 35px; overflow: hidden; padding: 0 10px; margin-bottom: 10px; } #content .commentsMeta h3 { font-size: 1.4em; text-shadow: 0 1px 0 #FFF; } #content ol.postComments { list-style: none; } #content ol.postComments li.comment { background: url(img/commentBgTop.png) 0 0 no-repeat; padding-top: 4px; margin-bottom: 10px; } #content ol.postComments li.comment.comment-author-admin, #content ol.postComments li.comment.bypostauthor { background: url(img/commentAuthorBgTop.png) 0 0 no-repeat; } #content ol.postComments li span.authorStar { display: none; } #content ol.postComments li.comment.comment-author-admin span.authorStar, #content ol.postComments li.comment.bypostauthor span.authorStar { float: right; display: block; font-size: 1.6em; padding-right: 10px; } #content ol.postComments li.comment.unapproved { color: #999; } #content ol.postComments li.comment .commentBody { border: 1px solid #DDD; border-width: 0 1px; padding: 6px 10px 10px 10px; font: normal 1.1em/1.8em "Verdana", "Tahoma", sans-serif; } #content ol.postComments li.comment.comment-author-admin .commentBody, #content ol.postComments li.comment.bypostauthor .commentBody { border-color: #eecfda; } #content ol.postComments li.comment .commentMeta { height: 26px; padding: 0 0 0 40px; line-height: 26px; overflow: hidden; background: url(img/commentBgBottom.png) 0 0 no-repeat; font-size: 1.1em; color: #666; } #content ol.postComments li.comment .commentMeta a { font-weight: bold; color: #666; } #content ol.postComments li.comment.comment-author-admin .commentMeta, #content ol.postComments li.comment.bypostauthor .commentMeta { color: #ee8fb1; background: url(img/commentAuthorBgBottom.png) 0 0 no-repeat; } #content ol.postComments li.comment.comment-author-admin .commentMeta a, #content ol.postComments li.comment.bypostauthor .commentMeta a { color: #ee8fb1; } div.commentRespond { } div.commentRespond p { font-size: 1.2em; line-height: 2em; } div.commentRespond h3 { color: #666; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; line-height: 1.8em; font-size: 1.6em; } div.commentRespond fieldset { border: none; } div.commentRespond fieldset label { color: #777; font-size: 12px; line-height: 18px; display: block; clear: left; margin-bottom: 10px; position: relative; } div.commentRespond fieldset label span.label { position: absolute; left: 7px; line-height: 28px; margin: 0; } div.commentRespond fieldset label input { padding: 3px; width: 250px; } div.commentRespond fieldset label textarea { padding: 5px; width: 490px; } div.commentRespond fieldset label input, div.commentRespond fieldset label textarea { font: 1em "Helvetica Neue", Helvetica, Arial, sans-serif; } #sidebar ul { list-style-type: none; } #sidebar ul li { margin-bottom: 1.5em; } #sidebar ul li ul li { margin-bottom: 0; } #sidebar ul li h2 { color: #666; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; line-height: 1.8em; font-size: 1.1em; font-weight: bold; } #sidebar ul li a { color: #FE337B; text-decoration: none; padding: 1px; } #sidebar ul li a:hover { color: #FE005A; background: #FAEBF0; text-decoration: underline; } #sidebar ul.socialButtons { margin: 0; } #sidebar ul.socialButtons:after { content: "."; visibility: hidden; height: 0; display: block; clear: both; } #sidebar ul.socialButtons li.button { float: left; width: 50px; height: 50px; margin: 0 10px 10px 0; position: relative; } #sidebar ul.socialButtons li.button div.tooltip { position: absolute; top: -25px; left: -10px; white-space: nowrap; display: none; z-index: 999; } #sidebar ul.socialButtons li.button div.tooltip:hover { cursor: pointer !important; } #sidebar ul.socialButtons li.button div.tooltip span.center { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.2em; background: url(img/tooltipCenter.png) top center no-repeat; display: block; padding: 0 10px; line-height: 30px; color: #FFF; font-weight: bold; height: 48px; text-shadow: 0 1px 1px #000; } #sidebar ul.socialButtons li.button div.tooltip span.left, #sidebar ul.socialButtons li.button div.tooltip span.right { width: 6px; height: 33px; display: block; position: absolute; top: 0; } #sidebar ul.socialButtons li.button div.tooltip span.left { background: url(img/tooltipLeft.png) top left no-repeat; left: -6px; } #sidebar ul.socialButtons li.button div.tooltip span.right { background: url(img/tooltipRight.png) top right no-repeat; right: -6px; } #sidebar ul.socialButtons li.button a { display: block; height: 50px; width: 50px; background-position: 0 0; text-indent: -9999em; padding: 0 !important; } #sidebar ul.socialButtons li.button.rss a { background-image: url(img/social/rss.png) !important; } #sidebar ul.socialButtons li.button.email a { background-image: url(img/social/email.png) !important; } #sidebar ul.socialButtons li.button.youtube a { background-image: url(img/social/youtube.png) !important; } #sidebar ul.socialButtons li.button.twitter a { background-image: url(img/social/twitter.png) !important; } #sidebar ul.socialButtons li.button.facebook a { background-image: url(img/social/facebook.png) !important; } #sidebar ul.socialButtons li.button.myspace a { background-image: url(img/social/myspace.png) !important; } #sidebar ul.socialButtons li.button.flickr a { background-image: url(img/social/flickr.png) !important; } #sidebar ul.socialButtons li.button.delicious a { background-image: url(img/social/delicious.png) !important; } #sidebar form#searchform label { display: none; } #sidebar form#searchform input#s { padding: 3px; width: 150px; } .debug { padding: 10px; font: 1.2em 'Consolas'; background: #EEE; border: 1px solid #CCC; }