body { background: #fff; color: #111; font: 62.5% Georgia, "Times New Roman", Times, serif; }
* { padding: 0; margin: 0; }


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

#top_bar {
	margin-bottom: 4em;
}
		#header { 	width: 93.8em; 
					padding: 2em 1.1em 6em 1.1em; 
					border-bottom: 3px double #ddd; 
					text-align: left; 
					clear: both; }
					
			#header_block {}
			#header_left { float: left; }
			#header_center { float: left;
							width: 10em; 
							/* margin-left: 12em; */
								 padding: 1em 1em 0 1em; } 
			#header_right { /* width: 50em; */
							/* margin-left: 49em; */
							padding: 1.5em 1.5em 0 1.5em; 
							float: right;}
		
		#content_box { width: 96em; background: url('images/dot-ddd.gif') 51.3em 0 repeat-y; text-align: left; }

			#content { width: 51.3em; float: left; }

				.content_inner { width: 49.1em; padding: 0 1.1em; }

			#right_side { width: 44.6em; float: right; }

				#sidebars { width: 44.6em; background: url('images/dot-ddd.gif') 22.3em 0 repeat-y; }
				
					.sidebar { width: 20.1em; float: left; }

					#sidebar_1 { padding: 0 1.1em; }

					#sidebar_2 { padding-left: 1.1em; }

		
#elevator{ margin-bottom: 1em;  }
#summary{}
#feature{}
#thumbnail{}
#icon{ }
#byline{}
#picture{}
#caption{}
#next{}
#announce{ margin-top: 1em;}
#query{ margin-top: 1em;}
#prompt{ width: 5em; font-weight: bold; float: left; }
#field{ margin-left: 10em; width: 10em;}
#button{ margin-top: 1em; float: right; margin-bottom: 1em;}

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

