/* Theme Name: mattmcbrien Theme URI: mattmcbrien.com Description: Theme for the upcoming redesign of mattmcbrien.com Version: 1.0 Author: Matt McBrien Author URI: http://www.mattmcbrien.com */ /* CSS RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;} body {line-height: 1; font-size: 62.5%;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} /* LAYOUT */ body {background: url("/images/bodybackground.jpg") no-repeat scroll center top; font-family: Ebrima, Corbel, Calibri, Arial, Helvetica;} h1, h2, h3 {font-family: Adobe Garamond Pro, Garamond, Georgia, Times New Roman, Times, Serif;} #wrapper {font-size: 1.6em; line-height: 1.4em; width: 960px; margin: 0 auto;} #wrapper p {margin-bottom: 15px;} #logonavbar {width: 960px; height: 120px; position: relative; background: url("/images/logonavbar.png") no-repeat scroll center top;} #nav {position: absolute; top:65px; left: 18px; height: 45px; background: none;} #nav li {display: inline; float:left;} #nav a {display: block; height:45px; overflow:hidden; line-height:10em;} #nav #home {background:url("/images/home.png"); width: 90px; background-position: -90px 0;} #nav #home.current {background:url("/images/home.png"); width: 90px; background-position: 90px 0;} #nav #home:hover {background-position: 90px 0;} #nav #home:active {background-position: 0px 0;} #nav #blog {background:url("/images/blog.png"); margin-left: 15px; width: 90px; background-position: -90px 0;} #nav #blog.current {background:url("/images/blog.png"); margin-left: 15px; width: 90px; background-position: 90px 0;} #nav #blog:hover {background-position: 90px 0;} #nav #blog:active {background-position: 0px 0;} #nav #portfolio {background:url("/images/portfolio.png"); width: 140px; background-position: -140px 0;} #nav #portfolio.current {background:url("/images/portfolio.png"); width: 140px; background-position: 140px 0;} #nav #portfolio:hover {background-position: 140px 0;} #nav #portfolio:active {background-position: 0px 0;} #nav #links {background:url("/images/links.png"); margin-left: 5px; width: 90px; background-position: -90px 0;} #nav #links.current {background:url("/images/links.png"); margin-left: 5px; width: 90px; background-position: 90px 0;} #nav #links:hover {background-position: 90px 0;} #nav #links:active {background-position: 0px 0;} #nav #contact {background:url("/images/contact.png"); margin-left: 5px; width: 126px; background-position: -126px 0;} #nav #contact.current {background:url("/images/contact.png"); margin-left: 5px; width: 126px; background-position: 126px 0;} #nav #contact:hover {background-position: 126px 0;} #nav #contact:active {background-position: 0px 0;} .comments-template {margin: 10px 0 0; border-top: 1px solid #ccc; padding: 10px 0 0;} .comments-template ol {margin: 0; padding: 0 0 15px; list-style-type: none;} .comments-template ol li {margin: 10px 0 0; line-height: 18px; padding: 0 0 10px; border-bottom: 1px solid #ccc; list-style-type: none;} .comments-template h2 {font-family: Georgia, Sans-serif; font-size: 16px;} .comments-template h3 {font-family: Georgia, Sans-serif; font-size: 16px;} .commentmetadata {font-size: 12px;} .comments-template p.nocomments {padding: 0;} .comments-template textarea {font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 12px;} .comment-edit-link {float: right;} #logo {position: absolute; left: 275px; top: 0px; border: 0px;} .postmetadata {color: #999999; font-size: 11px; clear: both;} hr {width: 25%; margin: 30px auto 30px auto; color: rgb(109,149,222);} #box {float: left; margin-left: 30px; margin-top: 20px; width: 650px; min-height: 800px;} .post li {list-style-type: disc; margin-left: 30px;} .sidebar {float: right; width: 200px; margin: 20px 30px 0 0; display: inline;} .sidebar ul {list-style-type: none; padding-left: 20px;} #footer {clear: both; margin: 0 auto 0 auto; width: 900px; padding-top: 25px;} #footer p {font-size: 1em; color: gray; text-align: center;} #wrapper a:link, a:visited {color: rgb(246,124,3); text-decoration: none; text-shadow: 2px 2px 3px lightgray;} #wrapper a:hover {text-decoration: underline;} #box h2 {margin-bottom: 10px;} #box h3 {margin-top: 10px; margin-bottom: 10px;} #box h2 a:link, h2 a:visited {color: black; text-decoration: none;} .entry {position: relative;} .postdate {background: url("/images/date.png"); float: right; margin-left: 5px; font-variant: small-caps; font-weight: bold; text-align: center; width: 75px;} .day {font-size: 2.0em; margin: 10px 0 10px 0;} #download {width: 650px;} #download h3 {font-variant: small-caps; font-weight: bold; text-align: center; margin-bottom: 10px; color: rgb(246,124,3); text-shadow: 2px 2px 3px lightgray;} #download img {margin-right: 10px; margin-left: 10px;} #download p {font-size: 0.8em; text-align: center; color: gray;} blockquote {padding: 20px; font-style: italic;} .bookmark {margin-top: 20px;} /* JonDesign's SmoothGallery */ #myGallery {margin: 0 auto; width: 575px !important; height: 600px !important;} /* Portfolio Plugin */ .portfolio-website {padding: 10px; margin-bottom: 10px;} .website-thumbnail {float: left; margin: 0 20px 20px 0;} .website-thumbnail img {border: 1px solid #555; margin: 0; padding: 0; -webkit-box-shadow: 1px 1px 5px rgba(50,50,50,0.7); -moz-box-shadow: 1px 1px 5px rgba(50,50,50,0.7);} .website-name {font-size: 12pt; font-weight: bold; margin-bottom: 3px;} .website-url {font-size: 9pt;} .website-description {margin-top: 15px;} .website-clear {clear: both;} /* Wordpress style download button */ #wordpress p.button {background: #D54E21; border-bottom-left-radius: 3px 3px; border-bottom-right-radius: 3px 3px; border: none; border-top-left-radius: 3px 3px; border-top-right-radius: 3px 3px; color: white; display: block; line-height: 1.4em; margin-top: 32px !important; padding: 0px; text-align: center;} #wordpress p.button a {color: white; display: block; font-size: 13px; padding: 8px 10px;} #wordpress p.button a:hover {color: #FFAC90; border: none;} #wordpress {width: 150px; margin-left: 20px; margin-bottom: 20px;} #wordpress form {margin: 0 auto;}