/* 
Theme Name: Journalist Connection 
Theme URI: http://lebensold.net/ mod by EviliMedia.com
Description: The Journalist Connection September 2009
Version: 1.0
Author: Jon Lebensold Modified by Ali


*/

/* Begin Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End Reset CSS */
body
{
	margin: 0 0;
	padding: 0 0;
	background: #FFF;
	font-size: 62.5%;
}
blockquote
{
	color: #000;
	margin : 10px 130px;
}
html {
     overflow: -moz-scrollbars-vertical;
}
h2 { font-size: 2em; margin-bottom: 5px;}
dt { font-size: 18px; }
dd { font-size: 14px; }
	.container
	{
		background: #FFF;
		position: relative;
		margin-top: 10px;
	}

.photopage
{
	background: #1A1A1A;
}
	.photopage .container
	{
		background: #1A1A1A;
		border: 1px solid #505050;
	}
	.photopage .header h1 { color: #FFF; }
	
.footer a , .content a , .categorylist a
{
	text-decoration: none;
}
.footer a:hover , .content a:hover , .categorylist a:hover
{
	text-decoration: underline;
}
	.followus
	{
		text-align: left;
		padding: 0 0;
		margin: 0 0;
float: left;
	}
	.followus ul
	{
		padding: 0 0;
		margin: 0 0;
		list-style: none;
height: 14px;
	}
.footer .clearfix {
float: right;
}
		.followus ul li
		{
			display: inline;
line-height: 14px;
		}
		.followus ul li a
		{
			float: left;
			margin-left: 9px;
			color: #555;
			font-size: 0.9em;
			font-family: helvetica, arial, sans-serif;
			padding-left: 19px;
			padding-top: 1px;
		}
		.followus ul li.twitter a
		{
			background: url(img/twitter.png) top left no-repeat;
		}
		.followus ul li.rss a
		{
			background: url(img/rss.png) top left no-repeat;
		}
		.followus ul li.podcast a
		{
			padding-left: 21px;
			background: url(img/itunes.png) top left no-repeat;
		}
		.photopage .followus ul li.podcast a
		{
			padding-left: 21px;
			background: url(img/itunesblack.png) top left no-repeat;
		}

.header
{

	width: 100%;

}
	.headerbar
	{
		background: #CCC;
		padding: 2px 0px;
	}
	.headerwhite h1
	{
		background: transparent url('img/headerwhite.png') no-repeat center 50%;	
	}
	.header h1
	{
		background: transparent url('img/header.png') no-repeat center 50%;
	}
	.header h1,.headerwhite h1
	{
		width: 900px;
		text-indent: -999px;
		height: 90px;
		margin: 0 0;
		margin-left: 30px;
		padding: 0 0;

	}
	.header h2
	{
		display: none;
		height: 10px;
		font-size: 14pt;
		background: #444;
		padding-left: 10px;

	}
	.search
	{
		margin-top: 1px;
		border-bottom: 1px solid #FFF;
		border-top: 1px solid #FFF;
line-height: 30px;
height: 30px;
	}
	.search input
	{
		margin: 4px 4px;
		padding: 0 0;

	}
	.search #btsearch
	{
		
	}
	.form_submit { font-family: Georgia, "Times New Roman", Times, serif; 
		text-transform: uppercase;
		border: 1px solid #222;
		color : #0F8C28;  
		background: #FFF;

	}
	.text_input { font-family: Georgia, "Times New Roman", Times, serif; }
.content {
position: relative;
}
.content , .categorylist
{
	color: #000;
	padding: 20px 10px 10px 23px;
}
div.categorylisting
{
	clear: both;
	padding: 10px 0px;
}
	div.categorylisting img
	{
		padding: 0px 5px 5px 0px;
		float: left;
		
	}


.photocontent h2
{
	color: #AAA;
	margin-left: 10px;
	margin-bottom: 1px;
}
.content h3 , .photocontent h3 , .categorylist h3
{
	clear: both;
} 
.photocontent
{
	background: #1A1A1A;
	color: #FFF;
}
	.frontpageimage
	{
		width: 550px;
		height: 200px;
		overflow: hidden;
		display: block;
	}
.nav
{	
	margin: 0 0;
	padding: 0 0;
	text-align: center;
	background: #FFF;
}
	.nav ul 
	{
		list-style-type: none;
		padding: 0 0;
		margin: 0 0;
		display: inline;
		
	}
		.nav ul li
		{
line-height: 18px;
		font-variant: small-caps;
		display: inline;
		border-right: 1px solid #CCC;
		font-weight: bold;
		font-size: 11px;
		}
		.nav ul li.last
		{
		border-right: 0px solid #CCC;
		}
		.nav ul li a
		{
			color: #000;
			text-decoration: none;
			padding: 0px 43px;

		}
		.nav ul li a:hover
		{
			color :#0A6135;
			text-decoration: underline;
		}
		.nav ul li.currentpage a
		{
			color :#0F8C28;
		}
		.photopage .nav ul li a:hover 
		{
			color :#08FF0D;
		}
		.photopage .nav ul li.currentpage a
		{
			color :#0F8C28;
		}
.photoessay_photos
{
	color: #FFF;
}
.photopage .nav
{	

	background: #333;
}
	.photopage .headerbar
	{
		background: #333;
	}

		.photopage .nav ul li.last
		{
			border-right: 0px solid #555;
		}
		.photopage .nav ul li a
		{
			color: #EFEFEF;
		}
		.photopage 	.search
		{
			border-bottom: 1px solid #555;
			border-top: 1px solid #555;
		}
		.photopage .search input
		{
			background: #555;
			color: #FFF;
			border: 1px solid #000;
			padding: 2px 1px;
		}

.sidebar
{
	border-right: 1px solid #CCC;
clear: both;
}
	.sidebar h2
	{
		margin-top: 4px;
		font-size: 1.2em;
		margin-left: 14px;
	}
	.sidebar ul
	{
	}
	.sidebar ul li
	{
		list-style-type: none;
		list-style: none;
		padding: 0 0;
		margin: 0 0;
		overflow: hidden;

	}
	.sidebar ul li a
	{
		text-decoration: none;
	}
	.sidebar ul li a:hover
	{
		color: #000;
	}
	.sidebar ul li a h3:hover
	{
		text-decoration: underline;
	}
	.sidebar h3
	{
		font-size: 1.0em;
		font-weight: bold;
		line-height: 1.2em;
		margin: 0 0;
		padding: 0 0;
		color: #003F7F;
		padding-top: 2px;
	}
	.sidebar h3:hover
	{
		color: #000;
	}
	.sidebar .item .img
	{
		height: 100px;
		width: 140px;
	}
	.sidebar p
	{
		font-size: 1.0em;
		line-height: 1.2em;

		color: #444;
	}
		.item
		{
			float: left;
			border-bottom: 1px solid #CCC;
			padding: 0px 0px 10px 0px;
			clear: both;
width: 190px;
		}
.item p {
padding-right: 10px;
}
		.latestoverlay
		{
			position: absolute;
			display: block;
			width: 150px;
			margin-top: 84px;
			height: 16px;
			background: transparent url('img/sidebaroverlay.png') repeat;
left: 0px !important;
		}
			.latestoverlay div
			{
				text-indent: 10px;
				font-family: helvetica, arial, sans-serif;
				font-size: 9pt;
				color: #000;
			}
			.latestoverlay .video {}
			.latestoverlay .story {}
			.latestoverlay .photo {}
	.related
	{
		padding: 0px 4px 4px 4px;
		border-top: 1px solid #EFEFEF;
		font-size: 0.9em;
		width: 60%;
	}
		.related .title
		{
			color: #555;
			font-size: 1.2em;
		}
		.share 
		{
			position: absolute !important;
			right: 0px;
			width: 142px;
			font-size: 1em;
			border-width: 0px 1px 1px 1px;
			border-style: solid;
			border-color: #555;
			background: #FFF;
			z-index: 1000;
		}
.span-18 .share {
			top: 0px !important;
}
		.share .title 
		{
			color: #222;
			font-size: 0.95em;
			font-family: Georgia;
			margin-left: 10px;
			letter-spacing: 1px;

		}
		.share .title a
		{
			padding-right: 85px;

		}
		
			.share ul li
			{
				height: 14px;
				margin: 0.4em 0.2em;
				display: block;			
				list-style: none;
			}
			.share ul li a
			{
				font-size: 0.8em;
				font-family: tahoma;
				text-decoration: none;
				padding-left: 20px;
				padding-right: 5px;
				margin: 0px;
				padding-bottom: 5px;
			
			}
			.share ul li.digg a
			{
				background: url(img/digg.gif) top left no-repeat;
			}
			.share ul li.facebook a
			{
				background: url(img/facebook.gif) top left no-repeat;
			}
			.share ul li.myspace a
			{
				background: url(img/myspace.gif) top left no-repeat;
			}
			.share ul li.delicious a
			{
				background: url(img/delicious.gif) top left no-repeat;
			}
			.share ul li.twitter a
			{
				background: url(img/twitter.png) top left no-repeat;
			}
			.share ul li.linkedin a
			{
				background: url(img/linkedin.gif) top left no-repeat;
			}
			.share ul li.email a
			{
				background: url(img/email.png) top left no-repeat;	
			}
			.share ul li.print a
			{
				background: url(img/print.png) top left no-repeat;	
			}
		a.thickbox
		{

				position: relative;
		}
		a.thickbox span.zoom
		{
				font-size: 9px;
				font-family: tahoma;
				text-decoration: none;
				padding-left: 13px;
				padding-right: 0px;
				margin: 0px;
				padding-bottom: 5px;
				background: url(img/zoom.gif) 3px 70% no-repeat;			
				line-height: 5px;
				
				text-align: left;
				display: block;
				z-index: 30;
		}
		.photopage .share
		{
			position: absolute;
			left: 330px;
			top: 145px;
			width: 620px;

			font-size: 1.2em;
			border: 0px ;
			background: #1A1A1A;

		}
		.photopage .share ul , .photopage .share ul li a
		{
			color: #aaa;
			display: inline;			
			list-style: none;
		}
			.photopage .share ul li
			{

				height: 15px;
				margin: 0.3em;
				display: inline;			
			}
.footer
{
	clear: both;
	border-top: 1px solid #CCC;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	font-size: 9pt;
	height: 60px;
}
.photopage .footer
{
	color: #CCC;
}

.wp-caption
{
	font-size: 0.8em;
	color: #555;

}
	.wp-caption-text
	{
		text-align: left;
		padding-left: 5px;
	}
.format_text .meta { 
	font-size: 0.8em;
	line-height: 12px;
	padding: 0 0; 
	margin: 0 0; 
	font-family: helvetica, arial, sans-serif;
	color: #444;
	padding-bottom: 6px;
}

.format_text h1 {padding: 0 0; margin: 0 0;  }
.format_text h2 a
{
	text-decoration: none;
	color: #003F7F;
}
.format_text h2 a:hover
{
	text-decoration: none;
	color: #000;
}
.format_text .aligncenter
{
	text-align: center;
	margin: 0 auto;
	clear: both;
}
.format_text .alignleft
{
	float: left;
	padding-right: 5px;
	padding-bottom: 2px;
}
.format_text .alignright
{
	float: right;
	padding-bottom: 2px;
	padding-left: 5px;
}
/** From Thesis */

body { font-family: Georgia, "Times New Roman", Times, serif; }

	#header { padding-top: 2.2em; padding-bottom: 2.2em; }

	.post_box { padding-top: 2.2em; }

		.headline_area { margin-bottom: 2.2em; }
		
	.teasers_box { padding-top: 2.2em; padding-bottom: 2.2em; }

	#multimedia_box { margin-bottom: 2.2em; }





/*---:[ h3 size is calculated relative to the base font size of the content ]:---*/

.format_text h3 { font-size: 1.286em; line-height: 1.222em; margin: 1.833em 0 0.611em 0; }

.format_text h3.top { margin: 0 0 0.611em 0 !important; }



/*---:[ post content area ]:---*/

.format_text { font-size: 1.3em; line-height: 1.571em; margin-top: }

	.format_text p { margin-bottom: 1.471em; margin-right: 1.571em;}

		.format_text p.note, .format_text p.alert { padding: 0.571em 0.786em; }

	.format_text .drop_cap { font-size: 3.571em; line-height: 0.76em; padding: 0.04em 0.12em 0 0; }

	.format_text acronym, .format_text abbr { font-size: 0.786em; }

	.format_text code { font-size: 0.929em; }

	.format_text pre { font-size: 0.929em; line-height: 1.385em; margin-bottom: 1.692em; padding: 0.615em 0.846em; }

	.format_text ul { margin: 0 0 1.571em 1.571em; }

	.format_text ol { margin: 0 0 1.571em 1.571em; }

		.format_text ul ul, .format_text ul ol, .format_text ol ul, .format_text ol ol { margin: 0 0 0 1.571em; }

	.format_text dl { margin-bottom: 1.571em; }

		.format_text dd { margin-bottom: 1.571em; }

	.format_text blockquote { margin: 0 0 1.571em 0.786em; padding-left: 0.786em; }

		/*---:[ pullquotes ]:---*/

		.format_text blockquote.right, .format_text blockquote.left { width: 45%; font-size: 1.286em; line-height: 1.222em; }

		.format_text blockquote.right { margin: 0 0 1.222em 1.222em; }

		.format_text blockquote.left { margin: 0 1.222em 1.222em 0; }

		/*---:[ end pullquotes ]:---*/

	/*---:[ image handling classes ]:---*/

	/*---:[ end image handling classes ]:---*/

	.format_text .ad { margin-left: 1.571em; }

	.format_text .ad_left { margin-right: 1.571em; }

	/*---:[ after-post elements ]:---*/

	.format_text .to_comments { font-size: 0.857em; line-height: 1.833em; margin-bottom: 1.833em; }

		.format_text .to_comments span { font-size: 1.833em; line-height: 1em; }

	.format_text .post_tags { font-size: 0.857em; line-height: 1.833em; margin-bottom: 1.833em; }



/*---:[ archive information block ]:---*/

#archive_info { padding-top: 1.1em; padding-bottom: 1.1em; }

	#archive_info p { margin-bottom: 1.1em; }

/*---:[ previous and next links on index, archive, and search pages ]:---*/

.prev_next { padding-top: 1.1em; padding-bottom: 1.1em; }

	.prev_next p { font-size: 1em; line-height: 2.2em; }

	.post_nav .previous { margin-bottom: 0.55em; }
	
	.post_nav a { font-size: 1.3em; line-height: 1.692em; }



/*---:[ comment area ]:---*/
.comment-meta
{
	font-size: 0.9em;
}
.comments_intro { margin: 4.4em 0 0.7em 1.1em; }

	.comments_intro p { font-size: 1.2em; line-height: 1.833em; }

		.comments_intro span { font-size: 1.833em; line-height: 1em; }

	dl#comment_list dt { padding-top: 1.8em; }

		dl#comment_list dt span { font-size: 1.2em; line-height: 1.833em; }

		dl#comment_list dt .comment_author { font-size: 1.6em; line-height: 1.375em; }

			.avatar img { margin-left: 0.833em; }

		.comment_time, .edit_comment { padding-left: 0.833em; }
			
		.comment_num { padding-left: 0.833em; }

			.comment_num a { font-size: 0.917em; line-height: 2em; padding: 0.091em 0.273em; }

	dl#comment_list dd { padding-top: 1.1em; }

	dl#trackback_list dt { padding-top: 1.1em; }

		dl#trackback_list dt a { font-size: 1.4em; line-height: 1.571em; }

	dl#trackback_list dd { font-size: 1.2em; line-height: 1.833em; }

.comments_closed { margin: 4.4em 0 2.2em 1.1em; }

/*---:[ comment form styles ]:---*/

#respond { margin: 0.4em 0 0.7em 1.1em; }

	#respond p { font-size: 1.6em; line-height: 1.375em; }

.login_alert { margin-top: 4.4em; margin-bottom: 2.2em; padding: 0.571em 0.786em; }

#commentform { padding-top: 1.1em; padding-bottom: 2.2em; }

	#commentform p, .login_alert p { font-size: 1.4em; line-height: 1.571em; }

		#commentform label { padding-left: 0.786em; }

	#commentform p.comment_box { line-height: 0.786em; margin-bottom: 0; }

		#commentform textarea { height: 12.571em; line-height: 1.571em; padding: 0.286em; border-width: 1px; border-color: #CCC;}

		#commentform p.allowed span { font-size: 1.2em; line-height: 1.667em; }


	/* Support for the highly-recommended Subscribe to Comments Plugin */

	#commentform p.subscribe-to-comments { font-size: 1.4em; }

		#commentform p.subscribe-to-comments label { font-size: 1em; }



/*---:[ form inputs ]:---*/


	
.photoessay_photos
{
	float: left;
	height: 487px;
	width: 730px;
		position: relative;
		text-align: center;
		display: block;
}
.photoessay_photos a
	{
	display: block;
	}
.photoessay_photos a .img
	{
		position: absolute;
		top: 0px;
		left: 0px;
		text-decoration: none;
		color: #FFF;
		text-indent: -999px;
		overflow: hidden;
	}
.photoessay_captions
{
	position: relative;
	float: right;
	right: 20px;
	width: 200px;
	height: 487px;
	display: block;
	padding-top: 8px;
/*	border-left: 1px solid #505050; */

}
.photoessay_captions a
{
	font-size: 1.4em;
	text-decoration: none;
	color: #fFF;
}
.photoessay_nav
{
}
	.photoessay_nav .meta
	{
		float: left;
		padding-top: 4px;
	}
.photoessay_nav a
{
	font-size: 1.4em;
	text-decoration: none;
	color: #FFF;
}
.photoessay_nav a:hover
{
	color: #CCC;
}
.photodesc
{
	border-bottom: #505050 solid 1px;
	padding: 0px 10px 4px 10px;	
	font-size: 0.95em;
}
	.photocontent .meta
	{
		font-family: helvetica, arial, sans-serif;
 		margin-left: 10px;
		margin-bottom: 3px;
		line-height: 10px;
	}
.photoessay_nav
{
	text-align: right;
	margin-bottom: 3px;
	border-bottom: #505050 solid 1px;
	padding-right: 10px;
}
.photoessay_captions ul
{
	list-style: none;
}
.photoessay_captions ul .photoessay_caption
	{
		position: absolute;
		text-decoration: none;
		color: #FFF;
		text-align: left;
		font-size: 1.1em;;
	}
	

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:1000;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(img/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 1002;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:1003;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:999;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/* Overrides */

.span-18 {
width: 716px !important;
}

.photocontent h2{
	margin-bottom:8px;
	margin-top:4px;
}

.post h2{
	margin-bottom:8px;
	margin-top:8px;
}
