/*  
Theme Name: Text Only
Description: Well, actually, there are images now :D
Version: 2.0
Author: Jeff Minard
*/

/* see css pages */

#showGrid {
position: absolute;
top: 47px;
right: 10px;
color: #ccc;
z-index: 100;
}
#showGrid input {
border: 1px solid #ccc;
float: left;
margin-top: 2px;
margin-right: 3px;
}

body, html {
margin: 0;
padding: 0;
font: 11px/16px Arial;
text-align: justify;
}

body {
padding-left: 20px;
padding-top: 96px;
}

.clear {
clear: both;
}


#headernav p a {
color:#fff;
font-size: 1px;
display: block;
width: 58px;
height: 97px;
background: url('images/logo.png') 0px 17px no-repeat;
margin-top: -12px;
text-decoration: none;
position: absolute;
top: 11px;
left: 21px;
z-index: 10;
}

#headernav ol {
position: absolute;
top: 46px;
left: 0;
right: 0;
height: 16px;
display: block;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
z-index: 5;
padding-left: 100px;
}

#headernav ol li {
float: left;
margin-right: 20px;
width: 60px;
text-align: center;
}

#headernav ol li.first {
}

#headernav ol li a {
display: block;
width: 60px;
text-align: center;
font-weight: bold;
text-decoration: none;
color: #111;
}

#headernav ol li a:hover {
color: #900;
}

body.category-5 #headernav li.cat-5 a { color: #900 }
body.category-170 #headernav li.cat-170 a { color: #900 }
body.category-114 #headernav li.cat-114 a { color: #900 }
body.category-442 #headernav li.cat-442 a { color: #900 }
body.category-3 #headernav li.cat-3 a { color: #900 }
body.page-about-me #headernav li.about a { color: #900 }
body.page-contact #headernav li.contact a { color: #900 }

/* General H formatting */

h1,h2,h3 {
line-height: 16px;
margin: 16px 0;
font-weight: bold;
}
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }

p {
padding-bottom: 16px;
}


.navigation {
width: 860px;
border-top: 2px solid #000;
margin-top: -2px;
}

.navigation a {
text-decoration: none;
color: #000;
display: block;
}
.navigation div:hover {
color: #900;
margin-top: -2px;
border-top: 2px solid #900;
}
.navigation div:hover a {
color: #900;
}
.navigation > div {
font-size: 22px;
padding: 0;
font-weight: bold;
float: left;
width: 50%;
text-align: left;
}
.navigation div a {
padding: 16px 10px;
}
.navigation > div + div {
float: right;
text-align: right;
}


/* Contact page styling */

.postcontent blockquote {
padding: 0 80px;
}

.page-contact .postcontent p strong {
float: left;
text-align: right;
width: 60px;
margin-right: 20px;
font-weight: normal;
color: #000;
}

.page-contact .postcontent p input,
.page-contact .postcontent p textarea {
width: 380px;
height: 16px;
border: 0;
outline: 1px inset #999;
}

.page-contact .postcontent p textarea {
height: 128px;
}

.page-contact .postcontent p input[type=submit] {
outline: 1px outset #666;
background: #ddd;
font-weight: bold;
width: 140px;
margin-left: 80px;
}

.wpcf7-response-output {
width: 360px;
margin: 0 0 0 80px !important;
padding: 8px 10px !important;
border: none !important;
}

.wpcf7-validation-errors {
background: #fc9;
}

.wpcf7-mail-sent-ok {
background: #6e6;
}


/* Comment styling */



#comments {
width: 780px;
clear: both;
}


#comments h2 {
margin: -2px 0 0 0;
border-top: 2px solid #000;
padding: 16px 0;
}

.commenttimeline {
display: none;
background: #000;
height:1px;
margin: -1px 0 0 0;
position:relative;
}

.commenttimeline div {
background: #fff;
border:1px solid #000000;
height:1px;
position:absolute;
top:-1px;
width:25px;
}

li.comment {
clear: both;
width: 780px;
min-height: 64px;
padding: 16px 20px 16px 0;
margin: 0 0 16px 0;
}

.comment-body {
padding-left: 240px;
}

.comment-author {
float: left;
width: 220px;
margin-left: -240px;
text-align: right;
}

.comment-author img {
float: right;
margin: -2px 4px 0 24px;
padding: 1px;
border: 1px solid #666;
}

.comment-author a {
color: #006;
text-decoration: none;
}

.comment-author cite a:hover {
color: #900;
}

.commentmetadata a {
color: #aaa;
font-size: 10px;
}

.says {
display: none;
}

cite.fn {
font-weight: bold;
font-size: 16px;
float: left;
width: 140px;
overflow: hidden;
height: 20px;
margin-bottom: -4px;
}

#loggedincommenter,
#loggedoutcommenter {
float: left;
width: 240px;
}


#loggedoutcommenter p input {
float: left;
width: 210px;
padding: 1px 5px;
}


#respond input,
#respond textarea {
border: 0;
outline: 1px inset #999;
}

#respond input[type=submit] {
outline: 1px outset #666;
background: #ddd;
font-weight: bold;
width: 140px;
margin-left: 240px;
}

#respond textarea#comment {
outline: 1px inset #666;
border: 0;
height: 192px;
width: 540px;
}


.subscribe-to-comments {
margin-left: 240px;
}

.subscribe-to-comments input#subscribe {
outline: none;
border: 1px inset #666;
float: left;
}

li.byuser {
background: #f0f0ff;
outline: 1px dotted #99c;
}

