/*********** andrew dally ************/ /******COLORS******** background: #666666 highlights: #CC00CC ********************/ /********** Reset **********/ body { font-family: Arial, sans-serif; color: black; background: #666666; } html { overflow-y: scroll; } html, body { height: 100%; } ol { list-style: decimal inside; } 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, .older-newer a, #search-nav a { border: 1px solid #272727; background: white; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727; } .visitsite { float: right; margin-right: 10px; display: inline; } .scrnshot { float: left; width: 62px; margin: 0 0 10px 15px; } /******** STRUCTURE ********/ #page-wrap {width: 1001px; margin: 0px auto -250px; min-height: 100%; height: auto !important; height: 100%;} #top-bar {width: 1001px; height: 125px; background: #666666;} #main-area {position: absolute; background:white; width: 1000px} #blog-col {width: 800px; float: left; background:white; padding: 0px, 15px;} #sidebar {width: 199px; float:right; background: white;} #footer-inside {width: 1000px; margin: auto;} #gallery-col {width: 750px; float:left; padding-left: 25px;} /******* HEADER *******/ #blog {margin: 60px 0px 0;float:left; width: 99px; height: 36px; background:url(http://www.juliadphotography.com/images/blog_over.png) top left no-repeat;} #about {width: 144px; height: 36px; background:url(http://www.juliadphotography.com/images/about_over.png) top left no-repeat; margin: 60px 0px 0; float:left} #resume {width: 156px; height: 36px; background:url(http://www.juliadphotography.com/images/resume_over.png) top left no-repeat; margin: 60px 0px 0; float:left} #logo {width: 200px; height: 92px; background: url(http://www.juliadphotography.com/images/logobug.png) top left no-repeat; margin: 20px 0px 0; float: left; text-indent: -9999px;} #people {width: 115px; height: 36px;background: url(http://www.juliadphotography.com/images/people_over.png) top left no-repeat; margin: 60px 0px 0; float: left; } #travel {width: 130px; height: 36px; background: url(http://www.juliadphotography.com/images/travel_over.png) top left no-repeat; margin: 60px 0px 0; float: left; } #editorial {width: 155px; height: 36px; background: url(http://www.juliadphotography.com/images/editorial_over.png) top left no-repeat; margin: 60px 0px 0; float: left; } #blog:hover img {visibility: hidden;} #about:hover img {visibility: hidden;} #resume:hover img {visibility: hidden;} #people:hover img {visibility: hidden;} #travel:hover img {visibility: hidden;} #editorial:hover img {visibility: hidden;} /************* BLOG AREA *************/ .post {padding-left: 25px; padding-right: 20px;} .post p {font-size:.8em;} .post h2 a:visited, .post h2 a {color: #CC00CC;} .post h2 {padding-bottom:-10px; font-size:1.5em; font-weight: 400; font-family: Gil-sans, sans-serif; color: #CC00CC;} .datebox {height: 68px; background: #CC00CC; position: relative; left: -50px; padding: 1px 5px; color: white; font-size: 1.25em; font-weight:bolder; line-height: .10em; margin-top: -30px; width: 25px;} .post-content {position: relative; margin-top: -70px; padding-bottom: 50px;} /***************** ****COMMMENTS***** *****************/ #comment-form a {color:#666666;} #comment-form a:hover {color:#cc00cc;} .comment-break {background:#666666; color: white; padding-left:20px; font-size:1.25em; padding-top: 0px; padding-bottom: 0px;} #comment-list {font-size: 1.25em; color: gray;} #comment-list p {font-size: .5em;} .comment {padding: 10px 10px 10px 20px; margin: 10px; border: 1px solid #666666} .comment-meta {float:right; font-size: .5em} #comment-form {margin: 50px;} /************** SIDEBAR **************/ #sidebar {margin-top: 50px;} #sidebar ul {display: inline; list-style-type: none;} .side-header {padding-left:10px; padding-top:5px; padding-bottom:5px; width:219px; color: white; background-color:#cc00cc; text-transform:uppercase; font-weight: bold; position: relative;} #sidebar li {padding-left:10px; color: #666666; border-bottom: 1px solid #666666; padding-top: 5px; padding-bottom: 5px; padding-right:5px; margin-right: 10px; list-style-type:none;} #sidebar li a {color: #666666;} #sidebar li:hover {background-color:#F0F0F0;} .side-cluster {padding: 10px 0; font-size:0.8em;} /************* ABOUT *************/ #about-col {width: 775px; padding:0px; margin:auto;} #about-name {width: 250px; height: 250px; float: left; background: url(images/bio-name.png) center no-repeat; text-indent: -9999px;} #about-text {width:250px; float: left; font-size: .8em; margin: 35px 0px 0px 0px; font-family:Tahoma, Geneva, sans-serif} #about-text a, #about-text a:visited {color: #CC00CC;} #about-text a:hover {text-decoration: underline;} #about-pic {width: 190px; height: 152px; color: red; float: left; background: url(images/julia.jpg) center no-repeat; margin-top: 45px; margin-left: 40px; text-indent: -9999px; border:2px solid #DDDDDD} #about-form {width: 750px;} /************* RESUME *************/ #resume-col {width: 750px; padding:0px; margin-top:35px; font-family:Tahoma, Geneva, sans-serif; font-size: 1em;} #resume-head {border-bottom: solid 1px #666666; font-size:1.5em; color:#666666; margin-right:25px;} #resume-col a, #resume-col a:visited {color: #CC00CC;} #resume-col a:hover {text-decoration: underline;} #resume-subhead {font-weight:900; margin-bottom:-10px;}