/* PERSONAL HOMEPAGE THEME FOR WORDPRESS By: Chris Coyier http://chriscoyier.net http://css-tricks.com -- Feel free to alter and use this theme for whatever you would like. -- A link back is always nice but not required. Light Grey: #cccccc Dark Grey: #333333 Black: #999999 Dark Red: #990000 */ /* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } html, body { height: 100%; } body { font-size: 62.5%; font-family: Arial, Times New Roman, serif; color: #ffffff; background: url(images/grass.gif) top left repeat; padding-top: 0px; } ul { list-style: none; } ol { list-style: none; } a { outline: none; text-decoration: none; } a img { border: none; background: none; } img { vertical-align: middle; } table { border-collapse: collapse; } /* UTILITY */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } .button { border: 2px solid #272727; background: white; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; } .button:hover { background: #990000; color: white; } /* TYPGROGRAPHY */ p, li { font-size: 1.5em; line-height: 1.5em; margin: 0 0 0px 0; } p#intro-paragraph { font-family: Georgia, serif; font-size: 2.0em; font-style: italic; line-height: 1.4em; margin-top: 5px; padding-right: 20px } p#intro-paragraph span { font-size: 2.4em; font-weight: bold; } p#intro-paragraph em { color: #990000; } a { color: #ffffff; } a:hover { background: #000000; color: #990000; } h1 { font-size: 3.6em; font-family: Arial, Times New Roman, serif; font-weight: normal; } h2 { font-size: 2.8em; font-family: Arial, Times New Roman, serif; font-weight: normal; } h3 { font-size: 2.6em; font-family: Arial, Times New Roman, serif; font-weight: normal; margin: 0 0 10px 0; } h4 { color: white; font-size: 2.0em; margin-bottom: 15px; } .post h4 { font-size: 1.8em; font-family: Arial, Times New Roman, serif; font-weight: normal; margin: 0 0 10px 0; color: #900; } /* FORMS */ input { padding: 3px; } /* STRUCTURE */ #page-wrap { width: 1020px; margin: 0px auto -250px; min-height: 100%; height: auto !important; height: 100%; background: url(images/black.png) top left repeat-y; } #socialsidebar { width: 180px; float: left; margin-right: 15px; padding-left: 20px; } #main-col { width: 560px; float: left; margin-left: 20px; } #linksidebar { width: 180px; float: right; padding-right: 20px; } #push { height: 250px; } /* HEADER */ #ad-bar { width: 980px; height: 100px; background-color: black; padding-top: 25px; padding-bottom: 5px} h1#logo { width: 1000px; height: 200px; background: url(images/header.png) top center no-repeat; text-indent: -9999px; margin: 0 10px 8px 0; } h1#logo a { width: 1000px; height: 200px; background: url(images/header.png) top center no-repeat; text-indent: -9999px; margin: 0 10px 8px 0; display: block; } #main-pic { padding-left: 40px; } #top-bar { padding: 10px 0 0 10px; } #top-bar p { color: #f4dfb8; width: 300px; float: left } /* MENU */ #menu-bar { padding-top: 0px; padding-bottom: 20px; } ul#main-nav { width: 380px; float: left; margin: 10px 0 10px 0; padding-left: 20px; } ul#extra-nav { width: 340px; float: right; text-align: right; margin: 10px 0 10px 0; padding-right: 20px; } ul#main-nav li, ul#extra-nav li { display: inline; } ul#main-nav li a, ul#extra-nav li a { text-transform: uppercase; color: white; font-size: 1.2em; font-weight: bold; padding: 3px 8px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ul#main-nav li a:hover, ul#extra-nav li a:hover, form#searchform { margin: 0 0 10px 0; background: #990000} body#portfolio ul#extra-nav li.portfolio a, body#default ul#main-nav li.home a, body#about ul#main-nav li.about a, body#contact ul#main-nav li.contact a, body#resume ul#extra-nav li.resume a{ background: black; color: #272727; } /* WIDGETS */ .widget { background: #990000; width: 180px; border-right: 2px solid #333333; border-bottom: 2px solid #333333; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 15px 0; } .widget .inside { padding: 10px; } .widget ul { list-style: none; margin-left: 15px; } .widget ul li { margin: 0 0 5px 0; } .widget ul li a { display: block; padding: 2px; } .widget ul li a:hover { background: #990000; color: #000000; } .thumb { width: 62px; } .widgetblack { background: #999999; width: 170px; margin-bottom: 0px; border: none; } .widgetblack .inside { padding: 0px; } /* BLOG ENTRIES */ .post { margin: 0 0 45px 0; } .datebox { width: 40px; float: left; padding: 0 5px 5px 5px; background: #990000; color: white; text-align: center; margin: 0 10px 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .day { font-size: 3.4em; font-weight: bold; margin: 0; font-family: Georgia, serif; } .month { font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; } .year { font-size: 1.6em; font-weight: bold; margin: 0; } ol.commentlist { list-style: none; } .comment-bubble { background: #990000; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ol.commentlist li p { font-size: 1.0em; } .gravatar { margin-top: 3px; padding: 2px; height: 40px; } .video { border: solid 1px white; } /* FOOTER */ #footer { height: 250px; padding-top: 20px; } #footer-inside { width: 1000px; margin: 0 auto; } #footer p { color: white; } #footer-1 { width: 300px; float: left; margin-left: 125px; margin-right: 30px; } #footer-2 { width: 200px; float: left; margin-right: 30px; } #footer-3 { width: 200px; float: left; } #footer-4 { width: 200px; float: left; } #footer a { color: white; } #footer a:hover { color: #990000; } #footer ul { color: white; }