/* Color and Font Legend font-family: 'Open Sans Condensed', sans-serif; font-family: 'Open Sans', sans-serif; font-family: 'Questrial', sans-serif; */ /* Reset */ html, body { margin: 0; padding: 0; border: 0; background: transparent; font-size:10px; } div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr, th, td, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; } img { margin:0; padding:0; border:0; } table, tr, th, td, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; } table { border-collapse: collapse; border-spacing: 0; } input, select, textarea, form, fieldset { margin: 0; padding: 0; border: 0; } blockquote, q { quotes: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { font-family: Arial, Helvetica, sans-serif; font-size:100%; font-weight: normal; font-style: normal; line-height: 100%; text-indent: 0; text-decoration: none; text-align: left; color: #000; } ol, ul, li { list-style: none; } img { max-width:100%; } /* Global */ html { } body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; background-image:url("images/bg/bg.fw.png"); background-repeat:repeat; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; font-family:'Questrial', Arial, Helvetica, sans-serif; } h1 { font-size:24px; } h2 { font-size:20px; } h3 { font-size:16px; } h4 { font-size:14px; } h5 { font-size:14px; } h6 { font-size:14px; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } /* Text Elements */ p { color:#000; font-size:12px; line-height:150%; } p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; } p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; } a { } a:link { color: #00f; } a:visited { color: #0f0; } a:active { color: #000; } a:focus { color: #666; } a:hover { color: #f00; } blockquote { color:#000; font-size:12px; } strong { font-weight: bold; } .strong { font-weight: bold; } .normal { font-weight: normal; } .center { text-align:center; } .fixed { position:fixed; } .indent { padding:0 30px 0 30px !important; } .photos { margin:0 0 10px 0 !important; } .italic { font-style: italic; } .intropara { font-weight:bold; font-size:16px; line-height:140%; } .clear {clear:both; } .floatl { float:left; } .floatr { float:right; } .giftalert { font-weight:bold; color:#ff0000; font-size:24px; } .updatetitle { font-weight:normal; font-size:12px; } .time {font-family:Arial, Helvetica, sans-serif; font-size:14px !important; font-weight:bold; color:#ffffff; line-height:19px; } .anchor { display: block; height: 135px; margin-top: -135px; visibility: hidden; } .imgrow { padding: 1px 20px 30px 58px; float:left; height:100px; } .back-to-top { position: fixed; bottom: 2em; right: 0px; text-decoration: none; color: #000000; background-color: rgba(235, 235, 235, 0.80); font-size: 12px; padding: 1em; display: none; } .back-to-top:hover { background-color: rgba(135, 135, 135, 0.50); color:#000000; text-decoration:underline; } .back-to-top:link { color:#000000; } .back-to-top:visited { color:#000000; } .back-to-top:active { color:#000000; } .back-to-top:focus { color:#000000; } em { font-style: italic; } /* Images */ /* Lists */ ul li { color:#000; font-size:12px; } ol li { color:#000; font-size:12px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul { list-style: none outside; } ol { list-style: decimal; } dl { } dt { } dd { } /* Tables */ table { width:100%; } tr { } .odd { background-color:#eee; } .even { background-color:#fff; } th { font-weight: bold; } thead, th { background: #ccc; } tbody { } th,td,caption { } caption { } tfoot { } .tfooter { background-color:#ccc; text-align:center; font-style:italic; } caption { background: #efefef; } /* Miscellaneous */ sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #666; } address { } del { background:#FFCECE; color:#f00; } code, pre { background-color:#FF9; padding:2px 0px; margin:4px 25px; font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%; } /* Containers */ #wrapper { width:100%; max-width:1600px; margin:0 auto; padding:0; background-color:#ffffff; border-bottom:6px #ffffff solid; } #topnav { margin:5px 0 10px 17px; } #topline { background-color:#000000; border-bottom:4px #000000 solid; padding-top:30px; padding-bottom:29px; } #botline { background-color:#f5f5fc; height:0px; margin-top:30px; } .about { } .sessions { } .calendar { } .gifts { } #banner { clear:both; background:#000000; } #banner img { border:0 black none; padding:0; margin-top:0px; margin-bottom:0px; } .notlast { margin-right:30.5px; } .last { margin-right:0px; } #res { margin-right:104px; width:44px; float:right; } #datetimehdr { float:right; } #datetimehdr p { font-size:14px; line-height:.1%; color:#ffffff; margin-right:88px; letter-spacing:normal; font-family:"Arial", Helvetica, Gill Sans Ultra Bold; font-weight:bold; } #datetimehdr img { margin-right:32px; } #content { width:100%; background:#ffffff; padding-bottom:0px; clear:both; background-color:#f5f5fc; } #content h1 { font-size:32px; color:#000; margin:20px 58px 20px 58px; text-transform:uppercase; font-weight:bold; padding:0 0 2px 0; text-align:center; } #content h2 { font-size:20px; color:#000; margin:30px 58px 10px 58px; text-transform:uppercase; font-weight:bold; padding:0 0 2px 0; text-decoration:underline; } #content h3 { font-size:16px; color:#000; margin:25px 58px 2px 58px; text-transform:uppercase; font-weight:bold; padding:0 0 2px 0; } #content h4 { font-size:24px; color:#000000; margin:2px 58px 2px 58px; text-align:center; font-weight:bold; padding:0 0 0 0; } #content h5 { font-size:16px; color:#000; margin:0px 0px 0px 0px; text-transform:uppercase; font-weight:bold; padding:43px 0 0px 0; } #content h6 { font-size:18px; color:#000; margin:0px 0px 0px 0px; text-transform:uppercase; font-weight:bold; padding:4px 0 8px 0; text-decoration:underline; } #content p { font-size:16px; color:#000; margin:0px 60px 10px 60px; padding-left:10px; } #content a:link { color:#555555; } #content a:visited { color:#555555; } #content a:active { color:#555555; } #content a:hover { color:#777777; text-decoration:underline; } #content a:focus { color:#555555; } #content figure { display:table; margin:0 auto !important; padding:0 !important; } #content figure img { display:block; margin:0 auto !important; padding:0 !important; } #content figcaption { display:table-caption; caption-side:bottom; padding: 0 3px 5px 3px; font-size:12px; text-align:center; font-family:Arial, Helvetica, sans-serif; } .bannerimg { height:300px; background-color:#000000; } .bannerimg img { height:300px; float:none !important; padding:0 !important; } .bannerpanaramic { width:auto; background-color:#000000; float:none !important; padding:0 !important; border-bottom:4px #000000 solid; } .ulspaced { margin-bottom:10px; } .ulspaced li { padding:5px 0 5px 0; list-style:disc outside none !important; margin-left:95px !important; margin-right:95px !important; font-size:16px; line-height:140%; font-weight:normal; display:list-item !important; } .ulspaced li ul { margin-bottom:0; } .ulspaced li ul li { list-style-image:url('../images/dash.png'); padding: 0 0 3px 0; line-height:100%; margin-bottom:0; margin-left:20px; font-size:16px; font-weight:normal; } .ulclose { margin-bottom:10px; } .ulclose li { list-style:disc outside none !important; margin-left:95px !important; margin-right:95px !important; font-size:16px; padding:0 0 0 0; line-height:140%; font-weight:normal; display:list-item !important; } .uldash { margin-bottom:10px; } .uldash li { list-style-image:url('../images/dash.png'); padding: 0 0 3px 0; line-height:100%; margin-bottom:0 !important; margin-left:95px !important; margin-right:95px !important; font-size:16px; font-weight:normal; display:list-item !important; } .olbold { margin-bottom:10px; } .olbold li { list-style:decimal outside none; margin-left:100px; margin-right:95px; font-size:16px; padding:0 0 0 0; display:list-item; line-height:160%; font-weight:bold; } .olbold li ul li { margin-left:50px !important; padding:5px 0 5px 0; list-style:disc outside none; font-size:16px; line-height:140%; font-weight:normal; } .olnormal { margin-bottom:10px; } .olnormal li { list-style:decimal outside none; margin-left:100px; margin-right:95px; font-size:16px; padding:0 0 0 0; display:list-item; line-height:140%; font-weight:normal; } .hiddenlink { } a:link.hiddenlink { color:#000000 !important; } a:visited.hiddenlink { color:#000000 !important; } a:active.hiddenlink { color:#000000 !important; } a:hover.hiddenlink { color:#000000 !important; text-decoration:none !important; } a:focus.hiddenlink { color:#000000 !important; } #toppageimagerotate { padding-top:140px; } #toppageimage { padding-top:140px; } #toppageimage img { float:right; padding:20px; } #fixnavbar { width:100%; max-width:1600px; position:fixed; height:140px; background-color:#ffffff; border-bottom:4px #000000 solid; z-index:99998 } #fixnavbar a img { padding:15px 0 0 15px; } #logo { width:217px; height:136px; clear:both; background-color:#ff4500; margin-left:15px; margin-top:15px; float:left; } #logo h1 { font-size:16px; color:#000; font-weight:bold; padding:0 0 5px 0; text-align:center; letter-spacing:4px; } #logo img { padding:5px 0 0 0 !important; } #logo p { font-size:68px !important; color:#000 !important; text-align:center; font-weight:bolder; line-height:70px; background-color:#ff4500 !important; } #logo hr { width:92%; height:1px; color:#000000; background-color:#000000; margin-top:0; border-width:0; } .logohdr { font-size:14px !important; font-weight:100 !important; padding:0 0 2px 0 !important; letter-spacing:normal !important; } #banners { width:100%; background:#ffffff; padding:20px 0 10px 0; clear:both; background-color:#f5f5fc; } #banners h1 { font-size:30px; color:#000; font-weight:bold; padding:0 0 0px 0; text-align:center; letter-spacing:1.5px; text-decoration:underline; } #banners h2 { font-size:22px; color:#000; font-weight:bold; padding:0 0 0px 0; text-decoration:none; margin:10px 58px 10px 58px; } #banners h3 { font-size:18px; color:#000; font-weight:bold; padding:0 0 0px 20px; text-decoration:none; margin:10px 58px 10px 58px; } #banners p { font-size:16px; color:#000; margin:0px 60px 0px 60px; padding-left:10px; } #banners hr { width:90%; height:4px; color:#000000; background-color:#000000; margin-bottom:20px; } #banners img { padding:0 20px 20px 20px; } #subnav { background-color:#ffffff; padding:15px 0 0 0; } #subnav ul { text-align:center; } #subnav ul li { display:inline; margin:0 10px; } #subnav ul li a { font-size:12px; font-weight:bold; color:#000000; } #subnav a:link { color:#000000; } #subnav a:visited { color:#000000; } #subnav a:active { color:#000000; } #subnav a:hover { color:#777777; text-decoration:underline; } #subnav a:focus { color:#000; } #photosmenu { margin-top:10px; } #photosmenu hr { width:40%; height:3px; background-color:#000000; } #photosmenu h1 { font-size:16px; color:#000; font-weight:bold; padding:0 0 5px 0; text-align:center; letter-spacing:3px; margin:10px 0 0px 0; } #photosmenu p { font-size:16px; color:#000; margin:0 0 0 0; padding:20px 0 20px 38%; } #photosmenu a { padding:25px 0 25px 83px; } #photosmenu a:link { color:#555555; } #photosmenu a:visited { color:#555555; } #photosmenu a:active { color:#555555; } #photosmenu a:hover { color:#777777; text-decoration:underline; } #photosmenu a:focus { color:#555555; } .photosmenumain { background: transparent url(../images/Buttons/Photos/A_4-9-14_Photos_Index_6435_1600x719.png) scroll no-repeat left center; padding:50px 0px 50px 83px; } .photosmenudom { background: transparent url(../images/Buttons/Photos/A_3-18-15_Mistress_Troy_9293_500x334.png) scroll no-repeat left center; padding:50px 0px 50px 83px; } .photosmenuobj { background: transparent url(../images/Buttons/Photos/A_11-21-14_Other_Objects_4451_500x334.png) scroll no-repeat left center; padding:50px 0px 50px 83px; } .photosmenugft { background: transparent url(../images/Buttons/Photos/S_10-11-15_Gifts_Received_1373_500x333.png) scroll no-repeat left center; padding:50px 0px 50px 83px; } .photosmenudne { background: transparent url(../images/Buttons/Photos/A_11-21-14_Dungeon_and_Equipment_4261_500x334.png) scroll no-repeat left center; padding:50px 0px 50px 83px; } #paging { clear:both; margin:15px 0 0 0; background-color:#000000; padding-top:5px; } #paging p { text-align:center; margin:0; padding:0; } #paging img { margin:0 25px 0 25px; text-decoration:underline; } #pageleft { display: inline-block; width: 32px; height: 32px; background-image: url(../images/arrowleftlightgray.png); border: none; text-decoration: none; padding:0; margin:0 20px 0 8px; } #pageleft:link { background: url('../images/arrowleftlightgray.png') no-repeat; } #pageleft:visited { background: url('../images/arrowleftlightgray.png') no-repeat; } #pageleft:active { background: url('../images/arrowleftlightgray.png') no-repeat; } #pageleft:focus { background: url('../images/arrowleftlightgray.png') no-repeat; } #pageleft:link { background: url('../images/arrowleftlightgray.png') no-repeat; } #pageleft:hover { background-image: url(../images/arrowleftgray.png); } #pageright { display: inline-block; width: 32px; height: 32px; background-image: url(../images/arrowrightwhite.png); border: none; text-decoration: none; padding:0; margin:0 0 0 20px; } #pageright:link { background: url('../images/arrowrightlightgray.png') no-repeat; } #pageright:visited { background: url('../images/arrowrightlightgray.png') no-repeat; } #pageright:active { background: url('../images/arrowrightlightgray.png') no-repeat; } #pageright:focus { background: url('../images/arrowrightlightgray.png') no-repeat; } #pageright:link { background: url('../images/arrowrightlightgray.png') no-repeat; } #pageright:hover { background-image: url(../images/arrowrightgray.png); } #footer { width:100%; padding:0 0 10px 0; clear:both; background-color:#000000; } #footer h1 { text-align:center; margin:0px 0; color:#f5f5ec; font-size:15px; padding:0 0 10px 0; } #footer p { text-align:center; margin:0px 0; color:#f5f5ec; font-size:12px; padding:0 0 0 0; } #announcements { width:28%; padding:10px 10px 10px 10px; float:right; background-color:#ffa64d; border-radius:15px; margin-right:1.5%; margin-top:10px; } #announcements h1 { font-size:16px; color:#000000; margin:0 0 0 0; text-transform:uppercase; font-weight:bold; padding:10px 0 5px 0; text-align:center; font-family:Arial, Helvetica, sans-serif; } #announcements p { font-size:14px; color:#000000; margin:0px 0px 0px 0px; padding:0 0 0 0; text-align:left; } #announcements a:link { color:#333333; } #announcements a:visited { color:#333333; } #announcements a:active { color:#333333; } #announcements a:hover { color:#777777; text-decoration:underline; } #announcements a:focus { color:#333333; } #minicalendar { width:30%; padding:20px 15px 4px 0; float:right; } #minicalendar h1 { font-size:14px; color:#ffffff; margin:0 0 0 0; text-transform:uppercase; font-weight:bold; padding:0px 0 4px 0; text-align:center; font-family:Arial, Helvetica, sans-serif; } #minicalendar h2 { font-size:14px; color:#ffffff; margin:0 0 0 0; padding:6px 0 4px 0; text-align:center; } #minicalendar h3 { font-size:12px; color:#ffffff; margin:0 0 0 0; padding:0 0 4px 0; text-align:center; } #minicalendar img { height:9px; } #minicalendar p { font-size:11px; color:#aaaaaa; margin:0px 0px 0px 0px; padding:0 0 5px 0; text-align:center; } #minicalendar iframe {background-color:#777777; } #minicalendar a:link { color:#aaaaaa; } #minicalendar a:visited { color:#aaaaaa; } #minicalendar a:active { color:#aaaaaa; } #minicalendar a:hover { color:#777777; text-decoration:underline; } #minicalendar a:focus { color:#aaaaaa; } #sitemap { width:35%; padding:10px 0 0 0; float:left; padding-left:10px; } #sitemap h1 { font-size:14px; color:#ffffff; margin:0 0 0 0; text-transform:uppercase; font-weight:bold; padding:10px 0 10px 0; text-align:center; font-family:Arial, Helvetica, sans-serif; } #sitemap p { font-size:12px; color:#000000; margin:0px 0px 0px 0px; } #sitemap table { width:100%; margin-left:10px; border:0; font-size:12px; background-color:#000000; table-layout:fixed; } #sitemap th { text-align:left; border:0; line-height:150%; font-size:12px; background-color:#f5f5fc; } #sitemap tr { text-align:left; border:0; } #sitemap td { text-align:left; padding-left:6px; border:0; line-height:150%; width:100px; } #sitemap a:link { color:#777777; } #sitemap a:visited { color:#777777; } #sitemap a:active { color:#777777; } #sitemap a:hover { color:#ffffff; } #sitemap a:focus { color:#777777; } .sitemapmainmeun { font-weight:bold; padding-left:0 !important; } a:link.sitemapmainmeun { color:#ffffff !important; } a:visited.sitemapmainmeun { color:#ffffff !important; } a:active.sitemapmainmeun { color:#ffffff !important; } a:hover.sitemapmainmeun { color:#777777 !important; } a:focus.sitemapmainmeun { color:#ffffff !important; } #tbl3col table { width:auto; margin-left:50px; margin-right:20px; border-style:none; font-size:16px; table-layout:fixed; } #tbl3col th { text-align:left; line-height:150%; font-size:20px; } #tbl3col tr { text-align:left; } #tbl3col td { text-align:left; vertical-align:top; line-height:150%; width:33%; padding-right:30px; } #tbl3col p {margin:0; padding:0 0 30px 0; } #tbl3col p a {padding-top:10px; display:block; } #tbl3col img {width:100%; } .hd3col:link { color:#000000 !important; font-size:18px; font-weight:bold; text-decoration:underline; } .hd3col:visited { color:#000000 !important; font-size:18px; font-weight:bold; text-decoration:underline; } .hd3col:active { color:#000000 !important; font-size:18px; font-weight:bold; text-decoration:underline; } .hd3col:hover { color:#777777 !important; text-decoration:underline; } .hd3col:focus { color:#000000 !important; font-size:18px; font-weight:bold; text-decoration:underline; } @media only screen and (max-device-width : 768px) { #fixnavbar { width: 100%; height:140px; background-color:#ffffff; border-bottom:4px #000000 solid; position:static; } #fixnavbar a img { padding:10px 0 0 10px; } #nav { width:100%; padding:10px 0 0 182px !important; background:#ffffff; } #logo { width:200px; height:139px; clear:both; background-color:#ff4500; margin-left:5px; margin-top:5px; float:left; } #logo h1 { font-size:16px; color:#000; font-weight:bold; padding:0 0 5px 0; text-align:center; letter-spacing:4px; } #logo img { padding:5px 0 0 0 !important; height:58px !important; } #logo p { font-size:68px !important; color:#000 !important; text-align:center; font-weight:bolder; line-height:70px; background-color:#ff4500 !important; } #logo hr { width:96%; height:1px; color:#000000; background-color:#000000; margin-top:0; border-width:0; } .logohdr { font-size:13px !important; font-weight:100 !important; padding:0 0 2px 0 !important; letter-spacing:normal !important; } #toppageimagerotate { width:100%; background-color:#000000; padding-top:0px !important; } #toppageimage { width:100%; background-color:#000000; padding-top:0px !important; } #botline { background-color:#f5f5fc; height:36px; margin-top:30px; } #content { width:100%; background:#ffffff; padding-bottom:0px; clear:both; background-color:#f5f5fc; } #content h1 { font-size:36px; color:#000; margin:22px 58px 20px 58px; text-transform:uppercase; font-weight:bold; padding:10px 0 2px 0; text-align:center } #content h2 { font-size:32px; color:#000; margin:30px 58px 10px 58px; text-transform:uppercase; font-weight:bold; padding:0 0 2px 0; text-decoration:underline; } #content h3 { font-size:28px; color:#000; margin:25px 58px 2px 58px; text-transform:uppercase; font-weight:bold; padding:0 0 2px 0; } #content p { font-size:28px; color:#000; margin:0px 60px 0 60px; padding-left:10px; padding-bottom:10px; } .ulspaced li { padding:5px 0 5px 0; list-style:disc outside none; margin-left:95px; font-size:28px; line-height:140%; font-weight:normal; } .ulspaced li ul li { list-style-image:url('../images/dash.png'); padding: 0 0 3px 0; line-height:100%; margin-bottom:0; margin-left:20px; font-size:28px; font-weight:normal; } .ulclose li { list-style:disc outside none; margin-left:95px; font-size:28px; padding:0 0 0 0; line-height:140%; font-weight:normal; } .uldash li { list-style-image:url('../images/dash.png'); padding: 0 0 3px 0; line-height:100%; margin-bottom:0; margin-left:95px; font-size:28px; font-weight:normal; } .olbold li { list-style:decimal outside none; margin-left:100px; font-size:28px; padding:0 0 0 0; display:list-item; line-height:160%; font-weight:bold; } .olbold li ul li { margin-left:40px; padding:5px 0 5px 0; list-style:disc outside none; font-size:28px; line-height:140%; font-weight:normal; } .olnormal li { list-style:decimal outside none; margin-left:100px; font-size:28px; padding:0 0 0 0; display:list-item; line-height:140%; font-weight:normal; } .intropara { font-weight:bold; font-size:30px; line-height:140%; } .giftalert { font-weight:bold; color:#ff0000; font-size:48px; } .anchor { display: block; height: 0px; margin-top: -0px; visibility: hidden; } #announcements { width:26.5%; } #minicalendar { width:29.5%; } #sitemap { width:36%; } #tbl3col p {margin:0; padding:10px 0 30px 0; font-size:18px !important; } .hd3col:link { color:#000000 !important; font-size:28px; font-weight:bold; text-decoration:underline; } .hd3col:visited { color:#000000 !important; font-size:28px; font-weight:bold; text-decoration:underline; } .hd3col:active { color:#000000 !important; font-size:28px; font-weight:bold; text-decoration:underline; } .hd3col:hover { color:#777777 !important; text-decoration:underline; padding-top:10px; } .hd3col:focus { color:#000000 !important; font-size:28px; font-weight:bold; text-decoration:underline; } } #box1 { } #box2 { } #box3 { } #box4 { } #box5 { } #box6 { } #box7 { } #box8 { } #box9 { } /* Layout Extra */ /* Navigation Extra */ /* Forms */ #form1 { margin:0 0 0 0; } ol li { display:block; padding:20px 0px 5px 0px; } form ol { list-style-type:none; } label { display: block; margin:10px 0 8px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; } input, textarea, select { display: block; width:400px; } input { } textarea { } select { } .submit { padding:5px 20px; width:140px; } /* Miscellaneous */ /* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */ .error, .alert, .notice, .success, .info { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; } .error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; } .notice { background: #fff6bf; color: #514721; border-color: #ffd324; } .success { background: #e6efc2; color: #264409; border-color: #c6d880; } .info { background: #d5edf8; color: #205791; border-color: #92cae4; } .error a { color: #8a1f11; } .alert a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; } .info a { color: #205791; }