/* Theme Name: ScottRohrer.com Temp Under Construction Theme URI: http://www.scottrohrer.com Description: ScottRohrer.com, version 1.0 Author: Scott Rohrer Author URI: http://www.scottrohrer.com Template: Version: 1.0 . General comments/License Statement if any. . */ /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ /*----------- GLOBAL -----------*/ /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ body, html { margin: 0; padding: 0; } body { background: #eee; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 100%; color: #616161; } h1 { font-size:2.5em; } h2 { font-size:1.875em; } h3 { font-size: .700em; } hr { border: 0; color: #dddddd; background-color: #dddddd; height: 1px; text-align: left; margin: 10px 5px 10px 5px; } p, li { font-size:0.80em; color: #636363; text-align: left; line-height: 1.6em; word-spacing: -0.1em; text-decoration: none; font-style: normal; font-weight: normal; } a, a:link, a:visited { color: #999; text-decoration: none; } a:hover { color: #666; text-decoration: underline; } br.clear { clear:both; margin: 0px; padding: 0px;} /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ /*----------- LAYOUT -----------*/ /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ div#header, div#main-outer, div#footer { width: 843px; margin: 0 auto 0 auto; display: block; background: transparent; clear: both; } div#main-outer {min-height: 100%; margin-bottom: -31px; position: relative; } div#main-outer .clearfooter { height: 31px; clear: both; } div#footer { height: 31px; position: relative; } div#sidebar, div#contentContainer { margin: 0 0 0 0; top: 0px; } div#sidebar { width: 353px; margin-top: 250px; margin-left: auto; margin-right: auto; } /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ /*-------- PAGE ELEMENTS -------*/ /*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ /********* SIDEBARS *************/ div#sidebar .top, div#sidebar .box { padding-bottom: 30px; } div#sidebar .top .bg, div#sidebar .box .bg { background: transparent url(images/sdbr_bg.gif) top left repeat-y; } div#sidebar .header, div#sidebar .footer { width: 353px; height: 11px; margin-top:0px; margin-bottom: 0px; padding-top: 0px; Padding-bottom: 0px; } div#sidebar .header { background: transparent url(images/sdbr_top.png) top left no-repeat; } div#sidebar .footer { background: transparent url(images/sdbr_bot.png) top left no-repeat; } /********* SIDEBAR - TOP ********/ .top .logo { background: url(images/sdbr_logo.gif) bottom left no-repeat; width: 303px; height: 37px; /* 37px+85px white space = 122px */ margin: 0px 25px 5px 25px; padding-top: 10px; } div#sidebar .top .logo span { height: 0px; overflow: hidden; display: block; text-indent: -9999px; background-color: transparent; float: left; } .top .nav ul { list-style: none; height: 22px; margin: 0 0 0 0; padding: 0 0 0 0; } .nav li a, .nav li a:visited { height: 22px; overflow: hidden; display: block; text-indent: -9999px; background-color: transparent; float: left; margin-left: 25px; border-bottom: 1px solid #ffffff; } /* NAV IMAGES */ #nav-home a:link, #nav-home a:visited { width: 41px; background: url(images/sdbr_nav_home.gif) 0 0 no-repeat;} #nav-archive a:link, #nav-archive a:visited {width: 62px; background: url(images/sdbr_nav_arch.gif) 0 0 no-repeat;} #nav-portfolio a:link, #nav-portfolio a:visited {width: 77px; background: url(images/sdbr_nav_port.gif) 0 0 no-repeat;} #nav-about a:link, #nav-about a:visited {width: 48px; background: url(images/sdbr_nav_about.gif) 0 0 no-repeat;} /* NAV ROLLOVERS */ /*.nav a:hover { border-bottom: 1px solid #ffcc00; margin-top: 3px; }*/ /********* SIDEBAR - BOX ********/ .box .section { padding: 0px; background: transparent top left no-repeat; background-position: 25px 8px; } .box .bg { padding-bottom: 0px; } h3 { color: #bfbfbf; text-align: right; text-transform: uppercase; letter-spacing: 5px; text-decoration: none; font-style: normal; font-weight: normal; margin:0px 20px 0px 0px; padding-bottom: 10px; clear:both; } .box .section li{ padding-left: 2px; } .box .section ul { list-style-position: inherit; margin: 0px 0px 0px 25px; padding: 0px 0px 0px 0px; } .box .section .cat-item { color: #999; text-decoration: none; } /* SECTION BACKGROUNDS */ #sb-bio {background-image: url(images/sdbr_hello.gif);} #sb-links {background-image: url(images/sdbr_lkarnd.gif);} #sb-archive {background-image: url(images/sdbr_lkback.gif);} #sb-filedposts {background-image: url(images/sdbr_lkdeep.gif);} ul.badges { list-style:none; margin-left: 20px; margin-right: auto; height: 32px;} li.badge { list-style: none; width: 32px; height: 32px; margin: 0px 0px 0px 0px; padding: 0px 3px 0px 3px; text-indent: -9999px; display: block; float: left; } li.email { background: url(images/badge_email_32.png) 0 0 no-repeat; } li.facebook { background: url(images/badge_facebook_32.png) 0 0 no-repeat; } li.googlewave { background: url(images/badge_google_wave_32.png) 0 0 no-repeat; } li.mobileme { background: url(images/badge_mobileme_32.png) 0 0 no-repeat; } li.pandora { background: url(images/badge_pandora_32.png) 0 0 no-repeat; } li.rss { background: url(images/badge_rss_32.png) 0 0 no-repeat; } li.skype { background: url(images/badge_skype_32.png) 0 0 no-repeat; } li.twitter { background: url(images/badge_twitter_32.png) 0 0 no-repeat; } li.vimeo { background: url(images/badge_vimeo_32.png) 0 0 no-repeat; } /********* PAGE FOOTER *************/ div#footer { width: 843px; } div#footer .bg {background: transparent url(images/footer_bg.gif) top left repeat-y; height: 20px; } div#footer .header { height: 11px; background: transparent url(images/footer_top.png) top left no-repeat; } div#footer p { text-transform: uppercase; margin: 0px 0px 0px 0px; padding: 0px 25px 0px 0px; color: #bfbfbf; font-size: 10px; text-align: right; letter-spacing: 2px; }