/*----------------------- document setup/defaults --------------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }

p, h1, h2, h3 { margin-bottom: 10px; }

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 14px; padding-left:10px; }
h2 a { color: #00374a; text-decoration: underline; }
#students-form h3 { font-size: 18px; padding: 0px; }

a img { border: 0px; }

a { text-decoration: none; color: #00a6c4; font-weight: bold; }
	
a:hover { text-decoration: underline; }

input, select { font-size: 11px; }

small { font-size: 10px; }

body {
	background: #00374a url(/images/mainbg.gif) no-repeat center top;
	margin: 0px;
	padding: 0px 0px 50px;
	font: 11px/15px Helvetica, Arial, sans-serif;
	color: #282828;
	text-align: center;
}

.floatleft { float: left; }
.floatright { float: right; }

.spacer, ul.create.spacer {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0;
	width: 0;
}

/************* CCA DEFAULTS ***********/

#background { background: url(/images/bgstripe.gif) no-repeat center 100px; }

#headerbar {
  background: url(/images/headerbarbg.gif) repeat-x;
	height: 35px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#headercontent {
	margin: 0px auto;
	padding: 0px;
	width: 900px;
	background: url(/images/headerbarcenter.gif) no-repeat center top;
	height: 35px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 35px;
}

#headercontent a { color: #009ebb; }

#content {
	margin: 0px auto;
	padding: 0px;
	width: 920px;
	background: url(/images/contentbg.gif) no-repeat center top;
	text-align: left;
}

.button {
	margin: 0px;
	padding: 5px 7px;
	color: #FFFFFF;
	background: url(/images/buttonbg.gif) repeat-x;
	text-transform: uppercase;
	display: inline;
	border-top: 1px solid #8CE7F3;
	border-right: 1px solid;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid;
	white-space: nowrap;
}

.vote-button {
	background: url(/images/vote-button.jpg) no-repeat;
	cursor:hand;
	height:24px;
	position:relative;
	left:-14px;
	width:50px;
}

.vote-button:hover {
	background: url(/images/vote-button-hover.jpg) no-repeat;
}

.button a {
	color: #FFFFFF !important;
}

#leftcolumn {
  float: left;
  margin: -5px 0px 0px 0px;
  overflow:hidden;
  padding: 15px 0px 0px;
  width: 174px;
}

#mainblock {
  display:block;
  float:right;
  margin:0;
  overflow:hidden;
  padding:0;
  width:726px;
}

#centercolumn {
  margin: -5px 0px 0px 0px;
  overflow:hidden;
  padding: 5px 0px 0px;
  width: 542px;
  float: left;
}

#rightcolumn {
  float: right;
  margin: 0px;
  overflow:hidden;
  padding: -5px 0 0 0;
  width: 174px;
}

#mainnav {
	margin:0;
	padding: 15px 0px 5px;
	width: 722px;
}

.narrowblock {
	margin: 0;
	padding: 0px;
	width: 174px;
	font-weight: bold;
}

.narrowblock .content {
	background: url(/images/narrow_body.png) repeat-y;
	margin:0;
	padding:0;
	width:175px;
}

.narrowblock.science { background:url(/images/bg-science.png) no-repeat; height:54px; padding-top:170px; }
.narrowblock.science .content { background:none; }
.narrowblock.science .content .button { margin-left:22px; }

.narrowblock .content.ad { padding:10px 0 4px 28px; }
.narrowblock.blue .content {	background: url(/images/narrow_body-blue.png) repeat-y; }

.narrowblock .bottomdots {
  margin-right:15px;
  margin-left:15px;
}

.narrowblock h1 {
	margin: 0px;
	padding: 0px 5px 5px 15px;
	color: #004b59;
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
}

.narrowblock h2 {
	margin: 0px;
	padding: 0px 5px 10px 15px;
	font-size: 16px;
	line-height: 14px;
	text-transform: uppercase;
	color: #00a6c4;
}

.narrowblock p {
	margin: 0px;
	padding: 0px 10px 12px 15px;
}

.narrowblock form {
  padding: 0px 10px 5px 15px;
}

.narrowblock .button {
  margin:0 0 0 15px;
}

.poll .radio { 
  display:block; 
  float:left; 
  margin:0 4px 12px 0; 
}

p.topdots {
	background: url(/images/dotline.gif) repeat-x left top;
	padding-top: 10px !important;
}

form {
}
.narrowblock img.signature {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 10px;
}

p.bottomdots {
	background: url(/images/dotline.gif) repeat-x left bottom;
	padding-bottom: 10px;
	margin-bottom: 8px;
}

#minutes {
	margin: 0px 0px 10px;
	padding: 7px 0px 0px 10px;
	height: 26px;
	background: url(/images/minutesbg.gif) no-repeat;
	font-size: 11px;
	color: #00a6c4;
	font-weight: bold;
	text-transform: uppercase;
}

