/* 	PressPublisher.com CSS
    
	All content, XHTML, CSS, images, and graphics are
	Copyright (c) 2008 PressPublisher.com. All Rights Reserved.

----------------------------------------------------------------------- */


body { 
	margin: 0; 
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #ccc;
	text-align: center;
	font-size: small; 
	color: #333;
	}

	/* --------------------------------------------------------------------
	Template Body IDs . . . Just in case you need them
	These are used to apply styles unique to the specifc system templates
	----------------------------------------------------------------------- 
	body#articles-tmpl { }
	body#authors-tmpl { }
	body#columns-tmpl { }
	body#covers-tmpl { }
	body#department-tmpl { }
	body#departments-tmpl { }
	body#events-tmpl { }
	body#events-all-tmpl { }
	body#features-tmpl { }
	body#issues-tmpl { }
	body#log-tmpl { }
	body#log-fail-tmpl { }
	body#home-tmpl { }
	body#news-tmpl { }
	body#podcast-tmpl { }
	body#search-results-tmpl { }
	body#pages-tmpl { }
	body#subscribe-tmpl { }
	--------------------------------------------------------------------- */

p.access { 
	display: none; 
	}

br.clear, div.clear, .clear { 
	margin: 0; 
	padding: 0; 
	display:block; 
	clear:both; 
	font-size:0; 
	line-height:0; 
	height:0; 
	visibility:hidden; 
	overflow:hidden;
	}

p {  }

h1, h2, h3, h4, h5, h6 { 
	color: #0d1c34; 
	margin-bottom:.4em; 
	line-height:1.3em; 
	font-family: Georgia, Times New Roman, Trebuchet MS;
	}
	
h1 { font-size:3em; font-weight: normal; }
h2 { font-size:1.5em; }
h3 { font-size:1.35em; }
h4 { font-size:1.05em; }
h5 { font-size:1.05em; }
h6 { font-size:.95em; }

a { color: #336699; text-decoration: none;  }

a:hover { color: #00000; }

a img { border: 0; }

.red-error {color: #FF0000; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*-----------------------------------------------------------------------
	Wrapper
----------------------------------------------------------------------- */


#leaderboard {
	margin: 0 auto; 
	padding: 10px;
	text-align: center;
	}

#wrapper {
	margin: 0 auto; 
	padding: 0;
	width: 1020px;
	text-align: center;
	}

#wrap {
	margin: 0; 
	padding: 0 10px;
	display: block;
	text-align: left;
	}


/*-----------------------------------------------------------------------
	Top Bar
----------------------------------------------------------------------- */


#top {
	margin: 0; 
	padding: 0;
	width: 1000px;
	height: 25px;
	background: #1b1b1b;
	}

#date {
	margin: 0; 
	padding: 5px 5px 5px 15px;
	width: 200px;
	float: left;
	font-size: 11px;
	color: #ffffff;
	}

#login {
	margin: 0; 
	padding: 5px 15px 5px 5px;
	width: 500px;
	float: right;
	font-size: 11px;
	text-align: right;
	color: #ffffff;
	}

#login a {
	color: #ffffff;
	text-decoration: underline;
	}

#login a:hover {
	text-decoration: none;
	}


/*-----------------------------------------------------------------------
	Header
----------------------------------------------------------------------- */


#header {
	margin: 0; 
	padding: 0;
	}

#head {
	margin: 0; 
	padding: 0;
	width: 1000px;
	background: #ffffff;
	}

#logo {
	margin: 0; 
	padding: 0;
	width: 990px;
	float: left;
	}

#logo h1 {
	margin: 0; 
	padding: 20px 20px 15px 20px;
	font-size: 35px;
	letter-spacing: -1px;
	line-height: .8em;
	}

#logo h1 em {
	font-size: 14px;
	letter-spacing: 1px;
	}

#logo h1 a {
	color: #333333;
	}

