/* ==========================
   STYLESHEET FOR TWEETAG.COM
   All rights reserved.
   ========================== */


/* --- BASIC STYLES --- */

/* Text styles & colors */
@import "base.css";

/* Page dimensions */
#global {
	width: 98%;
	margin: 0 auto;
	padding:0 10px 10px 10px;
}


/* --- HEADER --- */

/* Container and logo */
#header {
	position: relative;
	height: 98px;
	padding: 1px 0;
	/* background: url(../../meta/img/topnav-bg.png) no-repeat 625px 0; */
}

#menubar {
	width:100%;
	padding:5px;
	background:#FFE24B;
	position:relative;
	overflow:hidden;
}

#menubar label {
	float:left;
	margin-left:15px;
	margin-right:10px;
}


#menubar form {
	float:left;
	position:relative;
	margin:0 0 0 5px;
	padding:0;
}

	
#notice {
	width:100%;
	border:1px dashed black;
	padding:4px;
	margin:2px;
	font-size:9pt;
	text-align:center;
	background:red;
}


span.politicalgroup {
color:black;
font-size:7pt;
font-weight:bold;
padding:1px 5px;
cursor:pointer;
}

span.politicalgroup a {
color:black;
}

#logo {
	position: absolute;
	top: 20px;
	left: 0;
	width: 315px;
	margin: 0;
	line-height: 1;
	font-size:5em;
}

#tagline {
	font-size:1.2em;
	left:4px;
	position:absolute;
	top:57px;}

#logo img {
	vertical-align: middle;
}

/* Top navigation */
#topnav {
	position: absolute;
	right: 5px;
	top: 0;
	height: 25px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../../meta/img/topnav-bg.png) no-repeat -5px 0;
}
#topnav li {
	float: left;
	height: 25px;
	margin: 0;
	padding: 0 9px 0 14px;
	line-height: 24px;
	background: url(../../meta/img/bullet-lightblue.png) no-repeat 0px 10px;
}
#topnav li.first {
	padding-left: 12px;
	background: none;
}
#topnav li.last {
	padding-right: 6px;
}
#topnav a {
	padding: 5px 0;
	color: #2a82aa;
}
#topnav li.current a, #topnav a:hover,
#topnav a:focus, #topnav a:active {
	color: #454d65;
}

/* Metrics */
#metrics {
	position: absolute;
	top: 42px;
	left: 650px;
	width: 400px;
	margin: 0;
	font-size: 1.45em;
	color: white;
}
#metrics .part1 {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	background: url(../../meta/img/header-metrics-bg.png) no-repeat left bottom;
}
#metrics .part1 span {
	position: relative;
	right: -5px;
	display: block;
	padding: 6px 8px 5px 3px;
	color: #111;
	background: url(../../meta/img/header-metrics-bg.png) no-repeat right bottom;
}
#metrics .part2 {
	display: block;
	padding-top: 6px;
}

#tag_description {
	background:white none repeat scroll 0 0;
border-bottom:5px solid #EFF8FC;
margin:0;
overflow:hidden;
padding:0 20px 20px;
position:relative;
width:590px;
}

#tag_description h1 {
}

#tag_description p {
	clear:left;
}

#tag_description img {
	float:left;
	
}

#tag_description img.logo {
	width:50px;
	float:left;
	margin-right:10px;
	margin-top:10px;
}

/* --- SEARCH AND TAGS --- */

#leftcolumn {
	width:250px;
	float:left;
	margin-right: 10px;
	clear:left;
}

#middlecolumn {
	margin: 0 25px;
	width:415px;
	float:left;
}

#rightcolumn {
	margin-left:10px;
	width:250px;
	float:right;
}

div.top_twitterer {
	clear:left;
	overflow:hidden;
}
div.top_twitterer img {
	float:left;
	margin:2px 5px 2px 4px;
}

div.top_twitterer p {
	margin-left:4px;
	position:relative;
	float:left;	
}

span.followers {
	font-style:italic;
}


/* Title on top */

.topmost-left {
	background: url(/_img/heading-left.jpg) no-repeat;
	width: 4px;
	height: 26px;
	float: left;
}

.topmost-right {
	background: url(/_img/heading-right.jpg) no-repeat;
	width: 4px;
	height: 26px;
	float: right;
}
#topmost {
	clear: left;
	height: 26px;
	margin: 10px 0 0 0;
	/*padding: 9px 20px 6px 20px;*/
	text-align: center;
	border-bottom: 1px solid #e2e8eb;
	/*background: url(../../meta/img/center-edges-bg.png) no-repeat;*/
	background: url(/_img/heading-background.jpg) repeat;
	overflow:hidden;
}

#topmost h2 {
	margin: 6px;
	line-height: 1.1;
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	color: white;
	float: left;
}
#topmost a {
	color: #111;
}
#topmost a:hover, #topmost a:focus, #topmost a:active {
	color: #c00;
}

