/*

	project: happy template

	author: luka cvrk (www.solucija.com)

*/

.tempLoader{
	display:none;
}

*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}a img{border:0} 

body { font: .9em Verdana, Arial, Sans-Serif; background: #62AFCB url(../images/bg.jpg) repeat-x; color: #306172; }

a { color: #3A65A8; text-decoration: underline; }
a:hover{
	text-decoration:none;
}

h1 { font-size: 2.9em; font-weight: normal; }

h2 {text-transform: lowercase; clear: both; font-size: 2.4em; margin: 0 0 20px; font-weight: normal; color: #CB6F9C; background: url(../images/h2bg.jpg) repeat-x bottom; }

h3{
	font-size:12px;
	font-weight:normal;
	border-bottom:1px solid #CB6F9C;
}

.info1 h3,.info2 h3,.info3 h3{
	font-size:16px;
	margin-bottom:10px;
}

p  { clear: both; margin: 5px 0 15px; line-height: 1.7em; }

.clear { clear: both; }



li {
		margin-top: 0.2em;
	}

li img {
		border: none;
		margin-right: 0.2em;
		vertical-align: middle;
	}


.wrap { margin: 0 auto; }

#contentWrap{
	clear:both;
	background: #e8f7fc;
	
	
}

#headerWrap{
	clear:both;

	background: #e8f7fc background: url(../images/bg.jpg);
}


#header{
	width:1280px;
	margin:auto;
	position:relative;
}

#logo { float: left; margin: 40px 0 0; }

#logo a{
	text-decoration:none;
}	

#bkl{
	position:absolute;
	font-size:14px;
	top:83px;
	left:3px;
}
#search { text-transform: lowercase; float: right; height: 120px; padding: 73px 0 0 78px; width: 490px; background: url(../images/white_bubbles.jpg) no-repeat top right;position:relative; }
#search input#hashtag{
	width:380px;
	line-height:24px;
	height:24px;
	font-size:18px;
	color:#CB6F9C;
}

#captcha_div{
	position:absolute;
	width:100px;
	left:360px;
	top:50px;
	text-align:center;
}


#content { clear: both; padding: 0 0 40px; width:1280px; margin:auto; min-height:300px;position:relative;padding-top:20px;}


#hashSymbol{
	color:#CB6F9C;
	font-size:21px;
	font-weight:bold;
	position:absolute;
	top:73px;
	right:476px;
}

span.tweetText{
	color:black;
}

#content div.profile{

	background:#C8E6F1;
	display:none;
	padding:5px;
	margin-bottom:10px;
	width:290px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	
}

#content div.verified{

	background:#C8E6F1;
	display:none;
	padding:5px;
	margin-bottom:10px;
	width:290px;
	border:2px solid white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	
}

.verifiedIcon{
	text-align:center;
	color:#CB6F9C;

}

#content div.info{
	background:white;
	padding:15px;
	margin-bottom:10px;

	float:left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-right:4px;
}

#content div.info1{
	background:white;
	padding:15px;
	margin-bottom:10px;
	width:250px;
	float:left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-right:4px;
}
#content div.info2{
	background:white;
	padding:15px;
	margin-bottom:10px;
	width:400px;
	float:left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-right:4px;
}
#content div.info3{
	background:white;
	padding:15px;
	margin-bottom:10px;
	width:250px;
	float:left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

div.activityDescr{
	position:relative;
}	

div.lessUse{
	position:absolute;
	left:-10px;
	top:35px;
	font-size:10px;
}
div.moreUse{
	position:absolute;
	right:-10px;
	top:35px;
	font-size:10px;
}

div.label{
	text-align:center;
	margin-bottom:5px;
	font-weight:bold;	
}

.slider{
	margin-bottom:20px;
}

#googleAd{
	margin-bottom:10px;
	width:300px;
	margin-top:10px;
}	

#map{
	background:white;
	padding:5px;
	margin-bottom:10px;
	width:290px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