.comment-end {
clear: both;
}


/* Post body styling */

.postcontent ul,
.postcontent ol {
margin-left: 25px;
margin-bottom: 16px;
}

.postcontent ul li {
list-style: disc;
}

.postcontent ol li {
list-style: decimal;
}

.postcontent ul li {
padding-bottom: 16px;
}

.postcontent em {
font-style: italic;
color: #777;
}

.postcontent strong {
font-weight: bold;
color: #700;
}

.postcontent img {
max-width: 100%;
}


.sidebar {
width: 140px;
margin-right: 20px;
}

.sidebar h2 {
border-top: 2px solid #000;
margin-top: -2px;
padding-top: 16px;
}

.sidebar h2 a,
.sidebar li a{
display: block;
text-decoration: none;
color: #111;
}

.sidebar h2 a:hover {
color: #900;
}

.sidebar li a:hover {
color: #900;
}

.sidebar ul {
border-top: 1px dotted #999;
margin-top: -1px;
margin-bottom: 17px;
}

.sidebar li {
border-bottom: 1px dotted #999;
margin-bottom: -1px;
}


/* some styles for the pages */

body.page h1 {
border-top: 2px solid #000;
padding: 16px 0;
margin: -2px 0 0 0;
}

body.page #page {
width: 780px;
}

#respond #openid_comment input {
width: auto;
float: left;
outline: none;
border: 1px solid #000;
margin-right: 5px;
margin-left: -20px;
margin-top: 2px;
}

#respond #openid_comment {
text-align: left;
width: 140px;
margin: 0 0 0 80px;
padding: 5px 0 0 0;
}

#url {
	background: url('/wp-content/plugins/openid/f/openid.gif') right center no-repeat;
}
#url.openid_loading {
	background: url('/wp-content/plugins/openid/f/ajax-loader.gif') right center no-repeat;
}


/* Styling for the resume page */

body.page-jeff-minard-resume div.postcontent {
margin-left: 160px;
}

body.page-jeff-minard-resume div.postcontent strong {
}

body.page-jeff-minard-resume div.postcontent h2 {
margin: 0 0 0 -160px;
float: left;
width: 140px;
font-size: 14px;
text-align: right;
}

body.page-jeff-minard-resume div.postcontent div {
padding-bottom: 16px;
clear: both;
}

body.page-jeff-minard-resume div.postcontent ul,
body.page-jeff-minard-resume div.postcontent li {
margin: 0;
padding: 0;
list-style: none;
}

body.page-jeff-minard-resume div.postcontent div.tech li {
display: inline;
}
body.page-jeff-minard-resume div.postcontent div.tech li:after {
content: ','
}
body.page-jeff-minard-resume div.postcontent div.tech li.last:after {
content: ''
}


body.page-jeff-minard-resume div.postcontent div.exp {
}

body.page-jeff-minard-resume div.postcontent div.exp p,
body.page-jeff-minard-resume div.postcontent div.personal p {
padding: 0 0 16px 20px;
}

body.page-jeff-minard-resume div.postcontent div p.desc {
padding: 0;
}

body.page-jeff-minard-resume div.postcontent div p.desc br {
display: none;
}

body.page-jeff-minard-resume div.postcontent div p.desc em {
padding-right: 5px;
}

body.page-jeff-minard-resume div.postcontent div p.desc strong {
}


body.page-jeff-minard-resume div.postcontent div p.desc strong a {
text-decoration: underline;
color: #900;
}

body.page-jeff-minard-resume div.postcontent div.edu ul,
body.page-jeff-minard-resume div.postcontent div.edu li {
margin: 0;
padding: 0;
list-style: disc;
}

body.page-jeff-minard-resume div.postcontent div.edu p{
margin: 0;
padding: 0;
}

body.page-jeff-minard-resume div.postcontent div.edu li {
margin: 0 0 0 20px;
padding: 0 0 0 2px;
}

/* Homepage formatting */
/* same applies to tags */

body.home .home-item span.comment-count,
body.tag  .home-item span.comment-count {
position: absolute;
top: -10px;
right: 0px;
background: #fff;
padding: 1px 6px 2px 6px;
display: block;
text-decoration: none;
color: #f6f6f6;
background: #000;
line-height: 14px;
font-weight: normal;
font-size: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

body.home .home-item h1,
body.tag  .home-item h1 {
font-size: 14px;
margin: 0;
padding: 0;
}

body.home .home-item > a,
body.tag  .home-item > a {
color: #000;
text-decoration: none;
display: block;

width: 220px;
margin-right: 20px;
margin-bottom: 32px;
margin-top: -2px;
border-top: 2px solid #000;
padding-top: 16px;
float: left;
position: relative;
}

body.home .home-item > a .home-hider,
body.tag  .home-item > a .home-hider {
height: 128px;
overflow: hidden;
}

body.home .home-item > a:hover,
body.tag  .home-item > a:hover {
border-top: 2px solid #900;
color: #900;
}

body.home .home-item > a:hover span.comment-count,
body.tag  .home-item > a:hover span.comment-count {
background: #900;
}

body.home .navigation,
body.tag  .navigation {
clear: both;
width: 700px;
}

body.home .home-links p,
body.tag  .home-links p {
float: left;
margin: 0 20px 16px 0;
padding: 0;
}

body.home .home-item h1,
body.tag  .home-item h1 {
text-align: left;
}

img.alignright { float: right; padding: 0 0 20px 20px; }
img.alignleft  { float: left;  padding: 0 20px 20px 0; }