body,div,h1,h2,h3,h4,p,span,ul,li,dl,dt,dd,img,form,fieldset,blockquote { border:0; margin:0; padding:0; } body { font-size:11px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; color:#FFF; background-image:url(images/footer_bg.gif); } h1 {font-size:1.8em; font-weight: 400; } h2,h3 {font-weight:400; font-size: 1.5em; } p {line-height:1.75em} code {color:#ddd; border-left:2px solid #eee; padding-left:5px} a { color:#FFF; text-decoration:none; } a img {border:none} ul li { list-style-type:none; list-style-position:outside;} blockquote { margin-left:1em; padding-left:1em; border-left:2px solid #CCC; color:#CCC; } pre { width:100%; overflow:auto; border-top:1px dotted #333; border-bottom:1px dotted #333; padding:1em 0; } input,textarea { font-family:Arial, Helvetica, sans-serif; width:60%; border:1px dotted #666; background-color:#272727; color:#888; font-size:1em; } input:focus,textarea:focus { background-color:#000; border:1px dashed #DE4412; } textarea.commentbox { width:100%; height:10em; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; margin:5px 0; padding:0.25em; } input.textfield { font-family:Arial, Helvetica, sans-serif; width:15em; margin:5px 0; } label.text { position:relative; left:0.5em; top:-0.5em; } fieldset {padding:.5em;} select option {padding:0 5px;} table { width:100%; border-spacing:2px; margin:1.5em 0; } table th,table td { padding:0.3em 0.75em; } table th { background:#CCC; color:#000; text-align:left; } table td { color:#FFF; } table caption { text-align:left; color:#FFF; margin-bottom:-1em; margin-top:1em; } /** Global Class */ .separator { background-image:url(images/separator.png); background-repeat:no-repeat; height:10px; width:525px; float:left; clear:both; margin:15px 0 15px 10px; } .hide,.print-logo,.close-button { display:none; margin:0; padding:0; } .left {float:left} .right {float:right} .clear { clear:both; height:1px; font-size:1px; line-height:1px; } .center { text-align: center; } .inside { width:80%; min-width:85em; max-width:85em; margin:0 auto; } .imageLoader { background:url(images/submit_button_over.png); visibility:hidden; } .archive_tab { float:right; margin-top:45px; } .archive_tab a { background-image:url(images/archive.png); display:block; height:27px; width:82px; background-repeat:no-repeat; } .photo_tab { float:right; margin-top:45px; } .photo_tab a { background-image:url(images/photos.png); display:block; height:27px; width:82px; background-repeat:no-repeat; } .rule { border-top:1px solid #CCC; height:1px; font-size:1px; line-height:1px; margin:1.5em 0; } /** Header */ #header { background-image:url(images/header_bg.jpg); background-repeat:repeat-x; height:79px; } #header .inside { padding:5px 0 0;} #header h2 { float:left;} #header h2 a { background-image:url(images/logo.png); background-repeat:no-repeat; display:block; text-indent:-9999px; height:58px; width:220px; margin-top:10px;} #header p { line-height:1em; margin:0; padding:1em 0;} /** Content Area */ #primary { background: url(images/pattern2.jpg); color: #FFE9E1;} #primary p a { text-decoration:none; color:#DE4412; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#DE4412;} #primary p a:hover { text-decoration:none; color:#DE4412; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#DE4412;} #primary h1 { background-image:url(images/thick-line.png); background-repeat:no-repeat; background-position:left bottom; padding-bottom:10px; margin-bottom:10px;} #primary h1 a { color: #FFE9E1;} #primary.onecol-stories .primary { float:left; width:50%;} #primary.onecol-stories .secondary { float:right; width:40%; margin:0 0 0 50%;} #primary.twocol-stories .story { float:right; display:none; background-image: url(images/post_bg.png); } #primary.twocol-stories .first,* html #primary.twocol-stories .first { width:59%; padding: 2% 2% 4%; margin: 20px 0; display: inline; } #primary .inside .primary .dates a { text-decoration:none; color:#DE4412; } #primary .inside .primary .dates a:hover { text-decoration:none; color:#fff; } #primary .secondary .admin-tools { margin:1em 0; } #primary .primary { float:right; width:59%; background-image:url(images/post_bg.png); margin:20px 0; padding:2% 2% 4%; } #primary .primary p,.first p { margin-bottom:1em; } #primary .secondary { float:right; width:29%; display:inline; background-image:url(images/post_bg.png); clear:left; margin:20px 4% 20px 0; padding:2%; } #primary .portfolio { float:right; width:59%; background-image:url(images/post_bg.png); font-family:Arial, Helvetica, sans-serif; margin-top:20px; margin-right:0; margin-bottom:20px; padding:2% 2% 4%; } .single-post h1,.single-post h2 { margin-top:0; } * html #primary .secondary { margin-right:3%; } #secondary { border-top:1px solid #1C1C1C; background-image:url(images/footer_bg.gif) left; } .secondary .featured p { line-height:1.5em; background-position:left bottom; background-repeat:no-repeat;margin:1em 0 0; background-image: url(images/thin-line.png);padding: 0.5em 0 0.6em; } .secondary .featured { margin-top: 1em; } .secondary .featured dl { background-image:url(images/thin-line.png); background-repeat:no-repeat; background-position:left bottom; margin:0; padding:0.5em 0 0.6em; } .secondary dt { display:inline; margin:0; padding:0; } .secondary .lineontop { background-image:url(images/thin-line.png); background-repeat:no-repeat; background-position:left top; } .secondary dd { display:inline; margin:0; padding:0; } .secondary dd a { text-decoration:none; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#DE4412; color: #DE4412; } .secondary dd a:hover { text-decoration:none; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#DE4412; color: #DE4412; } .story h2 { font-size: 1.5em; line-height: 2em; } .story .imgthumb{ border: 5px solid #FFF; } .story .imgthumb:hover { border: 5px solid #FF9900; } .story h3 { font-size:1.1em; font-style: italic; line-height: 2em; } .story .details { text-align:right; font-size:0.95em; color:#666; border-top-width:1px; border-top-style:solid; border-top-color:#333; margin:1em 0; padding:0.5em 0; } .story .details .read-on a { color: #DE4412; } .story .details .read-on a:hover { } .story .details a { color:#666; } .story .details a:hover { color:#FFF; } /** Sidebar */ #toggle-archives {border-bottom:1px solid #ff4e00} #toggle-archives .ancillary {background-position:left -1px;} .ancillary { background-color:#000; background-image:url(images/footer_gradient.jpg); background-repeat:repeat-x; background-position:left top; padding:2em 0 0; } .ancillary .block { width:30%; float:left; clear:right; margin:0 0 0 5%; } * html .ancillary .block { margin-left:3.9%; } .ancillary .twice-length { width:65%; } .ancillary .thrice-length { width:100%; } .ancillary .first,* html .ancillary .first { clear:both; width:30%; margin:0; } .ancillary .first p { color:#CCC; } .ancillary .first p a { text-decoration:underline; } .ancillary .first p a:hover { text-decoration:none; } .ancillary .block-separator { clear:both; height:2.5em; } .ancillary .block h2,.ancillary .block h3 { margin:0; } .ancillary .inside .block .about { text-indent:-999px; background-image:url(images/title_about.png); height:27px; background-repeat: no-repeat; margin-bottom: 0.8em; } .ancillary .inside .block .portfolio { text-indent:-999px; background-image:url(images/title_portfolio.png); height:28px; background-repeat: no-repeat; margin-left: 10px; margin-bottom: 1.1em; } .ancillary .inside .block .recently { text-indent:-9999px; background-image:url(images/title_recently.png); height:27px; background-repeat: no-repeat; } .hidearchive_tab { float:right; margin-top:45px; } .hidearchive_tab a { background-image:url(images/hidearchive.png); display:block; height:27px; width:82px; background-repeat:no-repeat; } /** Portfolio */ .portfolio img { float:left; margin: 6px 0; padding: 0; } .portfolio .designs { margin-left:12px; clear:both; } .block .thumb { float:left; margin-left:10px; border: 3px solid #FFF; margin-bottom: 10px; display: block; height: 75px; width: 120px; } .block .thumb:hover { border-top-color: #FF4E00; border-right-color: #FF4E00; border-bottom-color: #FF4E00; border-left-color: #FF4E00; } .block .seemoreworks a { float:left; color:#CCC; text-decoration:underline; margin-left:10px; margin-bottom:20px; width:100px; } .block .seemoreworks a:hover { text-decoration:none; color:#fff; } #moreportfolio { float:left; clear:both; } #portfolio_about .aboutme { background-image:url(images/title_aboutme.png); background-repeat:no-repeat; height:12px; text-indent:-9999px; margin:12px 0; } #portfolio_about .photography { background-image:url(images/title_photography.png); background-repeat:no-repeat; height:12px; text-indent:-9999px; margin:12px 0; } #portfolio_about p {margin-bottom:10px;color:#ffdaca;} .portfolio .linuslincom { background-image:url(images/title_linuslincom.png); background-repeat:no-repeat; height:13px; } .portfolio .bufters { background-image:url(images/title_butler.png); background-repeat:no-repeat; height:13px; } .portfolio .rhinobag { background-image:url(images/title_rhinobag.png); background-repeat:no-repeat; height:13px; } .portfolio .activitiesteam { background-image:url(images/title_activitiesteam.png); background-repeat:no-repeat; height:13px; } .portfolio .threadsnmore { background-image:url(images/title_threadsnmore.png); background-repeat:no-repeat; height:13px; } .portfolio .bryntawelhourses { background-image:url(images/title_bryntawelhorses.png); background-repeat:no-repeat; height:13px; } .portfolio .oskar { background-image:url(images/title_oskar.png); background-repeat:no-repeat; height:13px; } .portfolio .insiderknowledge { background-image:url(images/title_insiderknowledge.png); background-repeat:no-repeat; height:13px; } .portfolio p { width:250px; float:left; color:#ffdaca; margin-right:9px; line-height: 1.5; } .portfolio .title { margin-bottom:10px; } .portfolio ul { float:left; } .portfolio ul li { color:#ffdaca; margin:0; } .portfolio ul li a { color:#ffdaca; } .portfolio ul li a:hover { text-decoration:underline; } .portfolio li strong { font-size:0.85em; font-weight:400; color:#CB6F14; text-transform:uppercase; } .portfolio .moreorless { margin-top:10px; clear:left; } .portfolio_tab { float:right; margin-top:45px; } .portfolio_tab a { background-image:url(images/portfolio.png); display:block; height:27px; width:82px; background-repeat:no-repeat; } /** Comments */ .comment-head { border-bottom:1px solid #1C1C1C; padding:0.8em 2em 1em 0; } .comment-head h2 { font-size:1.5em; margin:0; } .comment-head a { color:#CCC; } .comment-head .details { font-size:0.95em; } ol#comments { list-style-type:none; margin:2em 0 0; } ol#comments li { list-style-type:none; margin:2em 0 0; } #comments cite { float:left; width:31%; font-style:normal; text-align:right; } * html #comments cite { width:30.6%; } #comments cite span { display:block; } #comments cite .author { font-size:1.2em; } #comments cite .admin-tools { margin:5px 0; } #comments cite .admin-tools a { float:right; background:#666; border:1px solid #999; margin:0 5px; padding:0 3px 3px; } #preview { border:1px solid #333; margin:1em 0; padding:0.5em; } #preview p { margin:1em 0 0; } #errors { color:red; font-weight:700; } #comments .pingback cite .author { display:block; padding-top:68px; background:url(images/trackback_pingback.gif) 100% 0 no-repeat; } #comments .content { float:left; width:60%; margin-left:1.9%; border-left:1px solid #868686; padding:0 0 0 2%; } #comments .content p { margin:0 0 1em; } #comments .content h3 { font-size:1em; margin:0; } #comment-form { width:36em; margin:2em 0 5em 35.4%; } #commentform #allowed-tags { margin-bottom:10px; border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#F60; border-top-width:1px; border-top-style:dashed; border-top-color:#F60; margin-top:3px; } #comment-form .formhead { font-size:2em; margin-bottom:10px; } #comment-form #openallowedtags { color:#A40; } #commentform #closeallowedtags { color:#A40; } /** List Style */ ul.counts,ul.pages { list-style-type:none; border-top:1px solid #3D3D3D; margin:1.5em 0 2em; } ul.counts li,ul.pages li { list-style-type:none; border-bottom:1px solid #3D3D3D; margin:0; padding: 0.5em 0; display: block; } ul.counts li:hover { background-color: #1A1A1A; } ul.dates{ list-style-type:none; border-top:1px solid #3D3D3D; margin:1.5em 0 2em; } ul.dates li{ border-bottom:1px solid #3D3D3D; padding: 0; list-style-type: none; } ul.dates li a { padding: 0.5em 0; display: block; margin: 0; } ul.dates li a:hover { background-color: #1A1A1A; } ul.dates .date { color:#858585; padding-top: 0; padding-right: 1.5em; padding-bottom: 0; padding-left: 0; float: right; } ul.counts .count { float:right; color:#858585; } ul.dates a,ul.counts a,ul.blogroll a,ul.pages a { color:#CCC; } ul.dates a:hover,ul.dates a:hover .date,ul.counts a:hover,ul.counts a:hover .count,ul.blogroll a:hover,ul.pages a:hover { color:#FFF; } ul.pages ul { margin:0; } ul.pages ul li { border:none; margin-left:2em; list-style-type:square; } /** Footer */ #footer { clear:both; border-top-width:1px; border-top-style:solid; border-top-color:#323232; padding-bottom:30px; color:#939393; height:50px; } #footer .inside { margin-top:5px; } #footer p { font-size:0.95em; clear:left; margin:0; } #footer .notes { float:left; width:50%; } #footer p.copyright { float:left; color:#606060; } #footer p.copyright a { color:#CCC; } #footer p.copyright a:hover { color:#fff; } #footer p.attributes { float:right; clear:right; padding:0 0 0 1em; } #footer p.attributes a { color:#525252; padding:0 0 0 1em; } #footer p.attributes a:hover { color:#FFF; } /** Forms */ #search { width:230px; margin:1em 0 0; } #search p { color:#999; background-image: none; padding: 0; } #search #sform { margin-top:1em; } #search .searchimg { float:left; width:14px; height:13px; background:url(images/search.png) 0 0 no-repeat; position:relative; top:4px; margin-right:6px; } #search input { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; width:175px; background:#272727; margin-top:2px; } #search input:focus { background-color:#000; } #feedback { clear:both; width:30%; float:left; margin:0; } #feedback p { margin:0 0 10px; } #feedback .feedback { text-indent:-999px; background-image:url(images/title_feedback.png); height:28px; width:189px; margin-bottom:1.2em; background-repeat: no-repeat; } #hide-feedback { color:#A40; } #feedbackform textarea { width:100%; } #feedbackform .submitbutton { border:1px dotted #DE4412; width:auto; } #feedbackform .submitbutton:hover { background-color:#000; cursor:pointer; } #searchform { margin:1em 0; } #searchform #s { background:#222; border:none; border-bottom:1px solid #333; width:30em; color:#666; padding:0.25em; } #searchform #searchsubmit { background:#000; color:#666; border:none; font-size:0.9em; text-transform:uppercase; letter-spacing:0.25em; } #search-results { width:30%; background:#333; float:right; border-top:1em solid #000; padding:0; } #search-results h3 { font-weight:700; text-align:left; background:#000; margin:0; padding:0 0 1em; } #search-results small { display:block; text-align:left; font-size:0.9em; border-top:1px solid #666; border-bottom:1px solid #555; padding:0.5em 1em 0.7em; } #search-results small a { color:#CCC; } #search-results ul li { list-style-type:none; margin:0.5em 0; padding:0 1em 0.5em; } #search-results ul li:hover {background:#202020} #search-result ul {margin:0} #search-results ul li a {border-bottom:1px dotted #CCC;} #search img.archives-icon { top:1px; margin:0 7px 0 0; } #message {height:600px} .formactions input.submit { display:block; float:right; background-position:right bottom; height:42px; width:92px; text-indent:-9999px; background-image:url(images/submit_button.png); background-repeat:no-repeat; overflow:hidden; border:none; background-color:transparent; cursor:pointer; margin:0; padding:0; } .formactions input.submit:hover { background-image:url(images/submit_button_over.png); } .formactions .spinner { float:right; margin:-8px -20px 0 0; } /** Blogroll */ ul.blogroll {margin-top: 2em} ul.blogroll li { list-style-type:none; margin:0; } ul.blogroll ul { background: url(images/thin-line.png) no-repeat; background-position: left bottom; margin-top: 1em; } ul.blogroll li a { display: block; padding: 0.7em 0 0.7em 32px; } ul.blogroll .linkcat li { background: url(images/thin-line.png) no-repeat; } ul.blogroll li a:hover { border-left-width: 3px; border-left-style: solid; border-left-color: #FF6633; } ul.blogroll li a[href="http://www.webdesignerwall.com"] {background: url(../../uploads/wdw.jpg) no-repeat 5px center} ul.blogroll li a[href="http://www.456bereastreet.com/"] {background: url(http://www.456bereastreet.com/favicon.ico) no-repeat 5px center} ul.blogroll li a[href="http://elliotjaystocks.com/blog/"] {background: url(http://elliotjaystocks.com/siteWideAssets/images/presentation/favicon.png) no-repeat 5px center} ul.blogroll li a[href="http://www.jek2k.com/wp/"] {background: url(http://www.jek2k.com/wp/wp-content/themes/hemingway/images/icon.png) no-repeat 5px center} ul.blogroll li a[href="http://veerle.duoh.com/"] {background: url(http://veerle.duoh.com/favicon.png) no-repeat 5px center} ul.blogroll li a[href="http://photomatt.net/"] {background: url(../../uploads/matt.jpg) no-repeat 5px center} ul.blogroll li a[href="http://www.cameronmoll.com/"] {background: url(../../uploads/cameron.jpg) no-repeat 5px center} ul.blogroll li a[href="http://wvs.topleftpixel.com/"] {background: url(../../uploads/wvs.jpg) no-repeat 5px center} /** Error Page */ #message .error {width:100%} #message .error p { font-size:1.5em; font-family:Arial, Helvetica, sans-serif; color:#F60; font-weight:400; line-height:1.5em; width:50%; margin-left:25%; padding-top:200px; } /** Note Pages */ li.pagenav { list-style-type: none; } .pagenav { color: #FFCCB7; } .pagenav a { color: #FFCCB7; display: block; } .pagenav a:hover { color: #FF3300; } .pagenav h2 { background-image: url(images/thin-line.png); background-position: left bottom; background-repeat: no-repeat; padding-bottom: 0.7em; margin-bottom: 0.5em; } .pagenav ul { } .pagenav ul li { padding-left: 0.2em; margin: 0.2em 0 0.2em 1.2em; } .pagenav ul li.current_page_item { border-left-width: 2px; border-left-style: solid; border-left-color: #FF6600; }