a:focus { outline: none; }

body {
    font-size: 10px;
    font-family: Georgia, Verdana, Arial, Sans-Serif;
    background: #fff;
    color: #333;
    text-align: left;
    padding: 0;
}

body.home {
    border-top: 3px solid #000;
    margin: 0;
    color: #000;
}    

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

#mainheader {
    margin-top: 40px;
    padding-bottom: 8px;
    padding-left: 2px;
    border-bottom: 1px solid #999;
}

#main {
    margin-top: 149px;
    border-bottom: 1px solid #999;
    height: 255px;
}

#mainfooter {
    font-family: Verdana;
    font-size: 10px;
    padding-top: 4px;
    padding-left: 2px;
    padding-right: 2px;
}

.nav { float: left; margin-left: -8px; margin-top: 2px;}

.nav a { 
    color: #222;
    text-decoration: none; 
    margin-left: 10px;
}

.nav a:hover {
    background: #222;
    color: #fff;
}

#main .callout {
    float: left;
    width: 588px;
    height: 173px;
    margin-top: -40px;
}

#main .callout p {
    color: #222;
    font-size: 26px;
    line-height: 185%;
    margin-left: 5px;
    margin-top: 19px;
}

#main .callout p .highlight {
    font-weight: bold;
    color: #ff3d29; 
}

#loginbox {
    float: right;
    width: 300px;
    margin-top: 24px;
    margin-right: 6px;
    position: relative;
}

div.formlabel {
    padding: 0 0 2px 11px;
    margin: 0;
    font-size: 9.5px;
    font-family: Arial;
    color: #f3fcff;
    text-transform: uppercase;
    letter-spacing: .13em;
}

div.rounded_input {
    background: transparent url(http://wemeddle.com/o/img/form-input.png) no-repeat scroll left top;
    height: 34px;
    margin-bottom: 15px;
    width: 197px;
}

div.rounded_input input {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #15475A;
    font-family: Verdana, Arial,sans-serif;
    font-size: 11.5px;
    height: 18px;
    margin: 9 9 9 11;
    width: 175px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    letter-spacing: 0.03em;
}

div.rounded_input input.password {
    font-size: 11px;
}

div.error {
    color: red;
    font-size: 10px;
    font-family: Arial;
    text-transform: uppercase;
    margin-top: 24px;
    letter-spacing: .1em;
}

.currentlybeta {
    color: #aaa;
    clear: both;
    float: right;
    margin-top: -46px;
    text-align: center;
    font-family:Verdana;
    font-size:9px;
    margin-right: 21px;
    width: 300px;
}

.clear { 
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

#centercontainer {
    top: 0; left: 0; width: 100%; height: 100%;
    position: fixed; display: table
}

#dig {
    z-index: 10;
    display:none;
}

#waitbox {
    background: #FFE302;
    color: #000;
    font-family: arial,sans-serif;
    font-size: 13px;
    padding: 3px;
    font-weight: bold;
    text-align: center;
}

div.header {
    margin: 0 auto 0 auto;
    text-align: left;
    font-size: 9.5px;
    color: #000;
    font-family: Verdana;
    margin-bottom: 75px;
    padding-top: 4px;
    position: relative;
}

div.header #tweet {
    position: absolute;
    top: 0px;
    left: 614px;
    font-family: Georgia;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.13em;
    font-weight: bold;
    background: transparent url('img/tweet-bg.png') no-repeat;
    width: 79px;
    height: 17px;
}

div.header #tweet a {
    display: block;
    color: #fff;
    text-decoration: none;
    margin-left: 15px;
    margin-top: 2px;
}

div.header img.logo {
    float: left;
    padding-left: 1px;
}

div.header div.navmain {
    float: right;
    font-family: Arial;
    letter-spacing: .07em;
    text-transform: uppercase;
    font-size: 9px;
}

div.header a {
    color: inherit;
   text-decoration: none;
}

div.header a:hover {
    text-decoration: underline;
}

div.navmain a {
    margin-left: 3px;
    margin-right: 3px;
}

#content {
    width: 840px;
    margin: auto;
    text-align: left;
}

#maincontent {
    border-left: 1px solid #707070;
    padding-right: 10px;
}

#content div.side {
    float: left;
    position: relative;
}

#content div.side img.nav {
    margin-top: -1px;
    margin-left: -1px;
}

div.side #littleguy {
    position: absolute;
    top: -31px;
    left: 94px;
    z-index: 5;
}

#content ol.timeline {
	width: 595px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left: 4px;
	padding: 0;
    }

#content ol.timeline h2 {
	color: #B84626;
	font-family: Georgia;
    }

