/*  
Theme Name: Strangematter
Theme URI: http://strangematter.net/
Description: Strangematter Theme
Version: 0.99
Author: Vincent J. Murphy
Author URI: http://strangematter.net/
*/

/* Globals */
body {  
  margin: 0;
  padding: 0;
  background-color: #fafafa;
  color: #000000;
  font-family: georgia, helvetica, sans-serif;
}
dt {
  padding-top: 10px;
} 
a {
  text-decoration: none;
}
a:link {
  color: #0066ff;
}
a:visited {
  color: #3f3f3f;
}
a:hover {
  text-decoration: underline;
}

abbr, acronym 
{ 
  border-bottom: 1px dotted #ccc; 
  cursor: help; 
}

img { border: 0; padding: 0; margin: 0; }

h1, h2, h3 {
  margin: 0;
  padding: 0;
}

#header {
  margin: 0;
  padding: 0;
  background: url("http://strangematter.net/image/title_strangematter.jpg") no-repeat #000000;
  height: 50px;
  border-bottom: 1px solid #000000;
}

#header a,
#header a:link,
#header a:visited,
#header a:active,
#header a:hover {
  color: #000000;
}
#header h1 {
  position: relative;
  margin: 0;
  padding: 0;
  top: 5px;
  left: 90px;
  width: 50%;
}

#header h2 {
}	

#main {
  left: 10px; /* switch values to change sides */
  left: 0;
  right: 270px;
  top: auto;
  position: absolute;
  /* margin: 0 0 20px 20px; */
  margin: 0 0 20px 10px;
  padding: 5px;
  padding-top: 10px;
}

#main .content a,
#main .content a:active {
  text-decoration: none;
}

#main .content a:link,
#main .content a:visited {
  text-decoration: underline;
}

#main .content h2 {
  font-weight: bold;
  font-size: 130%;

}
#main .content h3 {
  font-weight: bold;
  font-size: 110%;
}			

#main .content h4 {
  font-weight: bold;
  font-size: 100%;
}	

#main .content img {
  border: 1px solid black;
  background-color: #fff;
  margin-left: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}	


#main .date {
  font-size: 80%;
  margin: 0;
  padding: 0;
}

#main .info {
  text-align: right;
}

#main p.tags {
  font-size: 80%;
}

/* The Sidebar */

#sidebar {
  border: 1px solid black;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  margin-top: 10px;
  position: absolute;
  top: auto;
  right: 10px; /* switch left/right to change sides */
  width: 230px;
  background-color: #efefef;
}

#sidebar .content p {
  font-size: 90%;
}	

#sidebar .content h2 {
  border-bottom: 1px solid #000000;
  color:   #000;
  font-size: 95%;
}		

#sidebar .content ul {
  padding-left: 0;
  margin: 0;
  padding-bottom: 8px;
}

#sidebar .content li {
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: 90%;
  text-align: left;
  list-style-type: none;
}	

#comment-data {
  float: left;
  width: 180px;
  padding-right: 15px;
  margin-right: 15px;
  text-align: left;
  border-right: 1px dotted #BBB;
}

textarea[id="comment-text"] {
  width: 60%;
}

form fieldset {
  border: 0 solid #333333;
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
}

.message .info ul {
  margin: 0;
  padding: 0;
  font-size: 80%; 
}

.message .info ul li {
  display: inline;
  white-space: nowrap;
}
.message .info ul li a {
  text-decoration: underline;

}
.message {
  border: 1px solid black;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  background-color: #efefef;
}
.note {
  padding-top: 5px;
  padding-bottom: 5px;
}

#footer .content {
  font-size: 90%;
}
.message-navigation {
  padding-top: 5px;
  padding-bottom: 5px;
}
.message-navigation ul {
  margin: 0;
  padding: 0;
  font-size: 80%; 
}
.message-navigation ul li {
  display: block;
  white-space: nowrap;
}

#main .related ul {
  font-size: 80%;
}

.archive-navigation {
  padding-top: 5px;
  padding-bottom: 5px;
}

.archive-navigation ul {
  margin: 0;
  padding: 0;
  font-size: 90%; 
}
.archive-navigation ul li {
  display: inline;
  white-space: nowrap;
}

#search2 {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 10px;
  right: 30px;
}


#search input {
  background-color: #cccccc;
  color: #000000;
  margin: 0;
  padding: 2px;
  border: 1px solid black;
}

#search #searchsubmit {
  background-color: #cccccc;
  color: #000;
  margin: 0;
  border: 1px solid #000;
}

#navigation {
  border-bottom: 1px solid black;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 90%;
  background-color: #efefef;
}

#navigation ul {
    padding: 5px;
    margin: 0;
}
#navigation ul li {
  display: inline;
  padding-right: 6px;
  padding-left: 4px;
  margin: 0;
  border-right: 1px solid #000;
}

#main .content dt {
  font-weight: bold;
}

#main .content dd {
  margin: 0;
  padding: 0;
  margin-left: 2em;
  margin-right: 2em;
}

#main .right {
  padding: 5px;
  padding-left: 5px;
  float: right;
}

#comments {
}

#comments ol {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}
#comments ol li {
  border: 1px solid black;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#comments ol li p {
  padding: 5px 5px 5px 5px;
  margin: 0; 
}

#comments .official {
   border: 1px solid black;
   background-color: #efefef;
}