/*
Theme Name: Hackification
Theme URI: http://www.hackification.com/
Description: Hackificationdefault theme.
Author: Stu Smith
Author URI: http://www.hackification.com
*/

* { margin:0; padding:0; }
body { font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0px; padding: 0px; background: #fff; }
body a, body a:visited { color: #2076c9; text-decoration: none; }
body a:hover { text-decoration: underline; }
body a:focus { -moz-outline: none; }
body p { padding: 5px 0px; margin: 5px 0px; }
#page { width: 1011px; margin: 0 auto; padding: 0 20px 0 20px; position: relative; left: 16px; }

#header h1 { position: relative; width: 1011px; height: 224px; background-image: url('images/header.jpg'); background-repeat: no-repeat; left: -20px; display: block; font-size: 0px; }
#header h1 a { display: block; width: 1011px; height: 211px; position: relative; }

.description { display: none; }
#wrapper { width: 100%; position: relative; }
#content { float: left; width: 580px; line-height: 1.6em; position: relative; margin-top: 0; }
#subscribe { display: block; width: 28px; height: 28px; position: absolute; right: 50px; top: 144px; }
#subscribe a { display: block; width: 28px; height: 28px; background-image: url(images/feed-icon-28x28.png); }
#twitter { position: absolute; left: 17px; top: 167px; height: 40px; width: 190px; }
#twitter a { display: block; height: 40px; width: 190px; }
#sidebar { float: right; width: 370px; margin-left: 0px; padding-top: 20px; position: relative; left: -30px; }
#footer { width: 1011px; clear: both; padding-top: 20px; padding-bottom: 20px; margin-top: 20px; }
#footer a, #footer a:hover, #footer a:visited { text-decoration: none; }
#footer_left { text-align: left; float: left; width: 100%; line-height: 1.6em; }

h1, h2, h3, h4 { font-family: Helvetica, Arial, Sans-Serif; text-align: left; }
h1 { font-size: 3.0em; line-height: 1.0em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.0em; }

.entrytext h3 { margin-top: 30px; }

.post h2, .post h2 a:hover, .post h2 a:visited, .post h2 a { font-size: 1.4em; text-decoration: none; color: #2076c9; margin-bottom: 20px; line-height: 1.0em; }
.post h3 { border-bottom: solid 1px #2076c9; margin-bottom: 5px; padding-bottom: 3px; }
.post { font-size: 1.2em; margin-bottom: 30px; text-align: justify; }
.post p { line-height: 1.4em; padding: 5px 0px; margin: 5px 0px; }
.post ul, .post ol { margin: 10px 0 10px 0; padding-left: 40px; text-align: left; }
.post li { padding: 2px 0 2px 0; }
.post pre { font-family: Consolas, Courier New, Courier, monospace; font-size: 1.1em; margin: 10px; border: solid 1px #000; background-color: #444; color: #fff; padding: 10px; white-space: pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; line-height: 1em; }
.entry { margin-bottom: 10px; text-align: justify; }
.entrytext { position: relative; }

.stumble { position: absolute; left: -135px; top: -51px; }
.reddit { position: absolute; left: -90px; top: -10px; }
.digg { position: absolute; left: -65px; top: 28px; }
.dzone { position: absolute; left: -65px; top: 125px; }

.entrytext .postmetadata { margin-top: 50px; text-align: justify; }
.postmetadata { border-top: 1px dashed #ccc; padding-top: 2px; margin-bottom: 40px; text-align: right; }
.postmetadata alt { border-top: 1px dashed #ccc; padding-top: 2px; margin-bottom: 40px; text-align: left; }

.navigation { display: block; margin-bottom: 20px; }
#nav { list-style-type: none; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 3.15em; height: 40px; }
#nav a { margin: 0px; width: 94px; height: 20px; font-weight: bold; font-style: normal; display: block; padding: 0 0 10px 0; }
#nav a:hover { background: #000; }
#nav li { float: right; list-style-type: none; margin: 0px; border-right: solid 1px #fff; }
 
.alignleft { float: left; text-align: left; }
.alignright { float: right; text-align: right; }
.pagetitle { font-size: 1.6em; margin-bottom: 20px; }
blockquote { margin: 10px 20px 10px 20px; padding: 5px 10px 5px 40px; background: #fff url(images/quote.png) no-repeat; border-top: double 6px #9DB7FF; border-bottom: double 6px #9DB7FF; }
code { font: 1.2em 'Courier New',Courier,Fixed; display: block; overflow: auto; text-align: left; margin: 10px 0 10px 0; padding: 5px 10px 5px 10px; background: #D7E1FF; border-top: solid 1px #9DB7FF; border-bottom: solid 1px #9DB7FF; }
a img { border: 0; }

#sidebar ul { margin-bottom:20px; }
#sidebar a { color: #2076c9; }
#sidebar .sidebar_left ul h2 { padding-bottom: 10px; font-size: 1.5em; }
#sidebar .sidebar_right ul h2 { padding-bottom: 10px; font-size: 1.5em; }
#sidebar ul li { list-style: none; line-height: 1.6em; font-size: 1.1em; }
#sidebar a:hover { text-decoration: underline; }
#sidebar .sidebar_left { width: 165px; float: left; padding: 0 10px 0 10px; height: 640px; }
#sidebar .sidebar_right { width: 165px; float: right; padding: 0 10px 0 10px; }
#sidebar .sidebar_left ul ul li ul { padding-left: 20px; margin-bottom: 0; }
#sidebar .sidebar_left ul ul li ul li { list-style: none; line-height: 1.6em; font-size: 1.1em; border-bottom: 0; }
#sidebar .sidebar_right ul ul li ul { padding-left: 20px; margin-bottom: 0; }
#sidebar .sidebar_right ul ul li ul li { list-style: none; line-height: 1.6em; font-size: 1.1em; border-bottom: 0; }
#sidebar ul.recent li { margin-bottom: 10px; }

#comments { font-size: 1.6em; margin-bottom: 20px; border-bottom: 1px dashed #ccc; padding-bottom: 20px; }
#respond { font-size: 1.6em; margin-bottom: 5px; }
ol.commentlist { list-style-type : none; font-size: 1.2em; }
ol.commentlist li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ccc; }
ol.commentlist li.alt { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ccc; }
#comment_title { margin-bottom: 5px; }
#commentform { margin-bottom: 20px; }
#commentform p { margin-bottom: 10px; }
#commentform textarea { width: 99%; padding: 2px; font-size: 12px; background-color: #fff; border: 1px solid #ccc; }

#search { margin-bottom: 20px; text-align: right; }
#searchform { margin-bottom: 20px; }
#searchform input { border: solid 1px #888; color: #2076C9; padding: 4px; position: relative; width: 165px; background: #fff; top: -10px; }

#wp-calendar { width: 180px; text-align: left; margin-top: 5px; }
#wp-calendar th { margin-top: 5px; }
#wp-calendar caption { font-size: 1.2em; margin-top: 5px; }

hr { display: none; }

#adsense_singlepost_top_square { float: left; margin-right: 10px; }
#adsense_singlepost_bottom_square { margin-bottom: 30px; }
#adsense_singlepost_top_banner { margin-bottom: 5px; }
#adsense_singlepost_bottom_banner { margin-bottom: 30px; }
#adsense_homepage_linkunit { display: none; }
#adsense_homepage_banner { display: none; }

.aligncenter { display: block; margin: 0 auto; }

#front-page { position: relative; top: 30px; }
#front-page p { font-size: 1.2em; text-align: justify; margin: 0; padding: 0; }
#front-page h2 { line-height: 1.2em; }
#front-current-article { background-color: #eaf0FF; border: solid 1px #2076c9; overflow: hidden; position: relative; padding-bottom: 56px; width: 580px; }
#front-page h2 { display: block; padding: 10px; background-color: #2076c9; }
#front-current-article h2 { font-size: 2.6em; }
#front-page h2 a { border-bottom: solid 1px transparent; color: #fff; }
#front-page h2 a:hover { border-bottom: solid 1px #80b6f9; text-decoration: none; }
#front-sub-article1, #front-sub-article2 { background-color: #eaf0FF; border: solid 1px #2076c9; float: right; height: 200px; margin-top: 20px; position: relative; padding-bottom: 30px; overflow: hidden; width: 48%; }
#front-sub-article1 .sub-article, #front-sub-article2 .sub-article { height: 198px; }
#front-sub-article1 { float: left; }
#front-sub-article2 { float: right; }
#front-page-ads { float: right; margin-right: 30px; width: 160px; }
#front-page .date { color: #80b6f9; font-weight: normal; font-size: 0.8em; margin-left: 10px; text-transform: uppercase; }
#front-page .entrytext { padding: 10px; position: static; }
#front-page .more-link { display: block; background: url(images/article-fade.png) repeat-x; height: 70px; font-weight: bold; bottom: 0; position: absolute; padding-right: 10px; right: 0; width: 100%; text-align: right; line-height: 90px; }
#front-page p.serif { text-align: right; }
#front-page #recent { background-color: #e36b26; border-bottom: solid 6px #000; color: #fff; font-size: 20px; line-height: 20px; padding: 10px; position: relative; top: -20px; text-transform: uppercase; }
#front-page #featured { float: right; margin-right: 20px; width: 200px; }
.featured-group { border: solid 1px #2076c9; margin-bottom: 20px; overflow: hidden; }
.featured-group h3 { background-color: #2076c9; color: #fff; padding: 5px; }
.featured-group a { font-weight: bold; font-size: 1.2em; display: block; padding: 5px; }
.featured-group a:hover { text-decoration: none; background-color: #eaf0FF; }
#front-page #about { clear: left; }
#front-page #about, #front-page #archives, #front-page #hire { float: left; margin-right: 20px; margin-top: 40px; width: 180px; }
#featured a { overflow: auto; border-bottom: dotted 1px #2076C9; }
#featured a.last { border-bottom: none; }
#featured a span.views { color: #E36B26; display: block; float: left; font-weight: normal; font-size: 1.4em; left: -4px; width: 3.9em; margin-right: 4px; position: relative; text-align: center; top: -2px; }
#featured .views strong { font-size: 1.4em; letter-spacing: -0.08em; }
#archives #searchform { margin-bottom: 0; }
#archives #searchform input { top: 0; margin: 4px; width: 159px; }
#bottom-three .featured-group { border: none; }
#front-page .social { display: none; }

.left-image { margin: 0 10px 10px 0; }