@import url('global.css');

/* Header/footer */
/* Header */
header{ margin:48px 0 56px; width: 964px; position:relative;}
header div { background:url('../img/heading.png') no-repeat left top;  }
header span { height:100%; background:url('../img/heading_left.png') no-repeat right top; width:9999px; position:absolute; top:0; right:100%;}
footer ul span { left:100%; }
footer ul { padding: 6px 0 6px 10px; border-left:1px solid #1c1c1c; }

/* Heading */
header h1 { background:url('../img/logo.png') no-repeat 0 37px; height:122px; width:849px; text-indent:-999999px; padding: 37px 0 41px;}
header a { position: absolute; right:-23px; top:24px; background:rgba(255,255,255,.03); font-weight:normal; color:rgba(111,111,111,.37); text-transform:uppercase; padding:4px 7px; font-size:11px;}
	header a em { color:rgba(255,255,255,.6); padding:0 2px 0 14px;}
header a:hover { text-decoration:none; color:#fff;}

/* Archives */
body.home section#archives { width:348px; float:left; margin-right:56px; }
	body.home section#archives h2 a { font-size:25px; color:#fff; text-decoration:none; line-height:115%;}
	body.home section#archives h2 a:hover { background-color:#fff; color:#000;}
	body.home section#archives p { margin: 18px 0 28px; padding-bottom:28px; color:#7f7f7f; line-height:154%; background:url('../img/blog_divider.gif') no-repeat bottom left; }
	body.home section#archives p a.readmore { background-color:rgba(178,220,139,.6); color:#fff; height:10px;padding:0; font-size:10px; padding:1px 3px; text-transform:uppercase;}
	body.home section#archives p a.readmore:hover { background-color:#fff; color:#000; text-decoration:none; }
	
/* About Me */
/*body.home section#me { width:271px; padding:27px; float:left; background: rgba(8,8,8,.21); color:#535353; border:1px solid rgba(255,255,255,.03);}*/
body.home section#me { width:233px; padding:27px 31px 27px 29px; float:left; background: rgba(8,8,8,.21); color:#7f7f7f; border:1px solid rgba(255,255,255,.03); margin-left:10px;} 
body.home section#me strong { display:block; margin-bottom:16px; }
body.home section#me strong a,
body.home section#me h2 a { background-color:#000; padding:2px; color:#fff; }
body.home section#me strong a:hover,
body.home section#me h2 a:hover { text-decoration:none; background-color:#fff; color:#000; }
body.home section#me p { line-height:154%; margin-bottom:30px; }

/* Archives */
body.home section#me section#fresh ul {  background:url('../img/blog_divider.gif') repeat-x 0 0; margin: 0 0 40px; }
	body.home section#me section#fresh ul li { background:url('../img/blog_divider.gif') repeat-x bottom left; }
		body.home section#me section#fresh ul li a { display:block; border-bottom:none; line-height:12px; padding:11px 2px 14px; color:#7f7f7f; }
		body.home section#me section#fresh ul li a:hover { border-bottom:none; text-decoration:none; color:#fff; }
			body.home section#me section#fresh ul li a span { display: block; margin-bottom: 5px; font-size: 11px; color: #444; text-transform: lowercase; }
			
/*Twitter box */
body.home section#me p#twitter-post { min-height: 150px; margin-top: 0; position: relative; background: #0a0a0a url('../img/layout-horz-divider.gif') repeat-x 0 -1px; margin: -1px 0 0; }
	body.home section#me p#twitter-post span { height: 100px; padding: 15px; display: block; background: url('../img/layout-bird.gif') no-repeat bottom left; }
	body.home section#me p#twitter-post span#loading { background: url('../img/loading.gif') no-repeat center center; }		
	body.home section#me p#twitter-post a#link-to-twitter { width: 214px; border: none; padding: 2px 10px; background-color: #0f0f0f; position: absolute; bottom: 0; left: 0; }
	body.home section#me p img { float: right; margin: 0 5px 10px 25px; }
			
			
	/* aside */
	aside#right { float:right; width: 191px; }

	aside#right h2 a { background-color:#000; padding:2px; color:#fff; }
	aside#right h2 a:hover { text-decoration:none; background-color:#fff; color:#000; }

	/* Search */
	aside#right form { margin-bottom: 35px; background-color:rgba(8,8,8,.4); padding: 5px;}
	aside#right form { vertical-align: top; }
	aside#right form label { display: none; }
	aside#right form input { border:1px solid rgba(255,255,255,.04); font-size: 13px; background-color:rgba(8,8,8,.3); color: #959595; padding: 7px; width: 120px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: Helvetica, Arial, sans-serif; }

	/* Tags */
	aside#right ul#tags li { padding-bottom: 1px; }
	aside#right ul#tags li div { background: rgba(8,8,8,.3) url('../img/layout-percentbar.gif'); }
	aside#right ul#tags li a { display: block; overflow: hidden; padding: 7px 0 7px 10px; color:#7f7f7f; }
	aside#right ul#tags li a:hover { color:#fff; text-decoration:none;}
	aside#right ul#tags li a:hover em { color:#fff; text-decoration:none;}
	aside#right ul#tags li a span { float: left; }
	aside#right ul#tags li a em { float: right; font-size: 11px; color: #6b914d; padding-right: 12px; color: #6d6d6d; font-style:normal;}
	aside#right ul#tags li#viewalltags a { background-color: #090909; display: block; text-align: left; color: #333; padding: 6px 8px; }
	aside#right ul#tags li#viewalltags a:hover { color: #6d6d6d; }