/* Theme Name: Ed Gordon Photography Theme URI: http://www.edgordonphotography.com Description: Ed Gordon Photography WordPress themeVersion: 1 Author: Adam Williams Author URI: http://www.awx2d.com/ Tags: custom design, slideshow pro integration, dark colours, widgets Ed Gordon Photography v1 This theme was designed and built by Adam Williams, whose blog you will find at http://www.awx2d.com/ */ /* Peter Gordon Photography CSS */ html { background: #000 url(images/bg.gif) fixed repeat-x; } body { background: #000 url(images/bg.gif) fixed repeat-x; color:#fff; font-family:Arial, Sans-serif; font-size:75%; } #container { margin:40px 0; color:#c2c2c2; font-size: .8em; } #container p { margin:2px 0 16px 0; line-height: 1.6em; } /*#container h2 { font: 2em/15px Helvetica, Arial, Verdana; color: #fff; margin:0; font-weight: normal; }*/ .main { background: #000 url(images/bg.gif) fixed repeat-x; color:#fff; font-family:Arial, Sans-serif; font-size:75%; } a { color:#95937F; } a:hover { color:#fff; } h1 a, h2 a {text-decoration:none;} .c { clear: both; } .decUL { margin: 5px 0 0 15px ; } .decUL li { padding:2px 0 3px 3px; list-style-type:square; } #wrapper { width:860px; margin:0 auto; } #header { height:78px; } #logo { float:left; margin: 15px 0; } /* Start Navigation */ #nav { float:right; width:301px; } #nav li { display:inline; height:75px; } #nav a { display: block; float:left; width: 387px; height:75px; color:#fff; text-indent:-9999em; background: url(images/menu.gif) no-repeat; } #m1 a { width:37px; } #m2 a { width:46px; background-position:-37px 0; } #m3 a { width:57px; background-position:-83px 0; } #m4 a { width:86px; background-position:-140px 0; } #m5 a { width:38px; background-position:-226px 0; } #m6 a { width:58px; background-position:-264px 0; } #m7 a { width:63px; background-position:-323px 0; } #m1 a:hover, #m1 a.on { width:37px; background-position:0 -75px; } #m2 a:hover, #m2 a.on { width:46px; background-position:-37px -75px; } #m3 a:hover, #m3 a.on { width:57px; background-position:-83px -75px; } #m4 a:hover, #m4 a.on { width:86px; background-position:-140px -75px; } #m5 a:hover, #m5 a.on { width:38px; background-position:-226px -75px; } #m6 a:hover, #m6 a.on { width:58px; background-position:-264px -75px; } #m7 a:hover, #m7 a.on { width:63px; background-position:-323px -75px; } /* End Navigation */ /* Homepage Template Styles */ .home img { float:left; margin-right: 10px; border: none; } /* sIFR */ h2.sIFRbig { font-size:30px; color: #fff; margin: 20px 0; line-height: 1em; font-weight:normal; } h1.sIFRbig { font-size:40px; color: #fff; margin: 20px 0; line-height: 1em; font-weight:normal; } /* Main Gallery Styles */ #galleryContainer { text-align:left;display:none; float:left; width:680px; font-family:"Lucida Grande", Helvetica, Verana; } #gallery ul {float:left; padding:0; list-style: none; display: block;} #gallery .album {float:left;border:1px solid #404040; margin: 10px; padding: 5px; background: #303030; width:292px;} #gallery .album h3 {width:290px;height:80px;border:1px solid #fff;margin:0;} #gallery .top {margin: 10px 0 0 0;} #gallery .right {margin: 10px 10px 0 0;} #gallery .album a h4 {font-size:1em; padding: 5px 0 0 0; color: 95937F;text-decoration:none; } #gallery .album a p {font-size:10px; color: #ccc; padding: 5px 0;text-decoration:none; } #gallery li.album:hover {background:#404040;} /* SSP Style */ #ssnav { width:85px; float:left; margin-top:55px; text-align:right;} #ssnav li { padding:5px 20px 0 0; font-size:.8em;} #ssnav a { text-decoration:none; margin:5px 0; padding:0;} #ssnav a.on { color:#fff; } /* Right hand side photo tools */ #sshow { width:770px; float:left; margin:0px 0;} #tools { width:90px; float:right; margin-top:55px;} /* Begin Images */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* Footer Styles */ #footer { text-align:center; color:#4D4C42; font-size:0.8em; margin:10px 0 20px 0; } #footer p { margin:5px 0 0 0; } #footer a { color:#696967; text-decoration:none; } #footer a:hover { color:#fff; } .list li { background: url(images/bullet.gif) no-repeat; padding: 0 0 3px 18px; margin: 2px 0; line-height: 15px;} /* Blog styles */ /* Blog styles */ #blogs { margin:0 0 0 150px; } #blog { float:right; width: 700px; position:relative; } #blog p { line-height: 15px; } #blog .date {display:block; position:relative; margin:-10px 0 0 0; padding:0; text-align:left;} #blogNav { width:150px; height:100%; float:left; } #blogNav p a { padding:4px 17px 4px 0; color:#cccccc; } #blogNav a { padding:4px 0 4px 6px; color:#fff; text-decoration:none; } #blogNav a:hover { color:#fff; } #rss { width:60px; float:left; font-size:0.8em; text-align:right; margin:0 90px 0 0; } #rss p a { padding:2px 17px 0 0; color:#cccccc;} #rss a { display:block; padding:2px 0 0 0; color:#95937F; text-decoration:none; } #rss a:hover { color:#fff; } /* Blog Summary DivLine */ .blogList h2 { margin:10px 0 15px 150px; font-weight:normal; } .blogList h2 a { text-decoration:none; color:#C2C2C2; font-size:1.45em; font-weight:normal; } .blogList h2 a:hover { color:#95937F; } /* DivLine Date Styles */ .date { position:absolute; top:15px; left:0; width:150px; text-align:center; } .date { margin:0 50px 15px 0; font-size:.9em; color: #fff;} .date a { margin:0 50px 0 0; font-size:.8em; text-decoration:none; } .blogTitle { width:60px; float:left; text-align:right; margin:0 90px 0 0; } h3 { display: block; font-size: 1.17em; font-weight: bold; margin: 1em 0; } h4 { display: block; font-weight: bold; margin: 1.33em 0; } h5 { display: block; font-size: 0.83em; font-weight: bold; margin: 1.67em 0; } h6 { display: block; font-size: 0.67em; font-weight: bold; margin: 2.33em 0; } #blogNav .children li a, #blogNav .subnav li a {list-style: none; margin: 0;border-bottom: 1px solid #95937F; padding: 4px 0; margin:0;line-height: 15px; display: block;} #blogNav ul li ul li {list-style: none; margin: 0;border-bottom: 1px solid #95937F; padding: 4px 0; margin:0;line-height: 15px; display: block;} ul.nextprevious {list-style:none;} ul.nextprevious li {position:relative;} ul.nextprevious li span {position:absolute; right:0;} .blogList { float:left; width: 700px; border-top:1px solid #525152; padding:10px 0 20px 0; position:relative; } /*.blogList img { float:left; width:120px; margin:0; padding:5px 20px 15px 0; display:inline;}*/ .blogList p { margin:0 0 0 150px; line-height:1.6; font-size:0.9em; } .blogList span.postmetadata { font-size:.8em; float: left; clear:both; } .blogList img.blogIntroImage { float:left; margin-right: 15px; margin:0 0 0 150px;padding:5px 20px 15px 0; display:inline;} .post h2 {display:block; clear:both;} /* Widgets */ .widgettitle {display:none;} .widget {border:0;} /*404*/ #fourofour ul {display: inline;} .el {margin: 10px 5px; display: inline;} .elc {margin: 10px 25px 10px 0; display: inline;} .fnc {margin: 10px 5px; display: inline;} /* Pagination */ .pager { border-top: 1px solid #525152; margin:15px 0 15px 0; color:#4D4C42; clear:both; font-size:0.8em; } .pager div { margin:0 0 0 150px; } .pager span { padding:0 30px 0 0;} .pager a { color:#95937F; text-decoration:none; padding:0;} .pager a:hover { color:#fff; } .pgrNext { float:right;} .pgrPrev { float:left;} /* Blog Comment Styles */ #commentWrap { float:left; border-top:1px solid #525152; margin: 0 0 20px 0; } .commentlist li, #commentform input, #commentform textarea { font-size: 10px; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float:right; border:1px solid #eee; padding: 1px; background: #525152; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 10px; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Arial, Verdana, Sans-Serif; } .commentmetadata { font-weight: normal; } h3.comments { padding: 0; margin: 40px auto; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; border: 1px solid #525152; } #commentform textarea { width: 350px; padding: 2px; font:1em 'Lucida Grande', Arial, Verdana, Sans-Serif; border: 1px solid #525152; } #commentform #submit { margin: 0; float: left; } /* Begin Comments*/ .alt { margin: 0; padding: 10px 0; } .commentlist { padding: 0; text-align: justify; float: left; } .commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; } .commentlist p { margin: 10px 5px 10px 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* End Blog Styles */ /* Reset CSS */ html, body, div, span, applet, object, iframe, h1, h2, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: white; background: #040404; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Hat-tip Eric Meyer */