#logo h1 a:hover {
	color: #000000;
	}

#logo img {
	margin: 10px;
	}


/*-----------------------------------------------------------------------
	Search Form
----------------------------------------------------------------------- */


#search-form {
	margin: 0; 
	padding: 15px 0 0 0;
	width: 345px;
	float: right;
	}

#search-form form {
	margin: 0; 
	padding: 5px 0 15px 60px;
	background: url(/images/pub-graphics/search.gif) no-repeat left center;
	}

#search-form label {
	margin: 0; 
	padding: 0 0 5px 0;
	display: block;
	color: #990000;
	font-size: 14px;
	line-height: 1em;
	}

#search-form input#searchtext {
	width: 250px;
	background: #eeeeee;
	border: 1px solid #aaa;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding: 4px;
	}
	
#search-form input#submit-hidden {
	display: none;
	}
	
#search-form button {
	margin: 0; 
	padding: 0;
	display: none;
	}

/*-----------------------------------------------------------------------
	Navigation Bar
----------------------------------------------------------------------- */

#navigation {
	clear: both;
	margin: 0; 
	padding: 0;
	width: 1000px;
	height: 30px;
	background: #666666 url(/images/pub-graphics/subhead-bg.png) repeat-x bottom left;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

#nav, #nav ul {
	margin: 0; 
	padding: 0;
	width: 1000px;
	height: 30px;
	list-style: none;
	background: #666666 url(/images/pub-graphics/subhead-bg.png) repeat-x bottom left;
}

#nav ul {
	margin: 0; 
	padding: 0;
	width: 1000px;
	height: 30px;
	list-style: none;
	border: none;
	}


#nav a {
    margin: 0;
	padding: 0;
	background: #666666 url(/images/pub-graphics/subhead-bg.png) repeat-x bottom left;
	color: #FFFFFF;
	display: block;
	height: 30px;
    font-weight: bold;
	border-right: 1px solid #333333;
	text-align: center;
	line-height: 30px;
	}

#nav a:hover {
	background: #333;
	}

#nav li {
	position: relative;
	float: left;
	width: 90px;
	margin: 0; 
	padding: 0;
	list-style: none;
	font-size: 11px;
}

#nav li#nav-home { width: 70px; }
#nav li#nav-departments { width: 110px; }
#nav li#nav-news { width: 60px; }
#nav li#nav-events { width: 70px; }
#nav li#nav-issues { width: 110px; }
#nav li#nav-login { width: 70px; }
#nav li#nav-shark { width: 130px; }

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	float: left;
	width: 195px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

#nav li li {
	margin: 0; 
	padding: 0;
	width: 195px;
}

#nav li li a {
	text-align: left;
	display: block;
	padding: 0 10px; 
	background: #5a5a5a;
	border-top: 1px solid #333;
}

#nav li li a:hover {
	background: #333333;
}


#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #666;
}

#nav li:hover a , #nav li.sfhover a {
	background-image: none;
}

/*-----------------------------------------------------------------------
	Sub Navigation
----------------------------------------------------------------------- */

#sub-nav {
	margin: 0; 
	padding: 0;
	display: block;
	display: block;
	height: 30px;
	background: #cccccc;
	color: #ffffff;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	}

#sub-nav h3 {
	margin: 0; 
	padding: 10px 10px 0 20px;
	color: #000000;
	float: left;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	line-height: 1em;
	
	}

#sub-nav p {
	margin: 0; 
	padding: 10px 20px 0 10px;
	color: #ffffff;
	float: right;
	font-size: 12px;
	text-align: right;
	line-height: 1em;	
	}

#sub-nav p a {
	color: #000000;
	}

#sub-nav p a:hover {
	color: #ffffff;	
	text-decoration: none;
	}

/*-----------------------------------------------------------------------
	Content Wrapper
----------------------------------------------------------------------- */

#content-wrap {
	margin: 0; 
	padding: 0;
	display: block;
	width: 1000px
	}
	
