body{
    font: 13px Arial,Helvetica,Garuda,sans-serif;
    background-color: #ddd;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

h1, h2, h3, h4{
    margin: 0;
    padding: 10px 0;
    text-shadow: 1px 1px 2px rgba( 34, 0, 51, 0.4 );
}

a {
    text-decoration: none;
    color: #00f;
}

a:hover {
    text-decoration: underline;
    color: #666;
}

a:visited {
    color: #00a;
}
a img {
    vertical-align: bottom;
    border: none;
}

div#masthead {
    height: 38px;
    background: #203 url(/images/fade.png) top repeat-x;
    background-color: #203;
    color: #fff;
    width: 900px;
    margin: 0 auto;
    padding: 0;
    border: solid 1px black;
    border-width: 0 1px 1px 1px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-box-shadow: 5px 5px 15px rgba( 34, 0, 51, 0.5 );
    -moz-border-radius: 0 0 8px 8px;
    -moz-box-shadow: 5px 5px 15px rgba( 34, 0, 51, 0.5 );
}

div#masthead div {
    margin: 0;
    padding: 5px 15px;
}

div#masthead div#title {
    float: left;
    font-size: 25px;
    line-height: 25px;
    font-weight: bold;
    text-shadow: -1px -1px 0 rgb( 0, 0, 0 );
}

div#masthead div#title a {
    color: #fff;
}

div#masthead div#tag {
    float: right;
}

div#content {
    width: 650px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -400px;
    border: solid 1px black;
    border-width: 0 1px 1px 1px;
    background-color: #fff;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-box-shadow: 5px 5px 15px rgba( 34, 0, 51, 0.5 );
    -moz-border-radius: 0 0 8px 8px;
    -moz-box-shadow: 5px 5px 15px rgba( 34, 0, 51, 0.5 );
}

div#main {
    padding: 0 10px;
    margin: 0;
}

div.benefits {
    padding: 0;
    margin: 0;
    width: 250px;
    border: none;
}

div.benefits-left {
    margin-left: 50px;
    float: left;
}

div.benefits-right {
    margin-right: 50px;
    float: right;
}

div.benefits ul li {
    font-size: 0.8em;
}

div.benefits p {
    font-weight: bold;
}

div.benefits p a:hover {
    text-decoration: none;
}

div.benefits p a img {
    width: 22px;
    height: 22px;
    border: none;
    margin-right: 10px;
}

br.clear{
    clear: both;
}

div#sidebar{
    width: 125px;
    background-color: #bbb;
    margin: 20px 0 0 225px;
    padding: 10px 10px 10px 45px;
    position: fixed;
    top: 40px;
    left: 50%;
    border: solid 1px black;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 5px 1px 10px rgba( 34, 0, 51, 0.5 );
    -moz-border-radius: 5px;
    -moz-box-shadow: 5px 1px 10px rgba( 34, 0, 51, 0.5 );
}

p.preview-check
{
    margin: 2px 0 0 0;
    padding: 0;
    font-size: 0.8em;
}

div#sidebar ul {
    list-style-type: none;
    margin: 0;
    padding: 5px 0;
}

div#sidebar ul li {
    margin-top: 8px;
}

div#sidebar a {
    display: block;
    text-align: left;
    padding: 2px;
    background-color: #b2aee8;
    background: #b2aee8 url(/images/fade.png) center repeat-x;
    color: rgb( 50, 0, 100 );
    border: solid 1px black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div#sidebar a:hover {
    background: #ddf url(/images/fade.png) center repeat-x;
    text-decoration: none;
}

div#sidebar a img {
    width: 16px;
    height: 16px;
    padding: 0 4px 0 6px;
}

div#sidebar p#search-title {
    font-weight: bold;
    margin: 0;
    padding: 0 0 4px 0;
}

div#sidebar #searchbox{
    display: inline;
    width: 95px;
    border: solid 1px black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: inset 2px 2px 10px rgba( 0, 0, 0, 0.5 );
    -webkit-box-shadow: inset 2px 2px 10px rgba( 0, 0, 0, 0.5 );
    padding: 2px 0 2px 2px;
    background-color: #fff;
}

div#sidebar input#search-term{
    width: 95px;
    border: none;
    background: transparent;
}

div#sidebar img#search-button{
    cursor: pointer;
    float: right;
    vertical-align: bottom;
}

