/* -------------------------------------------------------------- Reset default browser CSS. -------------------------------------------------------------- */ 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, b, u, i, center, 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-size: 100%;vertical-align: baseline;background: transparent;} body {background:#fff;line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} :focus {outline: 0;}/* remember to define focus styles */ ins {text-decoration: none;} /* remember to highlight inserts somehow */ del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */ a img { border: none; } /* -------------------------------------------------------------- Set some baseline styles for core elements. -------------------------------------------------------------- */ hr {background-color: #999;border:0;height: 1px;} ul {list-style:disc;} ol {list-style-type: decimal;} ol ol {list-style:upper-alpha;} ol ol ol {list-style:lower-roman;} ol ol ol ol {list-style:lower-alpha;} dt {font-weight: bold;} strong {font-weight: bold;} cite, em, i {font-style: italic;} blockquote em, blockquote i, blockquote cite {font-style: normal;} abbr, acronym {border-bottom: 1px dotted #666;cursor: help;} ins {text-decoration: none;} sup, sub {height: 0;line-height: 1;vertical-align: baseline;position: relative;} sup {bottom: 1ex;} sub {top: .5ex;} .left {float: left;} .right {float: right;} /* -------------------------------------------------------------- Structure. -------------------------------------------------------------- */ body {min-width:1100px;} #header {position:relative;} #call-to-action{ width:1000px; margin:0 auto;} /*#status {width: 960px; margin:0 auto; }*/ #access {position:relative;overflow:hidden;float:right;padding-right: 14px;} #heading {overflow:hidden;} #heading h2 {float:left;} #shadow, #main {width:1000px; margin:0 auto;overflow:hidden;position:relative;} #main {width:960px;} #heading, #pub-heading, #profile-heading, #map-panel, #map-panel-noresults {width:960px;position:relative;left:20px;} /* #main moved down beneath #pub-heading so need to adjust upper elements */ .home #heading, .listing #heading {margin-left:0px;} #content{text-align:justify;} #container {float:left;margin-left:18px; display:inline; width:500px;padding-bottom:40px;} a#change_location_toggle{margin-bottom:20px;display:block;overflow:hidden;} .home #container, .listing #container {width:924px;} #content {margin-left:0px; width:560px; overflow:hidden;} .home #content, .listing #content, .termsofservice #content, .about #content, .privacypolicy #content {width:924px;} .search #content {width:600px;} .main-aside {width:340px; float:right;position:relative;right:0px;margin:20px 20px 75px 20px;} .main-aside-search {padding-bottom:40px;} .search .main-aside {width:300px;} #secondary {clear:right;} #footer {width:1100px;margin:0 auto;background:black;clear:both;} #subsidiary {width:940px;margin:0 auto;overflow:hidden;} #subsidiary .aside {width:300px;float:left;margin:0 20px 0 0;} #subsidiary #first {padding-left:10px;width:290px;} #subsidiary #third {margin:0;} #siteinfo {clear:both;width:924px;margin:0 auto;} /* -------------------------------------------------------------- Main Menu -------------------------------------------------------------- */ .skip-link {display:none;} #access {overflow:visible;}} .sf-menu { float:left;} sf-menu, .sf-menu * {margin:0;padding:0;list-style: none;} .sf-menu li:hover { visibility:inherit; } /* fixes IE7 'sticky bug' */ .sf-menu li {float:left;position:relative;} .sf-menu a {display:block;} .sf-menu li { margin-right:0px;float:left;} .sf-menu a {text-decoration:none; display:block;} /* 18px - 1.125 16px - 1.00 14px - 0.875 12px - 0.75 10px 9px */ /* -------------------------------------------------------------- Font Size, Line Height, Margins / Padding. -------------------------------------------------------------- */ body { /* background: url('../images/18pxrule.gif');*/ font: 100% Verdana, sans-serif; line-height: 1.125em; /* 16x1.125= 18px; */ } h1,h2,h3,h4,h5,h6,th { font-family:"Lucida Sans", Verdana, sans-serif; font-family:"Myriad Pro", Myriad, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT","DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase; text-align:left; } h1 { font-size: 1.5em; /* 16x1.5= 24px */ line-height: 1.636em;/* 22x1.636= 36px */ font-weight:bold;color:#F0AD2C; } h2{ font-size: 1.5em; line-height: 2em; font-weight:bold;color:#F0AD2C; } h3, th {font-size: 1em; line-height:2.25em; color:#F0AD2C;} h4{font-size:15px;} h5{font-size:14px;} pre, code {font: 11px Monaco, monospace;line-height:18px;} #access { font-size:12px;} .main-aside .xoxo h3{font-size:1em !important; font-size:1.0666em;} /* 16px isn't bold in IE6 - leave it at 17px */ .sub-aside .xoxo li {font-size:0.666em;} .sub-aside .xoxo h3 {font-size:1.333em;} /* undo previous. Works out at c.14px */ .sub-aside .xoxo li li {font-size:1em;} /* undo previous. Works out at c.10.65px */ #siteinfo{font-size:0.666em;} p, .xoxo li li, .entry-utility, .navigation, .comment-author, .comment-meta, #commentform label, .archive .entry-content, .search .entry-content, .entry-content li, td, .entry-content .edit-link { font-size: 0.75em; /* 16x0.75=12px */ } .entry-content li li {font-size:1em;} .xoxo li li li { font-size: 1em; /* offset recursive shrinking of font */} .advice { font-size: 10px; color: #777; } /* -------------------------------------------------------------- Set grid to 18px -------------------------------------------------------------- */ #call-to-action {padding:0;} #access{margin: 0 0 0px 0;} hr {margin:0 0 18px 0;} /*ul, ol{margin:0 0 18px 18px;}*/ ul ul, ol ol, ul ol, ol ul {margin-bottom:0;} dl {margin:0 0px;} dd {margin:0 0 0px 0;} blockquote{margin:0 36px;} pre{margin-bottom:18px;} .hentry {padding: 0 0 18px 0;} .page-link {margin: 0 0 18px 0;} .entry-content ul {margin:0 0 18px 18px;} .entry-content li {padding:0 18px 0 0;} p, .archive .entry-content { margin:0 0 18px 0; } #comments {padding:18px 0 0 0;} #comments h3 {padding:0 0 0 0;} #comments-list {padding:0 0 0px 0;} #comments-list ol {margin:0 0 18px 0;} #comments-list li {padding:18px 18px 0 18px;} #comments-list ul li {margin:0 0 18px 0;} #comments-list li {position:relative;} #comments-list li .avatar {position:absolute;width:35px; height:35px;border:1px solid #ccc; top:18px;left:1.5em;} #comments-list .comment-author, #comments-list .comment-meta {padding:0 0 0 46px;} .form-section input {margin:0 0 9px 0;padding:0px;height:21px; /* equiv to 27px in firefox anyway */} input#searchsubmit { height:23px !important; height: 22px; padding: 0px 6px; border:1px solid #999;margin-top:2px;} #error404-searchform {padding-bottom:18px;} .form-section textarea {margin:0;width:99%;height: 124px; /* multiple of 18px minus 2 for border */} .form-submit {padding:18px 0 0 0;} #form-allowed-tags p {margin:0;} .subscribe-to-comments {margin:0;padding:18px 0 0 0;} .solo-subscribe-to-comments {padding:18px 0 0 0;} .comment_license {margin:0;padding:18px 0 0 0;} /* Asides, Sidebars -------------------------------------------------------------- */ .aside ul {margin-left:0;} .aside ul ul {margin:0 0 18px 18px;} .aside ul ul ul {margin-bottom:0;} .aside form, .aside table {margin-bottom:18px;} #secondary {margin-bottom:18px;} /* Pullquotes -------------------------------------------------------------- */ blockquote.left {float: left;margin-left: 0;margin-right: 18px;text-align: right;width: 33%;} blockquote.right {float: right;margin-left: 18px;margin-right:0px;text-align: left;width: 33%;} /* -------------------------------------------------------------- Everything Else -------------------------------------------------------------- */ body{background:url('../images/background-tile.gif') top left;} #wrapper{padding-top:10px;background:url('../images/background-vertical.jpg') top left repeat-x;width:100%;} .home #container {margin-bottom:-20px; padding-bottom:0px} .find #container {margin-bottom:-5px; padding-bottom:0px} .termsofservice #container {margin-bottom:-100px;} .about #container, .privacypolicy #container {margin-bottom:-50px;} #main {padding: 0;padding-bottom:40px;} .pagination, .more {z-index:3;position:relative;} .home #main {padding-bottom:0px;} /*#status {color:white;text-align:right;z-index:3;position:relative;line-height:20px;margin-bottom:-20px;}*/ #call-to-action{ background: transparent url('../images/call-to-action.png') top left no-repeat; height:220px; padding-top:40px; position:relative;margin-bottom:-20px;z-index:20;} #call-to-action h1 {background: transparent url('../images/pint-heaven.png') top left no-repeat; width:380px; height:36px;margin-left:300px; float:left; display:inline; text-indent:-9999px;} #call-to-action p {margin-left:300px; width:400px;float:left; display:inline;} #call-to-action a.button {background: transparent url('../images/button.png') top left no-repeat; width:140px; height:40px; display:block; float:right; text-align:center ;margin:0px 18px 18px 0px; line-height:40px; text-decoration:none;text-shadow:1px 1px 0 #fff;} /* #call-to-action #login {position:absolute;top:40px;right:40px;width:240px;} #call-to-action #login h3 {border:1px solid #ceceaa;border-width:1px 1px 0px 1px; float:right; margin-bottom:-1px;z-index:2;position:relative;background:#FAFAF5;} #call-to-action #login h3 span {text-indent:-9999px; background: url('../images/login.png') top left no-repeat; margin:10px; display:block; width:80px; height:20px; } #call-to-action form {position:relative; padding:20px 0px; clear:right; border:1px solid #ceceaa;z-index:1;background:#FAFAF5;} #call-to-action form {font-size:0.667em;} #call-to-action form #un, #call-to-action form #pw {float:left; height:11px; width:154px;margin-left:10px;color:#aaa;} #call-to-action form #un {margin-bottom:10px;} #call-to-action form #pw {margin-bottom:10px;} #call-to-action form #go {margin-bottom:10px;margin-left:10px; height:48px; width:48px; background:url('../images/go.png') top left no-repeat; border: 1px solid gray;} #call-to-action form #remember-me {clear:both;float:left;margin-left:10px;} */ #call-to-action #login {position:absolute;top:40px;right:40px;;width:240px;} #call-to-action #login h3 {margin-bottom:-1px; width:100px; height:40px; text-indent:-9009px; background: #FAFAF5 url('../images/login.png') no-repeat 13px 13px; border:1px solid #ceceaa; border-width:1px 1px 0px 1px; float:right;} /* base w, h of image is 80, 20. added 20px for w, h of h3 to account for 10px space around image. */ #call-to-action #login h3 span {width:100%; height:100%; display: block;} #call-to-action form {border:1px solid #ceceaa; clear:right; background-color:#FAFAF5;} #call-to-action form {font-size:0.667em;} #call-to-action form #unpw {width:154px;float:left;} #call-to-action form #un, #call-to-action form #pw {height:13px; width:154px;color:#aaa;padding:3px 0 2px;font-size:10px;} #call-to-action form #un {margin:20px 0 0 10px;} #call-to-action form #pw {margin:6px 0 0 10px;} #call-to-action form #go {margin:20px 14px 8px 0;height:48px; width:48px; background:url('../images/go.png') top left no-repeat; border: 1px solid gray;float:right;} #call-to-action form #remember-me-pw {margin:0 0 20px 6px;clear:both;} a.button {font-weight:bold; color:#888A8A; } a.button:hover {color:#5e5e5e;} a.action {color:#D82C2A !important;} a.action:hover { color:#ff0b0b !important;} #search-panel {overflow:hidden; background:red; border:2px solid #D5AD4B; background:url('../images/panel-vertical.gif') top left repeat-x;} #search-panel form {float:left;} #label-near, #near, #search-submit {float:left;} #search-panel #search, #search-panel #nearby {width:190px;float:left;font-size:14px;} #search-panel #search {padding:20px 0 0 20px;} /* using padding here instead of margin since it's shifted IE */ #search-panel #s, #search-panel #near {clear:left;width:190px;} #search-submit {margin:28px 18px 18px 18px;width:140px;height:40px;border:none; background:url('../images/button.png') top left no-repeat;display:block;float:left;text-align:center;line-height:40px; text-decoration:none;text-shadow:1px 1px 0 #FFFFFF;} #find-from-map {float:right;} #find-from-map p {margin:30px 0 0 10px;padding:10px 0 0 30px; background: url('../images/seperator.gif') top left repeat-y;float:left;height:30px;} #find-from-map img {margin:10px 20px 10px 20px;} #video-panel {margin-top:20px; border:2px solid #D5AD4B; overflow:hidden; position:relative; height:130px; background: url('../images/panel-vertical.gif') top left repeat-x; width:918px;} #video-panel h3 {background: url('../images/perfectpints-tv.png') top left no-repeat; width:220px; height:20px; margin:10px 0 10px 10px; float:left; display:inline; text-indent:-9999px;} #video-panel p {float:left; display:inline;clear:left;margin-left:10px; width:440px;} #video-slider { margin:10px; position:absolute; top:10px; right:0px; clear:left;} #video-slider a.left-arrow {height:90px; width:20px; background:url('../images/left-arrow.png') center center no-repeat; display:inline; overflow:hidden; text-indent:-9999px;float:left;margin-right:10px;} #video-slider img {float:left;margin-right:10px; border:1px solid #A09563;} #video-slider a.right-arrow {height:90px; width:20px; background:url('../images/right-arrow.png') center center no-repeat; display:inline; overflow:hidden; text-indent:-9999px; float:left;} #intro-panel {margin-top:20px; border:2px solid #D5AD4B; overflow:hidden; position:relative; background: url('../images/background-vertical-light.gif') 0 -200px repeat-x; width:830px; margin-left:45px;} #intro-panel h3, #siteterms h3, #privacypolicy h3, #press h3 { margin:0px 0 0px 10px; float:left; color:#F0AD2C;font-size:24px;font-weight:bold;text-transform:uppercase; font-family:"Myriad Pro", Myriad, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT","DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;; } #intro-panel p, #siteterms p, #privacypolicy p, #press p {clear:left;margin:0 10px 10px; } #siteterms, #privacypolicy {margin-top:10px; overflow:hidden; position:relative; width:918px;} #pints {background: transparent url('../images/pints.png') center top no-repeat; overflow: hidden; margin-top:20px; height: 440px;} #pints h3 {text-align:center; margin-bottom: 10px; text-indent:-9999px; width: 310px; float: left;} #pints a.pints_rss {display: block; float: left; width: 35px; height: 35px; margin-top: 9px; text-indent: -9999px;} #left-pint, #right-pint {margin-top:30px; height:400px;width:370px;float:left;} #left-pint { margin-left:50px;} #right-pint { margin-left:82px; } #right-pint p {padding-left:10px;z-index:10;position:relative;} #pints #updates, #pints #connect {margin: 30px; margin-top: 65px;} .review {position:relative; color:white;margin-bottom:20px;min-height:70px;height:auto !important;height:70px;z-index:10;position:relative;} .review img {position: absolute; top:0px; left:0px; } .review h4 {margin-left:80px; font-size:14px; text-transform:none;} .review h4 a {color:#F5DDAB;} .review .rating, .tweet .rating {margin:1px 0 4px 80px ;background:url('../images/rating-pints.png') top left no-repeat; width:78px; height:20px; text-indent:-9999px;} /* ie.css */ .review .pints-0, .mapinfo .pints-0, .tweet .pints-0 {width:0px;} .review .pints-1, .mapinfo .pints-1, .tweet .pints-1 {width:15px;} .review .pints-2, .mapinfo .pints-2, .tweet .pints-2 {width:32px;} .review .pints-3, .mapinfo .pints-3, .tweet .pints-3 {width:46px;} .review .pints-4, .mapinfo .pints-4, .tweet .pints-4 {width:65px;} .review .pints-5, .mapinfo .pints-5, .tweet .pints-5 {width:80px;} .review p {margin:0px 0 0 80px; line-height:14px; font-size:11px;text-align:left; margin-bottom:20px;} .review a.right-arrow {position:absolute; top:12px; right:0px;height:30px; width:20px; background:url('../images/right-arrow-dark.png') center center no-repeat; text-indent:-9999px; float:left;} .timesince {font-style:italic;} .tweet p {margin: 0 0 3px; margin-left: 80px;} .tweet_sender {margin-left: 11px;} .review .c {margin-top:8px;} .search h2{color:#F0AD2C;font-weight:bold;} .search #s-pints, .search #s-craic, .search #s-community, .search #search-blank {border:2px solid #D5AD4B; overflow:hidden; position:relative; background: url('../images/background-vertical-light.gif') top left repeat-x;margin-bottom:20px;text-transform:none;} /*.search #s-pints { max-height:400px;}*/ .search #s-craic { max-height:570px;} .search #s-community { max-height:370px;} .search #s-pints h3, .search #s-craic h3, .search #s-community h3 {height:100px;background: url('../images/underline.gif') 0px 59px repeat-x;margin:0px 20px;text-indent:-9999px;} .search #s-pints h3 span, .search #s-craic h3 span, .search #s-community h3 span {display:block; background:url('../images/search-headings.gif') no-repeat -550px 0px; width:160px;height:100%;} .search #s-craic h3 span {background-position:-290px 0px; width:260px;} .search #s-community h3 span {background-position:0px 0px; width:290px;} .search #s-craic p {line-height:16px;margin:0px;} .search #s-review {margin:0px 0 0 70px; color:#000; line-height:16px} .search #s-community .profile p{line-height:12px;margin:0px;} .search #main{margin-bottom:-80px;} .bitocraic, .profile {position:relative; margin-bottom:20px; min-height:70px;} .search h4, .search .rating, .search h5, .search #s-craic p, .search .profile span{margin-left:70px;} .search .profile h4, .search .profile span{margin-left:70px;} .search .review, .search .bitocraic, .search .profile {margin:0 0 20px 20px; width:268px;float:left;} .search .profile {height:60px;} .search .profile span{display:block;} .search h4 {font-size:14px; text-transform:none;height:18px;line-height:18px;} .search .bitocraic img, .search .profile img {position: absolute; top:0px; left:0px; height:60px; width:60px;} .search .review .rating {margin:1px 0 3px 70px ;} .search .review h4 a, .search .bitocraic h4 a, .search .profile h4 a{color:#726c36;} .search .review h5 {text-transform:none; height:18px;vertical-align:text-bottom; color:black;line-height:18px;} .search .profile span {font-size:12px; text-transform:none;height:18px;line-height:18px;} .search a#sortbyperfect {position:absolute;top:45px;right:20px;text-align:right;padding-right:15px;background:url('../images/more-arrows.gif') right 2px no-repeat;font-size:12px;height:12px;line-height:12px;text-decoration:none;color:#726c36;} .search a#sortbyperfect.ascending{background-position: right -20px;} .search a#sortbyperfect.descending{background-position: right 2px;} .search .more {float:right;background:url('../images/more-arrows.gif') right -32px no-repeat;font-size:12px;height:12px;line-height:12px;text-align:right;padding-right:15px; margin:0 20px 20px 0px; color:#726c36;} .search .more a{color:#726c36;z-index:1001;position:relative;} #pints #connect {color:white; line-height:18px;} #connect a {color:#F5DDAB;} #twoucan {background: transparent url('../images/twoucan.png') top left no-repeat; z-index:3; position:absolute;height:75px;top:60px;right:90px;width:420px;} #twoucan a#follow {height:65px; width:140px;display:block;margin-top:10px;z-index:4;position:absolute;text-indent:-9999px;} #twoucan ul {list-style-type:none; color:black; text-align:left;font-size:10px;line-height:12px;text-indent:30px;padding-top:25px;padding-left:160px; height:50px; position:absolute; } #twoucan ul a {color:#726c36;} #twoucan ul a:hover {color:#A09563;} /*ul li span, ul li a*/ #shadow {background: url('../images/side-shadow.png') top left repeat-y; overflow:hidden;} #main {background: url('../images/background-vertical-light.gif') top left repeat-x;} #site-title {background: transparent url('../images/perfectpints.png') 20px 9px no-repeat; width:405px; height:45px; margin-left:0;text-indent:-9999px;} #site-title a {width:385px; display:block; height:45px;text-indent:-9999px;} .menu a, a#globe {height:80px;text-indent:-9999px;} .sf-menu li { margin-left: 10px; } /* we get specific w/margins to match layout 100%. This may be overkill though, and a default of margin-left: 10px looks pretty darn good too */ /* .sf-menu li#craic {margin-left: 7px;} .sf-menu li#shop {margin-left: 11px;} .sf-menu li#profile {margin-left: 13px;} */ li.current {background: transparent url('../images/green-active.png') bottom center no-repeat;} #find a, #craic a, #pint-tv a, #shop a, #profile a {width:60px; height:108px;} /* matte to #f1f0ce, 8 bit trans PNG */ #find a {background: transparent url('../images/find-bg.png') 17px 2px no-repeat;} #craic a {background: transparent url('../images/craic-bg.png') 50% 6px no-repeat;} #pint-tv a{background: transparent url('../images/pinttv-bg.png') 50% 0 no-repeat;} #shop a{background: transparent url('../images/shop-bg.png') 50% 3px no-repeat;} #profile a{background: transparent url('../images/profile-bg.png') 50% 2px no-repeat;} #footer{ background: transparent url('../images/bottom-clouds.png') top left no-repeat;margin-top:-127px;position:relative;z-index:2;padding-top:160px; color:white;position:relative;} /* AF, FIXME removed this rule from #footer above as tmp fix margin-top:-127px; ^^Reintroduced fro linh to look at */ #footer .sf-menu {height:16px;} #footer .sf-menu li {border-left:1px solid white;height:16px;line-height:16px;margin-left:9px;} #footer .sf-menu li.first {border:0;} #footer #subsidiary {margin-top:10px;} #footer #subsidiary #second {display:none;} #footer #subsidiary #third {width:620px;} #footer .sf-menu {float:right;} #footer .sf-menu a {color:white; font-size:12px;margin:0px 0 0px 9px;} #footer #siteinfo {display:none;} #facebox .ratingbox {width: 310px;margin:0;background: url('../images/background-vertical-light.gif') top left repeat-x; overflow:hidden;padding:10px;} .ratingbox h1 { height:20px;line-height:20px;margin-bottom:10px;} .ratingbox label, .ratingbox input, .ratingbox a#cancel, .ratingbox #popular-tags {float: left; clear:both; } .ratingbox #rating-panel {width:300px;overflow:hidden; margin-bottom:10px;} .ratingbox #rating-panel div {float:left;clear:none;height:20px;width:30px;;background: url('../images/rating-pints-large.gif') top left no-repeat;padding-top:85px;margin-right:10px;} .ratingbox #rating-panel div#perfect-rating {background-position:-200px 0px;width:80px;} .ratingbox #rating-panel input {margin:0 10px;} .ratingbox #rating-panel div#perfect-rating input {margin:0 32px;} .ratingbox #label-craic {line-height:24px;margin-bottom:10px;margin-top:10px} .ratingbox textarea#craic_text {width:300px;height:100px;margin-bottom:10px;} .ratingbox #popular-tags {width:282px; border:2px dashed #d5ad4b; padding:10px;margin-bottom:10px;} #popular-tags h2{margin:0;padding:0; line-height:20px;height:20px;font-size:18px;} #popular-tags p {margin-bottom:0;} .ratingbox label#update-facebook, .ratingbox #update-facebook-label, .ratingbox #update-twitter-label, .ratingbox label#update-twitter, .ratingbox a#cancel {clear:none;font-size:14px;} .ratingbox #update-twitter-label, .ratingbox label#update-twitter {margin-bottom:0px;} .ratingbox #label-tags {line-height:24px;margin-bottom:10px;} .ratingbox #tags {width:300px;margin-bottom:10px;} .ratingbox a#cancel {font-size:14px;line-height:27px;color:#d82c2a;} .ratingbox p { clear:both;} .popup .content h3, .popup .content h1 {font-size:24px;font-weight:bold;color:#F0AD2C;} .popup .content h1 {margin-bottom:10px;} .popup .content{ margin:0;background: url('../images/background-vertical-light.gif') top left repeat-x; overflow:hidden;padding:10px;} /*** for JS popup only (on live server) */ .popup .content p {line-height:18px;font-size:12px;} .popup .content #popular-tags {margin-top:10px;} .popup .content #label-tags {margin-top:0px;} .signupbox {width:441px;overflow:hidden;} .signupbox p.first {padding-left:75px;background:url('../images/find-bg.png') 0 6px no-repeat;} .signupbox p.second {padding-left:75px;background:url('../images/craic-bg.png') 0 6px no-repeat; } .signupbox p.third {padding-left:75px;background:url('../images/profile-bg.png') 0 6px no-repeat; margin-bottom:20px;} .signupbox label, .signupbox input, .signupbox select, .signupbox #terms, .signupbox #join {float: left; clear:both; } .signupbox #label-email, .signupbox #label-username, .signupbox #label-password, .signupbox #label-age {margin-bottom:4px;} .signupbox #id_email, .signupbox #id_username, .signupbox #id_password1 {width:240px;margin-bottom:15px;} .signupbox #age {width:8em; } /*.signupbox #label-email, .signupbox #label-username, .signupbox #label-password, .signupbox #label-age {background: url('../images/signup-headings.gif') top left no-repeat; height:20px; line-height:20px; text-indent:-9999px;margin-bottom:10px;}*/ input#go{clear:none;} .form_block {float:left; clear:both;padding-top:10px;} .form_block input {margin-top:0px !important;}; .signupbox #username {clear:left;} .signupbox #userpath {float:left;clear:none; font-size:12px;margin-left:10px;line-height:20px;} .signupbox input#remember-me-label, .signupbox #remember-me{clear:none;font-size:12px;line-height:27px;} .signupbox #remember-me {height:23px;} #terms {margin-top:10px;} .secure {line-height:20px;height:20px;clear:both;float:right; font-size:12px; background: url('../images/signup-headings.gif') 200px -20px no-repeat;padding-right:25px;margin-bottom:10px;width:195px;text-align:right;} .pub #main {background-position:0px 0px;} #content {margin-bottom:40px;} #heading {margin-bottom:-20px;position:relative;z-index:10;} .pub #heading {position:relative;padding-top:10px;background:url('../images/green-gradient.gif') top left repeat-x;margin-bottom:-40px;} #heading {position:relative;padding-top:10px;background:url('../images/green-gradient.gif') top left repeat-x;} /*.pub #heading h2, .search #heading h2 {margin-top:10px;}*/ /*#status {margin-bottom:0px;}*/ #pub-heading a, #profile-heading a {text-decoration:none;} #pub-heading, #profile-heading { background:url('../images/cream-gradient.gif') top left repeat-x;position:relative; width:920px;padding:20px;} #current-pointer {padding-top:20px;position:relative; z-index:9;} #current-pointer.map {background: url('../images/cream-active-up.png') 760px 0px no-repeat;} /*#pub-details {position:relative;padding-left:120px;} #pub-details h2 {font-weight:bold;font-size:30px;line-height:30px;width:auto; display:inline;} #pub-details .more-thumbs {position:absolute; top:0px; left:0px; border:2px solid #726c36;} #pub-details .more-thumbs span {position:absolute;bottom:0px;left:0px;font-size:12px;display:block;width:96px;height:20px;line-height:20px;color:white;text-align:center;background:black;filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;} */ #pub-details h2, #profile-details h2 {font-weight:bold;font-size:30px;line-height:30px;position:absolute;left:140px;z-index:1;} #pub-details .more-thumbs, #profile-details .more-thumbs {width:96px;height:96px;border:2px solid #726c36;display:block;} #pub-details .more-thumbs span, #profile-details .more-thumbs span {margin:-20px 0 0 0;font-size:12px;display:block;width:96px;height:20px;line-height:20px;color:white;text-align:center;background:black;filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;} #pub-details .rating {background:url('../images/rating-pints-large.gif') 0px -10px no-repeat; width:200px; height:50px; text-indent:-9999px;position:absolute;left:140px;top:50px;} #pub-details .pints-0, #profile-details .pints-0 {width:0px;} #pub-details .pints-1, #profile-details .pints-1 {width:40px;} #pub-details .pints-2, #profile-details .pints-2 {width:80px;} #pub-details .pints-3, #profile-details .pints-3 {width:120px;} #pub-details .pints-4, #profile-details .pints-4 {width:160px;} #pub-details .pints-5, #profile-details .pints-5 {width:200px;} /*#pub-details .location {font-size:14px;height:20px;line-height:20px;}*/ /* see ie.css, where we revert to .gif for the following */ #pub-details .perfect, #profile-details .perfect{position:absolute;top:40px;left:335px;color:white;background: url('../images/rating-pints-large.png') top right no-repeat;width:91px;height:60px;text-align:center;padding-top:20px;} #pub-details .location, #profile-details .location {font-size:14px;height:20px;line-height:20px;position:absolute;z-index:1;top:100px;left:140px;} #pub-details .unrated, #profile-details .unrated {margin:-10px 0 0 0;background:url('../images/rating-pints-large-unrated.gif') no-repeat; width:280px; height:81px;position:absolute;left:140px;top:50px;} #pub-details .unrated a, #profile-details .unrated a {color:black;font-weight:bold;font-size:1.2em;position:relative;top:24px;left:22px;} #profile-details .n_ratings { background:url('../images/star_50.png') -8px -4px no-repeat;width:200px; height:50px;position:absolute;left:140px;top:50px;padding:14px 0 0 58px;font-size:18px;} #profile-details .about-website {position:absolute;top:20px;left:490px; width:315px;font-size:14px;height:100px;} #profile-details .website {margin-top:10px;position:absolute;bottom:0px;} #map-panel {height:300px;display:none;} #map-panel-noresults {height:300px;background:url('../images/map-nosearchresults.png') no-repeat} .pub #map-panel { margin-top:22px; margin-bottom:-20px;} /* for maps that are revealed via javascript */ .gmnoprint {z-index:20;} #pub-actions, #profile-actions {position:absolute; top:20px; right:20px;font-size:12px;} #pub-actions div {width:118px; height:20px;margin-bottom:5px;line-height:22px; border: 1px solid #F5DDAB; background: #F8EBC2 url('../images/pubaction-bg.gi') no-repeat;} #pub-actions a, #pub-actions .favourited, #pub-actions .visited {display:block;padding-left:30px; color:#4d4d48; } #pub-actions a:hover {color:black;} #pub-actions #favourite a{background:url('../images/small-icons.gif') 2px -182px no-repeat;} #pub-actions #beenthere a{background:url('../images/small-icons.gif') 2px -202px no-repeat;} #pub-actions #addphotos a{background:url('../images/small-icons.gif') 2px -260px no-repeat;} #pub-actions #email a{background:url('../images/small-icons.gif') 2px -242px no-repeat;} #pub-actions #favourite a:hover, #pub-actions .favourited{background:url('../images/small-icons.gif') 2px -42px no-repeat;} #pub-actions #beenthere a:hover, #pub-actions .visited{background:url('../images/small-icons.gif') 2px -62px no-repeat;} #pub-actions #addphotos a:hover{background:url('../images/small-icons.gif') 2px -120px no-repeat;} #pub-actions #email a:hover{background:url('../images/small-icons.gif') 2px -102px no-repeat;} #pub-actions #sharefb a{background:url('../images/small-icons.gif') 2px -281px no-repeat;} #pub-actions #sharefb a:hover{background:url('../images/small-icons.gif') 2px -301px no-repeat;} #profile-actions div {width:122px; height:20px;margin-bottom:5px;line-height:18px; border: 1px solid #F5DDAB; background: #F8EBC2 url('../images/pubaction-bg.gi') no-repeat;} #profile-actions a {display:block;padding-left:30px; color:#4d4d48; } #profile-actions a:hover {color:black;} #profile-actions form#profile-follow{outline:0;} #profile-actions input#unf, #profile-actions input#fol {background:url('../images/small-icons.gif') 2px -341px no-repeat;color:#4d4d48;line-height:22px;margin:0;padding:0;width:118px;height:20px;font-weight:normal;text-shadow:none;font-family:Verdana, sans-serif;text-align:left;padding-left:28px;padding-bottom:3px;} #profile-actions input#unf:hover {background:url('../images/small-icons.gif') 2px -321px no-repeat;} #profile-actions input#fol {background:url('../images/small-icons.gif') 2px -262px no-repeat;} #profile-actions input#fol:hover {background:url('../images/small-icons.gif') 2px -122px no-repeat;} #profile-actions #email a{background:url('../images/small-icons.gif') 2px -245px no-repeat;} #profile-actions #email a:hover{background:url('../images/small-icons.gif') 2px -105px no-repeat;} #profile-actions #block a{background:url('../images/small-icons.gif') 2px -381px no-repeat;} #profile-actions #block a:hover{background:url('../images/small-icons.gif') 2px -361px no-repeat;} #ratemap{position:absolute; top:30px; right:170px;height:80px;} #ratemap a{background:yellow; height:80px; width:60px;display:block; float:left;margin-left:20px;} #ratemap #rate {background:url('../images/rate-bg.png') top left no-repeat; text-indent:-9999px;} #ratemap #map {background:url('../images/map-bg.png') top left no-repeat; text-indent:-9999px;} #pint {background:url('../images/pint.gif') top left no-repeat;margin-bottom:20px;height:790px;width:490px;margin-left:20px;margin-top:20px;} #pint h3 {text-indent:-9999px;} #pint #updates {padding:80px 80px 0px 80px;} #pint .review h4 {margin-left:95px;} #pint .review p {margin:0px 0 0 95px;} .pub .review .rating {margin-left:95px;} #pint a.right-arrow {height:30px; line-height:30px; font-size:14px;padding-right:30px; background:url('../images/right-arrow-dark.png') right center no-repeat; float:left;float:right;text-decoration:underline;} #pint a.button {background: transparent url('../images/button-cream.png') top left no-repeat; width:160px; height:40px; float:left; text-align:center;margin:0px;line-height:40px; text-decoration:none;text-shadow:1px 1px 0 #F8EBC2; font-size:12px;color:#726c36;} #pint a.button:hover {color:#111106;} #pint #whatsthecraic, #pint #invitefriends {overflow:hidden;height:50px;width:160px;padding-left:70px; margin:10px 100px 0 125px; } #pint #whatsthecraic {background:url('../images/craic-bg-small.png') top left no-repeat;clear:right;} /* ie.css */ #pint #invitefriends {background:url('../images/profile-bg-small.png') top left no-repeat;} #report{color:#D82C2A;background:url('../images/small-icons.gif') 2px -82px no-repeat;margin-bottom:10px;padding-left:30px;font-size:12px;} #report a{color:#D82C2A;} .main-aside {color:#726c36;} .main-aside a{color:#A09563;} .main-aside a:hover{color:#F0AD2C;} #container{margin-bottom:40px;margin-top:20px;} .main-aside p {font-size:16px;} .main-aside h3{line-height:20px;font-weight:bold; color:#F0AD2C;clear:both;} .main-aside h3.unclaimed {color:#D82C2A;} .search .main-aside{margin-top:30px;} .main-aside a#maplink {height:200px; width:210px;;display:block;margin-left:45px;text-indent:-9999px;margin-bottom:20px;background:url('../images/globe-large.gif') top left no-repeat;margin-top:10px;} .main-aside a#addtag {height:40px;line-height:40px;width:85px;float:right;background:url('../images/add-button-bg.png');padding-left:45px;font-size:12px;text-shadow:1px 1px 0 #FFFFFF;font-weight:bold;text-decoration:none;color:#888A8A;margin:0 0 18px 0;} a#addlisting{height:40px;line-height:40px;width:85px;float:left;margin-left:80px;margin-top:18px;background:url('../images/add-button-bg.png');padding-left:45px;font-size:12px;text-shadow:1px 1px 0 #FFFFFF;font-weight:bold;text-decoration:none;color:#888A8A;margin-bottom:20px;} a#printflyer{height:40px;line-height:40px;width:85px;float:right;margin-top:-18px;background:url('../images/print-button-bg.png');padding-left:45px;font-size:12px;text-shadow:1px 1px 0 #FFFFFF;font-weight:bold;text-decoration:none;} .main-aside a#addtag:hover{color:#F0AD2C;} .main-aside #statistics {margin-bottom:10px;} .main-aside #statistics div {padding-left:30px; background:url('../images/small-icons.gif') bottom left no-repeat;} .main-aside #statistics div#numperfects {background-position: 0px -2px;} .main-aside #statistics div#numratings {background-position: 0px -22px;} .main-aside #statistics div#numfavs {background-position: 0px -42px;} .main-aside #statistics div#numvisitors {background-position: 0px -62px;} .main-aside #statistics div#numcraics {background-position: 0px -402px;} .main-aside #statistics div#numfollowers {background-position: 0px -422px;} .main-aside #statistics div#numfollowing {background-position: 0px -442px;} .main-aside #likeplace {margin-bottom:10px;padding-left:30px; background:url('../images/likeplace_pushpin.png') no-repeat;} .main-aside #perfects {margin-bottom:20px;} .main-aside #perfects h3 {padding-left:25px;background:url('../images/perfect_50.png') -2px -3px no-repeat;height:50px;padding-top:10px;margin-bottom:-10px;} .main-aside #perfects h3 strong {margin-right:15px;} .main-aside #perfects li {margin-left:20px;} .main-aside #acct_management {margin-bottom:20px; border:2px solid #D5AD4B; background: url('../images/background-vertical-light.gif') 0px 0px repeat-x; padding:20px;} /*.main-aside #acct_management div {margin-left:20px;}*/ #heading h4{font-size:1.25em;font-weight:bold;position:absolute;top:62px;left:20px;margin:0;} .clear{clear:both;} #status {color: white;float:left;margin-top:8px;} #topbar {width:940px;margin:0 auto;padding-left:20px;} #topbar a {color:red;text-decoration:none;} #topbar a:active {color:red;} #topbar a:hover {color:red;} #topbar a:visited {color:red;} #topbar #welcome {color:white;text-decoration:none;cursor:default;} #topbar form {float:right;} #topbar-input { display: block; padding:6px 10px; width:270px; height:15px; line-height: 27px; font: normal 12px "Lucida Sans", Verdana, sans-serif; background:#fff; border:1px solid #aaa; border-right-width:0; outline-width:0; -webkit-border-top-left-radius:15px; -webkit-border-bottom-left-radius:15px; -moz-border-radius-topleft:15px; -moz-border-radius-bottomleft:15px; border-top-left-radius:15px; border-bottom-left-radius:15px; float:left; position:relative; left:6px; z-index:1; clear:none; } #topbar-submit { display: block; padding:6px 0 6px 0; width:60px; height:29px; line-height: 29px; font: normal 12px "Lucida Sans", Verdana, sans-serif; font-weight:bold; color:#888A8A; text-decoration:none; text-shadow:0 1px 0 #fff; outline:none; background:#F8EBC2; border:1px solid #aaa; -webkit-border-top-right-radius:15px; -webkit-border-bottom-right-radius:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomright:15px; border-top-right-radius:15px; border-bottom-right-radius:15px; float:left; position:relative; z-index:2; margin:0; clear:none; } /* Palette 111106 - Charcol Black F0F0D8 - Greens (Light) DDDDBA C9C99B ACAC79 - Greens (Dark) F0AD2C - Orange D82C2A - Red F8EBC2 - Cream (Light) F5DDAB D7C380 - Cream (Dark) D5AD4B - Orange A09563 - Green (Darkish) 726c36 - Green (Dark) 888A8A - Grey (Dark) CACCCB E2E4E4 - Grey (light) */ a {color:#726c36;} a:hover{color:#A09563;} .drinkaware a {color:#fff;} .drinkaware a:hover{color:#A09563;} .home #shadow{padding-bottom: 0px;} /*h3{line-height:20px;font-weight:bold; color:#F0AD2C;clear:both;}*/ #find-heading {background:url('../images/cream-gradient.gif') 0px -40px repeat-x;width:940px;margin-left:20px;height:30px;line-height:30px;padding-left:20px;} /*#content, #location-panel {border:1px solid black;}*/ #search_form{clear:none;margin:0px;font-size:14px;line-height:28px;margin-top:4px;margin-right:10px;} #search_submit{clear:none;margin:0px;} p.advice{clear:both;} #find_right{overflow:hidden;position:absolute;top:27px;right:20px;font-size:14px;/*border:1px solid red;*/} #filter {float:left;z-index:10;position:relative;} #find_left {z-index:10;} #add_pub {width:100%;float:right;z-index:10;position:relative;overflow:hidden;} a#addlisting {float:right;margin-top:0px;} /* Form Styling */ .uniForm .ctrlHolder{ padding:0px; border:0px; } .uniForm .errorField, .uniForm #errorMsg {float:left;clear:both;padding:5px;width:100%;} .uniForm label {margin: 0 0 10px 0; margin-bottom:6px;} .uniForm .inlineLabel input, .uniForm .inlineLabels .inlineLabel input, .uniForm .blockLabels .inlineLabel input, .uniForm .multiField .inlineLabel, .uniForm .blockLabels .multiField .inlineLabel, .uniForm .inlineLabels label, .uniForm .inlineLabels .label, .uniForm .inlineLabels .multiField .inlineLabel, .uniForm .inlineLabels .multiField .blockLabel {margin-bottom:6px;} .form_block{padding:0;line-height:40px;} .uniForm .formHint, .uniForm .inlineLabels .formHint {clear:none;margin:0;float:left;padding:0;width:auto;top:0px;margin-bottom:10px;font-size:12px;height:20px;line-height:20px;font-style:italic;} #div_id_remember label {clear:none;margin-left:6px;font-size:16px;text-transform:none;font-weight:normal;margin:0 6px 0 6px;width:auto;} input, textarea, select { padding:5px; float: left; clear:both; font-size:12px; margin-bottom:10px; border:1px solid #CACCCB; } form label {color:#F0AD2C;font-size:24px;font-weight:bold;margin:0; text-transform:uppercase;line-height:24px; font-family:"Myriad Pro", Myriad, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT","DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; float: left; clear:both;overflow:hidden;margin-bottom:6px;; } /* input styles to play with background-color:#EFEFEF; border:1px solid #CCCCCC; font-size:12px; padding:6px; width:220px; */ /* Looks nice in Firefox #topbar select { padding:5px; float: left; clear:both; font-size:12px; margin-bottom:10px; border:0; font-weight:bold; background:transparent; } */ input[type=submit] { font-family:"Lucida Sans", Verdana, sans-serif; font-size:12px; font-weight:bold; color:#888A8A; border:none; background:url('../images/button.png') top left no-repeat; width:140px; height:40px; display:block; float:left; text-align:center;margin:0;line-height:40px; text-decoration:none;text-shadow:1px 1px 0 #FFFFFF; margin-right:10px; } input[type=file]{ padding:5px;float: left; border:1px solid #CACCCB; clear:both; font-size:12px; margin-bottom:10px; line-height:30px; margin-top:6px; } input[type=submit]:hover {color:#5e5e5e;} .ratingbox p {display:block !important;width:100% !important;} #chars-left-div, .aside .ratingbox #setup-twitter {font-size:12px;} #setup-twitter{margin-bottom:18px;width:100%;clear:both;} .ratingbox input[type=submit] { margin-bottom:18px;} #craic-dictionary {clear:both;} #craic-dictionary p {font-size:12px !important;} #craic-dictionary .advice {margin-top:18px;display:block;} p#craic-definition {font-size:16px !important;} .tweet {position:relative;clear:both;overflow:hidden;} .tweet p, .tweet .rating, .tweet_sender {margin-left:11px;} .tweet .tweet_sender {float:left;} .tweet #follow {padding:0;float:right;clear:right;margin-right:-5px;} #tweet-details {float:left;overflow:hidden;margin-bottom:10px;width:410px;} .tweet #follow input[type=submit] { background:url('../images/button-follow.png') top left no-repeat; width:20px; height:18px; margin:0; /*text-align:center;margin:0;line-height:40px; text-decoration:none;text-shadow:1px 1px 0 #FFFFFF; margin:0;*/ } #craicform {clear:both;overflow:hidden;} #updatethecraic {clear:both;overflow:hidden} #followers{clear:both;overflow:hidden;margin-top:18px;} .profile-edit #edit-profile-pic {float:left; margin-right:15px;} .profile-edit p.first {font-size:14px;} .profile-edit h1, .popup h1 {color:#A09563;} .profile-edit #content h3 {font-size:24px;} /* Palette 111106 - Charcol Black F0F0D8 - Greens (Light) DDDDBA C9C99B ACAC79 - Greens (Dark) F0AD2C - Orange D82C2A - Red F8EBC2 - Cream (Light) F5DDAB D7C380 - Cream (Dark) D5AD4B - Orange A09563 - Green (Darkish) 726c36 - Green (Dark) 888A8A - Grey (Dark) CACCCB E2E4E4 - Grey (light) */ #dashboard {overflow:hidden;width:830px;margin:0 auto;position:relative;height:235px; background:url('../images/dashboard-bg.gif') top left no-repeat;margin-top:20px;padding-top:10px;} #add-find-rate {float:left;overflow:hidden;width:380px;height:175px;padding:20px 0 20px 20px;} #add-find-rate .button {background: transparent url('../images/button-small-bg.png') top left no-repeat; width:110px;height:40px;display:block;line-height:40px;text-align:center;text-decoration:none;text-transform:uppercase;font-size:18px;float:left;margin:5px 20px 15px 0;} #add-find-rate h3 {line-height:20px;float:left;margin:0 0 5px 0;} #add-find-rate h3 a {background-image:url('../images/afr-icons.gif'); height:50px;background-repeat:no-repeat; display:block;text-decoration:none;} #add h3 a { background-position: 120px 0px; width:160px; padding:5px 40px 0 0;} #locate h3 a { background-position:160px -55px; width:170px;padding:5px 60px 0 0;} #rate h3 a { background-position: 120px -110px; width:160px; padding:5px 40px 0 0;} #random-perfection, #random-tshirt{width:195px;height:215px !important;color:black !important; float:left;margin-left:20px;} #random-perfection {position:static !important;padding:17px; width:161px; height:181px:} #random-perfection h4, #random-perfection p, #random-perfection .rating {margin:0 !important;} #random-perfection h4 {font-size:16px;} #random-perfection p {font-size:12px;} #random-perfection .rating {margin-top:2px !important;} #random-perfection .latest_tweet { font-size:12px;margin-top:10px;text-align:left;line-height:15px;} #random-perfection h3, #random-tshirt h3 {position:absolute;top:230px;left:422px;overflow:hidden;line-height:20px;padding-left:4px;color:#ACAC79;} #random-perfection a {color:#726C36;} #random-tshirt h3 {left:634px;} #random-tshirt img {padding:6px 0 0 2px; margin:0;} #popup-add h1, #popup-find h1, #popup-find h2 {font-weight:bold;color:#A09563;height:20px;margin-bottom:20px;} #popup-add p.hint, #popup-find p.hint {clear:both;width:180px;font-style:italic;} #popup-add #search_form, #popup-find #search_form_name, #popup-find #search_form_location {margin-right:0px;} #popup-add #find-the-pub, #popup-find #find-by-name, #popup-find #find-by-location {float:right;margin-right:0px;clear:none;margin-top:-7px;} #popup-add #add_pub {border-top:2px dotted #D5AD4B;padding-top:15px;} #popup-find {width:742px; overflow:visible;} #popup-find #search_by_name, #popup-find #search_by_location {width:350px;overflow:hidden;float:left;} #popup-find #search_by_location {margin: 0 0 0 20px; padding:0 0 0 20px; border-left:2px dotted #D5AD4B;} #popup-find label {margin-bottom:15px;} /* Tag Cloud - Commented out for testing .tag-cloud-1{font-size:1em;} .tag-cloud-2{font-size:1.2em;} .tag-cloud-3{font-size:1.4em;} .tag-cloud-4{font-size:1.6em;} .tag-cloud-5{font-size:1.8em;} */