/*
Theme Name: Jess Vanlue
*/

html, body { margin:0; padding:0; width:100%; height:100%; min-height:100%; }
body { background:url(images/bg.png) repeat; color:#7c7a77; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
body a { color:#4c4946; text-decoration:none; }

h2 { font-size:18px; color:#4c4946; text-transform:uppercase; margin:0 0 10px 0; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

#wrap {
	width:1035px;
	margin:25px auto; padding:0;
}

/* header */
.a-head {
	position:relative;
	display:block;
	text-align:center;
	margin:0;
	z-index:9999;
}

.a-head .a-logo {
	display:block;
	text-align:center;
	margin-bottom:10px;
}

/* home page slideshow */
.home-slide {
	position:relative;
	display:block;
	background:url(images/home-bg.png) no-repeat top center;
	height:628px;
	text-align:center;
}
.home-slide div { position:absolute; top:28px; left:30px; width:980px; height:573px; overflow:hidden; }
.home-slide img { width:980px; height:573px; }

/* blog slideshow */
.a-head .a-slide {
	display:block;
	height:330px;
	background:url(images/blog-bg.png) no-repeat top center;
	z-index:900;
	margin-bottom:10px;
}
.a-head .a-slide img { position:relative; top:27px; left:0; }

/* nav */
.a-head .a-nav {
	display:block;
	text-align:center;
	margin:0;
	text-align:center;
	color:#FFF;
}

.a-head .a-nav a { color:#FFF; }

.a-head .a-nav ul { margin:0 auto; padding:0; text-align:center; }
.a-head .a-nav ul.nav-m-top {  }
.a-head .a-nav ul li {
	position:relative;
	float:left;
	list-style-type:none;
	margin:0; padding:0 40px;
	text-transform:lowercase;
	font-size:22px;
	text-align:center;
}

/* DD */
.a-nav ul li ul.hover {
	position:absolute;
	left:10px;
	padding:15px 0;
	background:none;
	display:none;
	z-index:9999;
	text-align:center;
}

.a-nav ul li ul.top-nav { top:24px; }
.a-nav ul li ul.btm-nav { bottom:24px; }

.a-head .a-nav ul li ul.hover li {
	display:block; width:100%;
	padding:5px 0;
	background:#7a756f;
	margin:2px 0;
	text-align:center;
	font-size:18px;
	white-space:nowrap;
}
.a-head .a-nav ul li ul.hover li a { padding:0 7px; }
.a-head .a-nav ul li ul.hover li:hover { background:#4c4946; }

/* blog items */
.b-content-wrap {
	position:relative;
	clear:both;
	padding:0; margin:0;
	z-index:500;
}

.b-content-wrap .b-head { position:relative; display:block; height:40px; background:url(images/round_top.png) no-repeat top center; margin:0; padding:0; z-index:499; }
.b-content-wrap .b-foot { position:relative; display:block; height:40px; background:url(images/round_bottom.png) no-repeat top center; margin:0; padding:0; z-index:499; }

.b-content-wrap .b-content {
	position:relative;
	display:block;
	min-height:100px;
	margin:0; padding:20px 60px;
	background:url(images/content_bg.png) repeat-y top center;
	line-height:1.4em;
	z-index:500;
}

.b-content-wrap .b-content .p-title { font-size:26px; color:#4c4946; font-weight:bold; margin-bottom:10px; }
.b-content-wrap .b-content .p-meta { font-size:12px; font-weight:bold; margin-bottom:10px; }
.b-content-wrap .b-content .p-content { margin-bottom:10px; line-height:1.5em; letter-spacing:.1em; }
.b-content-wrap .b-content .p-content p { margin-bottom:10px; }
.b-content-wrap .b-content .p-content img { max-width:901px; } /* dont allow images to overflow */
.b-content-wrap .b-content .p-actions { font-size:18px; margin-top:25px; text-align:center; white-space:nowrap; }
.b-content-wrap .b-content .p-actions a { padding:0 15px; color:#4c4946; }

.b-content-wrap .b-content .comments-wrap {
	position:relative;
	display:block;
	margin-top:25px;
	clear:both;
	text-align:justify;
}

.b-content-wrap .b-content .comments-wrap .comments {
	position:relative;
	width:875px; height:150px;
	overflow:hidden;
	padding-right:25px;
}

.b-content-wrap .b-content .comments-wrap .comments .comment {
	margin-bottom:15px; padding-top:15px;
	border-top:#7a756f 2px solid;
	color:#7a756f;
}
.b-content-wrap .b-content .comments-wrap .comments .comment .comments-author { font-size:14px; }

/* comment-form */
.b-content-wrap .b-content .comment-form { display:none; }

/* share-form */
.b-content-wrap .b-content .share-form { display:none; }

/* flower */
.b-content-wrap .flower {
	position:absolute;
	top:100px;
	z-index:1;
}
.b-content-wrap .flower-l { left:-135px; background:url(images/flower_red.png) no-repeat top left; width:156px; height:183px; }
.b-content-wrap .flower-r { right:-145px; background:url(images/flower_yellow.png) no-repeat top left; width:163px; height:246px; }

/* archives */
.archives {
	position:relative;
	width:550px; margin:0;
	overflow:hidden;
}
.archives a { color:#FFF; }
.archives p { position:relative; float:left; margin:0 10px 10px 0; padding:0; background:url(images/archive_bg.png) no-repeat top center; width:94px; height:77px; text-align:center; color:#FFF; padding-top:17px; font-size:16px; font-weight:bold; overflow:hidden; }
.archives p span { display:block; margin:10px 0; }

/* copyright */
.copyright {
	display:block;
	margin:30px 0 15px 0;
	padding:0 20px;
	overflow:hidden;
	color:#FFF;
	position:relative;
        font-size:8px;
	clear:both;
}

.copyright p { position:relative; }
.copyright a { color:#FFF; }

/*
.pagination-pages {
	position:absolute;
	top:50px; right:50px;
	text-align:right;
	margin:0;
	font-weight:bold;
}*/

.pagination {
	position:absolute;
	top:50px; right:50px;
	text-align:right;
	margin:0;
	font-weight:bold;
	font-size:14px;
}
.pagination span { padding:0 10px; }

/* forms */
form { margin:0; padding:0; }
.f-form { position:relative; overflow:hidden; margin:25px 0; padding-top:15px; border-top:#7a756f 2px solid; }
.f-form input[type=text], .f-form textarea { width:100%; padding:3px; margin:3px 0; background:none; border:#7a756f 1px solid; color:#7a756f; }
.f-form textarea { height:100%; }
.f-form .f-col-sm { position:relative; float:left; width:250px; padding-right:15px; }
.f-form .f-col-lg { position:relative; float:left; width:624px; height:76px; }
.f-form .f-col-full { position:relative; clear:both; display:block; margin:10px 0 5px 0; padding:0; overflow:hidden; }
.f-form .f-col-full span { position:relative; display:block; }
.f-form .f-col-full span a { padding:0 15px 0 0; }


/* page content */
.page-wrap {
	position:relative;
	display:block;
	background:url(images/home-bg.png) no-repeat top center;
	height:628px;
}
.page-wrap .page-pos { position:absolute; top:28px; left:30px; width:980px; height:573px; overflow:hidden; }

.page-bg { position:relative; }
.page-content {
	position:relative;
	height:610px; display:block;
	padding:0 25px;
	margin:10px 0;
	line-height:1.5em;
	font-size:12px;
	text-align:left;
}

.page-content .page-title { font-weight:bold; font-size:29px; color:#4c4946; margin:10px 0; }
.page-content .page-text-half { position:relative; width:500px; text-align:justify; }
.page-content .page-text-full { position:relative; display:block; text-align:justify; }
.page-content .page-text { height:500px; overflow:hidden; padding-right:25px; }
.page-content .page-text p { position:relative; display:block; margin:0 0 10px 0; }
.page-content .page-text div { position:relative; }

/* contact form */
.contact-form { padding-left:25px; }
.contact-form input[type=text], .contact-form textarea { display:block; width:100%; padding:5px; margin:0 0 10px 0; border:none; background:#e4e3e2; color:#a4a19d; font-size:14px; }
.contact-form .e-error { font-weight:bold; }

/* galleries */
.galleries { position:relative; overflow:hidden; }
.galleries .image-full { position:relative; width:700px; height:515px; background:url(images/ajax-loader.gif) no-repeat center; overflow:visible; }
.galleries .image-full img { max-height:515px; display:block; margin:0 auto; /*width:700px;*/ }
.galleries .image-thumbs-wrap { position:relative; width:200px; height:515px; text-align:center; }

.galleries .image-thumbs-wrap .image-thumbs { position:relative; height:475px; text-align:left; overflow:hidden; }
.galleries .image-thumbs-wrap .image-thumbs .t-wrap { position:relative; float:left; height:425px; width:200px; }
.galleries .image-thumbs-wrap .image-thumbs img { max-width:55px; margin:0 3px 5px 3px; cursor:pointer; }

.galleries .image-thumbs-wrap .controls { position:absolute; bottom:0; left:10px; }
.galleries .image-thumbs-wrap .controls a { padding:0 8px; font-size:16px;}
.galleries .image-thumbs-wrap .controls a img { position:relative; top:5px; }