/* CORE STYLES
---------------------------------------------- */
.fixedWidthContainer {width: 850px; margin: 0 auto;}
#article {width: auto; min-width: 932px; padding: 8px 0 0 0;}
  .BoardLayout {opacity: 0;}
  .BoardLayout #article {padding-top: 0;}

#ColumnContainer {position: relative; width:990px; min-height: 500px; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; border:2px solid blue;}

.pageOverlay {position: fixed; z-index: 9997; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; opacity: .95; filter: alpha(opacity=95);}

.pin {position: absolute; overflow: hidden;margin-bottom: 20px;}
  .pin h3 {margin: 1px 1px 10px; font-size: 1.3em; font-weight: bold; text-align: left; color: #211922;}
  .pin .image {position: relative; display: block; width: 210px; overflow: hidden;background-color: #fff; border: 1px solid #fff;}
  .pin .image img {display: block;/* height: auto; margin: auto;*/}
  .pin .image .video {position: absolute; z-index: 1; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px;}
  .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: 0 2px; font-size:12px;}
  .pin .description {padding-top: 4px;}
  .pin .description a{color:#666666; text-decoration:none; font-weight:normal}
  .pin .description a:hover{color:#F8448B; text-decoration:underline; background-color:White;}
  .pin .meta {margin: 0; color: #76838b;}
  .pin .attribution {margin-top: 6px; margin-bottom: 1px; overflow: hidden;}
.pin .likesComments {color: #aaa;}
.pin .likesComments p {margin: 2px 4px;}
.pin .likesComments a {font-weight: normal; color: #aaa;}
.pin .likesComments span.likes {margin-right: 5px;}
.pin .likesComments span.comments {margin-right: 5px;}
.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; filter: alpha(opacity=80);}

.profilePin {border-bottom: 2px solid #000}
	.profilePin h2 {display: block; font-size: 1.6em; line-height: 1.2em; font-weight: 400; padding: 5px 15px 0px 0px;}
	.profilePin p {color: #888; padding: 2px 15px 7px 0px;}
	.profilePin .followBoard {text-align: center; background-color: #fff;}
    .profilePin .followBoard .button {display: block; padding: 0.5em 0.825em;}

.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;}

.pin .inviteContainer {background-color: #fff; padding: 10px 10px;}
  .pin .inviteContainer input {width: 163px; font-size: 1.2em; margin: 0px 0px 10px 10px;}
  .pin .inviteContainerSubtitle {margin: 0; padding: 10px 14px 8px; font-size: 15px; color: #76838b; background-color: #f3f3f3}
  .pin p.reminder {font-size: 1.1em; text-align: center;}

.pinhidden {display: none;}

.colorless {color: #aaa;}
.colorless:hover {background-color: #aaa;}
.textless {font-weight: normal; color: #76838b; text-decoration: none;}
.textless:hover {color: #76838b; text-decoration: underline; background-color: transparent;}

.pin .pinActions {clear: both; margin-top: 6px; font-size: 1em;}
  .pin .pinActions a {text-decoration: none; font-weight: normal; color: #76838b;}
  .pin .pinActions a:hover {text-decoration: underline; background-color: white; color: #1389e5;}

.pinOrigin {clear: both; margin: 5px -14px -14px; padding: 10px 14px 14px; background-color: #f3f3f3; overflow: hidden;}
  .pinBoard .pinOrigin {margin: 0px; padding: 7px 7px 9px; background-color: #fff;}
  .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: 0 !important;}
  .pinOriginTitle {height: 28px; overflow: hidden;}

.pinOriginBoard {color: #aaa;}
  .pin .pinUserProfile h3 a {text-decoration: none; color: #211922;}
  .pin .pinUserProfile h3 a:hover {text-decoration: underline; color: #1389E5; background-color: white;}
  .pin .pinUserProfile img {float: left; width: 68px; border: 5px solid #F3F3F3;}
  .pin .pinUserProfile a {float: left; width: 68px; border: 5px solid #F3F3F3;}
  .pin .pinUserProfile .userStats {padding: 10px 0px; font-size: 1.1em; line-height: 1.45em; color: #76838B; text-align: center;}
  .pin .pinUserProfile a.followUser {display: block; padding: 0.4em 0.825em; text-align: center; font-size: 1.4em;}

.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; box-shadow: 0 0 #fff; -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;}
#profile .pin.pinBoard {position: static;}
.pin.pinBoard.inMotion {cursor: move; box-shadow: 0 1px 6px rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.25);}
.pin.pinBoard.inMotion:hover {box-shadow: 0 1px 6px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.5);}
.pin.pinBoard.inMotion * {cursor: move;}
  .pinBoard h3 {margin: 0; padding: 9px 14px 6px; font-size: 13px; font-weight: 300; height: 12px; overflow: hidden;}
  .pinBoard .curatedBy {padding: 7px 7px 0 14px; overflow: hidden;}
    .pinBoard .curatedBy img {float: left; width: 18px; height: 18px; margin-right: 4px;}
    .pinBoard .curatedBy p {float: left; width: 178px; margin: 0; font-size: 11px; color: #76838b; white-space: nowrap; overflow: hidden;}
  .pinBoard .link {display: block; height: 200px; background: url(/images/BoardBackground.png) top left no-repeat; border: solid #fff; border-width: 7px 0 4px 14px; overflow: hidden;}
    .pinBoard .link img {float: left; width: 61px; height: 61px; background-color: #fff; border: solid #fff; border-width: 0 4px 4px 0;}
    .pinBoard .link:hover img {opacity: .92; filter: alpha(opacity=92);}
    .pinBoard.domainPins h3 {font-size: 13px; line-height: 1.33em; height: auto;}
    .pinBoard.domainPins .link {height: auto; margin-bottom: 10px;}
  .pinBoard .likesComments {margin: 0; padding: 0 14px 10px; background-color: #fff;}
  .pinBoard .followBoard {padding: 0 14px 9px; text-align: center; background-color: #fff; border-bottom: 2px solid #000;}
    .pinBoard .followBoard .button {display: block; padding: 0.5em 0.825em;}
    .pinBoard .followBoard .boardMeta {float: left; width: auto; margin-top: 8px; font-size: 11px;}

#mapContainer {position: relative;}
#map {width: 201px; height: 201px; overflow: hidden; margin: 6px 10px 10px; background: #eee;}
#pinOnMap {position: absolute; z-index: 1; left: 50%; bottom: 90px; margin-left: -25px;}

.sortable {display: block; margin-left: -16px !important; zoom: 1;}
.sortable li {float: left; width: 221px; margin: 0 0 16px 16px;}
#SortableHelper {display: none; margin: 13px 0; padding: 14px; text-align: right; background: #ffc; overflow: hidden;}
#SortableText {float: left; font-size: 18px; font-weight: 300;}
#SortableButtons .button {position: relative; top: 3px; margin-left: 10px; font-size: 14px;}
#SortStatus {position: absolute; top: 14px; right: 155px; font-size: 18px; font-weight: 300; opacity: 0; filter: alpha(opacity=0);}

.pin span.sayHi {float: right; margin-bottom: -30px;}
  .pin span.sayHi img {width: 23px; height: 24px;}

.pin #homeDashboard h2 {font-size: 1.4em; font-weight: normal;}
  .pin #homeDashboard h3 {font-size: 1.1em; font-weight: bold;}
  .pin #homeDashboard a.seeAll {float: right; text-decoration: none; font-weight: normal;}
  .pin #homeDashboard a.seeAll:hover {text-decoration: underline; background-color: #fff;}
  .pin #homeDashboard p {font-size: 1.1em; margin-right: 35px;}
  .pin #homeDashboard img {width: 35px;}
  .pin #homeDashboard .dashboardSection {padding: 4px; border-top: 1px solid #f3f3f3;}
  .pin #homeDashboard .dashboardElem {margin: 5px 0px;}
  .pin #homeDashboard ul li {display: inline; margin-right: 5px;}

#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; box-shadow: 0 1px 4px #ccc; -moz-box-shadow: 0 1px 4px #ccc; -webkit-box-shadow: 0 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; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 6px #aaa; -moz-box-shadow: 0 0 6px #aaa; -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; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
  #tooltip .body {padding: 0 10px 5px; color: #76838b; border: solid #bed7e5; border-width: 0 1px 1px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

#sortFilters {clear: both; height: 35px; margin: 0 -6px 10px; background-color: #f2f2f2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
  #boards #sortFilters {height: 34px; margin-top: -4px; margin-bottom: 0;}
  #sortFilters.sortFiltersSubbed {border-bottom-left-radius: 0; border-bottom-right-radius: 0; -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 #d7d7d7; 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; 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; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: #ddd 0 1px 2px; -moz-box-shadow: #ddd 0 1px 2px; -webkit-box-shadow: #ddd 0 1px 2px;}
.button dfn {font-weight: normal;}
.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: 2px -4px 0 4px;}
  .prior-button span {background-position: 0 0; margin: 2px 4px 0 -4px;}

h2 .button {font-size: .55em;}
.button.pressed {color: #888; text-shadow: 0 0 #fff; background-image: none; background-color: #fff; border-color: #e7e7e7; box-shadow: 0 0 #fff; -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; box-shadow: inset #24323a 0 0 3px; -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; box-shadow: inset #8fa7b4 0 0 3px; -moz-box-shadow: inset #8fa7b4 0 0 3px; -webkit-box-shadow: inset #8fa7b4 0 0 3px;}

.whiteButton {color: #41545f; background-color: #fff; border-color: #d7d7d7 #ccc #c3c3c3; text-shadow: 0 1px #fafafa; box-shadow: #eee 0 1px 1px; -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; box-shadow: inset #8fa7b4 0 0 3px; -moz-box-shadow: inset #8fa7b4 0 0 3px; -webkit-box-shadow: inset #8fa7b4 0 0 3px;}

.suppressed.whiteButton {border-color: transparent; background-image: none; box-shadow: 0 0 #fff; -moz-box-shadow: 0 0 #fff; -webkit-box-shadow: 0 0 #fff;}
.suppressed.whiteButton:hover {background: #fff url(/images/buttonGradient20.png); border-color: #d7d7d7 #ccc #c3c3c3; box-shadow: #eee 0 1px 1px; -moz-box-shadow: #eee 0 1px 1px; -webkit-box-shadow: #eee 0 1px 1px;}
.suppressed.whiteButton:active {background-color: #bed7e5; border-color: #aaa; box-shadow: inset #8fa7b4 0 0 3px; -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; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; overflow: hidden;}
  .form .division {padding: 15px; background-color: #e8e7e3; border-radius: 7px; -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; border-radius: 7px; -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; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 2px #888; -moz-box-shadow: 0 0 2px #888; -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; vertical-align: top;}
.pin:hover .hbc {display: block;}

.pin a span {float: left; width: 10px; height: 10px; margin: 2px 0 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;}