/* Theme Name: Paragon Certified Restoration Theme URI: http://www.paragonstl.com Description: The custom theme for ParagonSTL designed and developed Seven Places Productions. Version: 1.6 Author: Jamon Abercrombie Author URI: http://www.sevenplacesproductions.com */ /* Begin Typography & Colors */ body {font-family:Georgia, "Times New Roman", Times, serif; background:#313131 url(images/back-stripes.jpg); color:#333; text-align:center; margin:0 auto; padding:0} #page {background:#000; border: 1px solid #959596; text-align:center; margin:0 auto; padding:0 20px; width: 830px;} p.callus {text-align:right; color:#ff7a00; font-size:16px; margin:10px 0; padding:0} p.callus strong {color:#fff;} ul#nav {list-style:none; margin:0 auto; text-align:center; padding:15px 0; background:#060100 url(images/back-navigation.jpg) repeat-x top;} #nav li a {text-decoration:none; color: #fff; margin:0 5px; padding:3px 8px; text-transform:uppercase;} #nav li a:hover {color:#ff7a00} #nav li {letter-spacing: 1px; display:inline; position:relative; width:auto; text-align:center; cursor:default; font-size: 12px;} /*#nav li li a {letter-spacing: 1px; display:block; color:#fff; padding: 8px; background:#363636; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; margin:0; text-align:center; font-size: 11px; text-transform:uppercase} #nav li li a:hover {background:#363636; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; color:#fff;} #nav li {display:inline; font-size:17px;} #nav li ul {display:none; position:absolute; top:100%; left:0; font-weight:normal; padding:5px 0 0 0; width:auto;} #nav li>ul {top: auto; left: auto;} #nav li li {display:block; float:none; border:0; width:15em; font-size:11px;} #nav li:hover ul, #nav li.over ul {display: block;} #nav li ul ul {margin:-2em 0 0 15em;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}*/ #nav li.employeesonly {display:none;} #header {background:#000 url(images/back-header-metal.jpg) no-repeat center top; text-align:left; margin:0; padding:0;} #header img.homelink {width:215px; height:125px; margin:55px 0 40px 90px; float:left} #header img.beforeafter {float:right; margin:50px 50px 0 0} #page-top {margin:0 auto; color:#fff; padding:0; background:none; text-align:center; clear:both} #page-top .thecomments {width:100%; margin:0 auto; text-align:center} #page-top .box {width:100%; text-align:center; margin:0 auto; padding-top:10px} a img.toggleswitch {border:none;} /*#page-top .box {padding:10px 0 20px 0; width:1000px; margin:0 auto; text-align:center}*/ #page-top .box table {list-style:none; margin:0 auto; padding:0; text-align:center; width:1050px; border-spacing: 40px 10px; clear:both} #page-top .box td {border-top:1px solid #6dcff6; padding-top:15px; font-size:10px; text-align:left; vertical-align:top; color:#959595; line-height:14px;} #page-top .box td strong {color:#ccc; text-transform:uppercase} #page-top .box td a {color:#6dcff6} #page-top .box td a:hover {color:#ffc;} #page-top .box td.aboutdustin img {float:right; margin:10px 5px 15px 15px;} #page-top .box td.aboutdustin {border-left:none} #page-top .box td.aboutstgear {margin-right:0; border-right:none} #page-top .box img.left {float:left; margin-left:20px; margin-top:10px; border:none} #page-top .box img.right {float:right; margin-right:25px; margin-top:25px; border:none} p.toptop {margin:0 auto; padding:0; text-align:center;} #content {margin-top:15px; padding-top:15px; color:#fff;} .navigation .alignleft {float:left; font-size:10px} .navigation .alignright {float:right; font-size:10px} .post {margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #848484; clear:both} .post h1 {font-size:20px;} .post h2 {text-align:left; color:#fff;} .post h2 small {font-size:11px; font-weight:normal; font-family:Arial, Helvetica, sans-serif} .post h2 a {color:#fff; text-decoration:none} .post h2 a:hover {color:#ff7a00;} .post p, .post li {text-align:left; font-size:12px} .post p a, .post li a, .post .slideshowlink a, .post .piclenselink a, .commentlist a, #commentform a, .navigation .alignright a, .navigation .alignleft a {color:#ff7a00; text-decoration:none; padding:2px} .post p a:hover, .post li a:hover, .post .slideshowlink a:hover, .post .piclenselink a:hover, .commentlist a:hover, #commentform a:hover, .navigation .alignright a:hover, .navigation .alignright a:hover {color:#fff; background:#ff7a00;} .post .slideshowlink, .post .piclenselink {font-size:10px; color:#fff; text-align:left} .post p.postmetadata {clear:both;} .entry img {max-width:834px; border:none; margin:10px auto} .entry p.sharethis img {display:none;} .entry p.sharethis a {padding:0 0 0 20px; text-decoration:none} .entry p.sharethis a:hover {color:#fff;} .entry blockquote {background:url(images/back-blockquote.jpg) repeat-y left; padding:0 0 0 20px; margin-bottom:40px; font-style:italic} .entry ul.ourservices {margin:0; padding:0 0 0 30px; list-style:none;} .entry ul.ourservices li {float:left; width:30%; margin-right:15px;} .entry ul.biogallery {width:99%; margin:0; padding:0; list-style:none} .entry ul.biogallery li {float:left; width:200px; text-align:center; font-size:10px; font-family:Arial, Helvetica, sans-serif} .entry ul.biogallery li a:hover {background:none; color:#ff7a00;} .entry ul.biogallery img {border:4px solid #fff;} .entry ul.biogallery td {vertical-align:top; padding-bottom:15px} .entry ul.biogallery a {color:#ff7a00; text-decoration:none; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif;} .editthis, .fill {clear:both;} h3#comments, h3#respond {text-align:left; font-weight:normal; font-size:16px;} .commentlist, #commentform {text-align:left; font-size:12px; font-family:Arial, Helvetica, sans-serif} #commentform input#submit, input#searchsubmit {border:1px solid #fff; color:#331800; background:#ff7a00; padding:5px 10px} input#s {border:1px solid #ff7a00; color:#331800; background:#fff; padding:5px 10px} .welcomehome {padding:0 25px 10px 10px; width:370px; float:left; text-align:left;} .welcomehome p {font-size:13px; color:#fff; margin:0 0 5px 0; padding:0; font-family:Arial, Helvetica, sans-serif; line-height:155%} .welcomehome p strong {color:#fff; font-size:20px; margin:0; padding:0; font-weight:normal;} .welcomehome a {color:#ff7a00; text-decoration:none;} .welcomehome a:hover {color:#fff;} .homeservices {background:url(images/services.jpg) no-repeat left top; padding:0 10px 20px 35px; width:365px; float:left; text-align:left; font-family:Arial, Helvetica, sans-serif} .homeservices ul {margin:0; padding:0; list-style:none;} .homeservices li {float:left; width:45%; margin:0 15px 5px 2px; font-size:11px; padding:0} .homeservices li a {color:#ff7a00; text-decoration:none} .homeservices li a:hover {text-decoration:underline} .recentposts {background:url(images/recent-news.jpg) no-repeat left top; padding:0 10px 10px 35px; width:365px; float:left; text-align:left;} .recentposts ul {margin:0; padding:0; list-style:none;} .recentposts li {display:block; font-size:14px; margin-bottom:6px;} .recentposts a {color:#fff; background:#331800; padding:4px 4px 4px 10px; display:block; text-decoration:none; font-weight:normal} .recentposts a:hover {background:#ff7a00; color:#331800} .motto {float:left; width:380px; padding:30px 12px 50px 12px; background:url(images/back-motto.jpg) no-repeat center; color:#fff; margin:50px 0 0 10px} .motto h1 {text-align:center; color:#fff; font-weight:normal; font-size:28px; margin:0; padding:0;} #footer {clear:both; background:#ff7a00 url(images/back-footer.jpg) no-repeat left top; color:#fff; font-size:11px; text-align:left; padding:10px 10px 10px 55px; margin-top:15px} #footer ul {margin:0; padding:0; list-style:none; text-align:left;} #footer li {display:inline; color:#fff; font-size:8px; border-right:1px solid #fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-right:7px; padding-right:3px} #footer li ul {display:none;} #footer li.last {border:none;} #footer li a {color:#331800; font-size:11px} #footer li a:hover {color:#fff; text-decoration:none;} #footer p {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; color:#331800} #footer p.callus {width:225px; float:right; color:#331800; font-size:12px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-style:normal} #footer p.callus strong {color:#fff; font-size:16px;} #footer p a {color:#331800; font-style:normal} #footer p a:hover {color:#000;} .linklove {display:none;} .fill {clear:both;} /* Captions */ .aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;} .wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .wp-caption img {margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;} /* End captions */ /* Begin Images */ p img {padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered {display: block; margin-left: auto; margin-right: auto;} img.alignright {margin: 0 0 15px 15px; display: inline; float:right } img.alignleft {margin: 0 15px 15px 0; display: inline; float:left } /* End Images */ #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;} #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;} #wp-calendar a {text-decoration: none;} #wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center;} #wp-calendar th {font-style: normal; text-transform: capitalize;} #calendar_wrap {float: left; margin-left: 20px;} .ngg-galleryoverview {text-align:center;} .facebook {text-align: center; padding-top: 15px} .topphone .facebook {display: none}