@import url('global.css');

/* Header/footer */
/* Header */
header{ margin:48px 0 56px; width: 325px; position:relative; }
div#entry header{ margin:48px 0 56px; width: 425px; position:relative; }
header div { background:url('../img/heading.png') left top; padding: 27px 27px 27px 0; }
header span#hanger { height:100%; background:url('../img/heading_left.png') 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 { font-size:32px; color:#fff; }
header h1 em { font-size:20px; color:#545454; font-style:normal; font-weight:normal; padding-left:12px;}
header h1 em span { color:#333;}

/* Content */
div#content { }

div#content section h2 { font-size:17px; color:#fff; padding-top:45px; }
div#content section h2 span { font-weight:normal;color:#c3c3c3;}
div#content section h2#first { margin-top:0;}
div#content p { font-size: 15px; color: #7f7f7f; margin: 15px 0; line-height:154%; }

/* Archives */
section#archives { float:left; width: 770px;}
	section#archives div.post { width:328px; float:left; margin-right:56px; }
	section#archives h2 a { font-size:25px; color:#fff; text-decoration:none; line-height:115%;}
	section#archives h2 a:hover { background-color:#fff; color:#000;}
	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;}
	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;}
	section#archives p a.readmore:hover { background-color:#fff; color:#000; text-decoration:none; }
	
	
/* aside */
aside { float:right; width: 191px; }

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

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




/* entry */
/* Heading */
div#entry header h1 { font-size:28px; color:#fff; }
div#entry header h1 em { display:block; font-size:13px; color:#545454; font-style:normal; font-weight:normal; padding:15px 0 0;}

div#entry p { font-size:15px; margin:20px 0; width:470px;}
div#entry img { margin: 50px 0 45px; display:block;}
div#entry p#intro { margin:0; color:#bebebe; font-size:17px; }
div#entry h3 { font-size:17px; color:#fff; margin-top:30px; }
div#entry p.highlight { font-weight: bold; color: #b1b1b1;}
div#entry blockquote { margin: 35px 15px 35px; font-style: italic; padding: 0 0 0 15px; border-left: 1px solid #2d2d2d; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px;width:470px;}
.note { width:399px; background-color: #fffabc; border: 2px solid #fff; color: #4f4d32; padding: 15px; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; line-height: 110%; font-size:13px !important;}
.note a { color:#000;}

/* ul's and ol's */
div#entry ul, 
div#entry ol  { padding: 0 0 0 20px; width:470px;}
	div#entry ul li { padding-left: 14px; background: url('../img/icon-arrow.gif') no-repeat 0 7px; margin-bottom: 5px; }
	div#entry ol li { list-style-type: decimal; margin-left: 14px; color:#7f7f7f;}

/* ul's and ol's */
div#entry ul,
div#entry ol  { padding: 15px 0 10px 20px; width:470px;}
	div#entry ul li { padding-left: 14px; background: url('../img/icon-arrow.gif') no-repeat 0 7px; margin-bottom: 5px; color:#545454;}
div#entry p strong { color:#bfbebe; font-weight:normal; }

div#entry p#peace { background:url('../img/peace.gif') no-repeat; padding-top: 30px; margin-top: 50px; margin-bottom:25px;}