/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,p,blockquote,th,td { 
margin:0;
padding:0;
font-weight: normal;
}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
em,strong,th {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
th,	td {vertical-align: top;}

/* Base */
body {	
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #222;
background-color: #FFF;
height:100%;
width:100%;
text-align:center;
}

a, a:hover, a:visited, a:link {color: #c22b29;text-decoration: none;}
a:hover {color: #666666;}
h1 {color: #666666; font-size:160%; padding:3px 0 10px 0; font-weight:bold;}
h2 {color:#666666; font-size:120%; padding:0px 4px 10px 0px; font-weight:bold;}
h2 a, h3 a  {color:#666666 !important;}
h3 {color:#970101; font-size:120%; padding:0px 4px 4px 0px; font-weight:bold;}
h3 a, h3 a:hover, h3 a:visited {color:#970101;}
strong {font-weight:bold;}
em {font-style:italic;}
ol {list-style-position: inside!important;}
ol li {list-style:decimal!important;}
p {margin-bottom:20px;}

/*- Layout -----------------------------------------------------------------------*/
#wrap {text-align:center; padding-bottom:15px; width:980px; margin: 0 auto;} /*max-width:980px; min-width:800px;*/
#header {
width:100%;
height:175px;
position: relative;
text-align:left;
}
#logo {
background: url(./images/tweetprogress_logo.png) no-repeat top;
width:320px;
height:175px;
display:inline;
float:left;
}
#container {
text-align:left;
width:100%;
position: relative;
margin: 0 auto;
}
#footer {
text-align:left;
margin:20px auto 20px;
width:100%;
position: relative;
color:#666666;
}
#navigation {padding:5px 0 20px 0; width:100%;}

#left_column {
clear:both;
width: 79%;
float: left;
}
#right_column {
text-align:left;
width: 20%;
height: auto;
float: right;
color: #666666;
}
.content {width:90%;}
.box {margin-bottom:40px;}

.message {
color:#666666;
display:block;
margin:5px 15px 10px 15px;
padding:5px;
border:1px solid #CCCCCC;
background-color:#eeeeee;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.message.green {background-color:#006600;color:#FFFFFF;}
.message.red {background-color:#990000;color:#FFFFFF;}

li.buttons {display:inline;}
.buttons a {
display:block;
float:left;
border:1px solid #999999;
background-color:#c5c5c5;
padding:5px 5px 5px 7px;
margin:0px 10px 0 0;
font-size:90%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color:#666666;
}
.buttons.hashtags a {
background-color:#e4e4e4;
padding:3px 5px 3px 5px;
margin:0px 5px 0 0;
}
.buttons a:hover {background-color: #333333;color:#CCCCCC;}
.buttons .active { background-color: #740100; color:#FFFFFF;}

.small {font-size:80%;}
.large {font-size:160%;}
.grey, a.grey:link, a.grey:visited {color:#999999!important;}

.follow_button a {
float:left;
padding:3px 8px 3px 8px;
margin-right:10px;
font-size:80%;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

ul.list1 {
margin-left: 30px;
padding-left: 5px;
list-style-type: square;
}
ul.list1 li { padding:3px;}

#header_left {float:left; width:39%; min-width:300px;}
#header_right {float:left; width:60%; margin-top:10px;}
#postbox {
margin-top:10px;
background-color:#CCCCCC;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding:15px 10px 5px 10px;
width:99%;
}
#postbox textarea {
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
display:block;
border:4px solid #a1a2a4;
padding:3px;
height:35px;
width:98%;
margin-bottom:5px;
}
#postbox h2 {
padding:0;
background-color:#a1a2a4;
padding:4px;
color:#FFFFFF;
display:inline;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
}
#postbox #response {float:right;}
#header_right .total {font-size:150%; font-weight:bold;}
#postbox #tweet_textDown {color:#666666; font-size:140%; position:absolute; right:10px; margin-top:-7px;}
#postbox label {padding-left:5px; font-size:90%; color:#666666;}
#postbox #submit {float:right;}

#header_search {float:right; margin-top:3px;}
.search input {
border-color:#b4b4b4 #ccc #ccc #b4b4b4;
border-style:solid none solid solid;
border-width:1px 0 1px 1px;
font-size:0.9em;
padding-left:6px;
width:120px;
outline:none;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
display:inline;
height:20px;
color: #999999;
}
.search .submit {
-moz-border-radius-bottomright:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius-bottom-right:5px;
-webkit-border-radius-top-right:5px;
border-color:#999!important;
vertical-align:middle;
background-position: center;
background-image:url(./images/search-button.png);
border-style:solid;
border-width:1px;
cursor:pointer;
height:21px;
padding:2px 8px;
}

.loadingimage {
background-image:url(./images/loading-small.gif);
width:16px;
height:16px;
float:left;
margin:0 5px 0 0;
}

.pages {margin-top:20px;}
a.paginate, a.paginate:visited {
font-size:80%;
background-color:#F4F4F4;
border:1px solid #333333;
color:#740100;
font-weight:700;
padding:4px 8px;
}
.current {
background-color:#CCCCCC;
border:1px solid #333333;
font-size:80%;
color: #333333;
font-weight:700;
padding:4px 8px;
}
a.current {color:#333333;}
.inactive { color:#CCCCCC;}
a.paginate:hover {color:#FFF;background-color:#740100;}

#easyTooltip{
padding:5px;
border:4px solid #ccc;
background:#f1f1f1;
z-index:999;
max-width:300px;
text-align:left;
}

.green {color:#009900;}
.red, .red a:link, a.red:link, a.red:visited {color:#990000;}
.grey a:link, a.grey:link, a.grey:visited {color: #3f3949;}
.orange a:link, a.orange:link, a.orange:visited {color: #b56404;}
.green a:link, a.green:link, a.green:visited {color: #237609;}
a.close, a.close:visited {color:#CCCCCC;}


ul.tweeters {margin:0 0 10px 0;}
ul.tweeters li {
margin:3px 10px 10px 0;
padding:5px 5px 0 5px;
min-height:120px;
clear:right;
overflow:hidden;
position:relative;
width:47%;
float:left;
}
.avatar img {width: 73px; height: 73px; border:1px solid #333333; margin:0 10px 30px 0; float:left;}
ul.tweeters li .name {font-weight:bold; font-size:110%; display:block; padding-bottom:3px;}
ul.tweeters li .from {font-size:90%; color: #666666; display:block; padding-bottom:3px;}
ul.tweeters li .about {font-size:100%; display:block; padding-bottom:3px;}
ul.tweeters li .info {min-height:50px;}
ul.tweeters li .stats {font-size:90%; color: #999999; display:block;}
ul.tweeters li .stats span {width:80px;display:block;float:left; font-size:90%;}
ul.tweeters li .follow a {
position:absolute;
left:5px;
top:90px;
font-size:80%;
padding:3px;
background-color:#CCCCCC;
border:1px solid #999999;
color:#999999;
display:block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
line-height:90%;
}
ul.tweeters li .follow a:hover {background-color:#740100; color:#CCCCCC;}
ul.tweeters li .politwitter {
float:left;
margin-right:5px;
color:#FFF;
font-size: 0.6em;
background-color:#CC0000;
border:1px solid #333333;
padding:1px;
line-height:100%;
}

.highlight {background-color:#FFFF99;}