@charset "utf-8";
@import url("reset+base.css");

/* 
	Theme Name: Orange Blue Kirby Artboard (www.artofthecomicbook.com)
	Theme URI: http://www.artofthecomicbook.com/
	Description: CSS designed specifically for the Art of the Comic Book website (www.artofthecomicbook.com).
	Version: 2.0
	Author: Marshall Art Studio
	Author URI: http://www.illdave.com/
	(c)2010 Marshall Art Studio
*/


/* Layout */
html 						{background: #38568b;}
body 						{font-size: 62.5%; background: #38568b url('../images/layout/body-topfade.png') repeat-x 0 150px; font-family: arial, helvetica, sans-serif; text-align: center;}
#contentWrapper 			{position: relative; width: 1160px; margin: 0 auto; text-align: left;}

#artboardTop				{position: relative; width: 100%; height: 55px; background: transparent url('../images/layout/artboard-top.png') no-repeat 0 0; text-align: center;}
#artboardTopMiddle			{position: relative; width: 315px; height: 100%; margin: 0 auto; background: transparent url('../images/layout/artboard-top-middle.png') no-repeat center 0;}
#artboardTopPage			{position: absolute; top: 0; right: 0; width: 240px; height: 55px; background: transparent url('../images/layout/artboard-top-page.png') no-repeat 0 0;}
#artboardTopCorner			{position: absolute; top: 0; right: 0; width: 55px; height: 55px; background: transparent url('../images/layout/artboard-top-corner.png') no-repeat 0 0;}
#artboardRight				{position: absolute; right: 0; top: 0; width: 60px; height: 100%; overflow: hidden; background: transparent url('../images/layout/artboard-right.png') repeat-y 0 0;}
#artboardRightTop			{position: absolute; right: 0; top: 0; width: 60px; height: 420px; background: transparent url('../images/layout/artboard-right-top.png') repeat-y 0 0;}
#artboardBottom				{position: relative; clear: both; z-index: 8; width: 100%; height: 55px; background: transparent url('../images/layout/artboard-bottom.png') no-repeat 0 0; text-align: center;}
#artboardBottomCorner		{position: absolute; top: 0; right: 0; width: 60px; height: 55px; background: transparent url('../images/layout/artboard-bottom-corner.png') no-repeat 0 0;}


/* Masthead */
#masthead					{position: relative; width: 100%; height: 150px; margin-bottom: 10px; border-bottom: 0px solid #fff; background: transparent url('../images/masthead/bg.jpg') repeat-x 0 0; text-align: center;}
#mastheadWrapper 			{position: relative; width: 1145px;  height: 150px; margin: 0 auto; text-align: left;}
#masthead .logo				{position: absolute; left: 0; top: 27px; width: 655px; height: 75px;}
#masthead .logo a			{display: block; width: 655px; height: 75px; text-indent: -9999px; background: transparent url('../images/masthead/logo.png') repeat-x 0 0;}
#masthead .logo a:hover		{background-position: 0 bottom;}
#masthead .slogan h2		{display: none;}


/* Navigation L1 */
.navL1						{position: absolute; bottom: 0; left: -15px; height: 40px; background: transparent;}
.navL1 h2					{display: none;}
.navL1 ul					{position: relative; height: 30px;}
.navL1 li					{display: inline; float: left; line-height: 40px; font-size: 1.6em;}
.navL1 a					{color: #fff; display: block; padding: 0 15px; text-decoration: none;}
.navL1 a:hover				{border-bottom: 4px solid #90afe6;}


/* Navigation L1" Current State */
#typical .navL1 .about a,	
#schedule .navL1 .schedule a,	
#about .navL1 .about a,	
#studio .navL1 .studio a,	
#materials .navL1 .materials a,	
#history .navL1 .history a,	
#foo .navL1 .foo a			{border-bottom: 4px solid #fff; background: transparent url('../images/navL1/curr.png') repeat-x center bottom; color: #fff;}

#masthead a#contact			{background: transparent url('../images/masthead/contact.png') no-repeat 0 0; position: absolute; bottom: 0; right: -5px;  width: 140px; height: 45px; color: #000; text-decoration: none; }
#masthead a#contact span	{font-size: 1.6em; position: absolute; left: 57px; top: 15px;}
#masthead a#contact:hover	{color: #d74d1f;}


/* Column One */
#columnOne					{position: relative; width: 240px; display: inline; float: left; font-size: 1.1em;}
#columnOne .item			{position: relative; width: 100%; padding: 20px 0; margin-bottom: 10px; text-align: center; z-index: 1;}
#columnOne .item .txt		{position: relative; width: 190px; margin: 10px auto; text-align: left; z-index: 4;}


/* Column One: Post It */
#columnOne .postit			{padding: 25px 0; margin-bottom: 0; text-align: center;}
#columnOne .postit .txt		{position: relative; margin: 0 auto; z-index: 5; width: 190px; text-align: left; }
#columnOne .postit h2		{font-size: 1.6em; font-weight: normal; margin-bottom: .25em; border-bottom: 1px dotted #999; padding-bottom: .25em;}
#columnOne .postit h3		{margin-bottom: 0;}
#columnOne .postit p		{line-height: 2em;}

.postit h2 a				{color: #38568b; text-decoration: none;}
.postit h2 a:hover			{color: #000;}

.postit .top				{position: absolute; left: 0; top: 0; width: 100%; height: 35px; background: transparent no-repeat 0 0;}
.postit .bot				{position: absolute; left: 0; bottom: 0; width: 100%; height: 35px; background: transparent no-repeat 0 0;}
.postit .mid				{position: relative; width: 100%; background: transparent repeat-y 0 0; padding-bottom: 1em; z-index: 3;}

.postit ul					{margin-bottom: 2em;}
.postit li a				{display: block; text-decoration: none; margin-bottom: 0; padding: 5px 0 5px 0; border-bottom: 1px solid #ccc;}
.postit li a:hover			{text-decoration: underline;}

.postit dt					{font-size: 1.6em; margin-bottom: 15px; padding-left: 20px;}
.postit dd a				{display: block; text-decoration: none; margin-bottom: 0; padding: 5px 5px 5px 20px; border-bottom: 1px solid #ccc; color: #38568b;}
.postit dd a:hover			{background: #efefef; color: #000;}

.postit.gray .top			{background-image: url('../images/layout/postit-gray-top.png');}
.postit.gray .bot			{background-image: url('../images/layout/postit-gray-bot.png');}
.postit.gray .mid			{background-image: url('../images/layout/postit-gray.png');}

.postit.yellow .top			{background-image: url('../images/layout/postit-yellow-top.png');}
.postit.yellow .bot			{background-image: url('../images/layout/postit-yellow-bot.png');}
.postit.yellow .mid			{background-image: url('../images/layout/postit-yellow.png');}
.postit.yellow li a			{border-color: #f0deba;}

.postit.blue .top			{background-image: url('../images/layout/postit-blue-top.png');}
.postit.blue .bot			{background-image: url('../images/layout/postit-blue-bot.png');}
.postit.blue .mid			{background-image: url('../images/layout/postit-blue.png');}
.postit.blue li a			{border-color: #b3b3e0;}

.postit.green .top			{background-image: url('../images/layout/postit-green-top.png');}
.postit.green .bot			{background-image: url('../images/layout/postit-green-bot.png');}
.postit.green .mid			{background-image: url('../images/layout/postit-green.png');}
.postit.green li a			{border-color: #b0ddb2;}

.postit.pink .top			{background-image: url('../images/layout/postit-pink-top.png');}
.postit.pink .bot			{background-image: url('../images/layout/postit-pink-bot.png');}
.postit.pink .mid			{background-image: url('../images/layout/postit-pink.png');}
.postit.pink li a			{border-color: #e0b3b3;}

.postit.red .top			{background-image: url('../images/layout/postit-red-top.png');}
.postit.red .bot			{background-image: url('../images/layout/postit-red-bot.png');}
.postit.red .mid			{background-image: url('../images/layout/postit-red.png');}
.postit.red li a			{border-color: #dfab9b;}


/* Column One: Twitter */
#columnOne .twitter								{padding: 10px 0; width: 230px; margin-left: 7px;}
#columnOne .twitter .twtr-hd					{padding-bottom: 0px;}
#columnOne .twitter .twtr-bd					{padding: 0 4px;}
#columnOne .twitter .twtr-ft div				{padding-bottom: 0;}
#columnOne .twitter .twtr-widget .twtr-tweet	{border-color: #ccc}


/* Navigation L2 */
#columnOne #navL2 			{padding: 71px 0 10px; margin-bottom: 0;}
#columnOne #navL2 .txt		{position: relative; margin: -51px 0 0 9px; z-index: 5; width: 225px;}
#navL2 .top					{position: absolute; left: 0; top: 0; width: 100%; height: 71px; background: transparent url('../images/navL2/top.png') no-repeat 0 0;}
#navL2 .mid					{position: relative; width: 100%; background: transparent url('../images/navL2/bg.png') repeat-y 0 0;}
#navL2 .bot					{position: absolute; left: 0; bottom: 0; width: 100%; height: 32px; background: transparent url('../images/navL2/bot.png') no-repeat 0 0;}
#navL2 dl					{margin-bottom: 2em; }
#navL2 dt					{margin-bottom: 25px; font-size: 1.6em; padding-left: 20px;}
#navL2 dt a					{color: #38568b; text-decoration: none;}
#navL2 dt a:hover			{color: #000;}
#navL2 dd					{}
#navL2 dd a					{display: block; text-decoration: none; margin-bottom: 0; padding: 5px 10px 5px 20px; border-bottom: 1px solid #f1dd97;}
#navL2 dd a:hover			{text-decoration: underline;}
#navL2 .curr a				{color: #000; background: transparent url('../images/navL2/curr.gif') no-repeat 20px 7px; padding-left: 30px; font-weight: bold;}


/* Main Content */
#content					{position: relative; width: 917px; display: inline; float: left; margin-bottom: 10px; background: transparent url('../images/layout/artboard-content.png') repeat-y 0 0; font-size: 1.3em; font-family: georgia, 'times new roman', times, serif; line-height: 1.4em;}
#contentContent				{width: 750px; min-height: 400px; margin: 30px auto; text-align: left;}
#content h1					{font-size: 2.8em; color: #444;}
#content h2					{font-size: 1.4em; color: #38568b;}
#content h3					{}
#content h4					{}
#content p					{}
#content p.intro			{margin-bottom: 2em;}
#content ol					{margin-left: 2em;}
#content ol li				{list-style: decimal;}
#content ul					{margin-bottom: 1em; margin-left: 20px;}
#content li					{margin-bottom: 1em;}

#content ul li				{list-style: none; margin-left: 0; padding-left: 12px; margin-bottom: .5em; background: url('../images/layout/liBullet.png') 0 4px no-repeat;}
#content ul li ul			{color: #333; margin-top: .25em; margin-left: 0;}
#content ul li ul li 		{margin-bottom: 0; padding-bottom: 0; background: url('../images/layout/liBulletInner.png') 0 4px no-repeat;}

#content #pageTitle			{position: relative; border-bottom: 1px solid #7cd0f1; margin-bottom: 1em; padding-bottom: .25em;}
#content #pageTitle	h1		{margin-bottom: .15em; font-weight: normal; line-height: 1em;}
#content #pageTitle	h2		{margin-bottom: .5em;  line-height: 1.3em;}
#content #pageTitle	p		{margin-bottom: .35em;}
#content #pageTitle	.author		{}
#content #pageTitle	.dateline	{}
#content #pageTitle	.upated		{}

#tweet-this						{position: absolute; width: 110px; height: 20px;}
#pageTitle	#tweet-this			{bottom: 10px; right: -18px;}

#content table.data				{font-family: arial, helvetica, sans-serif; font-size: 0.92em;}
#content .colummData .col_half	{font-size: 0.92em;}

#content ul.thirds				{float: left; width: 31%; margin: 0; margin-right: 2%;}


/* Sample Art  */
#sample-art				{position: relative; width: 100%;}
#sample-art p			{margin-bottom: 0;}
#sample-art img			{border: 0; display: inline; margin-bottom: 0; border: 2px solid #000;}
#sample-art .title		{font-weight: bold;}

#sample-art a img  			{border: 2px solid #d74d1f;}
#sample-art a:hover img  	{border: 2px solid #ff6633;}


/* Two Column Layouts */
.twocol #content .colummData h2				{border-bottom: 1px dotted #7cd0f1; padding-bottom: .35em; margin-bottom: .25em; font-size: 1.2em;}


/* Header and Links on a single line */
#content .headerLink				{color: #ccc; font-weight: normal; font-size: 90%;}
#content .headerLink.right  		{position: absolute; top: 0; right: 0; padding: 10px 0;}


/* MLA style */
#content .MLA ul		{}
#content .MLA ul li		{text-indent: -10px; padding-left: 10px; list-style: none;}
.MLA .author			{}
.MLA .article			{}
.MLA .title				{font-style: italic;}
.MLA .pubDate			{}
.MLA .pubLocation		{white-space: nowrap;}
.MLA .url				{white-space: nowrap;}


/* Two-column DIV (Class, with WIDE LEFT/THIN RIGHT columns) */
.colummData		{float: left; position: relative; width: 100%; margin: 0; margin-bottom: 1em;font-family: arial, helvetica, sans-serif;}
.col			{border: 0;}
.col.wide		{float: left; width: 500px; border: 0;}
.col.thin		{float: right; width: 28%; border: 0;}
.col_half		{width: 48%; border: 0; margin: 0; padding: 0;}
.col_half.l		{float: left;}
.col_half.r		{float: right;}

.col_third		{width: 31%; margin: 0; float: left; display: inline; margin-right: 3%;}
.col_third.l	{}
.col_third.m	{}
.col_third.r	{margin-right: 0;}

.colummData h3	{margin-bottom: 6px;}


/* Data TABLEs */
table.data				{position: relative; clear: both; }
table.data tr			{vertical-align: top;}
table.data th, 
table.data td			{padding: 5px; margin: 0; border-bottom: 1px solid #ccc;}
table.data td			{text-align: left; border-bottom: 1px dotted #ccc;}
table.data th			{text-align: left; vertical-align: bottom;}
table.data th.first		{padding-left: 0;}
table.data tbody th		{vertical-align: top; padding-left: 0; border-bottom-style: dotted;}
table.data tfoot td		{text-align: left; border: 0; font-size: 90%; padding-left: 0;}
table.data tfoot td p	{margin-bottom: 0;}
table.data .plus		{color: #696;}
table.data .minus		{color: #c03;}
#content table.data ul	{margin-bottom: 0; padding: 0;}

.data .label			{white-space: nowrap; padding-left: 0;}
.data .label span		{font-weight: normal;}

/* Data TABLE Grading */
table.data.gradingPolicy .label					{width: 7%;}
table.data.gradingPolicy .range					{width: 10%; white-space: nowrap;}
#content table.data.gradingPolicy .range ul		{margin-left: 0;}
#content table.data.gradingPolicy .range ul li	{background-image: none; padding-left: 0; margin-left: 0; list-style: none;}
#content table.data.gradingPolicy .label ul		{margin-left: 5px;}


/* Footnote */
.footnote							{position: relative; width: 100%; border-top: 1px solid #ccc; padding-top: 1em;}
.footnote h2						{border: 0;}
#content .footnote li				{background-image: none; padding: 0; margin: 0; margin-bottom: 1em;}
#content .footnote ul				{padding: 0; margin: 0; margin-bottom: 1em;}
#materials #content .footnote h3	{border: 0; text-transform: none; padding: 0; font-family: georgia, 'times new roman'; font-weight: normal; font-size: 150%;}
.bibliography a						{white-space: nowrap;}


/* Footer */
#footer						{position: relative; width: 100%; height: auto; min-height: 120px; clear: both; text-align: center; background: #0c1f40 url('../images/layout/footer.png') repeat-x 0 0; border-top: 1px solid #8992a2; color: #dee6f5;}
#footerWrapper				{position: relative; padding: 20px 0; width: 1160px; margin: 0 auto; text-align: left;}
#footer ul					{margin: 0; text-align: left;}
#footer li					{list-style: none; margin-left: 0; padding-left: 12px; margin-bottom: .5em; background: url('../images/layout/liBulletFooter.png') 0 4px no-repeat; text-align: left;}
#footer .blurb				{float: left; width: 550px; line-height: 1.7em;  text-align: left; font-size: 1.2em;}
#footer .links				{float: right; display: inline; width: 560px; margin-top: 5px; font-size: 1.2em;}
#footer .links .item		{display: inline; width: 22%; float: left; margin-right: 20px}
#footer .links .item.last	{margin-right: 0;}
#footer .links .item h3		{margin-bottom: .5em; text-align: left; font-size: 1.1em; color: #719eed;}
#footer h2					{color: #fff; font-family: georgia, 'times new roman', times, serif; font-size: 1.8em; font-weight: normal; margin-bottom: .25em;}
#footer a:link,
#footer a:visited			{color: #fff;}
#footer .copyright			{float: left; width: 950px; text-align: left; color: #afc2e4; font-size: 1.1em; line-height: 2em;}

#footer #social				{float: right;}
#footer #social	h3			{font-size: 14px; margin-bottom: .5em; display: none;}
#footer #social	ul			{}
#footer #social	li			{margin: 0; padding: 0; background: none; float: left; margin-right: 10px;}
#footer #social	a			{display: block; width: 30px; height: 30px; text-indent: -9999px; border: 1px solid #6b909f; background: transparent no-repeat 0 0;}
#footer #social	a:hover		{border: 1px solid #fff;}

#social #facebook a			{background-image: url('../images/social/facebook.gif');}
#social #linkedin a			{background-image: url('../images/social/linkedin.gif');}
#social #twitter a			{background-image: url('../images/social/twitter.gif');}
#social #youtube a			{background-image: url('../images/social/youtube.gif');}


/* Landing Pages */
.landing #contentContent			{width: 812px; min-height: 800px; margin: 0 auto;}

.landing #content #pageTitle		{position: relative; z-index: 9; border: 0; background: #999; margin: -3px 0 0 1px; width: 814px; height: 200px; color: #fff;}
.landing #content #pageTitle h1		{position: absolute; top: 20px; left: 20px; width: 300px; font-weight: normal; line-height: 1em; color: #f6ebaa;}
.landing #content #pageTitle h2		{position: absolute; top: 60px; left: 20px; width: 300px; line-height: 1.3em; color: #fff;}
.landing #content #pageTitle p		{position: absolute; bottom: 15px; left: 20px; width: 300px; font-family: arial, helvetica, sans-serif; margin: 0; padding: 0;}
.landing #content #tweet-this		{top: 270px; right: 64px;}
.landing #landingContent			{width: 750px; margin: 20px auto 30px; text-align: left;}


.blocklinks					{position: relative; width: 816px; display: block; float: left;}
.blocklinks .row			{position: relative; float: left; width: 100%; margin-top: -1px;}
.blocklinks .row.first		{margin-top: 0;}
.blocklinks a				{width: 369px; padding: 10px 20px; color: #000; font-family: arial, helvetica, sans-serif; text-decoration: none; border: 1px solid #7cd0f1;}
.blocklinks a:hover			{background: #fff url('../images/home/navL1-hover.png') repeat-x 0 0;}
.blocklinks .h3				{display: block; margin-bottom: 6px; color: #d74d1f; font-size: 16px; font-weight: bold;}
.blocklinks .p,				
.blocklinks .description,	
.blocklinks .timestamp,	
.blocklinks .summary		{display: block;}
.blocklinks .timestamp		{font-style: italic; }
.blocklinks .dateline		{color: #999;}

.blocklinks .L, 
.blocklinks .R				{display: block; position: relative;}
.blocklinks .R				{float: left; margin-left: -1px; padding-right: 14px;}
.blocklinks .F				{float: left; width: 773px;}


/* Toth v Rude Diagram */
.diagram									{position: relative; width: 100%; float: left;}
.diagram .txt								{width: 300px; display: inlne; float: right;}

.toth-v-rude #content .diagram				{min-height: 500px; height:auto !important; height: 500px; margin-bottom: 1em;}
.toth-v-rude #content .diagram h3			{border-bottom: 1px dotted #ccc; padding-bottom: .5em;}
.toth-v-rude #content .diagram img			{float: left; width: 300px; display: inline;}
.toth-v-rude #content .diagram p.backtotop	{position: absolute; left: 0; top: 500px; widht: 300px;}
.toth-v-rude .diagram .txt					{width: 430px;}

.toth-v-rude #content .response				{background: #bed9f0 url('../images/history/toth-v-rude/response-steverude.gif') no-repeat 0 -2px; padding: 10px 0 .5em; margin-bottom: 1em;}
.toth-v-rude #content .response p 			{padding: 0 10px 0; padding-left: 50px;}


/* Demo: Ames Guide */
.demo #contentContent				{min-height: 500px;}
.demo .step							{margin-bottom: 50px;}
#materials #content .demo .step h3	{border: 0; text-transform: none; padding: 0; margin: 0; font-family: georgia, 'times new roman'; font-weight: normal; font-size: 150%;}
.demo .step .hdrLabel				{color: #c03; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; margin-right: .25em;}
.demo .step#terms img				{margin-bottom: 1em;}


/* Home Page */
#home 							{background-position: 0 326px;}
#home #mastheadWrapper 			{height: 326px;}

#home #masthead					{height: 326px; background-image: url('../images/masthead/bg-home.jpg'); border: 0;}
#home #masthead .logo			{width: 785px; height: 84px; left: 0px; top: 29px; }
#home #masthead .logo a			{width: 785px; height: 84px; background-image: url('../images/masthead/logo-home.png');}
#home #masthead .logo a:hover	{background-position: 0 0;}
#home #info-row					{position: relative; float: left; margin: 130px 0 0 0px; font-size: 1.2em; line-height: 1.4em;}
#home #info-row h2				{font-size: 16px; color: #fff; margin-bottom: .5em;}
#home #info-row h3				{margin-bottom: .75em;}
#home #info-row .dates			{display: block;}
#home #info-row p				{line-height: 2.2em;}
#home #info-row li				{margin-bottom: 0;}
#home #info-row a				{color: #fff;}
#home #info-row .urls			{margin-top: .75em;}
#home .session,
#home .course-description		{float: left; display: inline; text-align: left;}
#home .session					{width: 240px; margin-right: 25px;}
#home .course-description		{width: 610px;}
#home .course-description a		{white-space: nowrap; font-weight: bold;}

/* Home Nav: Blue Buttons */
#home .nav.bluebtn						{position: absolute; top: 25px; right: 0px; width: 330px; background: transparent;}
#home .nav.bluebtn h2					{display: none;}
#home .nav.bluebtn ul					{position: relative; height: 30px; width: 48%; float: left;}
#home .nav.bluebtn li					{display: inline; float: left; line-height: 30px; font-size: 1.4em; margin-bottom: 5px; text-align: center;}
#home .nav.bluebtn a					{color: #fff; display: block; padding: 0 10px; width: 130px; text-decoration: none; background: transparent url('../images/home/nav.png') repeat-x 0 0; border: 1px solid #1a243f; border-bottom: 1px solid #eb9c33;}
#home .nav.bluebtn a:hover				{}

/* Home Nav: White Blocks */
#home .nav						{position: absolute; top: 28px; right: 0; width: 330px; background: transparent;}
#home .nav h2					{display: none;}
#home .nav ul					{position: relative; width: 50%; float: left;}
#home .nav li					{position: relative; display: inline; float: left; line-height: 25px; font-size: 1.2em; margin-top: -1px; text-align: center; }
#home .nav a					{color: #fff; display: block; padding: 0 10px; width: 144px; text-decoration: none; border: 1px solid #fff;}
#home .nav a:hover				{background: transparent url('../images/home/nav-hover.png') repeat-x 0 0;}


#home .navL1					{position: relative; top: 0; left: 0; height: auto; display: block; width: 100%;}
#home .navL1 .row				{width: 100%;  height: 75px; margin-bottom: 30px; }
#home .navL1 a					{float: left; display: block; width: 330px; height: 75px; color: #000; font-family: arial, helvetica, sans-serif; border: 1px solid #7cd0f1; background: #fff;}
#home .navL1 a:hover			{border: 1px solid #7cd0f1; background: #fff url('../images/home/navL1-hover.png') repeat-x 0 0;}
#home .navL1 .h3				{display: block; color: #d74d1f; font-size: 16px; font-weight: bold; margin-top: 10px;}
#home .navL1 .about,
#home .navL1 .materials			{float: right;}

#home #contentContent			{margin-bottom: 0;}

#home #sample-art				{position: relative; margin-left: -32px; width: 813px;}
#home #sample-art p				{margin-bottom: 0;}
#home #sample-art img			{border: 0; display: inline; margin-bottom: 0; border: 2px solid #000;}
#home #sample-art .title		{font-weight: bold;}


/* Schedule */
#schedule #content h3 			{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0;}
#schedule #content h4			{margin-bottom: .25em;}
#schedule .classSession 		{color: #900; text-transform: uppercase;}
#schedule #content #pageTitle	{border-bottom: 0; padding-bottom: 0;}
#schedule #content label 		{color: #666; display: block; font-weight: bold; margin-bottom: 0.25em;text-transform: uppercase; font-family: arial, helvetica, sans-serif;}

#schedule #landingContent h3	{border-top: 0; padding: 10px 0 5px; margin-bottom: 0;}
#schedule .data					{}

#schedule .data	thead th		{width: 10%;}

#schedule .data	.location		{width: auto;}
#schedule .data	.city			{}
#schedule .data	.days			{}
#schedule .data	.dates			{width: 15%;}
#schedule .data	.times			{width: 17%;}
#schedule .data	.tuition		{}
#schedule .data	.credits		{width: 7%;}
#schedule .data	 td.credits		{text-align: center;}
#schedule .data	.registration	{}

#schedule.landing #content #pageTitle			{background: transparent url('../images/landing/schedule.jpg') no-repeat 0 0;}
#schedule.landing #content #pageTitle	h1		{width: 310px;}


/* Studio */
#studio .blocklinks a						{height: 100px;}
#studio.landing #content #pageTitle			{background: transparent url('../images/landing/studio.jpg') no-repeat 0 0;}


/* Materials */
#materials .blocklinks a						{height: 100px;}
#materials.landing #content #pageTitle			{background: transparent url('../images/landing/materials.jpg') no-repeat 0 0;}
#materials.landing #content #pageTitle h1		{width: 310px;}


/* History */
#history .blocklinks						{width: 558px; margin-left: 1px;}
#history .blocklinks a						{width: 517px; height: auto; float: left; margin-top: -1px;}
#history.landing #content #pageTitle		{background: transparent url('../images/landing/history.jpg') no-repeat 0 0;}


/* About */
#about #content h2						{margin-bottom: 6px; margin-top: 2em;}
#about #content .semester				{float: left; width: 100%;  margin-bottom: 2em;}
#about #content .semester h2			{margin-top: 0; position: relative;}
#content .semester h2 .headerLink.right	{padding: 0; font-family: arial, helvetica, sans-serif; font-size: .7em;}


/* About Graduates */

.infoblock				{position: relative; float: left; width: 100%; margin-bottom: 2em;}
#about.grads #content h2						{margin-top: 0; margin-bottom: .5em;}

#content .quote			{position: relative; border: 1px solid #ccc; margin-bottom: 1em; padding: 20px 0;}
#content .quote h3, 
#content .quote p 		{margin: 0 20px;}
#content .quote h3		{margin-bottom: .5em; font-weight: normal;}
#content .quote h3 span	{font-weight: bold; font-style: italic;}
#content .quote p		{font-style: italic; font-family: arial, helvetica, sans-serif; font-size: .9em;}

.row		{position: relative; float: left; width: 100%; margin-bottom: 1em;}
.work		{float: left; width: 31%; margin: 0; margin-right: 2%;}
.work h3	{margin-bottom: 0;}
.work p 	{}
.work ul	{}


/* About Instructor */
#about.instructor #content #pageTitle			{background: transparent url('../images/landing/about-instructor.jpg') no-repeat 0 0; height: 270px;}
#about.instructor #content #pageTitle p			{color: #ccc;}
#about.instructor #content #pageTitle a			{color: #fff; text-decoration: none;}
#about.instructor #content #pageTitle a:hover	{text-decoration: underline;}
#about.instructor.landing #content #tweet-this	{top: 340px; right: 64px;}
#about.instructor.landing #content h2			{margin-top: 0; margin-bottom: 1em;}
#about.instructor.landing.twocol #content .colummData h2	{margin-bottom: .25em;}
#about.instructor.landing #content p			{margin-bottom: 2em;}


/* Sidebar */
.sidebar.landing #content #pageTitle	{float: left; margin-left: 52px; margin-top: -4px; border-bottom: 1px solid #7cd0f1;}
.sidebar #contentContent				{float: left; width: 560px; margin: 0; margin-left: 51px; margin-right: 20px; display: inline;}
.sidebar #contentSidebar				{float: left; width: 220px; margin-left: 0px; padding: 20px 0; font-size: 0.92em; font-family: arial, helvetica, sans-serif;}
.sidebar #contentSidebar h2				{font-family: georgia, 'times new roman', times, serif; border-bottom: 1px dotted #7cd0f1; padding-bottom: .35em; margin-bottom: .5em;}
.sidebar #contentSidebar h3				{margin-bottom: 0;}

.sidebar #artboardRight			{background-image: url('../images/layout/artboard-right-sidebar.png');}
.sidebar #artboardRightTop		{background-image: url('../images/layout/artboard-right-top-sidebar.png');}
.sidebar #content				{background-image: url('../images/layout/artboard-content-sidebar.png');}

.sidebar #sidebarBot			{position: absolute; left: 0; bottom: 0; width: 100%; height: 200px; clear: both; background: transparent url('../images/layout/sidebar-bot.png') no-repeat right 0; }


/* Consolidated IMG styles */
.demo .step img				{padding: 20px; margin: 0 auto; background: #efefef; border: 0;}
.imageCaptioned				{clear: both; text-align: center; background: #efefef; margin-bottom: 1em; padding: 20px 0;}
.imageCaptioned img			{margin: 0 auto; border: 0; margin-bottom: 1em;}
.imageCaptioned p 			{text-align: left; margin-bottom: .5em; width: 90%; margin: 0 auto;}


/* Video BLIP */
.videobox			{margin-bottom: 2em;}
.videobox embed		{width: 480px; height: 390px;}
.videobox .txt		{float: right; width: 250px; font-family: arial, helvetica, sans-serif; font-size: 0.92em;}
.videobox .txt dl	{margin-bottom: 1em;}
.videobox .txt dt	{font-weight: bold;}
.videobox .txt dd	{font-style: italic;}
#about.instructor.landing #content .videobox .txt p	{margin-bottom: .5em;}


/* TBA - Content Being Delivered */
.tba #contentContent				{min-height: 300px;}


/* Misc */
.artists a {white-space: nowrap;}