/*
Theme Name: Hahlo4
Theme URI: http://hahlo.com/
Description: Hahlo Blog
Version: 1.0
Author: Dean Robinson
Author URI: http://deanjrobinson.com/
*/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#D0D0D0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/*body {font:13px/1.231 helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;}*/
body{font: 62.5%/1.6 "helvetica neue",helvetica,arial,clean,sans-serif;}/**font-size:small;*font:x-small;}*/
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
a{-moz-outline:none;}
input{outline:0;}

.caps {font-size:.92em;}
.amp {color:#666; font-size:1.05em;font-family:"Warnock Pro", "Baskerville", "Goudy Old Style","Palatino","Book Antiqua",serif; font-style:italic;}
.dquo {margin-left:-.28em;margin-right:0.1em;line-height:0.6em;}
.quo {margin-left:-.2em;margin-right:0.05em;line-height:0.6em;}/*-.38em;*/
.arr {font-family:"Warnock Pro", "Baskerville", "Goudy Old Style","Palatino","Book Antiqua",serif;font-size:1.4em;line-height:1em;}
em {font-style:italic;}

body {background: #D0D0D0 url('img/bg.jpg') no-repeat top center;}
#wrapper {margin:0 auto;}
.wrapper_800 {width:800px;margin:0 auto;position:relative;}
.wrapper_960 {width:960px;margin:0 auto;position:relative;}
#header {padding-top:40px;position:relative;}
#left, #right {display:inline;float:left;position:relative;}
#left{width:400px;margin-right:100px;}
#right{width:300px;}
#right.homeSidebar {margin-top:70px;}
#footer {padding:40px 0;}
p {margin:15px 0;font-size:14px;color:#333;font-weight:300;text-align:justify;text-shadow:0 1px 0 rgba(255,255,255,0.5);}
p a, ul li a {color:#E60;}
p a.more-link {font-size:90%;color:#464646;font-weight:bold;text-shadow:0 1px 0 #FFF;font-style:italic;text-decoration:none;}
p a:hover, ul li a:hover {color:#B30;}
p.img {text-align:center;margin:30px 0;}
p.img img {border: 5px solid rgba(255,255,255,0.5);}
/*#right p {margin-right:20px;}*/
p.aboutsignup {font-size:11px;color:#666;/*width:355px;*/line-height:15px;font-style:italic;margin-bottom:20px;margin-left:5px;}
p.copy {font-size:11px;color:#999;line-height:15px;margin:0;}
p.copy a {color:#999;}
ul {list-style-position:outside;margin:10px 20px 40px;font-size:14px;color:#333;font-weight:300;text-shadow:0 1px 0 rgba(255,255,255,0.5);}
ul li {list-style-image:url("img/bullet.png");list-style-type:square;margin-bottom:5px;}
ul.morePosts {margin:10px 0 40px;}
ul.morePosts li {list-style-image:none;list-style-type:none;position:relative;}
ul.morePosts strong {margin:0;text-transform:uppercase;font-family:'AlexandriaFLFBold',Rockwell;font-style:normal;color:#999;}
ul.morePosts abbr {font-weight:bold;color:#333;position:absolute;left:0;}
ul.morePosts h4 {margin-left:40px;}
#full ul.morePosts strong {font-size:18px;margin-top:30px;display:block;}
#full ul.morePosts abbr {font-size:18px;}
#full ul.morePosts h4 {font-size:18px;font-weight:bold;margin-left:60px;position:relative;}
#full ul.morePosts h4 a {color:#333;}
#full ul.morePosts h4 a:hover {color:#666;}
#full ul.morePosts h4 a.comments {color:#666;font-weight:normal;position:absolute;right:0;bottom:2px;font-size:14px;}
#full ul.morePosts h4 a.comments:hover {color:#E60;}
#full ul.morePosts p {margin:0 0 25px 60px;}
ul.morePosts a {color:#666;text-decoration:none;}
ul.morePosts a:hover {color:#E60;}
#signup { background: url('img/input2.png') no-repeat scroll top left; /*width: 360px;*/ height: 40px; position:relative;margin-top:10px;margin-bottom:10px;}
#signup #submit {background: url('img/button.png') no-repeat scroll top left;width: 70px;height: 30px;border:0;text-indent:-500px;overflow:hidden;cursor:pointer;position:absolute;right:5px;top:5px;}
#entry_0 {font-size:24px;position:absolute;left:8px;top:5px;-moz-appearance:none;-webkit-appearance:none;border:0 none #FFF;width:210px;}
/*#iphone_wrapper {width: 252px;height: 600px;margin:0 auto;position:relative;}
#iphone {background: url('img/iphone.png') no-repeat scroll top left;width: 252px;height: 600px;position:relative;z-index:100;}
#iphone p {position:absolute;top:480px;text-align:center;font-size:11px;width:199px;left:27px;font-weight:bold;font-style:italic;color:#666;}*/
/*#screens {background: url('img/screens.jpg') repeat-x scroll top left;width: 199px;height: 259px;position:absolute;top:95px;left:27px;z-index:10;}*/
#badge {background: url('img/4-2_badge.png') no-repeat scroll top left;width:120px;height:120px;position:absolute;top:-25px;left:680px;z-index:500;}

#donateNow {background:url('img/donate.png') no-repeat top left;height:75px;position:relative;}
#dollars {position:absolute;left:210px;bottom:14px;font-size:22px;font-weight:bold;line-height:22px;color:#333;text-shadow:0 1px 0 rgba(255,255,255,0.5);}

#menu {font-family:'AlexandriaFLFBold',Rockwell;font-size:14px;text-transform:uppercase;position:absolute;right:0;top:30px;}
#menu a {color:#333;text-decoration:none;margin:0 0 0 2em;text-shadow:0 1px 0 rgba(0,0,0,0.1);}
#menu a:hover {color:#E60;text-shadow:0 1px 0 rgba(255,255,255,0.8);}

#promo {height:300px;background:#333 url('img/promo_bg.jpg') no-repeat top center;border-top:1px solid #000;border-bottom:1px solid #000;margin-bottom:30px;}
#quotes {font-family:'AlexandriaFLFBold',Rockwell;height:300px;overflow:hidden;}
#quotes ul {margin:0;position:relative;top:0;}
#quotes ul li {list-style-type:none;list-style-image:none;display:table-row;height:300px;}
#quotes ul li blockquote {font-size:50px;line-height:50px;color:#EEE;text-shadow:1px 1px 2px rgba(0,0,0,1);width:550px;display:table-cell;vertical-align:middle;padding-left:25px;padding-top:30px;}
#quotes ul li blockquote div {position:relative;z-index:1;}
#quotes ul li blockquote div span.t {position:relative;z-index:10;}
#quotes ul li blockquote .q {font-size:300px;font-weight:bold;text-shadow:none;color:rgba(0,0,0,0.2);position:absolute;top:60px;left:-40px;}
#quotes ul li blockquote.one {font-size:60px;line-height:60px;}
#quotes ul li blockquote.three {font-size:40px;line-height:40px;}
#quotes ul li cite {font-size:16px;position:relative;/*top:1em;left:1em;*/line-height:30px;display:block;text-align:right;margin-right:70px;}
#quotes ul li cite a {color:#666;text-decoration:none;}
#quotes ul li cite a:hover {color:#E60;}

#brag {font-family:'AlexandriaFLFBold',Rockwell;position:absolute;top:80px;left:765px;}
#brag ul {margin:0;position:relative;top:0;color:rgba(0,0,0,0.5);text-shadow:none;/*1px 1px 1px rgba(0,0,0,0.5);*/}
#brag ul li {opacity:0;list-style-type:none;list-style-image:none;font-size:35px;line-height:35px;letter-spacing:-0.035em;position:absolute;top:0;left:0;width:190px;}
#brag ul li.show {opacity:1;}
#brag ul li small {display:block;font-size:20px;line-height:20px;}

/*#promo #iphone_portrait {background:url('img/iphone3gs.png') no-repeat top center;width:175px;height:360px;position:absolute;top:25px;left:575px;z-index:100;}*/
#promo #iphone_portrait {background:url('img/iphone3gs_shadow.png') no-repeat top center;width:205px;height:375px;position:absolute;top:10px;left:560px;z-index:100;}
#promo #portrait_scroll_left {position:absolute;left:-5px;top:69px;width:107px;height:217px;z-index:200;background:url('img/left.png') no-repeat center left;cursor:pointer;display:none;}
#promo #portrait_scroll_left:hover {background:url('img/left_hover.png') no-repeat center left;}
#promo #portrait_scroll_right {position:absolute;left:103px;top:69px;width:107px;height:217px;z-index:200;background:url('img/right.png') no-repeat center right;cursor:pointer;display:none;}
#promo #portrait_scroll_right:hover {background:url('img/right_hover.png') no-repeat center right;}
#promo:hover #portrait_scroll_left, #promo:hover #portrait_scroll_right {display:block;}
#promo #portrait_screen {background:url('img/portrait_loading.jpg') no-repeat top center;width:144px;height:217px;position:absolute;top:79px;left:591px;z-index:90;overflow:hidden;}
#promo #portrait_screen img {position:relative;left:0;}
/*#promo #iphone_landscape {background:url('img/iphone3gs_landscape.png') no-repeat top center;width:325px;height:210px;position:absolute;top:150px;right:0;z-index:50;}*/
#promo #iphone_landscape {background:url('img/iphone3gs_landscape_shadow.png') no-repeat top center;width:355px;height:225px;position:absolute;top:135px;right:0;z-index:50;}
#promo #landscape_scroll_left {position:absolute;left:38px;top:30px;width:140px;height:145px;z-index:200;background:url('img/left.png') no-repeat left 95px;cursor:pointer;display:none;}
#promo #landscape_scroll_left:hover {background:url('img/left_hover.png') no-repeat left 95px;}
#promo #landscape_scroll_right {position:absolute;left:178px;top:30px;width:140px;height:145px;z-index:200;background:url('img/right.png') no-repeat right 95px;cursor:pointer;display:none;}
#promo #landscape_scroll_right:hover {background:url('img/right_hover.png') no-repeat right 95px;}
#promo:hover #landscape_scroll_left, #promo:hover #landscape_scroll_right {display:none;}
#promo #landscape_screen {background:#000;width:217px;height:145px;position:absolute;top:165px;left:674px;z-index:40;overflow:hidden;}
#promo #landscape_screen img {position:relative;left:0;}
#promo #hahlo_icon {background:url('img/hahlo_icon.png') no-repeat top center;width:121px;height:121px;position:absolute;top:30px;right:50px;z-index:50;}

h2 {color:#464646;text-shadow:0 1px 0 #FFF;font-size:26px;font-weight:400;font-style:italic;letter-spacing:-0.025em;line-height:30px;}
h3 {color:#555;text-shadow:0 1px 0 #FFF;font-size:18px;font-weight:400;font-style:italic;letter-spacing:-0.025em;margin:15px 0;}
h3.section-title {margin:0;text-transform:uppercase;font-family:'AlexandriaFLFBold',Rockwell;font-style:normal;color:#999;}
h4 {margin:0;font-size:14px;font-style:normal;color:#666;}
h2 a {color:#464646;text-decoration:none;}
h2 a:hover {color:#333;text-decoration:none;}
div.meta {font-size:12px;color:#999;text-shadow:0 1px 0 rgba(255,255,255,0.5);height:19px;}
div.meta span.date {margin-right:5px;}
div.meta a.short {background:rgba(0,0,0,0.1);color:#666;text-shadow:0 1px 0 rgba(255,255,255,0.5);text-decoration:none;padding:0 4px;/*float:left;*/display:none;-moz-border-radius:4px;-webkit-border-radius:4px;position:relative;top:-1px;font-size:10px;}
.post:hover a.short {display:inline;}
div.meta a.short:hover {background:#BBB;color:#464646;}
.post {padding:30px 0;}
.post:first-child {padding-top:0;}
hr {border-left:0 none;border-right:0 none;border-bottom:1px solid #EAEAEA;border-top:1px solid #999;margin:0 100px;}
.post blockquote {font-size:110%;font-style:italic;margin:30px;}
.post blockquote p {margin:5px 0;}
.post blockquote cite {font-weight:bold;font-style:italic;}

.commentlist li {padding:15px 0;border-top:1px dashed #BBB;}
.commentlist li:first-child {border-top:0 none;}
.commentlist li cite.fn {font-weight:bold;color:#464646;font-size:16px;}
.commentlist li cite.fn a {color:#464646;text-decoration:none;}
.commentlist li acronym.date {font-size:12px;color:#999;margin-left:15px;}
.commentlist li acronym.date a {color:#999;text-decoration:none;}
.commentlist li p {font-size:13px;margin:10px 0;line-height:18px;}

div#respond p.comment-login {color:#666;margin-top:0;margin-bottom:5px;font-size:1.4em;}
	div#respond p.comment-login a {color:#666;text-decoration:none;font-weight:bold;}
	div#respond p.comment-login a:hover {color:#E60;}
div#respond div#comment-personaldetails {}
	div#respond div#comment-personaldetails label {display:block;width:60px;float:left;line-height:24px;color:#666;font-size:1.1em;font-weight:bold;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,0.5);}
	div#respond div#comment-personaldetails input {float:left;margin-bottom:5px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:0.3em 0.4em 0.2em;font-size:12px;width:328px;border:1px solid #BBB;}
	div#respond div#comment-personaldetails input:focus {border-color:#E60;}
div#respond form {margin:10px 0;}
div#respond form input {color:#666;border:0 none #FFF;}
div#respond form textarea {width:388px;height:75px;border:1px solid #BBB;padding:5px;color:#333;margin:0 0 10px;-moz-border-radius:6px;-webkit-border-radius:6px;font-size:1.4em;}
div#respond form textarea:focus {border-color:#E60;}
	div#respond .actions {position:relative;}
	div#respond form input#submit {color:#333;width:7em;text-transform:uppercase;background:#CCC;padding:0.2em 0;-moz-border-radius:6px;-webkit-border-radius:6px;font-size:12px;font-weight:bold;cursor:pointer;border:1px solid #999;}
	div#respond form input#submit:hover {background:#999;border-color:#666;}
	div#respond form p.subscribe-to-comments {color:#464646;font-size:1.1em;margin:0 0 0.5em;position:absolute;top:4px;right:0;}
		div#respond form p.subscribe-to-comments a {color:#333;text-decoration:none;font-weight:bold;}
		div#respond form p.subscribe-to-comments a:hover {color:#E60;}
		div#respond form p.subscribe-to-comments input#subscribe {margin:0;margin-left:5em;}
		div#respond form p.subscribe-to-comments label {margin-left:0.25em;font-style:italic;}
	div#respond .actions div#cancel-comment-reply {position:absolute;left:95px;font-size:1.1em;top:4px;}
	div#respond .actions div#cancel-comment-reply a {font-weight:bold;color:#666;text-decoration:none;}
	div#respond .actions div#cancel-comment-reply a:hover {color:#06C;}


.flickr_badge_image {margin:0 5px 5px 0;float:left;}
.flickr_badge_image img {border: 5px solid #E6E6E6 !important;width:60px;height:60px;vertical-align:bottom;}
.flickr_badge_image a:hover img {border: 5px solid #F9F9F9 !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper {margin-top:10px;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#CCCCCC;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#CCCCCC !important;}

a.flickrlink {background:url("img/flickricon.png") no-repeat left center;color:#464646;text-decoration:none;padding-left:23px;font-size:13px;}
a.emberlink {background:url("img/embericon.png") no-repeat left center;color:#464646;text-decoration:none;padding-left:23px;font-size:13px;}
a.dribbblelink {background:url("img/dribbbleicon.png") no-repeat left center;color:#464646;text-decoration:none;padding-left:23px;font-size:13px;}

.donated {position:relative;text-align:center;}
.donated p {text-align:center;}
.donated a{padding:2px 8px;margin:1px;text-decoration:none;-moz-border-radius:6px;-webkit-border-radius:6px;}
.donated .don1	{font-size:14px;line-height:28px;background-color:rgba(240,96,0,0.1);color:#555;} /* 5 */
.donated .don2	{font-size:16px;line-height:31px;background-color:rgba(240,96,0,0.2);color:#444;} /* 10 */
.donated .don3	{font-size:18px;line-height:34px;background-color:rgba(240,96,0,0.4);color:#333;} /* 15 */
.donated .don4	{font-size:20px;line-height:36px;background-color:rgba(240,96,0,0.6);color:#222;} /* 20 */
.donated .don5	{font-size:22px;line-height:38px;background-color:rgba(240,96,0,0.8);color:#111;} /* 25 */
.donated .don6	{font-size:24px;line-height:40px;background-color:rgba(240,96,0,0.9);color:#111;} /* 30 */
.donated .don7	{font-size:32px;line-height:48px;background-color:rgba(240,96,0,0.95);color:#111;} /* 50! */
.donated .don8	{font-size:40px;line-height:56px;background-color:rgba(240,96,0,1);color:#111;} /* 75! */
.donated a:hover {background-color:#999;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.5);}

.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}