/* @override http://localhost:8888/joeelariophotography.com/blog/wp-content/themes/jep2.0/style.css */

@charset "utf-8";
/* CSS Document */

/*
Theme Name: Joe Elario 2.0
Theme URI: 
Description: 
Version: 
Author: equali.com
Author URI: http://www.equali.com
*/

/* EQUALIZER */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,.radio,select,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,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {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;}


/* BODY ELEMENTS */

body{
	background-image:url('images/bg_body.jpg');
	background-attachment:fixed;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	}

.wrapper {
	width:1000px;
	margin:0 auto;
	}

a:focus, a img, .comments .box, input:focus, object {
	outline: none;
	border:none;
	}

#sidebar {
	position:fixed; bottom:40px; right:0;
	width:32px;
	z-index:1000;
	}
	#sidebar .top, #vids .top {
		background-image:url('images/bg_side_top.png');
		height:11px;
		margin:0;
		padding:0;
		}
	#sidebar .mid, #vids .mid {
		background-image:url('images/bg_side_mid.png');
		margin:0;
		padding:0 4px 0 14px;
		}
		#sidebar .mid div.hr {
			height:1px;
			background-color:#777;
			margin:0 0 6px;
			}
		#sidebar .mid a, #vids .mid a {
			display:block;
			width:14px;
			height:14px;
			background-image:url('images/btn_sidebar.png');
			margin:0 0 6px;
			}
			#sidebar .mid a.link_top {
				background-position:0 126px;
				}
			#sidebar .mid a.link_top:hover {
				background-position:0 140px;
				}
			#sidebar .mid a.link_bot {
				background-position:0 98px;
				margin:0;
				}
			#sidebar .mid a.link_bot:hover {
				background-position:0 112px;
				}
			#sidebar .mid a.link_twit {
				background-position:0 42px;
				}
			#sidebar .mid a.link_twit:hover {
				background-position:0 56px;
				}
			#sidebar .mid a.link_fb {
				background-position:0 14px;
				}
			#sidebar .mid a.link_fb:hover {
				background-position:0 28px;
				}
			#sidebar .mid a.link_rss {
				background-position:0 70px;
				}
			#sidebar .mid a.link_rss:hover {
				background-position:0 84px;
				}
			#sidebar .mid a.lightOff {
				background-position:0 182px;
				}
			#sidebar .mid a.lightOff:hover {
				background-position:0 196px;
				}
			#sidebar .mid a.lightOn {
				background-position:0 154px;
				}
			#sidebar .mid a.lightOn:hover {
				background-position:0 168px;
				}
	#sidebar .bot, #vids .bot {
		background-image:url('images/bg_side_bot.png');
		height:16px;
		margin:0;
		padding:0;
		}
	#btnWhiteOut a {
		cursor:pointer;
		}

#vids {
	position:fixed; top:40px; right:0;
	width:32px;
	z-index:1000;
	}
	#vids a {
		font-size:.1em;
		text-decoration:none;
		color:#333;
		}
	a.vidThumb {
		width:60px !important;
		height:45px !important;
		margin-left:-48px !important;
		margin-bottom:0 !important;
		padding:6px !important;
		background-position:center;
		background-repeat:no-repeat;
		}
	a.vidThumb span {
		background-image:url('images/btn_vidThumb.png');
		background-repeat:no-repeat;
		background-position:0 0;
		display:block;
		width:66px;
		height:57px;
		margin-top:-6px;
		margin-left:-6px;
		}
		a.vidThumb:hover span {
			background-position:-72px 0;
			}


#whiteOut {
	background-image:url('images/bg_whtOut.png');
	background-position:top center;
	background-repeat:no-repeat;
	position:fixed; top:0; left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:0;
	}

