/*
File: 			custom.css
Description: 	Custom styles for Thesis
*/


body.custom { background: #44443f; }
 

.custom #content div.post_box			 { border: dotted #9A9A9A; border-width: 1px 0 0 0; }
.custom #content div.post_box.top		 { border-top: 0; }
.custom #content div.post_box.top.category-brevia { border-top: dotted 1px #9A9A9A; }
.custom #content div.post_box.category-brevia 	 { border-left: dotted 5px #C5C5FF; border-bottom: solid 5px #FFF;
							 padding: 1em 0.8em 0.3em 1.5em;  font-size: 95%; line-height: 1.45em; }
.custom div.category-brevia div.published.date	 { float: right; text-transform: uppercase; margin-right: 1.3em;
							font-size: 0.8em; letter-spacing: 1px; color: #777; } 
.custom div.post_box.category-brevia p		 	 { margin-bottom: 0.7em; }
.custom div.post_box.category-brevia p.to_comments	 { margin-bottom: 0.2em; text-align: right; margin-right: 1em;  font-size: 0.95em ; }
.custom div.post_box.category-brevia p.note_title	 { padding-top: 1em; font-size: 1.1em; font-weight:bold; }
.custom div.post_box.category-brevia p.note_title a,
.custom div.post_box.category-brevia p.note_title a:visited	{ color: #222;    text-decoration: none; }
.custom div.post_box.category-brevia p.note_title a:hover	{ color: #2361A1; text-decoration: none; }


.custom #container { margin-top: 1em; margin-bottom: 2em; padding: 3px; background: #33332f; border: 3px solid #3e3e3a; }
.custom #page { background: #fff; }
.custom #header { background: url('http://metamodern.com/b/wp-content/uploads/img/ribosome_banner.jpg') 0% 0% no-repeat;
		clear: both; padding-top: 2.8em; padding-bottom: 1.2em; padding-left: 2em; 
		border: 2px solid #777; }

.custom #header #tagline	{ font-weight: normal; color: #333; text-indent: 3.5em; font-size: 160%; line-height: 1.3em; }
.custom #header p#logo		{ line-height: 1.4em; text-indent: 0.1em; }
.custom .sidebar h3 		{ color: #333;  font-weight: bold; }

/*
.custom .menu a		 { background-color: transparent; border: none; padding: 0.3em 1em 0.4em 1em;  }
.custom .menu a:hover    { background-color: transparent }

.custom .menu   	 { list-style: none; border: solid #777; border-width: 0px 0px 1px 1px; margin-right: 1px; }
.custom .menu li	 { background: url('http://metamodern.com/b/wp-content/themes/thesis_17/custom/images/button_gradient.png');
				border: solid #777; border-width: 0px 1px 1px 0px;
				padding-top: 3px; margin-top: 0px; padding-bottom: 0px; }
.custom .menu li.current { background: url('http://metamodern.com/b/wp-content/uploads/img/ribosome_banner.jpg') 10% 50% no-repeat; }

.custom .menu li.rss		{ padding-right: 0.8em; border-width: 0 1px 0 1px;  background: #FFF; }
.custom .menu li.rss a,
.custom .menu li.rss a:visited	{ font-weight: bold; color: #54d; padding-right: 1.8em; padding-left: 0.8em;
						text-decoration: none; }
*/

.custom p.headline_meta				{ margin-top: 1.0em; }
.custom div#content	                   	{ margin-top: 2em; }
.custom div#content_box div.headline_area h2	{ font-size: 2.0em; }
.custom div.teasers_box				{ border-top: dotted 1px #9A9A9A; }


.custom .headline_area		{ margin-bottom: 1.0em; } 
.custom .post_box p		{ margin-bottom: 0.9em; } 

.custom .format_text a		{ color: #3355A0; text-decoration: none; }
.custom .format_text a:hover	{ text-decoration: underline; }

.custom #image_box img		{ width: 408px; height: 70px; }
.custom div#multimedia_box	{ border: solid #BBB; border-width: 0 1px 1px 0; }

/* Extend Thesis css img attributes to div */

.custom .format_text div.captioned     { width: 40%; margin-top: 1em; margin-left: 1.0em; margin-bottom: 0.5em; line-height: 1.2em;
						border: double #bbb; border-width: 3px 0px 3px 0px;
						padding: 1em 1em 0.8em 1em; text-align: center; }

/* absolute (px) units below to evade IE  bug */
.custom .format_text div.captioned img		{ width: 192px; margin-left: auto;  margin-right: auto;  margin-top: 0.0em;  margin-bottom: 0.5em; }

.custom .format_text div.captioned.wide img	{ width: 360px; margin-left: auto;  margin-right: auto;  margin-top: 0.0em;  margin-bottom: 0.0em; }

.custom .format_text div.captioned.wide 	{ width: 90%; margin-left: auto;  margin-right: auto; margin-bottom: 1.2em; 
						border-top: none; border-bottom: solid 1px #bbb; }

.custom .format_text div.captioned.left 	{ width: 40%; margin-right: 1.0em; margin-bottom: 0.5em; border: double #bbb; border-width: 3px 0px 3px 0px;
				                       padding: 1em 1em 1em 1em; text-align: center; }

.custom .format_text div.left,  .format_text div.alignleft { float: left; clear: left; }
.custom .format_text div.right, .format_text div.alignright { float: right; clear: right; }
.custom .format_text blockquote  	{ margin-top: 0.7em; margin-bottom: 0.8em; border-left: 3px double #ccc; color: #354035; }
.custom .format_text blockquote.no-line	{ border-left: none; color: #000; }
.custom .format_text blockquote hr	{ margin-top: 0.3em; margin-bottom: 0.2em; }

.custom div.center	{ margin-left: auto;  margin-right: auto;  text-align: center; }
.custom p.center	{ text-align: center; }

.custom li { margin-top: 0.5em; }


/* Difficulties in making the two following defs either both spans or both divs */

.custom .format_text div.captioned span.caption  { font-size: 85%; font-weight: bold; }

.custom .format_text hr	{ border: 0; color: #aaa; background-color: #aaa; height: 1px; width: 100%;
				margin-top: 0.6em; margin-bottom: 1.0em; }
.custom .format_text hr.center      		{ margin-left: auto; margin-right: auto; width: 90% clear: both; }

.custom .format_text div.captioned hr  		{ margin-top: 0.6em; margin-bottom: 0.4em; }
.custom .format_text div.captioned div.citation { line-height: 150%; font-size: 75%;  margin-top: 0.9em; }

.custom *.smaller { font-size: 0.9em; }


.custom  h1 small   { font-size: 90%; text-indent: 1em; }
.custom  h2 small   { font-size: 90%; text-indent: 1em; }
.custom  h3 small   { font-size: 90%; text-indent: 1em; }
.custom div.sidebar li small { font-size: 90%; text-indent: 1em; }

.custom .format_text h3	{ margin-bottom: 1.2em; }
.custom .format_text h4	{ margin-top: 0.75em; margin-bottom: 0.5em; }

.custom dl#comment_list	{ font-size: 90%; margin: 0 4em 0 4em; background-color: #f5f3fd; } 

/* Misc. */

.custom acronym    { color: #335; font-size: 90%; }

.custom img.shadow, 
.custom div.shadow        { border-top: 1px solid #999; border-left: 1px solid #777; 
				border-right: 1px solid #444; border-bottom: 1px solid #333; }

.custom img.shadow_light,
.custom div.shadow_light  { border-top: 1px solid #bbb; border-left: 1px solid #999; 
				border-right: 1px solid #777; border-bottom: 1px solid #666; }


.custom .format_text table { font-size: 75%; line-height: 1.4em; border-collapse: collapse; 
				border: solid #ccc; border-width: 1px 1px 0px 1px; margin-top: 0.2em collapse; margin-bottom: 1.5em; }

.custom .format_text td { padding: 0.6em 0.7em 0.5em 0.8em; vertical-align: top; border: solid #ccd; border-width: 1px 0px 1px 0px; 
				background-color: #f7f7fa; }

.custom .format_text th  { padding: 1.0em 0.7em 0.5em 0.8em; vertical-align: top; border: solid #ccd; border-width: 1px 0px 1px 0px; 
				background-color:  #f7f7fa; text-align: left; }

.custom .format_text table.simple { font-size: 90%; border: none; margin-top: 0.2em collapse; margin-bottom: 1.5em; }

.custom .format_text .simple td { padding: 0.15em 0.3em 0.15em 0.2em; border: none; background-color: #FFF; }

.custom .format_text .simple th { padding: 1.0em 0.3em 0.5em 0.2em; border: none; background-color: #FFF; }

.custom #footer { color: #999; border-top: 3px double #ddd; text-align: right; clear: both; }

.custom div.hoverunderline a,
 .custom div.hoverunderline a:visited	{ text-decoration: none; }
 .custom div.hoverunderline a:hover	{ text-decoration: underline; }


citation: { border-top: 1px; background-color: #f8f8f8; }


/* IE 6-minus compatibility hack from KEEP_CONSISTENT_LINE_SPACING_WITH_SUP_AND_SUB post */

.custom sup,
.custom sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
.custom sup { bottom: 1ex; }
.custom sub { top: .5ex; }

.custom textarea	{ border: 1px solid #888; border-right-color: #DDD; border-bottom-color: #DDD; } 

.custom div#respond input#submit,
 .custom div#respond input#acp-preview
		 { border: 2px solid; border-color: #DBDBDF #99999F #66667A #D0D0DF; background: #F8F8FA; 
			width: 90px; font-size: 13px; font-weight: bold; color: #335; }

.custom .textwidget form { margin: 0; font-size: 9pt; }

.custom form#gs input[type="submit"]		{ margin: 0px; padding: 3px 6px 0px 0; font-size: 8px;
							background: url('images/button_arrow.png') no-repeat; border-width: 0px; }
.custom form#gs input[type="submit"]:hover	{ margin-left: 2px; }
.custom form#gs input[type="text"] 		{ font-size: 0.95em; background: url('images/Google_custom_search.png') no-repeat; }
.custom form#gs input[type="text"]:focus 	{ font-size: 0.95em; background: #FFFFFF; }

.custom form#paypal input			{ background-color:#FFF; border:0px; }

/* After-post sharing & rss */

.custom span.my_rss { float: right; padding-right: 0; background: none; border: none; 
			margin-right: 0px; font-size: 0.8em; letter-spacing: 2px; }
.custom span.my_rss a,
 .custom span.my_rss a:visited { display: block; line-height: 1.2em; text-decoration: none; text-transform: uppercase;
		padding-right: 16px;  background: url('../lib/images/icon-rss.gif') 100% 50% no-repeat; }

.custom div.socialBookMarks	{ float: right; clear: none; padding: 0; margin-top: 0.1em; }
.custom div.socialBookMarks.hr  { background-color: #FFF; border-top: dotted 1px #D1D1D1; width: 100%; margin: 0; padding-bottom: 0.9em; }
.custom div.socialBookMarks ul	{ list-style-type: none; }
.custom div.socialBookMarks li	{ float: left; margin: 0 5px 0 0px; }

.custom p.to_comments			{ clear: none; padding: 0; margin-bottom: 0.5em; padding-bottom: 0.2em; }
.custom p.to_comments span		{ font-size: 1.3em; }
.custom div.comments_intro span		{ font-size: 1.3em; }

.custom div#respond 				{ margin-top: 2em;  color: #222;  font-size: 0.9em; }
.custom div#respond .remove_bottom_margin 	{ text-align: right; margin-bottom: 10pt; }


.custom li.widget p { padding: 0; }