/* CSS Reset Reloaded - see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ for details */

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
	vertical-align: baseline;
}

* html dd { float: none; } /* IE is dumb; Quick IE hack, apply favorite filter methods for 
    						  wider browser compatibility */

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong {
	font-weight: bold;
}

a:active, a:visited, a:link {
text-decoration:none;
}    

a:hover {
text-decoration:none;
}   

/* =layout */

p.what_is_tweetmas {
    color: #157fc0;
    font: bold 10px/14px verdana, helvetica, arial; 
    background: transparent url('//media//media/imgs/tweetmas/winter_house.gif') no-repeat 0 5px;
    padding-left: 82px;
}    

span.message_lenght {
    position:absolute;
    top:0;
    right:0;
    display:block;
    width:80px;
    font:bolder 12px/14px verdana, helvetica, arial; 
    color: #d5d5d5;
    text-align: right;
}

span.update_note {
    color: #d1cccc;
    font:12px/14px verdana, helvetica, arial;
    margin:0 0 0 15px;
}    

#twitter_form {
    position:relative;
    margin-bottom:30px;
}    

#twitter_form textarea {
    width:484px;    
}    

#twitter_form label {
    width:110px;
    font:bold 10px/18px verdana, helvetica, arial;
    display:block;
    float:left;
    vertical-align:middle;
    margin-right:3px;
}    

#twitter_form textarea, #twitter_form input[type="text"], #twitter_form input[type="password"]  {
    border:1px solid #C4C4C4
}    

textarea#message {
    background-color: #F9F9F9;
    margin-left:15px;
    margin-top:5px;
}    

#twitter_form fieldset {
    margin:2px 0 2px 0;
}    

#twitter_form fieldset.actions {
    position:absolute;
    right:-4px;
    bottom:-20px;    
}    

#tweetmas_list {
    position: absolute;
}    

.tweetmas_list li, #popular_tweetmas li {
    font:12px/14px verdana, helvetica, arial;
}    

.tweetmas_list li {
    float:left;
    clear:left;
    width:100%;
}    

.tweetmas_list li, #popular_tweetmas li {
    margin:2px 0px 2px 0px;
}    

.tweetmas_list {
    width:100%;
    float:left;
    clear:left;
    padding-top:0px;
    margin-top:0px;
}    

.tweetmas_list li img {
    vertical-align:top;
    float:left;    
}    

#popular_tweetmas li img {
    vertical-align:middle;
}    

span.creation_date {
    font:italic 13px/17px Georgia, Tahoma, arial;
    color:#d5d5d5
}    

.user {
    /*border:1px solid #2b2b2b;
    padding:1px;*/
    margin-right:5px;
}

.entry {
    margin:8px 0px 0px 0px !important;
    border-top:1px dotted #343434;
    padding-top:12px;
    clear:left;
    float:left;
    width:100%;
}

.entry p {
    /*font:12px/14px georgia,verdana, helvetica, arial !important;*/
    font:1.1em/1.1em 'Lucida Grande',sans-serif;
    margin:5px 0px 5px 55px;    
}    

.entry.first {
    border-top:none !important;
    padding-top:0px;
    margin-top:0px;
}    

.entry p a {
    color:#000 !important;
}    

.entry p a:hover {
    text-decoration:underline;
}    

.entry p a.userlink:hover {
    text-decoration:none;
}  

.entry a.userlink, .username a {
    font:bold 1.1em/1.1em 'Lucida Grande',sans-serif !important;
    /*color:#001D73 !important;*/
    color:#1A598C !important;
}

.entry .username, .entry .stats {
    float:left;
    height:50px;
    line-height:43px;
    vertical-align:middle;
}    

.entry .username {
    width:170px;
}

.entry .stats {
    width:100px;
    font:bold 11px/46px tahoma,verdana,arial;
    color:#5f5f5f;
}    

body {
background: #000e1b url('/media/imgs/tweetmas/1680x1050_5xp.jpg') no-repeat fixed top center;
overflow-x:hidden;
margin:25px 0 0 0;
text-align:center;
}    

fieldset {
border:none;    
}    

.top-border .left-border {
background: url('/media/imgs/tweetmas/top_left_trans.png') no-repeat 0 0 ;    
height:7px;
width:6px;
}

.top-border .center-part {
background: url('/media/imgs/tweetmas/top_center_trans.png') repeat-x 0 0 ;
height:7px;
}

.top-border .right-border {
background: url('/media/imgs/tweetmas/top_right_trans.png') no-repeat 0 0 ;
height:7px;
width:6px;
}
    