#content ol.timeline li {
	position: relative;
    }

#content ol.timeline .tweetblock { opacity: 0.01; margin-top:15px; }

#content ol.timeline .tweet {
    color: #222;
    font-family: Georgia;
    padding-top: 0;
    margin-top: 0;
    line-height: 140%;
    display:block;
    overflow:hidden;
}

#content ol.timeline .subtweet {
    margin-top:8px;
    margin-right: 48px;
    line-height: 140%;
    margin-top: 1px;
    padding: 4px 9 4px 9px;
    background: #eaeaea;
    min-height: 0 !important;
    font-size: 125%;
}

#content ol.timeline .strongtweetblock .subtweet {
    font-family: Georgia;
    font-size: 12.5px;
    color: #222;
}

#content ol.timeline .subtweet:first-child { 
    padding-top: 4px;
    border-top: 1px solid #bbb; 
}

#content ol.timeline .subtweetblock { 
    display: none;
    margin-left: 48px;
    padding-top: 4px;
    position: relative;
    padding-bottom: 5px;
}

.subtriangle {
    left:22px;
    position:absolute;
    top:-2;
    display: none;
}


#content ol.timeline .weaktweetblock .subtweet {
    font-size: 10px;
    margin-right: 48px;
    line-height: 140%;
}

#content ol.timeline .more { 
    margin-left: 7px; 
    font-weight: bold;
    color: #888;
}

#content ol.timeline .weaktweetblock .more { color: #AC4F4D; }

.more a {
    color: inherit;
    text-decoration: none;
}

.more a:hover {
    color: #fff;
    background: #ed6764;
}

.weaktie .more a:hover {
    color: #fff;
    background: #AC4F4D;
}

#content ol.timeline .strongtie { min-height: 37px; } 
#content ol.timeline .weaktie { min-height: 29px; } 

#content ol.timeline .profile {
    width:20px;
    height:20px;
    margin-top: 6px;
}


#content ol.timeline img.profile {
    display: block;
    float: left;
    height: 36px;
    left: 0;
    margin: 4.5px 11px 29px 0;
    overflow: hidden;
    position: absolute;
    width: 36px;
}

#content ol.timeline .even {
    line-height: 140%;
    color: #222;
    font-size: 13px;
}

#content ol.timeline .even img.profile {
margin:3.5px 0 4px 0px;
width:32px;
height:32px;
}

#content ol.timeline .plus {
    line-height: 140%;
}

#content ol.timeline .plus .thetweet { 
    margin-right: 15px;
}

#content ol.timeline .plus .long { 
    margin-right: 5px !important; 
}

/* plus 1 */
#content ol.timeline .plus1 { font-size: 15px; margin-right: 15px; }
#content ol.timeline .plus1 img.profile {
margin:3.5px 0 4px 0px;
width:34px;
height:34px;
}

/* plus 2 */
#content ol.timeline .plus2 { }
#content ol.timeline .plus2 img.profile { }

#content ol.timeline .minus { font-family: "Lucida Grande",Verdana; color: #777; margin-right: 20px; }

/* minus 1 */
#content ol.timeline .minus1 {
    font-size: 12px;
}
#content ol.timeline .minus1 .profile, #content ol.timeline .minus2 .profile { 
width:28px;
height:28px;
    margin-left: 3px;
    margin-top: 3;
}

/* minus 2 */
#content ol.timeline .minus2 { }
#content ol.timeline .minus2 .thetweet { 
    margin-top: -36px;
    color: #666;
}

#content ol.timeline .lowfreq { }

#content ol.timeline .highfreq { }

