/*
Theme Name: Arch11
Theme URI: http://b5280.com/arch11
Description: Custom Theme for Arch11.com.
Version: 1.1.10
Author: Beyond 5280
Author URI: http://b5280.com/
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}
body {font:1em Arial, Verdana, san-serif; color:#333333; border-top: 40px solid #fff; overflow-y: scroll;} 
p, ul, dl {font-size: 13px; line-height: 19px;}
dl {margin: 6px 0 10px 0; overflow: hidden;}
dt {width: 300px; float: left;}
dd {width: 80px; float: right; margin: 0 20px 0 0;}
a {text-decoration: none; outline: none;}
a:active {outline:none;}
a:hover {text-decoration: underline;}
h3.pagetitle {margin-bottom: 15px; font-size: 17px; text-transform: uppercase; color: #5b4f20;}

#pageWrapper {width: 1024px; margin: 0 auto;}
#headerWrapper {width: 1002px; margin: 0 auto 15px auto; overflow: hidden;}
#header {float: right; position: relative; right: 20px;}
#header li {float: left; margin: 0 0 0 90px; border-left: 1px solid #5b4f20; height: 76px; padding: 5px 0 0 0px; text-transform: uppercase;font-size: 17px;}
#header .page-item-5 {width: 151px;}
#header .page-item-23 {width: 123px;}
#header .page-item-1600 {width: 81px;}
#header li a {color: #5b4f20; padding-left: 10px;}
#header li a:hover {color: #ffb30f;}
#header li ul li { font-size: 12px; float: none; border: none; margin: 0; padding: 0; height: auto;}
#header li ul li a, #header li.current_page_item ul li a {color: #666666; padding-left: 10px;}
#header li ul li a:hover, #header li.current_page_item a, #header li ul .current_page_item>a, #header li ul .current_page_ancestor>a, #header li ul .current_page_parent>a, #news #header li ul .page-item-25 a, #blog #header li ul .page-item-27 a {color: #ffb30f; text-decoration: none;}
#header li ul li ul {position: absolute; width: 200px;left: -100px; top: 24px; height: 56px; padding: 0; text-align: right; display: none;background: url(/helpers/themes/arch11/images/childNavBG.1.0.gif) right top repeat-y transparent;}
#header li ul li ul li {padding: 0 20px 0 0;}
.commercial #header .page-item-19 ul {display: block;}
.residential #header .page-item-16 ul {display: block;}
.in-the-works #header .page-item-21 ul {display: block;}
#header li ul li:hover ul {display: block; z-index: 999;}
#header li:hover>a {color: #ffb30f;}
#header>li:hover>a{color: #5b4f20;}
#header>li:hover>a:hover {color: #ffb30f;}
#news #header li ul .page-item-27 a, #blog #header li ul .page-item-25 a{color: #5b4f20;}
#news #header li ul .page-item-27 a:hover, #blog #header li ul .page-item-25 a:hover{color: #ffb30f;}

#contentArea {margin: 14px auto 0 auto; width: 982px; background: url(/helpers/themes/arch11/images/arch11BgFaint1.6.gif) 0 19px no-repeat #fff;}
.columns {width: 434px; float: left;}
#home #contentArea {height: 630px; background: url(/helpers/themes/arch11/images/arch11BgImg1.1.gif) 0 19px no-repeat #fff;}
#home #content {display: none;}
#page #contentArea {height: 630px;}
#blog #contentArea, #news #contentArea {background: none; min-height: 630px;}
.media #contentArea {min-height: 630px; height: auto !important;}
#content {padding: 20px 0 15px 0; overflow: hidden;} 
.media #content {padding: 20px 0 0 0;}
#content h2 {font-size: 17px; color: #ffb30f; margin: 0; padding: 0; line-height: 13px;}
/* directions page */
#mapContent {width: 395px; float: left;}
#map {width: 580px; height: 300px; margin-top: 30px; }
/* image grid for projects */
.arch11Proj {float: right; margin: -5px 0 0 0; clear: none;}
#projectsText {float: left; width: 360px; margin: 0 10px 0 1px; clear: none; }
#projectsText p {font-size: 14px; color: #3e1b07; line-height: 19px; margin: 5px 0 15px 0;}
.arch11Proj .gallery-item {float: left; margin: 0 0 3px 7px; border: 1px solid #fff; width: auto;}
.arch11Proj .gallery-item:hover {border: 1px solid #ffb30f;}
.arch11Proj .gallery-item a {padding: 0; margin:0;}
.arch11Proj .gallery-icon {margin: 5px 5px 0 5px; height: 120px; width: 168px; float: none;}
.arch11Proj .gallery-icon a img {width: 168px; height: 112px;}
.arch11Proj .gallery-caption {font-size: 15px; color: #5b4f20; margin: 4px 5px 4px 5px; line-height: 20px; width: auto; float: none;}
* html .arch11Proj .gallery-item {width: 190px;}

/* image grid for Inv Project */
.arch11Comm {float: left; width: auto; margin: 0 0 12px 32px; padding: 0; clear: none;}
* html .arch11Comm {margin-left: 28px;}
#projectDesc {clear: none; float: right; width: 302px; margin: 0; }
#projectDesc p {font-size: 12px; color: #3e1b07; line-height: 19px; margin: 5px 0 15px 0;}
.arch11Comm .gallery-item {float: left; margin: 0 0 4px 4px; }

.arch11Comm .gallery-item a {padding: 0; margin:0;}
.arch11Comm .gallery-icon {margin: 0; width: 97px; height: 65px;border: 1px solid #fff; float: none;}
.arch11Comm .gallery-icon:hover {border: 1px solid #ffb30f;}
.arch11Comm .gallery-caption {display: none;}
#largeImage {float: left; clear: none; width: 640px; height: 640px;}
#largeImage img {float: right; margin: 1px 0 0 0;}
#imgLoading {background: url(/helpers/themes/arch11/images/loading.gif) no-repeat right top; width: 570px; height: 300px;}
/* image grid for Bios*/
.arch11Bio {float: left; margin: 0 0 15px 25px; clear: none;}
#bioText {clear: right; float: left; width: 640px; margin: 0; }
#bioText p {font-size: 12px; color: #3e1b07; line-height: 19px; margin: 5px 0 15px 0;}
.arch11Bio .gallery-item {float: left; margin: 0 0 11px 11px; border: 1px solid #fff; width: auto;}
.arch11Bio .gallery-item:hover {border: 1px solid #ffb30f;}
.arch11Bio .gallery-item a {padding: 0; margin:0;}
.arch11Bio .gallery-icon {margin: 0; width: 145px; height: 90px; float: none;}
.arch11Bio .gallery-caption {display: none;}
* html .arch11Bio {margin-left: 14px;}
* html .arch11Bio .gallery-item {width: 145px;}

#blog #contentArea, #news #contentArea {overflow: hidden;}
#blog #content, #news #content {width: 640px; float: left; margin: 0;}
#blog #content h2 a, #news #content h2 a {font-size: 17px; color: #ffb30f}
#blog #content h2, #news #content h2 {color: #a6a6a6; margin-bottom: 5px;}
#blog #content h2.header, #news #content h2.header {color: #ffb30f;}
#content {margin-bottom: 35px;}
.byline {font-size: 11px; color: #666; margin-bottom: 6px;}
.byline a {text-transform: uppercase; color: #666;}
.byline a:hover {color:#ffb30f;}
#content p {font-size: 12px; color: #3e1b07;margin: 10px 0;}
.postInfo {font-size: 11px; color: #666; margin-top: 10px;}
.postInfo a {text-transform: uppercase; color: #666;}
.post {margin-bottom: 25px;}
.entry a {text-transform: uppercase; color: #666;}
.entry a:hover {color: #ffb30f;}
.media dl a, .media dl a:active, .media dl a:link {text-decoration: underline; color: #31516b;}
.media dl a:hover { color: #ffb30f; text-decoration: none;}


#right { float: left; width: 304px; margin: 13px 0 0 36px;}
#blogside li, #right .searchcontainer li {border-left: 1px solid #cdcabc; margin-bottom: 25px; padding: 5px 0 5px 10px;}
#blogside h3, #right .searchcontainer h3 {text-transform: uppercase; color: #5b4f20; font-size: 17px; margin: 0 0 2px 0;}
#blogside li ul li, #right .searchcontainer li ul li {border: none; margin: 0; padding: 0;}
#blogside li ul li a {text-transform: uppercase; font-size: 12px; color: #666666;}
.searchcontainer input {padding: 3px; margin: 0; background:#fff;border:1px solid #5b4f20;vertical-align:top; color: #3e1b07}
.searchcontainer input:hover{background:#fcfcfc;}
.searchcontainer input:focus {border:1px solid #ffb30f; background:#fcfcfc; color:#3e1b07;}
.searchcontainer #s { height: 17px; width: 165px; }
.searchcontainer li {float: left;}
.searchcontainer input#searchsubmit {width: auto; font-size: 14px; font-weight: bold; padding: 2px; margin: 0 0 0 5px; color: #5b4f20; }
.searchcontainer input#searchsubmit:hover {color: #ffb30f}

#mapDirections input {padding: 3px; margin: 0; background:#fff;border:1px solid #5b4f20;vertical-align:top; color: #3e1b07; font-size: 12px;}
#mapDirections input:hover{background:#fcfcfc;}
#mapDirections input:focus {border:1px solid #ffb30f; background:#fcfcfc; color:#3e1b07;}
#mapDirections #dirAddress { height: 14px; width: 205px; }
#mapDirections label {display: block; margin: 15px 0 5px 0; font-size: 12px;}
#mapDirections {float: left; margin-top: 40px;width: 213px;}
#mapDirections input#getDirections {width: auto; font-size: 12px; padding: 2px; margin: 5px 0 0 0; color: #5b4f20; float: right; }
#mapDirections input#getDirections:hover {color: #ffb30f}
#mapDirections input#getDirections:disabled {color: #c1c1c1; border:1px solid #c1c1c1; }
#map {float: right; width: 548px;}
#projectsText {clear: right; float: left; width: 420px; margin: 0 0 0 1px;}
#projectsText p {font-size: 12px; color: #3e1b07; line-height: 19px; margin: 5px 0 15px 0;}
#projectsImage {float: right;}
/* Comment styling */
h3#comments, h3#respond {font-size: 14px; color: #5b4f20; margin-bottom: 10px;}
h3#respond {margin-bottom: -5px;}
h3#respond span {font-size: 12px; color: #c1c1c1;}
h3#respond span a {color: #ffb30f;}
#content .commentlist{width: 640px;}
#content .commentlist li {font-size: 12px; color: #ffb30f; padding: 10px 5px 5px 10px; margin-bottom: 10px; border: 1px solid #fff;}
#content .commentlist li cite a {color: #ffb30f}
#content .commentlist li small {color: #e8e8e8; font-size: 11px;}
#content .commentlist li p {color:#3e1b07; margin: 5px 0 0 0;}
#content .commentlist li.alt {border: 1px solid #cdcabc;}
#commentform textarea {padding: 3px; margin: 0; width: 632px; background:#fff;border:1px solid #5b4f20;vertical-align:top; color: #3e1b07; font-size: 12px;}
#commentform textarea:hover{background:#fcfcfc;}
#commentform textarea:focus {border:1px solid #ffb30f; background:#fcfcfc; color:#3e1b07;}
#commentform input#submit {width: auto; font-size: 12px; padding: 2px; margin: 5px 0 0 0; color: #5b4f20; float: right; background: #fff; border:1px solid #5b4f20;}
#commentform input#submit:hover {color: #ffb30f}
#commentform input#submit:disabled {color: #c1c1c1; border:1px solid #c1c1c1; }


#footer {clear: both; color: #c1c1c1; font-size:12px; width: 982px; margin: -50px auto 0 auto; padding: 50px 0 0 0; overflow: hidden; background: #fff;}
#footer a {color: #c1c1c1;}
#legal .copyright {}
#legal .address {margin-left: 120px; }
#legal .search {text-decoration: none; color: #c1c1c1; float: right; margin-right: 92px; height: 16px; width: 40px; padding: 0;}
#legal .searchcontainer {overflow: hidden; position: relative; top: 5px; right: 110px; width: 215px; color: #5b4f20; text-transform: uppercase; font-size: 17px; background: #fff; border: 1px solid #ffb30f; padding: 6px 10px; margin: 0;}  
#siteby {position: relative; margin: 0 auto; background: #fff; overflow: hidden; width: 982px;}
*:first-child+html #siteby {height: 65px;}
#siteby a {float: left;  clear: none; color: #c1c1c1; font-size: 11px; line-height: 10px;}