a, a:visited { color: #2361a1; text-decoration: underline; }

a:hover { color: #2361a1; text-decoration: none; }

a img { border: none; }

/* Not sure */
a { color: #000; }
/* 			*/

blockquote { margin: 0 0 1.57413em 0.78571em; padding-left: 0.78571em; border-left: 1px solid #ddd; color: #666; }

abbr, acronym { font-weight: bold; font-size: 0.78571em; line-height: 1em; text-transform: uppercase; letter-spacing: 1px; border-bottom: none; cursor: help; }

sub, sup { line-height: 0.5em; }

code { font: 0.92857em Consolas, "Andale Mono", Courier, "Courier New"; color: #050; }

pre { margin-bottom: 1.83333em; 
	padding: 0.75em 0.91667em; 
	font: normal 0.85714em/1.5em Consolas, "Andale Mono", Courier, "Courier New"; 
	 background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; } 
	
p {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:   14px;
  line-height: 20px;
  color: #000;
}

	

input, textarea { font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; color: #444; background: #eee; border: 1px solid #aaa; border-right-color: #ddd; border-bottom-color: #ddd; }

textarea { line-height: 1.57143em; }

input:focus, textarea:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }

	.format_text .text_input, #comment_form p .text_input { width: 14em; padding: 0.28571em; border-width: 0.07143em; } /* Based on 14pt base font size */

	.sidebar .text_input { width: 14.69231em; padding: 0.30769em; border-width: 0.07692em; } /* Based on 13pt base font size in sidebar */

input.form_submit { font-weight: bold; background: url('images/submit-bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; color: #111; cursor: pointer; }

input.form_submit:hover { color: #2361a1; }

p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }



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

h1, h2, h3, h4 { font: bold 1em Georgia, "Times New Roman", Times, serif; }

h1{
   /* color: #111; */
   color: #402000;
   
   font-size: 2em;
   line-height: 1em;
}

	.content_inner h1 { padding-top: 1.1em; }

	.page h1 { margin-bottom: 1.1em; }

	#archive_info h1 { font-weight: normal; font-size: 2.4em; line-height: 1em; padding-top: 0.45833em; }

h2{
	  /*  color: #222; */
	   color: #402000; 

	   font-size: 2em;
	   line-height: 1.1em;
	}
	.content_inner h2 { padding-top: 1.1em; border-top: 1px dotted #bbb; }

	h2 a, h2 a:visited { color: #111; text-decoration: none; }

	h2 a:hover { color: #2361a1; }

	h2.top { border-top: none !important; }

	h2.search_not_found { margin-bottom: 1.1em; }

	.sidebar h2 { font-size: 0.84615em; line-height: 1.45455em; margin-bottom: 1em; padding: 0.63636em 0.45455em 0.54545em 0.45455em; text-transform: uppercase; letter-spacing: 2px; border-top: 1px solid #ddd; border-bottom: 1px dotted #ddd; }

h3{
/*  	color: #333; */
   	color: #000; 
	font-size: 1.28571em;
	line-height: 1.22222em;
	padding: 1.1em 0em; 
}
	
	.format_text h3 { margin: 1.83333em 0 0.61111em 0; font-weight: normal;}

	.format_text h3.top { margin: 0 0 0.61111em 0 !important; }

h4 { }

	.format_text h4 { line-height: 2.2em; }

/*---:[ #header styles ]:---*/

#header #logo { font-weight: bold; font-size: 3.6em; line-height: 1em; margin-bottom: 0.16667em; }

	#header #logo a, #header #logo a:visited { color: #111; text-decoration: none; }

	#header #logo a:hover { color: #2361a1; }

#header h1, #header p#tagline { font-weight: normal; font-size: 1.4em; line-height: 1em; color: #888; }

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

.format_text { font-size: 1.4em; line-height: 1.57143em; padding-right: 0.78571em; }
		
	.format_text blockquote { }
	
		.format_text blockquote.right, .format_text blockquote.left { width: 11.94444em; font-size: 1.28571em; line-height: 1.22222em; border: none; }
		
		.format_text blockquote.right { margin: 0 0 1.22222em 1.22222em; float: right; }
		
		.format_text blockquote.left { margin: 0 1.22222em 1.22222em 0; float: left; }
	
			.format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; }
	
	.format_text p { margin-bottom: 1.57143em; }
	
	.format_text p.note { padding: 0.57143em 0.78571em; background: #f5f5f5; border: 1px solid #ddd; }
	
	.format_text p.alert { padding: 0.57143em 0.78571em; background: #ffffa0; border: 1px solid #e5e597; }
	
	.format_text .drop_cap { padding: 0.04em 0.12em 0 0; font-size: 3.57143em; line-height: 0.76em; color: #888; float: left; }
	
	.format_text ul { list-style: square; margin: 1.57143em 1.57143em 1.57143em 1.57143em; }

	.format_text ol { margin: 0 0 1.57143em 1.57143em; }
		
			.format_text ul ul, .format_text ul ol, .format_text ol ul, .format_text ol ol { margin: 0 0 0 1.57143em; }
	
	.format_text dl { margin-bottom: 1.57143em; }
			
		.format_text dt { font-weight: bold; }
		
		.format_text dd { margin-bottom: 1.57143em; }
		
	.format_text .ad { margin-left: 1.57143em; float: right; clear: right; }
	
		.format_text .ad_left { margin-right: 1.57143em; float: left; clear: left; }

	.format_text img { }

		.format_text img.left { margin: 0 1.57143em 1.57143em 0; float: left; clear: left; }
		
		.format_text img[align="left"] { margin: 0 1.57143em 1.57143em 0; float: left; clear: left; } /* IE6 borks unless these attribute rules are separated */
		
		.format_text img.right { margin: 0 0 1.57143em 1.57143em; float: right; clear: right; }
		
		.format_text img[align="right"] { margin: 0 0 1.57143em 1.57143em; float: right; clear: right; }
		
		.format_text img.center { display: block; margin: 0 auto 1.57143em auto; float: none; clear: both; }
		
		.format_text img[align="middle"] { display: block; margin: 0 auto 1.57143em auto; float: none; clear: both; }
		
		.format_text img.block { display: block; margin: 0 auto 1.57143em 0; clear: both; }
	
		.format_text img.frame { padding: 0.71429em; background: #eee; border: 0.07143em solid #ddd; }
		
		.format_text img.stack { clear: none !important; }	

/*---:[ rotating image styles ]:---*/

#image_box { width: 42.4em; margin-bottom: 2.2em; padding: 1.1em; background: #eee; }

	#image_box img, #image_box img.four_by_three { display: block; width: 42em; height: 31.5em; padding: 0.1em; background: #fff; border: 0.1em solid #bbb; }

	#image_box img.three_by_two { width: 42em; height: 28em; }

	#image_box img.sixteen_by_nine { width: 41.6em; height: 23.4em; margin: 0 auto; }

/*---:[ video box styles ]:---*/

#video_box { width: 42.6em; margin-bottom: 2.2em; padding: 1em; background: #000; }

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

.sidebar a, .sidebar a:visited { text-decoration: none; }

.sidebar a:hover { text-decoration: underline; }

ul.sidebar_list { list-style: none; }

	li.widget, li.linkcat { width: 15.46154em; margin-bottom: 2.53846em; font-size: 1.3em; line-height: 1.38462em; float: left; }

	li.centered { text-align: center; }
	
	li#tag_cloud { line-height: 1.53846em; }

		li.widget p { margin-bottom: 1.23077em; padding: 0.38462em; }

		li.widget ul, li.linkcat ul { list-style: none; }

			li.widget ul li, li.linkcat ul li { margin-bottom: 0.61538em; padding-left: 0.84615em; background: url('images/bullet.gif') 0 0.46154em no-repeat; }

				li.widget li ul, li.linkcat li ul { margin-top: 0.61538em; }



				/* General position on the page */
				#container { width: 100em; margin: 0 auto; }

					#page { width: 96em; padding: 1.4em ; } /* for use with custom styles */

				/*---:[ nav menu styles ]:---*/	
				ul#tabs { width: 95.5em; list-style: none; background: url('images/dot-ddd.gif') 0 100% repeat-x; border-left: 1px solid #ddd; float: left; }

					ul#tabs li { font-size: 1.1em; line-height: 1em; padding: 0.54545em 0.81818em; background: #efefef; border: 1px solid #ddd; border-left: 0; text-transform: uppercase; letter-spacing: 2px; float: left; }

					ul#tabs li.current_page_item { background: #fff; border-bottom-color: #fff; }

					ul#tabs li.rss { padding-right: 0; background: none; border: none; float: right; }

						ul#tabs li a, ul#tabs li a:visited { color: #111; text-decoration: none; }

						ul#tabs li a:hover { color: #111; text-decoration: underline; }

						ul#tabs li.current_page_item a, ul#tabs li.current_page_item a:visited { cursor: default; }

						ul#tabs li.current_page_item a:hover { text-decoration: none; }

						ul#tabs li.rss a { padding-right: 16px; background: url('images/icon-rss.gif') 100% 50% no-repeat; }

				/* Login link style */
				#login_link{ float: right; font-size: 1.6em;}

				/* Footer */
				#footer { padding-top: 1.1em; color: #888; border-top: 3px double #ddd; text-align: right; }
				/* Explorer footer */
				#explorer_footer {
					margin-top: 20px;
					color: #111111;
					font-size: 12px;
					/* color: #888; */
					/* background-color:#101010; */
					padding: 3px;
					border-top: 3px double #ddd;
				}  
				#explorer_footer > a { 
					color: #111111; 
				} 
				#explorer_footer > a:visited { 
					color: #111111; 
				}
				#explorer_footer > a:hover { 
					color: #111111; 
					/* background-color:#000; */
				}
				#explorer_feedback {
					float: right;
				} 
				#explorer_feedback > a { 
					color: #111111; 
				} 
				#explorer_feedback > a:visited { 
					color: #111111; 
				}
				#explorer_feedback > a:hover { 
					color: #111111; 
					/* background-color:#000; */
				}
				#explorer_copyright {

				}
/*---:[ footer styles ]:---*/

/* Footer */
#footer { padding-top: 1.1em; color: #888; border-top: 3px double #ddd; text-align: right; }

#footer p { font-size: 1.2em; line-height: 1.5em; }

#footer a, #footer a:visited { color: #888; text-decoration: none; border-bottom: 1px solid #ccc; }

#footer a:hover { color: #111; }

#explorer_wrap { 
/*	width: 90%; */
/*	margin: 10px auto; */
	font-family: Georgia, "Times New Roman", Times, serif;
  	font-size:   12px;
  	line-height: 16px;
	}
	
#explorer_screen { 
	background-color: #fff; 
}
#explorer_text
{
	margin: 1.1em 0em;
	font-size: 15px;
	/* font-size: 16px; 
	line-height: 22px; */
	line-height: 20px;
}	
#explorer_content {
	font-family: Georgia, "Times New Roman", Times, serif;        
} 

#explorer_header {
	font-color: #fff; 
	background-color:#101010;
	padding: 3px;		
}
#explorer_header > a { 
	color: #fff; 
} 
#explorer_header > a:visited { 
	color: #fff; 
}
#explorer_header > a:hover { 
	color: #fff; 
	background-color:#000; 
}

