/* Digital Media and Learning Competition 
A HASTAC Initiative Sponsored by the John D. and Catherine T. MacArthur Foundation
Coding by the John Hope Franklin Center, Duke University
css layout based on a http://www.maxdesign.com.au/ design */

@import url("dmlc_fonts.css");

body		{ 			
			margin: 0;
			padding: 0;
			padding:10px 0;
			/* background-color: #c3bc9e; Old MacArthur Beige */
			background-color: #bba;
			text-align: center;
		}
#container	{ 			
			margin: 0 auto;
			width:775px;
			background-color: #fffafa; /* #FFFDF3 #d8d7c5  #e7e6db*/;
			border: 1px solid #fffafa;/* #FFFDF3 #d8d7c5 #e4e3d0*/;
			overflow:hidden;
			text-align:left;
		}

* html #container	{ 			
			margin: 0 auto;
			width:770px;
			}

*{text-align:left;}

h1{font-size:131%;}
h2{font-size:116%;}
h1,h2{
	font-weight:bold;
	margin-bottom:5px;
}

p {
	/* margin-bottom:3px; */
}

strong{font-weight:bold;}
em{font-style:italic;}
			
#splash #logo { height: 75px; }
#splash h1 img	{ margin-top: -10px; }
* html #splash h1 img	{ margin-top: -15px; }
/**/
.splash-text { color: white; margin: -10px 10px 0 10px; text-align: center; }
* html .splash-text { margin-top: 0; }
.splash-text a { font-size: 13px; font-weight:bold; }
.splash-text img { margin-top: 2px; }
.splash-image {	
			text-align:center; }
#splash-background { margin: .5em;  height:515px;}

* html .splash-padding {
		padding: 0;
		margin: 0 19px;
		padding: 1em 0;
    }
#splash #float-container { padding:.5em 1em;}
#logo	{
			margin:0 auto;text-align:center; clear: both; 
				}
#float-container { 
	padding:.5em 1em;
}

/*table  { width: 90%; margin: 0 5%; } 
table.login {margin-top: 5px; }*/
#logo h1 {	margin:0;padding: 0; text-align: center; }
h1 img	{ margin-top: 0; }
/* * html h1 img	{ margin-top: -15px; }*/

#logo-right	{float:right; text-align:right; width:49%;}
#logo-left	{	float: left;  text-align: left; width: 49%; }
#banner		{ 	background:url(../images/bannerbg5.png) center center repeat-x; margin:5px; width: 760px; margin-left: 8px; margin-top: 8px; }
#banner2 {  background:url(../images/footer.gif) top center repeat-x;  margin: 5px; }
+
.rounded {border: 0px solid #000;  }
#image-holder  {
text-align:center;
		margin:0;
		padding: 0;height: 130px; 
				}
#image-holder_new  {
		border-type:solid;
		text-align:center;
		/*height: 260px;*/
                                }


#image-holder-home {
		padding:0; margin:0 auto; text-align:center; height:197px;}
* html #image-holder-home { margin: 0;}

#image-holder-home-text {margin:0; padding:4px 0 0 0;height:28px; background:url(../images/jessica16_02.jpg) top center no-repeat;}

* html #image-holder-home-text {margin-top:-8px; padding:0; }

#intro-block	{ 
margin:0; margin-top: 150px;width: 100%;  height:200px; padding-top: 150px;
				margin: 1em 0 0 0; }

ul#imagebar, ul#imagebar li	{margin:0; padding: 0; list-style-type: none;}

#banner img {border:none;}

/********************/
/* COUNTDOWN BANNER */
/********************/
#countdown_banner {
	text-align:center; 
	margin:7px; 
	padding: .5em 0; 
	background: #eed; 
	width: 758px; 
	border: 1px solid #bba;
}

announce {
	font-size: 24px;
	font-weight:bold;
}

/* newpaper for homepage */
#newspaper .row {	
	width: 100%;
	}

#newspaper .box {
	margin: 10px 10px 0 0;
	position:relative;
	padding: 0 0 1.5em 0;
	height: 110px;
	float: left;
	width: 48%;
	}
html > body #newspaper .box {
	height: auto;
	min-height: 150px;
	}
#newspaper .box * {padding: 5px 5px 0 5px;} /* just avoiding box-model issues in IE */

#newspaper .box a.button {
	position:absolute;
	bottom: 0;
}

