/*
Theme Name: John Madison Landscape
Author: Vitriol
Author URI: http://vitriolconsult.com
*/

@import url('css/reset.css');

html, body { margin:0; padding:0; width:100%; height:100%; min-height:100%; }

body {
	background:#000;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
}

body a {
	color:#000;
	text-decoration:none;
}

body a img {
	border:none;
}

#wrap {
	position:relative;
	width:100%; height:100%;
	min-width:980px;
	margin:0; padding:0;
}

.wrap {
	position:relative;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

.xhide { display:none; }

/*-------------------------------------------------------
		HEADER
--------------------------------------------------------*/

#header {
	position:relative;
	display:block;
	height:148px;
	background:url(images/head-bg.png) repeat top left;
	
	color:#fff;
}

#header .fblink {
	position:absolute;
	top:25px; left:300px;
}

#header .hgtv-link {
	position:absolute;
	top:17px; left:405px;
}

#header .bhfh-link {
	position:absolute;
	top:25px; left:490px;
}

#header .blurb {
	position:absolute;
	top:35px; right:0;
}

#header .blurb h1 {
	margin:0; padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	text-align:right;
	font-weight:normal;
}

#nav {
	position:absolute;
	top:86px; right:0px;
	width:700px;
}

#nav>div {
	display:block;
}

#nav a {
	color:#fff;
	font-weight:bold;
	font-size:13px;
}

#nav ul {
	display:block;
	text-align:right;
}

#nav ul li {
	position:relative;
	display:inline-block;
	height:32px;
	margin:0 8px;
	padding:0 3px;
	text-align:center;
	
	*display:inline;
	*zoom:1;
}

#nav>div>ul>li:hover, #nav>div>ul>li.current-menu-item, #nav>div>ul>li.current-menu-parent {
	background:url(images/nav_bg.png) repeat top left;
}

#nav>div>ul>li>a {
	display:inline-block;
	padding:14px 0 0 0;
	color:#fff;
}

#nav li:hover>a, #nav li.current-menu-item>a, #nav li.current-menu-parent>a {
	color:#a6ce39;
}

#nav ul li ul {
	display:none;
	position:absolute;
	top:25px; left:0;
	width:500px;
	padding-top:15px;
	text-align:left;
}

#nav ul li ul li {
	padding:0;
	text-align:left;
	white-space:nowrap;
}

#nav ul li ul li:first-child {
	margin-left:0;
}

#nav ul li ul li a {
	color:#fff;
}

#nav ul li ul li a:hover {
	color:#a6ce39;
}

/* effect */
#nav .eff {
	display:none;
	position:absolute;
	margin:0; padding:0;
}

#nav li.current-menu-item .eff, #nav li.current-menu-parent .eff {
	display:block;
}

#nav .bgl {
	top:0; left:-9px;
	width:9px; height:32px;
	background:url(images/nav_left.png) no-repeat top left;
}

#nav .bgr {
	top:0; right:-9px;
	width:9px; height:32px;
	background:url(images/nav_right.png) no-repeat top left;
}

#nav .bgb {
	bottom:-6px; left:50%;
	width:15px; height:6px;
	margin-left:-7px;
	background:url(images/nav_point.png) no-repeat top left;
}

/*-------------------------------------------------------
		CONTENT
--------------------------------------------------------*/
#content {
	position:relative;
	display:block;
	margin:20px 0;
	padding:0;
	
	font-size:13px;
	line-height:1.6em;
}

#content .panel {
	display:block;
	margin:0; padding:0;
}

#content .panel .panel-head {
	display:block;
	height:16px;
	margin:0; padding:0;
	background:url(images/panel-head.png) no-repeat top left;
}

#content .panel .panel-foot {
	display:block;
	height:16px;
	margin:0; padding:0;
	background:url(images/panel-foot.png) no-repeat top left;
}

#content .panel .panel-content {
	position:relative;
	display:block;
	margin:0; padding:5px 20px;
	background:url(images/panel-body.png) repeat-y top left;
	overflow:hidden;
}

#content p {
	margin-bottom:10px;
}

