/*
Theme Name: Aligned
Theme URI: http://blog.theundersigned.net/
Description: Aligned is a grid-based Hibari Theme developed by Thomas Silkjaer - The Undersigned. It was ported over to WordPress with added features and valid code by Sunny Nathan of WP Pro! Theme covered in part byo CC Attribution 2.5 License and partly by GNU GPL License. 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 : #292921;
}
a img {
border : 0;
color : #414141;
}
.left_content {
float : left;
width : 650px;
}
.right_content {
float : right;
width : 260px;
}
.right_content a {
text-decoration : underline;
color : #292921;
font-weight : bold;
font-size: 11px;
}
#wrapper {
background-color : #fff;
width : 930px;
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;
border-bottom : 2px solid #000;
}
#header_left h1 span {
font-weight : normal;
font-size : 16px;
}
#header_left h1 a {
padding : 0 10px 9px 10px;
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 : 24px 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;
width : 240px;
overflow : hidden;
margin : 1px 0 0px 0;
position : relative;
padding : 0px 2px 1px 11px;
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 : 8px;
line-height : 17px;
}
#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;
r
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 : 40px 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 : 55px 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 : #333333;
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;
padding : 0 0 0 0px;
color : #333333;
}
.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 : 10px 0 0 0;
padding : 7px 0px 100px 0;
list-style : none;
text-align : left;
width : 100%;
}
.twocol ul li {
padding : 7px 0px 7px 0;
border-bottom : 1px solid #eee;
line-height : 12px;
width : 100%;
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;
color : #777777;
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 : #777777;
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;
}
.sidebar-title
{
text-transform : uppercase;
font-size : 12px;
line-height : 14px;
color : #CCCCCC;
list-style : none;
padding-bottom : 50px;
}
.heading
{
text-transform : uppercase;
font-size : 12px;
line-height : 14px;
color : #777777;
font-weight : bold;
}
#leftbook
{
float: left;
width: 200px;
margin-left: 65px;
}
#rightbook
{
float: left;
width: 200px;
margin-left: 95px;
}
#lefttext
{
float: left;
width: 262px;
margin-left: 60px;
}
#righttext
{
float: left;
width: 210px;
margin-left: 50px;
}
p.clear
{
clear:both;
}
hr {color: #fff; background-color: #fff; border: 1px dotted #999999; border-style: none none dotted; width: 60%;}