/*  
Theme Name: Aligned
Theme URI:  http://blog.theundersigned.net/
Description: Aligned is a grid-based Hibari Theme developed by <a href="http://blog.theundersigned.net">Thomas Silkjaer</a> - The Undersigned. It was ported over to WordPress with added features and valid code by <a href="http://www.wppro.org">Sunny Nathan</a> of WP Pro! Theme covered in part by <a href="http://creativecommons.org/licenses/by/2.5/">CC Attribution 2.5 License</a> and partly by <a href="http://www.gnu.org/licenses/gpl.html">GNU GPL License</a>. Refer to readme.txt file for details. 
Version: 0.90109
Author: Thomas Silkjaer
Author URI: http://blog.theundersigned.net/
TAGS: fixed width, two/three column, widgets, white, basic
*/


body {
margin : 0;
padding : 0;
background-color : #fff;
font-family : Arial, sans-serif;
font-size : 11px;
line-height : 15px;
color : #000;
}
a {
text-decoration : none;
color : #8c1018;
}
a img {
border : 0;
color : #414141;
}
.left_content {
float : left;
width : 650px;
}
.right_content {
float : right;
width : 260px;
}
#wrapper {
background-color : #fff;
width : 920px;
margin : 30px auto 0 auto;
padding : 0 4px 0 4px;
}
#header_left {
border-top : 4px solid #000;
padding : 20px 0 0 0;
}
#header_left h1 {
margin : 0 0 15px 0;
padding : 0 0 11px 0;
font-size : 20px;
line-height : 20px;
font-weight : bold;
color : #333;
text-transform : uppercase;
background-image : url(images/dots.jpg);
background-repeat : repeat-x;
background-position : 0 30px;
}
#header_left h1 span {
font-weight : normal;
font-size : 16px;
}
#header_left h1 a {
padding : 0 10px 9px 10px;
border-bottom : 2px solid #000;
color : #000;
}
#header_left h1 a:hover {
color : #8c1018;
}
#header_left #header_image {
width : 650px;
height : 150px;
margin : 0 10px 15px 0;
text-align : center;
background-color : #333;
}
#header_left #header_image a {
display : block;
}
#header_left #header_image a:hover {
background-color : #8c1018;
}
#header_right {
border-top : 4px solid #000;
padding : 23px 0 0 0;
}
#header_right #search {
background-image : url(images/dots.jpg);
background-repeat : repeat-x;
background-position : 0 27px;
margin : 0 0 14px 0;
}
#header_right #search p {
margin : 0;
}
input#s {
background-image : url(images/form_bg.jpg);
width : 150px;
height : 11px;
padding : 7px 5px;
border : 0;
float : left;
font-family : Arial, sans-serif;
text-transform : uppercase;
font-size : 10px;
line-height : 10px;
color : #8c1018;
}
input#s:hover {
background-color : #eee;
background-image : none;
}
input#searchsubmit {
background-color : #fff;
background-image : url(images/form_bg.jpg);
border : 0;
border-bottom : 2px solid #000;
height : 29px;
float : right;
font-family : Arial, sans-serif;
text-transform : uppercase;
font-weight : bold;
font-size : 10px;
line-height : 10px;
padding : 0 10px;
color : #000;
}
input#searchsubmit:hover {
color : #8c1018;
}
#header_right #preface {
background-color : #333;
color : #eee;
height : 150px;
overflow : hidden;
margin : 0 0 15px 0;
position : relative;
padding : 0 25px;
font-size : 12px;
}
#header_right #preface:hover {
background-color : #8c1018;
color : #fff;
}
#header_right #preface[id] {
display : table;
position : static;
}
#header_right #preface p {
margin : 0;
padding-top : 18px;
line-height : 18px;
}
#header_right #preface a, #header_right #preface a:hover {
text-decoration : underline;
color : #ffffff;
}
#menu {
margin : 0 0 29px 0;
padding : 10px 0 5px 0;
list-style : none;
border-top : 2px solid #000;
background-image : url(images/dots.jpg);
background-repeat : repeat-x;
background-position : 0 27px;
}
#menu li {
font-size : 12px;
line-height : 14px;
text-transform : uppercase;
font-weight : bold;
display : inline;
margin : 0 0 0 10px;
}
#menu li a {
border-bottom : 2px solid #000;
padding : 0 0 3px 0;
color : #000;
}
#menu li a:hover {
color : #8c1018;
}
#menu li.current_page_item a, #menu li.current_page_item a:hover {
color : #8c1018;
border-bottom : 2px solid #8c1018;
padding : 0 0 3px 0;
}
h3.page_title {
margin : 0 0 10px 0;
background-image : url(images/form_bg.jpg);
font-size : 12px;
line-height : 12px;
padding : 5px 10px;
text-transform : uppercase;
}
h3.page_title em {
font-style : normal;
font-weight : normal;
}
.post {
margin : 0 0 30px 0;
}
.post .post_date {
background-image : url(images/dots.jpg);
background-repeat : repeat-x;
background-position : 0 20px;
font-size : 10px;
line-height : 10px;
padding : 5px 0 6px 0;
margin : 0;
text-align : right;
text-transform : uppercase;
}
.post .post_date span {
border-bottom : 2px solid #000;
padding : 0 10px 4px 10px;
}
.post .post_date a {
color : #000;
font-weight : bold;
}
.post .post_date a:hover {
color : #8c1018;
}
.post h2.post_title {
margin : 0 0 18px 0;
text-transform : uppercase;
font-size : 15px;
line-height : 14px;
padding : 10px 0 7px 0;
}
.post h2.post_title a, .post h2.post_title span {
color : #000;
background : #fff;
padding : 0 10px 4px 10px;
}
.post h2.post_title a:hover {
color : #8c1018;
}
.post h2.post_title em {
font-style : normal;
font-weight : normal;
}
.post .post_content {
margin : 0 10px;
font-size : 12px;
line-height : 18px;
color : #000;
}
.post .post_content p {
margin : 0 0 18px 0;
}
.post .post_content h2, ol#commentlist .comment_content h2 {
font-size : 18px;
margin : 18px 0 9px 0;
font-weight : normal;
font-style : italic;
font-family : Georgia, serif;
}
.post .post_content h3, ol#commentlist .comment_content h3 {
font-size : 15px;
margin : 9px 0 3px 0;
font-weight : bold;
font-style : italic;
font-family : Georgia, serif;
}
.post .post_content a, ol#commentlist .comment_content a {
color : #8c1018;
border-bottom : 1px dotted #8c1018;
}
.post .post_content a:hover, ol#commentlist .comment_content a:hover {
color : #000;
}
.post .post_content ul, .post .post_content ol, ol#commentlist .comment_content ul, ol#commentlist .comment_content ol {
font-family : Arial, sans-serif;
margin : 0 0 18px 0;
padding : 0 0 0 60px;
}
.post .post_content ul ol, .post .post_content ul ul, .post .post_content ol ol, .post .post_content ol ul, ol#commentlist .comment_content ul ol, ol#commentlist .comment_content ul ul, ol#commentlist .comment_content ol ol, ol#commentlist .comment_content ol ul {
margin : 0;
padding : 0 0 0 15px;
}
.post .post_content blockquote, ol#commentlist .comment_content blockquote {
margin : 0 110px 18px 50px;
font-style : normal;
border-left : 2px solid #000;
padding : 0 0 0 8px;
}
.post .post_content object, ol#commentlist .comment_content object {
margin : 0 0 0 60px;
}
.post .post_content img {
padding : 4px 4px 4px 4px;
border : 1px dotted #999;
margin : 0 4px 4px 4px;
}
.post .post_content pre, ol#commentlist .comment_content pre {
overflow : auto;
width : 480px;
margin : 0 0 18px 50px;
display : block;
border-left : 2px solid #000;
padding : 0 0 0 8px;
}
.post .post_content ol pre, .post .post_content ul pre, ol#commentlist .comment_content ol pre, ol#commentlist .comment_content ul pre {
margin : 0 0 0 20px;
}
.post .post_meta {
background-image : url(images/dots.jpg);
background-repeat : repeat-x;
background-position : 0 1px;
font-size : 10px;
line-height : 10px;
padding : 5px 0 6px 0;
margin : 0;
text-transform : uppercase;
}
.post .post_meta span {
border-top : 2px solid #000;
padding : 3px 10px 0 10px;
}
.post .post_meta a {
color : #000;
font-weight : bold;
}
.post .post_meta a:hover {
color : #8c1018;
}
.comments {
margin : 0 0 30px 0;
}
.comments h3 {
margin : 0 0 10px 0;
background-image : url(images/form_bg.jpg);
font-size : 12px;
line-height : 12px;
padding : 5px 10px;
text-transform : uppercase;
}
.comments h3 em {
font-style : normal;
font-weight : normal;
}
.comments ol#commentlist {
margin : 0;
padding : 0;
list-style : none;
}
ol#commentlist li {
margin : 0 0 15px 0;
}
ol#commentlist li .no_comments {
margin : 0 0 0 10px;
}
ol#commentlist h2.comment_author {
background-image : url(images/dots.jpg);
background-repeat : repeat-x;
background-position : 0 20px;
font-size : 10px;
line-height : 10px;
font-weight : normal;
padding : 5px 0 6px 0;
margin : 0 0 10px 0;
text-transform : uppercase;
}
ol#commentlist h2.comment_author span {
font-size : 10px;
line-height : 10px;
padding : 0 10px 4px 10px;
}
ol#commentlist h2.comment_author a {
color : #000;
font-weight : bold;
}
ol#commentlist h2.comment_author a.date {
font-weight : normal;
}
ol#commentlist h2.comment_author a:hover {
color : #8c1018;
}
ol#commentlist .comment_content {
margin : 0 18px;
color : #000;
}
ol#commentlist .comment_content p {
margin : 0 0 15px 0;
}
.comments img {
margin : 0;
padding : 0;
border : 0;
}
#commentform {
margin : 0 0 0 10px;
}
#commentform p {
margin : 0 0 7px 0;
}
#comment-personaldetails {
text-transform : uppercase;
font-size : 10px;
line-height : 25px;
}
#comment-personaldetails label {
display : block;
float : left;
width : 50px;
font-weight : bold;
text-align : right;
}
#comment-personaldetails input {
float : left;
margin : 0 0 0 10px;
background-image : url(images/form_bg.jpg);
width : 230px;
height : 11px;
padding : 7px 5px;
border : 0;
float : left;
font-family : Arial, sans-serif;
text-transform : uppercase;
font-size : 10px;
line-height : 10px;
color : #8c1018;
}
#comment-personaldetails input:hover {
background-color : #eee;
background-image : none;
}
#comment-personaldetails span {
margin : 0 0 0 10px;
color : #999;
}
#commentform textarea {
margin : 0 0 0 60px;
background-image : url(images/form_bg.jpg);
width : 570px;
height : 200px;
padding : 7px 5px;
border : 0;
font-family : Arial, sans-serif;
font-size : 10px;
line-height : 13px;
color : #8c1018;
}
#commentform textarea:hover {
background-color : #eee;
background-image : none;
}
#commentform #submit_wrapper {
background-image : url(images/dots.jpg);
background-repeat : repeat-x;
background-position : 0 27px;
}
#commentform #submit_wrapper input {
background-color : #fff;
background-image : url(images/form_bg.jpg);
border : 0;
border-bottom : 2px solid #000;
height : 29px;
font-family : Arial, sans-serif;
text-transform : uppercase;
font-weight : bold;
font-size : 10px;
line-height : 10px;
padding : 0 10px;
color : #000;
margin : 0 0 0 60px;
}
#commentform #submit_wrapper input:hover {
color : #8c1018;
}
.page_navigation {
margin : 0 0 30px 0;
}
.page_navigation p {
margin : 0;
text-transform : uppercase;
font-weight : bold;
background-image : url(images/form_bg.jpg);
font-size : 12px;
line-height : 12px;
padding : 5px 10px;
}
.page_navigation a {
color : #000;
}
.page_navigation a:hover {
color : #8c1018;
}
.page_navigation a.current-page {
color : #8c1018;
}
.page_navigation a.next-page {
margin-left : 8px;
}
.page_navigation a.previous-page {
margin-right : 8px;
}
.block {
margin : 0 0 30px 0;
font-size : 10px;
color : #666;
}
.block h2 {
border-top : 2px solid #000;
padding : 12px 0 6px 0;
margin : 0;
font-weight : bold;
font-size : 10px;
text-transform : uppercase;
line-height : 10px;
background-image : url(images/dots.jpg);
background-repeat : repeat-x;
background-position : 0 27px;
text-align : left;
color : #000;
}
.block h2 span, .block h2 a {
border-bottom : 2px solid #000;
padding : 0 0 4px 0;
color : #000;
}
.block h2 a:hover {
color : #8c1018;
}
.block ul {
margin : 7px 0 0 0;
padding : 0;
list-style : none;
}
.block ul li {
padding : 7px 10px 7px 0;
border-bottom : 1px solid #eee;
line-height : 12px;
}
.block li a {
color : #666;
text-transform : uppercase;
font-weight : bold;
}
.block li a:hover {
color : #8c1018;
padding : 0 0 8px 0;
}
.twocol {
margin : 0 0 30px 0;
font-size : 10px;
color : #666;
}
.twocol h2 {
border-top : 2px solid #000;
padding : 12px 0 6px 0;
margin : 0;
font-weight : bold;
font-size : 10px;
text-transform : uppercase;
line-height : 10px;
background-image : url(images/dots.jpg);
background-repeat : repeat-x;
background-position : 0 27px;
text-align : left;
color : #000;
}
.twocol h2 span, .twocol h2 a {
border-bottom : 2px solid #000;
padding : 0 0 4px 0;
color : #000;
}
.twocol h2 a:hover {
color : #8c1018;
}
.twocol ul {
margin : 7px 0 0 0;
padding : 0;
list-style : none;
width : 100%;
}
.twocol ul li {
padding : 7px 10px 7px 0;
border-bottom : 1px solid #eee;
line-height : 12px;
width : 45%;
float : left;
display : inline;
}
.twocol li a {
color : #666;
text-transform : uppercase;
font-weight : bold;
}
.twocol li a:hover {
color : #8c1018;
border-bottom : 0 solid #000;
padding : 0 0 8px 0;
}
.block#flickr div {
margin : 7px 0 7px 0;
}
.block#flickr img {
width : 70px;
height : 70px;
float : left;
margin : 0 5px 10px 5px;
}
.block#twitter {
background-color : #333;
color : #eee;
overflow : hidden;
position : relative;
padding : 10px 15px;
}
.block#twitter:hover {
background-color : #8c1018;
color : #fff;
}
.block#twitter:hover a {
color : #fff;
}
.block#twitter .tweet {
margin : 0 0 5px 0;
text-align : center;
font-family : Georgia, serif;
font-style : italic;
font-weight : normal;
font-size : 13px;
line-height : 18px;
}
.block#twitter .via {
margin : 0;
font-size : 10px;
text-align : center;
font-weight : normal;
text-transform : uppercase;
}
.block#twitter .via a {
color : #eee;
font-weight : bold;
}
.block#login form {
background-image : url(images/dots.jpg);
background-repeat : repeat-x;
background-position : 0 59px;
}
.block#login form p {
margin : 7px 0;
}
.block#login form label {
display : none;
}
.block#login form input#habari_username, .block#login form input#habari_password {
background-image : url(images/form_bg.jpg);
width : 160px;
height : 11px;
padding : 7px 5px;
border : 0;
float : left;
font-family : Arial, sans-serif;
text-transform : uppercase;
font-size : 10px;
line-height : 10px;
color : #8c1018;
}
.block#login form input#habari_username:hover, .block#login form input#habari_password:hover {
background-color : #eee;
background-image : none;
}
.block#login form input#signinsubmit {
background-color : #fff;
background-image : url(images/form_bg.jpg);
border : 0;
border-bottom : 2px solid #000;
height : 29px;
float : right;
font-family : Arial, sans-serif;
text-transform : uppercase;
font-weight : bold;
font-size : 10px;
line-height : 10px;
padding : 0 10px;
color : #000;
}
.block#login form input#signinsubmit:hover {
color : #8c1018;
}
#footer {
border-bottom : 4px solid #000;
background-image : url(images/dots.jpg);
background-repeat : repeat-x;
margin : 0 0 30px 0;
}
#footer p {
margin : 0;
padding : 5px 0 10px 0;
font-size : 10px;
line-height : 10px;
text-transform : uppercase;
}
#footer p span {
padding : 4px 10px 0 10px;
}
#footer a {
color : #333;
font-weight : bold;
}
#footer a:hover {
color : #8c1018;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
#hide {
display : none;
}
.clear {
clear : both;
display : block;
height : 7px;
overflow : hidden;
margin : 0;
padding : 0;
}
h4 {
font-size : 12px;
}
h5 {
font-size : 11px;
text-transform : uppercase;
}
h6 {
font-size : 10px;
}
.note {
border-top : 2px solid #ffd324;
border-bottom : 2px solid #ffd324;
background : #fff6bf 0% 50%;
margin : 9px;
padding-top : 7px;
padding-bottom : 7px;
padding-left : 18px;
padding-right : 18px;
text-align : left;
}
.asides_entry {
background : url(images/asides.gif) no-repeat top left;
list-style : none;
}
.asides_entry ul {
font-size : 12px;
letter-spacing : 0;
list-style : none;
}
.asides_entry li {
color : #666;
line-height : 18px;
list-style : none;
margin : 0 0 0 30px;
padding : 0 0 0 0;
}
h2 span {
font-size : 14px;
}
.code {
padding : 3px 5px 3px 35px;
border : 1px solid #f5f5f5;
list-style-type : decimal-leading-zero;
}
.code code {
font-size : 1.2em;
}
.code li {
margin : 2px 5px 0 20px;
padding : 0 5px;
background : #f7f7f5;
}
.code li.t1 {
padding-left : 4ex;
}
.code li.t2 {
padding-left : 8ex;
}
.code li.t3 {
padding-left : 12ex;
}
.code li.t4 {
padding-left : 16ex;
}
.code li.t5 {
padding-left : 20ex;
}
.code li.t6 {
padding-left : 24ex;
}
.code li.t7 {
padding-left : 28ex;
}
.code li.t8 {
padding-left : 32ex;
}
.friends img {
padding : 4px;
margin : 3px;
border : 2px solid #f5f5f5;
}
label {
font-weight : bold;
}
fieldset {
padding : 1.4em;
margin : 0 0 1.5em 0;
border : 1px solid #ccc;
}
legend {
font-weight : bold;
font-size : 1.2em;
}
input.text, input.title, textarea, select {
margin : 0.5em 0;
border : 1px solid #bbb;
}
input.text:focus, input.title:focus, textarea:focus, select:focus {
border : 1px solid #666;
}
input.text, input.title {
width : 300px;
padding : 5px;
}
input.title {
font-size : 1.5em;
}
textarea {
width : 390px;
height : 250px;
padding : 5px;
}
.aligncenter, div.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}
.alignleft {
float : left;
}
.alignright {
float : right;
}
.sponsors img.ml 
{
margin: 0px; 
padding: 0px; 
overflow : hidden;
}
.sponsors img a 
{
border : none;
}
.sponsors img 
{
border : 0;
}
.comment ul li ul li
{
margin: 0px; 
padding: 0px; 
overflow : hidden;
}
.commentlist p 
{ 
padding-top: 18px;
}
.commentlist li 
{ 
list-style: none; 
padding-top: 9px; 
margin-left: -27px; 
}
.commentlist li ul li 
{ 
list-style: none; 
}
.avatar 
{ 
background: #FFFFFF; 
float: left; 
border: 1px solid #EEEEEE; 
padding: 2px; 
margin-right: 18px; 
}
.commentlist cite
{ 
font-weight: bold; 
font-style: normal; 
margin-left: 9px; 
}
.comment-meta a
{
margin-left: 9px; 
}
.children 
{ 
padding-left: 9px; 
border-left: 3px solid #F0F0F0; 
margin-left: 9px; 
}
.children li 
{ 
margin-left: 9px; 
}
.reply 
{ 
font-size: 10px; 
padding-bottom: 9px; 
}
.thread-alt 
{ 
margin: 0px; 
padding: 0px; 
border-bottom: 1px solid #F0F0F0; 
}
.thread-even 
{ 
margin: 0px; 
padding: 0px; 
border-bottom: 1px solid #F0F0F0; 
}