.middle-part .left-border {
background: url('/media/imgs/tweetmas/middle_left_trans.png') repeat-y 0 0 ;    
width:6px;
}

.middle-part .right-border {
background: url('/media/imgs/tweetmas/middle_right_trans.png') repeat-y 0 0 ;
width:6px;
}

.middle-part .content {
background-color:#fff;
height:450px;
}    

.bottom-border .left-border {
background: url('/media/imgs/tweetmas/bottom_left_trans.png') no-repeat 0 0 ;    
height:7px;
width:6px;
}

.bottom-border .center-part {
background: url('/media/imgs/tweetmas/bottom_center_trans.png') repeat-x 0 0 ;
height:7px;
}

.bottom-border .right-border {
background: url('/media/imgs/tweetmas/bottom_right_trans.png') no-repeat 0 0 ;
height:7px;
width:6px;
}

td.content {
vertical-align: top;
text-align:left;
}    

#main_container td.content {
padding:10px 15px 0px 15px;
}

/* footer */

#footer table {
margin:0 auto 20px auto;    
}    

#footer .middle-part .content {
background-color:#fff;
height:auto;
}    

#footer p {
clear:left;
font:12px/14px verdana, helvetica, arial;
padding:0px 10px 0px 10px;
margin:0;
}    

#footer a {
    color:#135D9F;    
}    

/* primary */
#primary {
width:500px;
float:left;
margin-right:20px;
}    

#primary  h2, #secondary h2, #primary  h1 {
font:bold 14px/16px tahoma,verdana,arial;
background: url('/media/imgs/tweetmas/header_background.jpg') no-repeat 0 0 ;
margin:0px 0px 0px 0px;
padding:0px 0 0 40px;
height:33px;
line-height:40px;
} 

#secondary h2.searcher {
font:italic bold 13px/16px arial;
background: url('/media/imgs/tweetmas/red_star.gif') no-repeat 0 0 ;
padding:0 0 0 35px;
}    

/* secondary */
#secondary {
width:385px;
float:left;
position:relative;
}

.search_box {
border-top: 3px solid #0088ba;
border-bottom: 2px solid #0088ba;
float:left;
clear:both;
margin-bottom:15px;
padding:10px 0px 10px 0px;
}    

p.brought_too_you {
font:11px/48px verdana, helvetica, arial;
padding:0px;
margin:0px;
padding:40px 0px 20px 0px;
text-align: center;
}

p.brought_too_you img {
vertical-align:top;
margin-left:10px;
}

#search_form fieldset {
float:left;
clear:both;
}

#search_form label {
    font:bold 11px arial;
    float:left;
    width:120px;
    vertical-align: middle;
    line-height:20px;
}

#search_form input[type="text"] {
    border:1px solid #d5d5d5;
    width:140px;
    float:left;
    padding:2px 0px 2px 0px;
}    

#search_form input[type="image"] {
margin-left:15px;    
}    

.what_is_box {
background: url('/media/imgs/tweetmas/whatis_background.jpg') no-repeat 0 0 ;
height:205px;
width:389px;
padding:40px 60px 0px 35px;
}

#secondary .what_is_box h2 {
font:italic bold 14px/16px arial;
color:#fff;
background: url('/media/imgs/tweetmas/red_star.png') no-repeat 0 0 ;
padding:6px 0 0 30px;
margin:0px 0px 2px 3px;
height:20px;
}    

.what_is_box .cnt_box img {
float:left; 
margin-left:8px;
}    

.what_is_box .cnt_box p {
font:12px/15px arial;
color:#fff;
margin-left:90px;
width:205px;
}    

.text_length {
   font:bold 115%/115% tahoma,verdana,arial;
   color:#CCCCCC;   
   position:absolute;
   right:10px;
   top:16%;
}    

.what_box {
    position:relative;    
}

/* validation */
p.error {
font:11px/12px verdana;
color:#fff;
background-color: #CF0C0C;
margin:7px 0px;
padding:5px 10px;
display:none;
}  

p.error span {
    display:block;
    font:11px/12px verdana;
    color:#fff;
    margin:3px 0px;
}    

textarea.error, input.error {
    background-color: #FFDFDF;
    border:1px solid #FF6F6F !important;
}    

.activity {
font:bold 12px/12px verdana, helvetica, arial;    
}    

.activity img {
vertical-align: middle;
margin-left: 5px;
} 

#update_button_container {
    float:right;
    width:92px;
}    

#search_button_container {
    float:left;
    width:105px;    
}    

#search_button_container #searching {
    margin-left:20px;    
}   