#navigation {
	background: url(/images/menubg.gif) no-repeat;
	margin: 0px 0px 10px;
	padding: 0px;
	height: 33px;
}
#minutes strong {
	font-size: 18px;
	color: #004b59;
}
.wideblock {
	margin: 0;
	padding: 0px;
	width: 542px;
	font-weight: bold;
}
.wideblock .content {
	background: url(/images/wide_body.png) repeat-y;
	margin: 0px;
	padding: 10px 25px;
}
.wideblock h1 {
	margin: 0px;
	padding: 0px 0px 10px;
	color: #004b59;
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
}
.wideblock h2 {
	margin: 0px;
	padding: 0px 0px 10px;
	font-size: 16px;
	line-height: 14px;
	text-transform: uppercase;
	color: #00a6c4;
}

.wideblock p {
	margin: 0px;
	padding: 0px 0px 12px;
}

.wideblock ul, ol {
	margin: 0px;
	padding: 12px 0px 12px 20px;
}

small {
	font-size: 10px;
	color: #a6a6a6;
	font-weight: bold;
	text-transform: uppercase;
}
.insidewide {
	margin: 0px 20px 0px 0px;
	padding: 0px;
	float: left;
	width: 348px;
}
.insidenarrow {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 122px;
}
#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#navigation ul li {
	margin: 0px;
	padding: 7px 10px 0px;
	float: left;
	list-style: none;
	background: url(/images/nav_dividers.gif) no-repeat right top;
	height: 26px;
}
#navigation ul a {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
#navigation ul li.selected a {
	color: #fff;
	text-decoration:underline;
}

#navigation ul li .science-of-food, #navigation ul li.selected .science-of-food { color:#ff9e00; }

.specialblock {
	text-align: right;
	margin: 0px;
	padding: 10px 0px 0px;
}
.specialblock h2 {
	margin: 0px;
	padding: 0px 0px 10px;
	font-size: 16px;
	line-height: 14px;
	text-transform: uppercase;
	color: #00a6c4;
}
.specialblock p {
	margin: 0px;
	padding: 0px 0px 12px;
	color: #FFFFFF;
}


#posts { overflow: hidden; }

.clip { float:left; margin:0 22px 20px; width:200px; }

/* --- share photos --- */

.blog-photo { margin:0 7px 10px; padding:8px 0 16px 0; text-align:center; width:470px; }
.blog-photo img { border:4px solid #003543; }
.photo-link { float:right; }
.share-link { border-right:2px solid #003543; display:none; padding-right:10px; }
#blog-photos .pagination { text-align:center; }
#add-form, { display:none; }

/* --- pro vs. joe quiz --- */
/* dkblue 003543 */
/* ltblue 00ABCD */

#quiz-wrap { background:url(/images/quiz/quiz-bg.jpg) repeat-y; margin:20px auto 0; width:490px; }
#quiz-wrap #quiz { background:url(/images/quiz/quiz-bg-head.jpg) top no-repeat; min-height:385px; width:490px; }

#quiz-wrap #left { float:left; height:200px; margin:0 10px 0 44px !important; *margin:0; *margin-left:20px; *margin-right:10px; width:210px; }
#quiz-wrap #count { background:url(/images/quiz/question-count.jpg) no-repeat right top; color:#003543; font-size:14px; height:30px; margin:50px 0 0 0; text-align:right; }
#quiz-wrap #count .current, #quiz-wrap #count .total { float:right; line-height:26px; margin-right:6px; text-align:center; width:24px; }
#quiz-wrap .question, #final_results, #summary { margin:30px 0 0 0; color:#003543; font-size:16px; }
#quiz-wrap .answers { background:url(/images/quiz/answer-bg.jpg); margin:10px 0 0 -2px; color:#00ABCD; font-size:12px; text-transform:uppercase; width:213px; }
#quiz-wrap .answers-head { background:url(/images/quiz/answer-bg-head.jpg) no-repeat; height:7px; width:213px; }
#quiz-wrap .answers-foot { background:url(/images/quiz/answer-bg-foot.jpg) no-repeat; height:6px; width:213px; }
#quiz-wrap .answer-wrap { height:24px; line-height:24px; }
#quiz-wrap .answer-wrap input { height:16px; position:relative; top:3px; width:22px; }
#quiz-wrap #countdown { float:right; font-size:20px; }
#quiz-wrap #correct { font-size:11px; }
#quiz-wrap #correct strong { font-size:14px; text-transform:uppercase; }
#quiz-wrap h4 { text-transform:uppercase; }

#quiz-wrap #right { float:left; height:200px; margin:0 0 0 4px; width:190px; }
#quiz-wrap #image { height:186px; margin:100px 0 0 16px;; width:162px; }
#quiz-wrap #scale { background:url(/images/quiz/scale.jpg) no-repeat; height:29px; margin:10px 0 0 16px; width:170px;}
#quiz-wrap .indicator { margin:11px 0 0 74px; }
#quiz-wrap #quiz-foot { background:url(/images/quiz/quiz-bg-foot.jpg) bottom no-repeat; height:30px; }

#result { color:#fff; font-size:11px; font-weight:bold; padding:6px 20px; text-transform:uppercase; }

/* --- IE6-specific hax --- */

* html #content {
	margin: 0px auto;
	padding: 0px;
	width: 910px;
	background: url(/images/contentbg.gif) no-repeat center top;
	text-align: left;
}

* html .narrowblock .content {
	background: url(/images/narrow_body.png) repeat-y;
	margin: 0px;
	padding: 0px 15px;
	width: 174px;
}

* html .narrowblock.science .content {
	background: none;
}

* html .wideblock .content {
	background: url(/images/wide_body.png) repeat-y;
	margin: 0px;
	padding: 5px 25px;
	width: 542px;
}

#post { background: white; }
* html .wideblock .post-slide, .wideblock .post-slide { width: 492px; background: white; }

* html .narrowblock img.signature {
	margin: 0px;
	padding: 0px 0px 10px;
	width: 144px;
}

* html #minutes {
	margin: 0px 0px 10px;
	padding: 7px 0px 0px 10px;
	height: 33px;
	background: url(/images/minutesbg.gif) no-repeat;
	font-size: 11px;
	color: #00a6c4;
	font-weight: bold;
	text-transform: uppercase;
}
.wideblock .pagecontent {
	background: url(/images/wide_body.png) repeat-y;
	margin: 0px;
	padding: 10px 25px;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
}
.wideblock .pagecontent h1 {
	margin: 0px;
	padding: 0px 0px 10px;
	color: #004b59;
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
}
.wideblock .pagecontent h2 {
	margin: 0px;
	padding: 0px 0px 10px;
	font-size: 18px;
	line-height: 16px;
	color: #00a6c4;
	text-transform: none;
}
.wideblock .pagecontent p {
	margin: 0px;
	padding: 0px 0px 12px;
}