#topNav {
	position:fixed; top:0;
	z-index:1010;
	width:926px;
	height:50px;
	padding:0 30px;
	background-image:url('images/bg_navBar.png');
	}
	#topNav div.search {
		float:right;
		margin:0 44px 0 0;
		padding:0;
		}
		div.search input {
			margin:3px 0 0;
			padding:0;
			height:20px;
			width:120px;
			border:none;
			background:transparent;
			color:#fff;
			font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
			font-size:1em;
			}
	#topNav ul {
		margin:0 38px;
		}
	#topNav li {
		display:inline;
		position:relative;
		float:left !important;
		}
	#topNav a {
		display: block;
		line-height:28px !important;
		padding:0 18px;
		margin:0 1px 0 0;
		color:#fff;
		text-decoration:none;
		text-transform:lowercase;
		font-size:1em;
		}
	#topNav a:hover {
		color:#c00027 !important;
		}
		#topNav li ul {
			position:absolute; top:-9999px;
			}
		#topNav li:hover ul,
		#topNav li.hover ul {
			padding:0 10px 16px;
			display:block;
			width:200px;
			position: absolute; left:-58px; top:28px;
			background-image:url('images/bg_menuUL.png');
			background-position: bottom;
			background-repeat:no-repeat;
			}
		#topNav li li, #topNav li li li {
			width:200px;
			text-align:left;
			}
		#topNav li.current_page_item a, #topNav li.current_page_parent a {
			cursor:default;
			color:#c00027;
			}
			#topNav li.current_page_item li a, #topNav li.current_page_parent li a, #topNav li li a {
				background-image:url('images/bg_menuLI.png');
				background-position:left;
				background-repeat:repeat-y;
				color:#fff;
				margin:0;
				padding:0 28px;
				cursor:pointer;
				}
			#topNav li li a:hover {
				background-position:right;
				}
			#topNav li li.current_page_item a, #topNav li li a.current_page_item, #topNav li.current-cat a {
				background-position:right;
				cursor:default;
				color:#c00027;
				}

#masthead {
	height:230px;
	width:1000px;
	background-image:url('images/bg_masthead.png');
	background-position:top;
	position:absolute; top:0;
	}
	#masthead div.about {
		width:266px;
		margin:97px 0 0 204px;
		float:left;
		}
		#masthead div.about p {
			color:#fff;
			font-weight:normal;
			font-size:.9em;
			font-style:italic;
			line-height:1.4em;
			padding-bottom:12px;
			margin:0;
			}
		#masthead div.about h2 {
			color:#fff;
			font-size:2.2em;
			text-transform:uppercase;
			}
		#masthead div.about p.title {
			float:left;
			font-weight:bold;
			padding:0;
			margin:0;
			color:#c00027;
			}
		#masthead div.about a, #masthead div.about a:hover {
			color:#c00027;
			text-decoration:none;
			}
	#masthead .flash {
		width:463px;
		height:183px;
		float:left;
		margin:28px 0 0 30px;
		}

.content_top {
	background-image:url('images/bg_content_top.png');
	background-position:top;
	height:200px;
	width:1000px;
	margin:0 auto;
	}
.content_top-no_header {
	background-image:url('images/bg_content_top.png');
	background-position:top;
	height:78px;
	width:1000px;
	margin:0 auto;
	}
.book_status {
	background:none;
	height:183px;
	margin-top:19px;
	}
	.page {
		background-image:url('images/bg_content_page_top.png') !important;
		height:45px;
		}
	.content_top div.wrap {
		width:926px;
		height:183px;
		margin:0 auto;
		padding:0;
		position:relative; top:17px;
		}
	.content_top-no_header div.wrap {
		width:926px;
		height:61px;
		margin:0 auto;
		padding:0;
		position:relative; top:17px;
		}
		div.title {
			background-image:url('images/bg_h2.png');
			background-position:bottom;
			background-repeat:repeat-x;
			height:56px;
			padding:6px 0;
			position:relative; top:115px;
			}
		.content_top-no_header div.title {
			background-image:url('images/bg_h2.png');
			height:56px;
			padding:6px 0;
			position:relative; top:-7px;
			}
			div.title img.logo {
				margin:8px 8px 8px 50px;
				float:left;
				}
			div.title p {
				margin:0; padding:0;
				color:#fff;
				font-size:11px;
				line-height:30px;
				}
			div.title a {
				text-decoration:none;
				font-weight:bold;
				color:#c9c9c9;
				}
			div.title a:hover {
				}
			.title span {
				float:right;
				margin:8px 50px 0;
				}
				.title span a {
					margin-bottom:16px;
					}
		div.title h2 {
			margin:0;
			padding:0;
			color:#fff;
			text-transform:uppercase;
			font-size:1.8em;
			line-height:32px;
			font-weight:normal;
			}

