/* Theme Name: davidrcole.com Theme URL: http://davidrcole.com/ Description: Don't Steal Me Author: David Cole Author URI: http://davidrcole.com Version: 1.0 */ * { margin:0; padding:0; border: none; outline: none; text-decoration: none; font-weight: normal } body { background-color: #222222; font-family: "Century Gothic", "Apple Gothic", Arial, sans-serif; font-size: 100%; line-height: 1.5em; color: #cccccc } html>body { font-size: 16px } a { cursor: pointer } a:hover { color: #ffffff } h1 { color: #0093bd; font-size: 3em; line-height: 1.042em; letter-spacing: -1px; font-weight: bold } .clear { clear: both } .rounded_bottom { clear: both; width: 1000px; height: 25px; margin: 0 -25px; background: url(images/background_rounded_25.png) bottom center no-repeat } #container { width: 950px; margin: 0 auto } #about { width: 940px; background: url(images/portrait.jpg) bottom right no-repeat; height: 475px; padding: 3em 25px 0 25px; overflow: hidden } #about p { width: 525px; color: #cccccc; text-indent: 25px; font-size: 0.875em } #about p .para { color: #444444 } #about p:first-line { font-weight: bold; color: #ffffff } #about p + p:first-line { font-weight: normal; color: #cccccc } #about p a { color: #bd7f00 } #about p a:hover { color: #ffffff } #about p.actions { color: #cccccc; text-indent: 0; margin: 1.5em 0 0 25px } #about p.actions a { color: #b27802 } #about p.actions a:hover { color: #ffffff } #single { width: 950px; margin: 2.25em auto 0 } #single p.categories { color: #666666; font-size: 1.5em; letter-spacing: -1px } #single p.categories a { color: #666666 } #single p.categories a:hover { color: #ffffff } #single p.link { color: #bd7f00; font-size: 1.125em; margin-bottom: 2.5em } #single p a { color: #bd7f00 } #single p a:hover { color: #ffffff } #single img.full { float: right; clear: both; width: 400px; margin-bottom: 1.5em } #single img.wide { float: left; width: 525px; margin: 1.5em 0 } #single #the_content { float: left; width: 525px; text-align: justify; text-indent: 25px } a.collapse { display: block; clear: both; margin: 0 auto; width: 67px; background: url(images/button_collapse.png) 0 0 no-repeat; text-indent: -9999px } #bottom_collapse { height: 25px; background-position: 0 0; visibility: hidden } #bottom_collapse:hover { background-position: 0 -25px } #top_collapse { height: 15px; background-position: 0 -10px; margin-bottom: 0.75em } #top_collapse:hover { background-position: 0 -35px } #archive { } #archive h1 { margin-top: 1em; color: #0093bd } #archive h2 { color: #8a8a8a; font-size: 2.5em; line-height: 1em; margin-bottom: 0em; text-align: center } #archive h2 a { color: inherit } #archive h2 a:hover { color: #ffffff } #archive .category_post { float: left; width: 400px; margin: 3.75em 50px 1.25em 50px } #archive .medium_image { width: 400px; height: 400px; overflow: hidden; border: 5px solid #555555 } #archive .medium_image:hover { border-color: #ffffff } #archive ul li { float: left; margin: 0 10px; color: #555555; font-size: 1.25em; line-height: 1em; letter-spacing: 1px } #archive ul li:first-child { list-style: none; margin-left: 0 } #archive ul li a { color: inherit } #archive ul li a:hover { color: #ffffff } #archive ul + div { clear: both } #info { width: 950px; background: url(images/background_rounded_25.png) top center no-repeat; padding: 25px 25px 0px 25px; margin-bottom: 0.75em } #info #david_cole { float: left; width: 409px; height: 128px; margin-right: 25px } #info #menu { float: left; width: 191px; font-size: 1.5em; letter-spacing: -1px } #info #menu a { color: #0093bd } #info #menu a:hover { color: #ffffff } #info #menu a.sub { color: #616666; font-size: 0.5em; text-transform: uppercase; letter-spacing: 0px; background: url(images/return_arrow.gif) left no-repeat; padding-left: 15px } #info #menu a.sub:hover { color: #ffffff } #info #work_list { width: 325px; float: left } #info #work_list .h2 { color: #616666; font-size: 1.5em; display: inline-block; width: 175px; margin-right: 10px; letter-spacing: -1px } #info #work_list ul.tabNavigation { list-style: none; display: inline; vertical-align: top } #info #work_list ul.tabNavigation li { display: inline } #info #work_list ul.tabNavigation li a { margin-right: 10px; color: #616666; font-weight: bold; font-style: italic; font-size: 0.8em } #info #work_list ul.tabNavigation li a.selected, #info #work_list ul.tabNavigation li a:hover { color: #ffffff } #info #work_list div ul { float: left; list-style: none; width: 325px } #info #work_list div li { float: left; width: 152px; margin-right: 10px; list-style: none } #info #work_list div li a { color: #cccccc } #info #work_list div li a:hover { color: #ffffff } #loader { display: none } #work { width: 950px; background: url(images/background_rounded_25.png) top center no-repeat; padding: 25px 25px 0px 25px; margin-bottom: 0.75em } #work #thumbs_scroll { width: 950px; height: 210px; overflow: hidden } #work #thumbs ul { list-style: none; white-space: nowrap } #work #thumbs ul li { display: inline; margin-left: 25px; width: 200px; height: 200px } #work #thumbs ul li:first-child { margin-left: 0 } #work #slider_background { background: url(images/scroll_area.png) no-repeat; height: 20px; width: 950px } #work #slider { width: 650px; margin: 0 auto } #gallery { width: 950px; display: none } #footer { width: 950px; height: 30px; background: url(images/background_footer.png) top center no-repeat; padding: 10px 25px 10px 25px; margin-bottom: 1.5em; font-size: 0.75em; color: #666666 } #footer a { color: #496f82 } #footer a:hover { color: #0093db } #footer div { margin: 0 20px; text-align: center } #footer #rss { float: left } #rss img { vertical-align: middle } #footer #twitter { float: left } #twitter img { vertical-align: middle } #footer #wordpress { float: right } #footer #copyright { float: right } /* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left } .ui-state-default, .ui-widget-content .ui-state-default { outline: none; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; background: url(images/scroll_bar.png) no-repeat; width: 300px; margin-left: -150px; height: 20px; cursor: default; top: 1px } .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block }