/* 
Theme Name: ZejMedia Theme
Theme URI:  
Description: Using Polianna
Author: Alan Zucker
Author URI:  
Template: thematic 
Version: 1.0 
Tags: basic theme
. 
Add any comments here! 
. 
*/ 

/* Browser reset */ 
@import url('../thematic/library/styles/reset.css'); 

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout */
@import url('library/layouts/3c-fixed.css');
 
/* Image styles for posts, etc. */ 
@import url('../thematic/library/styles/images.css'); 

/* Apply old pollianna styles and colors */
@import url('library/styles/polianna.css');

/* Apply changes styles and colors */
@import url('library/styles/changes.css');

/* Styles for plugins */ 
@import url('../thematic/library/styles/plugins.css');


/* Edits by Brian Danin */
/* further edits by Evan Bender */

/* media page, yankin inspiration from huffpo newswire*/
#post-485 div.rss-home ul {
margin-bottom: 44px;
}

#post-485 div.rss-home ul li {
background-image: none;
padding-left: 0;
}

#post-485 div.rss-home ul li a.title, #post-485 div.rss-home ul li.title a {
color: #111;
font-size: 18px;
line-height: 24px;
font-weight: bold;
text-decoration: none;
}

#post-485 div.rss-home ul li a:hover {
text-decoration: underline;
}

#post-485 div.rss-home ul dl {
margin-left: 0px;
}

#post-485 div.rss-home dd {
padding-left: 20px;
}

hr {
border: 1px solid black;
margin: 10px 0;
}


#post-485 .entry-content h2.media {
margin: 22px 0;
font-size: 26px;
line-height: 26px;
}

#post-485 div.mediafeed ul li.source {
border-bottom: 2px solid black;
padding-bottom: 5px;
margin-bottom: 5px;
}

#post-485 .lightsocial_container {
margin-bottom: 22px;
}

/* and some stuff to style the same feed differently on the home page */

.home .mediafeed li.source {
background-image: none;
font-size: 10px;
}

.home .mediafeed li.description {
background-image: none;
}

/****************/
/* Home-Index  */
/****************/

/* Left sidebar shows only on home page */
#content {
  	margin-left: 0;
  	background:#CDCDCD;
  	padding:10px;
}

#primary {
  display: none;
}
.home #content {
  margin-left: 365px; /* should equal #primary's width */
}
.home #primary {
  display: block;
}

.home #primary p {
	margin:-5px 0 5px 22px;
}


/****************/
/*    Pages     */
/****************/

#secondary {
  width: 170px;
  margin-left: -170px; /* should equal width negative */
}
#primary {
  width: 365px; /* (900px - #secondary's width) / 2 */
}
#main {
  background-position: 730px top;
}
#content {
  margin-right: 170px; /* should equal #secondary's width */
}

#content .entry-content {
	margin:0.2% 1% 0.5% 0;
}

.entry-content h3 {
	font-size:1.2em;
	margin:1% auto auto 0px;
}

.entry-content h2 {
	font-size:1.5em;
	font-weight:500;
	margin:3% 0 0.25em 0;
}

#post-782 .entry-content h2 {
line-height:2.8em;
margin-top:-4%;
}

#post-485 .entry-content h2 {
	font-size:1.8em;
	font-weight:bold;
	margin-top:-10px;
	text-align:center;
}

.entry-content h2.video {
	font-size:1.5em;
	font-weight:500;
	margin:3% 0 0.5em 0;
}

.entry-content h2 a {
	/*font-size:1.3em;
	font-weight:500;
	display:block;
	position:relative;
	background:url('../../../images/arrow-blue.gif') left no-repeat;
	padding-left:20px;*/
	margin:1% 0;
}

h1.entry-title {
border-bottom:1px solid #07224A;
font-size:2.1em;
font-weight:bold;
line-height:20px;
margin:2% auto 2% 0;
padding-bottom:5px;
text-align:left;
}

#post-485 h1.entry-title {
border-bottom:0 none;
font-size:0;
line-height:0;
margin-top:-5px;
}

#post-266 h1.entry-title {
	text-align:center;
}

