/*////////////////////////////////////////////////////////// // Copyright Biard Productions Inc. // //////////////////////////////////////////////////////////*/ /* Useful Tips: 1.) To center layers inside the page wrapper or within an other layer, use {margin: 0 auto;}. 2.) Vertical margins are not additive, they collapse and will use the greatest of the 2 margins. 3.) When styling links, use pseudo-classes in this order: :link, :visited, :focus, :hover, :active. 4.) You can use the :focus pseudo-class on form textfields for an effect of active selection. */ /* CSS RESET AND FIXES */ html, body, div, span, table, tbody, thead, tfoot, tr, th, td, img, p, a, ol, ul, li, /* Adapted From Meyer's Reset (Reference: http://meyerweb.com/eric/tools/css/reset) */ fieldset, form, label, legend {font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; padding: 0; margin: 0; border: 0;} /* Forces broken images to show as placeholders even if they have ALT text */ img {-moz-force-broken-image-icon: 1;} ol, ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} th, td {font-weight: normal; text-align: left;} /* Clearfix. Reference: http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .clearfix {display: inline-block;} /* Clearfix. Start Commented Backslash Hack \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* Clearfix. Close Commented Backslash Hack */ /* ELEMENTS DEFAULT STYLES */ body {color: #FC0; background: #191919 url('/images/bg.gif'); font-family: Verdana, Geneva, sans-serif; font-weight: normal; font-size: 12px; text-align: center;} a:link {color: #FFFFFF; font-weight: bold; text-decoration: none;} a:visited {color: #FFFFFF; font-weight: bold; text-decoration: none;} a:hover {color: #FFFFFF; font-weight: bold; text-decoration: underline;} a:active {color: #FFFFFF; font-weight: bold; text-decoration: none;} input.textfield,textarea {color: #222222; background-color: #eeeeee; border: 2px solid #666666; padding: 2px; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 110%;} button {color: #eeeeee; background-color: #111111; border-top: 2px solid #666666; border-left: 2px solid #666666; border-bottom: 2px solid #222222; border-right: 2px solid #222222; padding: 1px 8px;} button:active {color: #eeeeee; background-color: #111111; border-top: 2px solid #222222; border-left: 2px solid #222222; border-bottom: 2px solid #666666; border-right: 2px solid #666666; padding: 1px 8px;} /* SITE-SPECIFIC */ #wrapper {width: 920px; position: relative; text-align: left; margin: 0 auto;} #gals {} #search_box {margin: 10px 1px;} #search_box .search_input {margin: 10px 0; text-align: center;} #search_box .textfield {width: 200px; margin-right: 3px;} #search_box .search_options {margin: 10px 0; text-align: center;} #search_box .search_options span {margin: 0 10px;} #footer {text-align: center; padding-top: 35px;} /* SITEBUILDER-SPECIFIC */ .search-error-head {display: none;} .search-error-head-left {display: none;} .search-error-head-right {display: none;} .search-error-foot {display: none;} .search-error-foot-left {display: none;} .search-error-foot-right {display: none;} .search-error {text-align: center; background-color: #111111; border: 1px solid #333333; padding: 20px 0; margin: 10px 1px 20px;} #gals div.head {margin: 3px 0;} #gals div.head div.title {float: left; font-size: 15px; font-weight: bold; text-align: left;} #gals div.head div.pagination {float: right;} #gals div.head div.pagination ul {} #gals div.head div.pagination li {float: left; list-style-type: none; display: inline; margin-right: 2px;} #gals div.head div.pagination li.last {list-style-type: none; display: inline; margin-right: 0;} #gals div.head div.pagination li.title {color: #ffffff; font-weight: bold; text-decoration: none; background-color: #111111; border: 1px solid #333333; padding: 3px 5px; display: inline-block;} #gals div.head div.pagination li.disabled {color: #ffffff; font-weight: bold; text-decoration: none; background-color: #111111; border: 1px solid #333333; padding: 3px 5px; display: inline-block;} #gals div.head div.pagination li.current {color: #111111; font-weight: bold; text-decoration: none; background-color: #ffffff; border: 1px solid #aaaaaa; padding: 3px 5px; display: inline-block;} #gals div.head div.pagination li a:link {color: #ffffff; font-weight: bold; text-decoration: none; background-color: #111111; border: 1px solid #333333; padding: 3px 5px; display: inline-block;} #gals div.head div.pagination li a:visited {color: #ffffff; font-weight: bold; text-decoration: none; background-color: #111111; border: 1px solid #333333; padding: 3px 5px; display: inline-block;} #gals div.head div.pagination li a:hover {color: #3b1e00; font-weight: bold; text-decoration: none; background-color: #ffcc00; border: 1px solid #ffac00; padding: 3px 5px; display: inline-block;} #gals div.head div.pagination li a:active {color: #3b1e00; font-weight: bold; text-decoration: none; background-color: #ffcc00; border: 1px solid #ffac00; padding: 3px 5px; display: inline-block;} #gals div.body {width: 100%;} #gals div.body div.thumbs {float: left; margin: 1px; display: inline;} #gals div.body div.thumbs img {border: 1px solid #333333;} #gals div.body div.thumbs a:hover img {border: 1px solid #333333;} #gals div.foot {margin: 3px 0;} #gals div.foot div.left {display: none;} #gals div.foot div.right {display: none;} #gals div.foot div.pagination {float: left; display: inline; position: relative; left: 50%; padding: 5px 0 0 0;} #gals div.foot div.pagination ul {position: relative; right: 50%;} #gals div.foot div.pagination li {float: left; position: relative; display: inline; margin-right: 2px;} #gals div.foot div.pagination li.last {margin-right: 0;} #gals div.foot div.pagination li.title {color: #ffffff; font-weight: bold; text-decoration: none; background-color: #111111; border: 1px solid #333333; padding: 3px 5px; display: inline-block;} #gals div.foot div.pagination li.disabled {color: #ffffff; font-weight: bold; text-decoration: none; background-color: #111111; border: 1px solid #333333; padding: 3px 5px; display: inline-block;} #gals div.foot div.pagination li.current {color: #111111; font-weight: bold; text-decoration: none; background-color: #ffffff; border: 1px solid #aaaaaa; padding: 3px 5px; display: inline-block;} #gals div.foot div.pagination li a:link {color: #ffffff; font-weight: bold; text-decoration: none; background-color: #111111; border: 1px solid #333333; padding: 3px 5px; display: inline-block;} #gals div.foot div.pagination li a:visited {color: #ffffff; font-weight: bold; text-decoration: none; background-color: #111111; border: 1px solid #333333; padding: 3px 5px; display: inline-block;} #gals div.foot div.pagination li a:hover {color: #3b1e00; font-weight: bold; text-decoration: none; background-color: #ffcc00; border: 1px solid #ffac00; padding: 3px 5px; display: inline-block;} #gals div.foot div.pagination li a:active {color: #3b1e00; font-weight: bold; text-decoration: none; background-color: #ffcc00; border: 1px solid #ffac00; padding: 3px 5px; display: inline-block;}