/* ----------------------------------------------- Woolf Photography - - - - - - - - - - - - - - - - - - - - - - - - Description: Base Setup Styles Filename: woolf.base.css Author: Catch Design Limited (www.catchdesign.co.nz) Date: 1 January 2009 Updated: 1 January 2009 Version: v.0.01 ----------------------------------------------- */ /* GLOBAL - Reset - Clearfix - Generic - Typography - Forms - Lists - Tables STRUCTURE - Masthead - Content - Footer - Primary Nav - Secondary Nav DETAIL - Articles - **GUYS, this is where anything from Graphical headers, to section specific styles can go** PLUGINS - **Plugin specific styles here** */ /* =GLOBAL ----------------------------------------------- */ /* RESET Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} body { background:url(../img/bg_grid.gif); font: 63.7%/1.4 Arial, sans-serif; color:#383737; } /* =Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* =Generic */ a { color:#4a3c31; text-decoration:none; } a:hover { text-decoration: underline; } a img, a:hover img { border: none; } .hide { text-indent:-9999em; outline: none; } .display_none { display: none; } .alignright { float:right; } .alignleft { float:left; } img.alignright { padding:0; margin:0; } img.alignleft { padding:0; margin:0; } /* =Typography */ p { font-size:1.2em; color:#808080; margin-bottom:13px;} small {} strong {font-weight: bold;} em { font-style:italic;} h1 {background: url(../img/logo.jpg) no-repeat 0 0;display:block;height:178px;width:255px; margin:0 0 50px;} h1 a {display:block;height:100%;width:100%;} h2 {} h3 {font-size:2em; text-transform:uppercase;} h4 {font-size:1.4em; font-weight:bold; color:#4a3c31; margin: 16px 0 12px;} h5 {} /* =Forms */ fieldset {} fieldset legend {} label {} input {} input.textbox {} input.radio {} input.checkbox {} input.submit {} textarea {} select {} #search ul {list-style:none;} #search li {font-size:1em; float:none !important;} #search .search_box {background:url(../img/bg_search.png) no-repeat left top;border:none;font-size:1.3em;height:24px;padding:5px 30px 0 8px;width:223px; margin-bottom:13px;color:#666; } #search_btn {margin-bottom:3px;} /* =Lists */ ul { list-style: disc;} ol { list-style:decimal;} li { font-size:1.2em;} /* =Tables */ table { font-size:1.2em;} td {} /* =STRUCTURE ----------------------------------------------- */ #container {width:980px; background:url(../img/bg_fade.png) no-repeat 0 0;} .wrap {width:980px;} #columns {padding-bottom:30px;} #footer {} /* Masthead */ #top_nav {margin-bottom:10px;} #top_nav div { float:right;} #home {background-position: 0 0; display:block; width:184px; height:19px; color:#fff; float:left; margin-right:3px;} #home:hover {background-position: 0 -19px;} #rss {background-position: -184px 0; display:block; width:48px; height:19px; color:#fff; float:left;} #rss:hover {background-position: -184px -19px;} /* Content */ #columns .alignleft {padding-left:30px;width:272px;} #columns .alignleft ul {list-style:none; margin-right:19px; border-bottom:1px dashed #d8dbdf; padding-bottom:4px;} #columns .alignleft ul.last {margin-right:0;} #columns .alignleft li { float:left;} #columns .alignleft li ul {border:none;} #columns .alignleft li li {float:none;font-size:1em;margin-bottom:3px;} #columns .alignright {width:665px; padding:0 0 100px; background:#fff;} /* Footer */ /* Primary Nav */ /* Secondary Nav */ /* =DETAIL ----------------------------------------------- */ .post {background:#fff;} .heading {background:#f1f1f1; border:1px dashed #d9d9d9; border-left:none; border-right:none; padding:10px 0 0 30px;} .heading .date {color:#999; text-transform:uppercase; font-size:1.1em; margin-bottom:-3px;} .posting {padding: 26px 30px 15px;} .posting p {width: 330px; float:left} .no_image p {width:auto; padding-right:30px;} .posting .read_more {background:url(../img/btn_arrow.png) no-repeat 0 0; display:block; height:18px; padding:1px 0 0 27px; width:65px;} .posting .read_more:hover {background-position: left bottom;} .posting .image {float:right; width:255px; background:#000; height:169px;} .posting .image .launch_photos {color:#ccc; background: url(../img/btn_camera.gif) no-repeat right 2px; display:block; height: 20px; margin-top:3px;padding-right:14px;text-align:right; margin-right:7px;} .older_posts a, .newer_posts a {background:url(../img/older_newer_posts.png) no-repeat 0 0; display:block; width:78px; height:19px;} .older_posts a {background-position:0 0; float:left; margin-left:30px} .older_posts a:hover {background-position:0 -19px;} .newer_posts a {background-position:-78px 0; float:right; margin-right:30px} .newer_posts a:hover {background-position:-78px -19px;} .previous_article a, .next_article a { background:#eee; padding:3px 9px; } .previous_article a:hover, .next_article a:hover { background:#ccc; } .previous_article { float:left; } .next_article { float:right; } .buttons {background: url(../img/buttons.png) no-repeat 0 0;} #inside .posting p {width:100%;} #inside .posting img {margin:10px 0 20px;} /* Articles */ p.postmetadata { border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:30px; font-size:1.4em; } /*Archive*/ .year_container li{ display:inline;}; .year_container li a{height: 20px; width: 20px; text-indent: -9999px; display:block;} div.year_container{overflow: auto; width: 100%; margin-right: 19px;} a#previous_year{background: url(../img/year_arrow_left.gif) no-repeat 0 0; display: block; width:19px; height:19px; text-indent:-999em;outline:none;} #current_year{background: url(../img/year_back.gif) no-repeat 0 0; display: block; width:39px; height:18px; color:#fff; padding-top:1px; text-align:center;} a#next_year{background: url(../img/year_arrow_right.gif) no-repeat 0 0; display: block; width:19px; height:19px; text-indent:-999em;outline:none;} .year_container li {margin:0 0 7px 5px;} /* =PLUGINS ----------------------------------------------- */