#content .jml_msg {
	font-weight:bold;
	margin-bottom:10px;
}

#content h1 {
	margin-bottom:10px;
	font-size:18px;
}

#content h2 {
	margin-bottom:10px;
	font-size:15px;
}

#content .cols {
	position:relative;
	display:block;
	padding:0 7px;
	overflow:hidden;
}

#content .cols .col {
	position:relative;
}

#content .cols .col50 {
	width:48%;
}

/* page related */
#content .panel-content h3 {
	font-size:13px;
	margin-bottom:4px;
}

#content .panel-content ul {
	margin-bottom:15px;
	margin-left:25px;
}

#content .panel-content ul li {
	list-style-type:disc;
}

#content .panel-content a {
	color:#2f631c;
	text-decoration:underline;
}

#content .panel-content a:hover {
	text-decoration:none;
}

#content img {
	/*border:#000 1px solid;*/
}

/*-------------------------------------------------------
		GENERAL GALLERY
--------------------------------------------------------*/
.jml_gallery {
	position:relative;
	width:960px;
	overflow:hidden;
}

.jml_gallery .frame {
	position:absolute;
	z-index:8998;
}

.jml_gallery .window ul {
	position:relative;
	width:999em;
	margin:0; padding:0;
}

.jml_gallery .window ul li {
	position:relative;
	float:left;
	overflow:hidden;
}

.jml_gallery .window ul li div.gallery_image {
	position:absolute;
	top:0; left:0;
	overflow:hidden;
}

.jml_gallery .window ul li div.gallery_image img {
	position:relative;
}

.jml_gallery .window ul li div.after {
	left:auto; right:0;
	width:457px;
	border-left:#f7f7f9 1px solid;
}

.jml_gallery .window ul li a.gexpand {
	display:block;
	position:absolute;
	top:10px; left:10px;
	width:25px; height:19px;
	background:url(images/expand-icon.png) no-repeat top left;
	z-index:8999;
}

.jml_gallery .window ul li div.after a.gexpand {
	left:auto; right:10px;
}

.jml_gallery .window ul li .description {
	position:absolute;
	bottom:-400px; left:0;
	display:block;
	padding:10px 20px;
	background:url(images/slide-txt-bg.png) repeat top left;
	z-index:8999;
	color:#fff;
	font-size:11px;
}

.jml_gallery .window ul li .description a.gclose {
	position:absolute;
	top:5px; right:10px;
	z-index:8999;
	font-size:10px;
	color:#fff;
}

.jml_gallery .window ul li .description h2 {
	font-size:12px;
	text-transform:uppercase;
}

.jml_gallery .txt_info {
	display:block;
	position:absolute;
	top:530px;
	background:url(images/nav_bg.png) repeat top left;
	padding:5px;
	color:#fff;
	font-size:12px;
	text-transform:lowercase;
	font-weight:bold;
	z-index:8998;
}

.jml_gallery .txt_before { left:0; }
.jml_gallery .txt_after { right:0; }

/*-------------------------------------------------------
		HOME GALLERY
--------------------------------------------------------*/
#home-gallery {
	height:438px;
	margin-bottom:20px;
}

#home-gallery .frame-top {
	top:0; left:0;
	width:960px; height:35px;
	background:transparent url(images/home-frame-top.png) no-repeat top left;
}

#home-gallery .frame-bottom {
	bottom:0; left:0;
	width:960px; height:35px;
	background:transparent url(images/home-frame-bottom.png) no-repeat top left;
}

#home-gallery .frame-left {
	top:35px; left:0;
	width:35px; height:368px;
	background:transparent url(images/home-frame-left.png) no-repeat top left;
}

#home-gallery .frame-right {
	top:35px; right:0;
	width:35px; height:368px;
	background:transparent url(images/home-frame-right.png) no-repeat top left;
}

#home-gallery .window {
	position:absolute;
	top:22px; left:24px;
	width:913px; height:393px;
	background:#e3e3eb;
	overflow:hidden;
}

#home-gallery .window ul li {
	width:913px; height:393px;
}

