/* --------- /stylesheets/reset.css --------- */ /* -------------------------------------------------------------- Boilerplate reset.css * Resets default browser CSS. -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1.5; background: #fff; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /* Removes Firefox imposed outline */ a { outline: none; } /* Clearing floats without extra markup */ .wrapper { display: inline-block; } .wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .wrapper { height: 1%; } .wrapper { display: block; } /* --------- /stylesheets/public/type.css --------- */ /* -------------------------------------------------------------- Boilerplate typography.css * Sets up some sensible default typography. -------------------------------------------------------------- */ /* This is where you set your desired font size. The line-heights and vertical margins are automatically calculated from this. The percentage is of 16px (0.75 * 16px = 12px). */ body { font-size: 75%; color:#4e4a48; } /* Default fonts and colors. */ body { font-family: Helvetica, Arial, sans-serif; } h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; } /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: bold; } h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.25em; } h2 { font-size: 2em; line-height: 1.125em; margin-bottom: 0.375em; } h3 { font-size: 1.5em; line-height: 1em; margin-bottom: .5em; } h4 { font-size: 1.25em; line-height: 1.2em; margin-bottom: .6em; } h5 { font-size: 1em; line-height:1.5em; margin-bottom: .75em; } h6 { font-size: .8333em; line-height:1.8em;} /* Text elements -------------------------------------------------------------- */ p { margin: 0 0 1.5em; } ul, ol { margin: 0 1.5em 1.5em 1.5em; } ul { list-style-type: circle; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dl dd { margin-left: 1.5em; } abbr, acronym { border-bottom: 1px dotted #000; } address { margin-top: 1.5em; font-style: italic; } del { color: #000; } a { color: #FF4800; text-decoration:none; font-weight:bold;} a:hover { color:#FB0000; border-bottom:0;} blockquote { margin: 1.5em; } strong { font-weight: bold; } em, dfn { font-style: italic; } dfn { font-weight: bold; } pre, code { margin: 1.5em 0; white-space: pre; } pre, code, tt { font: 1em monospace; line-height: 1.5; } tt { display: block; margin: 1.5em 0; line-height: 1.5; } small {font-size:.75em;} big {font-size:1.3em;} /* Tables -------------------------------------------------------------- */ table { margin-bottom: 1.4em; } th { border-bottom: 2px solid #ddd; font-weight: bold; } td { border-bottom: 1px solid #ddd; } th,td { padding: 4px 10px 4px 0; } tfoot { font-style: italic; } caption { background: #ffc; } /* Some default classes -------------------------------------------------------------- */ .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .quiet { color: #999; } .highlight { background: #ffc; }/* --------- /stylesheets/public/layout.css --------- */ body {width:900px; margin:0 auto;} #Logo {margin:15px 0;} #Logo img {display:block;} #Masthead {overflow:hidden; background-color:#CCC; padding:10px; color:#7a7673; margin-bottom:20px;} #Masthead span {margin-right:1em;} #Masthead span#rss_link {float:right; margin-right:0;} #Masthead a {color:#7a7673;} #Masthead a:hover {color:#FF4800;} #Content {width:100%; overflow:hidden;} #Content #Sidebar {width:260px; float:right;} #Sidebar h3 {text-align:right; margin:1em 0; border-top:1px solid #DDD; padding-top:.5em;} #Sidebar ul {list-style-type:none; margin:0;} #Sidebar li {border-top:1px solid #DDD; padding:.5em 0;} #Sidebar ul#mycarousel li {border:0; padding:0;} ul#mycarousel a {font-weight:normal;} #Content #Main {width:600px;} #Content img { display:block; }/* --------- /stylesheets/public/blocks.css --------- */ object {width:100%;background-color:#111; padding:20px 0; display:block;} object embed {display:block; margin:0 auto;} #Sidebar h3.archives_link {background-color:#EEE; padding:.5em; margin-top:0;} h3.archives_link a {font-size:.75em;} ul.blog_archive {margin:0; list-style-type:none;} ul.blog_archive li {border-bottom:1px solid #DDD; padding:.5em 0;} ul.blog_archive h3 {margin-top:1em; margin-bottom:0;} ul.blog_archive h4 {margin-bottom:0;} ul.sub_nav {margin:0; list-style-type:none;} ul.sub_nav li {display:inline; margin-right:1em;} .dashboard {width:590px; position:relative;} .dashboard .about {position:absolute; right:0;} .dashboard a {font-weight:normal;}/* --------- /stylesheets/bb_modules/blog.css --------- */ /* ENTRY LIST -------------------------------------------------------------- */ ul.blog_list {list-style:none; margin-left:0;} ul.blog_list > li {margin-bottom:1em; padding-bottom:1em; border-bottom:5px solid #DDD;} .blog_list .title {font-size:1.5em; font-weight:bold; display:block;} .blog_list .date {color:#999;} .blog_list .author {font-weight:bold; color:#777; margin-left:1em;} .blog_list .content {display:block; margin:1em 0;} .blog_list .comments {font-size:.8em; text-transform:uppercase; color:#999; margin-left:1em;} /* SINGLE ENTRY -------------------------------------------------------------- */ div.blog_entry {} .blog_entry h2.title {font-size:3em; margin-bottom:0;} .blog_entry h2.title span.title {font-size:.5em;} .blog_entry .date {color:#999;} .blog_entry .author {font-weight:bold; color:#777;} .blog_entry .comments {font-size:.8em; text-transform:uppercase; color:#999; margin-left:1em;} .blog_entry .content {display:block; margin:2em 0 4em;} .blog_entry .gallery_display img { width:75px; height:75px; } /* COMMENT LIST -------------------------------------------------------------- */ div.blog_comments {} .blog_comments .comment_count {background-color:#CCC; padding:5px 10px;} .blog_comments span.social_networking {display:block; float:right; font-size:.875em;} .social_networking a {margin-left:1em;} .social_networking a#digg {padding-left:20px; background:url(/images/icons/digg.gif) no-repeat left top;} .social_networking a#delicious {padding-left:20px; background:url(/images/icons/delicious_icon.gif) no-repeat left top;} .social_networking a#email_friend {padding-left:26px; background:url(/images/icons/email.png) no-repeat left top;} .blog_comments ul.comment_list {list-style:none; margin-left:0;} .blog_comments ul.comment_list li.single_comment {margin:1em 0; border-bottom:2px solid #EEE; padding-left:30px; background:url(/images/layout/comment.gif) no-repeat 5px top;} .blog_comments .closed {color:#999;} .blog_comments .comment_head {color:#777;} .blog_comments .comment_body {} .blog_comments textarea {height:10em; width:340px;} .blog_comments input[type="text"] {width:340px;} .blog_comments input[type="submit"] {margin-left:10em;} /* COMMENT FORM -------------------------------------------------------------- */ /* RSS LINKS -------------------------------------------------------------- */ #rss_link {background:url(/images/layout/rss.gif) no-repeat left center; width:49px; height:20px; text-indent:-5000px;} #rss_link a {display:block;} /* --------- /stylesheets/bb_modules/galleries.css --------- */ /* Gallery Lists -------------------------------------------------------------- */ /* layout */ ul.gallery_list {margin:2em 0 0; overflow:hidden; margin-bottom:30px;} ul.gallery_list img {float:left;} ul.gallery_list li {margin-bottom:2em;} ul.gallery_list .gallery_info {margin-left:95px;} /* typography */ ul.gallery_list {list-style:none;} ul.gallery_list h2 {margin:0;} /* Gallery Display -------------------------------------------------------------- */ /* layout */ ul.gallery_display {margin:2em 0; overflow:hidden; background-color:#222; padding:20px 0 0 20px;} ul.gallery_display li {float:left; margin:0 20px 20px 0;} /* typography */ ul.gallery_display {list-style:none;}/* --------- /stylesheets/plugins/quick_form.css --------- */ fieldset.quick_form {border:1px solid #CCC; padding:10px; margin-bottom:2em;} .quick_form ul {list-style:none;} .quick_form li {margin:.5em 0;} .quick_form label {float:left; display:block; width:8em;} .quick_form input {margin-left:10px;} .quick_form textarea {margin-left:10px;} .quick_form hr {margin:1em 0;} .quick_form legend {font-weight:bold; font-size:1.25em;}/* --------- /stylesheets/lightbox.css --------- */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prev.gif) left 50% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/next.gif) right 50% no-repeat; } /*** START : next / previous text links ***/ #nextLinkText, #prevLinkText{ color: #FF9834; font-weight:bold; text-decoration: none; } #nextLinkText{ padding-left: 20px; } #prevLinkText{ padding-right: 20px; } /*** END : next / previous text links ***/ /*** START : added padding when navbar is on top ***/ .ontop #imageData { padding-top: 5px; } /*** END : added padding when navbar is on top ***/ #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #imageData #helpDisplay {clear: left; float: left; display: block; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } /* --------- /stylesheets/jquery/jquery.jcarousel.css --------- */ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container {position: relative;} .jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;} .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0; padding: 0;} .jcarousel-list li, .jcarousel-item {position:relative; float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 240px; height: 75px; } /** * The buttons are added dynamically by jCarousel before * the