/* CSS DOCUMENT */ /* ==== FONTS ================================================= */ @font-face {font-family: Museo Sans; src: url('/fonts/MuseoSans_500.otf');} /* ==== REDEFINE STYLES ======================================= */ html, html>body, body {margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #3C3C3C;} body {background: transparent url('/images/site_images/bg_stripe_home.gif') left top repeat-x;} body#web, body#print, body#video, body#portfolio, body#blog_archives, body#site_search {background: transparent url('/images/site_images/bg_stripe_gray.gif') left top repeat-x;} body#programming {background: transparent url('/images/site_images/bg_stripe_yellow.gif') left top repeat-x;} body#onehundredone {background: transparent url('/images/site_images/bg_stripe_dgray.gif') left top repeat-x;} body#photography {background: transparent url('/images/site_images/bg_stripe_hunter.gif') left top repeat-x;} body#mylife {background: transparent url('/images/site_images/bg_stripe_orange.gif') left top repeat-x;} body#finderskeepers {background: transparent url('/images/site_images/bg_stripe_lime.gif') left top repeat-x;} body#design {background: transparent url('/images/site_images/bg_stripe_forest.gif') left top repeat-x;} h1 {font-size: 37px; font-family: "museo-sans-1", "museo-sans-2", Museo Sans, Helvetica, Arial, sans-serif; color: #666; display: inline; position: relative; margin: 0; padding: 0px; line-height: 30px; font-weight: 900; text-transform: uppercase;} .post h1 {display: block; font-size: 40px; font-weight: 100; line-height: 36px; color: #4e4e4e; margin-bottom: 10px;} .post h1 a:link, .post h1 a:visited, .post h1 a:active {color: #4e4e4e; text-decoration: none;} .post h1 a:hover {color: #CCC; text-decoration: none;} .h1_wrapper {background: url('/images/site_images/bg_hr.gif') left bottom repeat-x; margin: 10px 0;} body#contact .h1_wrapper {margin-bottom: 0px;} .h1_wrapper h1 {background: #FFF;} h2 {font-family: Georiga, "Times New Roman", Times, serif; font-size: 28px; color: #3c3c3c; padding: 0px; margin: 0; display: inline; font-weight: normal; line-height: 24px;} body#contact h2, .post h2, h2.thin {font-family: "museo-sans-1", "museo-sans-2", Museo Sans, Helvetica, Arial, Verdana, sans-serif; font-weight: 100; text-transform: uppercase;} .post h2 {font-size: 30px;} h3 {font-family: "museo-sans-1", "museo-sans-2", Museo Sans, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; color: #333; text-transform: uppercase; margin: 0; padding: 0; font-weight: 500;} .post h3 {font-size: 20px; color: #333;} .post .posted_on h3 {font-size: 14px; color: #333;} h4 {} h5 {} a:link, a:visited, a:active {text-decoration: underline; color: #000;} a:hover {text-decoration: none; color: #000;} blockquote {font-family: "museo-sans-1", "museo-sans-2", Museo Sans, Arial, Helvetica, sans-serif; font-size: 28px; text-transform: uppercase; margin: 0px; padding: 0px; font-style: normal; font-weight: 500; line-height: 28px; color: #4e4e4e;} .caption {font-style: italic; font-size: 18px; color: #818181; margin: -40px 0 0 0;} p img {margin: 0 10px 10px 0;} hr {background: url('/images/site_images/bg_hr.gif') left bottom repeat-x; border: none; padding: 10px 0; width: 710px; display: block; clear: both; margin: 20px 0 20px 230px;} hr.space {background: none !important; border: none !important; padding: 10px 0; margin-left: 0px !important; clear: both; display: block; width: 100%;} .post hr, hr.solid {background: #CFCFCF; height: 2px; margin: 10px 0; padding: 0px; width: 100%;} .post hr {margin-bottom: 20px;} /* FORM */ input[type=text], input.text {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; border: none; background-color: #4e4e4e; color: #FFF; margin: 0 0 5px 0; width: 470px;} input.text:focus {border: none !important;} input.submit {background: transparent url('/images/site_images/bg_btn.gif') left top no-repeat; width: 68px; height: 68px; border: none; font-family: Museo Sans; font-size: 14px; cursor: pointer; float: right; margin: -95px -50px 0 0;} body#contact input.submit {margin: -18px -30px 0 0;} textarea {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; border: none; background-color: #4e4e4e; color: #FFF; margin: 0 0 5px 0; width: 470px; height: 100px;} textarea:focus {border: none;} label {font-size: 14px; color: #000; font-family: Museo Sans, Helvetica, Arial, sans-serif; margin: 0px; padding: 0px; font-weight: normal; text-transform: uppercase;} body#contact label {margin-top: 20px;} /* ==== LAYOUT STYLES ========================================= */ #header {background: transparent url('/images/site_images/name_home.gif') left top no-repeat; height: 375px;} body#web #header, body#print #header, body#video #header, body#blog_all #header, body#portfolio #header {background: transparent url('/images/site_images/name_home.gif') left top no-repeat;} body#blog_archives #header, body#site_search #header {background: transparent url('/images/site_images/name_gray_box.gif') left top no-repeat;} body#programming #header {background: transparent url('/images/site_images/name_yellow.gif') left top no-repeat;} body#onehundredone #header {background: transparent url('/images/site_images/name_dgray.gif') left top no-repeat;} body#photography #header {background: transparent url('/images/site_images/name_hunter.gif') left top no-repeat;} body#mylife #header {background: transparent url('/images/site_images/name_orange.gif') left top no-repeat;} body#finderskeepers #header {background: transparent url('/images/site_images/name_lime.gif') left top no-repeat;} body#design #header {background: transparent url('/images/site_images/name_forest.gif') left top no-repeat;} #logo {width: 240px; height: 375px; float: left;} #logo a {width: 100%; height: 100%;} #logo a img {width: 100%; height: 100%;} #navigation {font-family: "museo-sans-1", "museo-sans-2", Museo Sans, Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #000; font-size: 14px; margin-top: 160px; float: left; font-weight: 500;} body#blog_archives #navigation, body#blog_all #navigation, body#onehundredone #navigation, body#photography #navigation, body#programming #navigation, body#design #navigation, body#finderskeepers #navigation, body#site_search #navigation, body#mylife #navigation {margin-top: 145px;} #navigation ul {margin: 0px; padding: 0px; list-style-type: none;} #navigation ul li {} #navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active {text-decoration: none; color: #000;} #navigation ul li a:hover {text-decoration: none; color: #666;} body#design #navigation ul li a:hover, body#mylife #navigation ul li a:hover, body#photography #navigation ul li a:hover {color: #FFF;} /* body#about #navigation ul li.about, body#contact #navigation ul li.contact, body#web #navigation ul li.portfolio, body#print #navigation ul li.portfolio, body#video #navigation ul li.portfolio, body#blog_archives #navigation ul li.blog, body#portfolio #navigation ul li.portfolio {background: url('/images/site_images/nav_selected_gray.gif') center bottom no-repeat;} body#programming #navigation ul li.blog {background: url('/images/site_images/nav_selected_yellow.gif') center bottom no-repeat;} body#onehundredone #navigation ul li.blog {background: url('/images/site_images/nav_selected_dgray.gif') center bottom no-repeat;} body#mylife #navigation ul li.blog {background: url('/images/site_images/nav_selected_orange.gif') center bottom no-repeat;} body#photography #navigation ul li.blog {background: url('/images/site_images/nav_selected_hunter.gif') center bottom no-repeat;} body#finderskeepers #navigation ul li.blog {background: url('/images/site_images/nav_selected_lime.gif') center bottom no-repeat;} body#design #navigation ul li.blog {background: url('/images/site_images/nav_selected_forest.gif') center bottom no-repeat;} */ #subnav {font-family: "museo-sans-1", "museo-sans-2", Museo Sans, Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #000; font-size: 14px; margin-top: 0; font-weight: 500;} #subnav ul {list-style-type: none; margin: 0px; padding: 0px;} #subnav ul li {margin-left: 15px; height: 20px; font-size: 12px;} #subnav ul li a:link, #subnav ul li a:visited, #subnav ul li a:active {text-decoration: none; color: #000;} #subnav ul li a:hover {text-decoration: none; color: #666;} /*body#web #subnav ul li.web, body#print #subnav ul li.print, body#video #subnav ul li.video, body#onehundredone #subnav ul li.onehundredone, body#mylife #subnav ul li.mylife, body#photography #subnav ul li.photography, body#finderskeepers #subnav ul li.finderskeepers, body#design #subnav ul li.design, body#programming #subnav ul li.programming {background: url('/images/site_images/subnav_selected') center bottom no-repeat;}*/ #header_hire_me {position: absolute; margin: 270px 0 0 800px;} .dotted_right {background: url('/images/site_images/bg_dotted_right.gif') right top repeat-y; width: 100%; height: 100%;} #footer_wrapper {border-top: 1px solid #bebebe; background-color: #bebebe; padding: 20px 0; margin-top: 20px; color: #4e4e4e; font-size: 14px;} #footer_wrapper h3 {padding: 5px 0 3px 0; margin: 20px 0 0 0; font-weight: 900;} #footer_wrapper a {color: #4e4e4e; text-decoration: none; width: 100%; height: 100%; display: block;} #footer_wrapper a:hover {background-color: #888; color: #FFF;} /* MOST POPULAR POSTS AND RECENT POSTS */ #most_popular_posts ul, #recent_posts ul {margin: 0px; padding: 0px; list-style-type: none;} #most_popular_posts ul li, #recent_posts ul li {line-height: 14px;} #most_popular_posts ul li:last-child, #recent_posts ul li:last-child {border-bottom: none;} #most_popular_posts ul li a, #recent_posts ul li a {padding: 7px 3px;} /* CATEGORIES */ #categories ul {margin: 0px; padding: 0px; list-style-type: none;} #categories ul li {width: 100px; float: left; margin-right: 6px; line-height: 14px;} #categories ul li a {padding: 7px 3px;} /* SEARCH */ #search {margin-top: 20px;} #footer_wrapper input#text_search {width: 150px; background: #FFF; color: #4e4e4e; } input.submit_search, input#submit_search {text-transform: uppercase; font-family: Museo Sans, Verdana, Helvetica, Arial, sans-serif; color: #4e4e4e; cursor: pointer; font-size: 12px; width: 60px; background: transparent; border: none;} input#submit_search:hover {color: #FFF; background: #4e4e4e;} /* ARCHIVES */ #archives ul {margin: 0px; padding: 0px; list-style-type: none;} #archives ul li.archive_year {width: 230px; display: block; clear: both;} #archives ul li a {padding: 3px;} #archives ul li.archive_month {width: 95px; float: left; margin-right: 6px; border-bottom: none; margin-left: 10px;} /* SUBSCRIBE */ #subscribe ul {margin: 0px; padding: 0px; list-style-type: none;} #subscribe ul li {} #subscribe ul li a {padding: 3px;} /* CONTACT ME */ #contact_me ul {margin: 0px; padding: 0px; list-style-type: none;} #contact_me ul li {padding-top: 3px; padding-bottom: 3px;} /* TYPES OF POSTS */ #types_of_posts ul {margin: 0px; padding: 0px; list-style-type: none;} #types_of_posts ul li {padding: 3px 3px 3px 20px; width: 82px; margin-right: 10px; float: left;} #types_of_posts ul li a {padding-left: 3px;} #final_line_wrapper {border-top: 1px solid #3f3f3f; background-color: #4e4e4e; font-size: 12px; color: #bebebe;} #powered_by {float: left; margin: 20px 0 10px 0;} #powered_by a:link, #powered_by a:active, #powered_by a:visited {text-decoration: none; color: #bebebe;} #powered_by a:hover {text-decoration: underline; color: #bebebe;} #copyright {font-style: italic; float: right; margin: 20px 0 10px 0;} /* ==== PIECES ================================================ */ .left {float: left;} .right {float: right;} .center {width: 100%; text-align: center;} .thumb {margin: 0 5px 5px 0;} .image {margin: 0 10px 10px 0;} img.border {border: 1px solid #CCC;} /* ICONS */ .icon_rss {background: transparent url('/images/site_images/icon_footer_rss.gif') left 7px no-repeat; padding-left: 20px;} .icon_movie {background: transparent url('/images/site_images/icon_footer_video.gif') left 5px no-repeat; padding-left: 20px;} .icon_picture {background: transparent url('/images/site_images/icon_footer_picture.gif') left 3px no-repeat; padding-left: 20px;} .icon_music {background: transparent url('/images/site_images/icon_footer_music.gif') left top no-repeat; padding-left: 20px;} .icon_post {background: transparent url('/images/site_images/icon_footer_post.gif') left top no-repeat; padding-left: 20px;} .icon_phone {background: transparent url('/images/site_images/icon_footer_phone.gif') left 5px no-repeat; padding-left: 20px;} .icon_quote {background: transparent url('/images/site_images/icon_footer_quote.gif') left 5px no-repeat; padding-left: 20px;} .icon_email {background: transparent url('/images/site_images/icon_footer_email.gif') left 5px no-repeat; padding-left: 20px;} .icon_location {background: transparent url('/images/site_images/icon_footer_location.gif') 3px 5px no-repeat; padding-left: 20px;} .icon_link {background: transparent url('/images/site_images/icon_footer_bookmark.gif') 7px 3px no-repeat; padding-left: 20px;} /* HIRE ME */ body#web #footer_wrapper, body#print #footer_wrapper, body#video #footer_wrapper, body#about #footer_wrapper, body#contact #footer_wrapper, body#portfolio #footer_wrapper {margin-top: 0px !important;} #hire_me_wrapper {background: #4e4e4e; padding: 25px 0; margin-top: 30px;} #hire_me {background: transparent url('/images/site_images/bg_hire_me.gif') right 35px no-repeat; color: #FFF; margin-bottom: 0px; min-height: 285px; height: auto !important; height: 285px;} #hire_me h2 {font-size: 32px; font-family: "museo-sans-1", "museo-sans-2", Museo Sans, Helvetica, Arial, Verdana, sans-serif; font-weight: 900; text-transform: uppercase; color: #FFF; line-height: 45px;} #hire_me p {line-height: 24px; margin-top: 20px; } #hire_me form {margin: 50px 0 0 0; padding: 0px;} #hire_me label {text-transform: uppercase; color: #FFF; width: 100px; text-align: right; float: left; margin-right: 10px; padding-top: 5px; line-height: 14px;} #hire_me input.text {background: #bebebe; width: 255px; margin-bottom: 10px; color: #181818;} #hire_me textarea.textarea {background: #bebebe; width: 255px; height: 100px; color: #181818;} #hire_me textarea.textarea:focus {border: none;} #hire_me input.submit {background: none; border: none; color: #FFF; text-transform: uppercase; font-family: "museo-sans-1", "museo-sans-2", Museo Sans, Helvetica, Arial, Verdana, sans-serif; font-weight: 500; margin: -50px 18px 0 0; cursor: pointer;} /* ==== PAGE STYLES =========================================== */ /* HOME */ #site_description {font-family: "museo-sans-1", "museo-sans-2", Museo Sans, Helvetica, Arial, Verdana, sans-serif; font-size: 60px; font-weight: 100; color: #4e4e4e; line-height: 49px; padding: 160px 00px 0 0; float: right; } #site_description a:link, #site_description a:visited, #site_description a:active {text-decoration: none; color: #4e4e4e;} #site_description a:hover {text-decoration: none; color: #000;} body#design #site_description a:link, body#design #site_description a:visited, body#design #site_description a:active, body#photography #site_description a:link, body#photography #site_description a:visited, body#photography #site_description a:active {color: #333;} body#mylife #site_description a:hover, body#design #site_description a:hover, body#photography #site_description a:hover {color: #FFF;} #feature, #twitter {font-size: 38px; font-family: "museo-sans-1", "museo-sans-2", Museo Sans, Helvetica, Arial, Verdana, sans-serif; font-weight: 100; text-transform: uppercase; color: #4e4e4e; line-height: 36px; margin-bottom: 20px;} #twitter h3 {margin-bottom: 5px;} #twitter a:link, #twitter a:visited, #twitter a:active {text-decoration: none; color: #4e4e4e;} #twitter a:hover {text-decoration: none; color: #000;} .blog_grid {} .blog_grid h3 {margin-bottom: 5px; color: #000;} .blog_grid h3 a:link, .blog_grid h3 a:visited, .blog_grid h3 a:active {text-decoration: none; color: #000;} .blog_grid h3 a:hover {text-decoration: none; color: #4e4e4e;} .blog_grid_row {margin-bottom: 5px;} .blog_grid_item {font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 18px; width: 310px; overflow: hidden; height: 233px;} .blog_grid_item a {width: 100%; height: 100%; text-decoration: none;} .blog_grid_item h3 {color: #FFF; margin-bottom: 0px !important; line-height: 14px;} .grid_caption {color: #FFF; height: 60px; overflow: hidden; padding: 15px 0 0 55px; margin-top: 160px; font-family: "museo-sans-1", "museo-sans-2", Museo Sans, Helvetica, Arial, Verdana, sans-serif; text-transform: uppercase; font-weight: 500; background: #000;} /* .grid_design_picture {background: transparent url('/images/site_images/bloggrid_design_picture.png') left top no-repeat;} .grid_design_link {background: transparent url('/images/site_images/bloggrid_design_link.png') left top no-repeat;} .grid_design_movie {background: transparent url('/images/site_images/bloggrid_design_movie.png') left top no-repeat;} .grid_design_post {background: transparent url('/images/site_images/bloggrid_design_post.png') left top no-repeat;} .grid_design_quote {background: transparent url('/images/site_images/bloggrid_design_quote.png') left top no-repeat;} .grid_mylife_picture {background: transparent url('/images/site_images/bloggrid_mylife_picture.png') left top no-repeat;} .grid_mylife_link {background: transparent url('/images/site_images/bloggrid_mylife_link.png') left top no-repeat;} .grid_mylife_movie {background: transparent url('/images/site_images/bloggrid_mylife_movie.png') left top no-repeat;} .grid_mylife_post {background: transparent url('/images/site_images/bloggrid_mylife_post.png') left top no-repeat;} .grid_mylife_quote {background: transparent url('/images/site_images/bloggrid_mylife_quote.png') left top no-repeat;} .grid_onehundredone_picture {background: transparent url('/images/site_images/bloggrid_onehundredone_picture.png') left top no-repeat;} .grid_onehundredone_link {background: transparent url('/images/site_images/bloggrid_onehundredone_link.png') left top no-repeat;} .grid_onehundredone_movie {background: transparent url('/images/site_images/bloggrid_onehundredone_movie.png') left top no-repeat;} .grid_onehundredone_post {background: transparent url('/images/site_images/bloggrid_onehundredone_post.png') left top no-repeat;} .grid_onehundredone_quote {background: transparent url('/images/site_images/bloggrid_onehundredone_quote.png') left top no-repeat;} .grid_photography_picture {background: transparent url('/images/site_images/bloggrid_photography_picture.png') left top no-repeat;} .grid_photography_link {background: transparent url('/images/site_images/bloggrid_photography_link.png') left top no-repeat;} .grid_photography_movie {background: transparent url('/images/site_images/bloggrid_photography_movie.png') left top no-repeat;} .grid_photography_post {background: transparent url('/images/site_images/bloggrid_photography_post.png') left top no-repeat;} .grid_photography_quote {background: transparent url('/images/site_images/bloggrid_photography_quote.png') left top no-repeat;} .grid_finderskeepers_picture {background: transparent url('/images/site_images/bloggrid_finderskeepers_picture.png') left top no-repeat; color: #000;} .grid_finderskeepers_link {background: transparent url('/images/site_images/bloggrid_finderskeepers_link.png') left top no-repeat; color: #000;} .grid_finderskeepers_movie {background: transparent url('/images/site_images/bloggrid_finderskeepers_movie.png') left top no-repeat; color: #000;} .grid_finderskeepers_post {background: transparent url('/images/site_images/bloggrid_finderskeepers_post.png') left top no-repeat; color: #000;} .grid_finderskeepers_quote {background: transparent url('/images/site_images/bloggrid_finderskeepers_quote.png') left top no-repeat;} .grid_finderskeepers_post h3, .grid_finderskeepers_link h3, .grid_finderskeepers_picture h3, .grid_finderskeepers_movie h3, .grid_finderskeepers_quote h3 {color: #000;} .grid_programming_picture {background: transparent url('/images/site_images/bloggrid_programming_picture.png') left top no-repeat; color: #000;} .grid_programming_link {background: transparent url('/images/site_images/bloggrid_programming_link.png') left top no-repeat; color: #000;} .grid_programming_movie {background: transparent url('/images/site_images/bloggrid_programming_movie.png') left top no-repeat; color: #000;} .grid_programming_post {background: transparent url('/images/site_images/bloggrid_programming_post.png') left top no-repeat; color: #000;} .grid_programming_quote {background: transparent url('/images/site_images/bloggrid_programming_quote.png') left top no-repeat;} .grid_programming_picture h3, .grid_programming_link h3, .grid_programming_movie h3, .grid_programming_post h3, .grid_programming_quote h3 {color: #000;} */ .grid_picture {background: #000 url('/images/site_images/grid_picture.gif') 15px 15px no-repeat;} .grid_post {background: #000 url('/images/site_images/grid_post.gif') 15px 15px no-repeat;} .grid_link {background: #000 url('/images/site_images/grid_link.gif') 15px 15px no-repeat;} .grid_quote {background: #000 url('/images/site_images/grid_quote.gif') 18px 15px no-repeat;} .grid_movie {background: #000 url('/images/site_images/grid_movie.gif') 15px 15px no-repeat;} #grid_programming {background: #f7e65a; width: 100%; padding: 12px 0 0 0;} #grid_mylife {background: #ff713c; width: 100%; padding: 12px 0 0 0;} #grid_design {background: #057365; width: 100%; padding: 12px 0 0 0;} #grid_onehundredone {background: #999; width: 100%; padding: 12px 0 0 0;} #grid_finderskeepers {background: #c0d677; width: 100%; padding: 12px 0 0 0;} #grid_photography {background: #508e4e; width: 100%; padding: 12px 0 0 0;} #grid_photography h3, #grid_photography .blog_grid h3 a:hover, #grid_design .blog_grid h3 a:hover, #grid_design h3 {color: #FFF;} body#home #footer_wrapper {margin-top: 0;} /* ABOUT */ body#about .h1_wrapper {} body#about .h1_wrapper h1 {background: #FFF url('/images/site_images/bg_btn.gif') left top no-repeat; padding: 10px 0 25px 25px; margin-left: -25px;} .content {z-index: 20; position: relative;} .bio {margin: 0 10px 30px 0;} /* CONTACT */ body#contact form {margin-top: 5px;} body#contact textarea.textarea, body#contact input.text {width: 450px;} ul#more_ways {margin: 20px 0 0 0; padding: 0; list-style-type: none;} ul#more_ways li {margin-bottom: 5px; padding-left: 20px; font-family: "museo-sans-1", "museo-sans-2", Museo Sans, Georgia, "Times New Roman", Times; font-size: 14px; text-transform: uppercase; font-weight: 500;} ul#more_ways li.email {background: transparent url('/images/site_images/icon_contact_email.gif') left 7px no-repeat;} ul#more_ways li.phone {background: transparent url('/images/site_images/icon_contact_phone.gif') left 3px no-repeat;} ul#more_ways li.snail {background: transparent url('/images/site_images/icon_contact_address.gif') 3px 3px no-repeat;} ul#more_ways li.facebook {background: transparent url('/images/site_images/icon_contact_facebook.gif') left 3px no-repeat;} ul#more_ways li.twitter {background: transparent url('/images/site_images/icon_contact_twitter.gif') left 3px no-repeat;} ul#more_ways li a:link, ul#more_ways li a:visited, ul#more_ways li a:active {text-decoration: none; color: #3c3c3c;} ul#more_ways li a:hover {text-decoration: underline; color: #999;} /* PORTFOLIO */ body#portfolio .h1_wrapper {} body#portfolio .h1_wrapper h1 {/*font-weight: 100 !important;*/} a img.portfolio {display: block; border: 1px solid #FFF;} a:hover img.portfolio {border: 1px solid #CCC;} img.portfolio {margin-bottom: 12px; width: 308px;} #portfolio_details h3 {color: #bebebe;} #portfolio_details h3.arrow {border: 2px solid #bebebe; border-left: none; border-right: none; padding: 5px 0 5px 10px; margin: 20px 0 5px 0; background: transparent url('/images/site_images/icon_r_arrow.gif') left 5px no-repeat;} #portfolio_details h3.arrow:first-child {margin: 0 0 5px 0 !important;} #portfolio_details img.thumb {margin: 0 4px 4px 0; width: 148px;} #portfolio_details a img.thumb {border: 1px solid #FFF;} #portfolio_details a:hover img.thumb {border: 1px solid #CCC;} /* BLOG */ .comment_count {font-family: "museo-sans-1", "museo-sans-2", Museo Sans, Helvetica, Arial, Verdana, sans-serif; font-size: 28px; color: #FFF; padding:30px 0 0 80px; text-align:center; width:55px; float: left;} .comment_count a {color: #FFF; text-decoration: none;} .post_type {width: 90px; height: 100px; float: right;} .post_type a, .post_type a img {width: 100%; height: 100%;} .posted_on {text-align: right; padding-top: 10px; clear: both;} .end_of_post {font-family: "museo-sans-1", "museo-sans-2", Museo Sans, Helvetica, Arial, Verdana, sans-serif; text-transform: uppercase; font-size: 14px; color: #AAA; font-weight: 900;} .end_of_post a:link, .end_of_post a:visited, .end_of_post a:active {color: #AAA; text-decoration: none;} .end_of_post a:hover {color: #444; text-decoration: none;} .tags {font-size: 14px;} .tags h3 {padding: 5px 0 3px 0; margin: 20px 0 0 0; font-size: 14px; font-weight: 900;} .tags a:link, .tags a:visited, .tags a:active {text-decoration: none;} .tags a:hover {text-decoration: underline;} /* PICTURE POST */ .type_onehundredone .picture_post, body#onehundredone .picture_post {background: url('/images/site_images/icon_picture_dgray.gif') right top no-repeat; height: 104px;} .type_onehundredone .picture_post_comments, body#onehundredone .picture_post_comments {background: url('/images/site_images/icon_picture_comments_dgray.gif') right top no-repeat !important; height: 104px;} .type_photography .picture_post, body#photography .picture_post {background: url('/images/site_images/icon_picture_hunter.gif') right top no-repeat; height: 104px;} .type_photography .picture_post_comments, body#photography .picture_post_comments {background: url('/images/site_images/icon_picture_comments_hunter.gif') right top no-repeat !important; height: 104px;} .type_mylife .picture_post, body#mylife .picture_post {background: url('/images/site_images/icon_picture_orange.gif') right top no-repeat; height: 104px;} .type_mylife .picture_post_comments, body#mylife .picture_post_comments {background: url('/images/site_images/icon_picture_comments_orange.gif') right top no-repeat !important; height: 104px;} .type_design .picture_post, body#design .picture_post {background: url('/images/site_images/icon_picture_forest.gif') right top no-repeat; height: 104px;} .type_design .picture_post_comments, body#design .picture_post_comments {background: url('/images/site_images/icon_picture_comments_forest.gif') right top no-repeat !important; height: 104px;} .type_finderskeepers .picture_post, body#finderskeepers .picture_post {background: url('/images/site_images/icon_picture_lime.gif') right top no-repeat; height: 104px;} .type_finderskeepers .picture_post_comments, body#finderskeepers .picture_post_comments {background: url('/images/site_images/icon_picture_comments_lime.gif') right top no-repeat !important; height: 104px;} .type_programming .picture_post, body#programming .picture_post {background: url('/images/site_images/icon_picture_yellow.gif') right top no-repeat; height: 104px;} .type_programming .picture_post_comments, body#programming .picture_post_comments {background: url('/images/site_images/icon_picture_comments_yellow.gif') right top no-repeat !important; height: 104px;} .picture_post_over {background: url('/images/site_images/icon_picture_over.gif') right top no-repeat !important; height: 104px;} /* MOVIE POST */ .type_onehundredone .movie_post, body#onehundredone .movie_post {background: url('/images/site_images/icon_movie_dgray.gif') right top no-repeat; height: 104px;} .type_onehundredone .movie_post_comments, body#onehundredone .movie_post_comments {background: url('/images/site_images/icon_movie_comments_dgray.gif') right top no-repeat; height: 104px;} .type_photography .movie_post, body#photography .movie_post {background: url('/images/site_images/icon_movie_hunter.gif') right top no-repeat; height: 104px;} .type_photography .movie_post_comments, body#photography .movie_post_comments {background: url('/images/site_images/icon_movie_comments_hunter.gif') right top no-repeat; height: 104px;} .type_mylife .movie_post, body#mylife .movie_post {background: url('/images/site_images/icon_movie_orange.gif') right top no-repeat; height: 104px;} .type_mylife .movie_post_comments, body#mylife .movie_post_comments {background: url('/images/site_images/icon_movie_comments_orange.gif') right top no-repeat; height: 104px;} .type_design .movie_post, body#design .movie_post {background: url('/images/site_images/icon_movie_forest.gif') right top no-repeat; height: 104px;} .type_design .movie_post_comments, body#design .movie_post_comments {background: url('/images/site_images/icon_movie_comments_forest.gif') right top no-repeat; height: 104px;} .type_finderskeepers .movie_post, body#finderskeepers .movie_post {background: url('/images/site_images/icon_movie_lime.gif') right top no-repeat; height: 104px;} .type_finderskeepers .movie_post_comments, body#finderskeepers .movie_post_comments {background: url('/images/site_images/icon_movie_comments_lime.gif') right top no-repeat; height: 104px;} .type_programming .movie_post, body#programming .movie_post {background: url('/images/site_images/icon_movie_yellow.gif') right top no-repeat; height: 104px;} .type_programming .movie_post_comments, body#programming .movie_post_comments {background: url('/images/site_images/icon_movie_comments_yellow.gif') right top no-repeat; height: 104px;} .movie_post_over {background: url('/images/site_images/icon_movie_over.gif') right top no-repeat; height: 104px;} /* QUOTE POST */ .type_onehundredone .quote_post, body#onehundredone .quote_post {background: url('/images/site_images/icon_quote_dgray.gif') right top no-repeat; height: 104px;} .type_onehundredone .quote_post_comments, body#onehundredone .quote_post_comments {background: url('/images/site_images/icon_quote_comments_dgray.gif') right top no-repeat; height: 104px;} .type_photography .quote_post, body#photography .quote_post {background: url('/images/site_images/icon_quote_hunter.gif') right top no-repeat; height: 104px;} .type_photography .quote_post_comments, body#photography .quote_post_comments {background: url('/images/site_images/icon_quote_comments_hunter.gif') right top no-repeat; height: 104px;} .type_mylife .quote_post, body#mylife .quote_post {background: url('/images/site_images/icon_quote_orange.gif') right top no-repeat; height: 104px;} .type_mylife .quote_post_comments, body#mylife .quote_post_comments {background: url('/images/site_images/icon_quote_comments_orange.gif') right top no-repeat; height: 104px;} .type_design .quote_post, body#design .quote_post {background: url('/images/site_images/icon_quote_forest.gif') right top no-repeat; height: 104px;} .type_design .quote_post_comments, body#design .quote_post_comments {background: url('/images/site_images/icon_quote_comments_forest.gif') right top no-repeat; height: 104px;} .type_finderskeepers .quote_post, body#finderskeepers .quote_post {background: url('/images/site_images/icon_quote_lime.gif') right top no-repeat; height: 104px;} .type_finderskeepers .quote_post_comments, body#finderskeepers .quote_post_comments {background: url('/images/site_images/icon_quote_comments_lime.gif') right top no-repeat; height: 104px;} .type_programming .quote_post, body#programming .quote_post {background: url('/images/site_images/icon_quote_yellow.gif') right top no-repeat; height: 104px;} .type_programming .quote_post_comments, body#programming .quote_post_comments {background: url('/images/site_images/icon_quote_comments_yellow.gif') right top no-repeat; height: 104px;} .quote_post_over {background: url('/images/site_images/icon_quote_over.gif') right top no-repeat; height: 104px;} /* LINK POST */ .type_onehundredone .link_post, body#onehundredone .link_post {background: url('/images/site_images/icon_link_dgray.gif') right top no-repeat; height: 104px;} .type_onehundredone .link_post_comments, body#onehundredone .link_post_comments {background: url('/images/site_images/icon_link_comments_dgray.gif') right top no-repeat; height: 104px;} .type_photography .link_post, body#photography .link_post {background: url('/images/site_images/icon_link_hunter.gif') right top no-repeat; height: 104px;} .type_photography .link_post_comments, body#photography .link_post_comments {background: url('/images/site_images/icon_link_comments_hunter.gif') right top no-repeat; height: 104px;} .type_mylife .link_post, body#mylife .link_post {background: url('/images/site_images/icon_link_orange.gif') right top no-repeat; height: 104px;} .type_mylife .link_post_comments, body#mylife .link_post_comments {background: url('/images/site_images/icon_link_comments_orange.gif') right top no-repeat; height: 104px;} .type_design .link_post, body#design .link_post {background: url('/images/site_images/icon_link_forest.gif') right top no-repeat; height: 104px;} .type_design .link_post_comments, body#design .link_post_comments {background: url('/images/site_images/icon_link_comments_forest.gif') right top no-repeat; height: 104px;} .type_finderskeepers .link_post, body#finderskeepers .link_post {background: url('/images/site_images/icon_link_lime.gif') right top no-repeat; height: 104px;} .type_finderskeepers .link_post_comments, body#finderskeepers .link_post_comments {background: url('/images/site_images/icon_link_comments_lime.gif') right top no-repeat; height: 104px;} .type_programming .link_post, body#programming .link_post {background: url('/images/site_images/icon_link_yellow.gif') right top no-repeat; height: 104px;} .type_programming .link_post_comments, body#programming .link_post_comments {background: url('/images/site_images/icon_link_comments_yellow.gif') right top no-repeat; height: 104px;} .link_post_over {background: url('/images/site_images/icon_link_over.gif') right top no-repeat; height: 104px;} /* POST POST */ .type_onehundredone .post_post, body#onehundredone .post_post {background: url('/images/site_images/icon_post_dgray.gif') right top no-repeat; height: 104px;} .type_onehundredone .post_post_comments, body#onehundredone .post_post_comments {background: url('/images/site_images/icon_post_comments_dgray.gif') right top no-repeat; height: 104px;} .type_photography .post_post, body#photography .post_post {background: url('/images/site_images/icon_post_hunter.gif') right top no-repeat; height: 104px;} .type_photography .post_post_comments, body#photography .post_post_comments {background: url('/images/site_images/icon_post_comments_hunter.gif') right top no-repeat; height: 104px;} .type_mylife .post_post, body#mylife .post_post {background: url('/images/site_images/icon_post_orange.gif') right top no-repeat; height: 104px;} .type_mylife .post_post_comments, body#mylife .post_post_comments {background: url('/images/site_images/icon_post_comments_orange.gif') right top no-repeat; height: 104px;} .type_design .post_post, body#design .post_post {background: url('/images/site_images/icon_post_forest.gif') right top no-repeat; height: 104px;} .type_design .post_post_comments, body#design .post_post_comments {background: url('/images/site_images/icon_post_comments_forest.gif') right top no-repeat; height: 104px;} .type_finderskeepers .post_post, body#finderskeepers .post_post {background: url('/images/site_images/icon_post_lime.gif') right top no-repeat; height: 104px;} .type_finderskeepers .post_post_comments, body#finderskeepers .post_post_comments {background: url('/images/site_images/icon_post_comments_lime.gif') right top no-repeat; height: 104px;} .type_programming .post_post, body#programming .post_post {background: url('/images/site_images/icon_post_yellow.gif') right top no-repeat; height: 104px;} .type_programming .post_post_comments, body#programming .post_post_comments {background: url('/images/site_images/icon_post_comments_yellow.gif') right top no-repeat; height: 104px;} .post_post_over {background: url('/images/site_images/icon_post_over.gif') right top no-repeat; height: 104px;} /* COMMENTS */ h3.other_people_think, #share_your_thoughts h3 {padding: 5px 0 5px 0px; margin: 20px 0 0 0; font-weight: 100; font-size: 32px; color: #888;} h3#first_to_comment {font-size: 14px; font-weight: 900;} h3#first_to_comment a:link, h3#first_to_comment a:visited, h3#first_to_comment a:active {color: #888; text-decoration: none; margin-top: 0;} h3#first_to_comment a:hover {color: #000; text-decoration: none;} #share_your_thoughts form {margin-top: 10px;} body#programming #share_your_thoughts input.text, body#programming #share_your_thoughts textarea.textarea {background: #f7e65a; color: #000;} /* yellow */ body#onehundredone #share_your_thoughts textarea.textarea, body#onehundredone #share_your_thoughts input.text {background: #999;} /* gray */ body#mylife #share_your_thoughts textarea.textarea, body#mylife #share_your_thoughts input.text {background: #FF713C;} /* orange */ body#photography #share_your_thoughts textarea.textarea, body#photography #share_your_thoughts input.text {background: #508E4E;} /* hunter */ body#finderskeepers #share_your_thoughts textarea.textarea, body#finderskeepers #share_your_thoughts input.text {background: #C0D677; color: #000;} /* lime */ body#design #share_your_thoughts textarea.textarea, body#design #share_your_thoughts input.text {background: #057365;} /* forest */ .one_comment {margin: 0 0 20px 0; clear: both; line-height: 18px;} .avatar {width: 100px; height: 100px; margin-right: 20px; float: left;} body#programming .avatar {background-color: #f7e65a;} body#onehundredone .avatar {background-color: #999;} body#mylife .avatar {background-color: #FF713C;} body#photography .avatar {background-color: #508E4E;} body#finderskeepers .avatar {background-color: #C0D677;} body#design .avatar {background-color: #057365;} .avatar_overlay {float: right; padding: 20px 0 0 0;} .actual_comment {width: 350px; float: left;} .comment_details {text-transform: uppercase; color: #4e4e4e; font-family: "museo-sans-1", "museo-sans-2", Museo Sans, Helvetica, Arial, Verdana, sans-serif; font-weight: 500; margin-bottom: 5px;} .comment_author {font-size: 18px; color: #000;} /* SERIES */ #series_wrapper {background: #4e4e4e;} #series_wrapper .container {background: transparent url('/images/site_images/bg_series.gif') 90px bottom no-repeat; padding: 25px 0 0 0; min-height: 200px; color: #FFF;} #series_wrapper .h1_wrapper {background: transparent; padding-top: 40px;} #series_wrapper .h1_wrapper h1 {color: #FFF; font-weight: 500; background: transparent; font-size: 28px; line-height: 20px; margin-bottom: 0;} /* ARCHIVES */ #blog_archives_wrapper {background: #4e4e4e; margin-top: -18px;} #blog_archives_wrapper .container {background: transparent url('/images/site_images/bg_blog_archives.gif') 90px bottom no-repeat; padding: 20px 0 0 0; min-height: 121px; color: #FFF;} #blog_archives_wrapper h1 {color: #FFF; font-weight: 500; background: transparent; font-size: 28px; line-height: 20px; margin: 19px 0 0 5px; display: block;} #blog_archives_wrapper ul {margin: 5px 0 0 5px; padding: 0px; list-style-type: none; font-family: "museo-sans-1", "museo-sans-2", sans-serif; font-weight: 500; font-size: 14px;} #blog_archives_wrapper ul li {width: 18px; height: 18px; background-color: #B3B3B3; margin-right: 5px; float: left; text-align: center; line-height: 19px;} #blog_archives_wrapper ul li.no_post {background-color: #818181;} #blog_archives_wrapper ul li:hover {background-color: #FFF;} #blog_archives_wrapper ul li.not_happened {background-color: #000; color: #000;} #blog_archives_wrapper ul li.not_happened:hover {background-color: #000;} #blog_archives_wrapper ul li a {text-decoration: none;} /* SEARCH */ #search_wrapper {background: #4e4e4e; margin-top: -18px;} #search_wrapper .container {background: transparent url('/images/site_images/bg_search.gif') 70px bottom no-repeat; padding: 20px 0 0 0; min-height: 121px; color: #FFF;} #search_wrapper .keywords {color: #FFF; font-family: "museo-sans-1", "museo-sans-2", sans-serif; font-weight: 100; font-size: 38px; margin: 0 0 10px 0; padding: 0px; line-height: 30px; text-transform: uppercase;} #search_wrapper input.text {background: #333; width: 405px;} #search_wrapper input.submit_search {color: #FFF; padding: 4px 0;} #search_wrapper input.submit_search:hover {background: #000;} #search_wrapper label {color: #FFF;} #search_wrapper h3 {color: #FFF;} /* TAGS */ #tag_wrapper {background: #4e4e4e; margin-top: -18px;} #tag_wrapper .container {background: transparent url('/images/site_images/bg_tags.gif') 70px bottom no-repeat; padding: 20px 0 0 0; min-height: 121px; color: #FFF;} #tag_wrapper .tag_terms {color: #FFF; font-family: "museo-sans-1", "museo-sans-2", sans-serif; font-weight: 100; font-size: 38px; margin: 0 0 10px 0; padding: 35px 0 0 0; line-height: 30px; text-transform: uppercase;} /* BLOG TYPE */ #type_wrapper {background: #4e4e4e; margin-top: -18px;} #type_wrapper .container {background: transparent url('/images/site_images/bg_post_type.gif') 70px bottom no-repeat; padding: 20px 0 0 0; min-height: 121px; color: #FFF;} #type_wrapper .tag_terms {color: #FFF; font-family: "museo-sans-1", "museo-sans-2", sans-serif; font-weight: 100; font-size: 38px; margin: 0 0 10px 0; padding: 35px 0 0 0; line-height: 30px; text-transform: uppercase;} /* CODE */ .codeblock {width: 470px; overflow: scroll;} code {font-size: 12px;}