#home-gallery .controls {
	display:none;
	position:absolute;
	top:50%; left:50%;
	width:250px; height:104px;
	margin:-52px 0 0 -125px;
	overflow:visible;
	z-index:8998;
	white-space:nowrap;
}

#home-gallery .controls a {
	display:inline-block;
	height:101px;
	margin-left:10px;
	background:url(images/gal_controls.png) no-repeat;
	
	*display:inline;
	*zoom:1;
}

#home-gallery .controls a:first-child { margin-left:0; }

#home-gallery .controls a span {
	display:none;
}

#home-gallery .controls a.gprev { width:61px; background-position:-5px 0; }
#home-gallery .controls a.gprev:hover { background-position:-5px -120px; }

#home-gallery .controls a.gplay { width:102px; background-position:-78px 0; }
#home-gallery .controls a.gplay:hover { background-position:-78px -120px; }

#home-gallery .controls a.gpause { width:102px; background-position:-191px 0; }
#home-gallery .controls a.gpause:hover { background-position:-191px -120px; }

#home-gallery .controls a.gnext { width:61px; background-position:-305px 0; }
#home-gallery .controls a.gnext:hover { background-position:-305px -120px; }

/*-------------------------------------------------------
		PHOTO GALLERY
--------------------------------------------------------*/
#galleries {
	height:452px;
}

#galleries .frame-top {
	top:0; left:0;
	width:960px; height:35px;
	background:transparent url(images/galleries-top.png) no-repeat top left;
}

#galleries .frame-left {
	top:35px; left:0;
	width:35px; height:352px;
	background:transparent url(images/galleries-left.png) no-repeat top left;
}

#galleries .frame-right {
	top:35px; right:0;
	width:35px; height:352px;
	background:transparent url(images/galleries-right.png) no-repeat top left;
}

#galleries .frame-bottom {
	bottom:0; left:0;
	width:960px; height:65px;
	background:transparent url(images/galleries_btm.png) no-repeat top left;
	z-index:8999;
	
	text-align:center;
}

#galleries .frame-bottom .wp-pagenavi {
	position:relative;
	top:25px;
	padding:5px;
	color:#777;
}

#galleries .frame-bottom .wp-pagenavi span {
	text-align:center;
	padding:2px 3px;
	margin:0 2px;
}

#galleries .frame-bottom .wp-pagenavi span:first-child {
	padding-right:10px;
}

#galleries .frame-bottom .wp-pagenavi span.current {
	border:#777 1px solid;
}

#galleries .frame-bottom .wp-pagenavi a {
	padding:2px 3px;
	margin:0 2px;
	text-align:center;
	color:#777;
}

#galleries .frame-bottom .wp-pagenavi a.previouspostslink {
	position:absolute;
	top:4px; left:25px;
}

#galleries .frame-bottom .wp-pagenavi a.nextpostslink {
	position:absolute;
	top:4px; right:25px;
}

#galleries .window {
	position:absolute;
	top:22px; left:24px;
	width:913px; height:377px;
	padding:25px 0 0 25px;
	background:#e3e3eb;
	overflow:hidden;
}

#galleries .window  .gallery {
	position:relative;
	float:left;
	width:273px;
	margin:0 25px 25px 0;
}

#galleries .window  .gallery a.thumb {
	display:block;
	width:273px; height:121px;
	margin:0 0 10px 0; padding:0;
	overflow:hidden;
}

#galleries .window  .gallery a {
	color:#777777;
	font-weight:bold;
	font-size:12px;
	text-transform:capitalize;
}

/* single galley */
#gallery {
	position:relative;
	width:960px; height:628px;
	margin:0 0 25px 0; padding:0;
	overflow:hidden;
}

#gallery .frame-top {
	top:0; left:0;
	width:960px; height:35px;
	background:transparent url(images/gallery-top.png) no-repeat top left;
}

#gallery .frame-left {
	top:35px; left:0;
	width:35px; height:528px;
	background:transparent url(images/gallery-left.png) no-repeat top left;
}

#gallery .frame-right {
	top:35px; right:0;
	width:35px; height:528px;
	background:transparent url(images/gallery-right.png) no-repeat top left;
}