/* Sections: explorer/index */

#sections{
	margin-top: 20px;
}

#section {
  float: left;
  width: 200px;	
  margin-right: 10px; 
}

#section-title {
  font-size:   18px;
  margin-bottom: 10px;
  color: #402000;       
}
#section_title > a { 
  color: #402000; 
} 
#section_title > a:visited { 
  color: #402000;  
}
#section_title > a:hover { 
  color: #fff; 
  background-color:#000; 
}
#section-description {
  width: 200px;
  margin-right: 10px;
  /*font-size:   16px;
  line-height: 22px; */
  font-size:   15px;
  line-height: 20px;
}

/* Posts: explorer/index, all/show */

#posts-section {
	float: left;
}

#posts {

}

#post-entry{
  width: 280px;   
  float: left;
  margin-right: 10px; 
}

#post-screenshot {

}

#post-text {
  width: 200px; 
}

#post-headline {
  font-weight: bold;
  color: #101010;
}

#post-date {  
}

#post-tags {
	font-size: 10px;  
}

/* Latest: explorer/index */

#latest-section {
	float: left; 	
}

#latest {
  background-color: #fff;
  padding: 5px;          
  height: 230px;
  width: 875px;               
  border-style: solid;     
  border-width: 1px;
  border-color: #888;     
}