/* Container for search and tags and nav */
#top {
	padding: 5px 20px 0 20px;
	border: 1px solid white;
	background: #f5fafd url(../../meta/img/center-middle-bg.png) repeat-x;
}

#top.nobg {
	background:none;
	border:none;
	padding:0px;
}

/* Search */
#search {
	margin: 0 0 10px 0;
}
#search p {
	width: 100%;
	overflow: hidden;
	margin: 0;
}
#search .text {
	float: left;
	width: 472px; /* total 496 */
	height: 15px; /* total 35 */
	padding: 11px 12px 9px 12px;
	border: none;
	line-height: 15px;
	background: url(../../meta/img/form-text-biggestinput-bg.png);
}
#search .button {
	float: right;
	margin-top: 1px;
}

/* Tags */
#maintags {
	margin: 18px -8px 0px -8px;
	text-align: center;
	line-height: 1.4;
}
#maintags a {
	padding: 2px 5px;
}
#maintags .l1 {font-size: 1.00em;}
#maintags .l2 {font-size: 1.40em;}
#maintags .l3 {font-size: 1.80em;}
#maintags .l4 {font-size: 2.20em;}
#maintags .l5 {font-size: 2.50em;}

/* Tab navigation */
#middletabs {
	/*border-bottom: 1px solid #90B8CB;*/
	margin: 0;
	padding: 5px 0 5px 0;
	list-style: none;
	text-align: center;
	line-height: 1;
	font-size: 13px;
	color: #37A3D5;
	font-weight: bold;
}

#middletabs li {
	display: inline;
	margin: 0 3px;
	font-weight: normal;
}

#middletabs .current {
	background-color: #FFFfFf;
	padding-bottom: 2px;
	color: #B2B6BB;
	font-weight: bold;
}

#middletabs a {
/*	padding: 3px 10px 0px 10px;
	border: 1px solid #90B8CB;
	color: #90b8cb;
	background: #e2f6fe;
	border-width: 1px 1px 0 1px;*/
	text-transform: uppercase;
	

	
}
#middletabs a:hover {
		text-decoration: none;
}
#middletabs .current a,
#middletabs a:hover, #middletabs a:focus, #middletabs a:active {
	padding-bottom: 2px;
	border-color: #E2F6FE;
	background: white;
	color: #B2B6BB;
	text-decoration: none;
}
#middletabs a strong {
	margin: 0 2px 0 0;
	font-weight: normal;
	color: #688793;
}
#middletabs .current a strong,
#middletabs a:hover strong, #middletabs a:focus strong,
#middletabs a:active strong {
	color: #111;
}


/* --- USER LOGIN, POSTING, ETC. --- */

/* Container */
#user {
	padding: 35px 20px 5px 78px;
	border-top: 1px solid #e2e8eb;
	background: white;
}
#user .userpic {
	float: left;
	margin: 3px 0 0 -58px;
	overflow:hidden;
}
#user .message {
	width: 100%;
	overflow: hidden;
}
#user .message h2 {
	float: left;
	margin: 0;
	padding: 0 0 0 2px;
	font-size: 1em;
	color: #777;
}
#user .message h2 strong {
	color: #111;
}
#user .message p {
	float: right;
	margin: 0;
	color: #777;
}
#user .message .warning {
	color: #c00;
}

/* Login form */
#login {
	width: 100%;
	overflow: hidden;
	padding: 3px 0 7px 0;
}
#login .username {
	float: left;
	width: 214px;
	margin: 0 10px 0 0;
}
#login .password {
	float: left;
	width: 214px;
	margin: 0;
}
#login .username input, #login .password input {
	width: 190px; /* total 214 */
	height: 15px; /* total 35 */
	padding: 11px 12px 9px 12px;
	border: none;
	line-height: 15px;
	background: url(../../meta/img/form-text-medinput-bg.png);
}
#login .send {
	float: right;
	margin: 0;
}

/* Posting form */
#post {
	width: 100%;
	overflow: hidden;
	padding: 3px 0 5px 0;
}
#post.disabled {
	opacity: .4;
	filter: alpha(opacity=40);
}
#post .tweetag_tweet {
	float: left;
	margin: 0;
}
#post .tweetag_tweet input {
	width: 414px; /* total 438 */
	height: 15px; /* total 35 */
	padding: 11px 12px 9px 12px;
	border: none;
	line-height: 15px;
	background: url(../../meta/img/form-text-biginput-bg.png);
}
#post .send {
	float: right;
	margin: 0;
}


/* --- LIST OF RECENT TWEETS --- */

