/* Theme Name: Augustin Theme URI: Augustin taken from the reset theme 'Starkers' by http://elliotjaystocks.com Version: 1 Author: John Griffiths Author URI: http://www.luadesign.co.uk */ /* COLOUR text brown 4d422e heading brown c58844 links red 9a2726 hover green 6a7e06 latest news green 6b8008 */ /* RESET */ /* ----------------------------------------- */ /* Global 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; outline: none;} 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:''} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight:bold } em { font-style:italic } a img { border:none } /* Gets rid of IE's blue borders */ a { text-decoration:none; color:#9a2726;} a:hover {color:#6a7e06;} blockquote { font-style:italic; margin:0 10px 10px 10px; color:#6b8008; float:left;line-height:1.4em; display:inline; width:386px; clear:both;} button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border-top: 0px dotted transparent;border-left: 0px dotted transparent; border-right: 0px dotted transparent; border-bottom: 1px dotted transparent; } button:focus::-moz-focus-inner, input[type="reset"]:focus::-moz-focus-inner, input[type="button"]:focus::-moz-focus-inner, input[type="submit"]:focus::-moz-focus-inner, input[type="file"] > input[type="button"]:focus::-moz-focus-inner { border-color: #9a2726; } /* LAYOUT */ /* ----------------------------------------- */ /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */ .aligncentre { display:block; margin:0 auto; } .alignleft { float:left } img.alignleft { padding:0 5px 0 0; vertical-align:top;} .alignright { float:right } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } /* CLEARS */ br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ .clear {clear:both;} /* SIDEBAR */ #sidebar ul {background:url(../../../images/categorylines.gif) top no-repeat; padding:60px 0 0 20px; margin-top:-30px; text-align:left;} #sidebarfooter {background:url(../../../images/categorylines.gif) top no-repeat; padding:0; clear:both; display:block; height:82px; width:200px; margin-top:-25px;} #sidebar ul li a img, .ngg-gallery-thumbnail a img, .gallery-img a img { border:2px solid #e6c286;} #sidebar ul li a:hover img, .ngg-gallery-thumbnail a:hover img, .gallery-img a:hover img { border:2px solid #6a7e06;} .ngg-gallery-thumbnail img, .ngg-gallery-thumbnail { padding:0; margin:0; background-color:none;} #quote-header { background:url(../../../images/testimonialmarks.gif) top no-repeat; background-position: 0 0; width:180px; display:block; height:30px; overflow:hidden; float:left; clear:both; margin:20px 0 0 0 ;} #quote { font-size:80%; font-style:italic; margin:0 20px; color:#6b8008; float:left; clear:both; line-height:1.6em; width:180px;} #quote-name { background:url(../../../images/testimonialmarks.gif) top right no-repeat; background-position: 0 -30px; clear:both; font-size:80%; font-style:italic; color:#4d422e; margin:-20px 0 0 20px; padding: 20px 0;} h2 {color:#c58844; font-size:175%; margin-bottom:10px;} #sidebar h2 {color:#6b8008; font-size:145%; margin:10px 0 0 20px;} #sidebar h3 { margin:10px 0 0 20px;} #sidebar h4 {margin:10px 0 10px 20px; font-size:75%;} .sidebartitlewidth { width:170px; overflow:hidden;} p {margin:5px 0;} /* CATEGORIES */ .mfmmouse-noimg, .blogmouse, .mfmmouse, .mfpmouse, .bandbmouse, .comedymouse { width:75px; height:60px; margin-top:15px; background:url(../../../images/categories-of-mice.gif) top no-repeat; float:left; overflow:hidden;} .blogmouseleft, .mfmmouseleft, .mfpmouseleft, .bandbmouseleft, .comedymouseleft { width:75px; height:60px; margin-top:15px; background:url(../../../images/categories-of-mice.gif) top no-repeat; float:left; overflow:hidden;} .mfmmouse-noimg {margin-top:0; } .blogmouse { background-position: 0 0;} .mfmmouse-noimg, .mfmmouse { background-position: 0 -120px; height:60px;} .mfpmouse { background-position: 0 -240px; height:60px;} .bandbmouse { background-position: 0 -180px; height:60px;} .comedymouse { background-position: 0 -60px; height:60px;} /* CV TICKER */ #composition {background:url(../../../images/categorylines.gif) top no-repeat; padding:50px 0 0; margin:-30px 0 0 0; } #composition h2 { } #newsticker-jcarousellite { margin:10px 0 0 0; clear:both; float:left; height:300px; overflow:hidden;} #newsticker-jcarousellite ul { background:none; } #newsticker-jcarousellite ul li{ list-style:none; display:block; overflow:visible; padding-left:15px; margin: auto 5px; height:60px; text-align:left; } #newsticker-jcarousellite .thumbnail { float:left; width:110px; } #newsticker-jcarousellite .info { float:left; width:185px;} #newsticker-jcarousellite .info span.cat { display: block; font-size:75%; color:#6b8008; padding:2px 0;} /* MAIN LAYOUT */ body { background:url(../../../images/baizeandsmoke.jpg) no-repeat #000 top center; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; color:#605659; } #wrapper {width:959px; overflow:hidden; margin: 20px auto;} #sidebar { width:200px; float:left; position:relative;} #content { background:url(../../../images/bodybg.jpg) repeat-y; display:block; padding-left:164px; float:left; width:824px;} #footer { background:url(../../../images/clockworkfooter.jpg) no-repeat top; height:680px; float:left; clear:both; display:block; width:959px;} /* HEADER */ #header { height:315px; overflow:hidden; position:relative; float:left;} #email-augustin { position:absolute; width:58px; height:40px; display:block; top:98px; left:225px; z-index:999;} #rssaugustin { position:absolute; width:40px; height:50px; display:block; top:83px; left:694px; z-index:998;} #email-augustin, #rssaugustin { font-size:60%; text-align:center;} #navigation { position:absolute; margin-left:220px; top:210px; z-index:999; width:709px; text-transform: uppercase;} #navigation ul {float:left; padding:5px 5px 2px 10px; text-align:center; font-size:118%;} .music-for-pictures, .music-for-pictures a { color:#9d5c42; margin-left:20px;} .comedy a { color:#b99094; } .music-for-me a { color:#c7ab54;} .bits-and-bobs a {color:#bc977f; margin-right:10px;} .blog a {color:#8e897d; margin-right:10px;} .biography a { color:#b46640; margin-right:10px;} .get-in-touch a {color:#b4814b;} .music-for-pictures a, .comedy a, .music-for-me a, .bits-and-bobs a, .blog a, .biography a, .get-in-touch a { } .music-for-pictures a:hover, .mfp, body.page-id-30 .current_page_item a, body.page-id-30 h2, body.page-id-30 h3 { color: #63140b;} .comedy a:hover, .comedy, body.page-id-84 .current_page_item a, body.page-id-84 h2, body.page-id-84 h3 { color:#74465f;} .music-for-me a:hover, .mfm, body.page-id-137 .current_page_item a, body.page-id-137 h2, body.page-id-137 h3 {color:#967d06;} .bits-and-bobs a:hover, .bab, body.page-id-200 .current_page_item a, body.page-id-200 h2, body.page-id-200 h3 { color:#9f6f5e} .blog a:hover, .blog, body.category-blog .current-cat a, body.single .blog a, body.category-blog h2 { color:#4e508e;} .biography a:hover, .biog, body.page-id-18 .current_page_item a, body.page-id-18 h2 { color:#98320d;} .get-in-touch a:hover, .git, body.page-id-20 .current_page_item a, body.page-id-20 h2 { color:#a16127; } /* MAIN CONTENT BOX */ #maincontent {width:410px; float:left; padding-right:30px; } .post {margin-bottom:20px;} .post ul li {clear:both; float:left; margin-top:15px; width:400px;} .post ul li img { margin-top:-10px;} .post ul li a {padding-top:8px;} #maincontent p { float:left;} p {font-size:90%;} #maincontent h3 { display:block; width:99%; margin-top:10px; float: left;} #maincontent p img {float: left;} .flashvideo {width:420px; height:310px; display:block; padding:20px 10px; margin:0; text-align:center; background: url(../../../images/videogram-screen.jpg) top no-repeat;} .audioplayer_container { padding:44px 0 20px 15px; background:url(../../../images/audioplayerbg.jpg) no-repeat top; width:400px;} .gallery, .ngg-gallery-thumbnail-box { float:left; width:135px; height:165px; overflow:hidden; display:block; overflow:hidden; background:url(../../../images/gallerycrop.gif) no-repeat; text-align:center;} .gallery-img { width:78px; height:78px; margin:auto; padding-top:32px; overflow:hidden;} .ngg-gallery-thumbnail { width:78px; height:78px; margin:auto; padding:20px 0 30px 0; overflow:hidden; border:0; width:135px; text-align:center;} .ngg-gallery-thumbnail img {margin:11px auto; display:block; position:relative;} .ngg-gallery-thumbnail img:hover {margin:11px auto;display:block; position:relative;} /* FOOTER */ #blockofspace { width:220px; float:left; height: 680px;} .date {float:left; width:70px; overflow:hidden; font-size:90%;} #fromtheblog { margin-top:20px; float:left; display:block; overflow:hidden; font-size:85%;} #blogarchive { width:260px; float:left; clear:both; } .blogarchivetitle {float:left; width:200px;} #blogarchive ul, #mateslinks ul {margin:0 0 5px 0;} #myspace, #facebook { float:left; clear:both; width:227px; height:63px; overflow:hidden; display:block; } #myspace a { background: url(../../../images/myspace.gif) no-repeat top; height:63px; background-position: 0 0; display:block; } #myspace a:hover { background: url(../../../images/myspace.gif) no-repeat top; background-position: 0 -63px; display:block; } #facebook a { background: url(../../../images/facebook.gif) no-repeat top; height:63px; background-position: 0 0; display:block; } #facebook a:hover { background: url(../../../images/facebook.gif) no-repeat top; background-position: 0 -63px; display:block; } #mateslinks { margin-left:50px; margin-top:25px; float:left; display:block; overflow:hidden; font-size:85%;} #twitter { float:left; clear:both; width:204px; height:88px; overflow:hidden; display:block;} #twitter a { background: url(../../../images/deathbytwitter.gif) no-repeat top; height:88px; background-position: 0 0; display:block; } #twitter a:hover { background: url(../../../images/deathbytwitter.gif) no-repeat top; background-position: 0 -88px; display:block; } #mateslinks li { line-height:1.4em;} #copyright { margin:-33px auto 0 auto; text-transform:uppercase; clear:both; font-size:85%; width:60%;} .datebox-footer { width:40px; overflow:hidden; margin-right:5px; float:left; text-transform: uppercase; text-align:center;} /* ARCHIVE */ .archive-excerpt {background:url(../../../images/eyetoear.gif) no-repeat bottom; padding: 10px 10px 30px 25px; } .datebox { width:46px; overflow:hidden; padding-right:20px; float:left; text-transform: uppercase; text-align:center; background:url(../../../images/coloncog.gif) no-repeat right;} .archive-title { width:245px; float:left; margin:0 0 30px 5px;} .archive-title h3 {font-size:120%;} .archive-comments { width:50px; float:left; } .datebox, .datebox-footer, .archive-comments {font-size:75%;text-align:center; color:#6d4f2d; } /* SINGLE */ #post-title h2 {float:left; margin-bottom:20px; padding-left:10px;} .single-post { margin-top:20px;} .previous-next {text-align:center; font-size:85%; display:block; margin:0 auto;background:url(../../../images/eyetoear.gif) no-repeat bottom;padding-bottom:60px;} /* COMMENTS */ #comments {text-align: center;} .comment-body {background:url(../../../images/topcomment.gif) no-repeat top; padding: 20px 20px 0 0;} .comment-inner { background: url(../../../images/repeatingyourself.gif) repeat-y; padding:5px 20px; margin-left:20px;} .reply {text-align:right; clear:both; float:right; font-size:75%; padding-right:40px;} .bottomcomment { background:url(../../../images/bottomcomment.gif) no-repeat top; display:block; clear:both; height:30px; width:368px; margin-left:20px;} .comment-inner p {clear:both; padding: 0 30px 0 50px;} .comment-inner h3 { padding-top:10px;} /* CONTACT FORM */ input, textarea {border:none; margin:5px 0; width:90%;} input { background:url(../../../images/signonthedottedline.gif) repeat-x bottom; padding:5px;} input:hover { background:url(../../../images/dottedlinehover.gif) repeat-x bottom;} textarea { background:url(../../../images/signonthedottedline.gif) repeat bottom; line-height:22px;padding:10px 5px;} textarea:hover { background:url(../../../images/dottedlinehover.gif) repeat bottom;} #submitbutton input, .submitbutton input, input#submit { background: url(../../../images/dontwakemouse.gif) no-repeat; background-position: 0 0; width:245px; height:103px; display:block; overflow:hidden; margin:20px 0 0 0; text-transform:uppercase; color:#9a2726; font-size:120%; padding:22px 0 0 42px; } .submitbutton input:hover, #submitbutton input:hover, input:hover#submit { background: url(../../../images/dontwakemouse.gif) no-repeat; background-position: 0 -103px; color:#6a7e06;} textarea#comment {padding: 5px;} /* SUBSCRIBE */ input.radio, input[type="radio"] {float:left; text-align:left; width:100px;}