/* Theme Name: Cobweb Games Theme URI: http://cobwebgames.com/ Description: www.CobwebGames.com Author: Sebastian Hickey Author URI: http://www.diarit.blogspot.com/ Dark Grey: #07080d Cream: #ddce89 White: #fbfbfb Orange: #ff4e00 / #dc2500 Yellow: #f9cf21 Dark red: #4b0b00 transparentpagebg: 'yes', bg: '07080d', leftbg: '07080d', lefticon: 'fbfbfb', voltrack: 'a7a8ae', volslider: 'fbfbfb', rightbg: '07080d', rightbghover: 'f9cf21', righticon: 'f9cf21', loader: 'f9cf21', track: 'fbfbfb', tracker: 'a7a8ae', border: '07080d', skip: 'fbfbfb', text: '07080d', initialvolume: '100' */ /* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; } html, body { height: 100%; } body { padding: 0; margin: 0; font-size: 62.5%; font-family: Verdana ; color: #07080d; background: #3e3526; border-right: 1px solid #3e3526;} ul { list-style: none; } ol { list-style: none; } a { outline: none; text-decoration: none; } a img { border: none; background: none; } img { vertical-align: middle; border: none; margin: 0 0 0 0;} table { border-collapse: collapse; font-size: inherit; font: 100%;} h2, h3, h4, h5, h6, ul, li, em, strong, pre, code { padding: 0; margin: 0; line-height: 1em; font-size: 100%; font-weight: normal; font-style: normal;} h1{ padding: 0; margin: 0; font-size: 100%; font-weight: normal; font-style: normal;} address {font-size:11px;} /* UTILITY */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } /* TYPGROGRAPHY */ p, li { font-size: 13px; line-height: 1.3em; margin: 0 0 7px 0;} a { color: #4b0b00; font-weight:bold;} a:hover { color: #dc2500; } strong { font-weight: bold;} h1 { font-size: 5.0em; margin: -10px 0 5px 0; font-family: "blue-goblet-alt-1","blue-goblet-alt-2", Garamond, serif; font-weight: normal; } h2 { font-size: 2.3em; font-family: "blue-goblet-alt-1","blue-goblet-alt-2", Garamond, serif; font-weight: normal; font-weight:none;} h3 { font-size: 2.0em; font-family: "blue-goblet-alt-1","blue-goblet-alt-2", garamond, serif; font-weight: normal; margin: 0 0 15px 0; } h4 { font-size: 1.8em; margin: 10px 0 10px 0; font-family: georgia, sans-serif; color: #4b0b00;} h5 { font-size: 10.0em; font-family: "blue-goblet-alt-1","blue-goblet-alt-2", garamond, serif;} h6 { color: #07080d; font-size: 19px; font-family: "good-kitty-1","good-kitty-2", garamond, serif; line-height: 110%; } h6.tk-good-kitty li, h6.tk-good-kitty p { font-size: 1.0em; } .postcontents p { font-size: 12px; line-height: 1.5em; margin: 7px 15px 7px 5px; font-family: Verdana, sans-serif; text-indent: 0px; } .postcontents blockquote p { width: 400px; text-align:justify; text-indent: 25px; font-style:italic; margin: 0 0 7px 30px; padding: 5px 0 0 10px; quotes: "\201C" "\201D"; background: transparent url("/images/openquote.png") no-repeat 0 0; } .postcontents li { list-style: disc inside; font-size: 11px; line-height: 12px; margin: 0 20px 7px 20px; font-family: Verdana, sans-serif; } .postcontents ol li { list-style: decimal inside; font-size: 11px; line-height: 12px; margin: 0 20px 7px 20px; font-family: Verdana, sans-serif; } .postcontents table { width: 530px;} .archive_404 { font-size: 7.0em; margin: 10px 0 10px 0;} em { font-style:italic; line-height: 16px;} /* FORMS */ input { padding: 3px; } /* STRUCTURE */ #page-wrap { width: 960px; margin: 0px auto 0; min-height: 100%; height: auto !important; height: 100%;} #dynamiccontent { width: 960px; background: url(http://www.cobwebgames.com/images/Main-Col_Mid_Repeat.jpg); float: left;*/} #main-col { width: 540px; float: left; margin: 0 0px 0 95px; position:relative; z-index:2;} #rightsidebar { width: 220px; float: right; margin-right: 50px; position:relative; z-index:3;} .homepagecol1 { float: left; margin: 0 0 0 0; width: 200px; position: relative; top: 0px;} .homepagecol2 { float: left; padding: 0 0 0 5px; width: 320px; position: relative; top: -110px;} .titlebit { float: left; width:540px; position: relative; margin: -30px 0 60px 0;} .titlebit h5 { text-align: center;} #FB { width 80px; margin: 0 0 0 0; padding: 0 0 0 5px; position: relative; top: 80px; left: 220px; z-index:3;} #FBHFL { text-align:left; margin: -80px 0 0 0; padding: 0 0 0 5px; position: relative; top: 80px; left: 10px; z-index:3;} #cosvideo { position: relative; top:50px; margin: 30px 0 -10px 0; padding: 0 0 0 0; } /* HEADER */ #searchwrapper { width:330px; height: 138px; background:url(/images/Search_Box-trans.png) no-repeat; float:right; margin: 20px 80px 0 0; } #searchwrapper form#searchform { display:inline; float: left; margin: 55px; } .searchbox { font-family:"good-kitty-1","good-kitty-2", garamond, serif; background: scroll repeat; background-color:transparent; border:none; float: left; width: 8em; border: none; margin-left: -5px; text-transform:uppercase;s } .searchsubmit { height: 34px; width: 78px; background: url(/images/Search_Button-trans.png); margin: -6px 0 0 30px; border: none; background-position: 0 -34px; } .searchsubmit:hover { background-position: 0 0px; } #top-bar { float: left; height: 160px; width: 960px; background: url(/images/Cobweb_Header.jpg) no-repeat; } #logo a { text-indent: -9999px; float: left; height: 84px; width: 85px; background: url(/images/CobwebGamesLogo-trans.png) no-repeat; margin: 50px 0 0 57px;} /* MENU */ #menu-bar { width: 960px; float: left; padding: 0px 0px 0px 0px; height: 227px; background: url(/images/MenuBar.jpg); float: left; position: relative; z-index:1; margin-bottom: -227px;} #abovemenu { width: 960px; float: left; padding: 0px 0px 0px 0px; height: 227px; float: left; position: relative; z-index:2; margin-bottom: -170px;} ul.main-nav { width: 400px; float: left; margin: 9px 0 0 95px; } ul#extra-nav { width: 250px; float: right; margin: 7px 10px 0 0px; text-align:right;} ul.main-nav li { display: inline; line-height: 120%; float: left;} ul#extra-nav li { display: inline; line-height: 120%; } #feedbuttonwrap { float: right; height: 101px; width: 118px; background: url(/images/feedbuttons-trans.png); margin: -60px 78px 0 0;} /* MENU DROPDOWN LEVEL ONE */ ul.main-nav li a { display:block; color: #fbfbfb; padding: 2px 8px; text-transform:uppercase; text-decoration: none; font-weight: bold; font-size: 100%;} /* MENU DROPDOWN LEVEL TWO */ ul.main-nav ul.sub_menu1 { width: 80px; background: black; float: left; margin: 0px 15px 0 0px; visibility: hidden; position:absolute; top:-100px; position:absolute; padding: 8px 0 0 0;} ul.main-nav ul.sub_menu2 { width: 80px; background: black; float: left; margin: 0px 15px 0 0px; visibility: hidden; position:absolute; top:-95px; position:absolute; padding: 8px 0 0 0;} /* IE 6 & 7 Needs Inline Block */ ul.main-nav ul li a { border-right: none; width: 100%; display: inline-block; } ul.main-nav li:last-child a { border-right: none; } ul.main-nav li:hover > ul { visibility: visible;} /* SIDEBAR */ .widget { background: rgba(251, 251, 251, 0.4); width: 190px; border-right: 1px solid #d7b880; border-bottom: 1px solid #d7b880; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 15px 0; } .aktt_widget { background: rgba(108, 206, 239, 0.1); width: 190px; border-right: 1px solid #d7b880; border-bottom: 1px solid #d7b880; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 15px 0; } .widget .inside { padding: 10px; } .widget h2 { padding: 10px 0 10px 10px;} .widget ul { list-style: disc inside; margin: 0 10px 0 10px; } .widget ul li { margin: 0 0 5px 0; } #calendar-wrap { margin: 0px 0 15px 0px; background: rgba(251, 251, 251, 0.4); width: 190px; border-right: 1px solid #d7b880; border-bottom: 1px solid #d7b880; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #calendar-indent { margin: 10px 0 10px 10px;} #bloginfo-indent h1 { text-align:center; margin: 0px 0 5px 0; font-size: 2.8em;} #tags h2 { font-size: 3.4em;} #tags li { line-height: 1.0em; font-size: 60%; padding: 5px 0px 5px 3px;} #tags li a { text-decoration: none; color: #4B0B00; text-transform:uppercase; font-weight: bold; font-size:1.5em;} #tags li a:hover { color: #dc2500;} #bloginfo-indent ul li a { color:#4B0B00; font-size: 1.8em; text-decoration: none;} #sidebar-shop h1 { text-align:center; margin: 0px 0 5px 0; font-size: 2.8em;} #wp-calendar caption { font-size: 2.4em; line-height:100%; font-family: "blue-goblet-alt-1","blue-goblet-alt-2", garamond, serif; font-weight: normal; text-align: center; padding: 10px 0 10px 0px; } #wp-calendar td,th { font-size: 1.3em; font-family: "good-dog-1","good-dog-2", Verdana, serif; font-weight: normal; text-align: center; padding: 2px 2px 2px 2px; color: #07080d; width: 20px; list-style: inside; } #wp-calendar th { font-size: 1.3em; font-family: "good-dog-1","good-dog-2", Verdana, serif; font-weight: normal; text-align: center; padding: 2px 2px 2px 2px; color: #07080d; width: 20px; list-style: inside; border-bottom: 1px inset #d7b880; } .aktt_tweets ul { list-style: disc outside; padding: 0 10px 0 10px; } .aktt_tweets ul li { margin: 0 0 5px 0; } .shopwrapper { float: left; width: 190px; background: #07080d; border: 1px solid #d7b880; color: #fbfbfb; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 5px;} .shopwrapper:hover { border: 1px solid #f9cf21; color: #dc2500;} .shopheading { font-size: 2.4em; margin: 10px 0 10px 0; text-align: center; line-height: 1.0em; } .shopcontents { text-align:center; padding: 2px;} /* HREFS */ ul#feedbuttons li { display: inline; list-style: none;} .rssbutton a { margin: 25px 0 0 22px; text-indent:-9999px; height: 48px; width: 41px; float:left; background: url(/images/rss-trans.png); } .rssbutton a:hover { background-position: 0 -48px; } .emailbutton a { margin: 13px 0 0 0px; text-indent:-9999px; height: 36px; width: 37px; float:left; background: url(/images/email-trans.png); } .emailbutton a:hover { background-position: 0 -36px; } .twitterbutton a { margin: 1px 0 0 -1px; text-indent:-9999px; height: 38px; width: 40px; float:left; background: url(/images/twitter-trans.png);} .twitterbutton a:hover { background-position: 0 -38px; } ul#extra-nav li a { color: #ddce89; padding: 0 8px; text-transform:uppercase; text-decoration: none; font-weight: bold; font-size: 100%;} #footer li a { color: #fbfbfb; text-transform:uppercase; text-decoration: none; font-weight: bold; font-size: 80%; line-height: 1.0em; padding: 0px 0px 0px 3px;} #footer p a { color: #fbfbfb; text-decoration: none; font-weight: bold; font-size: 100%;} ul.main-nav li a:hover, ul#extra-nav li a:hover, body#default ul.main-nav li.home a, #footer li a:hover, #footer p a:hover { color: #f9cf21; } body#home li.home a, body#gameshell-for-leather li.hfl a, body#gameswota li.wota a, body#games li.games a#games, body#gamescos li.cos a, body#news li.news a, body#game-design li.design a, body#art li.art a, body#contact li.contact a, body#downloads li.downloads a, body#shop li.shop a, body#about li.about a { color: #f9cf21; } .postheading a { color: #07080d;} .postheading a:hover { color: #dc2500;} .newspostheading a { text-decoration:none;} .post p a, li a { font-weight: normal; text-decoration:underline; font-size:80%;} .post p a:hover, li a:hover { text-decoration:none;} #wp-calendar caption a { color: #07080d; font-weight: normal;} #wp-calendar caption a:hover { color: #dc2500; } #wp-calendar td#post a { background: #07080d; width: 100%; height: 100%; display:block; color: #fbfbfb; border-right: 1px solid #d7b880; border-bottom: 1px solid #d7b880; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #wp-calendar td#post a:hover { color: #f9cf21; } #bloginfo-indent a { color: #07080d; font-weight:normal;} #bloginfo-indent a:hover { color: #dc2500;} /******************************************************************************************************************* /* NEWS ENTRIES */ .post { margin: 0 0 30px 0; } .posttitelwrapper { width: 475px; height: 43px; background: url(/images/Heading_Backdrop-trans.png); margin: 0 0 2px 0px;} .postheading { padding: 9px 0 0 19px; font-size: 2.4em;} .authordetails { } .commentdetails { float:right; } .datebox { width: 47px; height: 67px; float: right; background: url(/images/Balloon-trans.png); color: #fbfbfb; text-align: center; position: relative; margin: -45px 15px 0 0; font-family: garamond, serif;} .datecontents { margin: 14px 0 0 1px;} .day { font-size: 1.8em; margin: -5px 0 -6px 0; font-family: "good-kitty-1","good-kitty-2", garamond, serif;} .month, .year { font-size: 1.0em; text-transform: uppercase;} /* INDEX PAGE */ .welcometext1 { float: left; margin: 0 0 -20px 0; z-index:0;} .welcometext1 h1 { font-size: 5.0em; font-weight: normal; } .welcometext2 { float: right; margin: -10px 0 0 0;} .welcometext2 p { font-size: 1.5em; text-align: right; line-height: 1.0em; font-family: Verdana, Geneva, sans-serif, garamond, serif; } #runningspider { float: left; width: 605px; height: 22px; margin: 10px 0 10px -43px; background: url(/images/runningspider-trans.png) no-repeat; } .newstitelwrapper { float: left; width: 200px; background: #07080d; border: 1px solid #d7b880; color: #fbfbfb; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 15px; text-align:center; padding: 5px; font-weight:normal;} .newstitelwrapper p { padding-left: 5px; padding-right: 5px; } .newstitelwrapperdud { float: left; width: 200px; background: #07080d; border: 1px solid #d7b880; color: #fbfbfb; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 15px;} .commentstitelwrapper { float: left; width: 170px; padding-left:10px; padding-right:10px;} .commentspostcontents li { text-align:left; font-weight:bold; color: #dc2500;} .commentspostcontents a { color: #fbfbfb; text-decoration:none;} .commentspostcontents a:hover { color: #dc2500;} .newstitelwrapper:hover, .newstitelwrapperHFL:hover { border: 1px solid #f9cf21; color: #dc2500; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 15px;} .newstitelwrapper h3.newspostheading { font-size: 3.0em; margin: 10px 15px 15px 15px; text-align: center; line-height: 1.0em; } li.newspostheading { font-size: 2.0em; margin: 10px 15px 0px 15px; text-align: center; line-height: 1.0em; } .importantwrapper { float: right; background: #07080d; padding: 5px 5px 5px 5px; border: 1px solid #d7b880; color: #fbfbfb; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: -30px;} .importantwrapper:hover { border: 1px solid #f9cf21; color: #dc2500; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-bottom: 15px;} .wota_link { width: 300px; height: 112px; margin: 0 0 0px 00px; border: 1px solid #d7b880;} .homepagecol1 h1, .homepagecol2 h1 { margin: 0 0 0 0; padding: 10px 15px 5px 0px; line-height: 1.0em;} .homepagecol1 h1 a, .homepagecol2 h1 a { color: #07080d; } .homepagecol1 h1 a:hover, .homepagecol2 h1 a:hover { color: #dc2500; } .homepagecol1 h2, .homepagecol2 h2 { text-align: center; padding: 0px 20px 0 10px;} .homepagecol1 li p { font-size: 0.9em; line-height: 1.1em; padding: 0px 5px 0px 5px; margin-bottom: 0;} /******************************************************************************************************************* /* GAMES */ .games-col1 { float: left; width: 360px; position: relative;} .games-col2 { float: left; width: 165px; position: relative; background: rgba(251, 251, 251, 0.4); border-right: 1px solid #d7b880; border-bottom: 1px solid #d7b880; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-right:5px; margin-left:5px;} .games-col3 { float: left; width: 165px; position: relative; background: rgba(251, 251, 251, 0.4); border-right: 1px solid #d7b880; border-bottom: 1px solid #d7b880; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-right:5px; margin-left:5px;} .wotalogo { width: 165px; height: 92px; margin: 5px 0 5px 0; background: url(/images/WayoftheAgent_Logo_small.jpg); } .wotalogolarge { width: 360px; height: 201px; margin: 5px 0 5px 0; background: url(/images/WayoftheAgent_Logo.jpg); } .games-col1 p { padding: 0px 3px 5px 8px; line-height: 1.4em;} .games-col2 p, .games-col3 p { padding: 8px 3px 5px 8px; line-height: 1.4em;} .games-col2 h2, .games-col3 h2 { padding: 8px 3px 5px 8px; line-height: 1.4em;} .games-col2 p#explain { color: #4b0b00;} /* ABOUT */ .aboutpage p { margin-left: 10px; } /* COMMENTS */ ol.commentlist { list-style: none; width: 490px; margin-left: 10px;} .comment-bubble { background: #fbfbfb; color: #07080d; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ol.commentlist li p { font-size: 1.0em; } img.avatar { margin: 4px 5px 15px 0;} .postacomment { margin-left: 10px;} .buttons { font-family: "good-kitty-1","good-kitty-2", garamond, serif; font-size: 12pt; border: 1px solid #fbfbfb; background: #07080d; padding: 3px 5px 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fbfbfb; } .buttons:hover { background: #07080d; color: #f9cf21; border: 1px solid #f9cf21;} .button-primary, #contactsubmit { font-family: "good-kitty-1","good-kitty-2", garamond, serif; font-size: 120%; border: 1px solid #fbfbfb; background: #07080d; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fbfbfb; } .button-primary:hover, #contactsubmit:hover { background: #07080d; color: #f9cf21; border: 1px solid #f9cf21;} #wpcf fieldset { padding: 10px; border: 0;} #wpcf label { float: left; text-align: left; width: 160px; padding-right: 60px; } #wpcf label.response { float: left; text-align: left; width: 400px; padding-right: 60px; } #wpcf p { margin: 0 0 7px 0; } #wpcf .field { width: 350px; padding: 0; margin: 5px 0 0 0; } #wpcf p.button { text-align: left; padding: 5px 5px 0 0; } #wpcf textarea { width: 350px; height: 150px; margin: 5px 0 0 0;} #wpcf .error { background-color: #FFFF00 } #wpcf p.alert { color:#FF0000; font-weight: 700; text-align: center; padding: 5px 0 10px 0 } #groupbutton { float: right; margin:0 10px -25px 0px;} /* FOOTER */ #footertop { width: 960px; margin: 0px auto 0; height:263px; position: relative; z-index:1; margin-top: -300px; background: url(/images/FooterTop.jpg) bottom center no-repeat;} #footer { width: 960px; margin: 0px auto 0; height:301px; position: relative; z-index:1; background: url(/images/FooterBottom.jpg) bottom center no-repeat;} #footer-inside { width: 960px; padding: 200px 0 0 95px;} #footer p { color: #fbfbfb; } #footer-1 { width: 300px; float: left;} #footer-2 { width: 80px; height: 100px; float: left; margin-left: 80px; } #footer-2 p { text-align: center; font-size: 0.8em; line-height: 1.0em; font-weight:normal;} #footer-3 { width: 300px; float: right; margin-right: 60px; } #footer-2 .logosmall a { text-indent: -9999px; float: left; height: 50px; width: 51px; background: url(/images/CobwebGamesLogo_Small-trans.png) no-repeat; margin: 0px 20px 0 15px;} #footer-2 .copyright { } #footer h2 { color: #ddce89; font-weight: normal; margin-bottom:5px;} #footer ul { color: #fbfbfb;}