.content_mid {
	background-image:url('images/bg_content_mid.png');
	margin:0;
	padding:20px 0;
	}
	.content {
		margin:0 auto;
		width:825px;
		}
		.date {
			background-image:url('images/bg_date.png');
			width:59px;
			height:89px;
			margin-left:-118px;
			margin-top:-10px;
			padding:11px 0 0 8px;
			float:left;
			color:#fff;
			text-align:center;
			text-transform:uppercase;
			}
			.date span {
				display:block;
				}
			.date .month {
				font-size:.8em;
				}
			.date .day {
				font-size:4em;
				line-height:42px;
				letter-spacing:-3px;
				color:#c00027;
				}
			.date .year {
				font-size:1.1em;
				line-height:16px;
				letter-spacing:2px;
				}
	.content p, .content li {
		font-size:1em;
		line-height:1.4em;
		margin-bottom:20px;
		}
	.content h2 {
		text-transform:uppercase;
		font-size:2em;
		margin-bottom:20px;
		color:#c00027;
		}
	.content li {
		list-style-image:url('images/li_01.gif');
		list-style-position:outside;
		margin-left:14px;
		}
	.content a {
		text-decoration:none;
		color:#c00027;
		}
		.content a:hover {
			text-decoration:underline;
			
			}
	.content .v825, .content iframe {
		width:825px;
		margin-left:-15px;
		padding:0 15px 20px 14px;
		background-image:url('images/bg_photo.jpg');
		background-position:bottom center;
		background-repeat:no-repeat;
		border:none;
		z-index:900;
		position:relative;
		}
	.content iframe {
		height:490px;
		}
	.content img {
		margin-left:-7px;
		padding:0 8px 20px 7px;
		background-image:url('images/bg_photo.jpg');
		background-position:bottom center;
		background-repeat:no-repeat;
		z-index:900;
		position:relative;
		}
		.content img.v500 {
			background-image:url('images/bg_photo-v500.jpg');
			padding:0 163px 20px 163px;
			}
		.content img.v550 {
			background-image:url('images/bg_photo-v550.jpg');
			padding:0 138px 20px 137px;
			}
		.content img.v400 {
			background-image:url('images/bg_photo-v400.jpg');
			padding:0 213px 20px 213px;
			}
		.content img.v326 {
			background-image:url('images/bg_photo-v326.jpg');
			padding:0 250px 20px 250px;
			}
		.content img.v228 {
			background-image:url('images/bg_photo-v228.jpg');
			padding:0 20px 20px 20px;
			margin-right:-18px;
			}
		.content img.no-shadow {
			background-image:none;
			margin:0 auto;
			}
	.old_posts img {
		margin:0 !important;
		padding:0 !important;
		background:none !important;
		}
	.content object {
		z-index:900;
		position:relative;
		}
	.content #slideshow_1 {
		position:relative;
		left:-50px;
		}
		.content .MBSslideshow object {
			width:926px !important;
			height:617px !important;
			}