#details{
	background:white;

	padding:5px;
	margin-bottom:10px;
	width:290px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin-top:14px;
}

#whatSaid{
	background:white;
	padding:5px;
	margin-bottom:10px;
	width:580px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}


.liveWhatSaid{
	border-bottom:1px dashed #62AFCB;
	padding-bottom:5px;
	padding-top:5px;
	
	margin-bottom:5px;
	margin-top:5px;
		position:relative;
		min-height:47px;
}

#trendingHashtags,#editorsHashtags,#partyHashtags{
	background:white;
	padding:5px;
	margin-bottom:10px;
	width:290px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

#trendingHashtags div{
	margin-top:5px;
	margin-bottom:8px;
}



.center{
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
}	

#sweetLinks{
	background:white;
	padding:5px;
	margin-bottom:10px;
	width:290px;
	margin-top:13px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

#sweetLinks a{
	font-size:12px;
	color:#CB6F9C;
	line-height:1.3em;
}	

#trendingHashtags a{
	font-size:12px;
	color:#CB6F9C;
	line-height:1.3em;
}	 

#content div.col{
	width:300px;
	float:left;
	margin-right:10px;
	margin-left:10px;
	font-size:11px;
}


#content div.colspan2{
	width:600px;
	float:left;
	margin-right:10px;
	margin-left:10px;
	font-size:11px;
}

#headers{
	width:100%;
}

div.col h3{
	
}

#col4 h3{
	margin-bottom:12px;
}

#headers div.colSpan2{
	width:600px;
	float:left;
	margin-right:10px;
	margin-left:10px;
	font-size:11px;
}

#headers div.col{
	width:300px;
	float:left;
	margin-right:10px;
	margin-left:10px;
	font-size:11px;
	
	
}

#textContent {
	width:960px;
	margin:auto;
}

#more{
	font-size:11px;
	padding-top:4px;
	z-index:99;
	position:absolute;
	right:225px;
	top:12px;
	width:190px;
	height:21px;
	display:none;

}

#more a{
	border-bottom: 1px dashed;
	text-decoration:none;
}
#more a:hover{
	border-bottom: none;
}

#sort{
	font-size:11px;
	padding-top:4px;
	z-index:99;
	position:absolute;
	right:322px;
	top:12px;
	width:190px;
	height:21px;

}


#sort span{
	background:#C8E6F1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

#sort span a{
	border-bottom:1px dashed;
	text-decoration:none;
}

#subBoxes{
	position:absolute;
	left:10px;
	top:-70px;
	font-size:12px;
	max-width:740px;
}

#recentBox{
	background:white;
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	float:left;
	margin-bottom:5px;
}

#hashExplain{
	background:white;
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	clear:both;
	float:left;
	position:relative;
}

#sort span a:hover{
	border-bottom:none;
}

#sortSelect a{
	display:block;
	margin-right:5px;
}

#sortSelect{	
	background:#C8E6F1;
	padding-left:10px;
	line-height:1.4em;
	padding-top:2px;
	padding-bottom:5px;
	text-align:right;
	display:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}

#textContent ul a{
	font-size:18px;
	color:#CB6F9C;
}

.hiddenPart{
	display:none;
}

#textContent ul a:hover{
	color:#3A65A8;
}

#green_bubble { padding: 30px 0 68px 280px; height: 30px; background: url(../images/green_bubbles.jpg) no-repeat center left; }

	#green_bubble a { color: #34AE61; font-weight: bold; margin: 0 30px 0 0; }



#footer { padding: 85px 0 5px 0; background: #62AFCB url(../images/bottom.jpg) repeat-x; position:relative; }


#about{
	position:absolute;
	right:650px;
	top:100px;
	
}

#about a{
	color:white;
	font-size:24px;
}

