/*
Theme Name: Jay Miller GC
Theme URI: http://jaymillergc.com/
Description: Jay Miller GC Site Template
Version: 1
Author: Richard Strucke
Author URI: http://strucke.com/
*/

/* RESET */
* {margin:0; padding:0}

.zoomPics {float:right}
#zoom {z-index:50000}


/* Begin Typography & Colors */
body {margin:0; font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #444; background-color:#000; position:relative}
a {outline:none}

h1, h2, h3 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: bold; text-shadow:#fff 0 0 1px; text-align:left}
h1 {font-size:3.5em; letter-spacing:1px; text-transform:uppercase; margin-bottom:1em}
h2 {font-size: 2.3em; margin:2em 0 .5em}
h3 {font-size: 1.7em; margin:2em 0 .125em}

.error404 h2 {margin-top:10px}
#sidebar h2 {font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em}


p {line-height:1.55em; margin-bottom:1.2em; font-size:1.3em; color:#555}
p.lead {font:normal 1.8em/1.55 "Palatino Linotype", "Book Antiqua", Palatino, serif}

#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content p {max-width:590px}

a, h2 a:hover, h3 a:hover {color: #d40000; text-decoration: none}
a:hover {color:#d40000; text-decoration: underline}

#content ul {margin:0 0 0 16px; max-width:574px}
#content ul li {font-size:1.3em; margin:.75em 0 .75em; line-height:1.5}

.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif}
.commentlist li ul li {font-size: 1em}
.commentlist li {font-weight: bold}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif}
.commentmetadata {font-weight: normal}
#sidebar {font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777}
code {font: 1.1em 'Courier New', Courier, Fixed}
acronym, abbr, span.caps{font-size: 0.9em; letter-spacing: .07em}

#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}
/* End Typography & Colors */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help}
acronym, abbr {border-bottom: 1px dashed #999}
blockquote {margin: 20px 30px 20px 0; padding:10px 30px 10px 20px; border-left: 5px solid #ddd; background:#f5f5f5; max-width:545px; font:normal italic 13px/1.3 "Palatino Linotype", "Book Antiqua", Palatino, serif}
blockquote p {margin:0}
blockquote cite {margin: 5px 0 0; display: block}
.center {text-align: center}
.hidden {display: none}
.screen-reader-text {position: absolute; left: -1000em}
hr {display: none}
a img {border: none}
.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 60px}
/* End Various Tags & Classes*/



/* WordPress Required Styles
-------------------------------------------------------------- */
.aligncenter {display:block; margin-left:auto; margin-right:auto}
.alignleft {float:left}
.alignright {float:right}
.ie7 div.alignright {max-width:395px}
img.alignright {margin: 0 0 10px 30px; display: inline}
img.alignleft {margin: 0 7px 2px 0; display: inline}
.wp-caption {clear:right; 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-dd {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0}
.sticky {background:#f7f7f7; padding:0 10px 10px}
.sticky h2 {padding-top:10px}

div#aside {max-width:310px; float:right; position:absolute; top:100px; right:0; overflow:hidden}
.ie7 div#aside {max-width:310px}
div#aside a {float:right; margin-bottom:10px}
div#aside img {margin:0; padding:0; border:5px solid #e7e5e6;
-webkit-border-radius:3px;
-moz-border-radius:3px;
 border-radius:3px;}




/* Header Menu
-------------------------------------------------------------- */
#header {background: url(images/bgHeader.png) center top repeat-x; width:364px; position:absolute; top:0; z-index:101; width:100%}
.menu-header-menu-container 	{margin:0 auto; width:980px; overflow:hidden; font-family:Helvetica, Arial, sans-serif}
.menu-header-menu-container ul	{list-style:none; margin-left:24px}
.menu-header-menu-container ul ul{margin-left:0}
.ie7 .menu-header-menu-container ul ul {display:none}
.menu-header-menu-container li	{float:left; margin:90px 10px 0 0}
.menu-header-menu-container ul li ul {position:absolute; top:123px; z-index:110; visibility:hidden; background:#fff; border:1px solid #ccc; padding:4px; 
-moz-box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.125);
-webkit-box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.125);
box-shadow: 1px 3px 3px 0 rgba(0,0,0,0.125);
-moz-border-radius-topright:6px;
-webkit-border-top-right-radius:6px;
border-top-right-radius:6px;
-moz-border-radius-topleft:0;
-webkit-border-top-left-radius:0;
border-top-left-radius:0}
.home .menu-header-menu-container ul li ul {-moz-box-shadow: 0 5px 2px 2px #000;
-webkit-box-shadow: 1px 3px 3px 0 #000;
box-shadow: 0 5px 0 0 #000}
.menu-header-menu-container ul li ul li {margin:0; padding:0; clear:left; min-width:250px}
.menu-header-menu-container ul li a{display:block; font-size:1.4em; padding:10px 8px; font-weight:bold; color:#888; text-align:left; text-transform:uppercase; text-decoration:none}
.home .menu-header-menu-container ul li a {color:#fff}
.menu-header-menu-container ul li:hover a {background:#888; color:#fff}
.menu-header-menu-container ul li:hover li a {background:#fff; color:#888}
.menu-header-menu-container ul li:hover li a:hover {background:#888; color:#fff; text-shadow:0 -1px 1px #666; border-top-color:#fff;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px
}
.menu-header-menu-container ul li:hover ul {visibility:visible}
.menu-header-menu-container ul li ul li a {display:block; color:#888; border-top:1px solid #ddd; font-size:13px; min-width:200px}
.menu-header-menu-container ul li ul li:first-child a {border:none}

#menu-item-214 {width:364px;float:right; height:232px; margin:0 !important; background:url(images/logo.png) 0 0 no-repeat; text-indent:-999em}
#menu-item-214 a {text-indent:-999em; float:right; margin:0; padding:0; width:364px !important; height:241px}
#menu-item-214 a:hover {background:none}

/* Structure
-------------------------------------------------------------- */
#page {background-color: white; margin: 20px auto; padding: 0; width: 760px; border: 1px solid #959596}
.narrowcolumn {float: left; padding: 0 0 20px 45px; margin: 0px 0 0; width: 450px}
.widecolumn {padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px}
.post hr {display: block}
.widecolumn .post {margin: 0}
.narrowcolumn .postmetadata {padding-top: 5px}
.widecolumn .postmetadata {margin: 30px 0}
.widecolumn .smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px}
.widecolumn .attachment {text-align: center; margin: 5px 0px}
.postmetadata {clear: both}
.clear {clear: both}

#contentWrap {padding-top:18em; background:#fff url(images/bgContent.png) center bottom repeat-x; min-height:30em; z-index:100}
#content {margin:0 auto; padding-bottom:30px; width:920px; z-index:100; position:relative; overflow:hidden}

#footer {margin:0; background: url(images/bgFooterBG.png) top center repeat-x; clear:both}
.home #footer {background: none}
#footer ul {margin:0 auto; width:960px; height:256px; background:url(images/bgFooter.png) 0 0 no-repeat; list-style:none}
#footer ul li {float:left; width:172px; height:245px; margin:9px 10px 0}
#footer ul li.first {margin-left:11px}
#footer ul li.last {margin-right:0px}
#footer ul li div {height:165px; width:172px; overflow: hidden;}
#footer ul li div img {height:165px; width:172px; top:0;  left:0 }
#footer ul li h2 {text-indent:-9999px; overflow:hidden; height:32px; padding:0; margin:0}
#footer ul li p {padding:0 6px 4px; height:35px; overflow:hidden; display:table-cell; vertical-align:middle; font: bold 10px/1.4 Arial, Helvetica, sans-serif}
a.fancybox {overflow:hidden}
#footer ul li a {overflow:hidden}
#footer a:hover {text-decoration:none !important; cursor:pointer}



#copyRight {width:960px; margin:12px auto 6px; padding:2em 0; color:#eee; text-align:right; background:url(images/nahbBLK2.png) 0 8px no-repeat}
#copyRight ul {line-height:0; float:right}
#copyRight ul li {display:inline}
#copyRight ul li a {float:left; margin:4px 0 0; padding:2px 10px 0; text-transform:uppercase; color:#999; font-size:9px; border-right:1px solid #555}
#copyRight ul li a#backToTop {border:none; padding-right:0}
#copyRight p {clear:right; font-size:10px; padding-top:8px}

.widecolumn .entry p {font-size: 1.05em}
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em}
.widecolumn {line-height: 1.6em}
.narrowcolumn .postmetadata {text-align: center}
.thread-alt {background-color: #f8f8f8}
.thread-even {background-color: white}
.depth-1 {border: 1px solid #ddd}
.even, .alt {border-left: 1px solid #ddd}
small {font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em}


/* HOME */
.home #contentWrap {padding:0; background:#000}
.home #content {margin:0 auto; width:auto}

.house1 {background:url(images/home/jay-miller-general-contractor-kitchen-remodelling-lehigh-valley.jpg) center 11px no-repeat; height:578px; position:relative}
.house1 div {width:1000px; height:85px; margin:0 auto}
.house1 a {float:right; text-indent:-999em; /*background:url(images/startToday.png) 0 0 no-repeat; */ width:1000px; height:400px; cursor:pointer; position:relative; top:200px}


/* SERVICES */
#servicesPics {float:right}
.page-id-9 div#aside {top:430px}

/* TESTIMONIALS */
#karen {margin:0 20px 40px 0; border:5px solid #e7e5e6;
-webkit-border-radius:3px;
-moz-border-radius:3px;
 border-radius:3px;}
 
/* FAQ */

#faq-kim	{clear:both; margin:72px 0 0}
#faq-karen	{clear:both; margin:380px 0 0}
#faq-jay,
#faq-kim,
#faq-karen {font:normal 13px Georgia, "Times New Roman", Times, serif; overflow:hidden; text-align:center}
#faq-jay,
#faq-kim div,
#faq-karen div {padding-top:10px}

#faq-kim img,
#faq-karen img{margin:0 !important;}

/* ABOUT US */
.page-id-13 h3 {margin:30px 0 16px}
#aboutUsPics {float:right; margin-right:-10px}

/* CONTACT */
.page-id-15 #content h2:first-child {margin-top:0; overflow:hidden}
.page-id-15 #content h3:first-child {margin-top:40px}
.page-id-15 #content h3 {clear:left}
.page-id-15 #content .wpcf7 h2 {float:none; margin-top:0}
.wpcf7 {float:right; margin:0 -10px 2em 3em !important; border:1px solid #ccc; background:#f6f6f6; padding:1em !important}
.wpcf7 p {text-transform:uppercase; font-size:.9em !important; margin:0; line-height:1}
.wpcf7 p span input {margin:2px 0 1em; padding:.3em !important}
.wpcf7 p span input,
.wpcf7 p textarea {font-size:13px !important}
.wpcf7 p select {margin:2px 0 1em; width:210px !important}
.wpcf7 p textarea {margin:2px 0 0; width:400px; padding:20px}

#traditionalContactInfo h2 {padding-top:.3em !important}