/*
Theme Name:		Copyblogger
Theme URI:		http://www.copyblogger.com
Description:	The design that launched a thousand emails gets a ubiquitous hairdo. By <a href="http://pearsonified.com">Chris Pearson</a>.
Version:		1.0
Author:			Chris Pearson
Author URI:		http://pearsonified.com/
*/

body { 
	color: #003366; 
	font: 62.5% 'Gill Sans', Verdana, sans-serif; 
	background-image: URL('images/jhu_usa_gl_bg_tile_.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #2d5d8f;
	
	}

* { padding: 0; margin: 0; }



/*---:[ global typography elements ]:---*/

a { color: #003366; text-decoration: none; }

a:visited { color: #666; text-decoration: none; }

a:hover { background-color: #ffd100; text-decoration: none; }
	
a img { border: none; }
	
blockquote { margin: 0 0 1.5385em 1.5em; padding: 0 0 0 0.7692em; font-family: Georgia, "Times New Roman", Times, serif; color: #555; border-left: 0.2308em solid #a90000; }

abbr, acronym { font-size: 0.8462em; line-height: 1.0em; border-bottom: 1px dotted #999; text-transform: uppercase; letter-spacing: 1px; cursor: help; }

code { color: #090; font-family: Courier, "Courier New", monospace; line-height: 1.0em; }

pre { margin: 0 0 1.5385em 0; padding: 0.7692em; font-size: 1.3em; overflow: auto; background: #ececec; }

p.unstyled { font-size: 1.3em; }

p.center { text-align: center; }
.hidy { display: none;}

/*---:[ these styles apply to the flickrRSS plugin, which is not yet fully supported ]:---*/

.flickr_blue { color: #007ae4; text-transform: lowercase; }

.flickr_pink { color: #ff2a96; text-transform: lowercase; }

a[href $='.pdf'] {
	padding: 0 0 0 20px;
    background: transparent URL('images/ico_pdf.gif') no-repeat center left;
}
a[href $='.doc'] {
	padding-left: 20px;
    background: transparent URL('images/ico_word.gif') no-repeat center left;
}
a.ico_link {
	padding-left: 16px;
    background: transparent URL('images/ico_link.gif') no-repeat center left;
}

a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent URL('images/ico_mail.gif') no-repeat center right;
}

/*---:[ headlines ]:---*/

h1, h2, .entry h2 { font-size: 2.4em; font-weight: normal;}
/*	
h1, h2 { font-size: 2.8em; line-height: 1.4286em; letter-spacing: -1px; color: #a90000; }

	h2 a, h2 a:visited { color: #a90000; }
	
	h2 a:hover { color: #000; }
*/	
	.page h1 { margin: 0 0 0.6071em 0; border-bottom: 0.10714em double #ccc; }
	
	.archive h1 { font-size: 2.4em; line-height: 1.66667em; margin: 0 0 1.66667em 0; color: #000; }
	
	#sidebar h2 { font-size: 1.5em; line-height: 1.5556em; margin: 0 0 0.5em 0; border-bottom: 0.166667em double #ccc; color: #000; }
	
h3 { font-size: 1.3846em; line-height: 1.1111em; color: #003366; }

	.entry h3 { margin: 1.6667em 0 0.5556em 0; }
	
	#comments h3 { font-size: 1.8em; }
	
	#comments h3.comment_intro { margin: 0 0 1.11111em 0; padding: 2.05556em 0 0 0; border-top: 0.166667em double #ccc; }

	#comments h3#respond { margin: 2.2222em 0 0 0; }
	
h4 { font-size: 1.1538em; line-height: 1.3333em; color: #000; }



/*---:[ core layout elements ]:---*/


#container { 
	position: relative; 
	display: block;
	/*width: 1018px;*/
	width: 1007px;
	float: left;
	background: URL('images/jhu_usa_gl_inner_bg.jpg') -2px 0 no-repeat #b2cde2;
	margin: 0 0 0 0;
	overflow: hidden;
}
#container_home { 
	position: relative; 
	display: block;
	width: 1007px;
	height: 800px;
	float: left;
	background: URL('images/jhu_usa_gl_inner_bg.jpg') 0 0 no-repeat #2d5d8f;
	background-color: #2d5d8f;
	margin: 0 0 0 0;
	overflow: hidden; 
}
	
	    #content_box { position: relative; float: left;width: 1006px; left: 0;  }
		#content_box_home { position: absolute; width: 1006px; height: 486px; left: 0; top: 139px; overflow: hidden; }
			#content_box_home #content {
				height: 466px;
				padding: 0 12px 30px 0;
				overflow: auto;
			}
		#sidebar { position: relative; display: block; width: 200px; float: left; text-align: right; padding: 0px 0px 0 0; margin-top: -2px; }
		#content { position: relative; display: block; float: left; width: 340px; float: left; padding: 30px 10px 0 30px; overflow: hidden;}
		#content_pic { position: relative; display: block; width: 340px; float: left; padding: 30px 10px 0 30px; }
		#content_pic2 { position: relative; display: block; width: 340px; float: left; padding: 30px 10px 0 30px; }
		
		
		#footer_home { 
			position: absolute; 
			display: block;
			width: 1007px;
			height: 188px;
			left: 0px;
			top: 605px;
			background: URL('images/jhu_usa_gl_footer_bg.jpg') 0 0 no-repeat #b1cce1;
			margin: 0 0 0 0;
			overflow: hidden;
		}		
#footer { 
	position: relative; 
	display: block;
/*	width: 1024px;*/
	width: 1007px;
	height: 188px;
	float: left;
	left: 0px;
	background: URL('images/jhu_usa_gl_footer_bg_.jpg') 0 0 no-repeat;
	margin: 0 0 0 0;
}



/*---:[ #header styles ]:---*/
#header { 
	position: relative;
	top: 0px;
	left: 0px;
	width: 1006px; 
	height: 140px;
	margin: 0; 
	overflow: hidden;
}



#header_callout { 
	position: absolute;
	top: 32px;
	left: 516px;
	width: 300px; 
	height: auto;
	margin: 0;
 
}
	#header_callout p { font-size: 1.2em;}
		#header_callout p span#phoneNum { font-size: 1.2em; font-weight: bold;}


/*---:[ nav menu styles ]:---*/

#nav { 
	position: relative;
	top: 32px;
	left: 212px;
	width: 300px; 
	height: 140px;
	margin: 0; 
}

	#nav ul { list-style: none; }

		#nav ul li { font-size: 1.6em; }
	
			#nav ul li a, #nav ul li a:visited { padding: 0; color: #003366; }
	
			#nav ul li a:hover, #nav ul li a.current:hover { background: #ffd100; text-decoration: none !important; }
		
			#nav ul li a.current, #nav ul li a.current:visited { color: #666; text-decoration: underline; }



/*---:[ content styles ]:---*/

.post_date { font-size: 1.1em; line-height: 1.5455em; margin: 0 0 1.8182em 0; color: #aaa; border-bottom: 0.2727em double #ccc; }

	.post_date a, .post_date a:visited { color: #000; padding: 0.0909em; }
	
	.post_date a:hover { color: #000; background: #ccc; }

.entry { font-family: Arial, Verdana, sans-serif; font-size: 1.3em; line-height: 1.3em; }
	
	/*.entry a, .entry a:visited { padding: 1px 0; border-bottom: 1px solid #bbb; }*/
	
	.entry a:hover { background: #f3d245;}
	
	.entry h2 {font-family: 'Gill Sans', Verdana, sans-serif; margin: 0 0 14px 0; line-height: 1em;}
	.entry p { margin: 0 0 1.5385em 0; }

	.entry ul, .entry ol { margin: 0 0 1.5385em 3.0em; }
	
	.entry ul { list-style-type: disc; }
	
		.entry li { }
		
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0 0 0 1.5em; }
	
	.entry dl { margin: 0 0 1.5385em 0; }
			
		.entry dt { font-weight: bold; }
		
		.entry dd { margin: 0 0 0 1.5em; }
		
	.entry sup, .entry sub { line-height: 1.0em; }
		
	.entry blockquote.right, .entry blockquote.left { width: 13.6875em; padding: 0.4375em 0; font-size: 1.2308em; line-height: 1.25em; border: 0.0625em solid #ccc; border-width: 0.0625em 0; text-align: center; }
	
	.entry blockquote.right { margin: 0 0 0 0.9375em; float: right; clear: right; }
	
	.entry blockquote.left { margin: 0 0.9375em 0 0; float: left; clear: left; }

		.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; }
		
	.entry .ad { margin: 0 0 0 1.1538em; float: right; clear: right; }
	
		.entry .ad_left { margin: 0 1.1538em 0 0; float: left; clear: left; }

	.entry img { }

	.entry img.left { margin: 0 1.1538em 0 0; float: left; clear: left; }
	
	.entry img.right { margin: 0 0 0 1.1538em; float: right; clear: right; }
	
	.entry img.center { display: block; margin: 0 auto 1.5385em auto; clear: both; }

	.entry img.frame { border: 0.3846em solid #ddd; }
	
	.entry img.stack { clear: none !important; }

.post_meta { margin: 0 0 4.5385em 0; padding: 0.3846em 0 0 0; border-top: 0.23077em double #ccc; font-size: 1.3em; line-height: 1.0em; clear: both; }
	
	.add_comment { padding: 0 0 0 1.6154em; background: url('images/icon_comment.gif') 0 50% no-repeat; font-weight: bold; }

	.post_meta a:hover { color: #000; border-bottom: 1px solid #a90000; }

.page .entry { margin: 0 0 3.0769em 0; border-bottom: 0.23077em double #ccc; }

.navigation { width: 39em; margin: 0 0 3.3333em 0; font-size: 1.2em; line-height: 1.6667em; }
	
	.navigation a:hover { color: #000; border-bottom: 1px solid #a90000; }
	
	.next { text-align: right; }



/*---:[ sidebar styles ]:---*/

#rss { width: 20em; height: 70px; margin: 0 0 1.0em 0; background: url('images/rss.gif') 50% 0 no-repeat; text-align: center; }

	#rss a { display: block; width: 48px; height: 48px; margin: 0 auto; }

#sidebar { font-size: 12px; }
	ul.sidebar_list { list-style: none; }

	/*ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 16.6667em; margin: 0 0 2.5em 0; font-size: 1.2em; line-height: 1.6667em; float: left; }
*/
		/*li.widget p { margin: 0 0 1.66667em 0; }
		
		li.widget ul, li.linkcat ul { list-style: none; margin: 0 0 0.8333em 0; }
		
			li.widget li, li.linkcat li { padding: 0 0 0 1.16667em; background: url('images/bullet.gif') 0 0.4167em no-repeat; }
					
				li.widget li a:hover, li.linkcat li a:hover { color: #000; border-bottom: 1px solid #a90000; }
		*/			
					#sidebar ul.sidebar_list li { font-size: 1.6em; }
					
					#sidebar ul.sidebar_list li a, #nav ul li a:visited { padding: 0; color: #003366; }

					#sidebar ul.sidebar_list li a:hover, #nav ul li a.current:hover { background: #ffd100; text-decoration: none !important; }

					#sidebar ul.sidebar_list li a.current, #nav ul li a.current:visited { color: #666; text-decoration: underline; }
					#sidebar ul.sidebar_list li.widget, { width: 100px; margin: 0 0 2.5em 0; font-size: 1.2em; line-height: 1.6667em; float: left; }
					#sidebar h2 { font-size; 1.6em; padding: 0; color: #003366; border-bottom: 1px solid #003366; }
					#sidebar ul, #sidebar FORM, #sidebar h2 { padding-right: 16px; }
					
					/* SUB NAV */
					#sidebar ul.sidebar_list ul { margin: 0 0 0 0; padding: 0 0 0 0; text-align: right;}
					#sidebar ul.sidebar_list ul li { font-size: 12px; margin: 4px 12px 0 12px;}
		/*---:[ special widget styles ]:---*/
		
		#calendar_wrap { width: 16.3333em; margin: 0 0 0.8333em 0; padding: 0 0.166667em; }
		
		table#wp-calendar { width: 16.3333em; border-collapse: collapse; }
		
			table#wp-calendar caption { font-weight: bold; line-height: 1.58333em; border-bottom: 0.08333em solid #ccc; }
		
			table#wp-calendar th { width: 2.3333em; font-size: 1.0em; line-height: 1.58333em; border-bottom: 0.08333em solid #ccc; color: #666; text-align: center; }
			
			table#wp-calendar td { width: 2.3333em; line-height: 1.66667em; color: #999; text-align: center; }
			
				table#wp-calendar td a, table#wp-calendar td a:visited { color: #a90000; font-weight: bold; }
				
				table#wp-calendar td a:hover { text-decoration: underline; }
				
			table#wp-calendar td#next, table#wp-calendar td#prev { width: 7.0em; }
		
		/*---:[ the following styles are for the flickrRSS plugin, which is not yet fully supported ]:---*/
		
		li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; }
		
			li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }
			
				li.widget ul.flickr_stream li a img { padding: 3px; }
				
				li.widget ul.flickr_stream li a:hover img { background: #ff2a96; border-bottom: none; }
	


/*---:[ footer styles ]:---*/
#footer {
	text-align: center;
	font-size: 14px;
}
	#footer_inner {
		position: relative;
		display: block;
		width: 1007;
		height: 190px;
		text-align: center;
	}
	#footer ul { position: relative; list-style: none; display: inline; top: 60px; }

	#footer ul li { font-size: 14px; display: inline;  }

		#footer ul li a, #nav ul li a:visited { padding: 0 6px 0 0; color: #003366; }

		#footer ul li a:hover, #nav ul li a.current:hover { background: #ffd100; text-decoration: none !important; }
	
		#footer ul li a.current, #footer ul li a.current:visited { color: #666; text-decoration: underline; }


		#footer_inner p { position: relative; top: 70px; color: #666;}
/*
#footer a, #footer a:visited { color: #fff; border-bottom: 1px solid #a90000; }

#footer a:hover { color: #fff; border-bottom: 1px solid #fff; }
*/


			
			

/*---:[ search form styles ]:---*/

#search_form { margin: 0 0 0.5833em 0; }

html[xmlns*=""] body:last-child #search_form { margin: 0 0 0.75em 0; } /* This is a hack for Safari */

	#search_form .search_input { width: 140px; padding: 0.25em; color: #666; font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; border: 0.083333em solid #003366;}
	
	#search_form .search_input:focus { border-color: #ffd100;}
	
	#content .search_input { font-size: 0.9231em !important; }
		


/*---:[ self-clearing floats courtesy of Dan Cederholm at simplebits.com ]:---*/

#header:after, #logo:after, #nav:after, #content_box:after, .page .entry:after, #comments:after, dl#comment_list dd:after, #comment_form:after { display: block; height: 0; content: "."; visibility: hidden; clear: both; }