/*   
THEME NAME: JRA_Theme
VERSION: 0.1
Theme URI: http://digwp.com
DESCRIPTION: Custom theme for Johnson Realty Advisors.
Author: Lisa Pecunia
Author URI: http://LisaPecunia.com
*/

@media screen {

* { margin: 0; padding: 0; }
body { background: white; font: 14px/1.4 Georgia, Serif; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 960px; margin: 20px auto; }

h1, h2, h3 { margin: 0 0 10px 0; }
h1 { }
h2 { }
h3 { }

p { margin: 0 6px 10px 0; }
a { }
a:hover { } 

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }


} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt;}
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */

html, body {
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	color: #333;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	height: 100%;
	width: 100%;
}

div {
	text-align: left;
}

a {
	border: 0;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

img { border: 0; }

#bgSlideshow {
    position: absolute; /* needed for footer positioning*/
    margin: 0 auto; /* center, not in IE5 */
	padding: 0;
    width: 100%;
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treated as min-height*/
    min-height: 100%; /* real browsers */
	background-position: 50% 50%;
	/* background-image: url(images/background/concrete_sculpture2.jpg); */
	background-repeat: no-repeat;
	background-size: 100%;
}

#bgSlideshow img
{
    width: 100%;
    height: 100%;
}


#container {
    position: relative; /* needed for footer positioning*/
    margin: 0 auto; /* center, not in IE5 */
	padding: 0;
    width: 100%;
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/
    min-height: 100%; /* real browsers */
}

#header {
	margin: 0;
	padding: 0px;
	height: 90px;
	width: 100%;
    border-bottom: 2px solid #000;
    position: relative;
	background-color: #1b1718;
	/* background-image: url(images/header_back.jpg); */
	background-image: url(images/header_back2.jpg);
	background-repeat: no-repeat;
}

#header_logo {
	margin-left: 15px;
	float: left;
	padding: 4px;
	width: 239px;
	height: 35px;
}

#header #tagline {
	margin-left: 415px;
	height: 60px;
	line-height: 60px;
	border: 0;
	color: #dddddd;
	width: 360px;
	font-size: 16px;
}

#social_flag {
	position:absolute;
	right: 30px;
	top: -4px;
	height: 115px;
	width: 50px;
}

#content {
	height: 100%;
	width: 100%;
}

#topnav {
	height: 27px;
	background-color: #000;
	margin-top: 0px;
	padding: 0;
}

ul.horizontal_nav {
	display:inline;
	color: white;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	margin: 0px;
	margin-left: 10px;
	padding: 0;
	line-height: 27px;
}

ul.horizontal_nav li {
	height: 26px;
	line-height: 26px;
	padding: 6px 12px;
	display:inline;
}

ul.horizontal_nav li.active, ul.horizontal_nav li.current_page_item {
	background-color: #ffcc00;
}

ul.horizontal_nav li a {
	color: #FFF;
}

ul.horizontal_nav li.active a, ul.horizontal_nav li.current_page_item a {
	color: #000;
}


#footer {
	position: absolute;
	bottom: 0;
	height: 46px;
	width: 100%;
    border-top: 7px solid #000;
	background-color: #1b1718;
	padding: 0;
	color: #DEDEDE;
	font-size: 13px;
}

#footer_logo {
	float: right;
	background-image: url(images/footer_logo.jpg);
	background-repeat: no-repeat;
	width: 200px;
	height: 30px;
	margin-top: 8px;
	padding-right: 40px;
}

#footer_contact, .footer_address {
	line-height: 44px;
	height: 44px;
	margin-left: 12px;
	float: left;
}

#footer a {
	color: #FFF;
	font-weight: 550;
}

.footer_address {
	color:#CCC;
	margin-left: 30px;
}

.clear {
	clear: both;
}