p.preview-intro {
    margin: 10px 0 0 0;
    padding-bottom: 10px;
    border-bottom: solid 1px silver;
}

div#result h1 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 1.3em;
}

div#result h1 a {
    color: #000;
    text-decoration: none;
}

div#result h1 a:hover {
    color: #3f284a;
    text-decoration: none;
}

div#result p {
    margin: 0;
    padding: 5px 2px;
}

div#result p.added {
    padding: 0px 2px 10px 2px;
    font-size: 0.8em;
}

div#result img.favicon {
    border: none;
    vertical-align: bottom;
}

div#result > p:last-of-type {
    padding-bottom: 10px;   
}

div#footer{
    border-top: solid 1px silver;
    width: 630px;
    margin: 0 auto;
    color: #888;
    font-size: 0.9em;
    clear: both;
    text-align: center;
}

div#footer-content{
    padding: 5px 0;
}

div#footer a {
    color: #aaa;
}

div#footer a:hover{
    color: #000;
}

div#errors{
    border: solid 1px red;
    margin-top: 5px;
    background-color: #fdd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: inset 2px 2px 8px rgba( 255, 0, 0, 0.5 );
    -webkit-box-shadow: inset 2px 2px 8px rgba( 255, 0, 0, 0.5 );
}

div#errors ul{
    margin: 10px 0 10px 0;
    padding: 0 0 0 25px;
}

div.search-results{
    margin-bottom: 10px;
}

div.search-results p.search-desc{
    margin-top: 0;
    padding-top: 0;
}

div.search-result{
    padding: 5px;
    margin: 10px 0 25px 0;
    border-left: solid 2px silver;
}

div.search-result p {
    padding: 0;
    margin: 8px 0;
}

div.search-result p.title {
    margin: 0;
    font-weight: bold;
}

div.search-result p.tags {
    margin: 0;
}

.inline-heading{
    font-weight: bold;
}

#shortened-display{
    margin: auto;
    width: 300px;
    border: solid 1px black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: inset 2px 2px 10px rgba( 0, 0, 0, 0.5 );
    -webkit-box-shadow: inset 2px 2px 10px rgba( 0, 0, 0, 0.5 );
}

#shortened-display input {
    width: 300px;
    height: 25px;
    line-height: 25px;
    font-size: 25px;
    border: none;
    background: transparent;
    text-align: center;
}

p.hint
{
    font-style: italic;
    /* font-size: 0.8em; */
}

span.error-code
{
    font-weight: bold;
}

form#url-post p label {
    width: 200px;
    float: left;
    text-align: right;
    margin-right: 10px;
    font-weight: bold;
}

form#url-post span.vanity-url {
    font-weight: normal;
    font-style: italic;
}

form#url-post p input {
    width: 300px;
}

form#url-post button {
    text-align: center;
    padding: 2px;
    background-color: #b2aee8;
    background: #ccf url(/images/fade.png) center repeat-x;
    color: rgb( 50, 0, 100 );
    border: solid 1px black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 300px;
    margin-left: 210px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
}

form#url-post button:hover {
    background: #ddf url(/images/fade.png) center repeat-x;
}

div#ajax-header{
    padding: 10px;
}

div#ajax-header p {
    padding: 0 5px;
}

div#ajax-header p.ajax-heading{
    padding-top: 10px;
    font-weight: bold;
    font-size: 1.2em;
    clear: both;
}

div#ajax-header p.ajax-subheading{
    padding-top: 10px;
    font-weight: bold;
    margin: 0;
    padding: 0 5px;
}

div#ajax-menu {
    width: 474px;
    margin: 0;
    padding: 0;
    display: block;
}

div#ajax-menu div {
    margin: 0;
    display: inline;
    text-align: center;
}

div#ajax-menu div a {
    color: #320064;
    display: block;
    float: left;
    padding: 0 9px;
    border: solid 1px #000;
    border-width: 1px 0;
    background: #ccf url(/images/fade.png) center repeat-x;
}

div#ajax-menu div a:hover {
    background: #eee url(/images/fade.png) center repeat-x;
    color: #008;
}

div#ajax-menu div:first-child a {
    border: solid 1px black;
    border-right: none;
    -moz-border-radius: 20px 0 0 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
}

