/*  
Theme Name: Worst of Myspace
Theme URI: http://worstofmyspace.com
Description: The default Worst of MySpace template
Version: 0.9
Author: Jason Schock


*/

body {
	background-image: url("images/masthead.png");
    background-position: 0% 0%;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
    background-color: white;
}
p {
    font-family: Verdana, Arial, Helvetica, sans;
    
}
hr {
    display: none;
}

form {
    margin:0;
    padding: 0;
}

.highlight {
    background-color: #ffffcc;
}

.fnord {
    display: none;
}

div#masthead {
    margin: 0 0 1em 0;
    padding: 8px 0 0 0.3em;
    height: 65px;
}
div#masthead h1 {
    font-family: 'Trebuchet', 'Trebuchet MS', Verdana, Arial, Helvetica, sans;
    padding: 0 0 0 0;
    margin: 0 0 0 0.4em;
    font-size: 150%;
}
div#masthead h1 a {
    color: white;
    text-decoration: none;
}
div#adMasthead {
    position: absolute;
    left: 320px;
    top: 2px;
    border: 1px solid #ccc;
}
div#content .pagetitle {
    font-size: 120%;
    font-family: 'Trebuchet', 'Trebuchet MS', Verdana, Arial, Helvetica, sans;
}
span.floatingThe {
    position: absolute;
    top: 0;
    left: 10px;
    color: white;
    font-style: italic;
    font-size: 40%;
}

div.description {
    margin: -5px 0 0 0;
}
div.description h2 {
    font-family: 'Trebuchet', 'Trebuchet MS', Verdana, Arial, Helvetica, sans;
    font-size: 75%;
    font-weight: normal;
    padding: 0;
    color: #ffff66;
    margin: 0 0 0 15px;
    letter-spacing: 0.05em;
}


div#content {
    margin: 3em 19em 1em 2em;
}
div.post {
    font-family: Verdana, Arial, Helvetica, sans;
    margin-bottom: 3em;
    border-bottom: 3px solid #ff0099;
    padding-bottom: 1em;
}
div.post p {
    line-height: 1.5em;
    margin: 0.3em 0 1em 0;
}
div.post p.postmetadata {
    padding: 0;
    margin: 0;
    font-size: 70%;
    background-color: #eee;
}

div.post h2, div.post h3, div.post h4 {
    font-family: 'Trebuchet', 'Trebuchet MS', Verdana, Arial, Helvetica, sans;
}
div.post h2 {
    margin: 0;
}
div.post h3 {
    margin: 1em 0 0.3em 0;
    
}
div.post h3.byline {
    padding: 0;
    color: #999;
    font-size: 90%;
    margin: 0 0 0 0.5em;
}
div.post h3.conclusion, div.post h3.conclusions {
    color: #ff3399;
    background-color: yellow;
    padding: 0 0 0 0.2em;
    border: 1px solid #ff99cc;
}

div.post blockquote {
    border-top: 1px solid #ccc;
    color: #ff3366;
    border-bottom: 1px solid #ccc;
}

div.post blockquote.callout {
    width: 15em;
    float: right;
    font-size: 130%;
    font-style: italic;
    color: #ff3366;
    margin: 1em 0 1em 0;
    border-right: 2px solid #ccc;
    border-top: none;
    border-bottom: none;
    padding: 0 0.1em 0 2em;
}
div.post ul {
    font-size: 90%;
}
div.post li {
    margin-top: 0.3em;
}
div.entry p {
    font-size: 90%;
}
div.mainImage {
    float: right;
    border: 1px solid #eee;
    padding: 0.5em 1em 0.5em 0.5em;
    margin: 0 0 0.5em 1em;
    font-size: 70%;
    color: #999;
}
div.mainImage img {
    border: 1px solid #333;
}

div.imageRight {
    float: right;
    padding: 0.5em 1em 0.5em 0.5em;
    margin: 0 0 0.5em 1em;
    font-size: 70%;
    color: #999;
    background-color: white;
}
div.imageLeft {
    float: left;
    padding: 0.5em 1em 0.5em 0.2em;
    margin: 0 0 1em 0.5em;
    font-size: 70%;
    color: #999;
    background-color: white;
}

div.imageRight img {
    border: 1px solid;
}

div.post img.floatRight {
    float: right;
    border: 1px solid #333;
    margin-left: 1em;
}

div.galleryImage {
    border: 1px solid black;
    background-color: #666;
    color: white;
    text-align: center;
    width: 90%;
    padding: 1em;
    font-size: 80%;
    margin: 0.5em 0 1em 0;
}

div.galleryImage img {
    border: 3px solid black;
    width: 90%;
}

div#sidebar {
    position: absolute;
    top: 75px;
    right: 0;
    width: 15em;
    border-left: 1px solid #ff99cc;
    padding: 0 0.5em 0 0.5em;
}

div#sidebar a:link {
    text-decoration: none;
}
div#sidebar a:visited {
    text-decoration: none;
}
div#sidebar a:hover {
    color: yellow;
    background-color: #ff3399;
}
div#sidebar ul {
    margin: 0 0 1em 0;
    padding: 0;
    list-style: none;
    font-size: 90%;
    line-height: 1em;
    font-family: Verdana, Arial, Helvetica, sans;
}
div#sidebar li li{
    padding: 0.2em 0 0.2em 0.2em;
    list-style-type: disc;
    list-style-position: inside;
}
div#sidebar li li li{
    padding: 0.2em 0 0.2em 0.8em;
    list-style-type: none;
    list-style-position: outside;
}
div#sidebar h2 {
    font-size: 100%;
    font-family: 'Trebuchet', 'Trebuchet MS', Verdana, Arial, Helvetica, sans;
    margin: 1em 0 0 0;
    color: #ff3399;
    border-bottom: 1px dashed #999;
}