div#center_frame, 
div#center_frame_portfolio, 
div#center_frame_portfolio_list, 
div#center_frame_advisor {
	margin: 40px 250px;
	width: 552px;
	height: 380px;
	background: url(images/content_back.png);
	background-repeat: no-repeat;
	padding: 28px;
	font-size: 12px;
	line-height: 1.4em;
}
div#center_frame_advisor {
	background: url(images/content_back_advisor2.png);
	background-repeat: no-repeat;
	padding-top: 20px;
}
.center_frame_image, 
.center_frame_portfolio_image,
.center_frame_advisor_image {
	float: left;
	margin-right: 10px;
	width: 235px;
	height: 325px;
}
.center_frame_advisor_image { /* 100px less than normal */
	width: 130px;
	color: white;
	font-family: "Helvetica Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
	text-align: right;
}
.center_frame_text, 
.center_frame_portfolio_text, 
.center_frame_advisor_text {
	overflow: auto;
	width: 307px;
	height: 325px;
}
.center_frame_advisor_text {  /* 100px more than normal */
	width: 380px;
	height: 305px;
	padding: 10px;
	margin-top: 10px;
}

/* overrides for portfolio format */
div#back_porfolio_list {
	position: absolute;
	top: 6px;
	left: -35px;
	z-index: 1;
}
div#center_frame_portfolio {
	width: 556px;
	height: 369px;
	background: url(images/content_back_portfolio2.png);
	background-repeat: no-repeat;
	padding: 31px 39px 39px 31px;
	position: relative;
	z-index: 10;
}
.center_frame_portfolio_image {
	width: 360px;
	height: 320px;
}
.center_frame_portfolio_text {
	width: 172px;
	font-family: "Helvetica Narrow", "Arial Narrow", Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 15px;
	color: #FFF;
	padding-left: 13px;
	overflow: hidden;
	position: relative;
	top: -13px;
}
.center_frame_portfolio_text h2, .portfolio_list_container h2 {
	font-family: Helvetica Narrow, Arial Narrow, Arial, Helvetica, sans-serif; 
	font-weight: bold;
}
div#center_frame_portfolio_list {
	width: 679px;
	height: 400px;
	background: url(images/portfolio_list_back.png);
	background-repeat: no-repeat;
	padding: 24px 0px 24px 24px;
	position: relative;
	margin-left: 200px;
}

div.advisor_name {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	margin-top: 10px;
}
div.advisor_title {
	text-align: right;
}
div.advisor_phone {
	color: #FFFFFF;
	text-align: right;
	font-size: 16px;
}
div.advisor_email {
	text-align: right;
	font-size: 13px;
}
div.advisor_email a {
	color: #00CCFF;
	font-size: 15px;
}

div#subnav ul#advisors_nav {
	margin-left: 10px;
	line-height: 12px;
}
div#subnav ul#advisors_nav li {
	padding-top: 0;
	background-image: url(images/white_disc2.png);
	background-repeat: no-repeat;
}

.portfolio_list_container {
	width: 180px;
	height: 335px;
	padding: 7px;
	margin-right: 22px;
	float: left;
	background-color: #e7e7e7;
	overflow: hidden;
}
.portfolio_list_container:hover {
	cursor: pointer;
	background-color: #c6c6c6;
}

.portfolio_list_thumb {
	font-size: 90%;
	color: black;
	height: 100%;
}
.portfolio_list_thumb .post {
	height: 100%;
	position: relative;
}

.portfolio_list_thumb .post .more-link {
	position: absolute;
	bottom: 0;
	right: 0;
	font-style: italic;
	margin-right: 5px;
	color: #000;
	visibility: hidden;
}
.portfolio_list_thumb .post .more-link a {
	color: #006;
}
.portfolio_list_thumb .post .more-link a:hover {
	color: #00C;
}

#portfolio_nav_buttons
{
	position: absolute;
	z-index: 100;
	width: 66px;
	height: 32px;
	left: 535px;
	top: 368px;
}
#portfolio_list_nav_buttons
{
	position: absolute;
	z-index: 100;
	width: 66px;
	height: 32px;
	left: 585px;
	top: 385px;
}

