/*  
Theme Name: Tatango
Theme URI: http://tatango.com/
Description: A simple Tatango orange theme.
Version: 2
Author: Adrian P. / Nathan C. / Eugeniy K.
*/


/* CSS Reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}



/* Basic Semantic Elements */
html{ overflow-y: scroll; }
body{ background: #fff; color: #22222C; font: small "Helvetica Neue", Helvetica, Arial, Sans, sans-serif; }

a{ color: #0051BA; }
a:hover{ color: #D14414; }

table{ font-size: x-small; width: 100%; }
	
td, th{ border: 1px solid #F5F4FB; padding: .5em; vertical-align: middle; }
	.odd td{ background: #F7FDFF; }
	td.icon_action, th.icon_action{ text-align: center; }
	th{ background: #CDE6F2; font-weight: bold; }

table a{ text-decoration: none; }
	table a:hover{ text-decoration: underline; }

ol{ list-style: decimal; margin-bottom: 1em; }
	
ul.bulleted{ list-style: square; margin-bottom: 1em; }
	
ol li, ul.bulleted li{ margin-bottom: .5em; margin-left: 2.5em; }
	
dl{ margin-bottom: 1em; }
dd, dt{ display: block; float: left; margin-bottom: 1em; }
	
dt{ clear: left; color: #99a; font-size: x-small; margin-right: 5%; text-transform: uppercase; width: 35%; }
	
dd{ width: 60%; }

p{ line-height: 150%; margin-bottom: 1em; }
	p.indent{ text-indent: 1.5em; }
	p.important{ font-size: medium; font-weight: bold; }
	p.quiet{ color: #334; font-size: x-small; }

h1, h2, h3, h4, h5, h6, legend{ font-family: "Helvetica Neue", Helvetica, Arial, Sans, sans-serif; font-weight: bold; margin-bottom: .5em; }

	h1{ font-size: xx-large; }
		h1 a{ color: #22222c; border-bottom: 1px dotted #0051BA; text-decoration: none; }
			h1 a:hover{ color: #0051BA; border-style: solid; }

	h2{ font-size: x-large; }
	h3, legend{ font-size: large; }
	h4{ font-size: medium; }
	h5{ font-size: small; }
	h6{ font-size: x-small; }
	
strong{ font-weight: bold; }
em{ font-style: italic; }
.center{ text-align: center; }

pre{ border-left: 5px solid #99a; color: #334; font: small "Monaco", "Andale Mono", "Lucida Console", monospace; margin-bottom: 1em; padding-left: .75em; }
	
code, .code{ font: small "Monaco", "Andale Mono", "Lucida Console", monospace; }
	
/* Form Elements */
fieldset{ padding-bottom: 1em; }
	fieldset.split{ float: left; width: 50%; }
		fieldset.split #remember_me_label{ float:right; clear:both; font-size:.2em; }
input, textarea{ color: #334; font: small "Lucida Grande", Tahoma, "Helvetica Neue", Helvetica, Arial, Sans, sans-serif; }
	textarea{ display: block; }
	select{ color: #334; font: small "Lucida Grande", Tahoma, "Helvetica Neue", Helvetica, Arial, Sans, sans-serif; padding: .125em; }
	input.text, input.password, textarea{ border: 1px solid #99A; padding: .4em; }
		input.password:focus, input.text:focus, input.text:focus, textarea:focus{ border-color: #D14414; }
	input.button, input.submit, input.reset{ background: #D14414; color: #fff; cursor: pointer; border: 1px solid #F77F00; border-bottom-color: #4C280F; border-right-color: #4C280F; font-size: .9em; overflow: visible; padding: .35em .5em; width: auto; }
		input.button:hover, input.submit:hover, input.reset:hover{ color: #EFB22D; }
		input.button:focus, input.submit:focus, input.reset:focus{ border-color: #4C280F #F77F00 #F77F00 #4C280F; outline: none; }
legend{ font-weight: bold !important; }
label{ color: #334; font-size: small; }	
	.block-labels label{ display: block; }
	label .optional{ color: #99a; font-style: italic; font-size: x-small; padding-left: .5em; }
.subtxt{ color: #334; display: block; font-size: x-small; margin: .25em 0 .5em 0; }
.explination{ color: #99a; font-size: x-small; margin-left: 0.5em; }
.submit_note{ float: left; line-height: 3em; margin-top: 0; }

a.secondary_action{ color: #99a; padding-left: .5em; text-decoration: none; }
	a.secondary_action:hover{ text-decoration: underline; color: #334; }
#account_bar_wrapper{ background: #c83710; border-bottom: 1px solid #80270B; }
	#account_bar{ margin: 0 auto; width: 800px; overflow: hidden; position: relative; }
		#account{ float: right; }
			#account li{ float: left; margin-right: 5px; }
		#account a{ color: #fff; text-decoration: none; display: block; padding: 5px; font-size: .9em; }
			#account a:hover{ background: #993214; }
			#account #logged_in_as{ color: #fff; padding: 5px; font-size: .9em; }

#header_wrapper{ background: #bd3d12 url("images/header-bg.png") repeat-x; border-top: 1px solid #E65F2E; }
	#header{ position: relative; height: 70px; margin: 0 auto; width: 800px; overflow: hidden; }
		#header .header_logo{ display: block; border: none; width: 165px; height: 70px; background: url("images/logo.png"); float: left; }

	#tabs{ float: right; position: relative; padding-right: 10px; } /* right padding added by amiel for lavalamp */
		#tabs li{ float: right; height: 70px; }
		#tabs a{ color: #fff; float: right; font-weight: bold; text-decoration: none; text-transform: uppercase; display: block; position: relative; overflow: hidden; z-index: 10; height: 70px; line-height: 70px; }
		#tabs a, #tabs .lavaleft{ padding: 0 13px; }
			/*#tabs a:hover{ background: #D14414; -moz-border-radius: 3px; -webkkit-border-radius: 3px; }*/
			#tabs li.lavaback{ position: absolute; z-index: 8; }
				#tabs li.lavaback .lavaleft{ background: #D14414; -moz-border-radius: 3px; -webkkit-border-radius: 3px; margin-top: 20px; height: 30px; }

/*				#tabs .current a{ background-position: -291px -450px; }*/
					
#already_using{ text-decoration: none; font-weight: bold; border-bottom: 1px dotted #F77F00; padding: .1em .2em; display: block; position: absolute; right: 0; display: inline-block; }
	#already_using:hover{ background: #EFB22D; border-bottom: 1px solid #F77F00; }

			
/* Content */
#content{ margin: 0 auto; min-height: 34em; overflow: hidden; padding: 40px 7px 10px 7px; width: 800px; }

/* Footer */
#footer{ clear: both; margin: 2.5em auto 1em; text-align: center; width: 800px;	font-size: .9em; color: #99a; }
	
	#footer a{ text-decoration: none; }
		#footer a:hover{ text-decoration: underline; }

	#footer .copy{ color: #99a; clear: both; font-size: x-small; padding: 1em; }

#top{width:800px;height:90px;margin:10px auto;padding:0;}
#header{margin:0 auto;padding:0;}
#header h1{text-indent:-10000px;margin:0;padding:0;}
#header h1 a{display:block;background:url(images/logo.png) no-repeat left;height:100px;}
h1, h2, h3 { padding:0; margin:0; font-weight:bold;}
a img {border:none}
a:link { text-decoration: none; color : #006699; border: none;}
a:active { text-decoration: none; color : #006699; border: none;}
a:visited { text-decoration: none; color : #006699; border: none;}
a:hover	{ text-decoration: underline; color : #4192e5; border: none;} 
#nav{background-color: #F7E8AA;height:35px;border-bottom:#EFB22D 2px solid;margin:0;padding:0;}
#nav2{height:35px;width:800px;font-weight:700;margin:0 auto;padding:0;}
ul.nav2{height:35px;line-height:35px;float:left;list-style:none;font-weight:700;margin:0;padding:0;}
ul.nav2 li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.nav2 li a,ul.nav2 li a:link,ul.nav2 li a:visited{text-decoration:none;color:#113255;float:left;display:block;padding:0 10px;}
ul.nav2 li a:hover{color:#4192e5;text-decoration:underline;}
ul.nav2 li a:active{color:#4192e5;text-decoration:none;}
ul.nav2 li.current_page_item a{text-decoration:none;color:#4192e5;}
ul.nav2 li ul{float:left;margin:0;padding:0;}
span.cmt{background: left center url(images/chat.gif) no-repeat;border:0;margin:0;padding:0 0 0 16px;}
span.cty{background: left center url(images/documents.gif) no-repeat;border:0;margin:0;padding:0 0 0 16px;}
#main{width:800px;margin:0 auto;padding:0;}
.entry{float:left;width:570px;margin:0;padding:0;line-height:1.3em;overflow:hidden;}
#sidebar{float:right;width:200px;margin:10px 0 0;padding:0;}
#rsidebar{float:right;width:200px;margin:0;padding:0; overflow:hidden;}
#rsidebar h2{border-bottom:#eee 1px solid;margin:0 0 5px;padding:0;}
#rsidebar ul{list-style-type:none;margin:0;padding:0;}
#rsidebar ul li{list-style-type:none;margin:0 0 10px;padding:0;}
#rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}
#rsidebar ul li ul li{list-style-type:none;background:transparent url(images/li.gif) no-repeat 0 3px;border:0;margin:0;padding:0 0 3px 15px;}

#rsidebar a.twitterwidget-rss { border: none; margin-right: 8px; vertical-align: middle; }
#rsidebar a.twitterwidget-title:hover{ text-decoration: none; }
#rsidebar .widget_twitter .entry-content a, #rsidebar .widget_twitter .time-meta a { display: inline; padding: inherit; white-space: nowrap; }
#rsidebar .widget_twitter .from-meta, #rsidebar .widget_twitter .in-reply-to-meta { display: none; }
#rsidebar .widget_twitter li { padding: 0.5em 0; }

.navigation{width:580px;color:#666;margin:0 auto; padding:0;}
.alignright{float:right;margin-top:10px; margin-bottom:10px;}
.alignleft{float:left;margin-top:10px; margin-bottom:10px;}
#searchform { margin: 0 0 20px; padding: 0; white-space: nowrap; }
input#s { width: 120px; margin-right: 5px; font-size: 100%; padding:2px 4px; }
#searchsubmit { font-size: 100%; }
#footerbox{background:#bce1f4;height:30px;line-height:30px !important;margin:0;padding:0;}
.footer{width:800px;color:#095278;height:30px;line-height:30px !important;margin:0 auto;padding:0;}
.footer a:hover{text-decoration:underline;color:#fff;border:none;}
.footer a:link,.footer a:active,.footer a:visited{text-decoration:underline;color:#25aacd;border:none;}
.boxcomments{margin-top: 20px;margin-bottom:20px;width:580px;}
#page-content{float:left;width:580px;margin:10px 0 0;padding:0; border-right:1px #DEDDE7 solid;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;font-size: .85em;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px; font-size: .9em; }
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{margin:0;}
ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;list-style:none;background:#e7f9ff;padding-left:15px;margin:0 0 5px;}

h2 a:link {
color: #334;
text-decoration: none;
line-height: 120%;
}

h2 a:hover{ color: #0051BA; border-bottom: 1px solid #0051BA;}

div.blackboard pre .LatexSupport {
   color: #FBDE2D;
}
div.blackboard pre .OcamlInfixOperator {
   color: #8DA6CE;
}
div.blackboard pre .MetaFunctionCallPy {
   color: #BECDE6;
}
div.blackboard pre .Superclass {
   color: #FF6400;
   font-style: italic;
}
div.blackboard pre .Constant {
   color: #D8FA3C;
}
div.blackboard pre {
   background-color: #0C1021;
   color: #F8F8F8;
}
div.blackboard pre .OcamlFPConstant {
   text-decoration: underline;
}
div.blackboard pre .OcamlFPInfixOperator {
   text-decoration: underline;
}
div.blackboard pre .Support {
   color: #8DA6CE;
}
div.blackboard pre .OcamlOperator {
   color: #F8F8F8;
}
div.blackboard pre .Storage {
   color: #FBDE2D;
}
div.blackboard pre .line-numbers {
   background-color: #253B76;
   color: #FFFFFF;
}
div.blackboard pre .StringInterpolation {
   color: #FF6400;
}
div.blackboard pre .InvalidIllegal {
   background-color: #9D1E15;
   color: #F8F8F8;
}
div.blackboard pre .PlistUnquotedString {
   color: #FFFFFF;
}
div.blackboard pre .OcamlVariant {
   color: #D5E0F3;
}
div.blackboard pre .MetaTag {
   color: #7F90AA;
}
div.blackboard pre .LatexEnvironment {
   background-color: #F7F7F8;
}
div.blackboard pre .OcamlFPPrefixOperator {
   text-decoration: underline;
}
div.blackboard pre .OcamlPrefixOperator {
   color: #8DA6CE;
}
div.blackboard pre .EntityNameSection {
   color: #FFFFFF;
}
div.blackboard pre .String {
   color: #61CE3C;
}
div.blackboard pre .Keyword {
   color: #FBDE2D;
}
div.blackboard pre .LatexEnvironmentNested {
   background-color: #7691F3;
}
div.blackboard pre .InvalidDeprecated {
   color: #AB2A1D;
   font-style: italic;
}
div.blackboard pre .Variable {
}
div.blackboard pre .Entity {
   color: #FF6400;
}
div.blackboard pre .Comment {
   color: #AEAEAE;
}


/* Sidebar Styles */
#sidebar ul{
	border-top: 1px dotted #DEDDE7;
	list-style-type: none;
	margin-bottom:2em;
	font-size: 0.9em;
}
	
	#sidebar ul li{
		border-bottom: 1px dotted #DEDDE7;
		padding: 0em;		
		margin: 0;
	}
	
		#sidebar ul li a{
			display: block;
			padding: .5em .75em;
			text-decoration: none;
		}
		#sidebar .widget_archive {
		  margin-bottom: 2em;
	  }
		
			#sidebar ul li a:hover{
				background: #F7FDFF;
			}
			
			#sidebar ul li a .caption{
				color: #99a;
				display: block;
				font-size: xx-small;
				padding-top: .5em;
			}

			
#sidebar a.more{
	display: block;
	margin-bottom: 2em;
	text-align: right;
}

#sidebar h3{ font-size: medium; }
#sidebar h2{ font-size: medium; border: none; }

#feedburner{ margin: 2em 0; display: block; }

.post_meta{ font-size: small; color: #99a; margin: .3em 0 .8em;}
.post_content{ font-size: small; }
.post_footer{ font-size: 0.85em; margin-bottom: 3em; line-height: 16px; display:block; clear:both;}


.entry h2, .entry h3, h2.pagetitle { font-weight: normal; color: #334; }
.entry h2, h2.pagetitle{ font-size: 2em; line-height:1em; }
h2.pagetitle, #post-2 h2 {margin-bottom:1em;}
.entry h2 a, .entry h3 a{ color: #334; }
	.entry h2 a:hover, .entry h3 a:hover{ border-bottom: 1px dotted #D14414; text-decoration: none; color: #D14414; }

.entry h2#comments{ text-transform: uppercase; font-size: 1em; padding: .5em 0; }


.post_content p{ margin-bottom: 1em;  }
.post p{ margin-bottom: 1em;  }