#post-266 ul {
	margin:4px auto 4px 0;
}

#post-393 h1.entry-title {
	margin:-5px -10px 1% 1%;
	overflow:hidden;
	padding-bottom:0;
	height:0px;
	background:none;
	border:none;
}

.entry-content ul {
	list-style:none;
	padding:0px;
	margin-left:4px;
}

.entry-content li {
	background:transparent url(../../../images/arrow-blue.gif) no-repeat scroll 0 5px;
	padding-left:20px;
}

.entry-content p.descript {
	text-align:justify;
	margin:0 10% 2% 15px;
}

#post-266 {
	padding-left:10px;
}

/* Full Page, No Sidebar Template */
#content_full {
  background:none repeat scroll 0 0 #CDCDCD;
padding:10px;
margin:0;
overflow:hidden;
}

#content_full .entry-content {
	margin:0.2% 1% 0.5% 0;
}

#content_full p, a, h1, h2, h3, h4, h5 {
text-align:left;
}

#content_full h1.entry-title {
margin-bottom:0;
}

#content_full h2 {
font-size:1.7em;
margin:0 auto 20px;
text-align:left;
text-decoration:underline;
}

#content_full h3 {
font-size:1.5em;
font-style:italic;
margin-bottom:5px;
}

#content_full h4 {
font-size:1.3em;
margin-left:16px;
}

#content_full .lightsocial_container {
margin:auto;
text-align:center;
width:405px;
height:0;
} 

#content_full .lightsocial_container img {
height:0;
}


/****************/
/*  Navigation  */
/****************/

.menu, .menu a, .menu li ul {
border-color:#DDDDDD;
}

.menu, .menu a, .menu li ul {
border-style:solid;
}

.menu {
list-style:none outside none;
position:relative;
z-index:50;
height: 2.2em;
width:900px;
background:none repeat scroll 0 0 #0A1835;
border-bottom:2px solid #F6FEFF;
height:2.5em;
}

.menu ul {
list-style:none outside none;
position:absolute;
width:880px;
z-index:110;
margin:0;
background:#0A1835;
padding-left:20px;
}

.menu li {
margin-bottom:-0.1em;
float:left;
position:relative;
background:url("../../../images/arrow-lightblue.gif") no-repeat scroll 0 9px transparent;
padding-left:12px;
padding-right:20px;
text-align:left;
}

.menu a, .menu .current ul a, .menu .current-cat ul a {
background:none repeat scroll 0 0 #0A1835;
color:#111111;
}

.menu a {
line-height:1.273em;
padding:0.636em 0.818em;
letter-spacing:2px;
display:block;
text-transform:uppercase;
}

.menu, .menu a, .menu li ul {
border-style:solid;
color:#F6FEFF;
}

.menu li ul {
margin-top:-0.1em;
}

.nav, .menu li ul {
border-width:0 0 0.1em;
}

.menu ul li {
font-size:0.9em;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

/* Old Navbar

#navbar {
	background: #0a1835;
	width: 900px;
	height: 1.7em;
	border-bottom: 2px solid #f6feff;
	margin: 0 auto 0 auto;
	position: relative;
	overflow: hidden;
	padding:.4em 0 .3em;
}

#navbar ul {
	float:left;
	margin-left:20px;
}

#navbar li {
	text-transform:uppercase;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	display:inline;
}

#navbar a {
	font-size:1em;
	color:#f6feff;	
	padding-left:3px;
	padding-right:35px;
}

#navbar a:hover {
	color:#3bc8e8;
}
 */


/****************/
/*   Nav-Tabs   */
/****************/

/* Content Tabs */


.underline {
	border-bottom:1px solid #7F7F7F;
	overflow:hidden;
	margin-right:-10px;
	padding-bottom:0;
}

.underline-blog {
	border-bottom:1px solid #7F7F7F;
	overflow:hidden;
	margin:0 -10px 8px 0;
}

/*Universe*/

.universe-tab {
	width:137px;
	height:26px;
	background:url(../../../images/tab-universeR.gif) 0 0 no-repeat;
}

.universe-tab a {
	width:137px;
	height:26px;
	display:block;
	position:relative;
	background:url(../../../images/tab-universe.gif) 0 0 no-repeat;
}

.universe-tab a:hover {
	background:none;
}

/*Blog*/

.entry-content h2.blog {
	border-bottom:1px solid #7F7F7F;
	overflow:hidden;
	margin:15px -14px 10px 0;
	padding-bottom:0;
	height:26px;
	background:url(../../../images/tab-blogR.gif) 0 0 no-repeat;
}

#post-393 .entry-content h2.blog {
	margin:0px -10px 4px 0;
}

