/* Theme Name: Grady Theme URI: http://journal.barleyhut.com Description: "Even though Poe and I were not exactly what you'd call simpatico that's no reason he should've taken two in the chest." Version: 1.0 Author: A.M. Griffin Author URI: http://journal.barleyhut.com */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0pt; padding:0pt; } body {background: #fff; font-family: "myriad pro", helvetica, "trebuchet ms", Tahoma, "FreeSans", sans-serif; font-size: 88%; line-height:1.5; text-align:center;} html > body {font-size:14px;} p, ul, ol, blockquote, pre, td, th, label {line-height: 1.5; margin: 0; margin-bottom: 1.5em; } #ft{clear:both;margin: 4.5em 0 0 0; text-align: center;} /*===== o0o: YUI GRID GIBBERISH =====*/ #doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {margin:auto;text-align:left;width:57.69em; *width:56.3em; min-width:750px;} #doc2 {width:73.074em;*width:71.313em;min-width:950px;} .yui-b{position:relative;} .yui-b{position:static;} /* for IE < 7 */ #yui-main .yui-b{position:static;} #yui-main {width:100%;} .yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right; margin-left:-25em;/* IE: preserve layout at narrow widths */} .yui-t4 #yui-main, .yui-t5 #yui-main, .yui-t6 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */} .yui-t5 .yui-b {/* keep*/float:right;width:17.7em; *width:17.7em;} .yui-t5 #yui-main .yui-b { /* keep*/margin-right:20.4608em; *margin-right:20.016em;} #yui-main .yui-b {float:none;width:auto;} #bd:after,.yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf{zoom:1;} #posterous_autopost {text-align:center !important;} :link img { border: none; } /*===== o0o: MAIN NAV AND HEADER=====*/ ul#navigation { background: #efefef; border-bottom: 1px solid #d4d4d4; padding: 3px 0 3px 0; text-align:center; text-transform: lowercase; width: 100% } ul#navigation li { display: inline; margin: 0 9px 0 9px;} ul#navigation li a { background: #e1e1e1; color: #666; font-weight: bold; text-decoration: none; } ul#navigation li a:hover { background: #efefef; color: #333; text-decoration: underline;} ul#navigation li.current_page_item a {background: #E9FCFF; color: #000; text-decoration:underline;} ul#navigation li.find {margin-right: 18px;} ul#navigation li.find a {color: #000;} ul#navigation li.find a:hover {background: #efefef; color: #000946; text-decoration: underline;} #hd {margin-bottom: 1.5em;} #hd p {background: #E7FEF5; line-height: 1.2; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; margin: 0 0 0 0; padding: 12px 9px 9px 9px;text-align:center;} #hd p a {background: #E7FEF5;color: #000; text-decoration: none;} #hd p a:hover {background: text-decoration: underline;} #hd p.photo {background: #fff; border:none; display: block;margin-left: auto;margin-right: auto;} #hd h1 {text-transform:uppercase;letter-spacing:-.05em;color:#9F0001;font:700 90px Helvetica, Arial;text-align:center; padding-top: 20px !important; margin-bottom:20px !important;} #hd h1 a {color: #9F0001;font-weight: bold;text-decoration: none;} #hd h1 a:hover, #header h2 a:hover{color: #000946;background: inherit; font-weight: bold; } /*===== o0o: HEADINGS=====*/ h2, h3, h4, h5, h6 {font-family: Helvetica, Calibri, Arial, "FreeSans", sans-serif;} h3 {color: #222;font-size: 1.571em;line-height: 1.091;margin-bottom: 1.091em;} h4 {color: #444;font-size: 1.286em;line-height: 1.333;margin-bottom: 1.333em;} h4.tangent {background: #cc9999; color: #663333;font-size: 1.286em;line-height: 1.333;margin-bottom: 0em;margin-left:1.5em;font-weight:normal;font-family: georgia, baskerville, serif; } h5 {color: #444;font-size: 1.143em;line-height: 1.5;margin-bottom: 1.5em;} /*===== o0o: POSTS=====*/ div.hfeed h2 {color: #000; font: 1.8em/0.9 Helvetica, Calibri, Arial, "FreeSans", sans-serif; letter-spacing: -1px; text-align:center; margin-bottom: 20px; } div.hfeed h2 a {color: black; text-decoration: none; margin-bottom: 20px;} div.hfeed h2 a:hover {color: black;text-decoration: underline; margin-bottom: 20px;} div.entry-content {color: #555;padding:18px 10px 68px 10px; margin-top:-20px; margin-bottom:-45px; text-align:center} div.entry-content a {background: #E7FEF5;color: #444; text-decoration: none;} div.entry-content a:hover, ul.tangent li a:hover {background: inherit;color: #555;text-decoration: underline;} div.entry-content ul {list-style-type: circle; list-style-position: outside;} div.entry-content ol {list-style-type: decimal-leading-zero; list-style-position: outside;} div.entry-content ul li, div.entry-content ol li {margin-bottom: 0.5em;} div.entry-content ol.blocked li, ul.blocked li {background: #fbfbfb; list-style-type: none;padding:9px;} div.entry-content ol.blocked li.odd {background: #f5f5f5 !important; list-style-type: none;padding:9px;} div.entry-content ol.blocked strong, ol.blocked span, ul.blocked strong {color: #000; font-family: times, "times new roman", serif; font-weight:bold; text-transform: uppercase; letter-spacing: 2px;} .postmetadata {font-family: helvetica,arial !important; font-weight: bold !important; color: #e5e5e5; text-transform: uppercase; font-size:25px; text-align: center; margin-bottom: 4px !important;} .postmetadata a {font-family: helvetica,arial !important; font-weight: bold !important; color: #e5e5e5; text-transform: uppercase; font-size:25px; text-align: center; margin-bottom: 4px !important;} div.hfeed ul.aside {margin-bottom: 3em;} div.hfeed ul.aside li {background: #ffffed; color: #444; list-style-type: none; margin-right: 3em; margin-left: 3em; padding:9px; border-bottom: 1px solid #999; border-right: 1px solid #999;} div.hfeed ul.aside li a {background: #ffffcc;color: #222; font-weight: bold; text-decoration: none;} div.hfeed ul.aside li a:hover {background: #inherit;color: #333; font-weight: bold; text-decoration: underline;} div.entry-content p.pullquote { color:#666; float:right; font-size: 1.2em; font-style: oblique; line-height: 1.2em; margin-left:10px; padding: 5px; text-align: center; width:200px;} div.entry-content p.pullquote span {color: #888;} .hilite {background: #ffffcc;border-bottom: 1px solid #999;border-right: 1px solid #999;padding: 9px;} .hilite a {background: #F7FFA3; color: #222; font-weight: bold; text-decoration: none;} .hilite a:hover {background: inherit; color: #222; font-weight: bold; text-decoration: underline;} .alignleft {background: #fbfbfb;border: 1px solid #e0e0e0;clear:both;float:centre;margin: 0 5px 3px 0;padding: 9px; } .alignright {background: #fbfbfb; border: 1px solid #e0e0e0;clear:both;float:right; margin: 0 0 5px 5px; padding: 9px; } img.center {background: #fbfbfb;border: 1px solid #e0e0e0;display: block;margin-left: auto;margin-right: auto;padding: 9px; max-width: 460px;} code { background: #f1f7f6; border-bottom: 1px solid #eee; border-top: 1px solid #eee; display: block; font: 400 1em arial,georgia !important; line-height: 120%; margin: 15px 0; overflow: auto; padding: 10px; white-space: pre;} blockquote {background: #fbfbfb;border-bottom: 1px solid #eee;border-right: 1px solid #eee;margin-left: 3em;margin-right: 3em;padding: 18px 9px 0 9px;} /*===== o0o: COMMENTS=====*/ */ ol#trackbacks { color: #737474; font-style: italic; margin: 0 0 1.25em 15em; width: 35em; } ol#trackbacks li { margin: 0 0 .625em 0; } ol#trackbacks a { color: #fff; font-style: normal; } ol#trackbacks a:hover { color: #fff; } #comments { margin: 1.25em 0 2.5em 0; width: 35em; } p.comments-header, h4.comments-header { color: #43433F; font-style: italic; margin-top: 1.43em; text-shadow: 1px 1px 1px #E6E6DD; } div.comment-text { background: #fff; border: 0.071em solid #e0e0d5; padding: 0.625em; margin: 1.25em 0 2.5em 0; padding-bottom: 1.25em; } p.comment-author, p.comment-date { font: normal 1em/1.25em Helvetica, "Futura-CondensedMedium", Impact, sans-serif; text-transform: uppercase; } p.comment-author, p.comment-author a { color: #000; margin-bottom: 0; font-weight: bold; } p.comment-author a:hover { border-bottom: 1px solid #000; color: #006699; } p.comment-date { color: grey; margin-bottom: 1.25em; } div.comment-text img.avatar { background: #f4f4ed; border: 0.071em solid #e0e0d5; float: left; margin: 0 .3125em 0 0; padding: .3125em; } div.comment-text avatar { background: #f4f4ed; border: 0.071em solid #e0e0d5; float: left; margin: 0 .3125em 0 0; padding: .3125em; } div.comment-text .avatar { background: #f4f4ed; border: 0.071em solid #e0e0d5; float: left; margin: 0 .3125em 0 0; padding: .3125em; } #commentarea { clear:both; margin: 1.25em 0 1.25em 0; margin-left: 8px; } #commentarea textarea, #commentarea input { background: #fff; border: 1px solid #434341; } #commentarea textarea { width: 98%; height: 100px; } #commentarea td { color: #7A7A74; font: italic 0.75em/1.666em Palatino, Constantia, "Palatino Linotype", Georgia, serif; margin: 0 0 1em 0; text-shadow: 1px 1px 1px #E6E6DD; width: 10em; } #commentarea table { margin: 0 0 .625em 0; width: 29.858em; } #commentarea a { color: #000; } #commentarea a:hover { color: #006699; } /*=====for OpenID, if you use it=====*/ #commentarea a.openid { background: url(images/icon-openid.gif) no-repeat center right; color: #7A7A74; padding-right: 1.25em; } div.commentarea a.openid_link { background: url(images/icon-openid.gif) no-repeat center left; padding-left: 1.25em; } /*=====styles the comment moderation paragraph, if you use moderation=====*/ p.moderation { background: #ffffcc; font-size: .875em; padding: .625em; } /* /*===== o0o: POST NAVIGATION=====*/ .navigation { background: #fbfbfb;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;color: #444;margin: 0pt auto 0;padding: 9px 0 9px 0;text-align:center;width: 400px;} .navigation a { background: s;color: #555;text-decoration: none;} .navigation a:hover { background: inherit;color: #555;text-decoration: underline;} .previous { margin:0;} .next { margin:0;} /*===== o0o: SIDEBAR=====*/ .friendfeed.widget .feed .entry .likes { background: none; !important; } .friendfeed.widget .logo img { display: none; !important; } #sidebar .friendfeed.widget { border: 0 !important; } .friendfeed.widget { background-color: transparent !important; } .friendfeed.widget .entry .info { display: none; !important; } #sidebar h4 {background: #fbfbfb; color: #333; font-weight: bold; text-align: center; text-transform: lowercase; padding: 9px 0 9px 0;border-bottom: 2px solid #e0e0e0;border-right: 2px solid #e0e0e0;} #sidebar a.feed {background: #E7FEF5;border-right: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;color: #000;display:block;font-size: 1.286em;line-height: 1.333;margin-bottom: 1.333em;font-weight: bold;padding:9px;text-align: center;text-decoration: none;text-transform: uppercase; color:#FD7000} #sidebar a.feed:hover {background: #FD7000;color: black;display:block;text-decoration:underline;} #sidebar ul.asides {color: #555;list-style-type: none;} #sidebar div.asides h4 {margin-bottom: 0;} #sidebar div.asides h4 a {color: #000;font-weight: bold; font-family: Helvetica, Calibri, Arial, "FreeSans", sans-serif; letter-spacing: -1px; text-decoration:none;} #sidebar div.asides h4 a:hover {color: #000;background: inherit;text-decoration: underline;} #sidebar div.asides ul li {color:#555;margin-left: 9px; text-align:left;} #sidebar div.asides ul li a {background: #E9FCFF !important;color: #555 !important;display:inline !important;padding: 0 !important;text-decoration: none !important;} #sidebar div.asides ul li a:hover {background: #fff !important;color: #555 !important;padding: 0;text-decoration: underline !important;} #sidebar ul { list-style-type: none; text-align:center; margin-left: 9px;} #sidebar ul li a { color: #666; font-weight:bold; text-decoration: none; } #sidebar ul li a:hover {background: #E7FEF5; color: #666; text-decoration: underline; list-style-type: none;} #sidebar ul.photo {background: #fff; list-style-type: none;text-align:center;} #sidebar ul.photo li {text-decoration: none;margin-bottom:1em;} #sidebar ul.photo li img {border-bottom: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0; border-top: 1px solid #fff; border-left: 1px solid #fff; background: #fbfbfb; padding: 18px;} #sidebar ul.photo li a:hover img {border-bottom: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0; border-left: 1px solid #fff; border-top: 1px solid #fff;background: #E9FCFF; padding: 18px;} #sidebar ul.icon li {list-style-type: none;text-align:center; background: #fff;} #sidebar ul.icon li img {border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-top: 1px solid #fff; border-left: 1px solid #fff; background: #fff; padding: 9px;} #sidebar ul.icon li img a {background: #fff;} /*===== o0o: FOOTER AND CLOSING=====*/ #ft div.help {background: #fbfbfb; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; margin-bottom:3em; text-align: center;} #ft p {color: #444; line-height: 1.3; margin:18px;text-align: center;} #ft a {background: #E9FCFF; color: #000; font-weight: bold; text-decoration: none;} #ft a:hover {background: inherit; color: #555;text-decoration: underline;} div.closing {background: #efefef; border-top: 1px solid #d4d4d4; text-align: center;width: 100%;padding: 3px 0 3px 0;} div.closing p {margin: 0pt auto 0; padding: 3px 0 3px 0; text-align: center; width: 100%;} div.closing a {background: #e1e1e1; color: #666; font-weight: bold; text-decoration: none; margin: 0 9px 0 9px; } div.closing a:hover {background: #efefef; color: #333; text-decoration: underline; margin: 0 9px 0 9px;} /*===== o0o: SLIMBOX (LIGHTBOX)=====*/ #lbOverlay {position: absolute;left: 0;width: 100%;background-color: #000;cursor: pointer;} #lbCenter, #lbBottomContainer {position: absolute;left: 50%;overflow: hidden;background-color: #fff;} .lbLoading {background: #fff url(images/lb-loading.gif) no-repeat center;} #lbImage {border: 10px solid #fff;background-repeat: no-repeat;} #lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;outline: none;} #lbPrevLink {left: 0;} #lbPrevLink:hover {background: transparent url(images/lb-prevlabel.gif) no-repeat 0% 15%;} #lbNextLink {right: 0;} #lbNextLink:hover {background: transparent url(images/lb-nextlabel.gif) no-repeat 100% 15%;} #lbBottom {font-family: helvetica,verdana, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;} #lbCloseLink {display: block;float: right;width: 66px;height: 22px;background: transparent url(images/lb-closelabel.gif) no-repeat center;margin: 5px 0;} #lbCaption, #lbNumber {margin-right: 71px;} #lbCaption {font-weight: bold;} /*===== o0o: TWITTER PLUGIN=====*/ div.aktt_tweets ul li {background: #E9FCFF; color: #555; line-height: 1.5; margin-bottom: 1.5em; border-bottom: 1px solid #999;border-right: 1px solid #999; padding:9px;} div.aktt_tweets ul li.aktt_more_updates {background: #fafafa; border-bottom:2px solid #e0e0e0; border-right: none; color: #aaa; padding: 0 18px 0 0; text-align:right; margin-left:6em;} div.aktt_tweets ul li.aktt_more_updates a {color: #666;} /*===== o0o: BUBBLE TOOLTIPS=====*/ a.tt{position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none !important;} a.tt span{ display: none; } /*background:; ie hack, something must be changed in a for ie to execute it*/ a.tt:hover{ z-index:25; color: #aaaaff; background:;} a.tt:hover span.tooltip{ display:block; position:absolute; top:0px; left:0; padding: 0 0 0 50px; width:200px; margin-top: -18px; color: #993300; text-align: center; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; } a.tt:hover span.top{ display: block; padding: 0 0 0; background: #ffffe6;} a.tt:hover span.middle{ /* different middle bg for stretch */ display: block; border-right: 1px solid #e0e0e0; background: #ffffe6; } a.tt:hover span.bottom{ display: block; border-bottom: 1px solid #e0e0e0; color: #548912; background: #ffffe6; } /*===== o0o: FOR SIDEBAR WIDGETS=====*/ li.widget h2 {background: #fbfbfb; color: #333; font-weight: bold; text-align: center; text-transform: lowercase; padding: 9px 0 9px 0;border-bottom: 2px solid #e0e0e0;border-right: 2px solid #e0e0e0; margin-bottom: 1.5em;} li.widget_flickrrss img {background: #fbfbfb; border: 1px solid #d9d9d9; padding:6px;margin: 0 0 1.5em 3px;} li.widget_flickrrss a:hover img {background: #ffffcc; border: 1px solid #993333; padding:6px;}