/* -------------------------- Resets / Basics / Globals -------------------------- */ body {margin:0; padding:46px 0 0 0; background:#947352 url(/images/bg_body.jpg) no-repeat top center; font-size:100%; line-height:1.4em; color:#4F5155; font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; } a {color:#039; font-weight:normal; text-decoration:none; } a:hover {text-decoration:underline; } a img {border:0; } h1 a, h2 a, h3 a, h4 a {color:#e06c55; } h1 {color:#e06c55; border-bottom:3px solid #e7e7e7; line-height:1.2em; font-family:impact, arial bold, arial, sans-serif;; font-size:170%; font-weight:normal; margin:0 0 2px 0; padding:0 0 10px 0; } h2 {color:#e06c55; background-color:transparent; line-height:1.2em; font-family:arial, verdana, tahoma; font-size:140%; font-weight:normal; margin:16px 0 2px 0; padding:5px 0 6px 0; clear:left; } h3 {color:#333; font-family:arial, verdana, tahoma; font-size:115%; font-weight:normal; margin:10px 0 2px 0; padding:0; } h4 { } h5 {font-size:100%; font-family:helvetica, arial, tahoma, verdana; font-weight:bold; margin:0 0 10px 0; padding:0; border-bottom:3px solid #e7e7e7;} code {font-family: Monaco, Verdana, Sans-serif; font-size:11px; background-color:#f9f9f9; border:1px solid #D0D0D0; color:#002166; display:block; margin:14px 0 14px 0; padding:12px 10px; } hr {border:0; border-top:1px solid #999; background-color:#666666; color:#666666; height:1px; margin:1em 0; clear:both; } p#skip {float:left; margin-left:-9999px; height:0px; margin:0; padding:0; } ul {font-size:90%; margin:10px 0 15px 20px; padding:0; } p {font-size:90%; font-family:arial; margin:10px 0 15px 0; } input, textarea, select {font:80% verdana, arial, helvetica, sans-serif; margin:4px 0 0 0; padding:1px 0 0 0; } .bold {font-weight:bold; } .clear {clear:both; } .hidden {display:none; } .strike {text-decoration: line-through; } .error {border:solid 1px #c00; margin:10px 0; background-color:#f9f3f3; color:#c00; font-weight:bold; font-size:75%; padding:1px 4px; text-align:center; } .edit {font-size:80%; font-style:italic; font-weight:bold; } form .error {background-color:transparent; border:none; border:solid 1px #c00; text-align:left;} form input.error, form textarea.error {background-color:transparent; margin:5px 0; font-weight:normal; background-color:#f9f3f3;} pre code{font:80% courier,monospace; width:500px; padding:10px 10px 10px 0; margin:1px auto; background:#fff; color:#000 outline:0; border:0; background-color:#f9faf9; } pre {font:100% courier,monospace; overflow:auto; overflow-x:auto; width:545px; border:1px solid #e5e5e5; background-color:#f9faf9; } blockquote {font:14px/22px bold helvetica, sans-serif; margin:10px 0 10px 30px; padding-left:15px; border-left:3px solid #e7e7e7; } address {margin:0; font-size:90%; font-family:arial; margin:10px 0 15px 0; display:inline; padding:0; font-style:normal; } /* TABLES */ table{border-collapse:collapse;border-spacing:0;} table {border-top: 1px solid #ccc; border-left:1px solid #ccc; } th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; padding:.1em 1em; } th {text-align:center; font-weight:bold; } /* ----------------------- Main Navigation ----------------------- */ #mainNav {float:left; clear:left; margin:10px 0 0 79px; padding:0; list-style-type:none; display:block; } #mainNav li {float:left; padding:3px 5px; } #mainNav li a {display:block; text-decoration:none; } #mainNav li a span {visibility:hidden; } #mainNav li#navHome a {background:transparent url(/images/nav_home.gif) no-repeat top left; width:100px; height:51px; margin:0 15px 0 0; } #mainNav li#navHome a:hover{background:transparent url(/images/nav_home_on.gif) no-repeat top left; width:100px; height:51px; } #home #mainNav li#navHome a:hover, #home #mainNav li#navHome a {cursor:default; background:transparent url(/images/nav_home_selected.gif) no-repeat top left; width:100px; height:51px; } #work #mainNav li#navWork a:hover, #work #mainNav li#navWork a {cursor:default; background:transparent url(/images/nav_work_selected.gif) no-repeat top left; width:100px; height:51px; } #web #mainNav li#navBlog a:hover, #web #mainNav li#navBlog a {cursor:default; background:transparent url(/images/nav_blog_selected.gif) no-repeat top left; width:100px; height:51px; } #mainNav li#navAbout a {background:transparent url(/images/nav_about.gif) no-repeat top left; width:100px; height:51px; margin:0 15px 0 0; } #mainNav li#navAbout a:hover{background:transparent url(/images/nav_about_on.gif) no-repeat top left; width:100px; height:51px; } #mainNav li#navWork a {background:transparent url(/images/nav_work.gif) no-repeat top left; width:100px; height:51px; } #mainNav li#navWork a:hover{background:transparent url(/images/nav_work_on.gif) no-repeat top left; width:100px; height:51px; } #mainNav li#navBlog a {background:transparent url(/images/nav_blog.gif) no-repeat top left; width:100px; height:51px; } #mainNav li#navBlog a:hover{background:transparent url(/images/nav_blog_on.gif) no-repeat top left; width:100px; height:51px; } /* ----------------------- General Form Styles ----------------------- */ .formRow {float:left; width:500px; clear:left; } .formLabel {float:left; width:150px; margin:4px 0 0 0; clear:left; } .formInput {float:left; clear:none; width:340px; margin:4px 0 0 0; } input, textarea {width:300px; } .submit {width:100px; } /* -------------------------------- Header -------------------------------- */ /* -------------------------------- Basic Structure / Common Layout -------------------------------- */ #wrap {background:#fcfcfc url(/images/bg_header_coffee.jpg) no-repeat top left; margin:0 auto; width:930px; padding:220px 0 0 0; } #work #wrap {background:#fcfcfc url(/images/bg_header_nme.jpg) no-repeat top left; } #innerWrap {background:transparent url(/images/bg_footer.jpg) no-repeat bottom left; margin:0 auto; width:930px; padding:0; } #content {float:left; clear:left; display:inline; width:550px; margin:20px; padding:0 0 100px 0; } #header { } .articleImg {float:left; margin:0 10px 10px 0; } /* ----------------------- Side ----------------------- */ #side {float:right; width:325px; display:inline; margin:32px 10px 0 0; } #side #portrait {float:left; border:1px solid #e7e7e7; margin:5px 10px 0 0; } #side div {padding:10px; margin:0 0 25px 0; } #side ul {margin:0; padding:0; list-style-type:none; } #side ul li {margin:8px 0; padding:0; } #side p {font-style:italic; } #side #friends strong {font-size:90%;} /* ----------------------- Comments ----------------------- */ #comments img {border:1px solid #999; float:left; margin:5px 10px 5px 0; } #comments .date {float:left; clear:left; text-decoration:italic; font-size:70%; margin:0 0 10px 0; } #comments p {margin:0 0 8px 0; } input#email {background:#fff url(/images/gravatar_icon.gif) no-repeat 2px 2px; border:1px solid #999; padding:2px 2px 2px 20px; width:280px; } label span {font-size:70%; font-weight:normal; display:inline; } .formRow p {margin:0; font-size:70%; display:inline; background:transparent url(/images/question_mark.gif) no-repeat top right; } .formRow p a {padding:0 18px 0 0; } /* ----------------------- Footer ----------------------- */ #footer {float:left; width:100%; color:#666666; text-align:left; } #footer div {margin:0 0 0 200px; } #footer #feed img {margin:5px 0 0 0; position:relative; top:2px; } #footer #feed a {color:#fc6500; } /* ----------------------- Admin @todo -move this into an admin.css ----------------------- */ #adminPreviousEntries span {font-size:60%; font-family:verdana; } #web_admin #content input {width:890px; } #web_admin #content #intro {height:100px; } #web_admin #content textarea {width:890px; height:1500px; } #web_admin #content .formInput {clear:left; float:left; } #web_admin #content .formLabel {float:left; } #web_admin #content .submit {width:105px; } #web_admin #content {background-image:none; width:890px} #web_admin #side {display:none; }