h2.blog {
	height:26px;
	background:url(../../../images/tab-blogR.gif) 0 0 no-repeat;
}

h2.blog a {
	height:26px;
	display:block;
	position:relative;
	background:url(../../../images/tab-blog.gif) 0 0 no-repeat;
	margin:0;
}

h2.blog a:hover {
	background:none;
}

.blog-tab {
	overflow:hidden;
	margin-right:-10px;
	padding-bottom:0;
	height:26px;
	background:url(../../../images/tab-blogR.gif) 0 0 no-repeat;
}

.blog-tab a {
	height:26px;
	display:block;
	position:relative;
	background:url(../../../images/tab-blog.gif) 0 0 no-repeat;
	margin:0;
}

.blog-tab a:hover {
	background:none;
}

/*Feed*/

.entry-content h2.feed {
	border-bottom:1px solid #7F7F7F;
	overflow:hidden;
	margin:15px -14px 10px 0;
	padding-bottom:0;
	height:26px;
	background:url(../../../images/tab-feedR.gif) 0 0 no-repeat;
}

#post-393 .entry-content h2.feed {
	margin:5px -14px 4px 0;
}

h2.feed {
	height:26px;
	background:url(../../../images/tab-feedR.gif) 0 0 no-repeat;
}

h2.feed a {
	height:26px;
	display:block;
	position:relative;
	background:url(../../../images/tab-feed.gif) 0 0 no-repeat;
	margin:0;
}

h2.feed a:hover {
	background:none;
}



/*services*/

.services-tab {
	width:137px;
	height:26px;
	background:url(../../../images/tab-servicesR.gif) 0 0 no-repeat;
}

.services-tab a {
	width:137px;
	height:26px;
	display:block;
	position:relative;
	background:url(../../../images/tab-services.gif) 0 0 no-repeat;
}

.services-tab a:hover {
	background:none;
}

/*people*/

.people-tab {
	width:137px;
	height:26px;
	background:url(../../../images/tab-peopleR.gif) 0 0 no-repeat;
}

.people-tab a {
	width:137px;
	height:26px;
	display:block;
	position:relative;
	background:url(../../../images/tab-people.gif) 0 0 no-repeat;
}

.people-tab a:hover {
	background:none;
}

/*video*/

.video-tab {
	width:137px;
	height:26px;
	background:url(../../../images/tab-videoR.gif) 0 0 no-repeat;
}

.video-tab a {
	width:137px;
	height:26px;
	display:block;
	position:relative;
	background:url(../../../images/tab-video.gif) 0 0 no-repeat;
}

.video-tab a:hover {
	background:none;
}

.home #layout-column1 .sub-media h2 {
	margin:0.3em auto -5px -4px;
}

/* Partners Page */
#partner {
width:100%;
overflow:hidden;
}

#partner h2 {
border-bottom:2px solid #07224A;
border-top:1px dotted #07224A;
font-size:2.1em;
font-weight:bold;
line-height:20px;
margin:41px auto 2% 0;
padding-bottom:5px;
padding-top:35px;
text-align:left;
}

#partner h2.normal_video {
border-bottom:medium none;
border-top:medium none;
margin-bottom:-50px;
position:relative;
text-align:center;
top:-15px;
}

#partner img {
padding:0 5px 5px;
}

#partner h1 {
border-bottom:1px solid #07224A;
font-size:2.1em;
font-weight:bold;
line-height:20px;
margin:2% auto 2% 0;
padding-bottom:5px;
text-align:left;
}