.thestrongtweet { border: 1px solid #C9C2C1; }

.usernametimeblock {
    font-size: 10px;
    font-style: italic;
    font-family: Georgia; 
    margin-left: 2px;
    margin-top: -1px;
color: #999;
}

.username {
    font-family: Arial;
    font-size: 8.5px;
    letter-spacing: .13em;
    font-style: normal;
    text-transform: uppercase;
}

.username a {
color: inherit;
       text-decoration: none;
}

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

.weakusernametimeblock {
    font-size: 8.5px;
color: #888;
       margin-top: 3px; 
       padding-top: 0; 
       font-family: Arial; 
}

.weakusername {
color: #bfaa01; 
       letter-spacing: .1em;
       text-transform: uppercase;
       font-weight: bold;
}

.thetweet { 
    margin-left: 48px;
    margin-right: 5px; 
}

.time { 
    font-size: 80%;
    color: #aaa;
    white-space: nowrap;
    margin-left: 4px;
}

a.tweetlink, a.atlink, a.hashlink {
    text-decoration: none;
    color: #ed6764;
}

.minus a.tweetlink { color: #AC5D5B; }
.minus a.hashlink { color: inherit; }

.strongtie a.atlink {
    color: #222;
}

.weaktie a.atlink { color: #555; }

a.tweetlink:hover, a.atlink:hover, a.hashlink:hover { text-decoration: underline; }

.strongtie a.tweetlink { font-size: 85%; }

#errbox {
    margin: auto;
    margin-top: 200px;
    font-family: Georgia;
    font-size: 35px;
    color: #000;
    text-align: center;
    padding-left: 100px;
    padding-right: 100px;
}

#updatebox {
    display:none;
    width: 500px;
    margin-bottom: 50px;
}

#statusbox {
    border: 1px solid #666;
    font-size: 1.15em;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 38px;
    line-height: 1.1;
    overflow: auto;
    padding: 5px;
    width: 500px;
    font-family: Verdana;
    font-size: 11px;
    padding: 3.5px;
    line-height: 1.3;
    background: #666;
    color: #fff;
    margin-bottom: 5px;
}

#tweetcounter {
    font-family: Georgia;
    color: #EF7D7D;
    font-size: 12px;
    line-height: 140%;
    padding-right: 8px;
    float: left;
}

div.equator {
    margin-bottom:26px;
    margin-left:48px;
    width:480px;
    background: transparent url("img/equator.png") no-repeat scroll 0px 0;
    margin-top: 32px;
}

#oopsy {
    margin:auto;
    margin-top: 100px;
    width: 500px;
    border-top: 2px solid #A1D8E5;
    border-bottom: 2px solid #A1D8E5;
    font-family: Georgia;
    font-size: 24px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

.vertsep {
    color: #999;
}

.sn-controls {
    position:absolute;
    left:-30px;
    display: none;
    padding-left:2px;
    padding-right:10px;
    padding-top: 7px;
}

.sn-controls-minus { 
    position:absolute;
    left:-26px !important;
    display: none;
    padding-left:2px;
    padding-right:10px;
    padding-top: 3px !important;
}

.strongtweetblock .sn-controls { margin-top: 8px; } 

.weaktweetblock .sn-controls { margin-top: 3px; left: -22px; }

.sn-controls p {
    font-family:verdana;
    font-size:8px;
    margin:0;
    text-align:left;
}

.sn-controls p a {
    color: #999;
    text-decoration: none;
    padding-left: 2px;
    display: block;
    width: 25px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.sn-controls p a:hover {
    color: #fff;
    background: #222;
    border: 1px solid #222;
}

#sidebar {
    float: right;
    width: 218px;
    text-align: left;
    font-family: Georgia;
    font-size:11px;
    font-style:italic;
    margin-left:2px;
    color: #4a929e;
    margin-top: 2px;
}

#sidebar img { 
    margin-top: 1px; 
    margin-bottom: 10px;
}

#sidebar div.filterlink { 
    margin: 0 1 3;
    width: 100%;
}

#sidebar .bykeyword {
    font-family: Arial;
    color: #222;
    font-size:9.5px;
    font-style:normal;
    letter-spacing:0.16em;
    text-transform:uppercase;
    font-weight: normal;
}

#moremeddling, #communities, #invites, #aboutus { 
    border-top: 3px solid #222; 
    margin-bottom: 50px;
    clear: both;
}

#aboutus {
    color: #999;
}

#aboutus p {
    clear: both;
    margin-top: 1px;
    line-height: 140%;
}

#moremeddling div a, #communities div a { 
    color: #4a929e;
    text-decoration: none;
    display: block;
    padding: 1;
}

#moremeddling #resetfilters { display: none; }

#moremeddling #resetfilters a {
    color: #B2413B;
    font-weight: bold;
    font-style:normal;
    letter-spacing:0.1em;
    text-transform:uppercase;
    font-size: 10px;
}

#moremeddling #resetfilters a:hover {
    color: #fff;
    background: #B2413B;
}

#invites {
    font-size: 42px;
    font-style: normal;
    color: #bbb;
    margin-bottom: 3px;
display:none;
}

#invites input {
    background: #fff;
    border: 1px solid #ccc;
    height: 18px;
    width: 175px;
    color:#333333;
    font-family:Verdana;
    font-size:10px;
    padding: 1;
    letter-spacing:0.03em;
}

#invites p { margin-top: 4px; }

.notthere { display: none; }

.viewopt {
    padding: 5px;
    margin-bottom: 7px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #dadada;
    width: 15px;
    height: 15px;
    padding: 4px;
}

