/* *********************************************************** Title: style.css Author: Jennifer Wilhelm (www.jenniferwilhelm.com) Created: 03/02/2009 Last modified: 03/24/2009 /index.php/archive/%postname%/ *********************************************************** */ /* --------- Site-wide styles */ * {margin:0px;} html, body {height:100%;} p {padding:6px 0px;} body {color:#6c6c6c; font-size:.9em; font-family: Arial, Helvetica, sans-serif; background: url("images/header_bg.gif") top left repeat-x; margin:0px;} a {color:#5d5d5d; text-decoration:none; font-weight:bold;} a:hover {color:#7ee6ff;} .clearAll {clear:both;} /* --------- Copy styles */ .intro_text_header {color:#7EE6FF; font-size:200%; font-weight:bold; text-transform:uppercase;} .intro_text {color:#6c6c6c;} .commentText {font-size:80%;} .dateColumn {width:80px; float:left; text-align:center;} .blogColumn {width:480px; float:right; font-size:80%;} .blogContentStyle {padding-bottom:20px;} .blogContentStyle textarea {width:460px;} .dateStyle {font-size:140%; font-weight:bold;} .blogTitleStyle {font-size:210%; font-weight:bold; color:#7ee6ff; padding-top:0px;} .blogTitleStyle a {color:#7ee6ff;} .blogTitleStyle a:hover {color:#5d5d5d;} #blogLeft {float:left;} #blogRight {float:right;} /* --------- Template formatters */ #container {width:960px; min-height:100%; height:auto !important; height:100%; margin:0 auto -213px; position:relative; /* the bottom margin is the negative value of the footer's height */} #topContent {width:960px; height:254px; overflow:hidden;} #title {height:254px; width:700px; position:absolute; background:url("images/title.gif") top left no-repeat; float:left; top:0px; left:-150px;} #topNav {width:391px; float:right;} #contentContainer {clear:both; margin-top:-50px; overflow:hidden;} #content {width:560px; float:left;} .headerImagePadding {padding-left:80px;padding-bottom:20px;} #respond, #comments {padding-top:20px;} li.comment {margin-top:10px;} /* --------- Top nav styles */ #navmenu ul {margin:10px; padding:5px 0px; width:391px; overflow:hidden; border-top:3px solid #ffffff;} #navmenu li {float:left; list-style:none; margin-right:13px;} #navmenu li.last {margin-right:0px;} #navmenu .navHome a {background:url(images/menu_home.png) no-repeat; height:20px; width:50px;} #navmenu .navAbout a {background:url(images/menu_about.png) no-repeat; height:20px; width:50px;} #navmenu .navPortfolio a {background:url(images/menu_portfolio.png) no-repeat; height:23px; width:79px;} #navmenu .navResources a {background:url(images/menu_resources.png) no-repeat; height:20px; width:84px;} #navmenu .navContact a {background:url(images/menu_contact.png) no-repeat; height:20px; width:65px;} #navmenu .page_item a {display:block; text-indent:-900%; overflow:hidden; position:relative; } #navmenu .current_page_item a {background-position:0 -25px;} #navmenu .page_item a:hover {background-position:0 -25px;} /* --------- Side bar columns */ #firstColumn, #secondColumn {width:180px; float:left; padding-left:20px; padding-top:10px; font-size:75%;} #twoColumn, #threeColumn {float:left; padding-left:20px; padding-top:10px; font-size:75%;} #twoColumn {width:360px;} #threeColumn {width:875px; margin-left:60px;} .resourceColumn {width:180px;float:left; padding-right:40px;} /* --------- Side bar list styles */ .postList ul {list-style-type:none; padding:0px; margin:0px;} .postList ul li {color:#afafaf; font-weight:normal; margin-bottom:5px; border-bottom:1px solid #cbcbcb; border-right:4px solid #cbcbcb;} .postList ul li a {color:#afafaf; margin-bottom:-4px;} .postLust ul .arrows li {background: url('images/bg_arrow.gif') left top no-repeat;} .postList ul li a:hover {color:#7ee6ff; margin-bottom:-4px;} .recentPosts ul {list-style-type:none; padding:0px; margin:0px;} .recentPosts ul li {color:#afafaf; font-weight:normal; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #cbcbcb; font-size:90%;} .recentPosts ul li a {color:#afafaf; margin-bottom:-4px;} .recentPosts ul li a:hover {color:#7ee6ff; margin-bottom:-4px;} .tagList a {color:#afafaf;} .tagList a:hover {color:#7ee6ff;} /* --------- Contact form styles */ #contact-form .inputContainer {background: url('images/input_shadow.gif') left bottom no-repeat; margin:5px 0px; padding:4px 0px;} #contact-form textarea, #contact-form input {background-color:#dfdfdf; margin-bottom:7px; border:none; height:30px; padding:3px; font-size:200%; color:#929292;} #contact-form textarea {height:120px;font-size:200%;font-family:Arial, Helvetica, sans-serif;} #contact-form label {font-size:150%; color:#7ee6ff; font-weight:bold;} .aboutTitle {font-size:150%; color:#7ee6ff; font-weight:bold;} .techSpecs {float:left;} /* --------- Portfolio styles */ .portfolioLeft {width:450px; float:left; padding-bottom:30px;} .portfolioRight {width:400px; float:right;} .greyUnderline {border-bottom:1px solid #cbcbcb;} .techWidth {width:150px;} .portfolioPaddingTop{padding-top:20px;} .visitSite {float:right;width:226px;padding-left:20px;} /* --------- Footer styles */ /* http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ */ #footer, #push {height: 213px; /* #push must be the same height as #footer */} #footer {background: url("images/footer_bg.gif") top left repeat-x;} #footerContent {height:213px; position:relative; width:960px; margin:0px auto;} #footerImage {width:363px; height:302px; position:absolute; bottom:0px; right:-60px; background: url("images/footer.gif") top right no-repeat; z-index:0;} #footerContainer {padding-top:20px; overflow:hidden; position:relative; z-index:1000;} .footerTitle {color:#ffffff; text-transform:uppercase; font-size: 150%;} .footerBox {width:205px; float:left; margin-right:30px; color:#ffffff; font-size:70%;} .footerBox2 {width:250px; float:left; margin-right:30px; color:#ffffff; font-size:70%;} .footerBox3 {width:50px; float:left; padding-top:130px;} #twitterLeft {width:33px; padding-right:10px; float:left;} #twitterRight {width:150px; height:100px; float:right;} .twitter {font-style: italic; padding-top:10px; } .twitter ul {list-style-type:none;margin:0px;padding:0px;} .twitter a {color:#ffffff;} .twitter a:hover {color:#7ee6ff;}