/*
Theme Name: Jessica Roberts
Theme URI: http://wordpress.org/
Description: Horizontal slide navigation
Version: 1.0
Author: Rick Banister
Tags: 
*/


body, 
html {
width: 100%;
height: 100%;
}

body {
	font: 10px/1.5 georgia, "Times New Roman", serif;
	color: #1E1E1E;
}

body.blog{
	background-color:#e2e2e2;
}

/* -- GENERAL STYLES ------------------------------ */

em{
	font-style:italic;
}

strong{
	font-weight:bold;
}

h1,h2,h3,h4,h5,h6{
	font-family:georgia, "Times New Roman", serif;
}

h2 {

}

h2 a{
	color:#b9b9b9;
	background:none;
}

h3{
	font-size:15px;
	line-height:23px;
}

h4{

}


a {
	color:#1E1E1E;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

br.c {
	clear: both;
}

hr{

}

.meta{
	font-size:11px;
}

ol,ul{
	font-size:13px;
}

/* -- WRAPPERS ------------------------------ */


#page {
	width:840px;
	margin:0 auto;
	position: relative;
	top:0;
}

.index_wrap{
	width:240px;
}

.category_wrap{
	width:480px;
	float:left;
/*	overflow:hidden;*/
}



#the_bottom {
	position: relative;
}

/* -- MAST ------------------------------ */

#mast{
	margin-bottom:40px;
	float:left;
	display:block;
	width:840px;
	position:absolute;
	z-index:1000;
	top:20px;
}

.blog #mast,
.press #mast,
.bio #mast{
	position:fixed;
}

#mast h1{
	float:left;
	display:inline;
	width:460px;
	margin-right:40px;
}

#mast h1 a{
	display:block;
	text-indent:-9999px;
	width:224px;
	height:26px;	
	background: url(images/jess_logo.png) no-repeat top left;
}

#mast h1 a:hover{
	background-position: bottom left;
}


/* -- NAV ------------------------------------------ */


.nav{
	margin:10px 0 0 15px;
	clear:both;
	float:left;
	font-size:13px;
	line-height:18px;
	font-style:italic;
}

.nav li{

}

.nav li a{
	padding:2px 0;
}


.subnav li.current_page_item a,
.nav li.current_page_item a,
.current-cat a{
	text-decoration:line-through;
}

.nav li.current-cat a:hover{
	background-color:#000;
	color:#fff;
}

.nav li a:hover{
	color:#b9b9b9;
	text-decoration:none;
}

.subnav{
	float:right;
	margin-right:15px;
	font-size:13px;
	line-height:26px;
}

.subnav li{
	display:inline;
	float:left;
	margin-left:20px;
}

.subnav li a{
	display:block;
	padding:2px 0;
}

.subnav li a.current-post{
	background:#1e1e1e url(images/nav_arrow.png) left 50% no-repeat;
	color:#fff;
}

.subnav li a.current-post:hover{
	background-color:#000;
	color:#fff;
}

.subnav li a:hover{
	color:#b9b9b9;
	text-decoration:none;
}

#nav li.current_page_item a {
	text-decoration: line-through;
}


/* -- CONTENT ------------------------------------------ */

.posts {	
	width:648px;
/*	float:left;
	display:inline;
*/	margin:0 auto 40px auto;
	padding-top:133px;
	overflow:hidden;
}

h2.banner{
/*	width:840px;*/
/*	float:left;*/
	margin:60px 0;
	font-family:helvetica, arial, sans-serif;
}


.post{
/*	width:480px;*/
	font-size:13px;
	line-height:29px;
	float:left;
	position:relative;
	margin-bottom:80px;
}

.single_post{
	position:absolute;
	left:-480px;
	top:0;
	width:480px;
	display:block;
	font-size:12px;
	line-height:1.5;
	float:left;
}

.post-content{
	width:432px;
	float:left;
}

.post-content p{
	margin:9px 0;
}

.post-content li{
	margin-left:10px;
	font-size:13px;
	line-height:23px;
}

.post-content a{
	text-decoration:underline;
}

.post-content a:hover{
	color:#b9b9b9;
}

.left{
	float:left;
	display:inline;
	width:460px;
	margin-right:40px;
	overflow:hidden;
	position:relative;
}

/* == PAGE GALLERY ============================ */

