/* @override 
	http://192.168.2.122:8888/wordpress/wp-content/themes/mindhacks/style.css
	http://www.mindhacks.org/wp-content/themes/mindhacks/style.css
*/
/*  
Theme Name: Mindhacks
Author: Timothy
*/

body, h1, h2, h3, h4, h5, h6, p, form, ul, ol, li, label, input { margin: 0; padding: 0; }

body { background: #d3e7f2 url(images/bodybg.jpg) repeat-x; font-family: sans-serif; }

a { color: #135f88; text-decoration: none; border-bottom: 1px solid #bcdef0; }
a img { border: 0; }

div#container { width: 880px; margin: 0 auto; background: url(images/bodyshdw.png) repeat-y; }
div#container-2 { padding: 25px 15px; margin: 0 10px; background: #FFF; }

h1 { background: url(images/header.gif) no-repeat; height: 90px; padding: 0 0 20px; }
h1 a { width: 230px; height: 90px; display: block; border: 0; }
h1 span { display: none; }

div#content { float: left; width: 490px; }

h2.btitle { border-bottom: 1px solid #BBB; padding: 0 !important; font: bold 12px/16px Trebuchet MS !important; text-transform: uppercase; color: #333; letter-spacing: 2px; margin: 5px 0 15px; }
h2.btitle span { position: relative; top: 9px; left: 14px; background: #FFF; padding: 0 6px; }

p.topstories { padding-bottom: 20px; }
p.topstories a { font: 12px/24px Verdana; padding-left: 20px; background: url(images/bullet.gif) no-repeat 5px 6px; }

div.post { padding-bottom: 22px; }
div.post h2 { font: bold 24px Arial; padding-bottom: 6px; }
div.post h2 a { text-decoration: none; }
div.post p { font: 13px/22px Verdana; margin-bottom: 16px; }
p.postmetadata span a { background: #333; color: #FFF; font: bold 9px Arial; text-transform: uppercase; padding: 2px 4px; letter-spacing: 1px; }

div.post h2.ctitle { position: relative; }
div.post h2.ctitle span.commenti { display: block; position: absolute; right: 5px; top: -30px; text-align: center; width: 40px; height: 40px; background: url(images/commenti.gif) no-repeat; }
div.post h2.ctitle span.commenti a { display: block; padding-top: 11px; width: 40px; height: 30px; border: 0; font: bold 18px Arial; color: #444; }

p.commenti a { padding-left: 22px; background: url(images/commenti_small.gif) no-repeat; font-weight: bold; }

div.post p.bookmarks { font-size: 10px; color: #444; }
div.post p.bookmarks a { font-size: 13px; }
div.post p.bookmarks a img { width: 16px; height: 16px; vertical-align: text-bottom; }

div#sidebar { float: left; margin-left: 30px; width: 310px; }
form#signup-area { position: relative; height: 180px; }
form#signup-area p { position: absolute; background: url(images/signup.gif) no-repeat; width: 310px; height: 250px; top: -80px; }
form#signup-area p span#lulz { display: block; padding: 0 20px 0; margin-top: 145px; }
form#signup-area p span#description { float: left; font: 10px/14px Tahoma, Verdana; width: 190px; text-align: left; color: #5c3500; }
form#signup-area p span.input { background: #FFF; padding: 1px; border: 1px solid #bd9058; float: left; margin-bottom: 1px; }
form#signup-area p label { width: 100px; display: block; float: left; font: bold 11px/23px Verdana; color: #402009; }
form#signup-area p input { width: 160px; font: 11px Verdana; border: 1px solid #C3C3C3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: url(images/inputbg.gif) repeat-x; padding: 2px; }
form#signup-area p span#subs { display: block; text-align: right; padding: 4px 0 0; clear: both; }
form#signup-area p span#subs input { width: 74px; height: 24px; float: right; padding: 0; background: none; border: 0; }

div#sidebar-a { width: 160px; float: left; }
div#sidebar-b { width: 130px; float: left; }
div.spacer { float: left; width: 20px; }

div.sidebar h2 { font: bold 11px/30px Trebuchet MS; text-align: center; text-transform: uppercase; letter-spacing: 1px; color: #FFF; background: url(images/h2bg.jpg) no-repeat; height: 30px; }
div.sidebar ul { list-style: none; padding: 10px 0 20px; }
div.sidebar ul li { font: 12px/16px Verdana; padding: 0 0 10px 14px; margin-bottom: 10px; background: url(images/bullet.gif) no-repeat 1px 6px; border-bottom: 1px solid #DDD; }
div.sidebar p { font: 10px/18px Verdana; margin-bottom: 16px; }

div#footer { clear: both; background: #333; margin: 0 4px; border-bottom: 1px solid #FFF; width: 872px; }
div#footer a { color: #CCC; text-decoration: none; border-bottom: 1px solid #555; }
div#footer div { float: left; display: inline; }

div#list { width: 310px; padding: 20px; }
div#list h2 { color: #FFF; font: bold 12px Trebuchet MS; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 10px; }
div#list ul { list-style: none; padding: 10px 0 20px; }
div#list ul li { font: 12px/16px Verdana; padding: 0 0 10px 14px; margin-bottom: 10px; background: url(images/bullet-dark.gif) no-repeat 1px 6px; }

div#bottomad { width: 175px; padding: 20px 0; }

div#signup { width: 265px; background: #ffa228; padding: 20px; margin: 20px; border: 1px solid #f2d96e; }
div#signup h3 { font: bold 10px Verdana; text-transform: uppercase; color: #a64b00; }
div#signup h2 { font: bold 25px Arial; color: #9a2e00; letter-spacing: -1px; text-align: center; padding-bottom: 3px; }
div#signup form { padding: 10px 0 0; }
div#signup form p span#description { display: block; font: 11px/16px Verdana; padding: 10px 0; clear: both; }
div#signup form p span.input { background: #FFF; padding: 1px; border: 1px solid #bd9058; float: left; margin-bottom: 1px; }
div#signup form p label { width: 100px; display: block; float: left; font: bold 11px/23px Verdana; color: #402009; }
div#signup form p input { width: 150px; font: 11px Verdana; border: 1px solid #C3C3C3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: url(images/inputbg.gif) repeat-x; padding: 2px; }
div#signup form p span#footersubs { text-align: right; display: block; }
div#signup form p span#footersubs input { width: 74px; height: 24px; padding: 0; background: none; border: 0; }

p#botfoot { font: 11px/16px Verdana; text-align: center; padding: 16px 0; color: #1d516d; }

.clear { zoom: 1; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#commentsarea { width: 490px; }
ul.commentlist { list-style: none; }
ul.commentlist li { font: 12px/20px Verdana; margin-bottom: 16px; }
ul.commentlist li cite { font-weight: bold; }

div#commentsarea form p { margin-bottom: 3px; font: 13px Verdana; }
div#commentsarea form textarea { width: 480px; }
div#commentsarea form input, div#commentsarea form textarea { border: 1px solid #C3C3C3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: url(images/inputbg.gif) repeat-x; padding: 2px; }

/* Content Styles */
div.entry h2 { font: bold 18px Georgia; color: #444; }
div.entry h3 { font: bold 16px Georgia; color: #444; }
div.entry h4 { font: bold 14px Georgia; color: #444; }
div.entry h5 { font: bold 13px Verdana; color: #444; }
div.entry h6 { font: bold 11px Verdana; color: #444; }

/* IE Hacks */
* html form#signup-area p { bottom: 80px; }
* html div#signup form p span.input, * html form#signup-area p span.input { padding: 0 1px; }