/* ================================ Berry Powered - http://www.berrydigital.com.au ================================ */ @import url(http://fonts.googleapis.com/css?family=Overlock); body { padding:0; margin:0; } #Body { background: url(media/pagemaster.jpg) repeat-x top #e2e2e2; } html { overflow-y: scroll; } h1, h2, h3 { color: #4E9D41; font-family: Calibri, Arial, Helvetica, sans-serif; font-weight: normal; } h1 { font-size: 28px; line-height: 36px; } h2 { font-size: 26px; line-height: 32px; } h3 { font-size: 24px; line-height: 28px; } img { border: 0; max-width:100%; } hr { color: #cccccc; background: #cccccc; margin: 10px 0; height: 1px; border: 0; } td, p, .Normal, .normal { font-family: 'Overlock', cursive; font-size:18px; font-weight:300; line-height: 1.5em; color: #333333; } a:link, a:active, a:visited { color: #4E9D41; text-decoration: underline; } a:hover { text-decoration: none; } ul li { list-style-type: disc; } .SubHead, .SubSubHead { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #2b2b2b; font-size:14px; } .SkinObject { font-family: Arial, Helvetica, sans-serif; color:#2b2b2b; font-weight: bold; } a.SkinObject:link, a.SkinObject:active, a.SkinObject:visited { font-family: Arial, Helvetica, sans-serif; color:#2b2b2b; text-decoration: none; font-weight: bold; } a.SkinObject:hover { text-decoration: underline; } .pagemaster { width: 100%; } .address a { color: #ffffff; } .homebuttons { clear:both; } .maincontent { clear:both; width: 100%; margin: 0; } .panecontent { padding: 0; text-align: left; } /* Pane Styles */ .DNNEmptyPane { width:0; padding:0; margin:0; } /* Form Master */ .contactform td { padding: 5px; } .contactform .SkinObject { color:#333333; font-weight: bold; font-size: 14px; } .contactform input.NormalTextBox, .contactform textarea, .contactform select { border: 1px solid #666666; margin: 0 0 8px 12px; padding: 5px; border-radius: 3px 3px 3px 3px; } .dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction { color: #ffffff!important; text-decoration: none!important; } .dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span { color: #555555!important; text-decoration: none!important; } /*stop fading on hover in edit mode*/ .dnnEditState .DnnModule { opacity: 1.0; } @media only screen and (min-width: 980px) /* Full Width */ { .header { width:100%; height: 214px; } .headerhold { width: 980px; height: 214px; margin: 0 auto; } .address { clear:both; width: 980px; height: 70px; background: url(media/address.jpg) repeat-x top; color: #ffffff; text-align: center; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 20px; text-transform: uppercase; line-height: 70px; font-weight: 500; } .logohold { float: left; text-align: left; width: 400px; height: 144px; } .leaderboard { float: right; width: 468px; margin: 0; text-align: right; } .conhold { margin: 0 auto; width: 980px; background: #ffffff; overflow: auto; } .conpos { padding: 40px; } .footer { clear:both; width: 980px; margin: 0 auto; height: 70px; background: url(media/address.jpg) repeat-x top; color: #ffffff; text-align: center; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; line-height: 70px; font-weight: 500; } .foottxt, a.foottxt:link, a.foottxt:active, a.foottxt:visited { line-height:70px; font-size: 16px; text-decoration: none; color: #ffffff; text-transform: uppercase; } a.foottxt:hover { text-decoration: underline; } .loginlink, a.loginlink:link, a.loginlink:active, a.loginlink:visited { line-height:70px; font-size: 16px; text-decoration: none; color: #131313; text-transform: uppercase; } a.loginlink:hover { text-decoration: underline; color: #cccccc; } .headline { margin: 0 0 40px 0; overflow: hidden; } .headline h1 { float: left; width: 300px; font-size: 48px; line-height: 50px; margin: 0; color: #2856a3; } .headline h1 span.green { color: #4E9D41; } .headline p { overflow: auto; margin: 10px 0 0 0; } .rowleft, .rowright { margin: 0 0 40px 0; overflow:auto; } .rowleft { float: left; } .rowright { float: right; } .apm, .artworld, .prints, .promo { display: block; width: 430px; height: 253px; } .apm { background: url(https://newer.chamton.com/portals/_default/skins/chamton/media/media/apm1.jpg) no-repeat top left; } .artworld { background: url(https://newer.chamton.com/portals/_default/skins/chamton/media/artworld01.jpg) no-repeat top left; } .prints { background: url(https://newer.chamton.com/portals/_default/skins/chamton/media/media/prints02.jpg) no-repeat top left; } .promo { background: url(https://newer.chamton.com/portals/_default/skins/chamton/media/media/promo.jpg) no-repeat top left; } .apm:hover { background: url(https://newer.chamton.com/portals/_default/skins/chamton/media/media/apmhover1.jpg) no-repeat top left; } .artworld:hover { background: url(https://newer.chamton.com/portals/_default/skins/chamton/media/media/artworldhover01.jpg) no-repeat top left; } .prints:hover { background: url(https://newer.chamton.com/portals/_default/skins/chamton/media/media/printshover02.jpg) no-repeat top left; } .promo:hover { background: url(https://newer.chamton.com/portals/_default/skins/chamton/media/media/promohover.jpg) no-repeat top left; } /* Preloading hover images */ .apmpre { background: url(media/apmhover.jpg) no-repeat -9999px -9999px; } .artworldpre { background: url(https://newer.chamton.com/portals/_default/skins/chamton/media/media/artworldhover01.jpg) no-repeat -9999px -9999px; } .printspre { background: url(https://newer.chamton.com/portals/_default/skins/chamton/media/media/printshover02.jpg) no-repeat -9999px -9999px; } .promopre { background: url(https://newer.chamton.com/portals/_default/skins/chamton/media/media/promohover.jpg) no-repeat -9999px -9999px; } .contactform input.NormalTextBox, .contactform textarea, .contactform select.NormalTextBox { width: 200px; } } @media only screen and (min-width: 768px) /* Tablet and Full Width */ { .contactus { display:block; float:right; width: 178px; height: 42px; background: url(media/contactus.gif) no-repeat top left; margin: 50px 0 0 0; } } @media (min-width: 768px) and (max-width: 979px) /* Tablet Only */ { .logohold { float: left; text-align: left; width: 400px; height: 144px; } .leaderboard { float: right; width: 200px; margin: 0; text-align: right; } .address { font-size: 18px; } .conpos { padding: 4%; } .rowleft, .rowright { clear:both; overflow:auto; } .apm, .artworld, .prints, .promo { display: block; width: 430px; height: 253px; margin: 0 auto 20px auto; } .apm { background: url(media/apm.jpg) no-repeat top left; } .artworld { background: url(media/artworld01.jpg) no-repeat top left; } .prints { background: url(media/prints02.jpg) no-repeat top left; } .promo { background: url(media/promo.jpg) no-repeat top left; } } @media only screen and (max-width: 979px) /* Tablet and Smart Phone */ { .header { width:100%; overflow:auto; } .headerhold { width: 96%; overflow:auto; margin: 0 auto; } .address { clear:both; width: 100%; overflow:auto; background: url(media/address.jpg) repeat-x bottom #131313; color: #ffffff; text-align: center; font-family: Calibri, Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 30px; font-weight: 500; padding: 2% 0; } .conhold { margin: 0 auto; width:96%; background: #ffffff; overflow: auto; } .footer { clear:both; width: 96%; margin: 0 auto; overflow:auto; background: url(media/address.jpg) repeat-x bottom #131313; color: #ffffff; text-align: center; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; line-height: 30px; font-weight: 500; padding: 1% 0; } .foottxt, a.foottxt:link, a.foottxt:active, a.foottxt:visited { line-height:30px; font-size: 16px; text-decoration: none; color: #ffffff; text-transform: uppercase; } a.foottxt:hover { text-decoration: underline; } .loginlink, a.loginlink:link, a.loginlink:active, a.loginlink:visited { line-height:30px; font-size: 16px; text-decoration: none; color: #131313; text-transform: uppercase; } a.loginlink:hover { text-decoration: underline; color: #cccccc; } .apmpre, .artworldpre, .printspre, .promopre { display: none; } .contactform input.NormalTextBox, .contactform textarea, .contactform select.NormalTextBox { width: 96%; } } @media only screen and (max-width: 767px) /* Smart Phone Only */ { .logohold { clear:both; margin: 0 auto; width: 100%; text-align: center; } .leaderboard { clear:both; margin: 0 auto; width: 100%; text-align: center; } .address { font-size: 16px; } .contactus { display:block; width: 178px; height: 42px; background: url(media/contactus.gif) no-repeat top left; margin: 0 auto 2% auto; } .conpos { padding: 8%; } .rowleft, .rowright { display: inline-block; position: relative; width: 100%; } .dummy { margin-top: 60%; } .apm, .artworld, .prints, .promo { overflow: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: contain; max-width: 430px; } .apm { background-image: url(media/apm.jpg); } .artworld { background-image: url(media/artworld01.jpg); } .prints { background-image: url(media/prints02.jpg); } .promo { background-image: url(media/promo.jpg); } } /* Admin Horizontal Menu */ /* Root items */ #madmin { height: 26px; margin:0 auto; z-index:99; background: #5e6a77; } #madmin ul { float: left; width: 100%; list-style: none; margin: 0; padding: 0; } #madmin a { display: block; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; padding: 0; background:none; font-style: normal; line-height:25px; } #madmin li { float: left; padding: 0; background:none; list-style: none; z-index:99; } #madmin ul li { float: left; text-align:center; padding: 0; background:none; } /* Top Level */ #madmin ul li.tab { margin: 0; padding:0; } #madmin ul li.tab a { padding:0px 14px; text-decoration:none; font-weight: bold; color:#ffffff; border-right: 1px solid #ffffff; } #madmin ul li.tab ul.nontab li a:hover, #madmin ul li.tab a:hover { color:#ffffff; } #madmin li.tab:hover, #madmin ul li.sfhover { color:#ffffff; } #madmin li.tab:hover a, #madmin ul li.sfhover a { color:#ffffff; } /* Classes for selected state in Top Menu */ #madmin ul li.tab_selected { padding:0; background: #3f6a91; } #madmin ul li.tab_selected a { padding:0px 14px; text-decoration:none; font-weight: bold; color:#ffffff; border-right: 1px solid #ffffff; } #madmin ul li.tab_selected a:hover { } #madmin li.tab_selected:hover { } /* Code for Disabled Tabs */ #madmin ul li.tab_selected .SelectedItem { display: block; line-height:26px; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; padding:0px 14px; text-decoration:none; font-weight: bold; color:#ffffff; border-right: 1px solid #ffffff; } #madmin ul li.tab_selected .SelectedItem:hover { color:#ffffff; } #madmin ul li.tab_selected span.SelectedItem { cursor: default; } #madmin ul li.tab span { display: block; line-height:26px; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; padding:0px 14px; text-decoration:none; font-weight: bold; color:#ffffff; border-right: 1px solid #ffffff; } #madmin ul li.tab span:hover { color:#ffffff; } /* Second Level */ #madmin ul li.tab ul { background: #8a8a8a; width: 200px; z-index: 9999; } #madmin ul li.tab ul.nontab { } #madmin ul li.tab ul.nontab li a, #madmin ul li.tab ul.nontab li span, #madmin ul li.tab ul.nontab li .hasChildren { display: block; padding: 0 5px 0 10px; background:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-right:0; color:#ffffff!important; text-transform:none; line-height: 24px; font-weight: bold; } #madmin ul li.tab ul.nontab li span { cursor: default; } #madmin ul li.tab ul.nontab li a.parent { } #madmin li li { width: 200px; } #madmin li ul a { text-align:left; background:none; } #madmin ul li ul { border: 1px solid #cccccc; } #madmin ul li ul li { text-align:left; border:none; margin-left:0; } #madmin li ul { position: absolute; left: -999em; height: auto; margin: 0; padding: 0; } #madmin li:hover ul ul, #madmin li:hover ul ul ul, #madmin li.sfhover ul ul, #madmin li.sfhover ul ul ul { float: none; left: -999em; } #madmin li:hover ul, #madmin li li:hover ul, #madmin li li li:hover ul, #madmin li.sfhover ul, #madmin li li.sfhover ul, #madmin li li li.sfhover ul { float: none; left: auto; } #madmin ul li ul li:hover, #madmin ul li ul li.sfhover, #madmin ul li.tab_selected ul li:hover .SelectedItem { background: #5e5e5e; } /* Classes for selected state in sub menus, generally same as normal sub menu */ #madmin ul li.tab_selected ul { margin:0; padding:0; background:#8a8a8a; width: 200px; z-index: 9999; } #madmin ul li.tab_selected ul li a, #madmin ul li.tab_selected ul li span, #madmin ul li.tab_selected ul.nontab li .hasChildren { display: block; padding: 0 5px 0 10px; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#ffffff; background:none; border-right:0; text-transform:none; line-height: 24px; font-weight: bold; } #madmin ul li.tab_selected ul li span { cursor: default; } #madmin ul li.tab_selected ul li .SelectedItem { background: #8a8a8a; } #madmin ul li.tab_selected a:hover { color: #ffffff; } #madmin ul li.tab_selected ul.nontab { } #madmin ul li.tab_selected ul li .SelectedItem { display: block; padding: 0 5px 0 10px; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#ffffff; border-right:0; text-transform:none; line-height: 24px; font-weight: bold; } /* Third Level */ #madmin li ul ul { margin: -25px 0 0 200px; } #madmin li.tab_selected ul ul { margin: -25px 0 0 200px; }