/* gggggg tttttt ll aa m m g g tt ll aa aa mm mm gggggg tt ll aa aa m mm m g tt ll aaaaaaa m m g tt ll aa aa m m ggggg tt ll aa aa m m .com */ /* RESET */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} .clear { clear: both; } /* Layout */ /* WordPress-generated styles */ .aligncenter { display: block; margin: 0 auto; } .alignleft { float:left } .alignright { float:right } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:6px; margin:6px } br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */ .rightalign { text-align: right; } img.alignright { float:right; margin:0 0 1em 1em; } img.alignleft { float:left; margin:0 1em 1em 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } a img.alignright { float:right; margin:0 0 1em 1em; } a img.alignleft { float:left; margin:0 1em 1em 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } /* Sticky Footer */ * { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; position: relative; width: 800px; text-align: left; height: auto !important; height: 100%; margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */ } .footer, .push { height: 80px; /* .push must be the same height as .footer */ } .footer { background-color: #D9DADE; width: 800px; margin: 1.5em auto 0; } /* Typography */ body { font-family: Helvetica, Arial, Verdana, sans-serif; line-height: 1.5; /* Unitless for proper inheritance */ color: #282828; font-size: .85em;} h1, h2, h3, h4, h5, h6 { font-weight:bold } h1 { font-size: 2em; font-weight: bold; } h2 { font-size: 1.6em; font-weight: bold; } h3 { font-size: 1.4em; font-weight: bold; } h3#comments { font-size: 1.2em; font-weight: bold; } h3#respond { font-size: 1.2em; font-weight: bold; } h4 { font-size: 1.2em; font-weight: normal; } p { padding-top: .5em; padding-bottom: .5em; vertical-align: top; } strong { font-weight: bold } em { font-style: italic } a img { border:none } /* Gets rid of IE's blue borders */ .date { font-size: 16px; font-weight: normal; } p.small { font-size: 80%; } .grey { color: #697187; } .bio { font-size: 1em; } .singlepiece { width: 800px; display: block; margin: 5px 5px 0 0; background-color: #D9DADE;} .calendar { font-size: 1.5em; line-height: 1.2; width: 800px; } hr { border: 0; height: 2px; background: #b1b3ba; margin : 1em 0; } /* Structure */ html { overflow-y: scroll; } .spacer { width: 800px; height: .5em; margin: 0; padding: 0; } /* Blog */ .post { width: 800px; overflow: hidden; margin-bottom: 1.5em; margin-top: 0; background-color: #D9DADE; } .blogdate { font-weight: bold; text-transform: uppercase; color: black; line-height: 1.5; } /* Pages */ /* Pseudoclasses */ a { text-decoration: none; color: #282828; } a:link { color: #282828; } /* unvisited link */ a:visited { color: #282828 } /* visited link */ a:hover { background: white; } /* mouse over link */ a:active { background: #d9d9d9; } /* selected link */ a.piecelink:hover { background: white; } a.greylink:hover { background: #d9d9d9; } a.greylink:active { background: #d9d9d9; } /* new navbar */ .name { height: 42px; margin: 0; } #nav { height: 3em; margin: 0; padding: 0; } #nav .navitem { line-height: 100%; font-size: 3em; font-weight: bold; margin-right: 8px; color: #A5A5A5; } #nav a.navitem:hover { color: #282828; } /* Boxes */ .greybox { width: 100%; display: block; margin: 5px 5px 0 0; background-color: #D9DADE; } #padded { padding: 10px; } /* this is to solve the css padding problem, so it doesn't add to the width of the box */ /* Music Page */ ul#inline li { display: inline; } ul#inline li.pdf a { display: inline-block; padding-right: 6px; width: 24px; height: 24px; text-indent: -9999px; background: url(http://www.gtlam.com/wp-content/themes/starkers/style/images/pdf_file.gif); background-repeat: no-repeat;} ul#inline li.audioplayer { display: inline-block; } p.audioplayer_container { display: inline; margin: 0px; padding: 0px; } ul li.indent { margin-left: 4em;} /* blog footer */ #footerbox { width: 800px; background-color: #D9DADE; } ul#blogfoot { display: inline; } ul#blogfoot li { display: inline-block; width: 33%; vertical-align: top; } /* old navbar ul#nav li { display: inline; } ul#nav li a { display: inline-block; height: 37px; margin-right: 10px; text-indent: -9999px; } ul#nav li.news a { width: 98px; background: url(http://www.gtlam.com/wp-content/themes/starkers/style/images/navbar_news.gif); } ul#nav li.music a { width: 112px; background: url(http://www.gtlam.com/wp-content/themes/starkers/style/images/navbar_music.gif); } ul#nav li.events a { width: 226px; background: url(http://www.gtlam.com/wp-content/themes/starkers/style/images/navbar_nowplaying.gif); } ul#nav li.about a { width: 109px; background: url(http://www.gtlam.com/wp-content/themes/starkers/style/images/navbar_about.gif); } ul#nav li.news a:hover { background-position: bottom; } ul#nav li.music a:hover { background-position: bottom; } ul#nav li.events a:hover{ background-position: bottom; } ul#nav li.about a:hover { background-position: bottom; } */