#partner .partner_logo {
background: none repeat scroll 0 0;
border:0px;
float:left;
height:95px;
margin:18px 12px 25px 18px;
padding:2%;
text-align:center;
}

.partner_logo a.logo_name {
font-style:strong; font-size:1.4em;
}

#partner .video_universe {
float:left;
width:420px;
margin:1%;
}

#partner .text_video_universe {
float:left;
width:230px;
margin:1%;
}

#partner .text_video_universe p {
margin:0;
}

.video_left {
float:left;
margin:15px 0 2% 20px;
}


/*social*/

.entry-content h2.social {
	border-bottom:1px solid #7F7F7F;
	overflow:hidden;
	margin:15px -14px 10px 0;
	padding-bottom:0;
	height:26px;
	background:url(../../../images/tab-socialR.gif) 0 0 no-repeat;
}

#post-393 .entry-content h2.social {
	margin:0px -10px 10px 0;
}

h2.social {
	height:26px;
	background:url(../../../images/tab-socialR.gif) 0 0 no-repeat;
}

h2.social a {
	height:26px;
	display:block;
	position:relative;
	background:url(../../../images/tab-social.gif) 0 0 no-repeat;
	margin:0;
}

h2.social a:hover {
	background:none;
}

.lightsocial_container {
height:20px;
padding-bottom:5px;
padding-top:5px;
}

/****************/
/*  RoundBoxes  */
/****************/

/* Rounded Cornered Boxes */

.content-background {
	padding:10px;
	background:#ffffff url(../../../images/round_tl.png) no-repeat scroll 0 0;
	position:relative;
}

.content-background .center {
	text-align:center;
	margin-left:15px;
}

/* here's the box... the image is the upper-left corner */
#csc {
  background : #669900 url(../../../images/round_tr.png) no-repeat;
  width : 20em;
  height : auto;
  position : relative;
  padding : 30px 40px;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 12px;
  height : 12px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url(../../../images/round_tr.png) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(../../../images/round_bl.png) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(../../../images/round_br.png) no-repeat;
  right : 0;
  bottom : 0;
}
/* End Box */

/**
 * Extra box (should appear INSIDE #content-background, and should contain .tr, .bl, and .br spans of its own)
 */
.extra-box {
  border-top: 10px solid #CDCDCD;
  margin-left: -43px;
  margin-right: -18px;
  margin-top: 25px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 25px;
  background: #ffffff url(../../../../images/round_tl.png) no-repeat left top;
  position: relative; /* container */
}
.extra-box .bl {
  top: -22px;
}
.extra-box .br {
  top: -22px;
}

.extra-box h2 {
	margin-top:-15px;
}

#post-393  .extra-box {
  border-top: 10px solid #CDCDCD;
  margin-left: -10px;
  margin-right: -14px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  background: #ffffff url(../../../images/round_tl.png) no-repeat left top;
  position: relative; /* container */
}
#post-393 .extra-box .bl {
  top: -22px;
}
#post-393 .extra-box .br {
  top: -22px;
}

#post-485  .extra-box {
  border-top: 10px solid #CDCDCD;
  margin-left: -10px;
  margin-right: -17px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  background: #ffffff url(../../../images/round_tl.png) no-repeat left top;
  position: relative; /* container */
}
#post-485 .extra-box .bl {
  top: -22px;
}
#post-485 .extra-box .br {
  top: -22px;
}

/****************/
/*    Other     */
/****************/

/* Home Page Items */

h3.homepage-section-title {
	font-size: 1.1em;
}

h3.homepage-content-title {
	font-size: 1.1em;
	background:transparent url(images/projects-header-crop.gif) no-repeat scroll left top;
	border-bottom:1px solid #7F7F7F;
	color:white;
	font-family:Verdana,Helvetica,sans-serif;
	font-weight:bold;
	height:26px;
	line-height:26px;
	margin-right:-10px;
	overflow:hidden;
	padding-bottom:5;
	padding-left:15px;
	vertical-align:middle;
}

h2.entry-title {
	font-size:2.1em;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:0.2em;
	line-height:1.4em
}