/************* BEGIN FORGE DEFAULTS ***********/
/*--------------- forms ------------- */
table.form {
	font-size: 10px;
	border-top: 1px solid #BFBEAE;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
table.form tr td {
	padding: 6px;
	border-bottom: 1px solid #d2d0bf;
	vertical-align: top;
}

table.form tr td img {
	vertical-align: middle;
}
table.form td.label {
	width: 40%;
	font-size: 9px;
	font-weight: bold;
	color: #665E59;
	text-transform: uppercase;
	vertical-align: top;
}
table.students td.label { font-size: 11px; }
table.form td.control {
	width: 60%;
	vertical-align: top;
}


/*-------------- posts --------------- */
.pagination-info {
	line-height: 14px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 11px;
}

#video-wrap { margin:12px 0 20px; text-align:center; width:100%; }

.post {
	margin-bottom: 20px;
}

.post h2, .post h3 {
	margin: 0px;
	padding: 0px;
}

a.unvote, a.unvote:hover { color: #A6A6A6; text-decoration: none; }
.comment { padding: 10px; border-top: 1px solid silver; margin-bottom: 10px;  }
.gravatar { float: left; margin-right: 10px; }

/*------------- photo gallery ------------- */
#photo-thumbnails {
	list-style: none;
}

#photo-thumbnails li {
	float: left;
	margin: 0px 26px 25px 0px;
	width: 96px;
	text-align: center;
	font-size: 11px;
}

#photo-thumbnails li img {
	width: 90px;
	height: 90px;
	padding: 2px;
	border: 1px solid silver;
}

#photo-thumbnails li.last {
	margin-right: 0px;
}


/*------------- flash messages ------------- */
.flash-msg, .errorExplanation {
  padding: 8px 10px 8px 36px;
  margin-top: 10px;
  margin-bottom: 15px;
  font-weight: bold;
  font-size:13px;
}
#flash-notice {
	color: #5a750e;
	border: 4px solid #fff;
	background: url(/images/flash-check.gif) #c2e266 no-repeat 6px 6px;
}
.errorExplanation, #flash-warning, #flash-error {
	color: #9d1d00;
	border: 4px solid #fff;
	background: url(/images/flash-warning.gif) #fd8b71 no-repeat 8px 6px;
}

.errorExplanation h2 {
	color: red;
	text-transform: none;
	margin-top: 2px;
}
div.fieldWithErrors {
	display: inline;
}

/*------------- music video --------------- */
p.gender { display: none; }

table.create tr td { padding: 2px; }
table.create tr th { text-align: center; }

ul.create { list-style: none; padding-left: 0px; margin-left: 0px;  }
ul.create li { float: left; text-align: center; }

/*-------------- updated home page -------------- */
.gameblock .see-more-games {
  float:right;
  position:relative;
  top:-10px;
  left:6px;
}

.gameblock h1 {
	margin: 0px;
	padding: 0px 0px 10px;
	color: #004b59;
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
}
.gameblock h2 {
	margin: 0px;
	padding: 0px 0px 10px;
	font-size: 16px;
	line-height: 14px;
	text-transform: uppercase;
	color: #00a6c4;
}
.gameblock p {
	margin: 0px;
	padding: 0px 0px 12px;
}
.gameblock {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 358px;
}
.gameblock .content {
	margin: 0px;
	padding: 0px 15px;
	background: url(/images/game_body.png) repeat-y;
	font-weight: bold;
}