/* Th'ink Tank Tattoo Global Styles Author: Derek Balmer // Hold Fast Creative Date: 02.13.08 ----------------------------------------------- */ /* Generic Rules ----------------------------------------------- */ * {margin:0;padding:0;} body { background: #000 url(http://thinktanktattoo.com/themes/site_themes/thinktank/bodyBG.gif) top center no-repeat; font-family: "Lucida Grande", myriad, arial, sans-serif; font-size: 62.5%; color: #999; margin: 0; padding: 0; } ul {list-style: none;} .clearLeft {clear:left;height:1%;} .clearRight {clear:right;height:1%;} .clearBoth {clear:both;height:1%;} /* LINKS ----------------------------------------------- */ a:link, a:active {color: #fff; text-decoration: none;} a:visited {color: #ccc; text-decoration: none;} a:hover {color: #f63; text-decoration: underline;} a img {border-width: 0; border-style: none;} /* Basic Typography ----------------------------------------------- */ h1, h2, h3 {margin: 0 0 5px 0;padding: 0;} h1 { font: 18px/20px myriad, verdana, arial, sans-serif; letter-spacing: 0.10em; font-weight: bolder; } h2 { font: 16px/18px myriad, verdana, arial, sans-serif; font-weight: bolder; } h3 { font: 12px/14px myriad, verdana, arial, sans-serif; font-weight: normal; } h4 { font: 14px/16px myriad, verdana, arial, sans-serif; font-weight: normal; } p { font: 10px/12px myriad, verdana, arial, sans-serif; margin: 2px 0 5px 0; padding: 0; } /* LAYOUT ----------------------------------------------- */ #masthead {margin: 0 auto; width: auto; height: 70px; text-align:center; background: #fff url(http://thinktanktattoo.com/themes/site_themes/thinktank/mastheadBG.jpg) top center no-repeat;} h1#branding a {width:400px;height:50px;margin:0 auto;padding:0;display:block;text-indent:-9999px;outline:none;} ul#topNav {margin: 0 auto;width:800px;height:30px;background:url(http://thinktanktattoo.com/themes/site_themes/thinktank/topNavBG.jpg) top center no-repeat;} #cWrap {margin:0 auto;width: 800px;text-align:center;background:#000;} #content {margin:0 auto;padding: 0 0 10px 0;width:800px;} #sidebar {float:left;display:inline;width:180px;margin:10px 10px 0 0;} #mainWrap {float:left;display:inline;width:600px;margin:10px 0 0 0;} .main {text-align:left;margin:5px;padding:5px;background:#181818;} #blogMain {float:left;display:inline;width:430px;margin-right:10px;overflow:hidden;} #blogNav {float:right;display:inline;width:160px;overflow:hidden;text-align:left;} #footer {margin:0 auto;padding: 0 0 10px 0;width:800px;} .footerInfo {background:url(http://thinktanktattoo.com/themes/site_themes/thinktank/footerBG.jpg) top center no-repeat;} /* +++ NAVIGATION +++ */ /* Top Nav ----------------------------------------------- */ ul#topNav li {float:left;height:30px;margin: 0 2px;padding: 0 5px 0 3px;} ul#topNav li a {font: 14px/30px "Lucida Sans", arial, sans;display:inline;color: #cc3;text-decoration:none;} ul#topNav li a:hover {color: #fff;text-decoration:none;} /* Side Bar Nav ----------------------------------------------- */ #sidebar ul {width:160px;margin:2px 10px 3px 10px;} #sidebar ul li {display:inline;margin: 2px 0;height:54px;} #sidebar ul li a {display:block;overflow:hidden;width:160px;height:54px;margin: 2px 0;text-indent:-9999px;text-decoration:none;background-position: top left;background-repeat: no-repeat;} #sidebar ul li.snAdam a {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/artistTab_adamRosenthal.png);} #sidebar ul li.snBen a {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/artistTab_benThompson.png);} #sidebar ul li.snFish a {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/artistTab_fishKing.png);} #sidebar ul li.snJef a {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/artistTab_jefKopp.png);} #sidebar ul li.snShackley a {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/artistTab_patrickShackley.png);} #sidebar ul li.snScottie a {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/artistTab_scottyDeville.png);} #sidebar ul li.snWilliam a {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/artistTab_williamThidemann.png);} #sidebar ul li.snJenny a {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/artistTab_jennyLee.png);} #sidebar ul li.snCiferri a {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/artistTab_adamCiferri.png);} #sidebar ul li.snBarber a {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/artistTab_jeremyBarber.png);} #sidebar ul li.snWillard a {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/artistTab_ryanWillard.png);} #sidebar ul li.snYamini a {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/artistTab_samYamini.png);} #sidebar ul li a:hover {text-decoration:none;background-position: 0 -54px;} /* Artist Page Links ----------------------------------------------- */ ul#artistPageNav {width:600px;height:190px;display:block;overflow:hidden;background-position: top left;background-repeat: no-repeat;font: 14px/30px arial, sans-serif;text-align:center;} ul#artistPageNav li {float:left;display:inline;width:100px;height:30px;margin: 160px 2px 0 0;padding: 0;} ul#artistPageNav li a {display:block;color: #cc3;background:#333;} ul#artistPageNav li a:hover {color: #000;background:#cc3;text-decoration:none;} ul#artistPageNav li a.active {display:block;color: #fff;background:#000;} /* background images */ ul.adamRosenthal {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/header_adamRosenthal.jpg);} ul.benThompson {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/header_benThompson.jpg);} ul.fish {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/header_fish.jpg);} ul.jefKopp {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/header_jefKopp.jpg);} ul.patrickShackley {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/header_patrickShackley.jpg);} ul.scottieDeville {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/header_scottieDeville.jpg);} ul.williamThidemann {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/header_williamThidemann.jpg);} ul.jennyLee {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/header_jennyLee.jpg);} ul.adamCiferri {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/header_adamCiferri.jpg);} ul.jeremyBarber {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/header_jeremyBarber.jpg);} ul.ryanWillard {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/header_ryanWillard.jpg);} ul.samYamini {background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/header_samYamini.jpg);} /* Artist Blog Links ----------------------------------------------- */ #blogNav ul {width:160px;margin:0 0 7px 0;text-align:left;font:12px/18px arial, sans-serif;} #blogNav li {display:list-item;width:150px;margin:2px 0;} #blogNav li a {background: #181818;padding:2px;} #blogNav li a:hover {background:#fff;text-decoration:none;} /* Footer Credits ----------------------------------------------- */ ul#site_credits {width:320px;height:20px;margin-bottom:15px;text-align:center;overflow:hidden;} ul#site_credits li {float:left;margin:5px 2px 5px 0px;} ul#site_credits li a {display:block;width:100px;height:50px;background:#333;color:#999;} ul#site_credits li a:hover {background:#fff;color:#600;} /* CONTENT ----------------------------------------------- */ #mainWrap h2 { font-size: 20px; line-height:40px; font-weight: bolder; color: #cc3; padding: 0; background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/titleStripes.jpg) top center no-repeat; } #mainWrap h3 { font: 16px/18px "lucida Grande", arial, sans-serif; font-weight: bolder; color: #cc3; } #mainWrap h3 a:link, #mainWrap h3 a:visited {color:#cc3;} #mainWrap h3 a:hover, #mainWrap h3 a:active {color:#996;} #mainWrap h4 { font: 10px/14px arial, sans-serif; text-transform:uppercase; color: #fff; } #mainWrap p { font-size: 12px; line-height: 18px; color: #999; } #sidebar h3 { height:40px; font: 20px/40px arial, sans-serif; text-align:center; margin:0; padding:0; color: #996; background: url(http://thinktanktattoo.com/themes/site_themes/thinktank/artistTab_header.jpg) top center no-repeat; } #blogNav h3 {margin: 3px 0;color: #996;border-bottom: 1px solid #cc3;} #contactLeft {float:left;display:inline;width:250px;margin-right:5px;text-align:left;} #contactRight {float:left;display:inline;width:320px;text-align:left;} #footer p {margin:0 15px 0 15px;padding:2px;font:10px/12px arial, sans;color:#181818;} #footer p a, #footer p a:visited {color:#600;text-decoration:none;} #footer p a:hover {background:#600;color:#fff;text-decoration:none;}