/* Theme Name: SpiderMonk Theme URI: http://spidermonk.com/blog Description: The custom SpiderMonk theme to showcase our development blog and goodies. Version: 1.0 Author: Marty Seedfeldt, Jonathan Leaders, Scott March Author URI: http://spidermonk.com/ Tags: orange, black, fixed width, two columns, featured SpiderMonk http://www.spidermonk.com/ This theme was designed by Marty Seedfeldt and built by Jonathan Leaders, altered from Wordpress Default 'Kubrick' The CSS, XHTML and design is proprietary of SpiderMonk Entertainment, LLC */ /* Crappy IE6 CSS hack... Can't wait till IE7 & IE8 take over more market share */ img, div, td { behavior: url(/blog/wp-content/themes/spidermonk/iepngfix.htc); } /* General structure */ body { font-family: 'Franklin Gothic', Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px; background: #e1e1d7 url('images/background-jaggies.png') repeat-y top; border: none; color: #484642; } .pagetitle { text-align: center; } #page { text-align: left; margin: 0 auto; } img { margin: 0; padding: 0; border: 0px; } table { margin: 0; padding: 0; border: 0px; } /* Wordpress required */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { margin: 4px 4px 4px 4px; display: inline; } img.alignleft { margin: 4px 4px 4px 4px; display: inline; } .alignright { float: right; } .alignleft { float: left } .attachment { text-align: center; margin: 5px 0px; } .wp-caption { text-align: center; padding: 4px; margin: 4px; border: 1px solid Gray; background-color: #d1d1c7; } .wp-caption-text { text-align: center; margin: 5px 0px; } /* Fonts */ h2, h1, h3 { font-family: 'Franklin Gothic', Tahoma; font-size: 16px; font-weight: bold; padding: 10px; } .blogpostheader, .blogpostheaderdate, .blogpostheadertitle, .blogpostheadercategory, .blogpostheaderavatar, .blogpostcontrols { background-color: black; font-family: 'Franklin Gothic', Tahoma; font-size: 14px; font-weight: bold; } .commentheaderdate, .commentheadertitle, .commentheadercategory { background-color: black; font-family: 'Franklin Gothic', Tahoma; font-size: 12px; } .blogpostauthor { font-size: 10px; font-style: italic; font-weight: bold; color: #88877f; } #sidebar { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; font-size: 12px; text-align: left; background-color: black; } /* Colors */ a:visited, .darkorange { color: #ba4300; text-decoration: none; } a, .orange, .pagetitle { color: #da6300; text-decoration: none; } a:hover, .lightorange { color: #fa8320; text-decoration: none; } .linkedimage a { border: 10px solid white; } .linkedimage a:hover { border: 10px solid #fa8320; } .linkedimage a:visited { border: 10px solid #ba4300; } .blogpostheaderdate, .commentheaderdate { color: #7c7c78; } .blogpostheadertitle a, .commentheadertitle a { color: #d3d5c8; text-decoration: none; } .blogpostheadercategory a, .commentheadercategory a { color: #da6300; text-decoration: none; } .blogpostheadertitle a:hover, .commentheadertitle a:hover { color: #f3f5e8; text-decoration: none; } .blogpostheadercategory a:hover, .commentheadercategory a:hover { color: #fa8320; text-decoration: none; } .blogpostcontrols a { color: #da6300; text-decoration: none; font-size: 12px; } .blogpostcontrols a:hover { color: #fa8320; text-decoration: none; font-size: 12px; } .blogpostauthor { color: #484642; background-color: #e1e1d7; } .blogpostentry, .lightgray { color: #484642; background-color: #e1e1d7; font-size: 12px; } .bodyonblack { color: #D3D5C8; font-size: 12px; } .captiononblack { color: #7C7C78; font-size: 10px; } .darkgray { color: white; background-color: #494034; } .thinborder { border: 4px solid black; } .thickborder { border: 8px solid black; } #sidebar a { color: #D3D5C8; text-decoration: none; } #sidebar a:hover { color: white; } #sidebar li { list-style: disc; color: #da6300; } #sidebar li { padding: 0px; margin: 0 0 0 30px; } #sidebar ul { padding: 0px; margin: 14px 0 14px 0; } #sidebar .imagetext { display: block; margin: 30px auto 0px auto; } #sidebar .storeitem { display: block; margin: 10px auto 4px auto; } /* Clickable images */ .spidermonktext { cursor: pointer; width: 195px; height: 42px; float: left; } .spidermonklogo { cursor: pointer; width: 136px; height: 155px; vertical-align: top; } .buttonhome { cursor: pointer; width: 83px; height: 44px; display: inline; position: relative; top: -36px; margin-bottom: -27px; } .buttongames { cursor: pointer; width: 80px; height: 43px; display: inline; position: relative; top: -36px; margin-bottom: -27px; } .buttoncomics { cursor: pointer; width: 81px; height: 43px; display: inline; position: relative; top: -36px; margin-bottom: -27px; } .buttondownloads { cursor: pointer; width: 127px; height: 48px; display: inline; position: relative; top: -36px; margin-bottom: -27px; } .buttondevblog { cursor: pointer; width: 82px; height: 45px; display: inline; position: relative; top: -36px; margin-bottom: -27px; } .buttonabout { cursor: pointer; width: 81px; height: 46px; display: inline; position: relative; top: -36px; margin-bottom: -27px; } .buttonfeature { cursor: pointer; width: 250px; height: 52px; } .buttonstore { cursor: pointer; width: 125px; height: 115px; } .buttonfeaturemain { cursor: pointer; width: 300px; height: 198px; } .buttonaboutpageabout { cursor: pointer; width: 105px; height: 53px; display: inline; } .buttonaboutpagetechnical { cursor: pointer; width: 154px; height: 53px; display: inline; } .buttonaboutpagenews { cursor: pointer; width: 100px; height: 54px; display: inline; } /* Shadows */ .shadowtopleft { width: 8px; height: 8px; background-image: url(images/structure-shadow-top-left.png); } .shadowtop { height: 8px; background-repeat: repeat-x; background-image: url(images/structure-shadow-top.png); } .shadowtopright { width: 8px; height: 8px; background-image: url(images/structure-shadow-top-right.png); } .shadowleft { width: 8px; background-repeat: repeat-y; background-image: url(images/structure-shadow-left.png); } .shadowright { width: 8px; background-repeat: repeat-y; background-image: url(images/structure-shadow-right.png); } .shadowbottomleft { width: 8px; height: 8px; background-image: url(images/structure-shadow-bottom-left.png); } .shadowbottom { height: 8px; background-repeat: repeat-x; background-image: url(images/structure-shadow-bottom.png); } .shadowbottomright { width: 8px; height: 8px; background-image: url(images/structure-shadow-bottom-right.png); } /* Marty breaks things down here */ .extracontentbox { margin: 0; padding: 5px; border-color: black; border-width: 8px; border-style: solid; background: #41392f url('images/beackground-darkdots.png';} /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. It won't be a stylish marriage, I can't afford a carriage. But you'll look sweet upon the seat of a bicycle built for two." */