#gallery .frame-bottom {
	bottom:0; left:0;
	width:960px; height:65px;
	background:transparent url(images/gallery-bottom.png) no-repeat top left;
}

#gallery .window {
	position:absolute;
	top:22px; left:24px;
	width:915px; height:557px;
	margin:0; padding:0;
	background:#e3e3eb;
	overflow:hidden;
}

#gallery .window ul li {
	width:915px; height:557px;
}

#gallery .back-to-photos {
	position:absolute;
	top:30px; left:25px;
	font-size:11px;
	color:#777;
}

#gallery .back-to-photos a { color:#777; }

#gallery .image-count {
	position:absolute;
	top:30px; right:25px;
	font-size:11px;
	color:#777777;
}

#gallery .controls {
	position:absolute;
	top:20px; left:50%;
	margin-left:-45px;
	width:100px;
}

#gallery .controls a {
	display:inline-block;
	height:34px;
	margin:0 7px;
	background:url(images/gallery-controls.png) no-repeat;
	
	*display:inline;
	*zoom:1;
}

#gallery .controls a span {
	display:none;
}

#gallery .controls a.gprev { width:15px; background-position:0 0; }
#gallery .controls a.gnext { width:15px; background-position:-71px 0; }
#gallery .controls a.gplay { width:17px; background-position:-25px 0; }
#gallery .controls a.gpause { width:17px; background-position:-48px 0; }

/*-------------------------------------------------------
		BLOG
--------------------------------------------------------*/
#posts {
	color:#333333;
}

#posts a {
	color:#333333;
}

#posts .post {
	display:block;
	margin-bottom:20px;
}

#posts .post .post-head {
	display:block;
	margin-bottom:15px;
	overflow:hidden;
}

#posts .post .post-head h2 {
	position:relative;
	float:left;
	max-width:80%;
	font-size:16px;
}

#posts .post .post-head h2 a {
	color:#333;
}

#posts .post .post-head .post-date {
	position:relative;
	float:right;
	font-style:normal;
	font-size:11px;
}

#posts .post .post-excerpt {
}

#posts .post .post-content {
	display:none;
}

#posts .post .xshow {
	display:block !important;
}

#posts .post .post-foot {
	display:block;
	overflow:hidden;
}

#posts .post .post-foot a.trig {
	position:relative;
	float:left;
	padding-right:15px;
	background:url(images/post-trig-arrow.png) no-repeat;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

#posts .post .post-foot a.xopen { background-position:right -12px; }
#posts .post .post-foot a.xclose { background-position:right 2px; }

#posts .post .post-foot .social {
	position:relative;
	float:right;
	text-align:right;
}

#posts .post .post-foot .social a.sicon {
	display:inline-block;
	width:16px; height:16px;
	margin-left:2px;
	background:url(images/social-icons.png) no-repeat;
	
	*display:inline; *zoom:1;
}

#posts .post .post-foot .social a.sicon span { display:none; }

#posts .post .post-foot .social a.s1 { background-position:0 0; }
#posts .post .post-foot .social a.s1:hover { background-position:0 -17px; }

#posts .post .post-foot .social a.s2 { background-position:-19px 0; }
#posts .post .post-foot .social a.s2:hover { background-position:-19px -17px; }

#posts .post .post-foot .social a.s3 { background-position:-38px 0; }
#posts .post .post-foot .social a.s3:hover { background-position:-38px -17px; }

#posts .post .post-foot .social a.s4 { background-position:-57px 0; }
#posts .post .post-foot .social a.s4:hover { background-position:-57px -17px; }

#posts .post .post-foot .social a.s5 { background-position:-76px 0; }
#posts .post .post-foot .social a.s5:hover { background-position:-76px -17px; }

#posts .post .post-foot .social a.s6 { background-position:-95px 0; }
#posts .post .post-foot .social a.s6:hover { background-position:-95px -17px; }

#posts .post .post-foot .social a.s7 { background-position:-114px 0; }
#posts .post .post-foot .social a.s7:hover { background-position:-114px -17px; }

#posts .post .post-foot .social a.s8 { background-position:-133px 0; }
#posts .post .post-foot .social a.s8:hover { background-position:-133px -17px; }