.cl {
	clear: both;
	}

.indented
   {
   margin-left: 25px;
   }
   
#videogallery a.thickbox img, #imagegallery a.thickbox img {
 	border: 1px solid #ccc;
 	padding: 5px;
 	margin:  15px 25px;
 	vertical-align: middle;
 }

/*
#imagegallery p {
	margin-left: 220px;
}
*/

/* end newspaper */
#bluebutton {
	background:url(../images/bluebutton.png) top center repeat-x;
	margin: 5px;
	width: 75%;
	margin-left: 25%;
}

#bluebutton p {
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

#bluebutton a {
	color: white;
}
#content-container {
				margin-top: 30px;
				padding: 0px 30px 3px 30px;
				}
				
ul.centered { 
	width: 380px; 
	margin: auto;
	padding-bottom: 15px;
}

#content-container-home {
				margin-top: 0px;
				padding: 0 10px 3px 10px;
				}
			
* html #content-container {
				margin-top: 30px;
				padding: 0 10px 3px 10px;
				}
				
* html #content-container-home {
		margin-top: 10px;
		padding: 0 10px 3px 10px;
		}
		
.faq-menu	{
			float: right;
			width: 200px;
			padding: .25em;
			margin: 0 0 .5em .5em;
			background: #2B4664; /* #c3bc9e; */
			}

.judgepic {
	border: 1px solid #cccccc;
	width: 200px;
	float: left;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
}
.judgepic img {
	height: 120px;
	width: 180px;
	margin: 0;
}

p.clear	{	clear:both; }

#footer1 {
	clear: both;
	margin: 1em 0;
	text-align: center;
}

#footer1 img {
	padding: 5px;
}

#footer2 {
	text-align: center;
}

#footer2 p {	padding: 5px;}
* html #footer2 p {	padding: 5px 5px 0 5px; }

	
	
#banner2 	{	 }
.float-left	{
			float:left;
			margin: 0 .75em .75em 0;
			border: none;
			}
			
.float-right {
	float:right;
	margin: 0 0 .75em .75em;
	border: none;
}

/*navigation*/	
#navcontainer { margin: 0 auto; margin-top: 20px; padding-bottom:5px;}
* html #navcontainer {text-align:center; margin:0 0 0 80px; }
/*Fat Erik's Pipelist*/
#navlist 	{
			list-style: none;
			padding: 0 0 .35em 0;
			margin: 0 auto;
			text-align:center;
			}
#navlist li {
			display: inline;
			padding: 0;
			margin: 0;
			}
#navlist li a	{ 
			color: #D49140; /* #fffe8c;*/
			font: 11px Verdana, Helvetica, sans-serif;
			/*font-weight: bold;*/
			padding: 0 5px 0 0;
			text-decoration: none; 
			}
* html #navlist li a	{ 
			font: 11px Verdana, Helvetica, sans-serif;
	 }
#navlist li a:hover { 
			color:#fafafa; 
			text-decoration: overline;
}
#navlist li:before { content: "| "; #000; /*#D49140 #fffe8c;*/ }
#navlist li:first-child:before { content: ""; }
/*IE workaround*/
/*All IE browsers*/
* html #navlist li	{
				border-left: 1px solid #2a4564; /*#D49140 #fffe8c;*/
				padding: 0 0.4em 0 0.4em;
				margin: 0 0.4em 0 -0.4em;text-align:center;
			}
/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }
* html #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }





#navlist_bottom 	{
			list-style: none;
			padding: 0 0 .35em 0;
			margin: 0 auto;
			text-align:center;
			}
#navlist_bottom li {
			display: inline;
			padding: 0;
			margin: 0;
			}
#navlist_bottom li a	{ 
			color: #D49140; /* #fffe8c;*/
			font: 11px Verdana, Helvetica, sans-serif;
			/*font-weight: bold;*/
			padding: 0 5px 0 0;
			text-decoration: none; 
			}
* html #navlist_bottom li a	{ 
			font: 11px Verdana, Helvetica, sans-serif;
	 }
#navlist_bottom li a:hover { 
			color:#fafafa; 
			text-decoration: overline;
}
#navlist_bottom li:before { content: "| "; #000; /*#D49140 #fffe8c;*/ }
#navlist_bottom li:first-child:before { content: ""; }

