/* SF Screen Styles */

@import "types.css";

body {
	text-align: center; 
	margin: 0;
	padding: 0;
	background: #ddd;
	font: 14pt/1.2em Courier New, Lucida Grande, Verdana, Arial;
	color: #111;
	}
	
#container {
	margin: 0px auto 0 ;
	width: 900px;
	text-align: left;
	background: #fff;
	height: 100%; 
	padding-bottom: 50px;
	}
	
#header { 
  width: 760px;
  margin: 0 auto;
  padding: 10px;
}
#header a:hover { border-bottom: none;}
	
#content {
	margin 0;
}

#main { 
	float: right;
	width: 640px;
	padding: 0px 10px 0px 10px;
}

/* navigation */

div#nav {
  float: right;  
}
#main #nav a { 
  color: #333; font-weight: 600;
}
#main #nav a:hover { 
  color: #555;
}
body#about #nav a.about,
body#life #nav a.life,
body#code #nav a.code,
body#writing #nav a.writing,
body#everything #nav a.everything {
  color: #47b; 
}
	
#sidebar {
	padding: 0px 10px 5px 15px;
  font-size: .7em;
  line-height: .9em;
  width: 200px;
  float: left;
}
#sidebar #nav { text-align: center;}

#sidebar h2 {
  margin-top: .2em;
}
	
#footer {
	margin: 7px 10px 0px 10px;
	padding: 5px 10px 5px 5px;
	width: 100%;
	text-align: center;
	font-size: 85%;
	
	}
#footer a { border: none; }
#footer img { border: none; margin-top: 10px; }
	
  
/*+-------------------------------------------+
  |   			UTILITY 					  |
  +-------------------------------------------+*/
  
  h1,h2,h3,h4,h5,h6 {
  	margin: 0; padding: 1em 0 .5em 0;
	  font-family: Lucida Grande, verdana, sans-serif;
	}
	
  form, div { padding: 0; margin: 0; }
  p { margin: 0 0 .5em 0; padding: 0; }
  img { border: 0; }

  #pagination {
	font-size: 90%;
  }

  a { color: #47b; text-decoration: none; }
  a:hover { color: #aaa; border-bottom: 1px dotted #aaa; }

  
/*+-------------------------------------------+
  |   			POST 						                  |
  +-------------------------------------------+*/
  .post {
  	margin: 0 50px 20px 0;
	}
	
	.post h1 { font-size: 1.5em; line-height: 1.3em; font-weight: 400; } a {color: #47b;}	
  .post h2 { font-size: 1.4em; line-height: 1.2em; font-weight: 400; }
  .post h3 { font-size: 1.4em; line-height: 1.2em; font-weight: 100; }
 	
 /*+-------------------------------------------+
  |   			SIDEBAR 						               |
  +-------------------------------------------+*/
  
 #sidebar h3 {
   font-size: 1em; 
   color: #770;
   text-transform: uppercase;
}

#sidebar h3 a {
  color: #770;
  border-bottom: 1px dotted #770;
  text-transform: uppercase;
}

 #sidebar h3 a:hover { color: #aaa; border-bottom-color: #aaa; }

 #sidebar ul {
 		margin: 0;
 		padding: 0;
 		list-style-type: none;
 		}
 		
 #sidebar ul li { 
 	background: url(../../images/theme/bullet.gif) 0 15% no-repeat;
 	padding-left: 17px;
 	 }

 #sidebar a {
	color: #037;
	}
 #sidebar a:hover { color: #aaa; border-bottom-color: #aaa; }
 	     	
 /*+-------------------------------------------+
   |   			       FORMS 						           |
   +-------------------------------------------+*/
   
 input, textarea, select {
 	border: 1px solid #8ab3d1;
 	background: #eee;

	color: #555;
 	}
 	
 	.frm-tbl td { vertical-align: top; padding: 5px; }
 	td#frm-btns { text-align: right; }
 	
 	#comment_body { height: 220px; }
 	#form-submit-button { background: #d3e0ea; }
 
 #errors {
   color: red;
 }

 /* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
 /* End hide from IE-mac */

#categories li em, #archives li em
{
  color: #98B4D1;
  font-size: smaller;
}

span.quo {
  color: red;
}

/* DATE FORMATTING */

div.post-date {
  float: right; 
  width: 135px;
  height: 30px;
  margin-top: 10px;
  margin-right: -40px;
  text-align: right;
  font-weight: 600;
  font-size: 1.2em;
}
div.post-date span { font-size: 0.8em; }
div.post-body { margin-bottom: .5em; clear:right; }
div.post-tags { text-align: right; clear:right; font-size: .8em; font-style: italic;}

div.actions { float:right; clear:right;}
div#notices {
  border: 1px red dashed;
  padding: 8px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  width: 80%;
  clear:both;
}
div.pagination {
  text-align:center;
}

/* TAG Stuff */

#tags {
  clear: right;
  text-align: right;
  padding-top: 5px;
  margin-bottom: 5px;
}

div.latest-post {
  border-bottom: 1px dashed #47b;
  padding: 5px;
  margin-top: 15px;
  font-size: 1.2em;
}
div.latest-post p { margin:0; padding:0;}
div.latest-post p.lp {
  text-align: center;
}




.tag-0 { font-size: 1em;}
.tag-1 { font-size: 1.2em;}
.tag-2 { font-size: 1.4em;}
.tag-3 { font-size: 1.6em;}
.tag-4 { font-size: 1.8em;}