div#ajax-menu div:last-child a {
    border: solid 1px black;
    border-left: none;
    -moz-border-radius: 0 20px 20px 0;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    background-color: #000;
    color: #fff;
}

div#ajax-menu div:last-child a:hover {
    color: silver;
}

div#ajax-header p.ajax-close-button {
    margin: auto;
    width: 200px;
    text-align: center;
}

div#ajax-header p.ajax-close-button a {
    padding: 3px 50px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background-color: #000;
    color: #fff;
    font-weight: bold;
}

div#ajax-header p.ajax-close-button a:hover {
    color: silver;
}

p.related-header {
    font-weight: bold;
    color: #666;
    border-bottom: solid 1px silver;
    clear: both;
}

img.related-image {
    float: left;
    border: solid 1px silver;
    margin: 0px 10px 0 0;
    width: 50px;
    height: 50px;
}

div.sharing-list ul.socials {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

div.sharing-list ul.socials li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

div.sharing-list ul.socials li a {
    margin: 0;
    padding: 0;
    opacity: 0.7;
    z-index: 1;
}

div.sharing-list ul.socials li a:hover {
    opacity: 1;
}

div.sharing-list ul.socials li a img {
    width: 32px;
    height: 32px;
    margin: 10px 0 0 0;
    vertical-align: baseline;
}

div.sharing-list p.show-more-link {
    float: left;
    line-height: 16px;
    padding: 12px 0 0 26px;
}

div.sharing-list p.show-more-link a {
    padding: 0;
    margin: 0;
}

div#social-more {
    clear: both;
    padding: 0;
    margin: 0;
}

div.sharing-list p.social-title, div.sharing-list div p.social-title {
    font-size: 0.9em;
    padding: 0;
    margin: 0 0 0 8px;
}

.social-more-wrapper {
    padding: 0;
    margin: 0;
}

.slider-wrapper {
    padding: 0;
    margin: 0;
}

img.handle {
    position: relative;
    top: -24px;
    left: 20px;
    width: 16px;
    height: 16px;
    z-index: 1000;
    cursor: move;
    opacity: 0.3;
}

img.handle:hover {
    position: relative;
    top: -24px;
    left: 20px;
    width: 16px;
    height: 16px;
    z-index: 1000;
    cursor: move;
    opacity: 1;
}

#flash-message {
    border: solid 1px #080;
    background-color: #afa;
    margin-top: 10px;
    padding: 5px;
}

p#tracking {
    font-size: 1.4em;
    color: #888;
}

p#tracking span.tracking-num {
    font-size: 1.6em;
    color: black;
    font-weight: bold;
}

table#referer-table {
    width: 100%;
    border: solid 1px silver;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

table#referer-table tr:nth-child(odd) {
    background-color:#eee;
}

table#referer-table tr:nth-child(even) {
    background-color:#fff;
}

table#referer-table th {
    padding: 2px 10px;
    text-align: left;
    border-bottom: solid 1px silver;
}

table#referer-table td {
    padding: 2px 10px;
    border-top: solid 1px silver;
}

table#referer-table .click-count {
    text-align: right;
}

p.current-user {
    font-size: 0.8em;
    margin-bottom: 0;
}

p.current-user img.profile-image {
    float: left;
    height: 24px;
    width: 24px;
    margin-right: 5px;
    border: solid 1px #000;
}

table#my-links {
    width: 100%;
    margin-bottom: 15px;
}

table#my-links th {
    text-align: left;
    padding: 2px 10px;
}

table#my-links tr:nth-child(odd) {
    background-color:#eee;
}

table#my-links tr:nth-child(even) {
    background-color:#fff;
}

table#my-links td {
    padding: 2px 10px;
}

table#my-links td.visits {
    text-align: right;
}

p.note {
    border: solid 1px silver;
    background-color: #ffc;
    padding: 10px;
    text-align: center;
}

#yahoomap {
    width: 625px;
    height: 375px;
    border: solid 1px black;
}

div.first-visit {
    padding: 10px;
}

div.first-visit h1 {
    font-size: 1.2em;
}

div.first-visit p.preview-choice {
    font-size: 1.2em;
    padding-bottom: 0;
    margin-bottom: 0;
    font-weight: bold;
}

div.first-visit p.preview-description {
    margin-top: 0;
    padding-top: 2px;
    font-style: italic;
}