/*
Theme Name: tmKnowledge
Version: .9
Author: Based on Burnfield-dark by Martin & Peter Ström
Author URI: http://www.burnfield.com/martin
Description: Based on design by by <a href="http://burnfield.com/peter/work/wordpress-theme">Peter Ström</a> and coded by <a href="http://burnfield.com/martin">Martin Ström</a>.
*/


/* --------------------------------------------------------------------------------
 * Typography: =Default
 * -------------------------------------------------------------------------------- */ 

/* Set 1em to 10px */
body {font-size: 62.5%;}
html>body {font-size: 13px; color:#666666;}

/* Base font face */
* {font-family: Verdana, Helvetica, Arial, sans-serif;} 
html>body * {font-family: Verdana, Helvetica, Arial, sans-serif;}

/* Base font size 
#page {font-size: 1.1em;}

#page * {
	font-size: 1.1em;
	line-height: 1em;
}
*/

/* --------------------------------------------------------------------------------
 * Typography: =Headers
 * -------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {font-weight: normal;}

h1 {
	font-size: 16pt;
	color: #999;
	margin-bottom: 12px;
	}

h2 {
	font-size: 12pt;
	color: #06c;
	margin-bottom: 8px;
}

h3 {margin-top: 13px;}
	
	h3 span {border-bottom: 1px solid #06c;}

h4 {margin-left: 20px;}
.author {
	font-size: 10pt;
	color: #333;
	margin-bottom: 8px;
}
	

/* --------------------------------------------------------------------------------
 * Typography: =Links & =general
 * -------------------------------------------------------------------------------- */

a {
	color: #0066cc;
	text-decoration: none;
}
	
	a:hover {
		
		color: #09f;
		border: none;
	}	


strong {
	font-weight: bold;
	
}

p {margin-bottom: 13px; 

}

code, pre {
	background: #2B2B2B;
	color: #D3D3D3;
}


/* --------------------------------------------------------------------------------
 * Structure: =Common
 * -------------------------------------------------------------------------------- */

* {
	margin: 0; 
	padding: 0;
}

.clear {
	clear: both;
	height: 1px;
	line-height: .1px;
	font-size: .1em;
	overflow: hidden;
}

.content, #container, #footer {width: 825px;}


#header .content, #container, #footer {
	margin: 0 auto;
	text-align: left;
}

pre {margin-bottom: 13px;}

/* Images */
a img {border: none;}

h3 + p > img {margin-top: 5px;}

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}


/* --------------------------------------------------------------------------------
 * Structure: =Header
 * -------------------------------------------------------------------------------- */


body {
	background: #fff;
	text-align: center;
}

#top-container {
	position: absolute;
	left: -100px;
}

#page {margin: 0 auto;}




#header {
	position: relative;
	background-color: #ffffff;
	background-image:url(http://drama.yale.edu/TM/headerbg.jpg); 
	background-position: bottom left;
	background-repeat: repeat-x;
	height:162px;
}


	

	#logo a {
		
		font-weight: normal;
		color: #06c;
		border: none;
	}
	
	#logo a:hover {
		
		color: #09f;
	}
	
	/* Based on search form at http://www.bartelme.at 
	#searchbar {
		float: right;
		margin-top: 34px;
	}*/
	/* This is commented out because of IE7 not being able to display this correctly.
	#searchbar label, #searchbar input {
	  left: -9999px;
	  position: absolute;
	} 
	
	
	#searchbar label, #searchbar input {
	  color: #056CB6
	}
	  
	#searchbar #s {
		position: relative;
		left: 0; 
		top: 0;
		color: #999;
		width: 200px;
		height: 15px;
	}
	
	#searchbar #s.focus, #searchbar #s.is-safari {color: #000;}*/

/* --------------------------------------------------------------------------------
 * Structure: =Navigation
 * -------------------------------------------------------------------------------- */

#menubar {
	clear: left;
	position: relative;
}

	#menubar ul {
		position: absolute;
		left: 0px;
		list-style-type: none;
	}
		#menubar li { 
			display: block;
			float: left;
			height: 20px;
			width: 80px;
			padding: 5px 6px 1px 6px;
			background: #fff;
			margin-right: 2px;
			border: 1px solid #fff;
			text-align: center;
			
		}

			html>body #menubar li:hover {
		        background: #DCEEF9;
				border: 1px solid #fff;
			}

			#menubar li a {
				border: none;
				height: 20px;
				text-decoration: none;
				color: #0066cc;
			}
			
				#menubar li a:hover {
					background: none;
					color: #09f;
					border: none;
				}


/* --------------------------------------------------------------------------------
 * Structure: =Sidebar
 * -------------------------------------------------------------------------------- */

#sidebar {
	float: right;
	width: 200px;
	/*border-bottom: 1px solid #06c;*/
	padding-bottom: 9px;
}

	#sidebar h3 {margin-top: 0;}

	/* Submitted comments */
	#sidebar #commentlist {
		list-style-type: none;
		margin: 13px 0;
	}

