/* -------------------------------------------------------------------------- date: [20/11/2009] website: [www.liquidspyglass.com] -----------------------------------------------------------------------------*/ /* Remove default styles -----------------------------------------------------------------------------*/ * { margin: 0; padding: 0; border: 0; } /* (CC) 2004 Tantek Celik. Some Rights Reserved. */ /* http://creativecommons.org/licenses/by/2.0 */ /* This style sheet is licensed under a Creative Commons License. */ /* Purpose: undo some of the default styling of common (X)HTML browsers */ /* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words */ :link, :visited { text-decoration: none; } /* no list-markers by default, since lists are used more often for semantics */ ul, ol { list-style: none; } /* avoid browser default inconsistent heading font-sizes */ /* and pre/code too */ h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; } /* remove the inconsistent (among browsers) default ul,ol padding or margin */ /* the default spacing on headings does not match nor align with normal interline spacing at all, so let's get rid of it. */ /* zero out the spacing around pre, form, body, html, p, blockquote as well */ /* form elements are oddly inconsistent, and not quite CSS emulatable. */ /* nonetheless strip their margin and padding as well */ ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; } /* whoever thought blue linked image borders were a good idea? */ a img, :link img, :visited img { border: none; } /* de-italicize address */ address { font-style: normal; } /* Styles for layout -----------------------------------------------------------------------------*/ .clear { clear: both; } .right { float: right; } .left { float: left; } .orange { background: orange; } /* Default links -----------------------------------------------------------------------------*/ a, a:link, a:visited { color: #f7931d; text-decoration: none; outline: 0; font-size: 100%; } /* these links may be 85% */ a:hover { color: #c30102; text-decoration: underline; font-size: 100%; } a:active { color: #c30102; text-decoration: underline; font-size: 100%; outline: 0; } /* Font specs -----------------------------------------------------------------------------*/ h1, h2 { color: #f7931d; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.0em; line-height: 1.2em; font-weight: bold; margin: 0; padding: 10px 0 6px 0; } h3 { } h4 { } p { color: #f1f1f1; font-family: Verdana, Arial, sans-serif; font-size: 0.9em; line-height: 1.6em; margin: 0 0 8px 0; } /* -----------------------------------------------------------------------------*/ body { background-color: #000; font: 80% Verdana, Arial, Helvetica, sans-serif; color: #f1f1f1; margin: 0; padding: 0; } /* [Page Structure] -----------------------------------------------------------------------------*/ #container { width: 1100px; float: left; } #containerLeft { width: 685px; float: left; } #containerLeftArchive { width: 1140px; float: left; } #containerRight { width: 400px; float: right; } #content { background: #141414; padding: 10px; border-bottom: 5px solid #999; } #archive { width: 685px; border-top: 5px solid #999; margin-bottom: 10px; } #archive2 { width: 1140px; border-top: 5px solid #999; margin-bottom: 10px; } #archive img { padding-left: 10px; } #disclaimer img { float: left; width: 95px; padding-top: 10px; } #disclaimer p { width: 295px; font-size: 0.8em; color: #595959; line-height: 1em; padding: 10px 0 0 10px; float: left; } /* [Images] -----------------------------------------------------------------------------*/ .galleryBox, .galleryBox2 { width: 228px; height: 228px; float: left; } .galleryBox ul { width: 218px; margin: 0; padding: 5px; line-height: 1em; position: relative; top: 191px; } /* 2-line wording */ .galleryBox2 ul { width: 218px; margin: 0; padding: 5px; line-height: 1em; position: relative; top: 179px; } /* 3-line wording */ .galleryBox h2, .galleryBox2 h2 { padding: 0; } .galleryBox p, .galleryBox2 p { font: 0.8em Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #f1f1f1; } #image1 { background: url(../images/img_01.jpg) top left no-repeat; } #image2 { background: url(../images/img_02.jpg) top left no-repeat; } #image3 { background: url(../images/img_03.jpg) top left no-repeat; } #image4 { background: url(../images/img_04.jpg) top left no-repeat; } #image5 { background: url(../images/img_05.jpg) top left no-repeat; } #image6 { background: url(../images/img_06.jpg) top left no-repeat; } #image7 { background: url(../images/img_07.jpg) top left no-repeat; } #image8 { background: url(../images/img_08.jpg) top left no-repeat; } #image9 { background: url(../images/img_09.jpg) top left no-repeat; } #image10 { background: url(../images/img_10.jpg) top left no-repeat; } #image11 { background: url(../images/img_11.jpg) top left no-repeat; } #image12 { background: url(../images/img_12.jpg) top left no-repeat; } #image13 { background: url(../images/img_13.jpg) top left no-repeat; } #image14 { background: url(../images/img_14.jpg) top left no-repeat; } #image15 { background: url(../images/img_15.jpg) top left no-repeat; } #image16 { background: url(../images/img_16.jpg) top left no-repeat; } #image17 { background: url(../images/img_17.jpg) top left no-repeat; } #image18 { background: url(../images/img_18.jpg) top left no-repeat; } #image19 { background: url(../images/img_19.jpg) top left no-repeat; } #image20 { background: url(../images/img_20.jpg) top left no-repeat; } #image21 { background: url(../images/img_21.jpg) top left no-repeat; } #image22 { background: url(../images/img_22.jpg) top left no-repeat; } #image23 { background: url(../images/img_23.jpg) top left no-repeat; } #image24 { background: url(../images/img_24.jpg) top left no-repeat; } #image25 { background: url(../images/img_25.jpg) top left no-repeat; } #image26 { background: url(../images/img_26.jpg) top left no-repeat; } #image27 { background: url(../images/img_27.gif) top left no-repeat; } #image28 { background: url(../images/img_28.jpg) top left no-repeat; } /* [Image Opacity] -----------------------------------------------------------------------------*/ .galleryBox ul.opacity, .galleryBox2 ul.opacity { background: #141414 bottom left no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; } .galleryBox ul.opacity:hover, .galleryBox2 ul.opacity:hover { background: #141414 bottom left no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 0.9;} /* [Miscellaneous] -----------------------------------------------------------------------------*/ .capitalize { text-transform: uppercase; } ul.stylizedList { font-size: 0.9em; line-height: 1.6em; margin: 0 0 8px 0; } ul.stylizedList li { background: url(../images/bullet.gif) top left no-repeat; padding-left: 20px; }