/* @override http://local.mochiland.com/wp-content/themes/mochiland/_css/screen.css http://mochiland.com/wp-content/themes/mochiland/_css/screen.css */ /* @group General */ /* Blank out defaults */ * { margin:0; padding:0; } body { background-color: #4b4545; margin: 0; } body { font-family: "Lucida Grande", Arial ,sans-serif; font-size: 12px; line-height: 1.5em; color: #666; } .clear { height: 1px; clear: both; } h1, h2, h3, h4, h5, h6 { margin: 12px 0; line-height: 1.5em; color: #804994; } h1, h2, h3, h4, h5, h6, .post-date { font-weight: bold; font-family: "Helvetica", Verdana, sans-serif; letter-spacing: -1pt; word-spacing: .0em; } h1 { font-size: 2em; line-height: 1.5em; margin: 0 0 .5em; } h2 { font-size: 1.5em; line-height: 1em; margin: 1em 0; } h1+h2.subhead { font-size: 1.16666666667em; line-height: 1.286; margin: -2.4em 0 1.2em; font-style: italic; color: #583214; } h3 { font-size: 1.16666666667em; line-height: 1.286; margin: 1.3em 0 !important; } h4 { letter-spacing: 0; } h1 strong, h2 strong, h3 strong, h4 strong { color: #4b4545; } a { color: #f78223; text-decoration: none; border-bottom: 1px solid #ddd; } a:hover { color: #d94800 !important; border-width: 1px; background-color: #fffcdf; } a.external { padding-right: 10px; background: url("../_images/g_externallink.gif") no-repeat center right; margin-right: 2px; } p { font-size: 1em; line-height: 1.5; margin-top: 0; margin-bottom: 1.5em; } p.deck { } h1+h2+p.deck { } p strong { color: #4b4545; font-weight: bold; } .note { font-size: .9em; color: #aaa; } ul { font-size: 1em; margin-bottom: 1.5em; list-style: none; } #main ul li { background: url("../_images/g_egg.gif") no-repeat left .3em; padding-left: 18px; line-height: 18px; margin-bottom: 4px;} ol { list-style-position: outside; margin: 0 0 1.5em 1.8em; } ol li { margin-bottom: .5em; } blockquote { } blockquote cite { } blockqoute.pullquote { } /* @end */ /* @group Layout */ #page { background: #fff url("../_images/g_header_repeat2.jpg") repeat-x; } #header { height: 168px; position: relative; background: url("../_images/g_header_repeat.jpg") repeat-x 1201px top; } #header .wrapper { background: url("../_images/g_header_landscape.jpg") no-repeat; height: 168px; } #header #bot { width: 117px; position: absolute; top: 0; left: 0; background: url("../_images/logo_bot.gif") no-repeat; } #header #bot a { display: block; text-indent: -9999em; height: 168px; border: none; } #header #bot a:hover { background: none; } #header h1 { position: absolute; left: 723px; top: 95px; width: 226px; height: 45px; background: url("../_images/logo.gif") no-repeat; } #header h1 a { display: block; text-indent: -9999em; height: 45px; border: none; } #header h1 a:hover { background: none; } #header #nav { position: absolute; top: 110px; left: 122px; width: 320px; height: 28px; background: url("../_images/nav.gif") no-repeat left 0px; } #header #nav li { float: left; height: 28px; position: absolute; top: 0; } #header #nav li a { display: block; text-indent: -9999em; overflow: hidden; height: 28px; border: none;} #header #nav li a:hover { background: url("../_images/nav.gif"); } #header #nav li#nav_home { left: 0; width: 65px; } #header #nav li#nav_about { left: 65px; width: 64px; } #header #nav li#nav_cont { left: 129px; width: 112px; } #header #nav li#nav_contact { left: 241px; width: 79px; } #header #nav li#nav_home a { background-position: 0 -28px; } #header #nav li#nav_about a { background-position: -65px -28px; } #header #nav li#nav_cont a { background-position: -129px -28px; } #header #nav li#nav_contact a { background-position: -241px -28px; } #content { margin-left: 42px; margin-top: 20px; width: 902px; } #content #main { width: 640px; float: left; } #content #side { width: 218px; float: right; } #content #side h2 { text-transform: uppercase; } #footer { color: #fff; background: #4b4545 url("../_images/g_footer_repeat.gif") repeat-x 900px top; margin-top: 40px; text-transform: uppercase; font-size: .9em; font-weight: bold; font-family: Helvetica, Verdana, sans-serif; } #footer ul { margin: 0; } #footer ul li { float: left; margin: 0 5px 3px 0; } #footer ul li a { margin-bottom: 5px; } #footer ul li a, #footer p { background: #3a3636; border: none; color: #fff; padding: 2px 5px 2px; } #footer ul li.rss a { background: #f78223; } #footer p { float: left; padding-bottom: 0; margin-bottom: 0; } #footer .wrapper { width: 891px; position: relative; padding: 20px 10px 20px 43px; height: 41px; background: url("../_images/g_footerback.gif") repeat-x; } #footer #products { position: absolute; top: 3.5em; right: 0; } #footer #products a { display: block; overflow: hidden; float: left; margin-left: 15px; background-repeat: no-repeat; text-indent: -9999em; border: none; } #footer #products a:hover { background-color: transparent; } #footer #mochimedia { background-image: url("../_images/g_mochimedia.gif"); width: 97px; height: 19px;} #footer #mochibot { background-image: url("../_images/g_mochibot.gif"); width: 78px; height: 19px; } #footer #mochiads { background-image: url("../_images/g_mochiads.gif"); width: 79px; height: 19px;} /* @end */ /* @group Posts */ .post { margin-bottom: 30px; padding: 0 0 0px; background: url("../_images/g_divider_hor.gif") repeat-x bottom; } .post h1 { margin-bottom: 3px; letter-spacing: -2px; line-height: 1em; width: 100%;} .post h1 a { text-decoration: none; color: #804994; border: none } .post h1 a:hover { color: #f78223; } .post .post-date { font-size: 1.5em; line-height: .7em; display: block; color: #aaa; text-transform: uppercase; margin-bottom: 5px; } .post .post-author { display: block; margin: 0 0 1em; font-size: .9em; font-style: italic; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; } .post .post-content { } .post .post-content a { } .post .post-content a:hover { } .post .post-content a img { border: 4px solid #F7A34C; } .post .post-content img.plain { border: none !important; } .post .post-content a:hover img { border: 4px solid #F7A34C; } .post .post-content img { border: 3px solid #bbb; } .post .post-content .caption { margin: -1.2em 0 1.5em 0; color: #666; } .post .post-content h3 { font-size: 1.3em; margin-bottom: .5em !important; } .post .post-content h4 { font-size: 1.2em; line-height: 1.4em; } .post .post-content p code { color: #333; } .dp-highlighter .tools, .dp-highlighter ol li, .dp-highlighter .columns li { border-color: #aaa !important; } .post .post-comments { height: 39px; margin: 0; line-height: 39px; float: left; background: url("../_images/g_comment.gif") no-repeat 0 9px; font-style: italic; font-weight: bold; } .post .post-comments a { display: block; height: 23px; width: 200px; line-height: 39px; text-decoration: none; float: left; font-style: italic; border: none; color: #666; font-weight: bold;} .post .post-comments a span { display: block; height: 23px; width: 25px; color: #fff; float: left; margin-right: 5px; text-align: center; font-style: normal; } .post .post-comments a:hover { background-color: transparent; color: #f78223 !important; } .post .post-comments a:hover span { color: #ffc466 !important; } .post .post-meta { font-size: .9em; float: right; line-height: 39px; padding: 0 30px 0px 0; background: url("../_images/g_tree.gif") no-repeat bottom right; } .post .post-meta a { text-decoration: none; } .post-byline { font-size: .9em; font-style: italic; margin-bottom: 15px; padding: 0 20px;} .single { margin-bottom: 15px !important; padding-bottom: 10px; } .post .author-info { margin: 0 0 20px 0; font-size: .9em; background: #E7F8FD; padding: 10px; } .post .author-info h4 { font-size: 1.2em; margin: 0 0 .3em; } .post .post-authorimage { float: left; margin-right: 20px; overflow: hidden; width: 100px; height: 100px; border: 4px solid #B5DCE9; } .post .post-authorcontent { float: left; width: 490px; } .post .post-authorcontent p { margin: 0; } #comments { margin-top: 20px; } #comments .rss { float: right; background: url("../_images/b_rss2.gif") no-repeat left center; display: block; font-size: .9em; border: none; padding-left: 18px; letter-spacing: -1px; } #comments h2 { text-transform: uppercase; } #comments h2 em { text-transform: none; font-size: .7em; font-style: normal; padding-left: 5px; color: #aaa; word-spacing: .2em; } #comments ol { list-style: none; margin: 0; } #comments ol li { background: url("../_images/g_divider_hor.gif") repeat-x left bottom; padding-bottom: 10px; margin-bottom: 20px; } #comments .comment_author a, #comments .comment_author { color: #a5a2a2; font-weight: bold; font-size: 1.15em; text-transform: uppercase; letter-spacing: -1px; font-style: normal; border: none; } #comments .comment_author a { background-image: url("../_images/g_externallink.gif"); background-repeat: no-repeat; background-position: right top; padding-right: 12px; } #comments .comment_date { color: #c5c5c5; font-weight: bold; font-style: italic; text-transform: uppercase; font-size: .9em; } #comments .comment_avatar { background: url("../_images/g_commentbubble.gif") no-repeat; float: left; text-align: center; width: 40px; height: 40px; padding: 8px 16px 8px 9px; margin: 0; } #comments .comment_avatar a { background: none !important; text-decoration: none !important; border: none; } #comments .comment_body { float: left; margin-left: 20px; width: 555px; } #comments .comment_content { font-size: .9em; margin: 5px 0 0 0; } #comments #comment_form { margin: -15px 0 0 0; } #comments #comment_form h2 { background: url("../_images/g_littlebubble.gif") no-repeat right top; float: left; padding-right: 20px; padding-top: 5px; } #comments #comment_form textarea { width: 400px; height: 100px; } #comments #comment_form label { float: left; width: 85px; line-height: 2em; font-weight: bold; } #comments #comment_form .actions { margin-left: 85px; } .series_toc { margin: 0 0 2em 0; } .series_toc h3 { margin-bottom: .5em !important; } .series_toc li { margin: 0 0 .2em 0; } /* @end */ /* @group Side Bar */ #search_form { background: url("../_images/g_divider_hor.gif") repeat-x left bottom; margin: 0; padding: 0 0 20px; height: auto; } #search_form #searchbox { height: 22px; width: 194px; background: #fff url("../_images/g_searchbox.gif") no-repeat; float: left; margin-right: 2px; } #search_form #searchbox input { height: 15px; width: 154px; border: none; margin: 3px 0 0 25px; padding: 0px 0 0; display: block; background: none; color: #666; font-size: 1em;} #search_form #searchsubmit { float: right; background: url("../_images/b_search.gif") no-repeat; border: none; overflow: hidden; text-indent: -9999em; height: 22px; width: 22px; cursor: pointer; } #subscribe { margin-top: 15px; padding: 0 0 1px; background: url("../_images/g_divider_hor.gif") repeat-x left bottom; } #subscribe p { background: url("../_images/b_rss.gif") no-repeat; padding-left: 23px; line-height: 18px; font-size: .9em; font-weight: bold; letter-spacing: -1px;} #categories { padding: 0 0 5px; } #categories ul { margin-bottom: 0; } #categories li a { font-size: 1.6em; line-height: .5em; color: #aaa; letter-spacing: -1px; margin-right: 5px; text-transform: up; margin-bottom: 5px; border: none; font-family: "Helvetica", Verdana, sans-serif; } #categories li { font-size: .8em; color: #aaa; font-weight: normal; margin-bottom: 2px; } #recent_comments { background: url("../_images/g_divider_hor.gif") repeat-x left bottom; padding-bottom: 10px; } #recent_comments h2 { background: url("../_images/g_littlebubble.gif") no-repeat right top; float: left; padding-right: 20px; } #recent_comments li { font-size: .9em; line-height: 1.3em; margin-bottom: 5px; } #mochinews { margin-top: 20px; } #mochinews h2 { font-size: 1.2em; } #mochinews ul { font-size: .9em } #mochinews ul li { background: url("../_images/g_egg.gif") no-repeat left .4em; padding-left: 18px; margin: 0 0 2px; } /* @end */ /* @group Forms */ textarea, .textbox { border: 3px solid #ddd; padding: 3px; color: #666; } .textbox { width: 250px; border: 2px solid #ddd; } textarea:focus, .textbox:focus { border-color: #F7A34C; } /* @end */ /* @group Page - Category */ #category h1.pagetitle { background: url("../_images/g_divider_hor.gif") repeat-x bottom left; padding-bottom: 20px; margin-bottom: 30px;} /* @end */ /* @group Page - Search */ #search #search_again { background: url("../_images/g_divider_hor.gif") repeat-x bottom left; padding-bottom: 20px; margin-bottom: 30px; } /* @end */ /* @group Page - Contact */ .contact form { } .contact form #contactsubmit { float: left; margin-left: 90px; } /* @end */ /* @group Page - Author */ #author .authorimage { float: left; overflow: hidden; width: 100px; height: 100px; border: 4px solid #B5DCE9; } #author #bio { margin-left: 130px; } #author #bio p { margin-bottom: .5em; } #author #posts { margin-top: 40px; } /* @end */ /* @group Chili */ code.javascript { display: block; padding: 1em; background: #fbfbfb; border: 1px dotted #aaa; color: #444; line-height: 130%; overflow: auto; white-space: pre; } code.clip { height: 450px; overflow: auto; } /* @end */