div#sidebar input.searchBox {
    border: 1px solid #ff3399;
    background-color: #eee;
}
div#sidebar input.searchBox:focus {
   background-color: #ffffcc; 
}

div#sidebar .sidebarmessage {
    color: #666;
    font-size: 80%;
}

div#adSidebar {
    padding-top: 0.5em;
    border-top: 3px solid #ff0099;
}
div#adSidebar img {
    border: 1px solid #ccc;
}

#categories ul, #linkcat-2 ul {
    line-height: 1em;
    margin: 0;
    padding: 0;
    list-style-type: square;
}
li #categories ul li, #linkcat-2 ul li {
    list-style-type: circle;
    border-bottom: 1px solid #ddd;
    font-size: 80%;
}

div#footer p {
    text-align: center;
    font-size: 70%;
    font-family: Verdana, Arial, Helvetica, sans;
    color: #999;
    margin-right: 19em;
}
span.borderTop{
    padding: 0.2em 0 0 0;
    border-top: 1px solid #ccc;
}

div.navigation {
    font-family: Verdana, Arial, Helvetica, sans;
    font-size: 70%;
    padding: 2em 0 1em 0;
    margin:  0 0 1em 0;
    
}

div.topnav {
    border-bottom: 1px dashed #ccc;
}

div.bottomnav {
    border-top: 1px dashed #ccc;
}
div.navigation a:link {
    text-decoration: none;
}
div.navigation a:visited {
    text-decoration: none;
}
div.navigation a:hover {
    color: yellow;
    background-color: #ff3399;
}

div.alignright {
    text-align: right;
    padding: 1em;
}
div.alignleft{
    float: left;
    padding: 1em;
}

div.alignleft a {
    background-color: #cc007a;
}
div.alignright a {
    background-color: #ff80cc;
}

div.alignright a, div.alignleft a{
    color: #ffff00;
    font-size: 110%;
    padding: 0.4em;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

div.alignright a:hover, div.alignleft a:hover {
    background-color: #ffff00;
    color: #ff0099;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: none;
    border-right: none;
}

h3#comments, h3#respond {
    font-family: 'Trebuchet', 'Trebuchet MS', Verdana, Arial, Helvetica, sans;
    font-size: 120%;
}
h3#respond {
    border-top: 2px dashed #ccc;
    padding-top: 0.5em;
}
ol li {
    margin: 0.5em 0 1em 0;
    font-size: 90%;
    line-height: 1.4em;
}
ol.commentlist, form#commentform {
    font-family: Verdana, Arial, Helvetica, sans;
}
ol.commentlist li {
    background-color: #eee;
    border-bottom: 1px solid #999;
    padding: 0.5em;
    font-size: 100%;
    margin-bottom: 0.5em;
}
ol.commentlist li ul li {
    border: none;
    margin: 0;
    padding: 0;
}

ol.commentlist blockquote {
    background-color: #ccc;
    border-left: 1px solid red;
    padding: 0 0.3em 0 0.2em;
}

input#submit {
    background-color: #ff0099;
    border: 2px solid #ffff66;
    color: white;
}

div#sidebar #recentcomments ul {
    margin: 0;
}
div#sidebar div#recentcomments ul li {
    background-color: #eee;
    font-size: 85%;
    list-style-type: none;
    list-style-position: outside;
    color: #333;
    line-height: 1.5em;
    margin: 1px 0 0.25em 0;  
    border-bottom: 1px solid #ccc;
    padding: 0 0 0.25em 0.25em;
}
div#sidebar div#recentcomments ul li a {
}

div#sidebar #recentposts ul {
    margin: 0;
}
div#sidebar div#recentposts ul li {
    background-color: #ffe5f5;
    font-size: 85%;
    list-style-type: none;
    list-style-position: outside;
    color: #333;
    line-height: 1.5em;
    margin: 1px 0 0.25em 0;  
    border-bottom: 1px solid #ccc;
    padding: 0 0 0.25em 0.25em;
}

div.searchresults {
    font-family: Verdana, Arial, Helvetica, sans;
    margin: 0.2em 0 1em 0;
}

.searchresults h3 {
    font-weight: normal;
    font-size: 100%;
    margin-bottom: 0.1em;
}

.searchresults .entry p {
    font-size: 90%;
    margin: 0;
    line-height: 1.3em;
}

.searchresults small {
    color: green; 
    font-size: 70%;
    display: block;
}

.searchresults small .postmetadata {
    color: #666;
}

.searchresults small .postmetadata a {
    color: #77c;
}


div.archiveresults {
    font-family: Verdana, Arial, Helvetica, sans;
    margin: 0.2em 0 1em 0;
    background-color: #ffe5f5;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}

.archiveresults h3 {
    font-weight: normal;
    font-size: 100%;
    margin-bottom: 0.1em;
}

.archiveresults .entry p {
    font-size: 90%;
    margin: 0;
    line-height: 1.3em;
}

.archiveresults small {
    color: green; 
    font-size: 70%;
    display: block;
}

.archiveresults small .postmetadata {
    color: #666;
}

.archiveresults small .postmetadata a {
    color: #77c;
}
.textad {
    border: 1px solid #ddd;
    padding: 0.2em;
    margin-bottom: 0.5em;
}
.textad .yourad {
    text-align: right;
    font-weight: normal;
}
.textad .yourad a {
    color: #77c;
    text-decoration: none;
    font-size: 60%;
}