#footerWrap{

	width:1280px;
	margin:auto;
	
	
}

	#copyright { float: left; margin: 80px 0 0; color: #9D436F; font-size: .8em; }

		#copyright p { margin: 0 0 5px; }

		#copyright a { color: #60183B; }

	#bubble { float: right;  font-size: 1.1em; font-weight: normal; color: #D46FA0; background: url(../images/pink_bubbles.jpg) no-repeat; width: 230px; height: 145px; padding: 52px 30px 0 150px; text-align: left; }
	#slogan1{
		margin-left:20px;
		margin-top:15px;
		text-align:left;
		width:220px;
	}
	#slogan2{
		margin-left:20px;
		margin-top:5px;
		text-align:right;
		width:220px;
	}
	
#searchButton{
	position:absolute;
	right:40px;
	top:72px;
}	

#stopButton{
	position:absolute;
	right:30px;
	top:72px;
	display:none;
}	

#ajax-loader{
	position:absolute;
	top:110px;
	right:60px;
	display:none;
}

.profile{
	position:relative;
}

.twitAvatar{
	position:absolute;
	right:5px;
}
	
.identList{
	
	border-top:1px dashed #62AFCB;
	margin-top:5px;
	padding-top:5px;
}


.edit_area{
	float:left;
}	

.edit_area input{
	line-height:20px;
}


#tweetOut{
	position:absolute;
	right:243px;
	top:130px;
	border-bottom:1px dashed;
	font-size:11px;
}	

#tweetOut:hover{
border-bottom:none;
}

#tweetOut a{
	text-decoration:none;
}

#login{
	position:absolute;
	left:250px;
	top:55px;
	font-size:14px;
	background:white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	padding:5px;
}	
#twitterIcon{
	position:absolute;
	left:242px;
	top:18px;
	width:40px;
	height:42px;
}

.info{
	width:400px;
	margin:auto;
	font-size:16px;
}

.info input{
	height:25px;
	font-size:16px;
}

.info label{
	line-height:26px;
}

.retweet{
	position:absolute;
	right:5px;
	top:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background:#62AFCB;
	padding:3px;
}

