/*  bashful - C5DCEC     navy - 30465F    celery - cdd9a9     olive - 8a9747     plum - BEABC7    dark plum - be404b    saffron - fef8b1   dk pink - BF004F  */

/*  Kraft - b1a084   -  vanilla - FFF8E6    -   Riding - be404b   -   Pumpkin - ff8201   -   Limeade - aaac3e   -   Daffodil - ffd35c   -   Espresso - 503931 */
/*    RESERVED IDs - stampclub, currstampclub, ribbonshare, bigshotclub, online, specials   */
/* --------------------------------- Structure ------------------------------- */
html, body {height: 100%;}
#wrapper {min-height: 100%;}
#main {overflow:auto;
	padding-bottom: 25px;}
body {margin: 0px; padding: 0px;}
#wrapper {margin: 0px auto; padding: 0px; width: 85%; min-width: 845px; padding-bottom: 10px; border-left: 2px solid #30465F; border-right: 2px solid #30465F;}
#header {width: 100%; margin: 0px; padding: 0px; height: 200px;}
#banner {width: 100%; margin: 0px; padding: 0px; height: 200px;}
#menu {clear: both; width: 100%; margin: 0px; padding: 0px;}
#menu ul {margin: 0px; margin-top: 133px; padding: 0px 20px 0px 0px;}
#menu li {display: inline;}
#menu a {padding: 0px 10px;}
#main {width: 100%; margin: 0px; padding: 0px; padding-top: 15px; border: 0px; min-height: 100%;}
#content_sub {margin: 0px 190px 0px 10px; padding: 0px 10px; }
#content_homepage {margin: 0px 190px 0px 215px; padding: 0 10px;}
#content_gallery {margin: 0px 10px; padding: 0px 10px; }
#susidebar {float: right; width: 165px; margin: 0px; padding: 0px 10px;}
#inkysidebar {float: left; width: 190px; margin: 0px; padding: 0px 10px;}
#footer {clear: both; width: 100%; height: 25px; margin: 0px; padding: 0px; padding-top: 25px;}