.comments {
	background:url('images/bg_comments.png');
	height:238px;
	margin:0;
	padding:20px 86px 0;
	}
	/* SOCIAL BOOKMARKS */
	.sociable {
		float:right;
		}
		.sociable span {
			display:block;
			float:left;
			text-align:right;
			width:100px;
			color:#fff;
			}
		.sociable a.social {
			display:inline-block;
			float:left;
			width:14px;
			height:14px;
			overflow:hidden;
			margin:0 4px;
			background-image:url('images/social_icons.gif');
			}
			a.tw {
				background-position:0 0;
				}
			a.tw:hover {
				background-position:0 182px;
				}
			a.fb {
				margin:0 2px !important;
				background-position:0 168px;
				}
			a.fb:hover {
				background-position:0 154px;
				}
			a.ms {
				background-position:0 140px;
				}
			a.ms:hover {
				background-position:0 126px;
				}
			a.su {
				background-position:0 112px;
				}
			a.su:hover {
				background-position:0 98px;
				}
			a.dig {
				background-position:0 84px;
				}
			a.dig:hover {
				background-position:0 70px;
				}
			a.del {
				background-position:0 56px;
				}
			a.del:hover {
				background-position:0 42px;
				}
	.comments a {
		cursor:pointer;
		}
	.comments h6 {
		line-height:19px !important;
		color:#fff;
		}
	.comments h6 a {
		color:#c00027;
		text-decoration:none;
		}
	.comments .box {
		height:154px;
		width:825px;
		overflow-y:auto;
		scrollbar-face-color: #5d5d5d;
		scrollbar-arrow-color: #3c3c3c;
		scrollbar-highlight-color: #3c3c3c;
		scrollbar-3dlight-color: #3c3c3c;
		scrollbar-shadow-color: #3c3c3c;
		scrollbar-darkshadow-color: #3c3c3c;
		scrollbar-track-color: #3c3c3c;
		margin:0;
		padding:0;
		color:#fff;
		}
		/* COMMENTS DISPLAY */
		.comments .box ol li {
			padding:4px;
			}
		.comments .box ol {
			padding:0;
			}
		.comments .box .alt {
			background:url('images/blk_05.png');
			}
		.comments .box a {
			text-decoration:none;
			color:#c00027;
			}
		.comments .box a.permalink {
			text-transform:uppercase;
			font-weight:bold;
			}
		.comments .box p {
			font-size:.9em;
			line-height:1.4em;
			margin:0;
			}
		.comments .box span.commentAuthor {
			font-size:.9em;
			line-height:1.4em;
			font-weight:bold;
			color:#c00027;
			float:left;
			}
		.comments .box span.commentDate {
			font-size:.8em;
			line-height:1.4em;
			color:#999;
			}
		/* COMMENT CANCEL */
		.comments .box div.cancel {
			height:12px;
			}
		.comments .box .cancel a {
			display:block;
			background-image:url('images/blk_30.png');
			font-size:.8em;
			text-align:right;
			margin:0;
			padding:0 8px;
			}
			.comments .box .cancel a:hover {
				background:#c00027;
				color:#000;
				}
		/* COMMENT FORM */
		.comments .box input, .comments .box textarea {
			border:1px solid #333;
			border-top:1px solid #222;
			border-left:1px solid #222;
			background:url('images/blk_30.png');
			color:#fff;
			font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
			font-size:.9em;
			margin:0;
			padding:2px 4px;
			width:180px;
			}
			.comments .box input:hover, .comments .box textarea:hover, .comments .box input:focus, .comments .box textarea:focus {
				border-color:#c00027;
				}
			.comments .box textarea {
				width:498px;
				height:60px;
				float:left;
				}
			.comments input.submit {
				width:82px;
				height:66px;
				background:#c00027;
				color:#fff;
				font-weight:bold;
				border:none !important;
				float:right;
				cursor:pointer;
				}
			.comments .box label {
				display:block;
				}
			.comments .box fieldset {
				float:left;
				}
		.comments .box .hide {
			display:none;
			}
		.comments .box .show {
			display:inline;
			}
	.comments .options {
		text-align:right;
		margin:4px 0 0;
		}
		.comments .options a {
			text-decoration:none;
			color:#fff;
			font-size:1.4em;
			text-transform:lowercase;
			margin:0 0 0 36px;
			padding:4px 2px;
			}
			.comments .options a:hover {
				color:#c00027;
				}
			.comments .options span {
				font-size:.8em;
				margin:0 0 0 4px;
				}

.content_bot {
	background-image:url('images/bg_content_bot.png');
	height:40px;
	margin:0;
	padding:0;
	}

#footer {
	margin:0;
	padding:0;
	}
	#footer .footer_top {
		background-image:url('images/bg_footer_top.png');
		height:56px;
		margin:0;
		padding:0 86px;
		}
		#footer .pagenation {
			}
			.pagenation ul {
				margin:16px 0 0;
				float:right;
				}
			.pagenation li {
				float:left;
				margin:0 0 0 8px;
				}
			.pagenation li a {
				background-image:url('images/blk_50.png');
				padding:3px 8px 0;
				height:17px;
				display:inline-block;
				color:#c00027;
				font-size:.9em;
				text-decoration:none;
				}
			.pagenation a:hover {
				background-image:url('images/blk_60.png');
				}
			.pagenation li.active_page a {
				background:#c00027;
				color:#fff;
				font-weight:bold;
				}
	#footer .footer_mid {
		background-image:url('images/bg_footer_mid.png');
		background-repeat:repeat-y;
		margin:0;
		padding:0 86px;
		color:#fff;
		}
	#footer .footer_mid a {
		color:#c00027;
		text-decoration:none;
		}
		#footer .archives {
			float:left;
			width:386px;
			}
			.archives table {
				width:100%;
				}
			.archives th, .archives td {
				width:7%;
				font-size:.9em;
				line-height:1em;
				text-align:center;
				vertical-align:top;
				}
			.archives th {
				text-align:left;
				}
		#footer .stats {
			margin-top:17px;
			font-size:.9em;
			float:left;
			width:#86px;
			}
			.stats li {
				list-style:none;
				display:inline;
				margin:0 18px 0 0;
				}
		#footer .links {
			margin-left:410px;
			width:414px;
			font-size:.9em;
			line-height:1em;
			}
			.links h2 {
				float:right;
				}
			.links ul {
				padding:0;
				}
			.links li {
				list-style:none;
				padding:0 0 9px;
				}
		#footer .copyright {
			margin:16px 0 0;
			padding:12px 0 28px;
			background-image:url('images/bg_copyright.png');
			background-position:center top;
			background-repeat:no-repeat;
			font-size:.8em;
			}
			.copyright .credit {
				float:right;
				}