#content {
	padding: 20px;
	margin: 0;
	display: block;
	background: #efefef;
	}
	
/*-----------------------------------------------------------------------
	Sidebar
----------------------------------------------------------------------- */

#sidebar {
	margin: 0; 
	padding: 0;
	width: 250px;
	float: right;
	}
	
.side {
	margin: 0; 
	padding: 0;
	}

.side div {
	margin: 0 0 10px 0; 
	padding: 10px 0;
	background: #ffffff;
	border: 1px solid #dddddd;
	border-right: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
	}
	
.side div.left {
	margin: 0 10px 0 0; 
	padding: 0;
	float: left;
	width: 145px;
	background: transparent;
	border: none;
	}
	
.side div.right {
	margin: 0; 
	padding: 0;
	float: left;
	width: 145px;
	background: transparent;
	border: none;
	}

.side h3 {
	padding: 5px 10px;
	margin: 0 10px 10px 10px;
	clear: both;
	display: block;
	font-size: 12px;
	color: #ffffff;
	background: #666666 url(/images/pub-graphics/subhead-bg.png) repeat-x bottom left;
	text-transform: uppercase;
	}
	
.side ul {
	padding: 0;
	margin: 0 10px;
	list-style: none;
	font-size: 11px;
	}
	
.side dl {
	padding: 0;
	margin: 0 10px;
	list-style: none;
	font-size: 11px;
	}
	
.side li {
	margin: 0;
	padding: 0 0 5px 17px;
	background: url(/images/pub-graphics/sidebar-bullet.gif) no-repeat top left;
	}

	
.side dt {
	margin: 0;
	padding: 0 0 0 17px;
	background: url(/images/pub-graphics/sidebar-bullet.gif) no-repeat top left;
	
	}
	
.side dd {
	margin: 0;
	padding: 0 0 10px 17px;
	}
	
	

.side div#sidebar-ads { padding: 0; }
.side div#sidebar-ads-wide { padding: 0; border: none; background: none; }
.side div#sidebar-ads-narrow { padding: 10px; }
.side div#sidebar-recent {  }
.side div#sidebar-related {  }
.side div#sidebar-lead {  }
.side div#sidebar-issue-summary { display: none;  }
.side div#sidebar-cover {   }
.side div#sidebar-features { }
.side div#sidebar-columns { }
.side div#sidebar-news {  }

.side div#sidebar-departments {  }
.side div#sidebar-events {  }
.side div#sidebar-issues {  }
.side div#sidebar-archives {  }
.side div#sidebar-pages {  }
.side div#sidebar-rss { display: none; }
.side div#sidebar-user-defined { padding: 0; border: none; background: none;  }

body#home-tmpl .side div#sidebar-cover { display: none;  }
body#home-tmpl .side div#sidebar-columns { display: none;  }
body#home-tmpl .side div#sidebar-lead { display: none;  }
body#home-tmpl .side div#sidebar-news { display: none;  }

	
/*-----------------------------------------------------------------------
	Main Content Wrapper
----------------------------------------------------------------------- */

#main-wrap {
	margin: 0; 
	padding: 0;
	width: 690px;
	float: left;
	}
	
#main {
	margin: 0; 
	padding: 10px 20px;
	background: #ffffff;
	border: 1px solid #dddddd;
	border-right: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
	display: block;
	}

#bio {
	margin: 0; 
	padding: 0 0 10px 0;
	}
	
#main .left {
	margin: 0; 
	padding: 0;
	float: left;
	width: 310px;
	display: block;
	}
	
#main .right {
	margin: 0; 
	padding: 0;
	float: right;
	width: 310px;
	display: block;
	}


/*-----------------------------------------------------------------------
	General Block Styles
----------------------------------------------------------------------- */

.article { 
	margin: 0 0 10px 0; 
	padding: 10px 0;
	display: block;
	clear: both;
	border-bottom: 1px solid #ddd;
	}