#posts .pagi {
	display:block;
	overflow:hidden;
	text-align:center;
}

#posts .pagi a {
	display:inline-block;
	width:112px; height:23px;
	margin:0 5px;
	background:url(images/blog-pagi.png) no-repeat;
	
	*display:inline; *zoom:1;
}

#posts .pagi a.previouspostslink { background-position:0 0; }
#posts .pagi a.previouspostslink:hover { background-position:0 -29px; }

#posts .pagi a.nextpostslink { background-position:-125px 0; }
#posts .pagi a.nextpostslink:hover { background-position:-125px -29px; }

/*-------------------------------------------------------
		TESTIMONIALS
--------------------------------------------------------*/
#testimonials {}

#testimonials .testimonial {
	display:block;
	margin:0 0 30px 0;
	text-align:left;
}

#testimonials .testimonial .signature {
	display:block;
}

#testimonials .pagi {
	position:relative;
	display:block;
	padding:5px 0;
	overflow:hidden;
	text-align:center;
}

#testimonials .pagi a {
	text-decoration:none;
	color:#000;
}

#testimonials .pagi a.previouspostslink {
	position:relative;
	float:left;
}

#testimonials .pagi a.nextpostslink {
	position:relative;
	float:right;
}

#testimonials .pagi span.pages {
	padding-right:10px;
}

#testimonials .pagi a.page, #testimonials .pagi span.current {
	padding:1px 3px;
}

#testimonials .pagi span.current {
	border:#333 1px solid;
}

/*-------------------------------------------------------
		AFFILIATIONS
--------------------------------------------------------*/
#affiliations {}

#affiliations .affiliation {
	display:block;
	position:relative;
	width:400px;
	float:left;
	margin:0 15px 50px 15px;
	overflow:hidden;
}

#affiliations .affiliation .logo {
	position:relative;
	width:175px;
	float:left;
	margin-right:10px;
	text-align:center;
}

#affiliations .affiliation .txt {
	position:relative;
	float:left;
	width:180px;
	text-align:center;
}

/*-------------------------------------------------------
		TEAM
--------------------------------------------------------*/
#team {
	display:block;
	margin-top:50px;
}

#team img {
	border:#2f631c 1px solid;
}

#team .team-member {
	position:relative;
	float:left;
	width:400px;
	margin:0 10px 25px 10px;
}

#team .team-member .headshot {
	position:relative;
	float:left;
	width:120px;
	margin:0 10px 25px 10px;
}

#team .team-member .txt {
	position:relative;
	float:left;
	width:250px;
}

#team .team-member h3 {
	font-size:18px;
}

#team .team-member a { text-decoration:none; }

/*-------------------------------------------------------
		FOOTER
--------------------------------------------------------*/
#friends-foot {
	margin:15px 0; padding:0;
	text-align:center;
}

#friends-foot img {
	margin:0 5px;
	vertical-align:top;
}

#footer {
	position:relative;
	display:block;
	margin:15px 0; padding:0;
	overflow:hidden;
	font-size:11px;
	color:#fff;
}

#footer .left {
	max-width:50%;
}

#footer a {
	color:#fff;
}

#footer a:hover {
	text-decoration:underline;
}

#footer h2 {
	display:inline-block;
	*display:inline;
	padding:6px 0;
	font-weight:normal;
}

#footer .smlogo {
	position:relative;
	top:-1px;
}


/*-------------------------------------------------------
		MISC
--------------------------------------------------------*/
.clear {
	clear:both;
}

.left, img.alignleft {
	float:left;
}

img.alignleft {
	margin-right:10px;
}

.right, img.alignright {
	float:right;
}

img.alignright {
	margin-left:10px;
}

img.aligncenter {
	display:block;
	margin:10px auto;
}

.afterclr {
	clear:right;
}

/*-------------------------------------------------------
		FORMS
--------------------------------------------------------*/
.xform {}

.xform label {
	display:block;
}

.xform .inp {
	width:100%;
	margin-bottom:10px;	
	background:#fff;
	border:#a0a0a0 1px solid;
	padding:2px 1px;
	

	font-size:11px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}