body{
	margin:0;
	color:#000;
	background:#403a33 url(../../img/heylog/bg-body.gif) repeat-x;
	font:12px Arial, Helvetica, sans-serif;
	min-width:974px;
}
h3 { font-size:14px; }
.page-center {width:974px; margin:0 auto; padding:0; position:relative;}
img{
	border-style:none;
} 
a{
	text-decoration:none;
	outline:none;
}
a:hover{text-decoration:underline;}
form,fieldset{
	margin:0;
	padding:0;
	border:0;
}
ul{
	margin:0;
	padding:0;
	list-style:none;
}
#wrapper{
	margin:0 auto;
	overflow:hidden;
	/*width:974px;*/
    width:100%;
}
#header{
	width:100%;
	position:relative;
	z-index:100;
}
#header:after {
	content:"";
	display:block;
	clear:both;
}
.logo{
	margin:0;
	float:left;
	width:268px;
	/*height:92px;*/
	overflow:hidden;
	background:url(../../img/heylog/heylog-logo.png) no-repeat 16px 10px;
	margin:4px 0 0;
}
.logo a{
	display:block;
	text-indent:-9999px;
	width:268px;
	height:57px; /*height:92px;*/
	position:relative;
}
#nav{
	float:left;
	margin:30px 0 0 -60px; /*68px;*/
}
#nav li{
	float:left;
	position:relative;
	margin-right:0; /*8px;*/
	height:33px;
}
#nav li a{
	color:#fff;
	font:bold 14px/33px Arial, Helvetica, sans-serif;
	display:block;
	height:33px;
	float:left;
	/*padding:0 17px;*/
	padding:0 12px;
}
#nav li a span{
	background:none;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	padding-right:2px;
	background:url(../../img/heylog/bg-message-l.gif) no-repeat 0 -15px;
}
#nav li a em{
	background:none;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	padding:0 7px 0 1px;
	background:url(../../img/heylog/bg-message-r.gif) no-repeat 100% -15px;
}
#nav li:hover a span,
#nav li.hover a span{
	background:url(../../img/heylog/bg-message-l.gif) no-repeat 0 0;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	padding-right:2px;
}
#nav li:hover a em,
#nav li.hover a em{
	background:url(../../img/heylog/bg-message-r.gif) no-repeat 100% 0;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	padding:0 7px 0 1px;
	color:#fff;
}
#nav li a:hover{
	background:url(../../img/heylog/bg-nav-li.gif) repeat-x;
	text-decoration:none;
}
#nav li .drop{
	width:222px;
	border:1px solid #555;
	display:none;
	position:absolute;
	padding:3px 0 0;
	top:33px;
	left:0;
	background:#fff;
	overflow:hidden;
}
#nav li ul{
	width:222px;
	background:url(../../img/heylog/bg-drop.gif) no-repeat;
	float:left;
	margin-top:-3px;
	padding:8px 0;
}
#nav li ul li{
	float:none;
	border:none;
	width:222px;
	margin:0;
	height:21px;
	vertical-align:top;
}
#nav li:hover .drop,
#nav li.hover .drop{
	display:block;
}
#nav li:hover a,
#nav li.hover a{
	background:url(../../img/heylog/bg-nav-li.gif) repeat-x;
}
#nav li:hover ul li a,
#nav li.hover ul li a{
	font:bold 13px/20px Arial, Helvetica, sans-serif;
	color:#5d5d5d;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	text-decoration:none;
	background:none;
	width:192px;
	padding:0 15px;
	display:block;
	height:21px;
}
#nav li:hover ul li a:hover,
#nav li.hover ul li a:hover {
	color:#fff;
	border-top:1px solid #797979;
	border-bottom:1px solid #797979;
	background:#a4a3a3;
}
.settings{
	float:right;
	margin:31px 20px 0 0;
	height:20px;
}
.settings li{
	height:19px;
	padding:6px 15px 6px 36px;
	background:url(../../img/heylog/bg-settings.gif) no-repeat 12px 6px;
	position:relative;
	z-index:100;
	float:left;
}
.settings li:hover,
.settings li.hover{
	background:#555 url(../../img/heylog/bg-settings-hover.gif) no-repeat 12px 6px;
}
.settings li a{
	font:bold 12px Arial, Helvetica, sans-serif;
	height:20px;
	float:left;
	color:#fff;
    line-height:19px;
}
.settings li a:hover{
	text-decoration:none;
}
.settings li .drop{
	width:222px;
	border:1px solid #555;
	display:none;
	position:absolute;
	padding:3px 0 0;
	top:31px;
	/*left:-126px;*/
    right:0;
	background:#fff;
	overflow:hidden;
}
.settings li ul{
	width:222px;
	background:url(../../img/heylog/bg-drop.gif) no-repeat;
	float:left;
	margin-top:-3px;
	padding:8px 0;
}
.settings li ul li{
	float:none;
	border:none;
	width:222px;
	margin:0;
	padding:0;
	height:21px;
	vertical-align:top;
	background:none;
}
.settings li ul li:hover,
.settings li ul li:hover{
	background:none;
}
.settings li:hover .drop,
.settings li.hover .drop{
	display:block;
}
.settings li:hover a,
.settings li.hover a{
	background:url(../../img/heylog/bg-nav-li.gif) repeat-x;
}
.settings li:hover ul li a,
.settings li.hover ul li a{
	font:bold 13px/20px Arial, Helvetica, sans-serif;
	color:#5d5d5d;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	text-decoration:none;
	background:none;
	width:192px;
	padding:0 15px;
	display:block;
	height:21px;
}
.settings li:hover ul li a:hover,
.settings li.hover ul li a:hover{
	color:#fff;
	border-top:1px solid #797979;
	border-bottom:1px solid #797979;
	background:#a4a3a3;
}
.logged{
	position:absolute;
    top:10px;
	/*top:76px;*/
	right:33px;
}
.logged, .logged a{
	/*color:#00b4ff;*/
    color:white;
	font:11px Arial, Helvetica, sans-serif;
}
#main{
	background:#d7d7d7 url(../../img/heylog/bg-main.gif) repeat-x;
	/*width:974px;*/
    width:100%;
	padding-bottom:18px;
}
#main:after{
	content:"";
	display:block;
	clear:both;
}
#content{
	float:left;
	width:703px;
	margin-left:16px;/*25px;*/
	display:inline;
	padding-bottom:17px;
}
#sidebar{
	width:239px;
	float:left;
}
h2, #content .profile, #content .profile a{
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#bbb;
	margin:25px 0 0; /* 40px */
}
#content .profile a{
    color:#999;
}
.navbar{
	float:right;
	margin:-20px 0 0 0;
}
.navbar li{
	float:left;
	background:url(../../img/heylog/bg-navbar-right.gif) no-repeat 100% 0;
	margin-right:6px;
	height:20px;
	overflow:hidden;
	display:inline;
}
.navbar li span{
	background:url(../../img/heylog/bg-navbar-left.gif) no-repeat;
	height:20px;
	display:block;
	padding:0 5px 0 7px;
	float:left;
}
.navbar li a{
	font:bold 12px/23px Arial, Helvetica, sans-serif;
	padding-left:20px;
	color:#454545;
}
.navbar li a.no-icon{
	padding-left:0px;
}
.navbar li a.following{
	background:url(../../img/heylog/bg-following.gif) no-repeat;
}
.navbar li a.pm{
	background:url(../../img/heylog/bg-pm.gif) no-repeat;
}
.navbar li a.comment{
	background:url(../../img/heylog/bg-comment.gif) no-repeat;
}
.blog {
	width:703px;
	background:url(../../img/heylog/bg-blog.gif) repeat-y;
}
.blog .holder {
	background:url(../../img/heylog/bg-blog-t.gif) no-repeat;
	padding-top:5px;
}
.blog .frame{
	background:url(../../img/heylog/content-b.gif) no-repeat 0 100%;
	overflow:hidden;
	width:697px;
	padding:0 3px 0 3px;
    min-height:800px;
}
.blog .news{
	width:100%;
	overflow:hidden;
	position:relative;
	padding:17px 0 25px;
	border-bottom:1px solid #ccc;
	z-index:1;
}
.blog .news-short {
    padding:10px 0 12px 0;
}
.blog .frame .img-holder{
	width:315px; /*278px;*/
	text-align:center;
	float:left;
}
.blog .frame .img-holder-detail{
	text-align:center;
	float:center;
}
.blog .post{
	float:left;
	overflow:hidden;
	padding:0 0 78px 4px;
	width:370px;/*407px;*/
}
.blog .post-short {
    padding-bottom:0;
    width:523px;
}
.blog .post-detail{
	float:center;
	overflow:hidden;
	padding: 0px 20px 0 20px;
}
.blog .title{
	width:100%;
	overflow:hidden;
	padding-bottom:8px;
}
.blog .post .title {
	border-bottom:1px solid #eee;
}
.blog .title strong{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#353535;
}
.blog .title strong span, .blog .title strong a, .blog .frame a,.text-content a, .box-content a{
	color:#02a4ee;
	font-weight:bold;
}
.box-content a.awesome { color:white; }
.blog .title .ago, .info .ago{
	float:right;
	font:12px Arial, Helvetica, sans-serif;
	color:#746d6d;
    margin-left:10px;
}
.blog .picture-short-text {
    margin-bottom:12px;
}
.blog .comments{
	width:360px;/*395px;414px;*/
	/*overflow:hidden;*/
	border-top:1px solid #eee;
	position:absolute;
	bottom:17px;
	right:20px; /* 4 */
	/*height:85px*/
}
.blog .comments strong{
	font:12px Arial, Helvetica, sans-serif;
	color:#746d6d;
	display:block;
	padding:5px 0 3px;
}
.blog .comments .list{
	float:left;
	position:relative;
}
.blog .comments .list li{
	float:left;
	margin-right:10px;
}
.blog .comments .list li a:hover span{
	text-decoration:underline;
}
.blog .comments .list li span{
	display:block;
	font:bold 10px/14px Arial, Helvetica, sans-serif;
	color:#02a4ee;
	text-align:center;
}
.blog .comments .list li a{
	font:bold 10px/14px Arial, Helvetica, sans-serif;
	color:#02a4ee;
}
.blog .comments .more{
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#02a4ee;
	float:right;
	margin-top:40px;
	display:inline;
}
.blog .comments .more-short {
    position:absolute;
    text-align:right;
    margin-top:-40px;
    right:0px;
    bottom:8px;
    width:150px;
    line-height:1.2em;
}
.blog .comments-short { width:auto; border-top:0; }
.add-box{
	background:url(../../img/heylog/bg-add.gif) repeat-x;
}
.blog .add-news{
	width:100%;
	overflow:hidden;
	position:relative;
	padding:8px 0px;
	border-bottom:1px solid #ccc;
	z-index:1;
}
.blog .add-news .post{
	float:left;
	overflow:hidden;
	padding:0 0 47px 4px;
	/*width:407px;*/
    width:370px;
}
.blog .add-news .user{
	float:left;
	overflow:hidden;
	padding:0 0 4px 4px;
	width:407px;
}
.blog .add-news .post .comments{
	width:374px; /*414px;*/
	overflow:hidden;
	border-top:1px solid #eee;
	position:absolute;
	bottom:-4px;
	right:5px;
	height:40px;
}
.blog .add-news .post .comments .more{
	margin-top:9px;
}
.add-news .avatar{
	display:block;
	/*float:right;*/
	text-align:center;
	color:#02a4ee;
	font:bold 12px Arial, Helvetica, sans-serif;
}
.add-news .avatar img{
	display:block;
    /*margin: 0 auto;*/
}
.item-list{
	margin:0 0 5px;
	/*width:100%;*/
	overflow:hidden;
    position:relative;
}
.item-list li{
	float:left;
	margin-right:3px;
}
.item-list li a{
	color:#02a4ee;
	font:bold 12px Arial, Helvetica, sans-serif;
}
.item-list li span.arrow{
	display:block;
	background:url(../../img/heylog/arrow.gif) no-repeat;
	width:23px;
	height:13px;
}
.item-list li span.preview-text{
    overflow:hidden;
    position:absolute;
    white-space:nowrap;
    margin-left:10px;
    color:#999;
}
.news .avatar{
	display:block;
	float:right;
	text-align:center;
	color:#02a4ee;
	font:bold 12px Arial, Helvetica, sans-serif;
}
.news .avatar img{
	display:block;
}
.info{
	/*width:348px;*/
	float:left;
	overflow:hidden;
}
.post p{
	color:#746d6d;
	font:12px Arial, Helvetica, sans-serif;
	text-align:left;
	margin:15px 0 0;
}
.post-short p { margin:0 0 24px; }
.more-news{
	display:block;
	width:685px;
	text-align:right;
	padding:12px 12px 12px 0;
}
.more-news a{
	font:18px Arial, Helvetica, sans-serif;
	color:#a1a1a1;
}
.search-form{
	margin:10px 0 20px; /*27px;*/
}
.row{
	overflow:hidden; 
	width:236px;
}
#search-row {
    position:relative;
}
.search{
	float:left;
	width:163px;
	height:25px;
	overflow:hidden;
	background:url(../../img/heylog/bg-input.gif) no-repeat;
	padding:0 5px 0 5px;
}
.search input[type="text"]{
	width:153px;
	height:17px;
	padding:6px 5px 2px;
	border:none;
	background:none;
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	/*text-transform:uppercase;*/
	float:left;
	overflow:hidden;
	display:inline;
}
#search-text-button  {
    position:absolute;
    text-decoration:none;
    /*margin-left:-47px;*/
    left:185px;
    top:6px;
    font-size:11px;
    #left:136px;
    #top:5px;
}
.button{
	float:left;
}
.box-holder{
	width:239px;
	background:url(../../img/heylog/bg-sidebar-box.gif) repeat-y;
}
.box{
	width:100%;
	overflow:hidden;
    padding-bottom:16px;
}
.box-holder h3{
	background:url(../../img/heylog/bg-h3-sidebar.png) no-repeat;
	margin:0;
	font:11px/33px Arial, Helvetica, sans-serif;
	color:#fff;
	width:225px;
	height:33px;
	overflow:hidden;
	padding-left:14px;
    text-transform:uppercase;
    white-space:nowrap;
}
.box-holder h3 a {
	font:bold 12px Arial, Helvetica, sans-serif;
    color:#fff;
}
.box-content { margin:0 30px 0 10px; overflow:hidden; }
.box-content p { line-height:1.4em; }
#sidebar .messages{
	background:url(../../img/heylog/bg-h3.png) no-repeat;
	margin:0;
	font:12px/27px Arial, Helvetica, sans-serif;
	color:#fff;
	width:225px;
	height:30px;
	overflow:hidden;
	padding-left:14px;
}
.shadow{
	display:block;
	width:233px;
	height:3px;
	background:url(../../img/heylog/sidebar-shadow.png) no-repeat;
	overflow:hidden;
}
.users{
	overflow:hidden;
	padding:0 0 0 11px;
	/*width:100%;*/
    width:200px;
}
.users li{
    /*margin:7px 0 3px;*/
	float:left;
    margin:7px 5px 3px 0;
    height:36px;
}
.users li img{
	display:block;
}
.users li a{
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#0aa6ee;
	text-align:center;
}
.users li a span{
	display:block;
	text-align:center;	
}
.users li a:hover span{
	text-decoration:underline;
}
.message{
	display:block;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#433d36;
	padding:4px 0 0 15px;
}
.message a{
	background:url(../../img/heylog/bg-mail.gif) no-repeat 100% 50%;
	padding-right:23px;
	color:#433d36;
}
.text-box{
	width:179px;
	margin:12px 0 0 27px;
	padding-bottom:16px;
}
.text-box .frame{
	width:100%;
	border-bottom:2px solid #9adbf8;
	overflow:hidden;
}
.text-box .trending-frame{
	width:100%;
	overflow:hidden;
}
.text-box .frame a, .text-box .trending-frame a{
	float:left;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#02a4ee;
	margin-left:0px;
	display:inline;
}
.text-box .frame span{
	float:right;
	font:10px Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	margin-right:0px;
	display:inline;
}
.text-box p{
	font:10px Arial, Helvetica, sans-serif;
	margin:9px 0 0 0;
}
.text-box p, .text-box p a{
	color:#7f7f7f;
}
#sidebar .image-holder{
	margin:38px 0 0 40px;
}
#footer{
	clear:both;
	width:911px;
	height:195px;
	background:#fff;
	border:1px solid #efefef;
	margin:0 auto;
}
.copy{
	width:100%;
}
.copy p{
	text-align:right;
	margin:14px 0 11px;
	font:10px/10px Arial, Helvetica, sans-serif;
	color:#00b4ff;
}
.w-holder{
	height:57px;
	background:url(../../img/heylog/bg-holder.gif) repeat-x;
    padding-top:1px;
}
.w-holder p { margin:10px 0 0 0; padding:10px; color:white; font-size:11px; }
.w-holder a { color:#fff; }
.w-holder p.right { float:right; }
.w-holder form.left { float:left; margin:10px 0 0 20px; padding:10px 0; }
.w-holder form.left { #margin-left:5px; }


.vignetting-image-holder {
margin: 0 auto;
#margin:0;
position:relative;
#display:inline; /* breaks rounded edges in IE 7 but allows to click on the image */
#position:static;
}
#sidebar .vignetting-image-holder {
    margin:0;
}

.overlayed-small-picture {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../img/bg-picture-comment.png) no-repeat scroll 0 0;
bottom:0;
height:40px;
padding:5px;
position:absolute;
right:0;
width:62px;
}