/* --------------------------------- Structure Formatting ------------------------------- */
body {background: #C5DCEC url(/images/background.jpg) repeat 0 0; text-align: center; line-height:100%; font-family: Georgia,"Times New Roman", Times, serif; color: #aaac3e;}
#wrapper {background: #fff;}
#header {background: #fff url(/images/masthead_filler.jpg) repeat-x 0 0; }
#header h1, #header h2 {margin:0px !important;}
#banner {background: transparent url(/images/banner.jpg) no-repeat 0 0; text-indent:-9999px;}
#menu {color: #30465f; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 120%;}
#menu ul {text-align: right;}
#menu a, #menu a:visited, #menu a:link, #menu a:active {text-decoration: none; color: #30465f;}
#menu a:hover {color: #fff; background-color: #30465f;}
#main {text-align: left;}
#inkysidebar, #susidebar {font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;}
.content {line-height: 150%;}
.content a, .content a:link {color: #30465f;}
.content a:visited {color: #30465f;}
.content a:hover, .content a:active {background-color: #30465f; color: #fff;}
#inkysidebar {color: #30465f;}
#inkysidebar a, #inkysidebar a:visited, #inkysidebar a:link, #inkysidebar a:active {text-decoration: none; color: #000; font-weight: bold;}
#inkysidebar a:hover {background-color: #000; color: #fff;}
#susidebar {color: #30465f;}
#susidebar a, #susidebar a:visited, #susidebar a:link, #susidebar a:active {text-decoration: none; color: #30465f; font-weight: bold;}
#susidebar a:hover {background-color: #30465f; color: #fff;}
a.imglink {text-decoration: none;}
#susidebar a.imglink:hover {background-color: #fff;}
#footer {text-align: center; background-color: transparent; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: .75em; color: #30465f;}
.ClearIt {clear: both;}

/* --------------------------------- Events Calendar ------------------------------- */
#cal {background: #b9cad9; border-collapse: collapse; text-align: left; max-width: 182px; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 90%;}
#cal th.DisplayMonth {border: 0; text-align: center; font-weight: bold; background: #b9cad9; color: #30465f;}
#cal th {border: 1px solid #ccc; padding: 2px 8px; background-color: #ddd; color: #878787;}
#cal td {border: 1px solid #eaeaea; padding: 2px 3px; vertical-align: top; max-width: 26px; background:#fff; text-align: right;}
#cal td.blank {background: #eee;}
#cal tfoot td {border: none; border-bottom: 0; width:180px;}
#cal a, #cal a:link, #cal a:visited {text-decoration: none; color: #3f3f3f; font-weight: normal;}
#cal a:hover {text-decoration: underline; font-weight: bold; color: #000; background-color: transparent;}
#cal a:active {text-decoration: underline; font-weight: bold; color: #000; background-color: transparent;}

.CalLegend {text-align: left; padding-top: 3px;}
.CalLegItem {}
.CalLegItemSwatch {border: 1px solid #000;}
.CalLegItemName {font-size: 80%;}

/* --------------------------------- Bulletin Board ------------------------------- */
.PNote {width:188px; padding: 0; font-size: 90%;  background: #fff url('/images/post-it.png') repeat-y top left; margin-bottom:10px; color:#333;}
.PNote .PNote_Open {margin:0; padding:0; width:188px; min-height:5px; background: #fff url('/images/post-it_top.png') no-repeat top left;}
.PNote .PNote_Item {padding-left: 5px; padding-right: 10px;}
.PNote .PNote_Close {margin:0; padding:0; width:188px; min-height:12px; background: #fff url('/images/post-it_bottom.png') no-repeat bottom left;}
.PNote .PNote_Title {font-weight: bold;}
.PNote .PNote_TipAuthor {text-align: right; font-style: italic;}

/* --------------------------------- Paper Search ------------------------------- */
table.PaperSearchResults {width: 95%; background: #fff; margin: 10px 0 20px 0; border-collapse: collapse; text-align: left;} 
table.PaperSearchResults td {border: 0; color: #000; padding: 5px 10px;}
table.PaperSearchResults td.PaperNames {vertical-align:text-top; max-width: 20%;}
table.PaperSearchResults td.ColorSwatches {max-width: 50%;}
table.PaperSearchResults td.ImageLinks {max-width: 30%;}
.NoPapers {font-weight: bold;}
.Current {font-weight: bold;}

/* --------------------------------- Gallery ------------------------------- */
table.SaleGallery {background: #fff; margin: 10px 0 20px 0; border-collapse: collapse; text-align: left; min-width: 90%;} 
table.SaleGallery td {border: 0 solid #000; color: #000; padding: 10px 15px; text-align: center; max-width: 160px;}
table.SaleGallery td.pagenav {font-size: 80%; text-align: right;}
table.SaleGallery td.legend {text-align: left;}
table.SaleGallery a {text-decoration: none;}
table.SaleGallery a:hover {text-decoration: underline;}
table.SaleGallery a img {text-decoration: none; border:0;}
table.SaleGallery a.pagenav  {text-decoration: none;}
table.SaleGallery a.pagenav:hover {text-decoration: underline;}
table.SaleGallery a.pagenav_currpg, table.SaleGallery a.pagenav_currpg:hover {background-color: #30465f; text-decoration: none; color: #fff;}

table.Gallery {background: #fff; margin: 10px 0 20px 0; border-collapse: collapse; text-align: left; min-width: 60%;} 
table.Gallery td {border: 0 solid #000; color: #000; padding: 10px 15px; text-align: center;}
table.Gallery td.pagenav {text-align: right;}
table.Gallery a {font-size: 90%; text-decoration: none; }
table.Gallery a:hover {font-size: 90%; text-decoration: underline;}
table.Gallery a img {text-decoration: none; border:0;}
table.Gallery a.pagenav  {text-decoration: none;}
table.Gallery a.pagenav:hover {text-decoration: underline;}
table.Gallery a.pagenav_currpg, table.Gallery a.pagenav_currpg:hover {background-color: #30465f; text-decoration: none; color: #fff;}

div.gallerylayout {width:100%;}
div.gallerycol {width: 50%; float: left;}

/* --------------------------------- General Formatting ------------------------------- */
h1,h2,h3,h4,h5 {font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;}
h1 {color: #30465f; font-size: 175%;}
h2 {color: #30465f; font-size: 175%;}
h3 {color: #bf004f; font-size: 150%;}
h4 {color: #BEABC7; font-size: 115%;}
h5 {color: #BEABC7; font-size: 80%; margin:0;}

.SelfPortrait {border: 1px solid #000;}
.Logo {padding: 10px 0px;}
.ImgWrap {margin: 0 !important; padding:0 !important;}
img {border-style: none;}

.PhilosophyTitle {margin:0; color: #bf004f; font-size: 150%; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;}
.Philosophy {margin: 0px;}
.SwapTitle {color: #bf004f; font-size: 125%; font-weight: bold; margin: 0; padding:0; margin-top: 10px;}
.EventTitle, .SpecialTitle, .ContactTitle, .ToolTitle, .ItemTitle, .NLTitle, .SwapSubTitle {color: #bf004f; font-size: 115%; font-weight: bold; margin: 0; padding:0; margin-top: 10px;}
.EventDate, .EventLoc, .EventDesc, .SpecialDesc, .ContactDesc, .ToolDesc, .ItemDesc, .NLText {margin: 0px; padding: 0px; margin-left: 25px;}
.SpecialDesc2 {margin-left: 25px;}
.SpecialDescList, .ToolDescList, .SwapList {margin: 3px 0; margin-left: 50px;}
table.SpecialDescTable {border-collapse:collapse;}
table.SpecialDescTable td {padding-left:10px; padding-right:15px;}
table.ItemDeets {border-collapse:collapse;}
table.ItemDeets td {border: 1px solid black; padding-left: 5px; padding-right: 5px;}
.TipTitle {font-weight: bold;}
.TipAuthor {text-align: right; font-style: italic;}
.Indent {margin-left: 25px;}
.NLButton {padding-top: 5px; padding-bottom: 10px; text-align: right;}
.submsg {color: #BEABC7; font-weight: bold;}
a.imglink:hover {background-color: #fff;}
.MediaTitle {font-weight: bold;}
.GalleryTitle {color: #30465f; font-size: 115%; font-weight: bold; margin: 10px 0; padding:0;}
.ReturnGallery {color: #b9cad9; font-size: 90%; }
.MoreDeets {font-size: 80%;}
.winner {font-weight: bold; color: #bf004f;}
.Error {color: #BF004F; font-weight: bold;}
.OnHold {font-style: italic;}
.FinePrint {font-size: 80%; color:#999;}
#inkysidebar .FinePrint a {text-decoration: underline; color: #999; font-weight: normal; background-color: transparent;}
.FinePrint a:visited, .FinePrint a:link, .FinePrint a:active, .FinePrint a:hover {text-decoration: underline; color: #999; font-weight: normal; background-color: #fff;}
.Note {color: #888;}
.MustSee {color:#BF004F; font-weight:bold;}
.Catalog {text-align: center;}
.DiscountedPrice {color: #BF004F;}
.DiscountedPrice .Price {text-decoration:line-through;}
.RetiredProduct {font-style: italic; color: #696969;}
.ChallengeNote {font-weight: bold; color: #BEABC7;}
.LifeHappensNote {color: #BF004F;}
.shopnow {font-size: 150%; font-weight: bold; color: #bf004f;}

#BDays {margin: 20px 0;}
p.BDayTitle {color: #30465f; font-size: 115%; margin-bottom: 0;}
ul.BDayList {padding: 0; list-style: none; margin: 7px 0 3px 7px; }
div.BDayNote {margin: 0;}

.ClubName {font-size: 114%; font-weight: bold; color: #bf004f;}

div.Contacts {width: 90%; margin: 0em auto; padding-bottom: .5em; float: left;}
div.ContactMethod {clear: both; padding-top: .75em; padding-bottom: .75em;}
div.ContactMethod span.methlabel {float: left; width: 30%; text-align: left;}
div.ContactMethod span.meth {float: right; width: 69%; text-align: left;}

/* used on Forms */
div.Form {width: 100%; margin: 0em auto; padding-bottom: .5em; float: left;}
div.FormRow {clear: both; padding-top: .75em; padding-bottom: .75em;}
div.FormRow span.label {float: left; width: 20%; text-align: left;}
div.FormRow span.widget {float: right; width: 79%; text-align: left;}
.FormError {color: #BF004F; font-weight:bold;}
.FormRequired {font-style: italic; color: #BEABC7; font-size: 85%;}
.FormNote {font-size: 85%; color: #46beb8;}
.FormMsg {background-color: #BEABC7; color: #000;}
.FormTextFieldCountDown {font-size: 75%;}
input.TextCountDown {font-size: 75%; color: #bf004f; background-color: transparent; border: 0 none; text-align: right;}
input[readonly] {border:0; background-color: transparent;}

/* --------------------------------- Quick Shop Box ------------------------------- */
#ShopBox {float:right; width: 150px; border: 2px solid #30465f; margin: 0px; margin-left: 5px; margin-bottom: 2px; padding: 5px; font-size: 90%;}
#ShopBox .BoxTitle {text-align: center; color:#30465f; font-weight: bold;}
#ShopBox ul {margin:0px;padding-left:1em;}

/* --------------------------------- Paper Search - View Image ------------------------------- */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
div.thumblink {z-index:200;}
.thumbnail{position: relative;}
.thumbnail:hover{ background-color: transparent; z-index:201;}
.thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: white; padding: 5px; top: -220px; left: -1000px; border: 1px dashed gray; visibility: hidden; text-decoration: none; }
.thumbnail span img{ /*CSS for enlarged image*/  border-width: 0; padding: 2px;}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: -100px; left: -150px; /*position where enlarged image should offset horizontally */ }