.photo {
	margin: 0; 
	padding: 0 10px 10px 0;
	float: left;
	}

.photo img {
	margin: 0; 
	padding: 3px;
	border: 1px solid #ddd;	}


.preview {
	margin: 0; 
	padding: 0 0 10px 0;
	float: left;
	width: 450px;
	display: block;
	}
	
.preview h3 {
	margin: 0; 
	padding: 0 0 3px 0;
	font-size: 14px;
	font-weight: normal;
	color: #990000;
	}
	
.preview h3 a {
	color: #990000;
	}
	
.preview h3 a:hover {
	color: #0d1c34;
	}
	
.preview h4 {
	margin: 0; 
	padding: 0 0 3px 0;
	}
	
.preview p {
	margin: 0; 
	padding: 0;
	}

.preview p.author { display: none; }
.preview p.date { display: none; }
.preview p.summary {  }
.preview p.link { display: none; }



/*-----------------------------------------------------------------------
	Home Content Styles

----------------------------------------------------------------------- */

#home-tmpl #main {
	margin: 0; 
	padding: 0;
	border: none;
	background: transparent;
	}

#cover, #featured, #columns, #news, #lead {
	clear: both;
	margin: 0 0 5px 0; 
	padding: 0;
	width: 310px;
	border: 1px solid #dddddd;
	border-right: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
	background: #ffffff /* url(/images/pub-graphics/home-highlight-bg.jpg) no-repeat top left */;
	}
	
#home-tmpl #main h2 {
	padding: 0 10px 5px 0;
	margin: 10px 10px 5px 10px; 
	display: block;
	font-size: 14px;
	color: #000000;
	/* background: #0c4471 url(/images/pub-graphics/subhead-bg.png) repeat-x center left; */
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
	}
	
#home-tmpl #lead h2 	{ }
#home-tmpl #cover h2 	{ display: none; }
#home-tmpl #featured h2	{ }
#home-tmpl #columns h2	{ }
#home-tmpl #news h2 	{ }
	


#lead-articles .article { 
	margin: 10px 0; 
	padding: 10px;
	display: block;
	clear: both;
	border: 1px solid #dddddd;
	border-right: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
	background: #efefef;
	}

body#home-tmpl .article { 
	margin: 0 0 10px 0; 
	padding: 10px 10px 0 10px;
	display: block;
	clear: both;
	border: none;
	}


#lead-articles .photo { 
	margin: 0; 
	padding: 0 0 0 0;
	width: 220px;
	float: left;
	}
	
body#home-tmpl .photo img {
	margin: 0; 
	padding: 0;
	border: none;	}

#home-tmpl .photo {
	margin: 0; 
	padding: 0 0 10px 0;
	width: 100px;
	float: left;
	}
#home-tmpl .photo img {
	margin: 0; 
	padding: 0;
	}

	
#home-tmpl #cover .photo {
	margin: 0; 
	padding: 0 0 10px 0;
	float: none;
	}
		

#department-lead .photo {
	margin: 0; 
	padding: 0 0 10px 0;
	width: 220px;
	float: left;
	}

	
body#home-tmpl #lead .preview		, 
body#home-tmpl #featured .preview	, 
body#home-tmpl #columns .preview 	{
	width: 190px;
	margin: 0; 
	padding: 0 0 10px 0;
	float: left;
	display: block;
	}
	
body#home-tmpl #cover .preview {
	width: 100%;
	margin: 0; 
	padding: 0 0 10px 0;
	float: left;
	display: block;
	}
	
#cover .photo {
	margin: 0; 
	padding: 0 0 5px 0;
	width: 290px;
	float: none;
	}
	
#cover .preview {
	width: 100%;
	}
	
#cover .preview h3 {
	padding: 0 0 5px 0;
	margin: 0 0 15px 0; 
	display: block;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
	font-weight: bold;
	}
	
