@charset "UTF-8";/* CSS Document */ /* RESET ---------------------------------------------- */ html{color:#000;background-color:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,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;}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:'';}abbr,acronym {border: 0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;overflow:hidden;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;} body {font-family: sans-serif;}table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}em{font-style:italic;}strong{font-weight:bold;} /* FOUNDATION ---------------------------------------------- */ body {min-width: 800px; font-family: "helvetica neue", arial, sans-serif; font-size: 10px; color: #211922; background-color: #e8e7e3;} h1 {margin: 32px 0 11px; font-size: 3em;} h2 {padding: 0 0 8px; font-size: 2.5em;} h1, h2 {letter-spacing: -0.0125em; font-weight: bold;} p {margin: 0 0 .8em; line-height: 1.35em;} a {font-weight: bold; color: #1389e5; text-decoration: underline; outline: none;} a:hover {color: #fff; text-decoration: none; background-color: #1389e5;} a:active {color: #fff; background-color: #211922;} a:hover img {opacity: .92; filter: alpha(opacity=92);} #noHover a:hover {color: #fff; background-color: none;} #noHover a:active {color: #fff; background-color: none;} input, textarea {color: #777;} input:focus, textarea:focus {color: #211922 !important;} textarea, input[type="text"], input[type="password"] {padding: 5px 8px; line-height: 1em; background-color: #fff; border: 1px solid; border-color: #ccc #bbb #aaa; -moz-box-shadow: 0 1px #d7d7d7; -webkit-box-shadow: 0 1px #d7d7d7;} /* REUSABLE STYLES ---------------------------------------------- */ .hidden {display: none !important;} .highlighted {color: #211922; background-color: #ff0 !important;} .error {font-size: 1.3em; color: #f00;} .clear {clear: both !important;} .floatRight {float: right !important;} .floatLeft {float: left !important;} .halfRight {float: right; width: 49%; overflow: hidden;} .halfLeft {float: left; width: 49%; overflow: hidden;} .third {float: left; width: 31%; margin-right: 2.83%;} .thirdRight {float: right; width: 32%;} .twoThirdsLeft {width: 65%; margin-right: 2%;} .twoThirdsRight {float: right; width: 65%;} .oneFifthLeft {float: left; width: 188px;} .oneFifth {float: right; width: 185px; padding-left: 6px;} .twoFifths {float: right; width: 372px;} .twoFifthsLeft {float: left; width: 372px;} .threeFifths {float: left; width: 564px;} .threeFifthsRight {float: right; width: 564px;} .threeFifthsCenter {float: left; width: 559px; margin-left: 9px;} .fourFifths {float: left; width: 754px;} .quarterLeft {float: left; width: 24%; margin-right: 1%;} .quarterRight {float: right; width: 24%;} .threeQuartersLeft {float: left; width: 74%;} .threeQuartersRight {float: right; width: 74%;} .noBorder {border-width: 0 !important;} .noBorderTop {border-top-width: 0 !important;} .noBorderRight {border-right-width: 0 !important;} .noBorderBottom {border-bottom-width: 0 !important;} .noBorderLeft {border-left-width: 0 !important;} .noMarginTop {margin-top: 0 !important;} .noMarginRight {margin-right: 0 !important;} .noMarginBottom {margin-bottom: 0 !important;} .noMarginLeft {margin-left: 0 !important;} .fixed {position: fixed !important;} .invisible {visibility: hidden !important;} .rule { border-bottom-color:#DDDDDD; border-bottom-style:solid; border-bottom-width:1px; clear:both; height:0; margin:15px 0px; overflow: hidden;} /* CORE STYLES ---------------------------------------------- */ .fixedWidthContainer {width: 800px; margin: 0 auto;} #article {width: auto; min-width: 960px; padding: 8px 0 0 0;} #boards #article {padding-bottom: 0; overflow-x: hidden;} #individual #article {padding-top: 65px; padding-bottom: 0;} #landingPage #article {padding: 4px 0 0; overflow-x: hidden; overflow-y: hidden;} .columnContainer {position: relative; width: 692px; min-height: 500px; margin: 0 auto;} .pageOverlay {position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; opacity: .95;} .pin {position: relative; width: 193px; background-color: #fff;} .pin h3 {margin: 1px 1px 10px; font-size: 1.3em; font-weight: bold; text-align: left; color: #211922;} .pin .image {display: block; width: 191px; height: auto; background-color: #fff; border: 1px solid #fff;} .pin .image img {display: block; height: auto;} .pin .image:hover {background-color: #fff;} .pin .image:hover img {opacity: .9; filter: alpha(opacity=90);} .pin .image:active img {opacity: 1; filter: alpha(opacity=100);} .pin p {display: block; margin: 6px 4px 0px 4px; font-size: 1.1em; line-height: 1.45em;} .pin .meta {margin: 0; color: #76838b;} .pin .attribution {margin-top: 6px; margin-bottom: 1px; overflow: hidden;} .pin .likesComments {color: #aaa;} .pin .likesComments a {font-weight: normal; color: #aaa;} .pin .userImage {float: left; width: 28px; height: 28px; margin-right: 5px;} .pin .userImage img {width: 28px; height: 28px;} .pin .userImage:hover {background-color: transparent; opacity: .8;} .pin .followPersonSubtitle {margin: 0; padding: 10px 14px 8px; font-size: 11px; color: #76838b; background-color: #f3f3f3;} .pin .followPersonSubtitle a {color: #aaa;} .pin .followPersonSubtitle a:hover {color: #fff; background-color: #aaa;} .pinhidden {display: none;} .pinOrigin {clear: both; margin: 13px -14px -14px; padding: 10px 14px 14px; background-color: #f3f3f3; overflow: hidden;} .pinBoard .pinOrigin {margin: 0px; padding: 7px 7px 9px; background-color: #fff; border-bottom: 2px solid #211922;} .pinOrigin p {font-size: 1.1em; line-height: 1.25em; color: #76838b; margin-left: 33px;} .pinOrigin p a {color: #aaa;} .pinOrigin p a:hover {color: #1389e5; background-color: transparent;} .pinOrigin p.originBoard {margin-left: 0px !important;} .pinOriginTitle {height: 28px; overflow: hidden;} .pinOriginBoard {color: #aaa;} .pinComments {clear: both; margin: 14px -14px -14px; padding: 0; background-color: #f9f9f9; overflow: hidden;} .pinComments div {padding: 10px 14px; border-top: 1px solid #e7e7e7; overflow: hidden;} .pinComments .writeComment {padding: 10px 10px 10px 14px; overflow: hidden;} .writeComment textarea {width: 156px; height: 19px; padding: 4px 3px 3px; font-size: 11px; border: 1px solid #ccc; -moz-box-shadow: 0 0 #fff; -webkit-box-shadow: 0 0 #fff;} .writeComment .button {float: right; clear: both; margin: 3px 0 -1px; font-size: 11px;} .pinComments .pinComments_comments {padding: 0; border-width: 0;} .pinOrigin .board {height: 34px; margin: 0 -14px 8px; padding: 0 14px 8px; text-align: center; border-bottom: 1px solid #f2f2f2;} .pinOrigin .board .button {display: block; padding: 0.5em 0.825em;} .pinOrigin .board .boardMeta {float: left; width: auto; margin-top: 8px; font-size: 11px;} .pinOrigin br {display: block; height: 0;} .pin.pinBoard {width: 221px !important; padding: 0 !important; background: none; overflow: hidden;} .pinBoard h3 {display: block; height: 33px; margin: 0; padding: 10px 14px 0; font-size: 13px; font-weight: 300; background-color: #fff; } .pinBoard .curatedBy {clear: both; padding: 7px 14px 7px; font-size: 11px; color: #76838b; background-color: #fff; overflow: hidden; border-bottom: 1px solid #F2F2F2;} .pinBoard .curatedBy img {float: left; width: 17px; height: 17px; margin-right: 3px;} .pinBoard .curatedBy p {float: left; margin: 0; font-size: 11px; color: #76838b;} .pinBoard .link {position: relative; display: block; height: 206px; border: 7px solid #fff; overflow: hidden;} .pinBoard .link img {float: left; width: 65px; height: 65px; background-color: #fff; border: 2px solid #fff;} .pinBoard .link:hover {background-color: transparent; opacity: .92;} .pinBoard .likesComments {margin: 0; padding: 0 14px 10px; background-color: #fff;} .pinBoard .followBoard {padding: 0 14px 10px; text-align: center; background-color: #fff;} .pinBoard .followBoard .button {display: block; padding: 0.3em 0.825em;} .pinBoard .followBoard .boardMeta {float: left; width: auto; margin-top: 8px; font-size: 11px;} .home .pinBoard h3 {border-top-width: 0; padding-top: 5px;} .home .pinBoard .followBoard {border-bottom: 2px solid #211922;} .pin span.sayHi {float: right; margin-bottom: -30px;} .pin span.sayHi img {width: 23px; height: 24px;} #pinGrid {display: table;} #pinGrid .pin {float: left; width: 150px; height: 150px; margin: 0 12px 22px 0;} #pinGrid .pin:nth-child(5n+5) {margin-right: 0;} #pinGrid .image {display: table-cell; position: static; width: 149px; height: 150px; vertical-align: middle;} #pinGrid img {display: block; max-width: 150px; margin: auto; max-height: 150px;} #pinGridNew ul {width: 820px; margin-right: -14px;} #pinGridNew .pin {float: left; width: 158px; padding: 14px; margin: 0 14px 20px 0; background: #fff; border: 1px solid #e8e7e3; -moz-box-shadow: 0px 1px 4px #ccc; -webkit-box-shadow: 0px 1px 4px #ccc;} #pinGridNew .pin .image {display: table-cell; position: static; width: 149px; height: 150px; vertical-align: middle; text-align: center;} #pinGridNew .pin img {max-width: 158px; margin: auto;} #pinGridNew .pinOrigin p {margin-left: 0;} #tooltip {position: absolute; z-index: 3000; padding: 0; font-size: 1.3em; color: #211922; background-color: #e0ecf0; border: 4px solid #fff; -moz-border-radius: 5px; -moz-box-shadow: 0 0 6px #aaa; -webkit-border-radius: 5px; -webkit-box-shadow: 0 0 6px #aaa;} #tooltip h3 {margin: 0; padding: 5px 10px 2px; line-height: 1em; font-weight: bold; color: #211922; border: solid #bed7e5; border-width: 1px 1px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px;} #tooltip .body {padding: 0 10px 5px; color: #76838b; border: solid #bed7e5; border-width: 0 1px 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} #sortFilters {clear: both; height: 35px; margin: 0 -6px 10px; background-color: #e8e7e3; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #boards #sortFilters {height: 34px; margin-top: -4px; margin-bottom: 0;} #sortFilters.sortFiltersSubbed {-webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;} #sortFilters form {float: right; width: 265px; padding: 4px 1px 0 0;} #sortFilters input {float: left; width: 180px; padding: 2px 4px 3px; font-size: 1.5em; border: 1px solid #aaa;} #sortFilters form a {float: left; margin-left: 4px; font-size: 1.3em;} #sortFilters li {float: left; font-size: 1.3em;} #sortFilters li:first-child {padding: 9px 14px 0 16px; color: #76838b;} #sortFilters li a {display: block; margin-left: -1px; padding: 9px 13px; color: #211922; text-decoration: none; border: solid #ccc; border-width: 0 1px;} #sortFilters li a:hover {color: #1389e5; background-color: transparent;} #sortFilters li a.active {text-decoration: underline;} #sortFilters.sortFiltersSubbed li.active a {text-decoration: none; background: #F5F5F5; margin-bottom: -1px; padding-bottom: 10px; position: relative; z-index: 2;} #sortFilters li.active {text-decoration: underline;} #sortFiltersSub {background: #f5f5f5; clear: both; margin: -17px -19px 10px; height: 34px; border-top: 1px solid #ccc;} #sortFiltersSub ul {margin-left: 6px;} #sortFiltersSub li {display: inline; font-size: 1.2em;} #sortFiltersSub li a {display: block; float: left; padding: 10px 9px; text-decoration: none; color: #211922;} #sortFiltersSub li a:hover {background-color: transparent; color: #1389e5; text-decoration: underline;} #sortFiltersSub li.active a {text-decoration: underline;} #sortFiltersSub form {float: right; padding: 4px 4px 0 0;} .button {padding: .3em .825em; vertical-align: top; font-size: 1.4em; font-weight: bold; text-decoration: none; background-image: url(../images/buttonGradient20.png); background-repeat: repeat; background-position: 0 0; border-width: 1px; border-style: solid; -moz-border-radius: 3px; -moz-box-shadow: #ddd 0 1px 2px; -webkit-border-radius: 3px; -webkit-box-shadow: #ddd 0 1px 2px;} .button span {float: left; width: 12px; height: 12px; margin: 2px 4px 0 -1px; background: url(../images/ActionIcons17.gif);} .like-button span {background-position: -24px 0;} .repin-button span {background-position: -12px 0;} .follow-button span {background-position: -36px 0;} .next-button span {float: right; background-position: -48px 0; margin: 1px -1px 0 4px;} .prior-button span {background-position: 0px 0; margin: 1px 4px 0 -1px;} .board-button span {background-position: -60px 0; margin: 1px 0 0 -2px;} h2 .button {font-size: .55em;} .button.pressed {color: #888; text-shadow: 0 0 #fff; background-image: none; background-color: #fff; border-color: #e7e7e7; -moz-box-shadow: 0 0 #fff; -webkit-box-shadow: 0 0 #fff;} .button.pressed:hover {color: #888; background-color: #fff; border-color: #e7e7e7; color: #888;} .button.pressed:active {color: #211922; background-color: #fff; border-color: #e7e7e7; color: #211922;} .blueButton {color: #31545f; background-color: #bed7e5; border-color: #aaa; text-shadow: 0 1px #eaeaea;} .blueButton:hover {color: #211922; background-color: #bed7e5; border-color: #777;} .blueButton:active {color: #eaeaea; background-color: #41545f; border-color: #444; text-shadow: 0 -1px #211922; -moz-box-shadow: inset #24323a 0 0 3px; -webkit-box-shadow: inset #24323a 0 0 3px;} .lightButton {color: #41545f; background-color: #e0ecf0; border-color: #bbb; text-shadow: 0 1px #fafafa;} .lightButton:hover {color: #211922; background-color: #e0ecf0; border-color: #aaa;} .lightButton:active {color: #000; background-color: #bed7e5; border-color: #777; text-shadow: 0 1px #eaeaea; -moz-box-shadow: inset #8fa7b4 0 0 3px; -webkit-box-shadow: inset #8fa7b4 0 0 3px;} .whiteButton {color: #41545f; background-color: #fff; border-color: #ddd; text-shadow: 0 1px #fafafa; -moz-box-shadow: #eee 0 1px 1px; -webkit-box-shadow: #eee 0 1px 1px;} .whiteButton:hover {color: #211922; background-color: #e0ecf0; border-color: #ccc;} .whiteButton:active {color: #000; background-color: #bed7e5; border-color: #aaa; text-shadow: 0 1px #eaeaea; -moz-box-shadow: inset #8fa7b4 0 0 3px; -webkit-box-shadow: inset #8fa7b4 0 0 3px;} .form {margin: 15px auto; padding: 15px; background-color: #fff; border: 4px solid #e0ecf0; -moz-border-radius: 12px; -webkit-border-radius: 12px; overflow: hidden;} .form .division {padding: 15px; background-color: #e8e7e3; -moz-border-radius: 7px; -webkit-border-radius: 7px;} .form h2 {margin-bottom: 4px;} .form h3 {margin: 0 0 15px; font-size: 1.8em; font-weight: bold;} .form .division {padding: 15px; background-color: #e8e7e3; -moz-border-radius: 7px; -webkit-border-radius: 7px;} .form .inputHolder {position: relative;} .form .inputHolder label {position: absolute; top: 6px; left: 0;} .form input[type="text"], .form textarea {display: block; margin-bottom: 12px; font-size: 1.5em;} .form label {display: block; margin: 0 0 5px; font-size: 1.5em;} .form label span {float: right; margin-top: 3px; font-size: .8em; color: #76838b;} .form .button {display: inline-block; font-size: 1.9em;} .form .lightButton {margin-top: 4px; font-size: 1.5em;} .form .or {display: inline-block; margin: 9px 0 0 4px; font-size: 1.5em;} .pin .hb {display: none; position: absolute; z-index: 2; top: 6px; left: 6px; padding: 4px 7px; font-size: 1.2em; font-weight: normal; color: #211922; text-decoration: none; background: #fff; -moz-border-radius: 3px; -moz-box-shadow: 0 0 2px #888; -webkit-border-radius: 5px; -webkit-box-shadow: 0 0 2px #888;} .pin:hover .hb {display: block;} .pin .hb:hover {color: #211922; background: #fff url(../images/buttonGradient20.png) 0 0 repeat-x;} .pin .hb:active {color: #211922; background: #fff url(../images/buttonGradient20Inverted.png) 0 -3px repeat-x;} .pin .hbc {display: none; position: absolute; top: 6px; right: 6px; text-align: right;} .pin .hbc .hb {position: static; display: inline-block; margin-left: 4px;} .pin:hover .hbc {display: block;} .pin a span {float: left; width: 10px; height: 10px; margin: 2px 3px 0 0; background-image: url(../images/ActionIcons10.png);} .pin .repin span {background-position: 0;} .pin .like span {background-position: -10px 0;} .pin .follow span {background-position: -20px 0;} /* IE */ *+html .repin_link {border: 1px solid #ccc !important;} *+html .repin {border: 1px solid #ccc !important;} *+html .comment {border: 1px solid #ccc !important;} *+html .like {border: 1px solid #ccc !important;} *+html .follow {border: 1px solid #ccc !important;} .otherBoards a {display: block; margin: 5px -3px; padding: .325em 80px .45em .38em; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Trebuchet MS", "Arial Narrow", arial, sans-serif; font-size: 1.55em; font-weight: 300; color: #76838b; text-decoration: none; border: 1px solid #e8e7e3; border-bottom: 3px solid #e8e7e3; overflow: hidden;} .otherBoards a span {float: right; width: 80px; margin-top: 3px; margin-right: -80px; font-size: .81em; font-weight: bold; color: #76838b;} .otherBoards a img {float: left; width: 21px; margin: -2px 4px 0 0;} .otherBoards a:hover, .otherBoards a:hover span {color: #fff; background-color: #1389e5; border-top-color: #1389e5; border-right-color: #1389e5; border-bottom-color: #211922; border-left-color: #1389e5;} .tagsHolder {overflow: hidden; padding-top: 10px;} .tagsHolder li {position: relative; float: left; margin: 0 3px 1px 0; clear:none !important;} .tagsHolder .deletable {margin-right: 18px;} .tagsHolder a {display: inline-block; text-decoration: none; color: #76838b; background-color: #e0ecf0; border-style: solid; border-color: #ccc;} .tagsHolder a.removeTag:hover {color: #1389e5; background-color: #fff;} .tagsHolder .tagBody {padding: 4px 7px 5px; font-size: 1.2em; border-width: 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .tagsHolder .tagBody:hover {border-color: #bbb;} .tagsHolder .deletable .tagbody {border-width: 1px 0 1px 1px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px;} .tagsHolder .removeTag {position: absolute; top: 0; right: -17px; bottom: 0; width: 7px; padding: 4px 5px 0; font-size: 1.1em !important; font-weight: 900; text-decoration: none; color: #76838b; border-width: 1px 1px 1px 0; border-left: 1px dotted #bbb; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0;} .permalink {width: 95%; padding: 3px; font-size: 1.5em; -moz-border-radius: 0; -webkit-border-radius: 0;} /* HEADER ---------------------------------------------- */ #header {position: relative; z-index: 3; min-width: 800px; height: 52px; margin: 0 auto; padding-top: 6px;} #headerWrapper {margin: 8px auto 0; width: 800px;} #pinterestNav a {float: left; width: 140px; height: 44px; margin: -1px 10px 0 0; padding: 0; text-indent: -9999px; background: url(../images/PinterestLogoSnazzy.png);} .nav {float: right; margin: 0 0 0 10px;} .nav li {position: relative; display: inline;} .nav li:hover ul {display: block;} .nav li ul {display: none; position: absolute; z-index: 1; top: 35px; left: -4px; min-width: 90px; padding: 5px 0; background-color: #eef5f7; border-width: 1px; border-style: solid; border-color: #bbb #aaa #999;} .nav li ul a {display: block; padding: 4px 9px; font-size: 1.2em; font-weight: normal; color: #211922; text-decoration: none; white-space: nowrap;} .nav li ul a:hover {background-color: #bed7e5;} .nav li ul a:active {background-color: #a4b7c2;} .nav .DropDownArrow {display: inline-block; margin: 0 0 3px 4px;} .nav .UserImage {vertical-align: top; width: 16px; height: 16px; margin-right: 4px;} .nav .button {background-image: none;} .nav .button:hover {background-image: url(../images/buttonGradient20.png);} .nav .pillButton {position: relative; z-index: 0; display: inline-block; margin-top: 10px; margin-left: -4px; padding: 4px 9px; font-size: 1.3em; border-width: 1px 1px 1px 0; border-style: solid; border-color: #ccc #bbb #aaa; -moz-box-shadow: 0 1px #d7d7d7; -webkit-box-shadow: 0 1px #d7d7d7; -moz-border-radius: 0; -webkit-border-radius: 0;} .nav .pillButton:hover {z-index: 1; padding-left: 8px; background-color: #eef5f7; border-left-width: 1px; border-color: #bbb #bbb #999;} .nav .pillButton.addButton:hover {border-color: #bbb #aaa #999;} .nav .pillButton:active {color: #000; background-color: #bed7e5; border-color: #777; text-shadow: 0 1px #eaeaea; -moz-box-shadow: inset 0 0 3px #8fa7b4; -webkit-box-shadow: inset 0 0 3px #8fa7b4;} .nav .leftButton {margin-left: 0; border-left-width: 1px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px;} .nav .leftButton:hover {padding-left: 9px; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0;} .nav .rightButton {border-right-width: 1px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px;} .nav .rightButton:hover {-moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0;} .searchContainer {position: relative; float: right; margin: 10px 4px 0 15px} .searchContainer input {width: 154px; padding: 4px 32px 4px 4px; font-size: 1.3em; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .searchContainer a {position: absolute; z-index: 1; right: 1px; top: 1px; bottom: 1px; width: 12px; padding: 6px 7px 0; background: 0 0 repeat-x; border-left: 1px solid #e7e7e7; -moz-border-radius-bottomright: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px;} .searchContainer a:hover {background-image: url(../images/buttonGradient20.png); border-left-color: #ddd;} .searchContainer a:active {background-color: #f2f2f2; border-left-color: #ccc; -moz-box-shadow: inset 0 1px 1px #ccc;} .searchContainer a img {display: block;} /* FOOTER ---------------------------------------------- */ #footer {clear: both; position: relative; z-index: 2; margin-top: 32px; padding: 11px 5px 8px 0; border-top: 1px solid #ddd;} #pinterestLogoFooter {float: left; width: 60px; height: 15px; text-indent: -9999px; background: url(../images/PinterestLogoBelloScript15.png) 0 0 no-repeat; cursor: pointer;} #footer ul li {float: right; margin-left: 14px; font-size: 1.2em; color: #76838b;} #footer ul li a:hover {color: #ffffff; background-color: #1389e5;} #footer ul li a:active {background-color: #211922;} /* BOOKMARKLET ADD PIN ---------------------------------------------- */ #BookmarkletAddAPin {width: 400px; margin: 66px 0 0 200px;} #BookmarkletAddAPin p, #BookmarkletAddAPin a {font-size: 1.3em;} #BookmarkletAddAPin img {max-width: 165px; max-height: 260px; border: 1px solid #000;} #BookmarkletAddAPin div.form {width: 175px; height: 350px; float: left; margin: 5px 10px;} /* LANDING PAGE ---------------------------------------------- */ #landingPage {background: url(../images/MutedStripes.gif) center repeat;} #landingPage #container {position: absolute; width: 822px; height: 200px; top: 50%; left: 50%; margin: -145px 0 0 -411px;} #whiteBackground {position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/TopGradient.png) top left repeat-x;} #LandingLeft {float: left; width: 310px;} #landingPage h2 {margin-top: 82px; text-align: right; font-size: 2em; line-height: 1.05em; font-weight: 300; letter-spacing: 0; color: #76838b;} #LandingLogin {float: right; width: 93px; height: 35px; margin-top: 8px; text-indent: -9999px; background: url(../images/LoginButton.png) top center no-repeat;} #LandingLogin:hover {background-position: center;} #LandingLogin:active {background-position: bottom center;} #LandingRight {float: right; width: 479px;} #landingPage h1 {width: 230px; height: 62px; margin: 0; text-indent: -9999px; background: url(../images/PinterestLogo.gif) center no-repeat;} #LandingTestimonials {width: 100%; height: 48px; margin: 30px 0 20px;} #LandingTestimonials div {display: none;} #LandingTestimonials img {position: relative; top: -2px; float: left; width: 50px; height: 50px; margin-right: 16px;} #LandingTestimonials p {font-size: 15px; color: #76838b; letter-spacing: 0;} #LandingTestimonials p span {font-weight: bold;} #requestInvitation button {float: right; width: 188px; height: 35px; text-indent: -9999px; background: transparent url(../images/RequestInvitationButton.png) top center no-repeat; border-width: 0;} #requestInvitation button:hover {background-position: center;} #requestInvitation button:active {background-position: bottom center;} #invitationBox {width: 250px; margin-top: 1px; padding: 7px 15px; font-size: 15px; line-height: 1em; color: #bbb; background-color: #fff; border-width: 0; -moz-border-radius: 18px; -webkit-border-radius: 18px; -moz-box-shadow: 0 1px 1px #bbb; -webkit-box-shadow: 0 1px 1px #bbb; filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb', Direction=180, Strength=2);} *+html #invitationBox {height: 28px;} #landingFooter {position: relative; left: -6px; margin-top: 16px;} #landingFooter li {float: left; margin: 3px 6px 0; color: #76838B;} #landingFooter a {display: inline; font-size: 1.2em; font-weight: normal; color: #76838B; text-decoration: none;} #landingFooter a:hover {background-color: transparent; text-decoration: underline;} #requestInvitation #errorbox {width: auto; padding: 0;} #requestInvitation #errorbox span {display: block; margin: 16px 0 16px -15px; padding: 10px 15px; font-size: 1.2em; font-weight: normal; color: #211922 !important; background-color: #feffdf; border-bottom: 4px solid #d4d5ba;} #requestInvitation h3 {font-size: 1.5em; width: 240px; padding: 0px 0px 0px 10px; margin: 10px 0px} /* MUTED STRIPES STYLE ---------------------------------------------- */ .MutedStripes {background: url(../images/MutedStripesNew.gif) center repeat;} .MutedStripes body {background: none;} .FixedWidthContainer {width: 800px; margin: 0 auto;} .WhiteContainer {margin: 32px auto; padding: 0px 18px 10px 18px; background-color: #fff; border: 1px solid #ccc; overflow: hidden; -moz-border-radius: 12px; -webkit-border-radius: 12px; -moz-box-shadow: 0 1px 1px #d7d7d7; -webkit-box-shadow: 0 1px 1px #d7d7d7;} .TopBar {margin: -26px -18px 24px -18px; padding: 28px 18px 21px 18px; background-color: #ffe; border-bottom: 1px solid #e3e3e3; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; -webkit-border-radius: 12px 12px 0 0;} .BottomBar {position: absolute; right: 0; bottom: 0; left: 0; height: 60px; background-color: #ffe; border-top: 1px solid #e3e3e3; -moz-border-radius-bottomleft: 12px; -moz-border-radius-bottomright: 12px; -webkit-border-radius: 0 0 12px 12px;} .BottomBar .button {float: right; margin: 16px 28px 0 0; padding: 0.3em 1.35em;} .WhiteContainer #sortFilters {height: 34px; margin: -24px -18px 16px; border-bottom: 1px solid #ccc; -moz-border-radius: 0; -webkit-border-radius: 0;} /* WELCOME PAGE (ORIENTATION) ---------------------------------------------- */ #WelcomePage .WhiteContainer {position: relative; padding-bottom: 72px; padding-top: 24px;} #WelcomePage .WhiteContainer h1 {display: block; width: 634px; height: 83px; margin: 0 auto 12px; background: url(../images/welcome_to_pinterest.gif);} #WelcomePage .welcomeOne h1 {display: block; height: 83px; margin: 0 auto 2px; text-indent: -9999px; background: url(../images/welcome_to_pinterest.gif) center no-repeat;} #WelcomePage .welcomeOne h2 {margin: 0 -18px 2px; padding: 15px 18px; background-color: #ffe; border: solid #e3e3e3; border-width: 1px 0;} #WelcomePage h2 {text-align: center; font-size: 22px; font-weight: normal; letter-spacing: 0;} #WelcomePage .welcomeOne h3 {display: block; margin: 18px auto 2px; text-align: center; font-size: 15px;} #WelcomePage .welcomeOne img {display: block; width: 360px; margin: 12px auto 28px; padding: 6px; border: 1px solid #e3e3e3;} #WelcomePage .welcomeThree p {font-size: 15px;} #DragArrow {position: absolute; z-index: 9999; top: -32px; right: 65px;} #DragArrowTall {position: absolute; z-index: 9999; top: -79px; right: 0;} #BookmarkletLink {display: inline-block; margin-left: 5px; padding: .25em .45em; font-weight: normal; text-decoration: none; border: 1px solid #1389e5; -moz-border-radius: 7px; -webkit-border-radius: 7px;} #BookmarkletLinkContainer {width: 700px; margin: 12px auto;} #WelcomePage .BottomBar p {padding-top: 20px; font-size: 1.5em; text-align: center;} /* LOGIN PAGE ---------------------------------------------- */ #loginPage h1 {margin-bottom: 6px;} #loginPage ul input {width: 220px;} #loginPage h1 {margin-top: 0;} .auth_fb a:hover {background-color: transparent; opacity: .85; filter: alpha(opacity=85);} .auth_pint fieldset .button {display: inline-block; margin-left: 80px;} .auth_pint fieldset legend {padding-left: 80px;} /* BOARD PAGE ---------------------------------------------- */ #individual {background-color: #e5e4dc/*#e8e7e3*/;} #individual #article .pin {width: 307px; padding: 14px; overflow: visible;} #individual .pin .image img {max-width: 192px; margin: auto;} #boardIntroduction {position: absolute; z-index: 2; top: -65px; left: 0; padding: 14px 14px 17px; background-color: #fff; border-bottom: 3px solid #000;} #boardIntroduction.fixed {position: fixed; top: 15px; left: 15px;} #boardIntroduction p {margin: 0; padding: 0; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Trebuchet MS", "Arial Narrow", arial, sans-serif; font-size: 1.8em; line-height: 1em; font-weight: 300; color: #211922; border-width: 0;} #boardIntroduction p span {margin-left: 5px;} #boardIntroduction p span.selected {margin: 0px; color: black;} #boardIntroduction p a {font-weight: 300;} #boardIntroFilters {padding: 5px 5px 10px 5px; background: white; border-top: 3px solid black;} #boardIntroFilters ul li {display: inline-block; line-height: 2.7em;} #boardIntroFilters ul li a {white-space: nowrap; padding: 4px 10px 4px 10px; -moz-border-radius: 13px; -webkit-border-radius: 13px; background-color: #EDEDEB; border: 1px solid #bbb; font-size: 1.1em; color: #76838B; font-weight: normal; text-decoration: none;} #boardIntroFilters ul li a:hover {background-color: #FAFAFA; -moz-box-shadow: 4px #1389E5; -webkit-box-shadow: 4px #1389E5;} #boardIntroFilters ul li a.selected {background-color: #FAFAFA; color: black;} #boardIntroFilters ul li a.new {background-color: #B2DFEE; color: black;} #boardIntroFilters ul li a.new:hover {background-color: #FAFAFA; -moz-box-shadow: 4px #1389E5; -webkit-box-shadow: 4px #1389E5;} #boardIntroFilters ul li a span {font-size: 0.8em; font-weight: bold; background: none; float: none; vertical-align: 5%;} #introductionRight {position: absolute; top: 10px; right: 0; width: 221px; font-size: 1.2em;} #introductionRight .boardMeta {float: none; font-size: 1em;} #introductionRight .homeMeta {float: none; font-size: 1em;} #introductionRight .button {position: absolute; top: -2px; right: 234px; padding-top: .285em; padding-bottom: .285em; font-size: 1.3em;} #introductionRight iframe {display: inline-block; margin-left: 4px;} #introductionRight .twitter-share-button {position: relative; top: 4px;} #delete_confirm {font-size: 1.2em; float: right; text-decoration:none; color: red; position: relative; top: 25px;} #delete_confirm:hover {text-decoration: underline; background-color: transparent;} #boardMetadata {position: absolute; top: 0; width: 193px; background-color: #fff; border-top: 3px solid #000; overflow: hidden;} #introductionProfileImage {position: relative; top: -4px; left: -4px; float: left; margin-bottom: 13px; border: 4px solid #fff;} #introductionProfileImage:hover {border-color: #1389e5;} #introductionProfileImage img {display: block; width: 58px; height: 58px;} #boardAuthor {float: left; margin: 7px 0 0; padding: 0; font-size: 1.8em; line-height: 1.2em; border-bottom: 0;} #boardAuthor a {font-weight: 500; text-decoration: none;} #description {clear: both; font-size: 1.2em; line-height: 1.5em; color: #555;} #description textarea {min-height: 180px !important; color: #555;} #description_error {clear: both;} #boardMetadata h3 {clear: both; margin: 15px 0 8px; font-size: 1.4em; font-weight: normal; color: #aaa;} #boardMetadata li strong {display: block; margin-bottom: 4px;} #boardMetadata .boardShare {margin-top: 21px; clear: both; vertical-align: baseline;} #boardMetadata .boardShare li {display:inline; margin: 0px 0px 0px 2px;} #boardMetadata .boardShare li:first-child {margin-left: 0px;} #boardMetadata .boardShare li img {-moz-border-radius: 2px; webkit-border-radius: 2px border: 1px solid #C7C7C7; border-top-color: #E2E2E2; height:17px; width: 17px;} #boardMetadata .boardShare a:hover {background-color: #fff; color: #fff; -moz-box-shadow: 2px #1389e5;-webkit-box-shadow: 2px #1389e5;} #boardMetadata .boardShare .shortUrl {display: none;} #boardMetadata .otherBoards a {padding-right: 0; line-height: 1.125-em; color: #1389e5;} #boardMetadata .otherBoards a:hover {color: #fff;} #boardMetadata .otherBoards a span {display: none;} #boardMetadata .tags {margin: 0; padding: 0;} #boardMetadata .tags a {font-weight: 500;} #boardFollowers {clear:both; margin: 21px 0 0; overflow: hidden;} #boardFollowers h3 {margin-top: 0; clear: both;} #boardFollowers li {display: inline;} #boardFollowers a {float: left;} #boardFollowers a:hover {background-color: #fff; opacity: .9; filter: alpha(opacity=90);} #boardFollowers a img {display: block; width: 30px; height: 30px; margin: 0 2px 2px 0;} #boardFollowers ul + a {margin-top: 1px; font-size: 11px; text-decoration: none;} #boardCollabarator {clear:both; margin: 21px 0 0; overflow: hidden;} #boardCollabarator h3 {margin-top: 0; clear: both;} #boardCollabarator li {display: inline;} #boardCollabarator a {float: left;} #boardCollabarator a:hover {background-color: #fff; opacity: .9; filter: alpha(opacity=90);} #boardCollabarator a img {display: block; width: 27px; height: 27px; margin: 0 2px 2px 0;} /* PEOPLE PAGE ---------------------------------------------- */ #PeopleSidebar {float: left; width: 16epx; margin-right: 15px;} #PeopleSidebar p {font-size: 1.5em; color: #aaa;} #PeopleSidebar a {display: block; margin-top: -1px; padding: 3px 5px; font-size: 1.6em; font-weight: 300; text-decoration: none; border: solid #e7e7e7; border-width: 1px 0;} #PeopleSidebar a:hover {border-color: #1389e5;} #PeopleSidebar .active {color: #fff; background-color: #211922; border-color: #211922;} #PeopleSidebar .active:hover {background-color: #211922; border-color: #211922;} #PeopleList {margin-left: 176px; border-top: 1px solid #e7e7e7;} #PeopleList .person {position: relative; padding: 8px 0; border-bottom: 1px solid #e7e7e7; overflow: hidden;} #PeopleList .PeopleListImage {float: left; margin-right: 8px;} #PeopleList .PeopleListImage img {display: block;} #PeopleList p {position: relative; top: 3px; display: inline; font-size: 12px;} #PeopleList p a {display: inline-block; max-width: 162px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Trebuchet MS", "Arial Narrow", arial, sans-serif; font-size: 16px; line-height: 1.05em; font-weight: 300; color: #211922; text-decoration: none;} #PeopleList p a:hover {color: #fff; background-color: #211922;} #PeopleList p span {color: #aaa;} #PeopleList .person .button {position: absolute; top: 8px; left: 227px;} #PeopleList ul {float: right;} #PeopleList li {display: inline;} #PeopleList ul a {float: left; margin-left: 8px;} #PeopleList ul a img {display: block;} /* NEW PROFILE PAGE ---------------------------------------------- */ #profile {background-color: #e5e4dc;} #ProfileWrapper {margin: 0 auto;} #ProfileWrapper .profilebox_board {width: auto !important; margin-bottom: 12px;} #ProfileWrapper #article {position: relative; min-width: 725px; padding-top: 66px;} #ProfileWrapper #boardIntroduction {top: 0; margin-left: 237px; } #ProfileWrapper .columnContainer {margin: 0;} #ProfileSidebar {float: left; width: 193px; margin-bottom: 15px; padding: 14px; background-color: #fff; z-index: 1000;} #ProfileSidebar h3 {clear: both; margin: 10px 0 8px; font-size: 1.4em; font-weight: normal; color: #aaa;} #ProfileTop {clear: both; margin-bottom: 8px; overflow: hidden;} #ProfileImage img {display: block; width: 193px; padding: 4px 0px; clear: both;} #ProfileTop h2 {display: block; margin: 0px 0 0; padding-bottom: 1px; font-size: 1.8em; line-height: 1.2em; border-bottom: 0;} #ProfileTop h2 a {font-weight: 500; text-decoration: none;} #ProfileWrapper #boardIntroduction .button {position: absolute; bottom: 11px; right: 8px; font-size: 13px; } #ProfileMetrics {margin-bottom: 4px;} #ProfileMetrics a {float:left; padding: 5px 0px; margin-right: 10px; font-size: 15px; line-height: 14px; font-weight: normal; color: #211922; text-decoration: none;} #ProfileMetrics a span { font-size: 11px; font-weight: normal; background-image: none; margin: 0; display: inline; float:none;} #ProfileMetrics a:hover {color: #fff;} #ProfileLinks {margin-bottom: 8px; overflow: hidden;} #ProfileLinks li {float: left; margin-right: 6px;} #ProfileLinks a {font-weight: normal; color: #211922; text-decoration: none;} #ProfileLinks a:hover {color: #fff; background-color: #1398e5;} #ProfileLinks li {display: block; min-height: 16px; font-size: 1.1em; background-position: 0; background-repeat: no-repeat;} #ProfileLinks a img {display: block;} #ProfileLinks #profileLinksLocation {float: right;} #send_usermessage {margin: 0 -14px; padding: 8px 14px; background: #f3f3f3;} #send_usermessage textarea {width: 181px; height: 13px; padding: 5px; font-size: 12px;} #complete_usermessage { display: none; } .complete_usermessage_button { font-size: 1.2em; margin: 10px 0px 0px 134px; width: 35px; } .activity {margin: 0 -14px; font-size: 11px;} .activity li {display: block; padding: 8px 14px 8px; font-size: 11px; border-top: 1px solid #e7e7e7; overflow: hidden;} .activity li img {float: left; height: 30px; width: 30px; margin-right: 5px;} .activity li a {font-weight: normal; text-decoration: none;} .activity li a:hover {color: #fff;} /* PROFILE EDIT ---------------------------------------------- */ #profileEdit {width: 500px;} #profileEdit legend {font-size: 1.8em; font-weight: bold; display: block; padding: 20px 0 30px;} #profileEdit p {font-size: 1.5em; border-top: 1px solid #e8e7e3; padding: 11px 0; line-height: 1; position: relative;} #profileEdit label {width: 133px; float: left; font-weight: bold; line-height: 1.8;} #profileEdit input[type="text"], #profileEdit input[type="password"], #profileEdit textarea {width: 347px; font-family: "helvetica neue", arial, sans-serif; font-size: 1em; line-height: 1.2em;} #profileEdit .change_avatar {position: relative; bottom:25px; left: 20px; text-decoration: none; font-size: 0.9em; font-weight: normal;} #profileEdit .link_account{position: relative; bottom:-6px; font-size: 0.9em; text-decoration: none; font-weight: normal;} #profileEdit #id_img {display: none; position:relative; bottom: 20px; left: 20px;} #profileEdit #id_twitter {width:220px; margin-left: 5px;} #profileEdit input[type="submit"] {float: right;} #profileEdit span.help_text {width: 250px; display: block; position: absolute; right: -275px; top: 18px; color: #999; font-size: .8em;} #profileEdit span.error {color: #900; background: #F6E5EA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 8px; top: 12px; display: block; font-size: .8em; margin-bottom: 9px;} /* BOARD SETTINGS ---------------------------------------------- */ #boardEdit legend {font-size: 1.8em; font-weight: bold; display: block; padding: 15px 0px;} #boardEdit li {display: inline-block; min-width: 200px; line-height: 1.8; padding: 15px, 0px; font-weight: bold; } #boardEdit p {font-size: 1.4em; line-height: 1;} #boardEdit input[type="text"], #boardEdit input[type="password"], #boardEdit textarea {width: 650px; font-family: "helvetica neue", arial, sans-serif; font-size: .95em; line-height: 1.2em; margin-top: 5px;} #boardEdit .change_avatar {position: relative; bottom:25px; left: 20px; text-decoration: none; font-size: 0.9em; font-weight: normal;} #boardEdit #id_img {display: none; position:relative; bottom: 20px; left: 20px;} #boardEdit #id_twitter {width:220px; margin-left: 5px;} #boardEdit input[type="submit"] {float: right;} #boardEdit span {font-size: 1.4em; font-weight: 300; padding-left: 3px;} #boardEdit span.help_text {width: 250px; display: block; position: absolute; right: -275px; top: 18px; color: #999; font-size: .8em;} #boardEdit span.error {color: #900; background: #F6E5EA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 8px; top: 12px; display: block; font-size: .8em; margin-bottom: 9px;} #boardEdit legend {clear: right;} /* BOARD SETTINGS */ #board_settings { background: #FFF; margin: auto 0; padding: 0px 25px; width: 715px;} #board_settings #collabarators {font-size: 1.8em;} #board_settings #collabarators ul li {padding: 3px; width: 300px; position: relative;} #board_settings #collabarators ul li:hover {background: #D6D6D6;} #board_settings #collabarators ul li img {vertical-align: middle; height: 30px; width: 30px; padding: 5px;} #board_settings #collabarators ul li .collabarator_name {margin-left: 10px; font-weight: 300;} #invite_response {font-size: 1.2em; color: green;} #board_settings #collabarators a {text-decoration: none; font-weight: 300; size: 1.8em;} #board_settings #collabarators a:hover {background: none; color: #AAA;} #board_settings #collabarators .close_button {height: 18px; width: 18px;} #board_settings #collabarators .delete_collabarator {background: url(../images/close_pill.png) 0px 0px no-repeat; height: 18px; width: 18px; text-indent: -9999px; position: absolute; right: 10px; top: 11px;} #board_settings #collabarators .delete_collabarator:hover {background: url(../images/close_pill.png) 0px -50px no-repeat;} #board_settings #collabarators .collabarator_name {font-size: 0.9em;} .collabarator_form {width: 525px;} .collabarator_form legend {font-size: 1.8em; font-weight: bold; display: block;} .collabarator_form p {font-size: 1.5em; line-height: 1; position: relative;} .collabarator_form label {width: 600px; float: left; font-weight: bold; line-height: 1.8; margin 5px 0px; padding: 15px, 0px; clear: right; font-size: .9em;} .collabarator_form input[type="text"], .collabarator_form input[type="password"], .collabarator_form textarea {width: 535px; font-family: "helvetica neue", arial, sans-serif; font-size: .9em; line-height: 1.2em; margin-top: 5px; color: #777777;} .collabarator_form input[type="submit"] {float: right;} .collabarator_form span.help_text {width: 250px; display: block; position: absolute; right: -275px; top: 18px; color: #999; font-size: .8em;} .collabarator_form span.error {color: #900; background: #F6E5EA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 8px; top: 12px; display: block; font-size: .8em; margin-bottom: 9px;} #board_settings .collab_button {font-size: 1.5em; padding: 3px 10px;} /* TAGS page ---------------------------------------------- */ #tags .tags a {line-height: 25px;} .tags li {display: inline;} .tags .tag_1 {font-size: 1.1em;} .tags .tag_2 {font-size: 1.3em;} .tags .tag_3 {font-size: 1.5em;} .tags .tag_4 {font-size: 1.8em;} .tags .tag_5 {font-size: 2.1em;} .tags li, .tags a {float: none; margin: 0; padding: 1px; vertical-align: middle; font-weight: 500; text-decoration: none;} .tags .tag01 {font-size: 1.1em;} .tags .tag02 {font-size: 1.2em;} .tags .tag03 {font-size: 1.3em;} .tags .tag04 {font-size: 1.4em;} .tags .tag05 {font-size: 1.5em;} .tags .tag06 {font-size: 1.6em;} .tags .tag07 {font-size: 1.7em;} .tags .tag08 {font-size: 1.8em;} .tags .tag09 {font-size: 1.9em;} .tags .tag10 {font-size: 2em;} .tags .tag11 {font-size: 2.1em;} .tags .tag12 {font-size: 2.2em;} .tags .tag13 {font-size: 2.3em;} .tags .tag14 {font-size: 2.4em;} .tags .tag15 {font-size: 2.5em;} .tags .tag16 {font-size: 2.6em;} .tags .tag17 {font-size: 2.7em;} .tags .tag18 {font-size: 2.8em;} .tags .tag19 {font-size: 2.9em;} .tags .tag20 {font-size: 3em;} /* RESULTS page ---------------------------------------------- */ #resultsh1 {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Trebuchet MS", "Arial Narrow", arial, sans-serif; font-weight: 300 !important;} .resultsCategory {clear: both;} .resultsCategory h2 {margin: 32px 0 8px;} #boardsList .otherBoards a {padding-right: 190px; border-bottom-width: 4px;} #boardsList .otherBoards a span {float: right; width: 190px; margin-right: -190px;} #boardsList .otherBoards a:hover, #boardsList .otherBoards a:hover span {border-bottom-color: #1389e5;} #boardList .boardCredit img {float: left; display: block; width: 21px; height: 21px; margin: 0 2px 2px 0;} #results .board .boardCredit {float: right; margin: 2px -185px 0 0; font-weight: 500; color: #76838b;} #results .board span.boardCredit {font-size: .7em; display: block; color: #aaa;} #results .board span.boardCredit img {float: left; margin: -2px 4px 0 0; width: 21px; border: 0 none} #boardList .board h4 a {display: block; margin-bottom:12px; padding: 5px 250px 7px 7px; font-size: 2.3em; font-weight: 300; text-decoration: none; border: 1px solid #e8e7e3; border-bottom: 3px solid #211922; overflow: hidden;} #boardList .board h4 a:hover {color: #fff; border-top-color: #1389e5; border-right-color: #1389e5; border-left-color: #1389e5;} #boardList .board h4 a:hover .boardMeta, #boardList .board h4 a:hover .boardMeta span {color: #fff; font-size:} #boardList .board ul {margin-right: -16px;} #boardList .board ul a {float: left; width: 90px; height: 90px; margin: 0 12px 0 0;} #boardList .board ul a:hover {background-color: #fff;} #boardList .board ul img {display: block; max-width: 90px; max-height: 90px; margin: auto} /* Boards for results page TODO: figure out what we can slice out of here. */ #results .board {clear: both; margin: 0 0 30px; overflow: hidden} #results .board h3 {position: relative; display: block; min-height: 30px; margin-bottom: 1px; padding: 5px 198px 7px 7px; border: 1px solid #e8e7e3; border-bottom: 3px solid #211922; overflow: hidden; font-size: 2em; font-weight: 300; text-decoration: none;} #results .board h3 a.blink {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Trebuchet MS", "Arial Narrow", arial, sans-serif; font-weight: 300; color: #1389e5; text-decoration: none;} #results .board h3 a.blink:hover {color: #fff;} #results .board h3 .button {float: right; font-size: .75em; font-weight: bold; color: #41545f;} #results .board .boardMeta {float: right; width: 260px; margin: 2px -192px 0 0; font-size: .55em; font-weight: 500; color: #76838b;} #results .followbutton + .boardMeta {margin-right: -330px;} #results .board .boardMeta span {display: block; color: #aaa;} #results .board .boardMeta a {position: absolute; top: 6px; right: 267px; font-size: 1.3em; float: left; margin-right: 11px;} #results .board h3 .button:hover {color: #41545F;} #results .board ul {margin-top: 9px; margin-right: -16px;} #results .board ul li {display: inline;} #results .board ul a {float: left; width: 88px; height: 88px; margin-right: 14px;} #results .board ul a:hover {background-color: #fff;} #results .board ul img {display: block; max-width: 88px; max-height: 88px; margin: auto;} /* If on own user page */ #results .board ul.ownBoard li:nth-child(9) {display: none;} #results .board ul .addPinToBoard a {width: 84px; height: 58px; padding-top: 26px; text-align: center; color: #211922; font-weight: normal; text-decoration: none; background: url(../images/subtleGradient.gif) left bottom repeat-x; border: 2px solid #b7b7b7; opacity: .4; -moz-border-radius: 12px; -webkit-border-radius: 12px;} #results .board ul .addPinToBoard a:hover {opacity: 1;} #results .board ul .addPinToBoard a:active {background: #b7b7b7; opacity: 1;} #results .board ul .addPinToBoard span {display: inline-block; width: 55%; margin: auto; font-size: 1.8em; line-height: 1em; font-weight: bold; opacity: .75;} /* JQUERY ALERTS ---------------------------------------------- */ #popup_overlay {opacity: 0.6 !important;} #popup_container {font-family: 'lucida grande',arial; font-weight: bold; text-align: left; font-size: 12px; width: 364px; height: 86px; background: #FFF; color: #000; border-spacing: 2px; border: 4px solid #e0ecf0; -moz-border-radius: 4px; -webkit-border-radius: 4px;} #popup_title {display: none;} #popup_message {padding-top: 15px; padding-left: 15px;} #popup_panel {padding-left: 15px; text-align: left;} #popup_content input[type=button] {margin-top: 20px; margin-right: 10px; padding: 3px; color: #fff; background-color: #476ea7;} /* ADD FORMS ---------------------------------------------- */ .popup.addForm {display: none; width: 780px;} .popup.addForm .interstertial {position: fixed; width: 618px; margin-left: -340px; padding-top: 70px; padding-bottom: 30px; background-color: #ffe;} .popup.addForm .interstertial h2 {font-size: 2.5em!important; position: absolute; top: 0; left: 0; right: 0; padding: 14px 30px!important; line-height: 1em!important; text-align: left !important; background-color: #fff; border-bottom: 1px solid #e7e7e7; -moz-border-radius: 11px 11px 0 0; -webkit-border-radius: 11px 11px 0 0;} .popup.addForm .interstertial h2 a {position: absolute; top: 0; right: 0; bottom: 0; width: 55px; text-indent: -9999px; border-left: 1px solid #e7e7e7; background: url(../images/CloseIcon.gif) center no-repeat; outline: none; -moz-border-radius-topright: 11px; -webkit-border-top-right-radius: 11px;} .popup.addForm .interstertial h2 a:hover {background-color: #ffe;} .popup.addForm .interstertial h2 a:active {background-color: #76838b;} .popup.addForm .interstertial h3 {margin: 15px 0 5px; font-size: 15px; font-weight: bold; color: #211922;} /* ADD PIN FORM ---------------------------------------------- */ #PinTop {position: relative; display: block; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 0px solid #e7e7e7; overflow: hidden;} #PinTop label {float: left; width: 196px; margin-top: 6px; text-align: right; font-size: 1.5em;} #PinTop label a {line-height: 1em;} #PinTop .active {color: #211922; text-decoration: none; cursor: default;} #PinTop .active:hover {background-color: transparent;} #scrapePinInputHolder input[type="text"] {float: right; width: 384px; font-size: 1.5em;} #uploadPinInputHolder #uploadPinInput {float: left; width: 318px; margin-left: 20px; font-size: 1.5em;} #uploadPinInputHolder .button {float: right; font-size: 1.3em;} #load2 {display: none; position: absolute; top: 6px; right: 6px;} .pinSuccess {width: 100%; text-align: center;} .pinSuccess h3 {font-size: 1.3em; font-weight: bold; color: #76838b; padding: 20px 0px;} .pinSuccess li {display: inline; margin-right: 20px;} .pinSuccess .duplicates {display: block; margin: 20px 0px;} .pinSuccess .duplicates li {float: left; margin-right: 10px;} .pinSuccess .duplicates li img {float: left; height: 25px; width: 25px;} .pinSuccess .duplicates li span {display: block;} .pinLeft {float: left;} .pinLeft img {display: block; max-width: 168px; max-height: 168px; border: 14px solid #fff;} .pinMain {margin-left: 216px; width: 400px;} .pinMain h3 {display: none; clear: left; float: left; width: 0; font-size: 1.3em; font-weight: bold; color: #76838b;} .pinMain #PinDescription, .pinMain #RePinDescription {display: block; margin-bottom: 6px;} .pinMain #PinDescription textarea, .pinMain #RePinDescription textarea {width: 100%; padding: 5px; font-size: 1.5em; font-color: #ffffff; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box;} #PinBoard {position: relative;} #PinBoard strong {float: left; margin-right: 5px; font-size: 1.5em; font-weight: 300;} #PinTags input, #RePinTags input {width: 100%; padding-top: 5px 0px; font-size: 1.5em; color: ##777777; border-bottom: 1px dashed #AAAAAA; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box;} #PinTags .tagsHolder, #RePinTags .tagsHolder {padding: 3px 3px 2px; background-color: #fff; border-style: solid; border-width: 0 1px 1px; border-color: #ccc #bbb #aaa; -moz-box-shadow: 0 1px #d7d7d7; -webkit-box-shadow: 0 1px #d7d7d7;} #PinTagsInput #RepinTagsInput {border-bottom-style: dashed;} #PinSourceURL {float: right; width: 318px; margin-top: 18px; text-align: right; font-size: 1.25em; color: #888; white-space: nowrap; overflow: hidden;} .pinPriceBox {color: #777; background-color: white; float: right; min-width: 80px; margin-top: -10px; text-align: right; font-size: 1.5em; padding: 5px; -moz-box-shadow: #d7d7d7 0px 1px; -webkit-box-shadow: #d7d7d7 0px 1px; border: 1px #d7d7d7 solid; display: none;} #PinButtons {margin: 17px 0 0 0;} #PinButtons .button {font-size: 1.8em; padding: .3em 1em;} #RePinButtons ul.share, #PinButtons ul.share {margin-top: 16px; } #RePinButtons ul.share li, #PinButtons ul.share li {float: left; clear: none; line-height: 2em;} #RePinButtons ul.share li label, #PinButtons ul.share li label {width: 100px; margin: 0px; padding: 0px; text-align: center; line-height: 2em; border: none; font-size: 1.25em;} #RePinButtons ul.share li label:hover, #PinButtons ul.share li label:hover {background-color: inherit;} #RePinButtons ul.share li label:active, #PinButtons ul.share li label:active {background-color: inherit; color: inherit;} #RePinButtons label, #PinButtons label {display: inline-block; margin: 2px 0 0 8px; padding: 2px 3px; font-size: 1.3em; line-height: 1em; font-weight: normal; color: #76838b; border: 1px solid transparent; -moz-border-radius: 3px;} #RePinButtons label:hover, #PinButtons label:hover {background-color: #fff; border-color: #ccc; cursor: pointer;} #RePinButtons label:active, #PinButtons label:active {color: #fff; background-color: #76838b; border-color: #76838b;} #RePinButtons span#facebook, #PinButtons span#facebook {width: 16px; height: 16px; background: url(../images/FaceBook-icon16.png) right top no-repeat; display: inline-block; vertical-align: middle; margin-top: -4px;} #RePinButtons span#twitter, #PinButtons span#twitter {width: 16px; height: 16px; background: url(../images/Twitter-icon16.png) right top no-repeat; display: inline-block; vertical-align: middle; margin-top: -4px;} .boardPicker {position: relative; display: inline-block; margin-bottom: 6px; padding: 4px 24px 4px 6px; font-size: 1.5em; background-color: #fff; border: 1px solid; border-color: #ccc #bbb #aaa; -moz-box-shadow: 0 1px #d7d7d7; -webkit-box-shadow: 0 1px #d7d7d7; cursor: pointer;} .boardPicker .currentName {display: inline-block; font-weight: 300; color: #1389e5; white-space: nowrap; overflow: hidden;} .boardPicker .currentDownArrow {position: absolute; top: 10px; right: 2px; width: 21px; height: 8px; background: url(../images/downArrow1389e5.png) right top no-repeat;} .boardPicker:hover {background-color: #f2f2f2;} .boardPicker:hover .currentName {color: #211922;} .boardPicker:hover .currentDownArrow {background-position: right bottom;} .boardPickerOverlay {display: none; position: fixed; z-index: 4; top: 0; right: 0; bottom: 0; left: 0;} .boardPicker .optionPanel {display: none; position: absolute; z-index: 5; top: -1px; left: -1px; width: 350px; max-height: 300px; background-color: #fff; border: 1px solid #aaa; overflow-x: hidden; overflow-y: auto; -moz-box-shadow: 0 0 17px #bbb; -webkit-box-shadow: 0 0 17px #bbb;} .boardPicker .optionPanel ul {border-bottom: 1px dotted #aaa;} .boardPicker .optionPanel li {display: block; padding: 5px 8px; font-weight: 300; line-height: 1.1em; color: #76838b; list-style: none; border-bottom: 1px dotted #eee; cursor: pointer;} .boardPicker .optionPanel li:hover {color: #211922; background-color: #ffe;} .boardPicker .createNewBoard {padding: 5px 0 2px; background-color: #ffe;} .boardPicker .createNewBoard input {display: inline-block; width: 232px; margin: 0 5px 0 8px; padding: 5px; font-size: 1em; color: #76838b; background-color: #fff; border: 1px solid #ccc;} .boardPicker .createNewBoard .button {float: right; margin-right: 8px; font-size: 1em;} .boardPicker .inputstatus {text-align: right; padding: 2px; font-size: .8em;} .boardPicker .inputstatus.error {color: #f00;} .boardPicker .inputstatus.good {color: green;} .optionPanel .collabarated_board {background: url(../images/collaborated_board.png) 93% 50% no-repeat;} #bookmarklet p {padding: 10px 0px; color: black; font-size: 13px; font-weight: normal; clear: both;} #PinTagsInput {-moz-box-shadow: 0 0 #fff; -webkit-box-shadow: 0 0 #fff;} /* ADD BOARD FORM ---------------------------------------------- */ #addBoard, #catBoard {width: 380px; margin-top: -170px; margin-left: -221px;} #addBoard li, #catBoard li {display: block; padding: 2px; font-size: 1.5em; color: #76838b; cursor: pointer;} #addBoard li input, #addBoard label, #catBoard li input, #catBoard label {cursor: pointer;} #addBoard label:hover span, #catBoard label:hover span {text-decoration: underline;} #addBoard .BoardName, #catBoard .BoardName {width: 100%; margin: 0;} #addBoard .TextInput, #catBoard .TextInput {width: 61%; margin: 2px 0 0 18px; font-size: 1.5em; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box;} #collaborators label {display: block;} #OtherCategories {display: block;} #BoardCategories, #catCategories {overflow: hidden;} #BoardCategories li, #catCategories li {float: left; width: 46%;} #addBoard .buttonContainer, #catBoard .buttonContainer {clear: both; margin: 21px 0 0;} #addBoard .buttonContainer .button, #catBoard .buttonContainer .button {font-size: 1.8em;} #addBoard .error, #catBoard .error { font-size: 1.3em; margin-top: 10px; padding: 6px; display: none;} /* ADD BOARD DESCRIPTION NAG * ---------------------------------------------- */ #addBoardDescriptionContainer {display: none;} #addBoardDescriptionContainer h2 {margin: 5px 0 0 15px;} #addBoardDescription li {position: relative; margin-bottom: 0;} #addBoardDescription label {position: absolute; top: 6px; left: 0; display: block; width: 7.6em; font-weight: bold; white-space: nowrap;} #addBoardDescription input, #addBoardDescription textarea {position absolute; margin-left: 0; top: 0; width: 410px; height: 60px;} #addBoardDescription {position: fixed; z-index: 9999; top: 60px; left: 50%; margin: 0 0 0 -250px; overflow: visible; -moz-border-radius: 12px; -moz-box-shadow: 0 0 38px #999; -webkit-border-radius: 12px; -webkit-box-shadow: 0 0 38px #999; width: 460px;} #addBoardDescription .inputstatus.error {color: #f00; font-size: 11px;} #addBoardDescription .inputstatus {padding: 6px; font-weight: bold; font-size: 1em;} #addBoardDescription .division {padding-bottom: 6px; margin-bottom:40px;} #addBoardDescription .buttonContainer {float:right; padding-top: 14px;} /* REQUEST INVITE FORM ---------------------------------------------- */ #InviteRequestContainer {display: none;} #InviteRequestContainer h2 {margin: 5px 0 0 4px;} #InviteRequest {position: fixed; z-index: 9999; top: 60px; left: 50%; margin: 0 0 0 -250px; overflow: visible; -moz-border-radius: 12px; -moz-box-shadow: 0 0 38px #999; -webkit-border-radius: 12px; -webkit-box-shadow: 0 0 38px #999; width: 460px; padding: 20px; background:#fff; border: 5px solid #e5ecef;} #InviteRequest .inputstatus.error {color: #f00; text-align: left; padding-top: 0;} #InviteRequest .inputstatus.good {color: green;} #InviteRequest .inputstatus {padding: 3px; font-weight: bold; font-size: 1.4em; text-align: center;} #InviteRequest li {position: relative; margin-bottom: 0;} #InviteRequest label {position: absolute; top: 6px; left: 0; display: block; width: 102px; font-weight: bold; white-space: nowrap;} #InviteRequest textarea {padding: 5px 8px; background-color: #fff; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-box-shadow: inset 0 1px 1px #ddd; -webkit-box-shadow: inset 0 1px 1px #ddd;} #InviteRequest textarea, #InviteRequest span, #InviteRequest input[type="text"] {width: 265px; margin-left: 50px; display: inline;} #InviteRequest span {margin-left: 10em;} #InviteRequest li ul {display: inline;} #InviteRequest li ul li {margin-bottom: 4px;} /* REPIN FORM ---------------------------------------------- */ #RepinContainer {display: none;} #RepinBox {position: fixed; z-index: 9999; top: 60px; left: 50%; width: 738px; margin: 0 0 0 -319px; overflow: visible; -moz-border-radius: 12px; -moz-box-shadow: 0 0 38px #999; -webkit-border-radius: 12px; -webkit-box-shadow: 0 0 38px #999;} .addAPin h2 {margin: 0 0 4px; padding: 0 0 0 5px;} #RepinBox h2 {margin: 0 0 4px; padding: 0 0 0 5px;} #RepinLeft {float: left; width: 156px; overflow: hidden;} #RepinRight {float: left; width: 414px; margin-bottom: 56px; padding: 14px; margin-left:14px;} #RepinRight > ul > li {position: relative; display: block; margin-bottom: 12px;} #RepinRight label {position: absolute; top: 6px; left: 0; display: block; width: 102px; font-weight: bold; white-space: nowrap;} #RepinPinRight li > span, #RepinRight .boardPicker {display: block; margin-left: 83px;} #RepinRight input[type="text"] {display: block; width: 306px; margin-bottom: 0;} #RepinRight li ul {display: inline;} #RepinRight li ul li {margin-bottom: 4px;} #RepinRight .tagInput {display: inline-block; font-size: 1.5em; color: #76838b;} #RepinRight .tagInput.deletable {padding: 0 0 0 9px; font-size: 1.2em; background-color: #e0ecf0; border-bottom: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #RepinRight .tagInput input[type="text"] {float: left; width: 87px; margin-right: 1px; font-size: 1em; outline: none;} #RepinRight .button {float: left; height: auto; margin-left: 15px; padding: 0 4px 4px; text-align: center; line-height: 1em; font-size: 1.8em;} #RepinRight .deletable .tagBody {max-width: 300px; padding: 7px 9px; border-right-width: 0; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; outline: none;} #RepinRight .removeTag {display: none; right: -16px; padding-top: 7px; outline: none;} #uploadForm, #repinform { display: none;} /* ORIENTATION SCREENS ---------------------------------------------- */ .pinForm .orientation {position: fixed; z-index: 9999; top: 20%; left: 50%; width: 800px; margin: 0 0 0 -400px; overflow: visible; -moz-border-radius: 12px; -moz-box-shadow: 0 0 38px #999; -webkit-border-radius: 12px; -webkit-box-shadow: 0 0 38px #999;} .pinForm .orientation h2 {margin: 0 0 4px; padding: 0 0 0 5px; font-weight: lighter;} /* INSTALL BOOKMARK ---------------------------------------------- */ .installBookmark {position: absolute; background-color: ; width: 700; padding: 13px 13px 0;} .installBookmark h2 {font-weight: lighter; text-shadow: 0 1px 0 #e5e5ee; padding-bottom: 10px;} .installBookmark p {font-size: 1.4em; line-height: 1.em;} .installBookmark a {font-weight: normal;} .installBookmark a:hover {font-weight: normal;} .installBookmark img {padding-top: 9px; padding-bottom: 14px; padding-left: 18px;} /* GETTING STARTED ---------------------------------------------- */ #getStarted h2 {padding-top: 10px; padding-bottom: 20px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Trebuchet MS", "Arial Narrow", arial, sans-serif; font-size: 2.6em; font-weight: 300; color: #211922; border-width: 0;} #getStarted h3 {margin-bottom: 5px; padding-top: 20px; padding-bottom: 15px; font-size: 1.6em; font-style: regular; color: #76838b; border-top: 1px solid #a1cbe5;} #getStarted a {font-weight: normal; background: none;} #getStarted a:hover {color: #777;} #getStarted h4 {margin-top:12px; padding-top:20px; padding-bottom: 20px; font-size: 2em; letter-spacing: -0.0125em; font-weight: bold; color: #211922;} #getStarted ol {margin: 0 0 18px 36px;} #getStarted li {list-style: decimal outside none; font-size: 1.6em; line-height: 1.4em; font-weight: bold; margin-bottom: 5px} #getStarted p {font-size: 1.5em; line-height: 1.35em;} #getStarted h5 {margin: 0 0 4px; font-size: 1.5em; font-weight: bold;} #getStarted img.borderless {margin: 12px; border-width: 0;} .getStarted .lightButton {margin-top: 4px; font-color: black; font-size: 1.5em;} .popup {width: 700px; margin: auto;} .popup .interstertial {top: 35%; width: 556px; margin: -150px 0 0 -278px; padding-bottom: 32px; border: 1px solid #ccc; -moz-box-shadow: 0 1px 1px #d7d7d7; -webkit-box-shadow: 0 1px 1px #d7d7d7;} .interstertial {position: absolute; z-index: 9998; left: 50%; top: 40px; margin-left: -408px; padding: 30px 30px 20px; font-size: 0.9em; background-color: #fff; border:4px solid #e0ecf0; -moz-border-radius: 12px; -webkit-border-radius: 12px; -moz-box-shadow: 0 0 38px #666; -webkit-box-shadow: 0 0 38px #666;} .interstertial .deletable .tagBody {max-width: 300px; padding: 4px 11px; border-right-width: 0; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; outline: none;} .interstertial .removeTag {display: none; right: -16px; padding-top: 5px; outline: none;} .interstertial input[type="text"].boardInput {-moz-box-shadow:0px; -moz-border-radius:0 0 0 0; border:1px 1px 5px solid #ccc; width: 750px; font-padding: 4px; font-size: 2em; font-weight: 300; font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Trebuchet MS","Arial Narrow",arial,sans-serif; margin-top: 15px; border-width: 1px 1px 4px; border-style: 1px solid #e8e7e3;} .interstertial .bookmarkletLink {border:1px solid black; font-size: 1.7em; font-weight: bold; background-color: #dde; padding: .3em; -moz-box-shadow: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .interstertial_description {width: 346px; float: left; background-color: #e5dfd3; padding: 5px 20px 20px; margin: 4px 15px 4px 15px;} .interstertial_description p{padding: 10px; font-size: 1.8em;} .interstertial_description img{padding: 0 0 0 10px; margin-top: -10px;} .interstertial_install p{padding: 0 10px 5px 0; font-size: 1.6em; line-height: 1.4em;} .interstertial_install img{padding-left: 10px;} .interstertial_install a{font-weight: 400;} .interstertial_install h3{font-weight: 400;} .interstertial span.load_friends {display:none;} .interstertial span.load_similar {display:none;} .interstertial legend {font-size: 1.5em; display: block; padding: 20px 0 12px;} .interstertial form ul li {clear: both; margin-bottom: 0px; line-height: 1.2em;} .interstertial form ul li label {font-style: bold; font-size: 1.5em; float:left; width: 60px; margin-right: 20px; text-align: right; text-align: middle; padding-top: 7px; color: #76838b;} .interstertial span.help_text {width: 250px; display: block; position: absolute; right: -275px; top: 18px; color: #999; font-size: .8em;} .interstertial span.error {color: #900; background: #F6E5EA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 8px; top: 12px; display: block; font-size: .8em; margin-bottom: 9px;} #resetPassword {display: inline-block; font-size: 1.3em; font-weight: normal; margin: 6px 0 0 12px; color: #76838b;} #resetPassword:hover {color: #fff;} #orientation_follow {margin: 12px 96px 21px; border-top: 1px solid #e3e3e3; overflow: hidden;} #orientation_follow ul li {padding: 5px 8px; font-size: 1.3em; border-bottom: 1px solid #e3e3e3; overflow: hidden;} #orientation_follow ul li img {width: 40px; float: left} #orientation_follow ul li .description {margin: 5px 10px -6px 15px; float: left;} #orientation_follow ul li .description h4 {font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Trebuchet MS","Arial Narrow",arial,sans-serif; font-size: 1.4em; font-weight: 300; color: #211922; text-decoration: none; margin-top: -5px;} #orientation_follow ul li .description p {padding-top: 1px; line-height: 1em; font-size: 1.1em; color: #76838b; font-weight: normal} #orientation_follow ul li .follow {margin: 10px 5px; float: left; font-size: 1.8em; background: #AAA; padding: 5px 10px; color: #FFF;} #orientation_follow span.buttonHolder {float:right; margin-top: 12px;} #orientation_follow .buttonHolder a {font-size: 1.1em;} .interstertial span.nextButton {float: right; margin-top: 10px;} #leftbar {width: 180px; float: left; padding-right: 15px; padding-top: 15px;} #leftbar ul li {padding-left: 11px; display: block; height: auto;} #leftbar ul li.bold {font-size: 1.3em; color: #211922; font-weight: bold; margin: 9px 0; padding: 3px 7px 3px 1px;} #leftbar ul li.current {background: #e8e7e3; -webkit-border-radius: 4px; -moz-border-radius: 4px;} #leftbar ul li a, #leftbar ul li span {padding: 6px 9px; width:100%; color: black; text-decoration: none; font-size: 1.1em;} #leftbar ul li a:hover {color: #1389E5; background: none} body.landingPage .fixedWidthContainer /*PEOPLE FINDER */ #people_finder {border-top: 1px solid #e3e3e3; overflow: hidden;} #people_finder ul li {padding: 5px 5px; font-size: 1em; border-bottom: 1px solid #e3e3e3; overflow: hidden;} #people_finder ul li img {width: 20px; float: left; margin-right: 10px;} #people_finder ul li .description {margin: 5px 10px -6px 15px; float: left;} #people_finder ul li .description h4 {font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Trebuchet MS","Arial Narrow",arial,sans-serif; font-size: 1.5em; font-weight: 310; color: #211922; text-decoration: none; margin-top: -5px;} #people_finder ul li .description p {padding-top: 1px; line-height: 1em; font-size: 1.2em; color: #76838b; font-weight: normal; width: 374px;} #people_finder ul li .description a {text-decoration: none; font-weight: normal;} #people_finder ul li .follow {margin: 10px 5px; float: left; font-size: 1.8em; background: #AAA; padding: 5px 10px; color: #FFF;} #people_finder span.buttonHolder {float:right; margin-top: 12px;} #people_finder .buttonHolder a {font-size: 1.2em;} #people_finder_left {width: 176px; float: left;} #people_finder_left img {margin-right: 10px; margin-top: 1px; float: left;} #people_finder_left a {float: left; margin-bottom: 10px; width: 130px;} .inviter .twoThirdsLeft input[type=text] {width: 212px; margin-bottom: 10px; margin-right: 10px; border-bottom: 1px solid #ccc; -moz-border-radius: 0px; -webkit-border-radius: 0px; font-size: 1.35em;} .inviter .thirdRight textarea {width: 212px; height: 93px; border-bottom: 1px solid #ccc; font-size: 1.35em; -moz-border-radius: 0px; -webkit-border-radius: 0px;} /* AUTOCOMPLETE -----------------------------------------------*/ .ac_results {z-index: 500; padding: 0 0 0; overflow: hidden;} .ac_results ul {padding: 0; list-style: none; border: 1px solid; border-color: #ccc #bbb #aaa; background-color: white; float: left;} .ac_results li {font-size: 1.25em; line-height: 1.1em; margin: 4px 9px; padding: 4px 9px; display: block; margin: 0; overflow: hidden; cursor: pointer; border-top: 1px solid #e7e7e7; white-space: nowrap;} .ac_even li {width: 100%;} .ac_results img {padding: 3px 8px 3px 3px; width:25px; height: 25px; float: left;} .ac_results p {padding:5px; text-align:left; font-size: 1.25em; line-height: 1.2em; margin: 0;} .ac_loading {background-color: #eee;} .ac_over {color: white; background-color: #1389e5;} .ac_results li.start_msg {font-size: 1.25em; line-height: 1.1em; background: #E5E5E5 none repeat scroll 0 0; padding: 5px;} .ac_results li.noresult_msg {font-size: 1.25em; line-height: 1.1em; padding: 5px;} .ac_results ul li:first-child {border-top-width: 0;} .ac_results ul li:last-child {background: #eef5f7;} .ac_results ul li:last-child.ac_over {color: black; background-color: #1389e5;} #article .ac_results li {padding:5px; text-align:left; font-size: 1.3em; line-height: 1.3em; margin: 0;} /* CLEARFIXES ---------------------------------------------- */ #article:after, .columnContainer:after, .WhiteContainer:after, #catBoard #catCatagories {content: " "; display: block; clear: both; visibility: hidden;} *+html .columnContainer, *+html .WhiteContainer {display: inline-block;} /* ERROR ---------------------------------------------- */ .errorBox {width: 800px; margin: 100px auto 0; text-align: left; line-height: 45px;} /* PROFILEBOX ---------------------------------------------- */ .profilebox {position: relative; width: 760px; background:#feffdf; margin-bottom: 20px; padding: 13px 20px; font-size: 1.5em; -moz-border-radius: 7px; -webkit-border-radius: 7px; float: left;} .profilebox p {width: 580px; margin-bottom: 0;} .profilebox .button {float: none; position: absolute; top: 28px; right: 50px; font-size: 1em;} .profilebox_board {margin: 0 auto 12px; padding: 14px; font-size: 1.5em; background: #feffdf; border-bottom: 4px solid #d4d5ba; overflow: hidden;} .profilebox_board p {float: left; width: 600px; margin: 0;} .profilebox_board a {float: right; margin: -2px 0 0; font-size: 1em;} .profilebox_board .signup {float: right; width: auto;} .profilebox_board .signup input {width: 250px; font-size: 0.8em} .profilebox_board .signup a {margin-top: 0; margin-left: 4px; font-size: 13px;} /* CLOSEUP ---------------------------------------------- */ #pin .WhiteContainer {margin: 32px auto; padding-bottom: 32px;} #pin .threeQuartersLeft .TopBar {margin-bottom: 17px; padding-top: 24px; border-bottom-width: 0;} #pin .profilebox {margin-top: 14px; margin-bottom: 20px; border: 1px solid #ccc;} .pin-share { position: absolute; z-index: 9999; left: 35%;} .pin-share form legend { font-size: 1.5em;} .pin_share input[type="text"], .pin_share textarea { width: 350px;} #SocialShare {opacity: 1; position: fixed; left: 8px; top: 87px; width: 50px;} #SocialShare a {position: relative; display: block; height: 50px; margin-bottom: 4px; background-color: #e8e7e3; border: 1px solid #ccc; -moz-border-radius: 7px; -webkit-border-radius: 7px; -moz-box-shadow: 0 0 1px #d7d7d7; -webkit-box-shadow: 0 0 1px #d7d7d7;} #SocialShare a:active {background-color: #211922 !important; border-color: #211922 !important; -moz-box-shadow: 0; -webkit-box-shadow: 0;} #SocialShare span {position: absolute; right: 14px; bottom: 10px; background-image: url(../images/SocialIcons2.png);} #SocialShare #FBShare span {right: 12px; width: 14px; height: 26px; background-position: 0 -26px;} #SocialShare #TWShare span {width: 12px; height: 20px; background-position: -15px -32px;} #SocialShare #EmailShare span {right: 8px; width: 22px; height: 21px; background-position: -31px -31px;} #SocialShare #PinEmbed span {right: 8px; width: 22px; height: 21px; background-position: -55px -31px;} #SocialShare #FBShare:hover {background-color: #3b5998; border-color: #3b5998;} #SocialShare #TWShare:hover {background-color: #5ecbfb; border-color: #5ecbfb;} #SocialShare #EmailShare:hover {background-color: #1389e5; border-color: #1389e5;} #SocialShare #PinEmbed:hover {background-color: #159103; border-color:#159103;} #SocialShare #FBShare:hover span, #SocialShare #FBShare:active span {background-position: 0 0;} #SocialShare #TWShare:hover span, #SocialShare #TWShare:active span {background-position: -15px -6px;} #SocialShare #EmailShare:hover span, #SocialShare #EmailShare:active span {background-position: -31px -57px;} #SocialShare #PinEmbed:hover span, #SocialShare #PinEmbed:active span {background-position: -55px -57px;} #PinActions {clear: both; padding: 17px 0px 9px 9px; overflow: hidden;} #PinActions ul {float: left; margin-right: 12px;} #PinActions li {display: inline;} #PinActions li a {float: left; margin-right: 6px; font-size: 13px;} #PinActions .liked-button {background-image: none; -moz-box-shadow: 0 0 #fff; -webkit-box-shadow: 0 0 #fff;} #PinSource {float: right; margin: 5px 0 0; font-size: 1.3em; color: #76838b;} #pin #PinBoardName .WhiteContainer {padding-bottom: 6px;} #PinBoardTitle a {display: block; margin: -18px -18px 0; padding: 12px 18px 15px; font-size: 1.5em; line-height: 1.2em; font-weight: 300; background-color: #ffe; border-bottom: 2px solid #211922; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px;} #PinBoardTitle a:hover {color: #fff; background-color: #1389e5;} #PinBoardMeta {margin: 0 -18px; font-size: 1.3em;} #PinBoardMeta li {display: block; padding: 8px 18px; border-top: 1px solid #e7e7e7;} #PinBoardMeta li img {float: left; margin: 2px 6px 0 0; opacity: .4;} #PinBoardName .button {display: inline-block; margin: 12px 0 15px;} #pin .quarterRight .PinBoardTitle {padding: 18px 18px 15px; margin: -18px; font-size: 1.2em; border-bottom: 3px solid #211922;} #pin .quarterRight .PinBoardTitle a {display: block; font-size: 15px; font-weight: 300; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Trebuchet MS", "Arial Narrow", arial, sans-serif;} #pin .quarterRight .WhiteContainer {margin: 8px 0; padding: 18px;} #pin .quarterRight .PinboardPin {display: block; background-color: #fff;} #pin .quarterRight .PinboardPin img {display: block; width: 154px; margin: 0 0 18px;} #pin .quarterRight .PinboardPin:hover {opacity: .9;} #pin .quarterRight .PinboardPin:last-child {margin-bottom: 0;} #pin .threeQuartersLeft .WhiteContainer {margin-top: 8px;} #pin h2 {line-height: 1.1em;} #pin h2 .button {margin-left: 8px; font-size: 13px;} #PinImage a {display: block;} #PinImage img {display: block; max-width: 554px; margin: 0 auto;} #PinImage a:hover {background-color: #fff;} #PinComments #PinCaption {padding-bottom: 24px; font-size: 1.3em;} #PinComments #PinCaption span.buyable {background: url(../images/price-tag.png) top left no-repeat; height: 10px; margin: 0px 0px 0px 10px ; font-size: 0.8em; vertical-align: text-top; padding: 4px 5px 5px 20px;} #PinComments #PinCaption span.buyable span {background-color: #ccc; padding: 4px;} #PinComments #PinInception {background-color: #ffe; border-bottom: 2px solid #211922;} #PinComments #FlagPin {float: right; color: #76838b;} #PinComments #flagged {float:right; color:red;} #PinComments #FlagPin:hover {color: #fff; background-color: #aaa;} #PinComments #FlagPin img {width: auto; height: auto; opacity: .4;} #PinComments #FlagPin:hover {opacity: .9; background-color: #fff;} #ce2 {width: 496px; font-size: 1.3em;} #PinComments p {line-height: 1.25em;} #PinComments .comment {clear: both; margin: 0 -18px; padding: 11px 18px; border-bottom: 1px solid #e7e7e7; overflow: hidden;} #PinComments .comment p {display: block; margin: 0 0 4px 40px; font-size: 1.3em;} #PinComments .comment img {display: block; width: 32px;} #PinComments .CommenterMeta {color: #211922;} #PinComments .comment ul {margin: 0px 0px 4px 40px;} #PinComments .comment li {display:inline; margin-right: 3px;} #PinComments .comment li img {display: inline; width: 26px;} #PinComments .CommenterImage {float: left; margin-right: 8px;} #PinComments #RepinnerBridge {float: left; width: 16px; height: 17px; margin: 9px 7px 0 0; background: url(../images/repin.png);} #PinComments .RepinnerImage {float: left; margin-right: 8px;} #PinComments .CommenterName {text-decoration: none;} #pin #PinComments .activity .CommenterMeta {color: #76838B;} #PinAddComment {padding: 11px 0;} #PinAddComment img {float: left; width: 32px;} #PinAddComment .editable_shadow {margin-left: 40px;} #PinAddComment .comment-instructions {width: 290px; margin: 14px 0 0 40px; font-size: 1.3em;} #PinAddComment .comment-button {float: right; width: 185px; padding-top: 8px; text-align: right;} #postcomment {font-family: "helvetica neue", arial, sans-serif; cursor: pointer;} #PinMetadata {display: none;} #PinMetadata a {display: block; padding-left: 18px; font-size: 1.3em;} #PinMetadata a:hover {background-color: transparent; color: #1389e5;} #PinMetadata .permalink-link a {background: url(../images/modal-details.png) 0 -18px no-repeat;} #PinMetadata .flag-link a {background: url(../images/modal-details.png) 0 -58px no-repeat;} #PinMetadata .flag-link a:hover {color: red;} #pin .share-button {display: none;} .pin_settings {padding: 0 30px;} .pin_settings #pin_image {float: right; width: 150px; text-align: center; margin-top: 80px;} .pin_settings #pin_image img {width: 100px;} .pin_settings textarea {color: #76838B;} .pin_settings select {color: #76838B;} .quarterRight .WhiteContainer .otherPins {padding-top: 10px;} #PriorAndNext #PriorPin {float: left;} #PriorAndNext #PriorPin span { background-position: 0 1px;} #PriorAndNext #NextPin { float: right;} #PriorAndNext #NextPin span { background-position: -48px 1px; } #PriorAndNext { clear:both; padding-top: 18px; padding-bottom: 18px !important; height: 29px; margin:12px 0px 12px 0px !important;} #PriorAndNext .position { margin-left: 237px; margin-top: 3px; font-size: 2em; font-weight: bold; } /* more button for pagination*/ .more{background-color:#fff;background-image:url(../images/more.gif);background-position:left top;background-repeat:repeat-x;border-color:#ddd #aaa #aaa #ddd;border-style:solid;border-width:1px;display:block;font-size:14px;font-weight:bold;height:22px;line-height:1.5em;margin-bottom:6px;outline:medium none;padding:6px 0;text-align:center;text-shadow:1px 1px 1px #fff;width:100%;} .more:hover { color: #555;} .round { -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius: 5px;} #wrapper {position: relative; width: auto; margin: 0 auto; padding-bottom: 58px; border: none;} #loadingPins {position: absolute; left: 50%; display: none; margin-left: -60px; padding: 8px 10px 8px 6px; font-weight: bold; background-color: #ffe; border: 1px solid #aaa; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 0 18px #999; -webkit-box-shadow: 0 0 18px #999;} #loadingPins img {float: left; margin-right: 6px;} #loadingPins span {font-size: 1.3em;} /* JQuery Tipsy CSS */ .tipsy {padding: 5px; font-size: 11px; line-height: 13px; background-image: url(../images/tipsy.gif); background-repeat: no-repeat; opacity: 0.8; filter: alpha(opacity=80); max-width: ;} .tipsy-inner {padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 150px; text-align: center;} .tipsy-inner {-moz-border-radius:3px; -webkit-border-radius:3px;} .tipsy-north {background-position: top center;} .tipsy-south {background-position: bottom center;} .tipsy-east {background-position: right center;} .tipsy-west {background-position: left center;} .any_form p{margin:0;padding-bottom:25px;} .any_form {margin-left: 100px; margin-top: 25px;} .any_form legend {font-size: 1.5em; margin-bottom: 10px;} .any_form label{font-size:12px;font-family:'Helvetica Neue',Arial,sans-serif;text-transform:uppercase;display:block;width:90px;color:#777;padding:0 10px;float:left;text-align:right;margin-bottom:10px;margin-left:-110px;margin-top: 8px;} .any_form textarea{color:#211922;width:388px;} .any_form input[type="text"], .any_form input[type="password"]{font-size:1.3em;width:258px;-moz-border-radius: 0px; -webkit-border-radius: 0px;} .any_form span.message_info {background: #FFF691; padding: 3px 10px; font-size: 1.3em;} .login_message {font-size: 1.3em; background: #FF859F; padding: 3px 10px !important;} /* Import Contacts */ .import_services {overflow: hidden;} .import_services a {float: left; margin-right: 14px;} .import_services a img {float: left; margin: 2px 4px 0 0;} #import_contacts td {padding: 12px 2px 12px 4px; font-size: 1.2em; background: #fff; border-bottom: 1px solid #ccc;} #import_contacts td.name_email {width: 440px;} #import_contacts td a {font-size: 1em;} #import_contacts .invite_email {color: #999;} #contacts {clear: left; margin-top: 30px; font-size: 1.2em;} .contacts .twoThirdsLeft h2 {float: left; width: 450px;} .contacts .twoThirdsLeft .remaining {float: right; font-size: 1.2em; width: 90px; margin-top: 1px; background: #ddd; padding: 6.5px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .contacts .thirdRight h4 {font-size: 1.2em; font-weight: bold; margin: 10px 0px;} .contacts .thirdRight input[type=text] {width: 212px; margin: 5px 0px; border-bottom: 1px solid #ccc; -moz-border-radius: 0px; -webkit-border-radius: 0px;} .contacts .thirdRight textarea {width: 212px; margin: 5px 0px; border-bottom: 1px solid #ccc; -moz-border-radius: 0px; -webkit-border-radius: 0px;} .contacts .thirdRight .error_message {float: left; margin-top: 4px; font-size: 1.2em; color: green; width: 125px;} .contacts .thirdRight input[type=submit] {float: right; margin: 3px 25px 0 0; padding: 1px 6px; font-size: 1.2em;} .contact_import {padding: 2px 10px; font-size: 1em;} .contacts #delete_contacts { text-decoration: none; font-size: 1.2em; color: grey; position: relative; top: 5px; } .contacts #delete_contacts:hover { background: none; color:#111; } /* jcarousel.css */ .jcarousel-container {position: relative; width: 196px; height: 196px;} .jcarousel-clip {position: relative; z-index: 2; margin: 0; padding: 0; overflow: hidden;} .jcarousel-list {position: relative; z-index: 1; top: 0; left: 0; margin: 0; padding: 0; overflow: hidden;} .jcarousel-list li, .jcarousel-item {float: left; width: 196px !important; height: 196px;}/* We set the width/height explicitly. No width/height causes infinite loops. */ .jcarousel-item a, .jcarousel-item img {max-width: 168px; max-height: 168px;} /** * Badge Generator */ #badgeGen {width: 600px; margin: auto;} #badgeGen legend {font-size: 1.8em; font-weight: bold; display: block; padding: 20px 0 30px;} #badgeGen li {font-size: 1.5em; border-top: 1px solid #e8e7e3; padding: 11px 0; line-height: 1.3em;} #badgeGen p {color: #211922;} #badgeGen label {width: 300px; display: inline-block; vertical-align: top;} #badgeGen select {border: 0; font-size: 0.8em; margin-top: 3px;} #previewOutput {width: 600px; border: 1px solid #d3d3d3; margin-top: 20px; padding: 20px;} #previewOutput .dark {background-color: #3b393a;} #badgeGen textarea {width: 600px; border: 1px solid #d3d3d3; padding: 20px;} /*EMBED BUTTONS ON BLOG ---------------------------------------------- */ .promo {border-bottom: 1px dotted #666; padding-top: 10px; padding-left: 10px; display: block; height: 73px;} .promo textarea {width: 430px; height: 50px; font-size: 1.2em; float: right; margin-right: 10px;} .promo img {border: none; padding: none; align: center;} /** * Buttons */ .imagePicker {position: relative; display: block; width: 196px; height: 196px; overflow: hidden; border: 2px #e8e7e3 solid;} .imagePicker .loading {background: url(../images/ajaxload2.gif) no-repeat; background-position: center center;} .pinLeft a.picker {position: relative; width: 52px; margin-top: 6px; padding: 6px 8px 6px; font-size: 1.3em; line-height: 1em; text-decoration: none; background-color: #fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .pinLeft a.picker:hover {border-color: #aaa;} .pinLeft a.picker:active {background-color: #ccc; border-color: #aaa;} .pinLeft a.imagePickerNext {float: right; padding-right: 32px;} .pinLeft a.imagePickerPrevious {float: left; padding-left: 32px; text-align: right;} .pinLeft a span {position: absolute; top: 6px; right: 2px; width: 9px; height: 13px; background-position: left top;} .pinLeft a.imagePickerPrevious span {right: auto; left: 2px; background-position: right top;} .imagePickerNextArrow {background: url(../images/rightArrow.png);} .imagePickerPreviousArrow {background: url(../images/leftArrow.png);} .imagePickerNext:hover, .imagePickerPrevious:hover {color: #211922; background-color: #ccc; border-color: #aaa;} .imagePickerNext:active, .imagePickerPrevious:active {background-color: #76838b; border-color: #76838b;} .imagePickerNext:hover .imagePickerNextArrow, .imagePickerPrevious:hover .imagePickerPreviousArrow {background-position: center;} .imagePickerNext:active .imagePickerNextArrow, .imagePickerPrevious:active .imagePickerPreviousArrow {background-position: bottom center;} /** * cluetip - Hovercard */ /* Global */ #cluetip-close img {border: 0;} #cluetip-title {overflow: hidden;} #cluetip-title #cluetip-close {float: right; position: relative;} #cluetip-waitimage {width: 43px; height: 11px; position: absolute; background-repeat: no-repeat; background-image: url(../images/ajaxload2.gif);} .cluetip-arrows {display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat:; background-position: -30px, 23px; background-image: url(../images/cluetip.png);} #cluetip-extra {display: none;} .cluetip-default {background-color: black; opacity: 0.8; color: #211922; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 300px; -mox-box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 0 0 #fff;} .cluetip-default #cluetip-outer {position: relative; margin: 0;} .cluetip-default h3#cluetip-title {display: none;} .cluetip-default #cluetip-inner {padding: 10px; text-align: center; font-size: .8em;} #cluetip-inner .button:last-child {margin-left: 10px;} #cluetip-inner p {font-size: 12px; font-color: white;} .cluetip-default div#cluetip-close {margin: 0 5px 5px; text-align: right; color: #900;} /** * BackToTop */ #BackToTop {position: fixed; right: 9px; bottom: 9px; width: 50px; padding: 20px 10px; text-align: center; text-transform: uppercase; color: #41545F; text-decoration: none; background-color: #fff; opacity: 0.9; cursor: pointer; -moz-border-radius: 8px; -webkit-border-radius: 8px;} #BackToTop:hover {color: #211922; opacity: 1.0;}