/*
Theme Name: EricMMartin.com
Theme URI: http://ericmmartin.com/
Description: The custom theme for ericmmartin.com
Version: 1.0
Author: Eric Martin
Author URI: http://ericmmartin.com/
*/

/* ericmmartin.com layout */
html, body {height:100%; width:100%;}
body {font-family:'Trebuchet MS', Verdana, Arial; font-size:1em; padding:0; margin:0; background:#3b3b3b; color:#fff;}

#header {height:137px; width:100%; background:url(images/header.gif) repeat-x;}

#headerleft {float:left; width:160px; height:105px; margin:20px 0 0 30px;}

#logo {width:160px; height:60px;}
#logo img {border:0; width:160px; height:60px;}
#reflection {width:160px; height:44px; background:url(images/reflection.png); margin-top:1px;}

#headerright {float:right; width:370px; height:105px; margin:0 30px 0 0;}

#toplinks {text-align:right; font-size:.7em; padding-top:4px;}
#toplinks a,
#toplinks a:link,
#toplinks a:visited,
#toplinks a:active {color:#bbb; text-decoration:none;}
#toplinks a:hover {color:#aadede;}
#toplinks img {vertical-align:middle;}

#menu {clear:right; float:right;}
#menu ul {margin:40px 0 0 0; padding:0;}
#menu ul li {list-style:none; display:inline;}
#menu ul li a,
#menu ul li a:link,
#menu ul li a:visited,
#menu ul li a:active {margin:0 0 0 24px; font-weight:bold; color:#7aabab; font-size:1.1em; text-decoration:none;}
#menu ul li a:hover {color:#aadede;}

#main {margin:0 auto; margin-top:6px; min-height:100%; width:920px;}

#content {float:left; width:620px;}
#contentfull {margin:0 auto; width:770px; margin-bottom:8px;}
#content .post ul,
#contentfull .post ul {margin-top:4px;}
#content .post li,
#contentfull .post li {font-size:0.9em; margin-top:4px; list-style:none; text-indent:-10px;}
#content .post li code,
#contentfull .post li code {font-size:1.1em;}

#commentsection br {clear:left;}
#commentsection .gravatar {float:left; margin-right:10px;}
#commentsection .gravatar img {}
#commentsection .author {float:left;}

#sidebar {float:right; width:280px; height:100%; font-size:.8em;}
#sidebar h2 {font-size:1.3em;}
#sidebar small {font-size:.8em;}
#sidebar ul {margin:4px 0 0 6px; padding:0;}
#sidebar ul li {list-style-type:none; list-style-image:none; margin-bottom:15px;}
#sidebar ul ul, 
#sidebar ul ol {margin:2px 0 0 8px;}
#sidebar ul ul ul, 
#sidebar ul ul li, 
#sidebar ul ol li {margin:0; padding:0;}
#sidebar a,
#sidebar a:link,
#sidebar a:visited,
#sidebar a:active {text-decoration:none;}
#sidebar a:hover {color:#7aabab;}

#recentposts ul,
#recentposts ul li {margin:0; padding:0; padding:2px 2px 2px 4px;}
#recentposts ul li.even {background:#2d2d2d;}

#footer {clear:both; text-align:center; font-size:.8em; color:#bbb; padding:8px 0 8px 0; position:relative; background:#272727; border-top:1px solid #1d1d1d;}
#footer p {margin:0; padding:4px 0 4px;}
#footer a,
#footer a:link,
#footer a:visited,
#footer a:active {color:#bbb;}
#footer a:hover {color:#7aabab;}

#footer a.jer,
#footer a.jer:link,
#footer a.jer:visited,
#footer a.jer:active {color:#5f5f5f; text-decoration:none;}
#footer a.jer:hover {color:#7aabab;}

h1 {padding:0; margin:0; font-size:1.6em; color:#7aabab;}
h2 {padding:0; margin:0; font-size:1.3em; color:#99cc99;}
h2 a {text-decoration:none;}
h3 {padding:0; margin:0; font-size:1.1em; color:#aadede;}
h5 {padding:0; margin:6px 0;}
p {font-size:.9em; margin:8px 0 12px;}
small {font-size:.7em;}
a,
a:link,
a:visited,
a:active {color:#aadede;}
a:hover {color:#7aabab;}

.post {clear:both; margin-bottom:24px;}
.post img {border:2px solid #aadede;}
.post li:before {content:"\00BB \0020";}
.post h2 a,
.post h2 a:link,
.post h2 a:visited,
.post h2 a:active {color:#99cc99; font-weight:bold; text-decoration:none;}
.post h2 a:hover {color:#669966;}

.postmetadata {text-align:center; background-color:#4f4f4f; font-size:.7em; padding:6px; width:80%; color:#aadede; margin:0 auto;}
.postmetadata a,
.postmetadata a:link,
.postmetadata a:visited,
.postmetadata a:active {color:#aadede;}
.postmetadata a:hover {color:#7aabab;}

#archiveheader {margin:0 0 4px -16px;}

.navigation {font-size:.7em; background:#333; height:16px; margin:0 -8px 8px; padding:8px 6px 0px;}
.navigation span {margin-top:-4px;}
.navigation a,
.navigation a:link,
.navigation a:visited,
.navigation a:active {color:#777; font-weight:bold; text-decoration:none;}
.navigation a:hover {color:#999;}
.navigation .older {float:left;}
.navigation .newer {float:right;}

#blogsidebar, 
#projectsidebar, 
#personalsidebar,
#recentposts,
#donatesidebar {background:#333; padding:8px; width:100%; margin-bottom:8px;}
#donatesidebar img {margin-left:70px; border:0;}

#searchform #s {color:#222; padding:2px; background:#ccc; border:2px solid #eee;}
#searchform #searchsubmit {height:27px;}

.results li {padding-bottom:6px;}

pre {color:#fff; background:#222; border:1px solid silver; margin:0 0 1.5em 0; overflow:auto; padding:2px 4px; vertical-align:top;}
pre code {margin:0; width:auto; float:none; clear:none; overflow:visible;}

#codenotice {padding:8px; font-size:.8em; background:#292929;}
#codenotice code {font-size:1.1em;}

#commentsection {margin:0 auto; margin-top:18px; border-top:8px solid #666;}
#commentsection li.authorcomment {background:#333;}
#comments {margin-top:14px; border-bottom:2px solid #ddd; padding-bottom:4px;}

.commentlist {padding:0; margin:0;}
.commentlist .alt {margin:0; padding:10px;}
.commentlist li {padding:12px 10px 0; list-style:none; border-bottom:1px solid #fff;}
.commentlist p {margin:10px 5px 10px 0;}

.nocomments {text-align:center; margin:0; padding:0;}

.commentmetadata {margin:0; display:block;}

#respond {margin-top:14px;}

#commentform p {margin:5px 0;}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform #comment {background:#ccc; border:2px solid #eee; padding:2px;}
#commentform #submit {height:27px;}
#commentform textarea {width:632px;}

/* simplemodal project */
#simplemodal {margin-top:-10px;}
#simplemodal span#version {color:#aaa; font-size:0.8em; left:158px; position:relative; top:-11px;}
#simplemodal span {color:#7aabab;}
#simplemodal p {margin-left:10px;}
#bookmarks {font-size:0.75em; margin-bottom:10px;}

#comparison {border-collapse:separate; border-spacing:1px; empty-cells:show; margin:0 auto; padding:4px 0 8px;}
#comparison thead th {background:#669966; padding:0 4px;}
#comparison tbody tr td {padding:4px; background:#99cc99;}
#comparison tbody tr td.heading {background:#669966; text-align:right; font-weight:bold;}
#comparison tbody tr td.result {font-size:.9em; color:#003300; white-space:pre; text-align:center;}
#comparison tbody tr td.best {background:#7aabab; color:#003333;}
#comparison a,
#comparison a:link,
#comparison a:visited,
#comparison a:active {color:#003300;}
#comparison a:hover {color:#669966; text-decoration:none;}

.note {background:#2f2f2f; border:3px solid #444; font-weight:bold; margin:12px 0; padding:8px; color:#aadede;}

.post img.wp-smiley {border:0;}