/* SHADOWBOX */
#sb-overlay {
	background-color:transparent !important;
	background-image:url('images/bg_whtOut.png');
	background-position:top;
	background-repeat:no-repeat;
	}
#sb-title, #sb-body, #sb-loading {
	background:none !important;
	border:none !important;
	height:auto !important;
	}
#sb-body-inner {
	background:#000 !important;
	color:#c00027;
	}
#sb-body-inner img {
	position:relative !important;
	}
#sb-title div, #sb-info div {
	font-size:14px;
	line-height:14px;
	text-transform:lowercase;
	color:#000;
	padding-bottom:4px;
	height:auto !important;
	}
#sb-title-inner, #sb-info-inner {
	padding-left:18px !important;
	}
#sb-nav-close, #sb-nav-previous, #sb-nav-next {
	font-size:12px !important;
	color:#c00027;
	width:auto !important;
	margin-right:18px;
	cursor:pointer;
	float:right;
	position:relative;
	z-index:1001;
	background:none !important;
	}
#sb-loading, #sb-nav {
	padding:0 !important;
	}
#sb-counter {
	font-size:12px !important;
	padding-left:0 !important;
	}

iframe {height:550px !important; width:825px !important;}
.top-left, .top-right, .bottom-left, .bottom-right {background:url('images/bg_shadowbox_corners.png'); height: 18px;}
.top-left, .bottom-left {margin-right: 18px;}
.top-right, .bottom-right {margin-left: 18px; margin-top: -18px; width:18px; float:right;}
.top-right {background-position: 100% 0;}
.bottom-left {background-position: 0 -18px;}
.bottom-right {background-position: 100% -18px;}
.inside-left {background-image:url('images/bg_shadowbox_inside.png'); background-repeat:repeat-y; background-position:left; padding-left:18px;}
.inside-right {background-image:url('images/bg_shadowbox_inside.png'); background-repeat:repeat-y; background-position: right; padding-right:18px;}


/* PHOTOSMASH --VOTING-- */
.ps_image {margin-bottom:30px;}
.ps_caption {font-size:14px; line-height:20px; margin-right:4px;}
.bwbps-vote-total {color:#c00027; font-size:16px; line-height:16px;}
.ps_vote a:link, .ps_vote a:visited {display:block; margin-left:4px; padding:0 4px; font-size:12px; text-transform: lowercase; font-weight:bold; color:#fff; background:#c00027; border:1px solid #c00027; float:right; }
.ps_vote a:hover {color:#c00027; background:#fefefe; text-decoration:none;}
.bwbps-vote-total span {font-size:12px; color:#333;}
.ps_caption, .ps_rating, .ps_rating div {float:left;}
.bwbps-vote-total { float:right; font-size:12px; line-height:22px; }
.ps_image { clear:both; padding-top:3px; }
.bwbps-rating-toggle, .bwbps-vote-info {display:none !important;}
.ps_imgv550 { width:550px; margin:0 auto; position:relative; left:-8px; }

/* FACEBOOK */
#fb-root iframe {border: none!important; height: 30px!important; overflow: hidden!important; width: 95px!important;}
div.postwide {float:left;}
div.sitewide {position:fixed; .position:absolute; bottom:5px; left:5px;}

/* ADD PHOTO */
span.bwbps_addphoto_link {position:relative; z-index:1000;}
table.ps-form-table {margin-top:20px; width:100%;}
#TB_overlay {z-index:1200 !important;}
#TB_window {z-index:1300 !important; position:relative;}
.ps-form-table tr {height:30px; vertical-align:bottom;}
.ps-form-table th {text-align:right; padding-right:5px; width:33%;}


/* MISC */
.loadfirst {display:none;}

.yellow {color:#c00027 !important;}
.hide {position:absolute !important; top:-9999px !important;}
strong {font-weight:bold;}
em {font-style:italic;}
.clear {clear:both !important;}
img#wpstats{position:absolute;top:-999px;}
div.edit a {position:relative; right:-30px; float:right; padding:0 82px 0 0; background-image:url('images/btn_edit.png'); background-position:right; background-repeat:no-repeat; font-size:1.8em; font-weight:normal; color:#fff; text-decoration:none; display:block; height:38px; line-height:32px;}
a.login {position:fixed;bottom:0;left:0;z-index:1010;display:block;width:8px;height:8px;}

.content_mid div.MBSslideshow {margin-left:-50px;}
div.MBSslideshow span {display:none;}