#feed {
	zoom: 1;
	padding: 5px 0 5px 0;
	background: white;
	line-height: 1.3;
	width:100%;
	margin:0px;
}
#feed .tweetag_tweet {
		margin: 10px;
}
#feed.enabled .tweetag_tweet:hover,
#feed.enabled .tweetag_tweet-hover {
	background: #EFF8FC;
}
#feed .userpic {
	float: left;
	overflow:hidden;
	margin: 0 0 0 -60px;
}
#feed h3 {
	display: inline;
	margin: 0 2px 0 0;
	font-size: 1.1em;
}
#feed .content {
	display: inline;
	color: #111;
	font-size:9pt;
}
#feed .meta {
	margin: 0;
	color: #888;
}
#feed .reply {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 75px;
	margin: -18px 0 0 0;
	text-align: right;
}
#feed .reply a {
	display: block;
	width: 100%;
	opacity: 0.4;
	filter: alpha(opacity=40); 
	-webkit-transition: opacity .4s ease-out;
}
#feed .reply a:focus,
#feed .reply a:active,
#feed .tweetag_tweet:hover .reply a,
#feed .tweetag_tweet-hover .reply a  {
	opacity: 1;
	filter: alpha(opacity=100);
}
#feed .reply {
	padding:0;
	margin-top:-30px;
}
#feed .reply img {
	display:block;
	float:left;
	margin:1px;
}


/* --- BOTTOM PART --- */

#bottom {
	padding: 3px 22px 3px 22px;
	border-top: 1px solid #ebf1f4;
	background: #fafafa url(../../meta/img/center-edges-bg.png) repeat-x left bottom;
	overflow:hidden;
	clear:left;
}
#bottom p {
	margin: 0;
}
#bottom a {
	padding: 3px 14px 3px 10px;
	background: url(../../meta/img/arrow-small-bottom-left.png) no-repeat left center;
}


/* --- FOOTER --- */

#footer {
	clear:both;
	height: 85px; /* total 105 */
	padding: 35px 21px 0 320px;
	font-size: .95em;
	text-align: right;
	color: #84abba;
	background: url(../../meta/img/footer-logo.png) no-repeat 14px 27px;
}
#footer p {
	margin: 0;
}

/* --- Xav styles ----- */
div.loading {
	background:transparent url('/img/wait2.gif') no-repeat center;
}

div#tagcloud_loading {
	margin:21px;
	height:115px;
}

div#atoms_loading {
	background:white url('/img/wait2.gif') no-repeat center;
	width:629px;
	height:200px;
	padding:5;
}

a.stbutton {
	float:right;
	position:relative;
	top:-4px;
}


/* List of twitterers */


div.twitterers_multilist  {
	width:85%;
	overflow:hidden;
	margin:0 auto;
}

	div.twitterer_picker img
	{
		margin:0;
		padding:0;
		float:left;
		overflow:hidden;
		border:2px solid white;
	}
	div.twitterer_picker img:hover
	{
		/*border:2px solid red;*/
	}
	
	
div.twitterer img {
float:left;
margin-right:5px;
margin-bottom:5px;
}

div.twitterer_info {
	width:115px;
	float:left;
	margin-top:-8px;
	overflow:hidden;
	position:relative;
}

.twitterer_desc {
	clear:left;
	font-size:8pt;
	margin-top:5px;
}

div.twitterers_multilist h1
{
	
}

div.twitterers_multilist .twitterer {
border:1px solid #E0F1F9;
float:left;
height:125px;
margin:5px;
overflow:hidden;
padding:5px;
position:relative;
width:170px;
}

div#addthis {
	float:right;	
}

div#addamep {
/*	padding:10px;*/
	height: 40px;
	text-align:center;
	font-size:15px;
/*	background:#E2F6FE none repeat scroll 0 0;*/
	background: transparent url(/_img/button-background.jpg) repeat scroll 0 0;
/*border-color:#E2F6FE;
border-style:solid;
border-width:1px 1px 0;*/
color:#90B8CB;
text-transform:uppercase;
}

.addamep-left {
	background: transparent url(/_img/button-left.jpg) no-repeat scroll 0 0;
	width: 6px;
	height: 40px;
	float: left;
}

.addamep-right {
		background: transparent url(/_img/button-right.jpg) no-repeat scroll 0 0;
	width: 6px;
	height: 40px;
	float: right;
}

.addamep-title {
	float: left;
	margin-top: 10px;
	text-align: center;
	margin-left: 45px;
}

div#addamep a {
	color:black;
	text-transform:uppercase;
}


span.plus {
font-size:15px;
font-weight:bold;	
}


.tweet_actions a.facebook {
	background: url(/static/img/facebook-fade.png);
	width: 16px;
	height: 16px;
	display: block;
}
.tweet_actions a.facebook:hover {
	background: url(/static/img/facebook.png);
	width: 16px;
	height: 16px;
	display: block;
}


.tweet_actions a.twitter{
        background: url(/static/img/twitter-fade.png);
        width: 16px;
        height: 16px;
        display: block;
}

.tweet_actions a.twitter:hover{
        background: url(/static/img/twitter.png);
        width: 16px;
        height: 16px;
        display: block;
}


.tweet_actions a.email{
        background: url(/static/img/email-fade.png);
        width: 16px;
        height: 16px;
        display: block;
}

.tweet_actions a.email:hover{
        background: url(/static/img/email.png);
        width: 16px;
        height: 16px;
        display: block;
}