/*
Theme Name: HypeForType
Theme Author: Victor Hopman
Theme URI: http://www.victorhopman.nl
Author URI: http://www.victorhopman.nl
Theme Description: Weblog for UK designer Alex Haigh
*/


body {background:url(images/HFT-bg.gif) repeat #000;font:normal 12pt/16pt Helvetica, Arial, Sans-serif;color:#e8e7e7;margin:0;padding:0;}
a, a:visited, a:hover {color:#e8e7e7;text-decoration:none;outline:none;}

form, fieldset {border:none;padding:0!important;margin:0!important;}

#grid_hold {width:963px;margin:0 auto;}
#header {background:#161616;width:909px;height:73px;margin:0 auto;padding-left:54px;padding-top:54px;}
#title {width:963px;margin:0 0 4.8em 0;padding:0;}
#title span.blog_title {margin:0;text-indent:-9999em;font:bold 14pt/14pt Helvetica, Arial, Sans-serif;}

#title span.blog_title a {background:url(images/hypefortype.gif) no-repeat;text-indent:-9000px;display:block;width:205px;height:24px;}

.post .entry img, object {padding-bottom:31px;background:url(images/image-border.gif) bottom center no-repeat;}

.post .entry a {font-weight:bold!important;}

.post .entry a, #comments_wrap a {color:#f00000;}
#comments_wrap a {font-weight:normal!important;}
.post .entry a:hover, #comments_wrap a:hover {color:#ff0000;}

.post .entry p {font:normal 11pt 'Helvetica Neue', Helvetica, Sans-serif; color:#cecece!important;line-height:14pt;}

#about {width:520px;margin:0 0 1.7em 0;text-align:left;font:500 9pt/13pt Helvetica, Arial, Sans-serif;color:#000;}
#meta_header {background:url(images/dotted-bg.gif) repeat-y 696px 0px #161616;width:909px;margin:0 0 0 0;padding:54px;padding-right:0;padding-top:0;padding-bottom:0;font:normal 9pt/14pt Arial, Helvetica, Sans-serif;}
#meta_header p {margin:0.3em 0 0 0;}
#meta_header span.date {margin:0;font:900 14pt/14pt Arial, Helvetica, Sans-serif;text-transform:uppercase;letter-spacing:1px;}
#meta_header h1 {font:900 21pt/24pt Helvetica, Sans-serif;color:#e8e7e7;margin:0.4em 0 0 0;}
#meta_header h1 a {font:900 21pt/24pt Helvetica, Sans-serif;color:#e8e7e7;}
#meta_header h2 {font:900 9pt/13pt Helvetica, Sans-serif;color:#000;margin:0.6em 0 0 0;}

.post h1 {font:900 21pt/24pt Helvetica, Sans-serif;color:#cecece;margin:0.4em 0 0 0;}
.post h1 a {font:900 21pt/24pt Helvetica, Sans-serif;color:#cecece;}
.post h2 {padding-bottom:15px;}
.post h2 a, .page h2 a {font:bold 26px 'Helvetica Neue', Helvetica, Sans-serif; color:#e8e7e7; margin-top:-1px; line-height:1.2;}

.post h2 a:hover, .page h2 a:hover {color:#fff;}

a.more-link {margin-top:15px;display:block;width:70px;color:#eee!important;font-size:13px;padding-right:7px;background:url(images/read-more.gif) no-repeat right;}

#navigate {margin:2.8em 0 0 540px;width:360px;font:normal 9pt/12pt Arial, Helvetica, Sans-serif;color:#000;}
#navigate span.big {font:normal 12pt/12pt Georgia, Times, Arial, Sans-serif;color:#000;}
#content_hold {width:963px;margin:0 auto;margin:0;}

.post {position:relative;overflow:hidden;}

.post-options {border-bottom:1px #343434 dotted;border-top:1px #343434 dotted;margin-bottom:30px;font:normal 11pt 'Helvetica Neue', Helvetica, Sans-serif; color:#cecece;line-height:14pt;padding-top:7px;padding-bottom:7px;}
.post-options a {font-weight:bold;color:#cecece;}

.post-options span.timestamp-comments {position:absolute;right:0;margin-top:1px;}
.post-options span.timestamp-comments a {font-weight:normal!important;color:#eee;}

#content {width:615px;min-height:400px;margin:00;float:left;padding:0;padding-right:27px;}
#content a, #content a:hover, #content a:visited {font-weight:bold;}
#content p {margin:0 0 1.2em 0;}

#comments_wrap {width:615px;padding:0 0;margin:20px 0;}

#comments_wrap .yoursay h3 {font:bold 20px 'Helvetica Neue', Helvetica, Sans-serif; color:#e8e7e7; margin-top:-1px; line-height:1.2;margin-bottom:10px!important;}

#comments_wrap .yoursay {border-bottom:1px #343434 dotted;}

#comments_wrap .comment_text {font:normal 14px 'Helvetica Neue', Helvetica, Sans-serif; color:#e8e7e7; margin-top:-1px; line-height:1.2;}

.comment {border-bottom:1px #343434 dotted;position:relative;overflow:hidden;}

#logged_in {padding:0;}
#labels {width:90px;margin-top:0.2em;display:block;margin-right:10px;padding:1em 0 0 10px;float:left;font:8.5pt/11pt Helvetica, Helvetica Neue, Arial, sans-serif;color:#fff;}
#labels p {margin:0;}

#inputs {width:557px;padding:0;}
#inputs p {padding-top:10px;margin:0;}

#submit {color:#fff;font:normal 13pt/16pt Arial, Helvetica, Sans-serif;}
p.submit {padding-bottom:1.2em;}
p.submit_admin {padding-bottom:1.2em;margin:0 0 0 120px;}
.a_comment_wrap {width:600px;margin:20px 0 5px 0;float:left;}
.gravatar {width:90px;margin-left:20px;float:left;}
.gravatar img {width:40px;height:40px;margin-left:20px;display:block;float:left;} 
.comment_text {width:557px;float:left;padding:0;margin-bottom:0;}
.no_comment {width:557px;float:left;padding:0;margin-bottom:0;font:10pt/13pt Helvetica, Helvetica Neue, Arial;}
.comment_meta {font-weight:bold;padding-bottom:5px;}
h2.comments {margin:1em 0 0 120px;font:bold 12pt/14pt Arial, Helvetica, Sans-serif;color:#000;}
h2.comments_loggedin {margin:1em 0 0 120px;font:bold 12pt/14pt Arial, Helvetica, Sans-serif;color:#000;}





#sidebar {padding-top:10px;font:normal 14px 'Helvetica Neue', Helvetica, Sans-serif;width:210px;float:left;line-height:19px;margin-left:25px;color:#8a8a8a;}

#sidebar h1 {font:900 10pt/13pt Arial, Helvetica, Sans-serif;color:#000;text-transform:uppercase;margin:0 0 0.8em 0;}
#sidebar h2 {font:bold 18px 'Helvetica Neue', Helvetica, Sans-serif; color:#cecece; margin-top:-1px; line-height:1.2;padding-bottom:10px;}
#sidebar ul {list-style:none;margin:0;padding:0;display:block;}
#sidebar ul li, #sidebar li {list-style:none;margin:0;padding:0;}
#sidebar a {color:#8a8a8a;}
#sidebar a:hover {color:#cecece;}
#block {width:180px;border-left:8px solid #000;margin:6em 0 0 0;padding:0 0 0 10px;}



#footer {width:680px;display:block;height:1px;background-color:#161616;margin-top:50px;height:70px;}


div.clear {clear:both;}


.sidebar-block, .widget {padding-bottom:15px!important;margin-bottom:15px!important;border-bottom:1px #343434 dotted;}

.widget.widget_text li {padding-top:5px!important;padding-bottom:5px!important;}

form.frmRoundedCorner strong {background: url(http://projects.victorhopman.nl/hypefortype/blog/wp-content/themes/HypeForType/images/input-bottom-left.gif) no-repeat 0 100%; display: block; float: left;margin-bottom:10px;}/*longer sides*/
form.frmRoundedCorner strong em {background: url(http://projects.victorhopman.nl/hypefortype/blog/wp-content/themes/HypeForType/images/input-top-right.gif) no-repeat 100% 0; display: block; float: left;}/*longer sides*/
form.frmRoundedCorner strong em span {background: url(http://projects.victorhopman.nl/hypefortype/blog/wp-content/themes/HypeForType/images/input-bottom-right.gif) no-repeat 100% 100%; display: block; float: left;}
form.frmRoundedCorner strong em span span {background: url(http://projects.victorhopman.nl/hypefortype/blog/wp-content/themes/HypeForType/images/input-top-left.gif) no-repeat; display: block; float: left;}
form.frmRoundedCorner input, form.frmRoundedCorner select, form.frmRoundedCorner textarea {font:bold 12px 'Helvetica Neue', Helvetica, Sans-serif; color:#cecece!important;line-height:14pt;margin: 1px 3px; border: 1px solid #353535;background-color:#353535;}
form.frmRoundedCorner label {display: block; clear: both;}
form.frmRoundedCorner .submit {border:0px!important;}