/* CSS Document */ /* reset */ body,h1,h2,h3,h4,h5,h6,p,form,ul,li,fieldset,img {margin:0;padding:0;border:0;outline:none;list-style:none;focus:0;} /* -------------------------------- Body Styles --------------------------------- */ #preloadImages { width:0; height:0; display:inline; background-image: url(../images/header/header.jpg); background-image: url(../images/header/logo.png); background-image: url(../images/reset.gif); background-image: url(../images/submit.gif); background-image: url(../images/shroom-bullet.gif); background-image: url();} body { background: #78A0BE url(../images/header/header.jpg) no-repeat center top; width: 100%; min-width:900px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */ font: 95%/1.5em "Myriad Pro", Helvetica, Verdana, sans-serif; color: #7a523b;} div#outdated {visibility:hidden; background:#faf6ef; width:90%; text-align:left; top:10px; left:2%; padding:5px; position:absolute; z-index:100;} h1, h2, h3, h4 { font-weight:normal; margin:.7em 0 .085em; padding:0;} h2 {font: 2.2em/1em "Gill sans","Myriad Pro", Helvetica, Verdana, sans-serif; letter-spacing:.09em; text-transform:lowercase;} h3 { font-size:.9em; margin:.8em 0 .1em; letter-spacing:1.8px; text-transform:uppercase;} h4 { font-size:.8em; line-height:1.2em; letter-spacing:1.7px; text-transform:uppercase;} p { margin:.2em 0 .7em 0; padding:0; color:#7a523b; line-height:1.3em;} img { margin:.2em; border:none;} ul { color:#7a523b;} a:link, a:active, a:visited{ color:#28655d; text-decoration:none; font-weight:normal;} a:hover, a:focus { color:#7a523b; text-decoration:underline; font-weight:normal;} img, div, a, input { behavior: url(iepngfix.htc)} /* 2 column layout ----------------------------------------------------------------------- adapted from http://matthewjamestaylor.com/blog/ultimate-2-column-left-menu-ems.htm */ /* column container */ .colmask { position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */ clear:both; top:21px; width:964px;/* width of whole page */ margin:0 auto; overflow:hidden; background:transparent; z-index:1; } /* 2 column left menu settings */ .leftmenu { background:transparent url(../images/bg/bodybg.jpg) center repeat-y; z-index:2; margin-bottom:2em; } .leftmenu .colright { float:left; width:200%; position:relative; left:15em; background:transparent; z-index:1; } .leftmenu .col1wrap { float:right; width:50%; position:relative; right:15em; padding-bottom:1em; } .leftmenu .col1 { margin:0 1em 0 16em; position:relative; right:100%; overflow:hidden;/*background-color:#CCf;*/ } .leftmenu .col2 { float:left; width:13em; position:relative; right:14.85em; padding:0 .2em .3em .7em;/*background-color:#33FFFF;*/ } /* ----------------------------- Header styles ----------------------------*/ #header { clear:both; width:920px; height:185px; background:transparent; margin:0 auto 0; text-align:left; position:relative; overflow: visible;} #header #logo { position:absolute; height:90px; } #header h1#title a{ text-indent:-9000em; display:block; overflow: hidden; text-align:left; background:transparent url(../images/header/logo.png) no-repeat; height: 99px; width:390px; position:relative; top:13px; left:3px; } #header ul li a span { display:none;} /* -------- Sprite Nav adapted from http://www.cssplay.co.uk/menu/car.html -------- */ #navigation { position:absolute; top:0; padding:0; margin:0; display:block; height:145px; width:519px; left:401px; top:33px; z-index:75; overflow:hidden; } #navigation ul { padding:0; margin:0; float:none; list-style-image:none; list-style-type:none;} #navigation ul li { background-image:url(../images/header/menu_sprites.png); background-repeat:no-repeat; float:left; display:inline; clear:both; height:145px; margin:0; padding:0; position:absolute; overflow:hidden; } #navigation ul li a { display:block; height:100%; width:100%; text-align:center; font-size:97%; letter-spacing:.05em; text-transform:uppercase; font-weight:bold; letter-spacing:.07em; text-indent:-1000em; } #navigation ul li a span { display:none; } #navigation li a:hover, #navigation li a:focus { text-decoration:underline; z-index:100; } #navigation ul li.news { background-position:0 0; left:0; width:101px; } #navigation ul li.shop{ background-position:-102px 0; left:102px; width:100px; } #navigation ul li.gallery{ background-position:-203px 0; left:203px; width:112px; } #navigation ul li.treats{ background-position:-316px 0; left:316px; width:101px; } #navigation ul li.about{ background-position:-417px 0; left:418px; width:100px; } #navigation li.news:hover, #navigation li.news:focus, #navigation li.news:active, #navigation li.news.active{background-position:0 -148px;} #navigation li.shop:hover, #navigation li.shop:focus, #navigation li.shop:active, #navigation li.shop.active{background-position:-102px -148px;} #navigation li.gallery:hover, #navigation li.gallery:focus, #navigation li.gallery:active, #navigation li.gallery.active{background-position:-203px -148px;} #navigation li.treats:hover, #navigation li.treats:focus, #navigation li.treats:active, #navigation li.treats.active{background-position:-316px -148px;} #navigation li.about:hover, #navigation li.about:focus, #navigation li.about:active, #navigation li.about.active{background-position:-417px -148px;} /* -------------------------------Left Column ----------------------------------- */ #subnav { position:absolute; top:150px; left:-10px; padding:0; margin:0 0 0 0; display:block; height:46px; width:176px; z-index:75; border:0px solid black;} #subnav ul{ padding:0; margin:-1px 0 0 0; float:none; list-style-image:none; list-style-type:none; } #subnav ul li { background-image:url(../images/header/subnavbg.gif); background-repeat:no-repeat; float:left; display:inline; clear:both; height:46px; width:40px; margin:5px; padding:0; position:absolute; } #subnav ul li a { display:block; height:100%; width:100%; } #subnav ul li a span{ text-indent:-1000em; } #subnav ul li.rss { background-position:0 0; left:0; width:36px; } #subnav ul li.tweet { background-position:-41px 0; left:42px; width:40px; } #subnav ul li.facebook { background-position:-89px 0; left:89px; width:44px; } #subnav ul li.contact { background-position:-135px 0; left:136px; width:38px; } #subnav ul li a:hover, #subnav li a:focus{ z-index:1000; } #subnav ul li.rss:hover, #subnav ul li.rss:focus { background-position:0 -46px; } #subnav ul li.tweet:hover, #subnav ul li.tweet:focus { background-position:-41px -46px; } #subnav ul li.facebook:hover, #subnav ul li.facebook:focus { background-position:-89px -46px; } #subnav ul li.contact:hover, #subnav ul li.contact:focus, #subnav ul li.contact.active{ background-position:-135px -46px; } #breadcrumbs { color:#7a523b; font-weight:normal; text-transform:uppercase; font-size:.7em; margin-top:5px; letter-spacing:1.8px;} a:hover { text-decoration:underline;} .about h2 { margin-bottom:.5em; margin-left:-.5em;} .about p{ width:440px;} .about span{ font-size:.8em; font-style:italic;} /* ------------------------ Journal -----------------------------------*/ .col1 h2 { margin-top: .6em;} h2#welcome1 { font-size:1.6em; margin-top:0em; margin-left: -40px; text-align:center;} h3#welcome2 { font-size:.8em; line-height:1.3em; letter-spacing:1.7px; margin-left:20px; margin-right:75px; text-align:center;} .col1 .entry { padding:1.2em 0 4em; clear:both; } .col1 .entry .pic { margin:.7em 0 0 -20px; padding:2px 8px 2px 2px; float:left; position:relative; width:78px; height:90px; background:#fff; border:1px solid #ccc; } #preview { position:absolute; border:1px solid #ccc; background:#fff; padding:5px 5px 17px; display:none; color:#7a523b; font-size:70%; line-height:95%; letter-spacing:.05em; word-spacing:.035em; text-align:center; width:205px; height:205px; z-index:1000;} .col1 .entry .journal { float:left; position:relative; width:355px; margin-left:30px;} .col1 .entry .journal h3 { background:transparent url(../images/journalheader.png) repeat-x; font-size:1em; padding-left:.4em; margin-left:-.5em; } .col1 .entry .journal h3:hover { background:transparent url(../images/journalheaderhover.png) repeat-x; } .col1 .entry .journal h3 a { display:block; text-decoration:none; color:#28655d;} .col1 .entry .journal p{ margin:0; } .col1 .journal span.date { font-size:.7em ; letter-spacing:.09em; padding-left:.4em; } ul#entrymenu { /*----- index page arrows -----*/ position:relative; bottom:-20px; clear:both; background:transparent; padding:3px 2px 5px 2px; margin:0 0 8em 0; width:964px; text-align:center; list-style:none; border:0px dotted #000; z-index:20; } ul#entrymenu li { background:transparent; float:left; padding:0; margin:0; list-style:none; } ul#entrymenu a { display:block; padding:0 8px; border:1px solid #7a523b; z-index:12; font-size:80%; background-color:#eef2e5; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; -webkit-box-shadow:1px 1px 2px #ccc;-moz-box-shadow:1px 1px 2px #ccc;box-shadow:1px 1px 2px #ccc; } ul#entrymenu a:hover, ul#entrymenu a:active, ul#entrymenu a:focus{ background-color:#f6ecdc; text-decoration:none; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; } #entrymenu #newer { background:transparent; margin-right:0; position:absolute; left:0px; } #entrymenu #older { background:transparent; margin-left:0; position:absolute; left:400px; } /* -------------------- Etsy Widget -----------------------------*/ #cr8outerdiv{ border: 1px solid #ccc; color:#000; line-height:14px; background-color: #ffffff; position: relative; padding:5px; width:160px; height:275px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; display:visible; margin-bottom:0px; } #cr8outerdiv #inner{ height:15px; text-align:center; border-bottom: 1px solid #ccc; } #cr8outerdiv #inner #cr8prev{ color:#003333; text-decoration:none; float:left; margin-left:50px; } #cr8outerdiv #inner #cr8next{ color:#003333; text-decoration:none; float:right; margin-right:50px; } #cr8innerdiv{ width: 150px; height: 220px; margin: 5px auto; } #cr8innerdiv #inner2{ padding:3px 3px; font-size:11px; text-align:right; border-top: 1px solid #ccc; } /* ------------------------ SINGLE COLUMN and Contact pages ------------------- */ /* 1 column container */ .colmask2 { position:relative;/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */ clear:both; width:100%; /* width of whole page */ text-align:center; z-index:1; background:transparent; overflow:hidden; top:0; margin:0 auto 3em;} /* 1 column full page settings */ .fullpage {width:964px; margin:0 auto 2em; padding:0; position:relative; overflow:hidden; background:transparent url(../images/bg/bodybg.jpg) center top repeat-y; z-index:3;} #wrapper{ padding:0 0 1em; margin:0; } #contactpg { margin:0 2em 0; padding:.5em 3em 0; text-align:left;} .fullpage h2, .fullpage p#contact, .fullpage #messageform{ margin-left:80px; } .fullpage p#contact{ width: 30em; } #messageform { width:50em; } #messageform fieldset#col_1 { float:left; border:none; width:20em; position:relative; } #messageform fieldset#col_2 { float:left; border:none; width:20em; position:relative; margin:0 1em; } #messageform fieldset#row_2 { clear:none; float:left; width:50em; border:none; height:60px; top:-55px; position:relative; } #messageform label { color:#7A523B; font-size:95%; text-transform:uppercase; width:11em; margin:2em 0 0; } #messageform input { background:none repeat scroll 0 0 #F7E7D1; border-color:#7A523B; border-style:none none dashed; border-width:medium medium 1px; padding:5px 5px 10px; width:15em; color:#7A523B; font-size:100%; letter-spacing:.06em;} #messageform .default { color:#7A523B; font-size:100%; letter-spacing:.06em; } #messageform span.small { font-size:80%; text-transform:lowercase; letter-spacing:.06em; margin-left:.3em;} #messageform textarea { background:none repeat scroll 0 0 #F7E7D1; border:1px dashed #7A523B; height:280px; padding:2px 0 2px 7px; width:310px; margin:0 10px 0 0; font:1em Arial, Helvetica, sans-serif; color:#7A523B; letter-spacing:.06em;} #messageform #submitbutton { background: url(../images/submit.gif) transparent no-repeat; display: block; border: none; text-indent:-500em; width:119px; height:50px; right:515px; margin-right: 2px; margin-top: 0px; overflow:hidden; float:left; position:absolute; cursor:pointer;} #messageform #submitbutton:active, #messageform #submitbutton:hover, #messageform #submitbutton:focus { background-position: 0px -45px;} #messageform #resetbutton{ background: url(../images/reset.gif) transparent no-repeat; display: block; border: none; text-indent: -500em; width: 119px; height:50px; right:635px; margin-right:5px; margin-top: 0px; overflow:hidden; float:left; position:absolute; cursor:pointer;} #messageform #resetbutton:active, #messageform #resetbutton:hover, #messageform #resetbutton:focus{ background-position: 0px -45px;} #messageform .buttons { float:right; border:none;} /*------------------------------- TREATS ------------------------------*/ div.treats img{ border:1px solid #ccc; background:#fff; padding:5px 5px 17px; margin:0 5px 5px 0; opacity:0.8; -moz-opacity:0.8;} div.treats img:hover, div.treats img:focus, div.treats img:active { opacity:1; -moz-opacity:1; } div.treats div#candids { padding-top: 8px; } div.treats div#creation { height:415px; width:500px; padding:0;} div.treats div#creation embed { } /*----------------------- SEARCH FORM -------------------------------*/ /*apapted from http://lettersandscience.net/Blix/*/ #search{ background-color:#faf6ef; padding:0; margin:0;} #search form{ float:right; /*height:100%;*/ height:2.7em;/**/ width:14em; padding:0; line-height:0; } /*#search form fieldset { /* centering the search form could've been done way more elegant but IEWin and Opera refused to follow the rules */ /* margin-top:.2em; border:0 solid; /* Opera */ /** html .col2 form fieldset {margin-top:7px; border:none;}*/ .input{ border:1px solid #cce; } #s { height:1.5em; width:11em; margin:0 5px 0 1.3em; padding:0 0 .1em .1em; border:1px solid #9a7b68; font:0.8em myriad, arial, helvetica, sans-serif; color:#7A523B; vertical-align:top; -webkit-box-shadow:inset 1px 1px 2px #ccbcb3;-moz-box-shadow:inset 1px 1px 2px #ccbcb3; box-shadow:inset 1px 1px 2px #ccbcb3; } #searchbutton { height:1.7em; cursor:pointer; width:auto; max-width:39px;/**/ padding:0 1px; border:1px solid #9a7b68; background-color:oldlace; font-size:95%; color:#7A523B; letter-spacing:.04em; text-align:top; vertical-align:top; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; -webkit-box-shadow:1px 1px 2px #ccbcb3;-moz-box-shadow:1px 1px 2px #ccbcb3;box-shadow:1px 1px 2px #ccbcb3; } #searchbutton:hover, #search #searchbutton:active{ background-color:#f6ecdc; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; } /*------------------------------- zoom SEARCH ------------------------------*/ .highlight { background: #F7E7D1; } .searchheading { font-size: 130%; font-weight: bold; } .summary { font-size: 80%; font-style: italic; } .suggestion { font-size: 100%; } .results { font-size: 100%; } .category { color: #999999; } .sorting { text-align: right; } .result_title a{ font-size: 100%; background:url(http://www.beastlies.com/html/images/shroom_bullet.png) left no-repeat; padding-left:25px;} .description { font-size: 100%; color: #008000; } .context { font-size: 100%; } .infoline { font-size: 80%; font-style: normal; color: #808080;} .zoom_searchform { font-size: 100%; /*height:2.7em; width:20em; padding:0; line-height:0;*/} .zoom_results_per_page { font-size: 80%; margin-left: 10px; } .zoom_match { font-size: 80%; margin-left: 10px;} .zoom_categories { font-size: 80%; } .zoom_categories ul { display: inline; margin: 0px; padding: 0px;} .zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; } .cat_summary ul { margin: 0px; padding: 0px; display: inline; } .cat_summary li { display: inline; margin-left: 15px; list-style-type: none; } input.zoom_button { } input.zoom_searchbox { } #keywords { padding-bottom:1em; } .result_image { float: left; display: block; } .result_image img { margin: 10px; width: 80px; border: 0px; } .result_block { margin-top: 15px; margin-bottom: 15px; clear: left; } .result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; } .result_pages { font-size: 100%; } .result_pagescount { font-size: 100%; } .searchtime { font-size: 80%; } .recommended { background: #DFFFBF; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; margin-top: 15px; margin-bottom: 15px; } .recommended_heading { float: right; font-weight: bold; } .recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; } .recommend_title { font-size: 100%; } .recommend_description { font-size: 100%; color: #008000; } .recommend_infoline { font-size: 80%; font-style: normal; color: #808080;} .recommend_image { float: left; display: block; } .recommend_image img { margin: 10px; width: 80px; border: 0px; } /* --------------------------- Errors! -------------------------- */ div#contactpg div#notfound { padding:0 0 1em 2em; background:#faf6ef url(../images/errors/404.jpg) right top no-repeat; overflow:visible; min-height:360px;} div#contactpg div#error { padding:0 0 7em 1em; background:#faf6ef url(../images/errors/error.jpg) right top no-repeat; overflow:visible; min-height:360px;} div#contactpg div#notfound div.form p{ width:60%; } div#error h3, div#forbidden h3, div#construction h3, div#notfound{ padding:0 0 1em 0; } div#error h4, div#forbidden h4, div#notfound{ padding:1.3em 0 .5em 0; } div#contactpg div#error ul li, div#contactpg div#notfound ul li, div#contactpg div#forbidden ul li{ list-style:circle; padding:.5em 0 .8em 0; background:transparent; } #notfound li#search form, #forbidden li#search form { float:right; width:15em; background:transparent;} #notfound li#search, #forbidden li#search { width:375px;} div#notfound ul li a, div#error ul li a, div#forbidden ul li a { padding:3px 5px; margin:0 5px 0 8px; border:1px solid gray; background:#fafafa; text-transform:lowercase; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; -webkit-box-shadow:1px 1px 2px #ccbcb3;-moz-box-shadow:1px 1px 2px #ccbcb3;box-shadow:1px 1px 2px #ccbcb3; } div#error ul li a:hover, div#error ul li a:active, div#forbidden ul li a:hover, div#forbidden ul li a:active, div#notfound ul li a:hover, div#notfound ul li a:active{ background-color:#f6ecdc; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; text-decoration:none; } div#error ul, div#notfound ul, div#forbidden ul{ padding-left:1em; } div#contactpg div#forbidden{ padding:0 0 5em 2em; background:#faf6ef url(../images/errors/403.jpg) right top no-repeat; overflow:visible; } form#broken input#submit { line-height:1.7em; cursor:pointer; padding:3px; border:1px solid #9a7b68; background-color:oldlace; font-size:95%; color:#7A523B; letter-spacing:.04em; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; -webkit-box-shadow:1px 1px 2px #ccbcb3;-moz-box-shadow:1px 1px 2px #ccbcb3;box-shadow:1px 1px 2px #ccbcb3; } form#broken input#submit:hover, form#broken input#submit:active{ background-color:#f6ecdc; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; } div#construction h2 { margin-left:-1em; } /*----------------------------Success!------------------------*/ div#contactpg div#success, div#contactpg div#construction{ padding:0 0 260px 1em; background:#faf6ef url(../images/success.jpg) right top no-repeat; overflow:visible;} div#contactpg div#success p{ padding:1em 0 0 5em; font-size:1.2em; word-spacing:.04em; letter-spacing:.07em;} /* -------------------------- 3rd Column ------------------------ */ .col3 h2 { background:transparent url(../images/bg/3rdcolbg.jpg) no-repeat top left; padding:.9em 0 0 .6em; margin:-.35em 0 -.1em -.73em; z-index:4;} .col3 { background:transparent url(../images/bg/3rdcolbg2.jpg) repeat-y bottom left; z-index:3;} .col3 ul.bullets, .col3 #atrox, .col3 #innerpast { background:transparent url(../images/bg/3rdcolbg3.jpg) no-repeat bottom left; z-index:4; padding:0 .5em .6em 1.2em; margin:0 0 -1em -1.6em;} .col3 #atrox, .col3 #innerpast { padding-bottom:1.5em;} /* --------------------------- Events ---------------------------------- */ ul.bullets { list-style-type: none; padding-left: 0; margin-left: 0;} ul.bullets li { background: url(../images/shroom_bullet.png) left top no-repeat; padding: 0 0 5px 25px; margin: 10px 15px 15px 0; font-size:89%; line-height:1.3em;} a:hover { text-decoration:underline;} div#event { padding:0; margin:-.5em 0 0 12em; overflow:visible; background-color:transparent; width:430px;} div#event p{ padding:0;} div#event p span { font-size:70%} div#event img.border { border:1px solid #7a523b } div#past { margin-right:26px; margin-left:-5px; } div#past h2 { margin-bottom:.5em;} div#past .wrap { width:200px; margin:auto; padding:0;} div#past p { margin: 0 0 20px 0; line-height:20px; font-size:13px; width:200px; /* setting the width of elements that are sliding makes the motion smoother? */} div#past h3 { font-size:65%; cursor:pointer; height:25px; padding-left:30px; background:#f7e7d1 url(../images/shroom_bullet.png) no-repeat left center; line-height:25px; margin-left:-10px; overflow:hidden;} div#past h3:hover {background-color:#f6ecdc;} div#past .closed {background-position:left center;} /*------------------------------- GALLERY --------------------------- thanks to http://www.leonamarant.com/2009/06/16/adding-a-flickr-feed-to-your-site-with-jquery/---------- http://idgettr.com/ flickr ID: 30717041@N00 http://www.flickrslideshow.com/ http://www.slideflickr.com/ http://www.tech-recipes.com/rx/1115/flickr-easy-way-to-add-a-flickr-slide-show-to-any-blog-or-web-page/ -------------------------------------------------------------------*/ #FlickrImages{margin-bottom:0;float:left;} #FlickrImages ul{list-style: none inside none; width:650px;} #FlickrImages ul li{float:left; border:1px solid #ccc; background:#fff; padding:5px 5px 17px; margin:0 5px 5px 0; list-style:none inside none; } #FlickrImages ul li:visited{background-color:#fafafa;} #FlickrImages ul li img{ width:100px; height:100px; display:block; opacity:0.8; -moz-opacity:0.8; list-style:none;} #FlickrImages ul li img:hover, #FlickrImages ul li img:focus, #FlickrImages ul li img:active{ opacity:1; -moz-opacity:1; list-style:none inside none; } /*------------------------------- FOOTER ------------------------------*/ #footwrapper { clear:both; z-index:1; width:100%; margin:-5em auto 0; padding:0 0 35px; text-align:center; background:transparent url(../images/bg/footer.jpg) center top no-repeat; border:0px dashed #333; position:relative;} #footer { width:964px; border:none; padding:5px 0 10px; margin:0 auto 5px; background:transparent; } #footer p { padding:10px; margin:0; } p#copyright { width: 100%; text-align:center; color:#7a523b; font-weight:normal; text-transform:uppercase; font-size:70%; padding-top:0px; margin:30px auto -15px; letter-spacing:1.8px; bottom:0; border:0px dotted black; } /* --- Footer Menu --- */ #footer ul { text-align:center; width:100%; list-style:none; margin:4em auto -30px; /*left:95%;*/ padding:1em 0 0; } #footer ul li { display:inline; list-style:none; margin:0; padding:0; } #footer ul li a { display:inline; /*margin-left:-4px;*/ padding:2px 10px; border-right:1px solid #7a523b; border-left:none; text-align:center; color:#28655d; text-decoration:none; position:relative; left:0px; line-height:1.3em; } #footer ul li a.last{ border-right:none; } /* --- Up button --*/ div#footer p#up a{ float:right; position:relative; left:-5em; display:block; padding:2px 4px; margin-top:-.5em; border:1px solid #7a523b; z-index:5; font-size:80%; background-color:oldlace; text-decoration:none; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; -webkit-box-shadow:1px 1px 2px #ccc;-moz-box-shadow:1px 1px 2px #ccc;box-shadow:1px 1px 2px #ccc; } div#footer p#up a:hover{ background-color:#f6ecdc; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; }