/* Theme Name: JayNCoke Theme URI: http://www.jasonaniceto.com/ Description: Push it to the limit. Version: 6.0 Author: Jay Aniceto Author URI: http://jasonaniceto.com/ Tags: grey, black, fixed width, one column, widgets JayNCoke v6.0 http://binarybonsai.com/kubrick/ This theme was designed and built by Jason Aniceto. The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Begin Typography & Colors */ * { padding:0; margin:0; outline:0; } .cl { font-size:0; line-height:0; height:0; display:block; clear:both; } .alignleft { float:left; } body { background:#595959; font-family: Tahoma, Arial, sans-serif; color:#000000; font-size:13px; padding:20px; height:100%; } a { color:#fdeada; text-decoration:underline; } a:hover { text-decoration:none; } a img { border:none; } blockquote { margin:10px 20px; padding:0px 40px 0px 20px; border-left:5px solid #bfbfbf; font-size:10px; line-height:14px; text-align:justify; } .shell { width:940px; margin:0 auto; padding:0px; position:relative;} .roundCorners { -moz-border-radius: 10px; -webkit-border-radius: 10px; } .smlRoundCorners { -moz-border-radius: 5px; -webkit-border-radius: 5px; } #header { font-size:11px; color:#fdeada; text-shadow:0.25em 0.25em 0.25em #000; margin:5px auto; padding:10px; position:relative; } #footer { margin-top:50px; z-index:500000; } #mainBody { display:block; height:auto; padding:20px 20px 30px 20px; color:#fff; text-shadow:0.25em 0.25em 0.25em #000; position:relative; } #mainBody .top { display:block; width:980px; height:20px; background:transparent url(images/mainBody_top.png) no-repeat; position:absolute; top:0px; left:0px; } #mainBody .btm { display:block; width:980px; height:20px; background:transparent url(images/mainBody_btm.png) no-repeat; position:absolute; bottom:-20px; left:0px; } #mainBody .content { display:block; width:976px; height:auto; background:transparent url(images/mainBody_mid.png) repeat-y; position:absolute; left:0px; top:20px; z-index:20000; } #mainBody .content .padding { display:block; width:760px; height:auto; padding:20px; color:#bfbfbf; float:left; } #mainBody .content .padding p { margin:0px 0px 10px 0px; } #mainBody .content .padding h1 { display:block; position:relative; padding:3px; margin:0px 0px 0px 0px; font-family:Arial, sans-serif; color:#ebf1dd; font-size:35px; z-index:60000; } #mainBody .content .padding .text { display:block; position:relative; padding:10px; margin:-15px 0px 10px 0px; background:#0c0c0c url(images/pbg.png) repeat-x bottom; z-index:50000; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #mainBody .content .padding-2 { position:absolute; bottom:-10px; display:block; width:780px; min-height:380px; padding:20px 150px 20px 20px; background:transparent url(images/col-swirl1.png) no-repeat bottom right; } #mainBody .content .padding .text2 { display:block; position:relative; padding:0px; min-height:180px; } #mainBody .content .padding .text2 .column { display:block; width:25%; float:left; } #mainBody .content .padding h2 { padding:0px 0px 0px 0px; margin:0px; } #mainBody .content .padding .text2 h3 { font-size:12px; padding:0px 0px 5px 0px; } #mainBody .content .padding .text2 li { display:block; padding:3px 0px 3px 20px; font-size:10px; color:#fff; cursor:default; text-align:left; } #mainBody .content .padding .text2 li.off { background:transparent url(images/element-bulletOff.png) no-repeat 5px 5px; } #mainBody .content .padding .text2 li.on { background:transparent url(images/element-bullet.png) no-repeat 5px 5px; color:#95b3d7; } #mainBody .content .padding .text2 li ul { padding:3px 0px 0px 0px; } #mainBody .content .padding .text2 li ul li.off { background:transparent url(images/element-bullet-2Off.png) no-repeat 0px 1px; } #mainBody .content .padding .text2 li ul li.on { background:transparent url(images/element-bullet-2.png) no-repeat 0px 1px; color:#c4bd97; } #mainBody .content .padding .text2 .spotlight { display:block; width:375px; height:290px; position:absolute; top:0px; right:0px; background:#3f3f3f; padding:10px; overflow:hidden; } #mainBody .content .padding .blog { display:block; width:545px; height:148px; background:#3f3f3f; padding:10px; position:absolute; top:10px; right:0px; overflow:hidden; } #mainBody .content .padding .blog img { max-height:75px; max-width:100px; float:left; } #mainBody .content .padding h3.recentblog { position:absolute; top:-2px; left:210px; z-index:80000; font-size:18px; color:#fff; letter-spacing:5px; text-transform:uppercase; } #mainBody .content .padding .blog .recent-post { display:none; height:170px; width:540px; position:absolute; top:10px; left:10px; opacity:0; filter:alpha(opacity=0); } #mainBody .content .padding .blog .rp-title a { display:block; font-size:16px; font-family:verdana; font-weight:bold; text-decoration:none; color:#dbeef3 !important; border-bottom:1px dashed #dbeef3; letter-spacing:2px; margin:5px 0px; } #mainBody .content .padding .blog .rp-date { display:block; margin:0px 0px 3px 0px; font-size:10px; position:absolute; top:10px; right:0px; } #mainBody .content .padding .blog .rp-image { float:left; padding:10px; } #mainBody .content .padding .blog .rp-excerpt { display:block; padding:10px; } #mainBody .content .padding .blog .rp-more { display:block; position:absolute; bottom:30px; right:0px; z-index:900000; } #blog-page { display:block; position:absolute; left:210px; bottom:-10px; z-index:900000; } #blog-page li, #blog-page li.off, #blog-page li.on { display:block; float:left; margin:3px; background:none !important; padding:0px !important; } #blog-page li a { text-decoration:none; color:#ebf1dd !important; background:#4f6128 !important; padding:5px !important; cursor:pointer !important;font-size:14px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #blog-page li a:hover { background:#ebf1dd !important; color:#4f6128 !important; } #mainBody .content .padding .navigation { display:block; width:100%; margin:0px 0px 20px 0px; } #mainBody .content .padding .navigation .alignright { float:right; } #mainBody .content .padding .post h2 { color:#ebf1dd; font-size:35px; } #mainBody .content .padding h2, .postarchive { color:#7f7f7f; font-size:20px !important; background:#262626; cursor:default; border-bottom:1px dashed #7f7f7f; padding:3px 10px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; } #mainBody .content .padding h3 { color:#7f7f7f; } #mainBody .content .padding .text3 { color:#bfbfbf; font-family:Verdana; background:#262626; cursor:default; padding:10px; line-height:18px; text-shadow:0px 0px 0px #000; margin:0px 0px 5px 0px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; } #mainBody .content .padding .entry p, #mainBody .content .padding .entry .text2 { margin:5px 0px; } #mainBody .content .padding .text3 .column { display:block; width:25%; float:left; } #mainBody .content .padding .text3 li { display:block; padding:3px 0px 3px 20px; font-size:10px; line-height:14px; color:#fff; cursor:default; text-align:left; } #mainBody .content .padding .text3 li.off { background:transparent url(images/element-bulletOff.png) no-repeat 5px 5px; } #mainBody .content .padding .text3 li.on { background:transparent url(images/element-bullet.png) no-repeat 5px 5px; color:#95b3d7; } #mainBody .content .padding .text3 li ul { padding:3px 0px 0px 0px; } #mainBody .content .padding .text3 li ul li.off { background:transparent url(images/element-bullet-2Off.png) no-repeat 0px 1px; } #mainBody .content .padding .text3 li ul li.on { background:transparent url(images/element-bullet-2.png) no-repeat 0px 1px; color:#c4bd97; } #mainBody .content .padding .text3:hover a { color:#244061 !important; } #mainBody .content .padding .entry li { display:block; padding:3px 0px 3px 20px; text-align:left; color:#bfbfbf; background:transparent url(images/element-bullet.png) no-repeat 5px 5px; } #mainBody .info { padding:5px; } #mainBody .caption { display:block; width:100%; text-align:center; } #mainBody .code { font-family:Georgia, New Courier, serif; font-weight:normal; font-size:12px; color:#fff; } #mainBody .text_inline { display:inline; text-indent:-4000px; } pre { font-size:12px; overflow:auto; display:block; background:#7f7f7f; color:#000; text-shadow:0px 0px 0px #000; padding:10px; border:1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; position:relative; } pre .sprite { position:absolute; bottom:5px; left:10px; } pre.html .sprite { width:16px; height:16px; background-position:-417px -51px; } pre.css .sprite { width:16px; height:16px; background-position:-418px -34px; } /********** SIDEBARS AND NAV **********/ #sidebar { display:block; width:150px; height:auto; float:left; } #sidebar h2 { margin:0px 0px 3px 3px; font-size:14px; } #sidebar ul { margin:0px 0px 10px 0px; } #sidebar li { display:block; } #sidebar a { display:block; width:100%; padding:3px 3px; margin:0px 0px 1px 0px; color:#c3d69b !important; text-decoration:none; font-size:10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #sidebar a:hover { background:#9bbb59; color:#262626 !important; font-weight:bold; text-shadow:0em 0em 0em #000; } #sidebar .block { display:block; width:150px; height:400px; } #sidebar .rp-body { display:none; } #navTop { display:block; position:absolute; top:0px; right:0px; z-index:80000; text-shadow:0em 0em 0em #000; } #navTop li { display:block; float:left; } #navTop li a { display:block; background:#262626; margin:0px 3px 0px 0px; padding:3px 7px 3px 45px; position:relative; text-decoration:none; color:#ffffff !important; font-size:10px; } #navTop li a.active { background:#dbeef3; color:#0f243e !important; top:-3px; } #navInfo { display:block; position:absolute; top:-20px; right:0px; padding:3px; font-size:10px; z-index:50000; } #navInfo span { display:none; } #navLeft { display:block; position:absolute; left:-50px; top:0px; width:200px; position:relative;} #navLeft li { display:block; } #navLeft li a { display:block; background:#262626; margin:0px 0px 1px; padding:3px 7px 3px 45px; position:relative; text-decoration:none; color:#f2dcdb !important; font-size:10px; } #navLeft li a .btm { display:block; width:135px; height:30px; background:transparent url(images/nav_btm.png) no-repeat; position:absolute; bottom:-23px; left:0px; } #navRight { display:block; position:absolute; right:-20px; top:20px; width:200px; z-index:1000; text-align:right; text-shadow:0em 0em 0em #000; } #navRight li { display:block; z-index:1000; } #navRight li a { display:block; background:#262626; margin:0px 0px 1px; padding: 0px 7px 0px 0px; height:24px; width:200px; z-index:1000; position:relative; color:#ebf1dd !important; text-decoration:none; font-size:10px; } #navRight li a:hover { color:#000 !important; } #navRight li a .site { padding:1px 0px 0px 0px; } #navRight .sprite { float:right; margin:4px; } #navRight span { display:block; float:right; margin:5px 10px;} #navRight2 { display:block; background:#fff; color:#000; padding:3px; position:absolute; right:-120px; top:250px; width:200px; z-index:30000; } #navRight2 h2 { color:#c6d9f0; font-size:12px; text-align:center; text-shadow:0.25em 0.25em 0.25em #000; background:#7f7f7f; padding:3px 3px 5px 3px; } #icons { display:block; position:absolute; top:-10px; left:300px; } #icons div { margin:0px 10px 0px 0px; text-indent:-4000px; position:relative; } #icons .tooltip { display:block; position:absolute; bottom:10px; left:0px; z-index:900000; margin:0px; opacity:0; filter:alpha(opacity=0); } #icons .tooltip .point { position:absolute; top:0px; left:5px; margin:0px; } #icons .tooltip .tipcontent { position:absolute; top:6px; left:-5px; display:block; background:transparent url(images/tooltip-bg.png) repeat-x; margin:0px; text-indent:0px; padding:6px; font-size:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #icons .tooltip .tipcontent a { text-decoration:none; color:#ebf1dd !important; } #metaHotspot { display:block; width:300px; height:50px; background:transparent; position:fixed; bottom:-10px; right:-10px; z-index:100000; } #metaSidebar { display:block; width:150px; position:fixed; bottom:0px; right:30px; z-index:100000; padding:10px; background:#7f7f7f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px dashed #000; opacity:0; filter:alpha(opacity=0);} #metaSidebar h2 { margin:0px 0px 3px 3px; font-size:14px; color:#000; } #metaSidebar ul { margin:0px 0px 0px 0px; } #metaSidebar li { display:block; } #metaSidebar a { display:block; padding:3px 3px; margin:0px 0px 1px 0px; background:#262626; color:#95b3d7 !important; text-decoration:none; font-size:10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #metaSidebar a:hover { background:#95b3d7; color:#262626 !important; font-weight:bold; text-shadow:0em 0em 0em #000; } /********** SPRITES AND IMAGES **********/ .aligncenter { display:block; clear:both; margin:0px auto; } .alignleft { display:block; margin:0px 10px 10px 0px; } .borderframe { padding:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #000; } .jayncokeTitle { display:block; width:180px; height:50px; background:#fff url(images/jayncoke_title.png) no-repeat; text-indent:-4000px; position:absolute; z-index:50000; } .swirlvine { display:block; width:151px; height:377px; background:transparent url(images/col-swirl1.png) no-repeat; z-index:900000; position:absolute; bottom:-10px; right:25px; } .skyline { display:block; width:156px; height:50px; background:transparent url(images/skyline.png) no-repeat; position:absolute; top:-25px; left:50px; z-index:40000; } .business { display:block; width:155px; height:390px; background:transparent url(images/business01.png) no-repeat; position:absolute; left:0px; top:0px; } .mangatar { display:block; width:178px; height:178px; background:transparent url(images/avatar_mangatar_03.jpg) no-repeat; position:absolute; left:0px; top:0px; } .chicagoflag { display:block; width:50px; height:33px; background:transparent url(images/chicago-flag.png) no-repeat; position:absolute; left:250px; top:0px; } .marylandflag { display:block; width:50px; height:33px; background:transparent url(images/maryland-flag.png) no-repeat; position:absolute; left:186px; top:0px; } .umbc { display:block; width:130px; height:50px; background:transparent url(images/umbc.png) no-repeat; position:absolute; left:175px; top:35px; } .underarmour { display:block; width:83px; height:50px; background:transparent url(images/underarmour.png) no-repeat; position:absolute; right:0px; top:0px; } .ps3 { display:block; width:300px; height:13px; background:transparent url(images/ps3_logo.png) no-repeat; position:absolute; right:0px; top:60px; } .sprite { display:block; background:transparent url(images/jayncoke-sprite.png) no-repeat; } .sprite.left { float:left; } .title { position:absolute; z-index:50000; top:0px; left:0px; text-indent:-4000px; } .sprite.logoTitle { width:250px; height:63px; background-position:0px -103px; } .sprite.readernaut { width:16px; height:16px; background-position:0px -14px; } .sprite.readernautOff { width:16px; height:16px; background-position:0px -31px; } .sprite.brightkite { width:16px; height:16px; background-position:-17px -14px; } .sprite.brightkiteOff { width:16px; height:16px; background-position:-17px -31px; } .sprite.vimeo { width:16px; height:16px; background-position:-34px -14px; } .sprite.vimeoOff { width:16px; height:16px; background-position:-34px -31px; } .sprite.flickr { width:16px; height:16px; background-position:-51px -14px; } .sprite.flickrOff { width:16px; height:16px; background-position:-51px -31px; } .sprite.linkedin { width:16px; height:16px; background-position:-68px -14px; } .sprite.linkedinOff { width:16px; height:16px; background-position:-68px -31px; } .sprite.twitter { width:16px; height:16px; background-position:-85px -14px; } .sprite.twitterOff { width:16px; height:16px; background-position:-85px -31px; } .sprite.facebook { width:16px; height:16px; background-position:-102px -14px; } .sprite.facebookOff { width:16px; height:16px; background-position:-102px -31px; } .sprite.delicious { width:16px; height:16px; background-position:-119px -14px; } .sprite.deliciousOff { width:16px; height:16px; background-position:-119px -31px; } .sprite.deviantart { width:16px; height:16px; background-position:-136px -14px; } .sprite.deviantartOff { width:16px; height:16px; background-position:-136px -31px; } .sprite.point { width:13px; height:6px; background-position:-385px -2px; } .sprite.jquery { width:54px; height:25px; background-position:-157px -50px; } .sprite.jqueryOff { width:54px; height:25px; background-position:-157px -76px; } .sprite.firebug { width:25px; height:25px; background-position:-26px -50px; } .sprite.firebugOff { width:25px; height:25px; background-position:-26px -76px; } .sprite.php { width:48px; height:25px; background-position:-52px -50px; } .sprite.phpOff { width:48px; height:25px; background-position:-52px -76px; } .sprite.mysql { width:49px; height:25px; background-position:-101px -50px; } .sprite.mysqlOff { width:49px; height:25px; background-position:-101px -76px; } .sprite.rails { width:20px; height:25px; background-position:-212px -50px; } .sprite.railsOff { width:20px;height:25px; background-position:-212px -76px; } .sprite.notepadpp { width:36px; height:25px; background-position:-233px -50px; } .sprite.notepadppOff { width:36px; height:25px; background-position:-233px -76px; } .sprite.css { width:23px; height:25px; background-position:-272px -50px; } .sprite.cssOff { width:23px; height:25px; background-position:-272px -76px; } .sprite.wordpress { width:25px; height:25px; background-position:-297px -50px; } .sprite.wordpressOff { width:25px; height:25px; background-position:-297px -76px; } .sprite.gimp { width:34px; height:25px; background-position:-323px -50px; } .sprite.gimpOff { width:34px; height:25px; background-position:-323px -76px; } .sprite.element { position:absolute; bottom:-15px; right:-15px; text-indent:-4000px; } .sprite.swirl { width:39px; height:27px; background-position:-5px -247px; } .sprite.swirlOff { width:39px; height:27px; background-position:-48px -247px; } .sprite.swirl2 { width:50px; height:49px; background-position:-87px -232px; } .sprite.swirl2Off { width:50px; height:49px; background-position:-138px -232px; } .sprite.swirl3 { width:35px; height:35px; background-position:-188px -246px; } .sprite.swirl3Off { width:35px; height:35px; background-position:-224px -246px; } .sprite.html { width:16px; height:16px; background-position:-417px -51px; } .sprite.autocosmica { width:59px; height:5px; background-position:0px -8px; float:left; } .sprite.autocosmicaOff { width:59px; height:5px; background-position:0px 0px; float:left; } .sprite.jayncoke { width:43px; height:5px; background-position:-66px -8px; float:left; } .sprite.jayncokeOff { width:43px; height:5px; background-position:-66px 0px; float:left; } .sprite.ionburn { width:35px; height:5px; background-position:-116px -8px; float:left; } .sprite.ionburnOff { width:35px; height:5px; background-position:-116px 0px; float:left; } .sprite.battlerobo { width:73px; height:5px; background-position:-158px -8px; float:left; } .sprite.battleroboOff { width:73px; height:5px; background-position:-158px 0px; float:left; } .sprite.dash { width:14px; height:5px; background-position:-233px 0px; float:left; } /********** CONTACT FORM **********/ #si_contact_name, #si_contact_email, #si_contact_subject, #si_contact_message, #si_contact_captcha_code { display:block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #000; padding:3px; background:#d8d8d8; font-family:arial, sans-serif; font-size:10px; width:300px; }