.viewoptselected { background: #dadada; }

#viewcontroller { 
    position: absolute;
    left: -62px;
    top: 4px;
}

.slidercontainer {
    position: absolute;
    left: -78px;
    top: 82px;
}

.sliderbg {
    width: 30px;
    height: 80px;
    position: relative;
    background: transparent url("img/sliderbg78.png") no-repeat scroll 0px 0;
}

.sliderthm {
    cursor: default;
    position: absolute;
    left: 23;
    margin-top: -2px;
}

.sliderthm img {
}

.overridenotify {
    display: none;
    font-family: Arial;
    font-size: 10px;
    color: #C48414;
    margin-top: 5px;
    margin-left: 48px;
    font-weight: bold;
}

.filternum {
    color: #bbb;
    font-size: 9px;
    letter-spacing: normal;
    margin-left: 2px;
}

.nothingtosee {
    display: none;
    font-family: Georgia;
    font-size: 10px;
    font-style: italic;
    margin-left: 48px;
    width: 480px;
    text-align: center;
    color: #666;
}

.showalldiv { display: none; }

.showalldiv a { color: #aaa !important; }

.showalldiv a:hover { 
    background: #aaa06e !important;
    color: #fff !important;
}

#firstloginexp {
    display: none;
    font-family: Georgia; 
    font-size: 13px; 
    color: #222;
    margin-left: 48px;
    border-top: 1px solid #A1D8E5;
    border-bottom: 1px solid #A1D8E5;
}

div.list {
    width: 372px;
    margin: 0 auto 55;
    min-height: 210px;
}

.profile {
    margin: 7px;
    width: 48px;
    height: 48px;
    background-color: #ccc;
    background-repeat: no-repeat;
    display: inline-block;
    border: 0px solid #fff;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
}

.filler { background: transparent !important; }

.listlabel {
    border-top:1px solid #CCCCCC;
    font-family:verdana;
    font-size:11px;
    letter-spacing:0.1em;
    margin-bottom:7px;
    margin-left:7px;
    padding-top:1px;
    text-transform:uppercase;
}

.listlabel input { 
    font-family: Verdana;
    font-size: 10px !important;
    height: 18px !important; 
    margin-bottom: -7px;
    border: 1px dotted #ccc;
    border-top: none;
}

makebtn {
    font-family:verdana;
    font-size:10px;
    margin: 7px;
    background: #ccc;
    color: #fff;
    width: 48px;
    height: 16px;
    text-align: center;
    float: right;
    clear: right;
    cursor:pointer;
    border: 0px solid #fff;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
}

makebtn:hover { background: #9a2147; }

makebtn div {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
}

morelists {
    font-family:verdana;
    font-size:10px;
    color: #ccc;
    text-align: left;
    cursor:pointer;
    position: absolute;
    left: 400px;
    top: 268px;
    width: 50px;
}

morelists:hover { text-transform: underline; }

morelists a { color: inherit; text-decoration: none; }
morelists a:hover { text-decoration: underline; }

.andmore {
    color:#999;
    float:left;
    font-style:italic;
    margin: 3 7 7 7;
    text-align:center;
    width:48px;
}

.andmore a { color: inherit; text-decoration: none; }
.andmore a:hover { text-decoration: underline; }

a.options { 
    text-decoration: none; 
    color: #fff; 
    display: block;
    padding: 2;
}
a.options:hover { 
    background: #eee; 
    color: #333;
    text-decoration: none;
}

.toomany { 
display: none;
}

#foot {
    position:absolute;
    bottom:-19px;
    width:100%;
    height:21px;
    color:#777;
    font-family:verdana;
    font-size:11px;
    line-height:170%;
}

#foot a {
    color: #1A81A6;
}

#notquiteenough {
    font-size:28px;
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    text-align:center;
    line-height: 1.6em;
}

#fdbk_screen {
    opacity: 0 !important;
}

.liextrapad { 
    padding-top: 20px;
}

.inreplytostrongtie a.atlink:first-child, .inreplytome a.atlink:first-child { font-weight: bold; }

#innerouterhelp {
    color: #999999;
    font-size: 11px;
    font-weight: bold;
    margin-left: 20px;
    padding: 5px;
}

.minuspacked { margin-top: 12px !important; }

.minuspacked .subtweet {
    font-family: Verdana;
    color: #666 !important;
    font-size: 10.5px !important;
}

.minus2 a.tweetlink, .minus2 a.hashlink { color: #000; } 

.editcomm {
    font-family: Verdana;
    font-size: 9px;
    color: #bbb;
    position: absolute;
    font-style: normal;
}