#sidebar ul {
		padding-left: 10px;
		margin-bottom: 20px;
		list-style-type: none;
		}
		
		#sidebar li {margin-bottom: 5px;
		margin-top: 5px;}
		
		#commentlist cite {font-style: normal;}
		
		#commentlist h3, #sidebar #commentbox h3 {margin-bottom: 13px;}
        
		#commentlist p {margin-bottom: 0;}

	/* Comment form */
	#sidebar #commentbox {
		margin-bottom: 6px;
		padding-bottom: 0;
	}

		#commentbox label {
			display: block;
		}

		#commentbox textarea {
			margin-top: 2px;
			width: 200px;
			height: 132px;
		}

		#commentbox p#comment-textarea {margin-bottom: 11px;}

		#commentbox p#submit {margin-bottom: 0;}


/* --------------------------------------------------------------------------------
* Structure: =Content
* -------------------------------------------------------------------------------- */

#container {
	clear: both;
	/*background: url(images/category-bg.gif) no-repeat left top;*/
	padding-top: 17px;
	margin-top: 26px;
}

#main {
	float: left;
	width: 600px;
	/*border-bottom: 1px solid #06c;*/
}

	/* Permalink on title shouldn't look like link */
	#main h2 a {
		color: inherit;
		border: none;
	}
	
	#main h2 a:hover {color: #09f;}

	#main p {width: 520px;}	

	#main p.last {margin-bottom: 11px;}

	#main ol {
		padding-left: 5px;
		margin-bottom: 13px;
	}
	#main ul {
		padding-left: 15px;
		margin-bottom: 20px;
		list-style-type: square;
		}
		
		#main li {margin-bottom: 10px;
		margin-top: 5px;
		
		}

	#main pre {
		width: 494px;
		overflow: auto;
		padding: 13px;
		
	}
	
	#main div.updated {
		padding-left: 7px;
		/*border-left: 4px solid #06c;*/
		margin-bottom: 13px;
	}


/* --------------------------------------------------------------------------------
 * Structure: =Thumbnail List
 * -------------------------------------------------------------------------------- */

ul#thumbnails {list-style-type: none;}

	ul#thumbnails li {
		clear: both;
		padding-bottom: 9px;
		margin-bottom: 26px;
		/*background: url(images/category-bg.gif) no-repeat left bottom;*/
	}

	ul#thumbnails li.last {margin-bottom: 0;}

		ul#thumbnails .thumbnail {
			display: block;
			float: left; 
			width: 90px; 
			height: 90px; 
			margin: 0 15px 5px 0; 
		}

		ul#thumbnails .content {
			float: left;
			width: 600px;
			overflow: hidden;
		}

		ul#thumbnails .content h3 {margin-top: 0;}

			ul#thumbnails .content h3 span {border-bottom: none;}

		ul#thumbnails .content div.text {
			height: 73px;
			overflow: hidden;
		}

		ul#thumbnails .clear {margin: 0;}

		ul#thumbnails .metadata {
		color:#06c;
			float: right;
			clear: right;
			width: 200px;
		}

			ul#thumbnails .metadata h3 {margin-top: 0;}


/* --------------------------------------------------------------------------------
 * Structure: =Tagcloud
 * -------------------------------------------------------------------------------- */

#tagcloud, #tagcloud a {
	font-family: arial, helvetica, sans-serif;	
	font-size: 0.85em;
	line-height: 25px;
	border: none;
}

#keywords li { 
list-style-type:none; 
} 


/* --------------------------------------------------------------------------------
 * Structure: =Footer
 * -------------------------------------------------------------------------------- */

#footer {clear: both;}

	#footer p {
	 	margin-top: 15px;
		padding-top: 15px;
		float: left;
		padding-bottom: 26px;
		color:#999999;
		size: 75%;
		font-style:italic; 
		border-top: 1px solid #06c; 
	}
/* --------------------------------------------------------------------------------
 * Header image slices
 * -------------------------------------------------------------------------------- */

#INLINE {
	width:825px;
	height:136px;
	display:inline;
}

#logo {
	position:relative;
	left:0px;
	top:0px;
	width:825px;
	height:136px;
}

#YTMKBlogo-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:158px;
	height:81px;
}

#YTMKBlogo-02 {
	position:absolute;
	left:158px;
	top:0px;
	width:91px;
	height:81px;
}

#YTMKBlogo-03 {
	position:absolute;
	left:249px;
	top:0px;
	width:192px;
	height:81px;
}

#YTMKBlogo-04 {
	position:absolute;
	left:441px;
	top:0px;
	width:130px;
	height:81px;
}

#YTMKBlogo-05 {
	position:absolute;
	left:571px;
	top:0px;
	width:90px;
	height:81px;
}

#YTMKBlogo-06 {
	position:absolute;
	left:661px;
	top:0px;
	width:164px;
	height:81px;
}

#YTMKBlogo-07 {
	position:absolute;
	left:0px;
	top:81px;
	width:158px;
	height:55px;
}

#YTMKBlogo-08 {
	position:absolute;
	left:158px;
	top:81px;
	width:91px;
	height:55px;
}

#YTMKBlogo-09 {
	position:absolute;
	left:249px;
	top:81px;
	width:192px;
	height:55px;
}

#YTMKBlogo-10 {
	position:absolute;
	left:441px;
	top:81px;
	width:130px;
	height:55px;
}

#YTMKBlogo-11 {
	position:absolute;
	left:571px;
	top:81px;
	width:90px;
	height:55px;
}

#YTMKBlogo-12 {
	position:absolute;
	left:661px;
	top:81px;
	width:164px;
	height:55px;
}