/***************************************************************************************/ /* COMMON LAYOUT */ /***************************************************************************************/ html,body,div,table,tr,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */ * { font-family: arial, helvietica, san-serif; } /* Default font for all items */ * { -moz-box-sizing:border-box; box-sizing:border-box; } /* Forces IE & IE to treat padding the same */ html { min-height: 100%; height: 100%; } /* Set height to 100% + 1px to force scroll bar in FF */ #ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */ .clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */ body { margin: 0px 0px 0px 0px; height: 100%; } hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; } input, textarea, select, select * { color: #333333; font-size: 12px; font-family: arial, helvietica, san-serif; } textarea { padding: 2px; } ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; } ul li { list-style-type: square; } .bordered { border: 1px solid #33CCFF; } h1, h2, h3, h4, h5 { font-family: arial, helvietica, san-serif; font-weight: bold; } h1 { color: #df1c85; font-size: 12px; margin: 0px 0px 10px 0px; font-weight: normal; } h1 a { color: #df1c85; text-decoration: none; } h2 { color: #000000; font-size: 14px; margin: 0px 0px 15px 0px; } h3 { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; } p { margin: 0px 0px 12px 0px; } p, table, td, div, a, div { color: #555555; font-size: 12px; line-height: 17px; } a { color: #000000; font: normal 12px Verdana; text-decoration: none; line-height: 17px; } a:hover { text-decoration: none; color: #df1c85; } .pink { color: #df1c85; } /***************************************************************************************/ /* SPECIFIC TO THIS LAYOUT */ /***************************************************************************************/ #main { height: 100%; background: #FFFFFF; width: 100%; } #left { width: 146px; padding-left: 20px; padding-top: 22px; vertical-align: top; } #body { width: 825px; } #header { margin-top: 15px; margin-bottom: 35px; width: 1000px; } #content { margin-right: 15px; margin-left: 0px; } /* #logo a { color: #df1c85; font-family: Arial; font-size: 35px; margin-left: 15px; letter-spacing: 0.05em; float: left; width: 300px; line-height: 32px; } #logo a span { color: #333333; } #logo a:hover { text-decoration: none; color: #333333; } #logo a:hover span { text-decoration: none; color: #df1c85; } */ #logo { float: left; border: none; margin-left: 15px; margin-top: 2px; } #headerRight { float: right; text-align: right; width: 510px; margin-top: 6px; font-family: arial, helvietica, san-serif; color: #000000; } #headerRight a { font-size: 12px; color: #000000; font-family: arial, helvietica, san-serif; } #headerRight a:hover { color: #df1c85; } #nav { margin-left: 0px; } #nav li span { padding-left: 12px; display: block; color: #000000;} #nav li, #nav a { list-style-type: none; font-family: arial, helvietica, san-serif ; font-size: 11px; line-height: 16px; color: #666; } #nav li a:hover { color: #df1c85; } #nav li.o span { background: url('../images/arrow2.gif') no-repeat top left; } #nav li ul li { padding-left: 0px; } #nav li ul { margin-bottom: 10px; margin-left: 0px; } #nav li ul li { line-height: 13px; margin-left: 0px; padding-left: 0px; } #nav li ul li a { font-weight: normal; font-family: arial, helvietica, san-serif ; color: #666666; font-size: 11px; line-height: 13px; padding-left: 12px; } #nav li ul li a:hover, #nav li ul li a.o { background: url('../images/arrow.gif') no-repeat top left; } #nav li ul li ul { margin-bottom: 5px; margin-left: 0px; } #nav li ul li ul li { line-height: 13px; margin-left: 13px; } #nav li ul li ul li a { font-weight: normal; font-family: arial, helvietica, san-serif; color: #666666; font-size: 13px; line-height: 14px; } #nav li ul li ul li a.o { color: #000000; background: none; color: #df1c85; } #nav li ul li ul li a:hover { background: none; margin-left: 0px; } #footer { height: 26px; border-color: #BBBBBB; border-width: 1px; border-top-style: solid; } #footerLeft { float: left; width: 300px; font-size: 11px; margin-left: 10px; line-height: 26px; } #footerRight { float: right; text-align: right; font-size: 11px; width: 300px; margin-right: 10px; line-height: 26px; } #footerLeft a, #footerRight { font-size: 11px; } #motioncontainer { /*margin:0 auto; Uncomment this line if you wish to center the gallery on page */ width: 100%; /* Set to gallery width, in px or percentage */ height: 500px; /* Set to gallery height */ } #motioncontainer a img { border: 1px solid #cccccc; /* Set image border color */ } #motioncontainer a:hover img { border: 1px solid navy; /* Set image border hover color */ } #statusdiv { background-color: lightyellow; border: 1px solid gray; padding: 2px; position: absolute; /* Stop Editing Gallery Styles */ left: -300px; visibility: hidden; } #motioncontainer a:hover { color: red; /* Dummy definition to overcome IE bug */ } #imgNums { margin-top: 10px; margin-left: -3px; } .imgNumber { padding: 6px 6px 6px 6px; color: #666666; font-size: 14px; font-family: arial, helvietica, san-serif ; text-decoration: none; float: left; } .imgNumber:hover, .imgNumberOver { padding: 6px 6px 6px 6px; color: #df1c85; font-size: 14px; font-family: arial, helvietica, san-serif ; font-family: arial, helvietica, san-serif ; text-decoration: none; text-decoration: none; float: left; } #galleries { margin-top: 20px; margin-left: 60px; color: #666666; font-size: 16px; font-family: arial, helvietica, san-serif; font-weight: bold; } #galleries a { color: #666666; font-size: 16px; font-family: arial, helvietica, san-serif ; font-weight: bold; text-decoration: none; } #galleries a:hover { color: #000000; font-size: 14px; font-family: arial, helvietica, san-serif ; font-size: 16px; ; } #trueContainer img { padding-right: 10px; background: #FFFFFF;cursor: hand; cursor: pointer; } /* End Gallery Styles */ .artistName { font-size: 12px; line-height: 18px; } .artistCategory { color: #df1c85; font-size: 12px; line-height: 18px; } #artistPortfolioNav a { margin-right: 10px; } #artistPortfolioNav a:hover, #artistPortfolioNav a.o { text-decoration: none; color: #df1c85; } #artistDynamicTitle { color: #555555; font-weight: bold; } #artistDynamicDescription { height: 100px; color: #555555; } .artistPortfolioThumb { width: 181px; height: 270px; float: left; } .artistPortfolioThumb a { text-decoration: none; } .artistPortfolioThumb a img { border: none; } .artistPortfolioThumb a span { color: #333333; font-size: 12px; text-decoration: none; display: block; line-height: 14px; text-align: center; } .artistPortfolioThumb a:hover { } .artistPortfolioThumb a:hover img { } .artistPortfolioThumb a:hover span { color: #df1c85; } .frm { } .frm th { font-weight: normal; text-align: left; padding-right: 10px; } .frm td, .frm th { padding-bottom: 4px; }