/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }body { background-color: #000; color: #000; margin: 0; padding: 0; font-family: 'Droid Serif', sans-serif; } a { color: #02F; text-decoration: underline; } /* * main page blocks */ div#wrapper { width: 950px; margin: 0 auto; background-color: #000; } div#header, div#footer { clear: both; width: 100%; margin: 0 auto; background-color: #332211; } div#footer { border-top: 2px solid #a5a596; } div#feature { clear: both; background: #e5e5ce; border-top: 2px solid #a5a596; padding: 0; } div#header h1 { font-size: 13px; font-weight: bold; line-height: 28px; margin: 0; padding: 0; color: #FC0; font-variant: small-caps; text-align: right; text-shadow: 2px 2px 1px #000; } div#content { clear: both; background: #FFF; border-top: 2px solid #a5a596; width: 750px; min-height: 600px; float: left; } div#contentwrap { background: #FFF; } div.gutter { margin: 0; padding: 15px; } div#sidebar { background-color: #FFF; border-top: 2px solid #a5a596; width: 200px; float: right; background: #FFF; } /* * navigation (top & bottom) */ #header a, #footer a { color: #FF0; display: block; float: left; margin: 0px; padding: 0px 50px 0px 0px; text-decoration: none; background-color: transparent; font-size: 18px; line-height: 18px; font-weight: bold; text-shadow: 2px 2px 2px #000; } #header a:hover, #footer a:hover { text-shadow: 1px 1px 1px #000, -1px -1px 0px #FF0; } #footer p { clear: both; color: #FFF; font-size: 80%; margin: 20px; } /* * text styles */ #content p { line-height: 21px; font-size: 14px; margin: 7px 0px; padding: 7px 0px; } #feature h2, #content h2, #feature h3, #content h3 { color: #000!important; font-size: 20px; line-height:22px; font-weight: 700; margin: 0; padding: 0; text-shadow: 0px 1px 3px #CCC; } #feature h2 a, #content h2 a { color: #000; text-decoration: none; } /* * contact form */ #contact { font-family: Verdana, Sans-serif; font-size: 13px; color: #000; } #contact div { margin: 5px; } #contact label { display: block; margin: 0; padding: 0; } #contact input { border: 1px solid #000; margin: 0; } /* * breadcrumbs */ #crumbs { margin: 0px 0px 15px 0px; padding: 0; font-size: 11px; } /* * sitemap */ dl#sitemap { line-height: 22px; font-size: 14px; } dl#sitemap dt { font-weight: bold; } dl#sitemap dd { margin-left: 15px; } p.copyright { background-color: #000; color: #999; margin: 20px 0px; padding: 0; text-align: right; } #categories { margin: 20px 0 0 0; } #categories dt { color: #000; font-weight: 700; margin: 0; padding: 0; } #categories dd { color: #333; margin: 0; padding: 0; font-size: 13px; line-height: 16px; } #categories dd a { color: #057; display: block; text-decoration: none; border: 1px solid #FFF; } #categories dd a:hover { color: #000; background: #FC0; border: 1px solid #00F; } #archives { margin: 20px 0 0 0; } #archives dt { color: #000; font-weight: 700; margin: 0; padding: 0; } #archives dd { color: #333; margin: 0; padding: 0; font-size: 13px; line-height: 16px; } #archives dd a { color: #057; display: block; text-decoration: none; border: 1px solid #FFF; } #archives dd a:hover { color: #000; background: #FC0; border: 1px solid #00F; } #minical { margin:0; height:155px; background:#EEE; } #minical .caltop { background:#CCC; height:16px; margin:0px; text-align:center; padding:2px; } #minical .next { float:left; width:40px; padding-right:2px; text-align:right; } #minical .prev { float:left; width:40px; padding-left:2px; } #minical .next a,#minical .prev a { color:#000; font-family:Sans-serif; font-size:14px; font-weight:700; text-decoration:none; } #minical .monthyear { color:#000; float:left; font-family:Sans-serif; font-size:11px; font-weight:700; text-align:center; } #minical .day { background-color:#EEE; float:left; font-family:Sans-serif; font-size:10px; font-weight:700; text-align:center; width:27px; height:16px; margin: 0; padding:1px 0px; } #minical .today { background-color:#F99; } #minical .blank { background-color:transparent; } #blog dl { color: #000; font-size: 13px; margin: 10px 0; padding: 0; } #blog dl dt a { color: #660; text-decoration: underline; } #blog dl dt a:hover { color: #630; } #blog dl dt dd { font-size: 80%; padding: 0; } div.BlogBody p.title, div.BlogBody h1 { font-size: 14px!important; font-weight: bold!important; line-height: 24px!important; margin: 0 0 0 0!important; padding: 5px 10px!important; background-color:#DDD!important; } div.entry { text-align: justify; margin: 10px 20px; font-size: .84em; line-height: 2em; } div.entry ul, div.entry ol { line-height: 13px; } p.date { text-align: left!important; color: #555!important; font-variant: small-caps!important; font-weight: 400!important; border-top: 1px dotted #CCC!important; margin: 10px 0px!important; padding: 0px 5px 0px 5px!important; line-height:12px; font-size:11px; } p.back, p.entry { font-size: 13px; font-weight: 700; line-height: 13px; margin: 0; padding: 0 0 0 10px; } p.back a, p.entry a { font-variant: small-caps; letter-spacing: 2px; padding-left: 5px; padding-right: 5px; } form#BlogComment { font-size: 11px; margin: 0; padding:0; } form#BlogComment fieldset { border: 1px solid #CCC; padding: 10px; margin: 0; } form#BlogComment legend { font-weight: 700; padding: 5px; background: #FFF; } form#BlogComment input.submit { margin-left: 50px; width: 150px; } form#BlogComment .input { border: 1px solid #CCC; display: block; width: 500px; } form#BlogComment textarea { display: block; float: none; width: 100px; height: 125px; } form#BlogComment div { clear: both; margin: 5px 0px; padding: 5px 0px; } form#BlogComment label { color: #000; display: block; float: left; padding-right: 5px; text-align: right; width: 120px; font-size:12px; } form#BlogComment label.required { background-image: url(images/asterisk.png); background-position: 48px 0; background-repeat: no-repeat; } form#BlogAdmin { font-size: 11px; width: 600px; } form#BlogAdmin input.submit { margin-left: 20px; width: 150px; } form#BlogAdmin .input { border: 2px solid #6B512E; display: block; margin-left: 55px; width: 670px; } form#BlogAdmin label { color: #000; display: block; float: left; padding-right: 5px; text-align: right; width: 50px; } form#BlogAdmin fieldset { border: 2px solid #6B512E; width: 735px; padding: 10px; } form#BlogAdmin legend { background: #6B512E; color: #FFF; font-size: 12px; font-weight: 700; padding: 5px; } p.CommentsTitle { font-size: 16px; font-variant: small-caps; letter-spacing: 3px; line-height: 24px; margin: 0; padding: 0 0 0 10px; } .Comments { border-top: 1px solid #CCC;; padding:0px 10px; } p.CommentsCred { padding:0px 10px; color: #999; font-size: smaller; } p.code { text-align: left!important; font-family: monospace!important; font-size: 11px!important; color: #000!important; line-height: 15px!important; background-color: #FFC!important; margin:20px 0px!important; padding: 2px 4px!important; border: 1px dotted #999!important } div.BlogWrapper { margin: 0 0 50px 0; padding: 0; border: 1px solid #DDD; } div.BlogFooter, div.BlogHeader, .replace span, #comments { display: none; } div.entry strong { font-weight: bold; } div.commentsdiv { margin: 0px 0px 40px 0px; } div.flickr { display: block; font-family: Verdana, Arial, Sans-serif; font-size: 13px; color: #000; clear: left; border-top: 1px dotted #CCC; margin: 5px 0; padding: 0; } div.flickr div.image { display: block; float: left; width: 240px; text-align: right; margin-right: 10px; } div.flickr div.image img { border: none; } div.flickr div.title { font-weight: 700; padding: 5px 0 0; } div.flickr div.description { margin: 10px; } p.flickrsort { margin: .5em; padding: .5em; } p.flickrsort a { color: #00F; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff;} #colorbox{} #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 0;} #cboxTopCenter{height:25px; background:url(images/border1.png) repeat-x 0 -50px;} #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px 0;} #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 -25px;} #cboxBottomCenter{height:25px; background:url(images/border1.png) repeat-x 0 -75px;} #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px -25px;} #cboxMiddleLeft{width:25px; background:url(images/border2.png) repeat-y 0 0;} #cboxMiddleRight{width:25px; background:url(images/border2.png) repeat-y -25px 0;} #cboxContent{background:#fff; overflow:hidden;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:20px;} #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;} #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;} #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to IE9. */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 */ .cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }