/* Theme Name: LisaRoberts Theme URI: n/a Description: Lisa Roberts Photography official template style. All copyrights held. Version: 1.0 Author: Lawrence Eldridge Author URI: http://www.obscuresounds.com Tags: pink, white, custom header, fixed width, two columns Lisa Roberts Photography V1.0 http://www.lisarobertsphotography.com This theme was designed and built by Lawrence Eldridge, whose blog you will find at http://www.obscuresounds.com */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* DEFAULT BODY SETUP */ body { font-family: arial,"lucida grande",tahoma,verdana,sans-serif; font-size: 62.5%; background: #ebe8e1 url(../images/bg_page.gif) repeat-x; text-align: center; padding: 0; margin: 0; } #bg { width: 100%; /*background: transparent url(../images/bg_footer.gif) repeat-x 0 100%;*/ background: transparent url(../images/bg_footer.gif) repeat-x bottom left; } /* SITE HEADINGS */ div#page h2 { font-family: "times new roman",arial,"lucida grande",tahoma,verdana,sans-serif; color: #5c6f86; font-size: 2em; margin-bottom: 24px; text-transform:uppercase;} div#page h3 { /*text-transform:uppercase;*/ color: #5c6f86; font-size: 1.4em; margin-bottom: 1em; } div#footer h2 { margin-bottom: 15px; } /* TYPOGRAPHY */ div#page p { font-size: 1.2em; line-height: 1.4em; margin-bottom: 1em; color: #444444; } div#page .pagination a, div#page .pagination span.current { padding-right: 5px; } div#page .pagination span.pages { padding-right: 12px; font-weight: bold; } div#page ul { font-size: 1.2em; color: #444444; } div#page a { line-height: 1.3em; color: #ed008c; text-decoration: none; } div#page a:hover { text-decoration: underline; } div#page #navigation a { color: white; font-weight: bold; text-transform: uppercase; } div#page #navigation a:hover { text-decoration: none; } div#page #foot-links a { text-transform:uppercase; font-weight: bold; } /* PAGE ELEMENTS */ div#page { background: transparent url(../images/bg_watermark.png) no-repeat top center; margin: 0 auto 0 auto; text-align: center; width: 820px; padding-top: 5px; } div#masthead { width: 820px; margin: 0 auto; position: relative; height: 133px; text-align: left; } h1#logo { width: 306px; height: 94px; background: url(../images/logo.gif) no-repeat; text-indent: -3000px; margin: 0; position: absolute; } h1#logo a.home { position: absolute; top: 0; left: 0; display: block; width: 287px; height: 95px; } div#footer { /*clear: both;*/ /*background: #ebe8e1 url(../images/bg_footer.gif) top center repeat-x;*/ margin: 0 auto; position: relative; width: 820px; text-align: left; /*padding:20px;*/ } /*div#footer p#copyright { float: left; } div#footer p#design { float: right; }*/ div#page p#design a {background: transparent url(../images/obscuresounds.png) no-repeat scroll right bottom; padding-right: 18px; } ul#head-links { position: absolute; top: 45px; right: 0px; margin: 0; text-align: right; } ul#head-links li { width: 65px; font-size: 1.1em; padding: 0; float: left; } ul#foot-links { position: relative; top: 0px; right: 0px; text-align: right; } ul#foot-links li { text-align: left; font-size: 1.1em; margin-bottom: 15px; padding: 0 20px 0 0; float: left; } /* NAVIGATION */ ul#navigation { width: 820px; height: 40px; background: transparent url(../images/bg_menu.gif) no-repeat top left; position: absolute; top: 94px; left: 0; margin: 0; } ul#navigation li { height: 40px; float: left; } ul#navigation li:hover { background-color: #ed008c; } ul#navigation a { display: block; padding: 13px 10px; } /* CONTENTS */ div#content { text-align: left; width: 780px; padding: 0 20px; margin: 28px auto 0 auto; } /*div#content img { border: 1px solid #dadada; }*/ div#content div.article img { background: white none repeat scroll 0 0; border: 1px solid #CCCCCC; padding: 4px; vertical-align: middle; } div#content div.article a img:hover { border: 1px solid #3B5998; } div#content div.article ul { list-style-image:none; list-style-position:outside; list-style-type:disc; line-height: 1.5em; margin-bottom: 1em; } div#content div.article li { margin-left: 20px; } div#content div.speechnote_top, div#content div.speechnote_bottom, div#content div.speechnote_left { margin-bottom: 12px; } div#content div.speechnote_top { background: transparent url(../images/speechnote_top.gif) no-repeat scroll right 0; padding-top: 14px; } div#content div.speechnote_bottom { background: transparent url(../images/speechnote_bottom.gif) no-repeat scroll left bottom; padding-bottom: 14px; } div#content div.speechnote_left { background: transparent url(../images/speechnote_left.gif) no-repeat scroll left top; padding-left: 14px; } div#content div.speechnote { background-color: #ffffee; border: 1px solid #b9b9b9; padding: 12px; } div#content div.speechnote_top div.speechnote { border-top: none; } div#content div.speechnote_bottom div.speechnote { border-bottom: none; } div#content div.speechnote_left div.speechnote { /*background-color: #ffeeff; */border-left: none; } div#content div.speechnote img {padding: 0; margin: 0; width: 24px; height: 13px; border: none} div#content div.frontquote {margin: -10px 0 0 30px;} div#content div.highlight, div#content div.highlight_2 { padding: 14px; background-color: #ffffee; border: 1px solid #b9b9b9; } div#content div.highlight { margin-bottom: 17px; width: 345px; } div#content div.highlight_2 { width: 750px; } div#content div.highlight:hover, div#content div.highlight_2:hover { background-color: #ffffcc; } div#content div.highlight img {margin: 0 12px 0 0; } div#content div.featured { margin-bottom:12px; } div#content div.notice { padding: 14px; background-color: #ffffcc; margin-bottom: 17px; border: 1px solid #b9b9b9; } div#content div.notice img {margin: 0 12px 0 0; } div#content div.googlemap { border: 1px solid #b9b9b9; margin-bottom: 1em; } div#content a.readmore { background:transparent url(../images/arrow.gif) no-repeat scroll 0 5px; line-height:1.3em; padding:0 0 5px 10px; } div#content div.gallery { /*margin: auto;*/ } div#content div.gallery .gallery-item { float: left; /*margin-top: 10px;*/ margin: 0 14px 0 0; text-align: center; /*width: 33%;*/ } div#content div.gallery .gallery img { /*border: 2px solid #cfcfcf;*/ } div#content div.gallery .gallery-caption { margin-left: 0; } /* BOXES & LAYOUT TOOLS */ div#column_1, div#column_2, div#column_3 { float: left; } .span_0 { width: 780px; } /* 1 full column */ .span_1 { width: 375px; } /* 2 column, no padding */ .span_2 { width: 270px; } /* side notes & quote */ .span_3 { width: 655px; } /* speechquote front page */ .span_4 { width: 480px; } /* 1 column image max width */ .span_5 { width: 395px; } /* footer 2 column width */ /*.span_3 { width: 345px; }*/ /* 2 column, highlight, 14px padding */ /*.span_4 { width: 275px; }*/ /* 2 column, footer alignment */ /*.span_2 { width: 390px; } .span_3 { width: 505px; } .span_4 { width: 275px; }*/ .dual { float: left; } .alignleft { float: left; margin-right: 12px; margin-bottom: 12px; } .alignright { float: right; margin-left: 12px; margin-bottom: 12px; } .quote_open { background:transparent url(../images/quote_start.gif) no-repeat top left; float:left; margin-right:0.15em; width:24px; height:13px; } .quote_close { background:transparent url(../images/quote_end.gif) no-repeat top left; float:right; margin-top: -1em; width:24px; height:13px; } .gutter { margin-right: 30px; } .article { margin-bottom: 28px; } .main-image { width: 820px; height: 260px; } /*.highlight { margin-bottom: 12px; background: #ebe8e1 url(../images/bg_table.gif) top center repeat-x; }*/ .sidenote { background-color: #EEEEEE; padding: 12px; margin-bottom: 11px; } /* FORMS & BUTTONS */ form { display:inline; } input, select, textarea { background:#FFFFFF; border:1px solid #BBBBBB; font-family:arial,helvetica; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; width:98%; } .button { background:#7aacbe url(../images/gfx_button.gif) repeat-x scroll 0pt 100%; color:#FFFFFF; cursor:pointer; font-family:arial,sans-serif !important; font-size:11px !important; font-size-adjust:none !important; font-stretch:normal !important; font-style:normal !important; font-variant:normal !important; font-weight:bold !important; line-height:normal !important; overflow:visible; padding:1px 5px; text-align:center; text-transform:uppercase; width:auto; } input.newsletter { width:170px; } input.checkbox { padding: 0; margin: 0; width: 20px; } input, textarea, select { padding: 2px; } /* CLEARING FLOATS */ .clear{ clear:both } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* for IE/Mac */