/*
Theme Name: Snarkmarket Theme
Theme URI: http://snarkmarket.com/
Description: A theme for the blog Snarkmarket.
Author: Matt Thompson
Author URI: http://www.mthomps.com
*/

/* BEGIN TYPOGRAPHY & COLORS */

body { 
background-color: #f4f4f4; 
background-image: url('images/dropshadow.png'); 
background-repeat: repeat-x; 
background-position: 0px 124px; 
font-family: Garamond, Georgia, serif; 
font-size: 20px; 
}
img { behavior: url("images/iepngfix.htc"); }
a { text-decoration: none; color: #A60035; }
a:hover { text-decoration: underline; }
p { margin-bottom: 10px; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }

blockquote {
font-family: Garamond, Georgia, serif;
font-size: 16px;
font-weight: normal;
text-transform: normal;
letter-spacing: .01em;
line-height: 1.4em;
padding: 10px 15px;
margin: 10px 0px;
background-color: #ddd;
}



/* OVERALL PAGE LAYOUT & DESIGN */

div#maincolumn {
background-image: url('images/dropshadow.png');
background-repeat: repeat-x;
background-position: top left;
}

div#mainheader {
height: 124px;
background-image: url('images/background.png');
background-repeat: repeat;
border-bottom: 3px solid #ed004b;
line-height: 1em;
}

div#footer {
height: 30px;
background-image: url('images/background.png');
background-repeat: repeat;
border-top: 3px solid #ed004b;
padding-top: 10px;
margin-top: 30px;
font-family: Lucida Sans Unicode, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #ffffff;
clear: both;
}

div#container {
width: 951px;
margin: auto;
}

div#content {
width: 731px;
float: right;
}

div#sidebar {
margin-top: 40px;
float: left;
text-align: right;
width: 200px;
font-family: Lucida Sans Unicode, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #7b7b7b;
}

div.clear { 
clear: both; 
height: 1px;
overflow: hidden;
}




/* SIDEBAR */

div#sidebar a {
color: #1aaa00;
}

div#sidebar h2 {
font-weight: bold;
}

div.widget {
margin: 10px 0px;
}




/* MAIN COLUMN */

div.body h3 {
font-size: 24px;
font-weight: bold;
margin: 50px 0px;
}


div.navigation {
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.5em;
margin-top: 50px;
}

div.navigation div {
margin: auto;
display: inline;
}

div.navigation .alignright {
margin-left: 20px;
padding-left: 20px;
border-left: 2px solid #ccc;
}

div.post, div.page {
position: relative;
border-top: 3px solid #2a2a2a;
margin-top: 60px;
}

div.post {
	min-height: 105px;
}

div.body {
width: 500px;
padding-top: 10px;
font-family: Garamond, Georgia, serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: .01em;
line-height: 1.4em;
}

div.body a, div.post a {
font-weight: bold;
}




/* CRAZY LIST STYLING */

div.body ul, ol {
padding-left: 0px;
margin-bottom: 10px;
}

div.body ol {
list-style-type: decimal;
}

div.body ol li, div.body ul li {
font: serif;
padding: 0px 15px;
margin-bottom: 15px;
border-left: solid 15px #ddd;
}

div.body ol li:hover, div.body ul li:hover {
background-color: #fff;
}

div.body blockquote ol li, div.body blockquote ul li {
border-left: solid 15px #eee;
}


/* POST METADATA */

div.metadata {
position: absolute;
font-family: Lucida Sans Unicode, Helvetica, Arial, sans-serif;
font-size: 12px;
right: 0px;
text-align: right;
padding: 3px;
background-color: #24ED00;
color: #DBFED6;
width: 209px;
}

.metadata a, .searchmetadata a {
color: #fff;
}

div.Robin {
background-color: #00CEED;
color: #78EEFE;
}

div.Matt {
background-color: #ED6500;
color: #FFB680;
}

div.Tim {
background-color: #24ED00;
color: #DBFED6;
}

div.Snarkmasters {
background-color: #666;
color: #999;
}

.post h1, .page h1 {
position: absolute;
top: -23px;
left: 2px;
width: 729px;
text-align: right;
color: #2a2a2a;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.5em;
}

.post h1 a, div.searchresults h3 a, .page h1 a {
color: #000;
}

.post h1 a:hover, div.searchresults h3 a:hover , .page h1 a:hover{
text-decoration: none;
color: #f4f4f4;
background-color: #000;
}




/* POST CONTENT */

.body img {
border: solid 1px #ccc;
margin-bottom: 10px;
}

img.author {
border: 0px;
padding-top: 10px;
display: block;
margin: auto;
}




/* COMMENTS & TRACKBACKS */

div.comment-author {
color: #555;
background-color: #ddd;
font-family: Lucida Sans Unicode, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 1.2em;
padding: 5px;
}

div.commentmetadata {
position: absolute;
top: -15px;
right: 0px;
font-size: 11px;
font-family: Lucida Sans Unicode, Helvetica, Arial, sans-serif;
line-height: 1em;
}

a.comment-reply-link {
bottom: 0px;
font-size: 11px;
font-family: Lucida Sans Unicode, Helvetica, Arial, sans-serif;
line-height: 1em;
display: block;
}

div.comment {
position: relative;
margin-left: 40px;
margin-bottom: 50px;
margin-top: 50px;
margin-right: 5px;
}

div.comment img.avatar {
position: absolute;
border: 1px solid #bbb;
left: -40px;
top: 0px;
}

div.parent p {
padding-right: 5px;
}

div.parent {
border-right: 3px solid #ddd;
}

div.bypostauthor div.comment-author {
background-color: #ed004b;
color: #fff;
}

div.bypostauthor div.comment-author a {
font-weight: bold;
}

div.bypostauthor.parent {
border-right: 3px solid #ed004b;
}

div.pingback {
margin-bottom: 50px;
}

div.pingback div.commentmetadata { /* This is a hack because trackbacks do weird things in WP */
position: relative;
top: -37px;
left: 0px;
}

div.pingback div.comment-author {
background-color: #666;
color: #ddd;
}

div.pingback div.comment-author a {
color: #fff;
}




/* REPLY FORM */

div#respond {
background-color: #f4f4f4;
width: 500px;
}

textarea#comment {
width: 500px;
font-family: Garamond, Georgia, serif;
font-size: 16px;
letter-spacing: .01em;
line-height: 1.4em;
}

form#commentform {
font-family: Lucida Sans Unicode, Helvetica, Arial, sans-serif;
font-size: 11px;
position: relative;
}

form#commentform small {
font-size: 11px;
color: #aaa;
}

input#url, input#author, input#email {
width: 200px;
}

input#submit {
right: 0px;
}




/* ARCHIVE PAGES */

h1.pagetitle {
font-family: Garamond, Georgia, serif;
margin-top: 50px;
font-size: 40px;
font-style: normal;
font-weight: normal;
font-variant: small-caps;
letter-spacing: .01em;
line-height: .8em;
}




/* SEARCH RESULTS */

div.searchresults h3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.5em;
margin-top: 20px;
}

div.searchresults p {
margin: 0px;
}

div.searchresults .searchmetadata {
font-family: Lucida Sans Unicode, Helvetica, Arial, sans-serif;
font-size: 12px;
right: 0px;
padding: 3px;
}

div.nodice {
margin: 20px 0px;
}




/* ARCHIVES */

div.archives h2 {
font-weight: bold;
}

div.archives div {
margin-top: 20px;
}

div.monthlyarchives {
float: left;
width: 30%;
margin-right: 20px;
}