.retweet a{
	color:white;
	font-weight:bold;
}



	
/*---------- left aligned button ----------*/
.btn { display: block; position: relative; background: #aaa; padding: 5px; margin: 0px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url('../images/btn2.png'); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.lime { background: #bbce00; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; color: #fff; }
.btn:active { background-color: #444; color: #fff; }
.btn[class] {  background-image: url('../images/btn.png'); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.lime { border-color: #bbce00; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

/*---------- centered button ----------*/
.btnC { display: block; position: relative; background: #aaa; padding: 5px; width: 120px; margin: 0px auto; color: #fff; text-decoration: none; cursor: pointer; text-align: center; }
.btnC * { font-style: normal; background-image: url('../images/btn2.png'); background-repeat: no-repeat; display: block; position: relative; }
.btnC i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btnC span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btnC span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btnC span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btnC span,
* html .btnC i { width: 120px; text-align: center; padding: 0px; display: block; margin: 0px auto; background-image: none; cursor: pointer; }

.btnC.blue { background: #2ae; }
.btnC.green { background: #9d4; }
.btnC.lime { background: #bbce00; }
.btnC.pink { background: #e1a; }
.btnC:hover { background-color: #a00; color: #fff; }
.btnC:active { background-color: #444; color: #fff; }
.btnC[class] {  background-image: url('../images/btn.png'); background-position: bottom; }

* html .btnC { border: 3px double #aaa; }
* html .btnC.blue { border-color: #2ae; }
* html .btnC.green { border-color: #9d4; }
* html .btnC.lime { border-color: #bbce00; }
* html .btnC.pink { border-color: #e1a; }
* html .btnC:hover { border-color: #a00; }

/*---------- centered button ----------*/
.btnC2 { display: block; position: relative; background: #aaa; padding: 5px; margin: 0px auto; min-width: 100px; max-width: 490px; color: #fff; text-decoration: none; cursor: pointer; text-align: center; }
.btnC2 * { font-style: normal; background-image: url('../images/btn2.png'); background-repeat: no-repeat; display: block; position: relative; text-align: center; }
.btnC2 i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btnC2 span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btnC2 span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btnC2 span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btnC2 span,
* html .btnC2 i { width: auto; text-align: center; padding: 0px; margin: 0px auto; background-image: none; cursor: pointer; }

.btnC2.blue { background: #2ae; }
.btnC2.green { background: #9d4; }
.btnC2.lime { background: #bbce00; }
.btnC2.pink { background: #e1a; }
.btnC2:hover { background-color: #a00; color: #fff; }
.btnC2:active { background-color: #444; color: #fff; }
.btnC2[class] {  background-image: url('../images/btn.png'); background-position: bottom; }

* html .btnC2 { border: 3px double #aaa; }
* html .btnC2.blue { border-color: #2ae; }
* html .btnC2.green { border-color: #9d4; }
* html .btnC2.lime { border-color: #bbce00; }
* html .btnC2.pink { border-color: #e1a; }
* html .btnC2:hover { border-color: #a00; }

/*---------- right aligned button ----------*/
.btnR { display: block; position: relative; background: #aaa; padding: 5px; float: right; color: #fff; text-decoration: none; cursor: pointer; }
.btnR * { font-style: normal; background-image: url('../images/btn2.png'); background-repeat: no-repeat; display: block; position: relative; }
.btnR i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btnR span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btnR span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btnR span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btnR span,
* html .btnR i { float: right; width: auto; background-image: none; cursor: pointer; }

.btnR.blue { background: #2ae; }
.btnR.green { background: #9d4; }
.btnR.lime { background: #bbce00; }
.btnR.pink { background: #e1a; }
.btnR:hover { background-color: #a00; color: #fff; }
.btnR:active { background-color: #444; color: #fff; }
.btnR[class] {  background-image: url('../images/btn.png'); background-position: bottom; }

* html .btnR { border: 3px double #aaa; }
* html .btnR.blue { border-color: #2ae; }
* html .btnR.green { border-color: #9d4; }
* html .btnR.lime { border-color: #bbce00; }
* html .btnR.pink { border-color: #e1a; }
* html .btnR:hover { border-color: #a00; }



.icon-label{
    float: left;
    margin-left: 0.4em;
}

.icon {
   background: url(/images/icons/icons.png) no-repeat top left;
}

.icon-12secondstv { background-position: 0 0; } 
.icon-43people { background-position: 0 -18px; } 
.icon-43places { background-position: 0 -36px; } 
.icon-43things { background-position: 0 -54px; } 
.icon-backnetwork { background-position: 0 -72px; } 
.icon-backtype { background-position: 0 -90px; } 
.icon-barcampbrighton3 { background-position: 0 -108px; } 
.icon-barcamplondon5 { background-position: 0 -126px; } 
.icon-blipfm { background-position: 0 -144px; } 
.icon-blippr { background-position: 0 -162px; } 
.icon-bliptv { background-position: 0 -180px; } 
.icon-blogger { background-position: 0 -198px; } 
.icon-blogspot { background-position: 0 -216px; } 
.icon-brightkite { background-position: 0 -234px; } 
.icon-claimid { background-position: 0 -252px; } 
.icon-cliqset { background-position: 0 -270px; } 
.icon-cocomment { background-position: 0 -288px; } 
.icon-corkd { background-position: 0 -306px; } 
.icon-dconstruct08 { background-position: 0 -324px; } 
.icon-delicious { background-position: 0 -342px; } 
.icon-digg { background-position: 0 -360px; } 
.icon-disqus { background-position: 0 -378px; } 
.icon-djangopeople { background-position: 0 -396px; } 
.icon-dopplr { background-position: 0 -414px; } 
.icon-edenbee { background-position: 0 -432px; } 
.icon-emberapp { background-position: 0 -450px; } 
.icon-facebook { background-position: 0 -468px; } 
.icon-ffffound { background-position: 0 -486px; } 
.icon-flickr { background-position: 0 -504px; } 
.icon-fotb08 { background-position: 0 -522px; } 
.icon-fotolog { background-position: 0 -540px; } 
.icon-friendfeed { background-position: 0 -558px; } 
.icon-getsatisfaction { background-position: 0 -576px; } 
.icon-github { background-position: 0 -594px; } 
.icon-google { background-position: 0 -612px; } 
.icon-hi5 { background-position: 0 -630px; } 
.icon-huffduffer { background-position: 0 -648px; } 
.icon-identica { background-position: 0 -666px; } 
.icon-jaiku { background-position: 0 -684px; } 
.icon-joost { background-position: 0 -702px; } 
.icon-jpg { background-position: 0 -720px; } 
.icon-krop { background-position: 0 -738px; } 
.icon-lastfm { background-position: 0 -756px; } 
.icon-linkedin { background-position: 0 -774px; } 
.icon-livejournal { background-position: 0 -792px; } 
.icon-madgexlab { background-position: 0 -810px; } 
.icon-mashed08 { background-position: 0 -828px; } 
.icon-meetup { background-position: 0 -846px; } 
.icon-microformatsorg { background-position: 0 -864px; } 
.icon-mybloglog { background-position: 0 -882px; } 
.icon-mynameise { background-position: 0 -900px; } 
.icon-myopenid { background-position: 0 -918px; } 
.icon-myspace { background-position: 0 -936px; } 
.icon-mytvshows { background-position: 0 -954px; } 
.icon-netvibes { background-position: 0 -972px; } 
.icon-newsvine { background-position: 0 -990px; } 
.icon-odeo { background-position: 0 -1008px; } 
.icon-orkut { background-position: 0 -1026px; } 
.icon-picasa { background-position: 0 -1044px; } 
.icon-plaxo { background-position: 0 -1062px; } 
.icon-plazes { background-position: 0 -1080px; } 
.icon-plurk { background-position: 0 -1098px; } 
.icon-pownce { background-position: 0 -1116px; } 
.icon-profilactic { background-position: 0 -1134px; } 
.icon-readernaut { background-position: 0 -1152px; } 
.icon-seesmic { background-position: 0 -1170px; } 
.icon-slideshare { background-position: 0 -1188px; } 
.icon-smugmug { background-position: 0 -1206px; } 
.icon-soup { background-position: 0 -1224px; } 
.icon-stumbleupon { background-position: 0 -1242px; } 
.icon-technorati { background-position: 0 -1260px; } 
.icon-threadless { background-position: 0 -1278px; } 
.icon-timespeople { background-position: 0 -1296px; } 
.icon-tumblr { background-position: 0 -1314px; } 
.icon-twitpic { background-position: 0 -1332px; } 
.icon-twitter { background-position: 0 -1350px; } 
.icon-upcoming { background-position: 0 -1368px; } 
.icon-ustream { background-position: 0 -1386px; } 
.icon-viddler { background-position: 0 -1404px; } 
.icon-vimeo { background-position: 0 -1422px; } 
.icon-vox { background-position: 0 -1440px; } 
.icon-website { background-position: 0 -1458px; } 
.icon-windowslive { background-position: 0 -1476px; } 
.icon-wordpress { background-position: 0 -1494px; } 
.icon-xing { background-position: 0 -1512px; } 
.icon-yahoo { background-position: 0 -1530px; } 
.icon-yelp { background-position: 0 -1548px; } 
.icon-yiid { background-position: 0 -1566px; } 
.icon-youtube { background-position: 0 -1584px; } 

#sprite-icons1 .icon, #sprite-icons2 .icon, #sprite-icons3 .icon, #sprite-icons4 .icon, .profile-list .icon{
    width: 16px;
    height: 16px;
    float: left;
    margin: 0.1em 0 0.1em 0;
}

.profile-list li{
	clear:both;
}