/*
Theme Name: Bud
Theme URI: http://cluefree.org
Description: Wacky as all get-out
Version: 1.0
Author: Raju Tavadia
Author URI: http://cluefree.org/
*/

@media all {
/* Meyer CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; } /* remember to define focus styles! */
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
} /* END Meyer CSS Reset */


@media all {
html, body { background-color: #001236; height: 1200px; margin: 0; padding: 0; }
body, p { color: #e2e2e2; margin: 0; padding: 0; }
body, p, td, th, input, #comment {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
img { border: none; } /* unless I say so */
em { font-style:italic; font-family: Georgia, Garamond, "Times New Roman", Times, serif;}
body, p, td, th, blockquote, #blogroll { line-height: 2.45em; text-align: left; }
h1, h2, h3, .commentAuthor { font-family: Impact, Arial, Helvetica, sans-serif; color: #900; font-weight: normal; }
h1, h2, h3, .commentAuthor { font-family: Impact, Arial, Helvetica, sans-serif; color: #900; font-weight: normal; }
h2 { line-height: 0.835em; font-size: 28px; clear: left; text-align: left; padding: 0 10px 20px -20px; margin: 0; page-break-inside: avoid; }
strong, a, a:link, a:active, a:hover, a:visited { color: white; }
strong, blockquote, #s { font-size: 14px; }
blockquote { font-style: italic;  background-color: black; border: 1px solid #111; clear: left; }
blockquote p { font-family: Georgia, Garamond, "Times New Roman", Times, serif; padding: 0; margin: .5em .5em 0.3em .5em !important; }
.post a, .post a:link, .post a:active, .post a:hover, .post a:visited, .navigation a, abbr { text-decoration: none; border-bottom: 2px ridge #883; }
.post a:hover, .postmetadata a:hover, .navigation a:hover { border-color: #900; }
.post img, .commentlist img { color: #883; } /* alt-text color, so anal-retentive! */
.post h2 a, .post h2 a:visited { color: #900; }
.post h2 a, .postmetadata a  { border-bottom: none !important; }
.postmetadata a, .commentMetadata a, .commentMetadata a:link, cite a { color: #555; }
.commentAuthor a, .commentMetadata a, cite a { text-decoration: none; }
blockquote { padding: 0; font-style: italic;  background-color: black; border: 1px solid #111; }
blockquote p, blockquote ul { font-family: Georgia, Garamond, "Times New Roman", Times, serif; padding: 0 !important; margin: 12px 20px 14px 20px; left: auto;  }
abbr { border-bottom-style: dotted; cursor: help; }

#tag_cloud h2 { display: none; }
#tag_cloud a:hover { color: #999; }

.post { margin-top: .36em; margin-bottom: 0em; }
.post p, #sidebar ul li, .post ul  { margin-bottom: 2.45em; }
.post ul { margin-left: 2.45em; }
.post li { list-style: square; }
.post h2 { margin-top: -.18em; }
.postmetadata, cite { text-align: right; color: #444; clear: right; }
cite { text-align: left; font-style: italic; }
.post img, .commentlist img, .youtube { float: right; clear: right;  margin: .7em -5px .1em 1.4em; border: 0; border-right: 5px solid black; border-bottom: 5px solid black; background: none; }
.youtube { width: 365px !important; height: 298px !important; margin-left: 0; margin-right: 0; margin-bottom: 1em; }

/*#text p, #text li { width: 365px; margin-left: 175px; }
#text li { width: 340px; }
*/
#text ul { margin-top: -2.45em; }
.entry, .postmetadata { width: auto; }
.alt { margin-left: 0; }

body { background-image: url(images/bud-bg.jpg); background-position: top center; background-attachment: scroll; background-repeat: no-repeat; }

#page { position: absolute; left: 50%; margin-left: -450px; width: 900px; }
#canvas { background: #0a0a0a; }
#content { width: 800px; margin-top: 366px; margin-left: 50px;  }
#text { left: 258px; top: -.835em; width: 540px;  float: left; clear: none; margin-top: -16.6px; position: relative; z-index: 2; }
#sidebar { margin-left: -540px; top: -9px; width: 208px; float: left; clear: none; position: relative; z-index: 20; margin-right: 50px; }
#sidebar h2 { color: #444; width: 208px; }
#sidebar a { text-decoration: none; color: #555; }
#sidebar ul { margin: 0; padding: 0; }	
#sidebar li { list-style: none;  }

#s { background: #111 url(images/searchbg.gif) top left; background-repeat: no-repeat; border: none; border-bottom: 2px ridge #883; color: white; width: 200px; font-weight: bold; }
#s:focus { border-color: #900; }
#searchsubmit { z-index: 5; height: 51px; width: 41px; float: right; position: relative; top: -26px; right: -11px; }
#sidebar, #text { margin-top: 15px; }
#blogroll { list-style: square; margin-top: 2.45em; margin-left: 1.5em; color: #444; text-align: left; }
#blogroll h2 { margin-left: -.5em;  } /* sigh */
#blogroll dt { list-style-type: square; margin-bottom: 0 !important; margin-left: -1.5em; }
#blogroll a, #blogroll a:link { color: #666; }
#blogroll dd { margin-left: -1.5em; margin-top: -.5em; line-height: normal; }

#theLogo { position: absolute; top: 105px; left: 521px; height: 236px; width: 343px; } /* empty box for clickable logo-to-homepage */
#logo h1 { text-indent: -5000px; }

#flickr img { border: 0; position: relative; }
.flickr_badge_image, #lastfmrecords img { float: left; border: 5px solid black; }
#lastfm-records { list-style:none; }
#flickr_badge_image1, #flickr_badge_image3, #flickr_badge_image5, #flickr_badge_image7, #flickr_badge_image9 { margin: 0 34px 25px 0;  }
#lastfmrecords .cover1, #lastfmrecords .cover3, #lastfmrecords .cover5 { margin: 0 30px 25px 0; }

#slug {  background: #a4cee0 url(images/slug-nerd-life.jpg) bottom left no-repeat; height: 304px; border-top: 3px groove #EEE; }
#slugContent { padding-left: 483px; padding-right: 50px; /* width of nerd-life + 50 */ margin-top: 50px; }
#slugContent * { font-size: 11px; margin: 0; color: #333; }
#slugContent h2 { font-size: 32px; }
#slugOptions { float: right; width: 192px; margin-top: 8px; }
#slugContent a { text-decoration: none; }
#slugContent .icon { position: relative; top: 4px; }

/* other pages */
.pagetitle { width: auto; height: auto; position: relative; top: -.15em; margin: 0 0 .15em 0; }
.searchPage .post, .archivePage .post h3, .singlePage h3, .commentAuthor { font-size: 150%; }
#author, #email, #url, #comment	 { background: #111; border: 5px solid black; color: #e2e2e2; }
#comment { width: 540px; }
.commentContainer, #respond { margin-top: 2.45em; border-top: 1px groove #333; }
#submit { background: #555; color: black; font-weight: bold; margin: 5px; }
.commentAuthor, .commentMetadata { float: left; width: 110px; }
.commentText { margin-left: 130px; width: 400px; }

h3 { font-weight: normal !important; }

.aligncenter { float: none !important; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


}



@media print {
	#sidebar, #slug, .stbutton, #respond, #commentform, .navigation { display:none; }
	#headerimg h1 a { color: black; text-indent: 0; font-size: 96px; padding: 32px 0 32px 0; top: auto; text-decoration: none; text-align: center; display: block;  }
	#theLogo { visibility: hidden; }
	html, body, #page, #canvas, #content, #text { margin: 0; padding: 0; position: relative; float: none; left: auto; top: auto;  width: auto; }
	h2 { float: none; width: auto; }
	img { border: 0 !important; }
	#content { margin: 2% 2% 2% 2%; }
}