/*
Theme Name: Homoholic SF
Theme URI: http://www.homoholic.com/
Description: Design by Lotus and developed by Adam Shen. Custom build - will not work as a standalone. 
Version: v1
Author: Adam Shen
Author URI: http://www.ideafiles.com/
Tags: skyblue, custom header, fixed width, two columns, widgets, footer widgets
*/
@charset "utf-8";
/* resets */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,address,cite{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none;margin:0;padding:0;}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}fieldset{border:0;}button::-moz-focus-inner {border:0;padding:0;margin:0;outline:0;}

/* font normalizing, in %, starts at 10.
77  85  93  100  108  116  123.1  131  138.5  146.5  153.9  161.6  167  174  182  189  197 */
body{font:13px/1.231 Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;color:#717174}
select,input,button,textarea,button{font:99% Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;}
table{font-size:inherit;font-size:100%;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}
h1{font-size:153.9%;}
h2{font-size:138.5%;font-family:Verdana,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;}
h3{font-size:123.1%;font-family:Verdana,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;}
h4{font-size:108%;}
h5{font-size:100%}
h6{font-size:100%}

/* base setting */
body{background:#ffffff url(_assets/ui/bg_star.gif) repeat;color:#1e1e1e;}
a{color:#00cbff;text-decoration:none;}
a:hover{color:#00cbff;text-decoration:underline;}
a:visited{color:#02acd8;text-decoration:none;}
sup,sub{position:relative;vertical-align:0;font-size:smaller;}
sup{bottom:0.3em;}
sub{top:0.3em;}
small{color:#777;font-size:77%;line-height:1.5em;}
p{margin:.6em 0}
.hr{border-top:#e6e4dd solid 1px;}
.hr hr{display:none}
object{margin:1em auto}
.aligncenter,div.aligncenter{display:block;margin:0 auto;}
.alignleft{float:left;}
.alignright{float:right;}
/* clearfix */
.clear{clear:both;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}

/* header */
#headerbg{background:url(_assets/ui/ui_header.png) top center no-repeat;text-align:center;min-width:810px;}
#header{height:129px;overflow:hidden;padding:120px 0 0 0;text-align:left;text-indent:-9990px;cursor:pointer;}
#header h1{color:#ef36b0;font-family:Arial, Helvetica, sans-serif;font-size:4em;}
#header h2{color:#72ba04;font-size:131%}

/* container */
#container{width:793px;margin:0 auto;padding:0 9px;text-align:left;background:url(_assets/ui/ui_shadow.png) repeat-y;overflow-x:hidden;}

/* topnav */
#topnav{background:url(_assets/ui/ui_topnavbg.gif) repeat-x;height:26px;overflow:hidden;text-align:left;}
#topnav li{float:left;display:inline;}
#topnav li a{font-size:116%;color:#02acd8;line-height:160%;display:block;margin:2px 15px 0 20px;text-indent:-9990px;}
#topnav .nav-home{background:url(_assets/ui/ui_topnav.gif) 0px 5px no-repeat;width:36px}
#topnav .nav-about{background:url(_assets/ui/ui_topnav.gif) -68px 5px no-repeat;width:38px}
#topnav .nav-contact{background:url(_assets/ui/ui_topnav.gif) -138px 5px no-repeat;width:70px}
#topnav .nav-recruit{background:url(_assets/ui/ui_topnav.gif) -240px 5px no-repeat;width:70px}
#topnav .nav-ad{background:url(_assets/ui/ui_topnav.gif) -342px 5px no-repeat;width:58px}
#topnav .nav-home:hover{background:url(_assets/ui/ui_topnav.gif) 0px -22px no-repeat;width:36px}
#topnav .nav-about:hover{background:url(_assets/ui/ui_topnav.gif) -68px -22px no-repeat;width:38px}
#topnav .nav-contact:hover{background:url(_assets/ui/ui_topnav.gif) -138px -22px no-repeat;width:70px}
#topnav .nav-recruit:hover{background:url(_assets/ui/ui_topnav.gif) -240px -22px no-repeat;width:70px}
#topnav .nav-ad:hover{background:url(_assets/ui/ui_topnav.gif) -342px -22px no-repeat;width:58px}

#topnav #subscribe{float:right;display:inline;width:207px;}
#subscribe #titrku-titrku{float:left;font-size:77%;border:1px soild #cccccc;padding:2px;width:120px;margin-top:3px;}
#subscribe button {float:right;width:65px;height:23px;padding:0;margin:3px 10px 0 0;border:none;background:none;overflow:hidden;disply:block;}
#subscribe button img {padding:0;margin:0;border:none;disply:block;}

/* content + post */
#content{float:left;width:522px;display:inline;padding:5px 19px;border-top:#e6e4dd solid 1px;background-color:#ffffff;}
.post{padding:22px 0 15px 0;clear:both;border-bottom:#e6e4dd solid 1px;}
.post h1{padding-bottom:5px;}
.post h1 a{color:#1e1e1e}
.post .listThumb{float:left;margin:5px 10px 5px 0;}
.post .listThumb img{display:block;}
.post .comments a{margin-left:9px;background:url(_assets/ui/ui_comment.gif) no-repeat;font-size:138.5%;font-weight:bold;height:46px;line-height:36px;float:right;text-align:center;width:44px;display:block;color:#761772;}
.post .entry{}
.post .endex{width:350px;float:left;display:inline}
.entry blockquote{font-size:93%;margin-top:20px;margin-bottom:20px;margin-left:50px;padding-left:15px;border-left:3px solid #ccc;} 
.entry h3{border-bottom:1px solid #CCCCCC;margin-top:25px;margin-bottom:5px;font-size:108%;}
.entry h3 span{font-weight:normal;}
.entry h4{margin-top:20px;color:#333333}
.entry p{color:#202020;margin:.8em 0;}
.entry dt{font-weight:bold;padding-top:5px;} 
.entry dd{margin-left:30px;width:85%}
.entry li{margin:3px 0}
.entry ul{list-style:disc;margin:5px 0 5px 30px;color:#202020;display:block}
.entry ul ul{list-style:square;margin:0 0 0 20px}
.entry ol{list-style:decimal;margin:5px 0 5px 30px;color:#202020;}
.entry ol ol{list-style:lower-latin;margin:0 0 0 20px}
.entry .alignleft{margin-right:10px;margin-bottom:8px}
.entry .alignright{margin-left:10px;margin-bottom:8px}
.entry .aligncenter{display:block;margin:10px auto;}
.entry .wp-caption{border:1px solid #CCCCCC;background-color:#e4e4e4;-moz-border-radius:3px;-webkit-border-radius:3px;padding:3px;text-align:center;font-size:77%;}
.entry .addthis_container{margin-top:4px;clear:both;}
	/* image */
.entry img{border:1px solid #CCCCCC;background-color:#e4e4e4;-moz-border-radius:4px;-webkit-border-radius:4px;padding:5px;}
.entry .wp-caption img{border:none;padding:0;}
.entry .addthis_container img{border:none;background-color:none;padding:0;}
/* post on index */
.endex img,.endex .wp-caption{display:none}
.endex .addthis_container {width:93px;}
.endex .addthis_container img{display:block;}
.endex blockquote{font-size:93%;margin-top:20px;margin-bottom:20px;margin-left:20px;padding-left:15px;border-left:3px solid #ccc;}

/* post_ad */
.post_ad {border:1px solid #CCCCCC;margin:10px auto;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}


/* Comments */
#comments{background:#ededed;padding:25px 25px;border:1px solid #dcdddd;margin-bottom:30px;}
#comments a{text-decoration:none;}
#comments_wrap .get_avatar{color:#a7a7a7;font-size:10px;letter-spacing:-1px;padding-top:10px;}
#comments ol.parent{padding-bottom:25px;}
#comments ol{margin:0px;padding:0px;padding-left:70px;}
#comments ol li{list-style:none;padding:0px;margin:10px 0px;padding-top:1px;}
#comments span.comment-reply{position:absolute;bottom:10px;left:20px;font-size:10px;text-transform:uppercase;}
#comments .comment_wrap{position:relative;background:#fff;border:1px solid #dcdddd;}
#comments .single_comment{padding:10px;padding-bottom:60px;}
#comments .comment_author{position:absolute;left:-70px;width:60px;color:#8d8d8d;font-size:10px;line-height:14px;}
#comments .comment_author span{display:block;}
#comments .children{padding-left:0px;border-left:1px solid #ced0d0;}
#comments .children li{padding-left:25px;background:url(images/comment_li_bg.gif) no-repeat 0px 25px;}
#comments .children .comment_wrap{background:#f8f8f8;border:1px solid #d3d5d5;}
#comments .children .comment_arrow{display:none;}
#comments .children .comment_author{position:absolute;left:auto;right:20px;bottom:10px;width:200px;height:40px;}
#comments .children .comment_author p{position:absolute;right:50px;bottom:-8px;text-align:right;}
#comments .children .comment_author span{display:block;}
#comments .children .comment_author img{width:40px;height:40px;float:right;}
/* Comments Form */
#comment{width:100%}
#respond{position:relative;}
#comments .comment_form_wrap{position:relative;padding-left:120px;}
#comments .parent .comment_form_wrap{position:relative;padding-left:0px;}
#comments .textarea_arrow{position:absolute;top:25px;left:89px;}
#comments .children .textarea_arrow,
#comments .parent .textarea_arrow{display:none;}
#comments .comment_form_wrap .comment_author{position:absolute;left:0px;}
#comments .children .comment_form_wrap{position:relative;padding-left:0px;}
#comments .children .comment_form_wrap .comment_author,
#comments .parent .comment_form_wrap .comment_author,
#comments .children .form_header,
#comments .parent .form_header{display:none;}
#comments .input{width:456px;padding:4px 5px;background:#fff;border:1px solid #ced0d0;color:#5f6565;font-family:Tahoma, Arial, Helvetica, sans-serif;display:block;margin-bottom:10px;}
#comments .children .input{width:431px;}
#comments .textarea{padding-top:20px;padding-left:20px;width:448px;max-width:468px;height:135px;font-size:12px;}
#comments .children .textarea{width:423px;}
#comments #submit_comment{width:12.0em;height:3.0em;float:right;margin-right:7px;margin-top:10px;}
#wpUserLinks_form #submit_comment{width:12.0em;height:3.0em;margin-top:10px;}
#comments .inputerror{border-color:#555;}

/* sidebar */
#sidebar{float:left;width:199px;display:inline;padding:5px 17px;background-color:#e5e5e5!important;}
#sidebar .widget{padding:15px 0;border-top:1px solid #959595;}
#sidebar h2{font:85%;color:#585858;font-weight:normal;}
#sidebar ul{margin:0;}
#sidebar ul li ul{list-style:disc;margin-left:16px;font-size:85%;}
#sidebar ul li ul li, #sidebar ul li ul li a{color:#00cbff;text-decoration:none}
#sidebar ul li ul li a:hover{text-decoration:underline}
	/*follow*/
#sidebar #text-6 {border:none;}
#sidebar #text-6 ul {list-style:none;margin:0;padding:0;}
#sidebar #text-6 li {float:left;}
#sidebar #text-6 .twitter{background:url(_assets/ui/icons_follow.gif) 0 0 no-repeat;width:36px;height:36px;display:block;margin:10px;}
#sidebar #text-6 .facebook{background:url(_assets/ui/icons_follow.gif) 0 -50px no-repeat;width:36px;height:36px;display:block;margin:10px;}
#sidebar #text-6 .rss{background:url(_assets/ui/icons_follow.gif) 0 -100px no-repeat;width:36px;height:36px;display:block;margin:10px;}
	/*search*/
#sidebar .widget_search{clear:both;}
#sidebar .widget_search label{display:none;}
#sidebar .widget_search #s{width:155px}
#sidebar .widget_search #searchsubmit{text-indent:-9999px;width:28px;height:22px;background:url(_assets/ui/search_button.gif) no-repeat;border:none;padding:0;margin:0}
	/* AdUnit */
#sidebar #sidebar_ad {width:160px;margin:0 auto;}

/* footer */
#footer{color:#cccccc;padding:16px 13px 8px 13px;background:#515151 url(_assets/ui/ui_footerbg.gif) top no-repeat;}
#footer h2{font-size:93%;font-weight:normal;color:#0099cc;}
#footer ul .widget{border-right:1px solid #ff33ff;height:180px;overflow:hidden;}
#footer ul li{display:inline;float:left;}
#footer ul li ul, #footer ul li div{display:block;}
#footer ul li ul li{font-size:85%}
#footer cite{text-align:right;font-size:77%;font-style:normal;display:block}
	/* Recent comments */
#footer #get-recent-comments{width:175px;padding-right:25px;}
#footer #get-recent-comments li {display:block!important;margin:2px 0;}
	/* flickr CSS */
#footer #text-3{width:160px;padding:0 16px;}
#footer #flickr_div img{padding:1px;border:1px solid #CCCCCC;margin:4px;width:40px;height:40px}
	/* about us */
#footer #text-4{width:140px;padding:0 16px;}
	/* site nav */
#footer #text-5{float:right;width:183px;padding:0 0 0 16px;border:none!important;background:url(_assets/ui/logo_homoholic_footer.gif) bottom no-repeat}
#footer #text-5 li{float:none;display:block;}