#portfolio_nav_buttons a, #portfolio_list_nav_buttons a
{
	width:32px; 
	height:32px; 
}

img#btn_prev {
	float: left;

}

img#btn_next {
	float: right;

}

#portfolio_nav_buttons a[rel=prev]
{
	display: inline-block;
	background:url("/wp-content/themes/jra/images/btn_prev_on.png") left top no-repeat;
}
#portfolio_nav_buttons a:hover img
{ position:absolute; left:-999em; top:-999em;}

#portfolio_nav_buttons a[rel=next]
{
	display: inline-block;
	float: right;
	background:url("/wp-content/themes/jra/images/btn_next_on.png") left top no-repeat;
}
a:hover {
	zoom:1; 
}
.address {
	color: #FFC;
}

.center_frame_widetext {
	overflow: auto;
	width: 553px;
	height: 325px;
}

.center_frame_text h2, 
.center_frame_widetext h2, 
.center_frame_portfolio_text h2 {
	margin-top: 4px;
}

.center_frame_text #post-5 h2 { /* for home page only */
	font-size: 17px;
}



#page_title_listings, 
#page_title_company,
#page_title_services,
#page_title_clients,
#page_title_portfolio {
	position: relative;
	top: -99px;
	left: 453px;
	height: 62px;
	width: 400px;
	background-repeat: no-repeat;
}
#page_title_listings {
	background-image: url(images/PGTITLE-Listings.png);
}
#page_title_company {
	background-image: url(images/PGTITLE-Company.png);
}
#page_title_services {
	background-image: url(images/PGTITLE-Services.png);
}
#page_title_clients {
	background-image: url(images/PGTITLE-Clients.png);
}
#page_title_portfolio {
	background-image: url(images/PGTITLE-Portfolio.png);
}

div#subnav_container {
	width: 173px;
	height: 298px;
	background: url(images/subnav_back4.png);
	background-repeat: no-repeat;
	/* padding: 13px; */
	position: absolute;
	top: 130px;
	left: 18px;
}

div#subnav {
	width: 139px;
	height: 246px;
	margin: 13px 21px 19px 13px;
	background: url(images/subnav_back_inner.png);
	background-repeat: repeat;
	overflow: hidden;
	padding: 0px;
	font-size: 11px;
}

div#subnav .subnav_section {
	background-color: black;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 36px;
	background-image: url(images/subnav_section_back.png);
	height: 36px;
	width: 139px;
	padding: 0 0 0 12px;
	margin: 0;
}

div#subnav a {
	color: white;
}

div#subnav ul {
	color: white;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 140px;
	/* height: 128px; */
}

div#subnav li {
	color: white;
	line-height: 16px;
	padding-left: 28px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-image: url(images/white_disc.png);
	background-repeat: no-repeat;
}

div#subnav li.active {
	background-color:#ffcc00;
	background-image: url(images/black_disc.png);
	background-repeat: no-repeat;
}

div#subnav li.active a {
	color: black;
}

/* hack to get rid of blog menu item */
ul.horizontal_nav li.page-item-2 {
	display: none;
}

table.current_listings {
	width: 535px;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
	border-collapse: collapse;
	width: 98%;
}

table.current_listings th.address {
	width: 300px;
	color: black;
	font-weight: bold;
}
table.current_listings th.listing_col2 {
	width: 85px;
	font-weight: bold;
}
table.current_listings th.listing_col3 {
	width: 100px;
	font-weight: bold;
}
table.current_listings td {
	background-color: #e5e5e5;
	border-bottom: 10px white solid;
	height: 48px;
}

table.current_listings td a, 
table.current_listings th.address {
	padding-left: 8px;
}

table.directory {
	border-collapse: collapse;
	width: 98%;
}

table.directory tr.bottom td {
	border-bottom: 0;
}

table.directory td {
	padding: 1px;
	margin: 0;
	font-size: .9em;
	height: 48px;
	background-color: #e5e5e5;
	border-bottom: 10px white solid;
}