.overlay-size-avatar { width:30px; height:30px; }

.rc-tl, .rc-tr, .rc-bl, .rc-br, .rc-brl, .rc-bru {
background-image:url(../../img/rounded-corners.png);
height:5px;
overflow:hidden;
position:absolute;
width:5px;
}
.rc-tl {
background-position:-5px -5px;
left:0;
top:0;
}
.rc-tr {
background-position:0 -5px;
right:0;
top:0;
}
.rc-bl {
background-position:-5px 0;
bottom:0;
left:0;
}
.rc-br {
background-position:0 0;
bottom:0;
right:0;
}
.rc-brl {
background-position:0 0;
bottom:0;
}
.rc-bru {
background-position:0 0;
right:0;
}

/* end heylog */

.twitter-login-button { display:block; background:transparent url(../../img/signin_twitter.png) no-repeat scroll 0 0; height:22px; width:150px; margin:0 auto; padding:0; text-indent:-9999px; overflow:hidden; }
.twitter-login-button:hover { background-position:0 -24px; }
.twitter-login-button:active { background-position:0 -48px; }
.text-content { margin:0 20px; }
.text-content h1 { margin:24px 0; font-size:24px; color:#666; }
.text-content h2 { margin-top:24px; font-size:16px; color:#666; }
.text-content h3 { padding:0; margin:12px 0 6px 0; font-size:16px; color:#666; }
.text-content p { color:#666; }

.splash { padding:1px; border:0px solid #ccc; background-color:#e3e3e3; margin:20px; padding:20px 40px; }
.splash h1 { color:#888; margin:0; font-size:18px; text-shadow: 1px 1px 1px #fff;}
.splash p { margin:16px 0 0 0; }
.splash p { color:#666; font-weight:normal; }
.splash .close-link { color:#666; float:right; }
#content .splash a { color:#444; font-weight:bold; }
#main-splash p, #content #main-splash a { color:#666; font-weight:normal; }

/*#comment { background-color:#eee; }*/

.comment-action-links { line-height:1.6em; }
.comment-action-links a { border-bottom:1px dotted #02A4EE; }
.comment-action-links a:hover { text-decoration:none; }

.bigger { font-size:14px; }
.help-text { color:#999; font-weight:normal; }

#content ul.format li {
    margin:10px 20px;
    color:#666;
    list-style-type:circle;
}

#content ul.li {
    margin:10px 0;
}

#content ul.li li {
    margin:4px 20px;
    color:#666;
    list-style-type:circle;
}

.jqmWindow {
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;

    padding:12px 24px !important; /* included before jqModal */
    z-index:10000 !important;
    background-color:#FFFFFF !important;
    border:6px solid #CCCCCC !important;
    top:7% !important;
    max-height:450px;
    overflow:auto;
}

.jqmWindow h2 {
    font-size:16px;
    color:#666;
    margin:12px 0;
}
.jqmWindow a {
    color:#666;
}
.jqmWindow a.awesome {
    color:#fff;
}
.jqmWindow .close a {
    color:black;
}

.space-left { margin-left:20px; }
#nav .space-left { margin-left:40px; }

#infobox { margin:6px auto; text-align:center; width:440px; }
#infobox .input_direct_link { width:200px; border:1px solid #ddd; padding:2px; }
.blog .picture-short-text,
.blog .comment-short-text,
.blog .post-detail {
    color:black; font-size:14px;
}
.avatar-right { float:right; margin-left:12px; }
.no-float { float:none; }

#fb-invite-friends-button {
    margin:12px 0 0 0;width:300px;
}

#fb-invite-title { padding-bottom:5px; }

#content .bigger-text ul.format li, #content .bigger-text p { font-size:14px; color:black; }

.timestamp { margin-right:20px; margin-top:9px; }

.follow-activity { margin-top:-36px; margin-bottom:-4px; }
.follow-activity a.avatar { display:block; }
.follower-item .avatar { display:block; }
.follower-item { /*position:relative;*/ margin-left:100px; clear:both; height:52px; }
.follower-item .avatar-image, .follow-activity .avatar-image { float:left; }
.follower-item .avatar-text, .follow-activity .avatar-text { /*line-height:40px;*/ padding-top:8px; margin-left:60px; text-align:left; overflow:hidden; white-space:nowrap; }
.follower-item .avatar-text { margin-left:80px; width:140px; }
.follower-item .follow-text, .follow-activity .follow-text { line-height:40px; vertical-align:middle; }
.follower-item input[type="checkbox"] { float:left; margin:14px 12px 0 0; }
/*.follower-item .follow-button { position:absolute; margin:-27px 0 0 250px; #margin-left:0px; }*/
.follower-item .follow-button { position:relative; top:-11px; #top:-35px; }
.follower-item a { /*margin-left:20px;*/ width:220px; }
.follower-item span.avatar .avatar-text { color:black; }
#followers-list { max-height:300px; overflow:auto; #overflow:visible; #max-height:none; border:1px solid #ccc; margin:0 20px; }
#image-preview-box { margin:12px 0; background-color:#f9f9f9; border:1px solid #ccc; width:480px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:10px 0 18px 0; }
#image-preview-box h2 { color:#999; margin:0; padding:0; font-size:16px; }
#image-preview-box p { margin:0 0 12px 0; padding:0; }
#image-preview-box a { text-decoration:underline; font-weight:normal; color:black !important; }
#image-preview-box a:hover { text-decoration:none; }


hr { border:0; height:1px; background-color:#ccc; margin:24px 18px 0 18px; }

/*#nav .upload-button a { background-color:white; color:black;}*/
#nav .upload-button a { background-color:#0787cf; }
#nav .upload-button { margin-right:10px; }

div.follow-container { margin:24px 16px 16px 0; }
.follow-button span.follow { background:url(../../img/heylog/follow-star-dark.png) 0 1px no-repeat; padding:0 0 0 20px; }
.follow-button:hover { text-decoration:none; }
.blog div.follow-small a { color:white; width:80px; }
.follow-small a { color:white !important; width:80px !important; }

a.unblock-link, a.block-link { color:#666 !important; display:block; margin-top:6px; font-size:10px; }

.popup-user-list p .awesome { color:white !important; }
.popup-user-list a.avatar {
    float:left;
    clear:both;
    margin-bottom:12px;
}
.popup-user-list a.avatar {
	display:block;
	text-align:center;
	color:#02a4ee;
	font:bold 12px Arial, Helvetica, sans-serif;
}
.popup-user-list a.avatar img {
	display:block;
}
.popup-user-list .follow-small a { margin:8px 0 0 0; position:static; }

.picture-like-container { display:inline; margin-left:20px; }
.picture-who-likes-container { text-align:center; margin:8px 0 10px 0; }

.n-likes { color:#746D6D; font-weight:normal; }
.feed-like-button { margin-top:6px; }

#signup-friends .follower-item { margin-left:0; }
#signup-friends { float:right; width:250px; margin:20px 20px 0 0; padding:12px 0; background-color:#def; }
#signup-friends h2 { margin-top:0; }

.activity-field img { float:left; }
.activity-field h2 { margin-left:45px; }

/*.avatar-additional-text { color:#999; left:0; margin:28px 0 0 80px; position:absolute; }*/
.avatar-text span { color:#999; font-weight:normal; text-decoration:none; }


/* signup follow */
.followers-list { height:320px; overflow:auto; /*#overflow:visible; #max-height:none;*/ border:1px solid #ccc; }
.friends-col1 { width:316px; float:left; margin:0 20px 20px 20px; }
.friends-col2 { width:316px; float:left; margin:0 20px 20px 0; }
.followers-list .container { padding:0 16px; }
.followers-list .check-container { margin-top:6px; }
.followers-list .container h2 { margin:12px 0 0 0; font-size:14px; }
.followers-list .container .follower-item { margin-left:0; height:52px; }

#content #twitter-invite-splash { background-color:#02a4ee; cursor:pointer; }
#content #twitter-invite-splash h1 { color:white; text-shadow:1px 1px 0 #666; margin-bottom:12px; }
#content #twitter-invite-splash p a { color:white; }

#content #contest-splash { background:#02a4ee url(../../img/heylog/smile-contest/banner.jpg) no-repeat; cursor:pointer; height:46px;  }
#content #contest-splash h1 { color:white; text-shadow:1px 1px 0 #666; margin-bottom:12px; margin-left:100px; margin-top:-4px; line-height:26px; }
#content #contest-splash a { color:white; }
#content #contest-splash:hover h1 a { text-decoration:underline;  }

.invite-image-teaser { text-align:center; margin-bottom:36px; }
.invite-image-teaser .odd { float:left; clear:both; width:320px; margin-top:12px; }
.invite-image-teaser .even {  float:left; width:320px; margin-top:12px; }

.login-action-block .login-action-buttons { background-color:#def; padding:6px; width:260px; margin:0 auto; border:1px solid #ccc; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; margin:0 auto; }


/* MISC CLASSES */
.bluetext { color:#02A4EE !important; }
a.textlink { color:inherit !important; #color:#000 !important; font-weight:inherit !important; #font-weight:normal !important; }
a.textlink:hover { text-decoration:none; color:#444 !important; }


/* EMAIL CONFIRMATION */
#email-warning { background-color:#f99; border:1px solid #c00; }
#email-note { background-color:#ff9; border:1px solid #dd6; }
#email-note h3 { display:inline; }
#email-note p { display:inline; margin-left:6px; }
.email-confirm { margin:0 12px -6px 12px; padding:10px 16px; }
.email-confirm h3 { margin:0; }
.email-confirm p { margin-bottom:0; }
.email-confirm a { color:black; }
.email-confirm a { text-decoration:underline; }


/* CONTEST */
#submit_to_contest { border:1px solid #ccc; background-color:#ffb; padding:6px 20px; }
#submit_to_contest h3 { margin:6px 0; }
#submit_to_contest p { margin:6px 0; }
#submit_to_contest p.small { color:#666; font-size:10px; }

/* TOOLTIP */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #999;
	background-color: #f9f9f9;
	padding: 5px;
	opacity: 0.85;
    max-width:240px;
    font-size:12px;
}
#tooltip h3, #tooltip div { margin: 0; }


/* NOTIFICATIONS */
.box-notification { background-color:#eee; margin:5px; padding:5px; }
.notification { margin:5px 0; padding: 10px; background-color:#eee; }
.notification.seen { background-color:#f9f9f9; color:#333; }
.notification.seen a { color:#666; font-weight:normal; }
/*.box-notification a { display:block;  color:black; }
.box-notification a:hover { text-decoration:none; }*/


/* CONTENT HEADER */
.content-header { border-bottom:1px solid #ccc; background-color:#def; margin:0; }
.content-header h2 { margin:12px 20px; float:left; }
.content-header p { float:right; margin:14px 20px; }
#contest-header { background-color:black; }
#contest-header p { color:#fff; float:none; display:block;  }
#contest-header h2 a { color:#fff; display:block; padding:12px 0 6px 120px; }
#contest-header h2 { margin:0; float:none; }
#contest-header p.explanation { font-size:10px; color:#cef; }
#contest-header p.explanation a { text-decoration:underline; font-weight:normal; }
#contest-header p { margin:0; margin:0 20px 12px 120px; }
#contest-header p a { color:#fff; margin:0 4px; }
#contest-header p strong { color:#000; background-color:#fff; padding:4px; margin:0 4px; }
#contest-header { background:#02a4ee url(../../img/heylog/smile-contest/banner-smile.jpeg) no-repeat; }

/* PICTURES NAVIGATION */
#id_pictures_navigation_loading, #id_pictures_navigation { text-align:center; left:250px; right:250px; position:absolute; top:10px; }
.img-holder-detail a img { cursor:pointer; }

/* REPORT */
a.report-button { color:#999 !important; font-weight:normal !important; font-size:10px !important; text-decoration:underline !important; }
a.report-button:hover { text-decoration:none !important; }