.page-gallery {
width:684px;
float:left;
display:inline;
overflow: hidden;
position: relative;
/*height:320px;*/
}

.gallery-container {
float:left;
display:inline;
position: relative;
left:0;
top:0;
width:684px;
height:720px;
}

.large-page-gallery {
width:960px;
float:left;
display:inline;
clear:both;
overflow: hidden;
position: relative; 
}

.large-gallery-container {
float:left;
display:inline;
position: relative;
left:0;
top:0;
width:960px;
height:640px;
}

.gallery-item{
	position:absolute;
	top:0;
	left:0;
	display:none;
}

.gallery-icon{
/*	height:320px;*/
	position:relative;
}

.gallery-caption {
/*	position:absolute;
	top:330px;
	left:0;*/
	margin: 5px 0;
	font-size:13px;
	color:#b9b9b9;
}

.gallery-caption span{
	float:left;
	display:inline;
}

.gallery-controls {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow:hidden;
	height: 100%;
	z-index: 999;
	float:left;
}

.gallery-controls a {
	display: block;
	float: left;
	position: absolute;
	width: 50%;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;
	background:none;
}

.gallery-controls a.next,
.large-gallery-controls a.next {
	right:0;
	top:0;
}

.gallery-controls a.previous,
.large-gallery-controls a.previous {
	left:0;
	top:0;
}

.gallery-controls a.next:hover,
.large-gallery-controls a.next:hover {
	right:0;
	top:0;
	background: url(images/arrow_r.png) no-repeat right 98%;
}

.gallery-controls a.previous:hover,
.large-gallery-controls a.previous:hover {
	left:0;
	top:0;
	background: url(images/arrow_l.png) no-repeat left 98%;
}

.gallery-zoom {
display:inline;
float:right;
}

.gallery-zoom a.zoom {
padding:0;
display: block;
width: 30px;
height: 30px;
overflow:hidden;
text-indent: -9999px;
background: url(images/zoom.png) no-repeat top center;
}

.gallery-zoom a.zoom:hover {
background-position: bottom center;
}

/*======Info==========================*/

.info{
	border-bottom:1px solid #ddd;
	float:left;
	display:inline;
	width:960px;
	margin:0 0 5px 0;
}

.info h3.title{
	color:#333;
}

.info .entry{
	float:left;
	display:inline;
	font-size:11px;
	line-height:21px;
}

.info .meta{
	font-size:11px;
	float:right;
}

/*====FOOTER==============================*/

 .footer{
	clear:both;
	display:block;
	position:relative;
	bottom:40px;
	width:840px;
	margin:5px auto;
	padding-top:3px;
	font-size:13px;
	color:#b9b9b9;
	border-top:1px solid #ccc;
	z-index:0;
}

.blog .footer,
.press .footer,
.bio .footer{
	position:fixed;
}

.footer a{
	color:#b9b9b9;
}

.footer span{
	margin-left:15px;
	float:left;
}

.footer span.rep{
	float:right;
	margin-right:15px;
}

/* ----- Clear Fix ----- slightly enhanced, universal clearfix hack */
.c:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.c {
display: inline-block;
}
/* start commented backslash hack \*/
* html .c {
height: 1%;
}
.c {
display: block;
}
/* close commented backslash hack */

/* == FULL BG ======================================= */

#crop {
position: fixed;
z-index: -1;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
}

#fullbg {
position: relative;
height: 100%;
width: 100%;
visibility: hidden;
z-index: 0;
cursor: pointer;
}



/* == JQUERY LIGHTBOX STYLES ========================================= */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */

#jquery-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
/*	width: 100%;*/
	z-index: 1000;
/*	text-align: center;*/
	line-height: 0;
}
#jquery-lightbox a img {
border: none;
}
#lightbox-container-image-box {
position: absolute;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
top: 0;
left: 0;
}
/*#lightbox-container-image {
padding: 10px;
}
*/
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
display: none;
}
#lightbox-container-image-box > #lightbox-nav {
left: 0;
}
#lightbox-nav a {
outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
display: none;
visibility: hidden;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
display: none;
visibility: hidden;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
display: none;
visibility: hidden;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
display: none;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption {
font-weight: bold;
}
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}

#lightbox-image {
padding-bottom: 30px;
}