#twitter_new 
{
	border-style:solid;
	border-width:0.5px;
	padding:8px;
	background-color:#99FF33;
	font-family:"Times New Roman",Georgia,Serif;
	font-size:15px;
	margin:10px;
}

img.twitter_new 
{
	height:75px;
	width:75px
}

#response_new 
{
	border-style:solid;
	padding:5px;
	background-color:#;
	font-family:"Times New Roman",Georgia,Serif;
	font-size:13px
}

#response_whisper 
{
	border-style:solid;
	border-left:0;
	border-right:0;
	border-top:0;
	border-width:1px;
	padding:5px;
	font-family:"Times New Roman",Georgia,Serif;
	font-size:13px;
	width:200px;
}

#response_speak 
{	
	border-style:solid;
	border-left:0;
	border-right:0;
	border-top:0;
	border-width:1px;
	padding:5px;
	font-family:"Times New Roman",Georgia,Serif;
	font-size:13px;
	width:200px;
}

#response_shout 
{
	border-style:solid;
	border-left:0;
	border-right:0;
	border-top:0;
	border-width:1px;
	padding:5px;
	font-family:"Times New Roman",Georgia,Serif;
	font-size:13px;
	width:200px;
}

#commentor_whisper
{
	font-style:italic;
	color:red;
}

#commentor_speak
{
	font-weight:light;
	color:green;
}

#commentor_shout
{
	font-weight:bold;
}

#twitter_old
{
        border-style:solid;
        border-width:0.5px;
        padding:8px;
        background-color:#99FF33;
        font-family:"Times New Roman",Georgia,Serif;
        font-size:15px;
        margin:10px;
}

#response_old
{
        border-style:solid;
        border-left:0;
        border-right:0;
        border-top:0;
        border-width:1px;
        padding:5px;
        font-family:"Times New Roman",Georgia,Serif;
        font-size:13px;
        width:175px;
}

/*IE workaround*/
/*All IE browsers*/
* html #navlist_bottom li	{
				border-left: 1px solid #2a4564; /*#D49140 #fffe8c;*/
				padding: 0 0.4em 0 0.4em;
				margin: 0 0.4em 0 -0.4em;text-align:center;
			}
/*Win IE browsers - hide from Mac IE\*/
* html #navlist_bottom { height: 1%; }
* html #navlist_bottom li
{
display: block;
float: left;
}
/*End hide*/
/*Mac IE 5*/
* html #navlist_bottom li:first-child { border-left: 0; }


/* 2008 Image Banner */
	#screen {
/*		position: relative; 
		top: 5%; */
		width: 98%;
		height: 96%;
		background: #000;
		overflow: hidden;
		padding-left: 2%;
	}
	.panel {
		position: relative;
		float: left;
		width: 12%;
		height: 45%;
		margin: 1%;
		overflow: hidden;
	}
	.imgPanel {
		position: absolute;
		border: none;
		text-decoration: none;
	}

/****************************/
/*	FASTAPPS				*/
/****************************/
#fastapps_container {
	margin-left:5px;
}

#fastapps_container h2 {
	text-align: center;
	font-size: 20px;
	margin-bottom: 25px;
}

#fastapps_container h3 {
	margin-top: 15px;
}

#fastapps_container #description {
	display:block;
	width:600px;
	font-style: italic;
	margin-left: 30px;
	margin-top: 7px;
}

#fastapps_feedback {
	margin:10px;
	color:purple;
	font-weight: bold;
}

#award_type_selection_box {
	margin-left:0px; 
	width: 255px; 
	padding: 10px; 
	background-color: #345373; 
}

#app_form_label {
	display: block;
	margin-bottom: 5px;
	margin-left:55px;
	margin-top: 10px;	
}

#app_form_field {
	display:block;
	margin-left:55px;
}

#app_form_lang_under {
	display:block;
	font-style: italic;
	margin-left:65px;
	width:500px;
}

#logout_btn {
	display:block;
	text-align: right;
	font-weight: bold;
	margin: 10px;
}

#action_link {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	border-width:thin;
	border:black;
}

/***********************************************************
* copied in from what was styles.css on 23 dec 2009. BLH
***********************************************************/
/* Nasty clearfix hacks */
.clearfix {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/***********************************************************
* end copy in from styles.css on 23 dec 2009. BLH
***********************************************************/