#latest-change{
  width: 250px;   
  float: left;
  margin-right: 10px; 
}

#latest-image {

}


#latest-text {
  width: 200px; 
}

#latest-note {
  font-weight: bold;
  color: #101010;
}

#latest-date {  
}


/* Thumbnails: country/show, category/show, site/list.  See layout_thumbnails(sites) */

#thumbnails {
	margin-top: 20px;
}

#thumbnail_box {
  float: left;
  width: 280px;
  margin-right: 10px;
  margin-bottom: 30px;
  border: 1px solid #dddddd;      
}

#thumbnail_image {
  height: 200px;
  margin-bottom: 10px;
}
  
#thumbnail_information {
  padding-top: 5px;
  padding-left: 5px;   
  padding-bottom: 5px; 
}

#thumbnail_name {
  font-size:   16px;
  margin-bottom: 10px;  
}

#thumbnail_note {
  font-size:   12px;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
}
 
#thumbnail_features {
  font-size:   8px;
  margin-bottom: 10px;  
}


/* Screenshots: feature/show, site/show.  See layout_screenshots(screenshots) */

#screenshots {}

#screenshot_box { 
  float: left;
  width: 280px;
  margin-right: 10px;
  margin-bottom: 30px;
  border: 1px solid #dddddd;
  height: 400px;
  position: relative;
}

#screenshot_site {}

#screenshot_note {
  width: 250px; 
  height: 130px;
  overflow: auto;
  margin-top: 5px;
  font-size:   12px;
}

#screenshot_information {
  padding-top: 5px;
  padding-left: 5px;   
  padding-bottom: 5px; 
}

#screenshot_image {}
#screenshot_links {
	position: absolute;
	bottom: 2px;
}
#screenshot_features {}
#screenshot_feature {}
#screenshot_url {}


/*
	Page-Specific 
*/
 
#country-section {}
#country {}
#category-section {}
#category {}

/*
	Artifact-Specific 
*/

#highlight{
  font-size:   16px;
  line-height: 24px;
  color: #c10000;
  white-space: nowrap;
}

/* Note: site/show */

#note {   
  margin-top: 10px;  
  margin-bottom: 10px;   
  font-size:   18px; 
  line-height: 22px;
} 

#hint{
	margin-top: 10px;
/*	font-size: 12px;
	line-height: 16px;*/
	font-size: 13px;
	line-height: 17px;
}

/* Groups: category/list, country/list.  See layout_groups */

#groups {
  width: 100%;
  margin-bottom: 20px;	
}

#group {
  margin-right: 10px;
  font-size:   16px;
  padding: 3px;
}

/* List: site/show, feature/list.  See layout_groups */

#named_list{
	float: left;
}

#list_name {
	float: left;
	font-size:   16px;
	width: 8em;
}

#list {
  width: 80em;
  margin-bottom: 20px;
}

#entry {
  float: left;
  margin-right: 10px;
  font-size:   16px;
  padding: 1px;
}

/* Error Handling - Original "Scaffold" stylesheet */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/*---:[ self-clearing floats from Dan Cederholm ]:---*/

#container:after, #page:after, ul#tabs:after, #content_box:after, #nav ul:after, #sidebars:after, .format_text:after, .prev_next:after, #comments:after, dl#comment_list:after, dl#comment_list dd:after, #comment_form:after, #search_form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }