﻿/*
Theme Name: Hypowired
Theme URI: http://www.wpmonk.com/demo/hypowired
Version: 2.4 (nov 09)
Description: This theme was created with customization in mind. Many of the elements are very personalized, but also very easily to manipulate. While it’s very graphically intense, it’s also very usable and readable.
Author: WP Monk
Author URI: http://www.wpmonk.com
*/
*{font-family:Arial}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;text-align: justify;}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:before,q:after{content:''}
p a{color:#8f3ba6;background:url(images/ah_underlined.png) repeat-x;background-position:bottom;text-decoration:none}
a:focus{outline:none;}
p a:hover{color:#cb52df;background:url(images/a_underlined.png) bottom repeat-x}
p{color:#797969}
body{background:url(images/bg.gif) repeat-x #c3c2af top}
#bg_left{background:#C3C2AF url(images/bgleft.gif) repeat-x scroll center top;height:298px;position:absolute;left:0;top:0}
#bottom_bg{background:url(images/footer_bg.gif) repeat-x bottom}
.container{width:1024px;position:relative}
#top{background:url(images/top.gif) no-repeat top left;height:137px;width:1024px;position:relative;padding:33px 0 0}
#logo{width:745px;position:relative;height:54px;margin-bottom:22px}
#logo #logo_icon{float:left;width:35px;margin:10px 28px 0 47px}
#logo_icon a{width:35px;height:37px;display:block;background-image:url(images/logo_icon.png);text-decoration:none}
#logo h1 a{text-decoration:none;color:#f7f6ea;font-size:2em;display:block;height:37px}
#logo h3{position:absolute;left:111px;top:38px;color:#fff;font-size:.75em}
.search{background:url(images/search.gif) no-repeat left;height:32px;position:absolute;left:748px;top:45px}
.search form input.s{background:transparent none repeat scroll 0 0;border:medium none;color:#AAA9A5;font-size:.8em;height:17px;margin-left:67px;margin-right:9px;width:144px;padding:7px 0}
.search form input.input{background:transparent url(images/go.gif) no-repeat scroll center top;border:medium none;height:32px;width:44px;cursor:pointer}
#rss a{background:url(images/rss.gif);width:218px;height:52px;float:right;display:block;padding:9px 0 0 3px}
#header,#no_entries,#yes_entries,#no_header{background:transparent url(images/header.jpg) repeat scroll 0 0;float:left;margin-left:102px;height:167px;width:690px;padding-right:8px;display:inline}
#no_header{background:transparent url(images/no_header.png) no-repeat;height:38px}
#no_entries,#yes_entries{background-image:url(images/no_results.jpg);height:140px;position:relative}
#yes_entries{background-image:url(images/yes_results.jpg)}
#no_entries .search,#yes_entries .search{left:160px;top:75px;background-image:url(images/search.png)}
#no_entries .search form input.s,#yes_entries .search form input.s{width:184px;margin:0 12px}
#no_entries .search form input.input,#yes_entries .search form input.input{background:transparent url(images/go.png) no-repeat scroll center top;border:medium none;height:33px;width:46px}
#searchquery{color:#797969;font-size:.8em;margin:50px 15px 0 160px}
#searchquery strong{font-weight:700}
#about_me{background:no-repeat url(images/header_icon.gif) left center;padding-left:105px;margin:17px 35px 0 35px}
#about_me h3{color:#6a6956;font-size:2em;font-weight:700;display:block;height:45px}
#about_me p{font-size:.75em;clear:both;display:block;height:75px}
#content{background-color:#FFF;display:inline;float:left;margin-left:101px;padding-left:32px;padding-right:32px;padding-top:34px;width:636px;background-image:url(images/bgfadel.png);background-repeat:repeat-y;position:relative}
#content.no_header{padding-top:4px}
#twitter{position:absolute;right:23px;top:-7px;font-size:.9em;background:url(images/twitter_left.png) top left no-repeat;padding-left:10px}
.no_header #twitter{top:-37px}
#twitter img{vertical-align:middle;margin-right:5px}
#twitter a{color:#b0b0a1;display:block;height:33px;background:url(images/twitter.png) top left repeat-x;line-height:25px;font-size:.9em;text-decoration:none;cursor:pointer}
#twitter a span{background:url(images/twitter_right.png) top right no-repeat;display:block;padding-right:10px;height:33px}
#twitter a:hover{background-position:bottom left;height:41px;color:#878677}
#sidebar{width:231px;margin-left:-8px;z-index:1000;right:0;position:relative;float:right}
.clear{clear:both}
#nav li#login{float:right;width:35px;height:41px;margin:-6px 0 0}
#nav li#login a{padding:0}
#nav{background:transparent url(images/nav.jpg) repeat scroll 0 0;float:left;display:inline;height:47px;margin-left:102px;width:676px;padding:14px 10px 0 15px}
#nav a{text-decoration:none}
#nav .home a:link,#nav .home a:visited,#nav .current_page_item a:link,#nav .current_page_item a:visited{background:url(images/button_right.png) right top no-repeat;color:#FFF}
#nav .home a:link span,#nav .home a:visited span,#nav .current_page_item a:link span,#nav .current_page_item a:visited span{background-image:url(images/activepage.gif);background-position:center bottom;background-repeat:no-repeat;display:block;height:39px}
#nav .home,#nav .current_page_item{background:url(images/button_left.png) left top no-repeat;height:35px;position:relative;z-index:80!important}
#nav li{display:block;float:left;height:32px;margin-right:10px;padding:0}
#nav li:hover{background:url(images/button_left.png) left bottom no-repeat}
#nav li a{color:#c2c2bd}
#nav .current_page_item:hover,#nav .home:hover{background:url(images/button_left.png) left top no-repeat}
#nav .current_page_item a:hover,#nav .home a:hover{background:url(images/button_right.png) right top no-repeat}
#nav li a:link,#nav li a:visited,#nav li a:active{display:block;color:#c2c2bd;float:left;font-size:11px;height:24px;text-transform:uppercase;margin:0;padding:8px 13px 0}
#nav li a:hover{background:url(images/button_right.png) right bottom no-repeat;color:#fff}
#nav li.home a:link,#nav li.home a:visited,#nav li.home a:active,#nav li.current_page_item a:link,#nav li.current_page_item a:visited,#nav li.current_page_item a:active{height:24px}
.date{background-image:url(images/date.jpg);width:96px;height:63px;position:absolute;left:-119px}
.maand ,.jaar{width:40px; display:block;}
.dag{margin-left:10px;margin-top:13px;width:32px;margin-right:5px;display:block}
.maand{color:#6a6956;text-transform:uppercase;font-size:.6em;font-weight:600;margin-top:12px}
.jaar{color:#AEAE9B;font-size:.9em;font-weight:700}
.entries{width:636px}
.entry h2.title{margin-bottom:11px;text-align:left;letter-spacing:-2px;font-size:1em;padding:0}
.entry h2.title a{color:#2ba0d7;text-align:left;text-transform:uppercase;font-size:1.8em;margin:0;padding:0}
.entry h2.title a:hover{color:#257094}
.tags{background-image:url(images/tags.jpg);width:300px;height:35px;padding-left:31px;line-height:35px;font-size:.8em}
.tags a{color:#b3b3a0;text-transform:capitalize;text-decoration:none;font-size:.9em}
.tags a:hover{color:#2ba0d7}
.thumbnail{width:196px;height:175px;float:left;padding:8px}
.thumbnaila{background:transparent url(images/thumbnail.jpg) no-repeat scroll left top;float:left;height:191px;width:212px}
.entry p{font-size:.75em;margin-bottom:23px;margin-left:12px}
.entry .text{float:left;width:410px;height:113px;margin-bottom:23px}
.entry .text p{margin-bottom:0}
.comments{background:transparent url(images/comments.jpg) repeat scroll center top;color:#C86FDE;display:block;float:left;font-size:.7em;height:49px;line-height:35px;margin-left:-8px;padding-left:15px;text-decoration:none;text-transform:lowercase;width:76px}
.comments:hover{color:#e4a6f4;background-position:bottom}
.index{height:246px}
.entry{position:relative;margin-bottom:45px;width:632px;float:left}
#leaveacomment{float:right;margin:0 0 29px}
#the_end{clear:both;background:url(images/the_end.jpg) no-repeat;margin-left:101px;width:700px;height:114px}
#footer{padding-bottom:10px;width:1024px;height:203px}
.foot_box{height:204px;float:left;font-size:.8em}
#recent_comments{background-image:url(images/latest_comments.jpg);margin-right:23px;padding-left:9px;width:279px}
#recent_comments ul,#recent_posts ul{height:156px;width:275px;margin-top:46px}
#recent_comments ul li,#recent_posts ul li{height:50px}
#recent_comments ul li a,#recent_posts ul li a{color:#c3c2b0;line-height:30px;font-size:.9em;width:260px;height:50px;display:inline-block;cursor:pointer;padding:0 8px}
#recent_comments ul li a:hover,#recent_posts ul li a:hover{background:url(images/footer_h.png) repeat-x top;color:#e1e0d1}
.foot_box ul li a:hover span.bottom{color:#5e5c4c}
#recent_comments ul li a span,#recent_posts ul li a span{display:block;text-align:left;font-size:.95em}
.foot_box span.top{display:block;height:30px;width:260px;line-height:30px}
.foot_box span.bottom{display:block;height:20px;float:left;line-height:20px}
#recent_comments ul li a span.left,#recent_posts ul li a span.left{clear:both;text-align:left;padding-left:8px}
.foot_box a{color:#c3c2b0;text-decoration:none}
#recent_posts{background-image:url(images/latest_posts.jpg);margin-right:22px;padding-left:8px;width:281px}
#categories{background-image:url(images/categories.jpg);line-height:29px;width:276px;height:158px;padding:46px 4px 0 9px}
#categories li a{padding-left:16px;height:29px;width:260px;display:block}
#categories li a:hover{background:url(images/footer_h.png) repeat-x bottom;height:30px;margin-top:-1px}
#sidebar li.tw{position:absolute;right:3px;top:0;width:84px;height:78px;margin:0}
#lastfm_recent{background-image:url(images/music.png);width:213px;height:264px;position:relative;padding:39px 0 12px 8px;}
#lastfm_recent li.tw{top:2px}
/*
#sidebar li.tw{position:absolute;right:3px;top:0;width:84px;height:78px;margin:0}
#lastfm_recent{background-image:url(images/music.png);width:213px;height:280px;margin-top:-2px;position:relative;padding:34px 0 0 8px}
#lastfm_recent li.tw{top:2px}
*/
.widget{margin:22px 0 19px 0;}
#sidebar span.lastfm_recent_artist a.lastfm_recent_title{background:url(images/sidebar_underlined.png) bottom repeat-x;}
.lastfm_recent_image a{opacity:0.60}
#sidebar span.lastfm_recent_artist a.lastfm_recent_title:hover{background:url(images/sidebarh_underlined.png) bottom repeat-x}
#flickr img{width:42px;height:42px}
#flickr div{position:relative;float:left}
#flickr div .overlayImg{position:absolute;left:0;top:0;width:50px;height:50px}
#flickr{width:168px;position:relative;height:182px;background:url(images/photos.png) no-repeat;padding:44px 39px 0 14px}
#flickr a{display:block;float:left;height:39px;opacity:0.6;width:39px;margin:0 7px 5px 0;padding:4px 5px 5px 4px}
#movie li div a{text-decoration:none;width:178px;height:61px;display:block;padding-left:5px}
#movie{background:url(images/movies.png) no-repeat;width:213px;height:280px;margin-top:10px;margin-bottom:10px;display:block;position:relative;padding:32px 0 0 8px}
#movie li{background:transparent none repeat scroll 0 0;border:0 none;float:left;height:61px;margin-top:5px;width:183px}
#movie li:hover{background:url(images/widget_h.jpg)}
#movie li.tw:hover{background:none}
#movie li:hover span.movie_artist{color:#186e97;background:url(images/sidebarh_underlined.png) bottom repeat-x}
#movie li span.movie_title{font-size:12.5px;color:#6a6956;text-decoration:none;margin-left:5px;margin-top:1px}
#movie li span.movie_date{font-size:11px;color:#a4a490;float:right;padding-right:11px}
#movie li span.movie_artist{font-size:11px;color:#2ba0d7;background:url(images/sidebar_underlined.png) bottom repeat-x;float:left;font-weight:700;margin:0 0 0 5px;padding:0}
#movie li div{margin-top:5px;float:left;position:relative;width:183px;height:61px}
#comments{clear:both;width:479px;background:url(images/leave_comment.jpg) no-repeat;line-height:30px;float:left;margin:0 0 29px}
#respond{margin-top:14px;float:left}
#respond h3,#comments{background:url(images/leave_reply.jpg) no-repeat left center;padding-left:38px;text-transform:uppercase;color:#7e7e6d;font-size:1.3em}
.commentlist{width:635px;color:#797969;float:left;clear:both}
.comment-body{background:url(images/commentslist_body.gif) repeat-x #d9d9c3;width:635px;min-height:80px;margin:0 auto}
.comment-body p{margin-right:18px;display:block;margin-left:auto;min-height:80px;width:388px}
.children .comment-body p{width:359px}
.end_comment{width:635px;background:url(images/comments_end.gif) bottom no-repeat;padding-bottom:49px;position:relative}
.fn{float:left;color:#2BA0D7;font-weight:700;display:block;width:100px}
.fn a,.fn a:visited{color:#2BA0D7;text-decoration:none;font-weight:700;background:transparent url(images/sidebar_underlined.png) repeat-x scroll center bottom}
.fn a:hover{color:#186E97;background:transparent url(images/sidebarh_underlined.png) repeat-x scroll center bottom}
.comment{background:url(images/commentslist.gif) no-repeat top;padding-top:9px;margin-bottom:9px;font-size:.8em}
.vcard{background:transparent url(images/vcard.gif) no-repeat scroll 0 0;float:left;height:70px;margin-left:8px;margin-right:11px;width:201px;padding:6px 0 6px 6px}
.vcard .commentmetadata{color:#a4a490;font-size:.9em}
.commentmetadata a{color:#2BA0D7;text-decoration:none;height:22px;display:block}
#add_comment{background:url(images/post_comment.png) no-repeat;width:635px;height:244px}
.avatar{border:#b8b8a5 solid 1px;float:left;background-color:#c2c2af;margin-right:5px;padding:3px}
.website{height:22px;margin-left:auto;margin-top:8px;width:56px;float:left;clear:right}
.reply{position:absolute;height:29px;width:51px;bottom:7px;left:7px}
.commentlist .reply a:link,.commentlist .reply a:hover,.commentlist .children .reply a:link,.commentlist .children .reply a:hover,.reply a{background-image:url(images/reply.gif);background-position:top;height:29px;display:block;width:51px}
.children{width:635px;font-size:1.2em;padding-top:-4px}
.children li .end_comment{background:url(images/comments_end_child.gif) bottom no-repeat;padding-bottom:13px;width:605px}
.children li .end_comment .comment-body{width:603px}
.children .comment{background:url(images/commentslist_child.gif) no-repeat top #d5d3c1;padding-left:30px;padding-top:18px;margin-bottom:0}
#commentform{background:url(images/post_comment.png) no-repeat;width:620px;height:209px;margin-top:18px;padding:35px 0 0 15px}
#commentform_logged{background:url(images/post_comment_logged.png) no-repeat;width:620px;height:254px;margin-top:18px;padding:35px 0 0 15px}
#commentform_logged #comment{width:590px}
#commentform p.small{display:block;width:152px}
#commentform div.left{float:left;width:155px}
p.btn{clear:both;width:104px;height:29px;margin-left:auto;padding:15px}
#commentform p.big{float:left;width:412px;height:143px;margin-left:20px}
#author,#email,#url{height:22px;width:132px;background:transparent;border:none;margin-bottom:28px;color:#aaa9a5;padding:9px 9px 0}
#author:focus,#email:focus,#url:focus,#comment:focus,#comment:hover,#comment:active,#author:active,#email:active,#url:active,#author:hover,#email:hover,#url:hover{color:#716d5c}
#url{margin:0}
#comment{font-size:.9em;background:transparent;border:none;width:412px;height:140px;overflow:auto;color:#aaa9a5;padding:10px 9px 0}
.wp-pagenavi{position:relative;margin-top:30px;margin-left:9px;float:left}
.previous,.next{width:95px;height:56px;position:absolute;left:-95px;top:1px}
.next{left:682px}
.previous a,.next a{background:url(images/pagination.jpg) top left;width:95px;height:56px;display:block}
.previous a:hover{background-position:bottom left}
.next a:hover{background-position:bottom right}
.next a{background-position:top right}
#numbers{background:url(images/numbers.gif) repeat-x;height:51px;line-height:45px;width:682px}
.currentnavi,a.page{background:url(images/navi.png) center center;display:block;width:40px;height:33px;color:#949382;float:left;line-height:33px;text-decoration:none;text-align:center;margin:7px 3px 0}
.center{width:250px;font-size:.8em;margin:0 auto}
a.page{background-position:top;color:#686757}
a.page:hover{background-position:bottom;color:#fff}
p.wpmonk{color:#C3C2B0;font-size:.7em;padding-bottom:13px;text-align:center}
p.wpmonk a{color:#dbdacb}
p.wpmonk a:hover{color:#fff}
.wp-caption{border:1px solid #d9d8c9;background-color:#eae9db;margin-bottom:13px;padding:7px; text-align:center;}
.alignleft{float:left;margin-right:13px;}
.alignright{float:right;margin-left:13px; margin-bottom:23px;}
.entry .wp-caption-text{text-align:center;font-size:.7em;color:#797969;font-weight:700;clear:both;margin:0;line-height:20px;}
.wp-caption a{background:none;float:left}
.entry h1,.entry h2,.entry h3,.entry h4,.entry h5{color:#565648;text-transform:uppercase;font-size:25px;margin-bottom:0}
.entry .blockquote{background:url(images/blockquote_end.png) no-repeat bottom center;padding-bottom:8px;font-size:.9em;margin-bottom:23px; clear:both}
.entry .blockquote div{background:url(images/blockquote_begin.png) no-repeat top center;padding-top:8px}
.entry .blockquote p,.entry .blockquote blockquote{background-color:#e6e6d6;border:solid #d4d2bf;padding-right:12px;border-width:0 1px}
.entry .blockquote blockquote p{border:none;padding:0}
.entry .blockquote p{text-align:right;padding-top:22px;margin:0;}
.entry .blockquote blockquote{padding-top:13px;padding-left:67px;background:url(images/blockquote.png) no-repeat 13px 0 #e6e6d6;color:#949487;font-style:italic; padding-bottom:13px;}
.entry ol,.entry ul{color:#797969;font-size:.8em;font-weight:700;margin-left:12px;margin-bottom:23px}
.entry ol li,.entry ul li{background:url(images/li_1.png) no-repeat left center;padding-left:28px;margin-bottom:4px;min-height:23px;line-height:27px}
.entry ul li{background-image:url(images/ul.png);}
fieldset,img,abbr,acronym{border:0}
#logo h1,.search form input,.dag,.maand,.jaar{float:left}
.search form input.input:hover,#rss a:hover,#no_entries .search form input.input:hover,#yes_entries .search form input.input:hover,.commentlist .reply a:hover,.commentlist .children .reply a:hover{background-position:bottom}
#rss a span,.foot_box h5,.children .reply,#commentform p label,.pages{display:none}
.entry .tags,.foot_box span.bottom.right{float:right}
.foot_box ul li a:hover span.top,.foot_box a:hover{color:#e1e0d1}
#sidebar .lastfm_recent_title,#sidebar .movie_title{background:none;font-weight:700}
@media screen {
.sIFR-flash{visibility:visible!important;margin:0;padding:0}
.sIFR-replaced,.sIFR-ignore{visibility:visible!important;cursor:pointer}
.sIFR-alternate{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden}
.sIFR-replaced div.sIFR-fixfocus{overflow:auto;letter-spacing:0;float:none;margin:0;padding:0}
.entry h2.sIFR-replaced{margin-bottom:0}
}
@media print {
.sIFR-flash{display:none!important;height:0;width:0;position:absolute;overflow:hidden}
.sIFR-alternate{visibility:visible!important;display:block!important;position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important}
}