#cover .preview h3 a {
	color: #000000;
	}
	
#cover .preview h3 a:hover {
	color: #990000;
	}

#news .photo {
	display: none;
	}

#news .preview {
	margin: 0; 
	padding: 0 0 10px 0;
	width: 100%;
	float: left;
	}

#news .preview p.summary { display: none; }
#news .preview p.date { display: block; }


/*-----------------------------------------------------------------------
	Department/Section Specific Styles
----------------------------------------------------------------------- */


.articles-header {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	display: block;
    border-bottom: 1px solid #ddd;
	}


#department-intro {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	display: block;
    border-bottom: 1px solid #ddd;
	}
 
 .articles-header .preview {
	margin: 0; 
	padding: 0 0 10px 0;
	float: left;
	width: 100%;
	display: block;
	}
   
.articles-header p {
	margin: 0; 
	padding: 0 0 10px 0;
	}

.articles-header h3 {
	margin: 0; 
	padding: 0 0 10px 0;
	}

#lead-articles .preview { 
	margin: 0; 
	padding: 0 0 10px 0;
	float: left;
	width: 350px;
	display: block;
	}
	
	
/*-----------------------------------------------------------------------
	Article Specific Styles
----------------------------------------------------------------------- */


.article-podcast { 
	clear: both; 
	padding: 10px; 
	margin: 10px 0; 
	border: 1px solid #ccc; 
	background: #eee; 
	z-index: 100; 
	}

.article-podcast p { 
	padding: 0 0 3px 0; 
	line-height: 1em;
	font-size: 10px; 
	margin: 0; 
	z-index: 100; 
	}

#video-link { 
	clear: both; 
	display: block; 
	margin: 10px 0; 
	padding: 2px 10px 2px 5px; 
	background: #eee; 
	border: 1px solid #ccc;  
	}
	
#video-link:hover { background: #ddd;  }

#video-link a {  
	display: block; 
	background: url(/images/pub-graphics/video-play.gif) no-repeat left center;  
	padding: 10px 10px 10px 30px; 
	}
	
#video-link a:hover {   }

/* Flickr Slide Show Height and Width */

.fsDemo { height: 300px; width: 595px; }
	
#flickr-slide { 
	padding: 10px 0; 
	}

#video-embed { 
	display: block; 
	border-bottom: 1px solid #ccc; 
	margin: 10px 0; 
	padding-bottom: 10px; 
	text-align: center; 
	}

#article-details { 
	display: block;
	padding: 0;
	margin: 0 0 15px 0;
	height: 25px;
	border-bottom: 5px solid #ddd;
	border-top: 1px solid #ddd;
	}


#article-details p.author {
	float: left;
	margin: 0; 
	padding: 5px 0 0 0;
	font-size: 10px;
	font-weight: bold;
	} 
	
#article-details p.author a {} 

#article-details p.author a:hover  {} 

#article-details p.addthis {
	float: right;
	margin: 0; 
	padding: 4px 0 0 0;
	} 

#article-tmpl h2 {
	font-size: 28px;
	padding-bottom: 10px;
	margin: 0;
	} 

p.article-summary {

	border-bottom: 1px solid #ddd;
	font-size: 14px;
	font-style: italic;
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;
	font-size: 11px; line-height: 16px; color: #666;
	}

#the-article {
	clear: both;
	padding: 0;
	margin: 15px 0 0 0;
	line-height: 1.75em;
  	}

h4.article-type {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
  	}

#the-article br {
	line-height: 1em;
  	}

#the-article div {
	padding: 0;
	margin: 0;
  	}

#the-article p {
	padding: 0 0 15px 0;
	margin: 0;
	line-height: 1.75em;
  	}

#the-article div.photo {
	margin: 0; 
	padding: 0 10px 10px 0;
	float: left;
	}