#updating {
    color:#FFFFFF;
    position:absolute;
    right:5px;
    top:25%; 
    display:none;
}    

/* lightbox */

.lightbox {
    background-color:#000000;
    height:1200px;
    left:0;
    opacity:0.8;
    filter: alpha(opacity = 80);
    position:absolute;
    top:0;
    width:100%;
    z-index:100;
}

.loginbox {
    position:absolute;
    z-index:101;   
    top:20%;
    left:0px;
    width:100%;
    text-align:center;
}    

.loginbox a {
    display:block;
    color:#1F9AFF;
    font:12px/18px tahoma,arial;
}    

.loginbox a:hover {
    text-decoration:underline;
}    

.loginbox td.content {
   padding:10px;
}    

.loginbox h1 {
    font:135%/145% tahoma,verdana,arial;
}    

.loginbox form {
    
    
}

a.overlay_close {
    background:transparent url(../imgs/closelabel.gif) no-repeat scroll center center;
    cursor:pointer;
    display:block;
    height:17px;
    width:18px;
    float:right;
    margin-right:5px;
    margin-top:2px;
}

.auth_button {
       background:transparent url(../imgs/tweetmas_authentication/authentication_button.gif) no-repeat 0px -31px;
       display:block;
       height:32px;
       width:141px;
       margin-left:187px;
}    

.auth_button:hover {
    background-position: 0px 0px;
}    

#auth_form {
    float:left;
    clear:left;
    width:90%;
    padding:25px 30px 30px 30px;
    margin:10px 0px 0px 0px;
    border:6px solid #cdcdcd;
}    

#auth_form h2 {
    color:#cdcdcd;
    font:bolder 120%/130% tahoma,verdana,arial;
}    

#auth_form fieldset {
    float:left;
    clear:left;
    width:100%;
    margin-top:15px;
}

#auth_form fieldset label {
    font:bolder 11px/22px verdana,arial;
    float:left;
    width:130px;
}

#auth_form fieldset input[type="text"], #auth_form fieldset input[type="password"] {
    border:1px solid #d5d5d5;
    /*background: transparent url('/media/imgs/tweetmas_authentication/input_background2.gif') no-repeat scroll 0 0;*/
    background: transparent url('/media/imgs/tweetmas_authentication/input_backgrounds.gif') repeat-x scroll 0 0;
    height:19px;
    padding:2px;
}

ul#import_graph {
    width:100%;
    float:left;
    clear:left;
}    

#import_graph li {
    float:left;
    width:24%;
    height:60px;
    line-height:50px
}    

#import_graph li.mid {
    width:307px;
}    

#import_graph li img {
    vertical-align: bottom;
}    

#twitter_congrat {
    padding-left:20px;
    margin-bottom:20px;
    margin-left:15px;
    display:none;
}    

#twitter_congrat p {
    font:12px/18px tahoma,arial;
}    

#twitter_congrat a {
    color:#1F9AFF;
    font:12px/18px tahoma,arial;
}

.cnt_box {
    clear:left;
    float:left;
    margin-top:3px;   
}    

input#follow_tweetmas {
    vertical-align:middle
}    

label.follow_tweetmas {
    font:bolder 14px/14px verdana, helvetica, arial;
    margin-left:bold;
}    

.pagination_cnt {
    font:13px/14px verdana, helvetica, arial;
    padding-bottom:10px;  
}

.pagination_cnt a {
    color:#2F8EFF;
}    

a.see_all, a.see_all:visited, a.see_all:hover {
    color:#1A598C;
    text-decoration:underline;
    font:12px/14px tahoma, helvetica, arial;
    display:block;
    padding:0 3px 10px 0;
    text-align:right;    
    margin-bottom: 10px;
}    

.rss, .rss a, .logged_in {
    font:12px/12px arial;
    color:#424242;   
}

.logged_in a {
    color:#000;
}    

.rss img {
    vertical-align:middle;
}    

.logged_in {
    padding-left:35px;
}    


a.close_searcher, a.close_searcher:hover, a.close_searcher:visited {
    font:12px/20px tahoma,helvetica,arial;
    color:#1A598C;
    float:right;
    margin-top:7px 0px 0px 0px;
    text-align:right;
    text-decoration:underline;
    width:120px;
}

.bottom_line {
    clear:left;
    float:left;
    margin-top:5px;
    width:100%;    
}    

.bottom_line .rss {
    float:left;
}

.bottom_line .see_all {
    line-height:20px !important;
}    

.mashup_of_day {
  display:block;
  position:absolute;
  right:0px;
}