a.sidebar-left {
	color:#ffffff;
}

a:hover.sidebar-left {
	color:#3c5992;
}

.layout-double-cornerbox-left h2 {
	font-size: 1em;
	line-height:1.7em;
	line-height:2.2em;
}

.entry-content p {
	font-size:1em;
	font-weight:100;
	margin:10px 0 0 0;
	clear:both;
}

.sub-media {
	margin:2px auto 2px 15%;
	border:none;
	list-style:disc;
}

.sub-media img {
	margin-left:2.5%;
}

.content-background .entry-utility {
	border-bottom:1px dotted;
	margin-bottom:15px;
	padding-bottom:15px;
	padding-top:10px;
}

#primary ul.xoxo {
	background:#CDCDCD;
	margin-top:-10px;
	padding:10px 0;
	text-align:left;
}

/* Light Social Plugin */

#post-393 .lightsocial_container {
height:0;
margin:-6px;
}

#post-393 .lightsocial_container img {
height:0;
margin-top:-4px;
}

.lightsocial_container img {
float:left;
margin:3px 7px 5px 0;
}

/****************/
/*  FeedBurner  */
/****************/
#post-393 .entry-content p.feedTitle {
	font-size:15px;
	margin:5px auto 10px 5px;
}

#post-393 .entry-content p.feedTitle a {
	color:#07224A;
}

.feedburnerFeedBlock .headline {
	line-height:1.5em;
}

.feedburnerFeedBlock p.date {
	line-height:2em;
}

#creditfooter img {
	width:0;
}

/* Profiles */
#post-272 .entry-content li {
	background:none;
}

#post-272 .entry-content ul {
	margin-left:0;
}

/* RSS Mashup */


.entry-content .rss li {
	background:none;
	padding-left:18px;
}

.entry-content .rss ul.time {
	border:none;
}

.entry-content .rss h3 {
background:transparent url(../../../images/arrow-blue.gif) no-repeat scroll 0 3px;
padding-left:20px;
}

/*Author Page --
	These edits affect the author page, as defined by the plugin "profile-pic".  The author.php file is found in plugins/profile-pic/  This plugin overrides the normal author.php file located in the template directory.
	*/
	
#profilepic_profile img {
	margin:70px 0 0 10px;
}

.profile-header h2 {
	border-top:1px dotted;
	margin:0 0 10px 5px;
	padding-top:10px;
}

p.profile-comments {
	border-bottom:1px dotted;
}

h3.profile-h3 {
	font-size:1.5em;
	margin-bottom:10px;
	text-decoration:underline;
}

.profile-date {
	font-size:60%;
	margin-left:5px;
}

.video_player_full {
background: #000000;
padding:25px 25px 10px;
margin-top: 35px;
}

.video_player_fullb {
background:none repeat scroll 0 0 #333333;
border:2px solid #000000;
margin:0 auto 5px;
padding:25px;
width:795px;
}

#content_full h2.video_title {
background:none repeat scroll 0 0 #0A1835;
color:#EEEEEE;
font-size:1.5em;
margin:15px auto 0;
padding:10px;
text-align:left;
text-decoration:none;
width:829px;
border-bottom:4px double #ffffff;
}

.video_player_fullb embed {
background:none repeat scroll 0 0 #FFFFFF;
padding:10px;
}

.ShowpageContentFooter  {
background:#212020;
border-top:1px solid #313131;
padding:7px 7px 9px;
margin-bottom: 35px;
}

.ShowpageContentFooterb  {
background:#212020;
border-top:1px solid #313131;
padding:7px 7px 9px;
margin-bottom: 20px;
}
.Permalink {
color:#BBBBBB;
float:left;
font-size:11px;
margin-left:50px;
}

.Subscribe {
color:#4C4C4C;
float:right;
font-size:11px;
margin-right:50px;
}

.Subscribe a {
color:#BBBBBB;
}

.clear, .Clear {
clear:both;
}

.playlistcaption

{margin: 5px 10px 20px 18px;
text-align:left;
font-size:.9em;
}