#article-author {
	clear: both;
	display: block;
	margin: 10px 0; 
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	color: #9a9a9a;
	font-style: italic;
 	}

#article-author p {
	color: #9a9a9a;
	font-style: italic;
 	}

#article-author p.author {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	padding: 5px 0 5px 5px;
	margin: 0;
 	}	
 
#article-ads { 
	padding: 10px;
	margin: 0;
	text-align: center;
	}
 
body#articles-tmpl .preview  { 
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
	}

 
/*-----------------------------------------------------------------------
	Events Page Styles 
----------------------------------------------------------------------- */


body#events-all-tmpl #main ul, body#events-tmpl #main ul {
	padding: 0;
	margin: 15px 0;
	list-style: none;
	border-top: 1px solid #eee;
	}
	
body#events-all-tmpl #main li, body#events-tmpl #main li {
	padding: 10px 0;
	margin: 0;
	list-style: none;
	border-bottom: 1px solid #eee;
	}
	

body#events-all-tmpl #main p.event-date, body#events-tmpl #main p.event-date {
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 23px;
	background: url(/images/pub-graphics/sidebar-bullet.gif) no-repeat top left;
	
	}
 
body#events-all-tmpl #main p.event-date a, body#events-tmpl #main p.event-date a  {
	color: #000;	
	}


body#events-all-tmpl #main p.event-title, body#events-tmpl #main p.event-title  {
	font-size: 12px;
	margin: 0;
	padding: 0 0 0 23px;
	}

body#events-all-tmpl #main p.event-title a, body#events-tmpl #main p.event-title a  {
	text-decoration: underline;
	}

body#events-all-tmpl #main p.event-title a:hover, body#events-tmpl #main p.event-title a:hover {
	text-decoration: none;
	color: #000;
	}
	
body#events-all-tmpl #main p.event-summary, body#events-tmpl #main p.event-summary  {
	font-size: 12px;
	margin: 0;
	padding: 0 0 0 23px;
	line-height: 1.65em;
	}
 
/*-----------------------------------------------------------------------
	Footer Wrap 
----------------------------------------------------------------------- */


#footer-wrap {
	clear: both;
	margin: 0; 
	padding: 0;
	width: 1000px;
	background: #efefef;
	}
	
#footer {
	margin: 0; 
	padding: 15px;
	}
	
	
/*-----------------------------------------------------------------------
	Copyright Wrap 
----------------------------------------------------------------------- */


#copyright {
	clear: both;
	margin: 0; 
	padding: 0;
	width: 1000px;
	background: #000000;
	color: #ffffff;
	}
	
#copy {
	margin: 0; 
	padding: 0;
	}
	
#copy h3 {
	margin: 0; 
	padding: 5px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	}
	
#copy h3 a {
	color: #ffffff;
	text-decoration: none;
	}
	
#copy h3 a:hover {
	text-decoration: none;
	}
	

/*-----------------------------------------------------------------------
	Subscribe Page Styles 
----------------------------------------------------------------------- */


#subscribe-tmpl #main div { 
	margin: 0; 
	padding: 5px 0 0 0;
	clear: both; 
	}
	
#subscribe-tmpl #main h2 {
	margin: 0; 
	padding: 5px 0 0 0;
 	}

#subscribe-tmpl #main {
	padding-left: 25px;
 	}

#subscribe-tmpl #main h3 { 
	clear: both; 
	padding: 20px 0 10px 0; 
	margin: 0; 
	}
	
#subscribe-tmpl #main label { 
	clear: both; 
	float: left; 
	display: block; 
	width: 140px; 
	margin: 3px 0; 
	padding-top: 2px; 
	font-weight: bold; 
	font-size: 11px;  
	}
	
#subscribe-tmpl #main input { margin: 3px 0; }

#subscribe-tmpl #main input[type=text]		, 
#subscribe-tmpl #main input[type=password]	{
	width: 210px; 
	font-size: 11px;
	}
