/* Theme Name: cheesy Theme URI: http://fonduepit.com Description: A simple theme designed to display countless pages of fictional writing and cheese jokes. Version: 1.0 Author: Michelle Brady Author URI: hubertandmisspatty.com */ @import "style/css/reset.css"; /*@import "style/css/typography.css";*/ @import "style/css/layout.css"; /* COLORS light grey: #e6e6e6 dark grey: #404040 orange: #e6bc00 blue: #4fafc9 */ html {height:100%;} body {background: url(images/headerBG.jpg) top center repeat-x #e6e6e6; height:100%;} .clear {clear: both} /* STRUCTURE */ #pagewrap {width: 800px; margin:0 auto -50px; min-height: 100%; height: auto !important; height:100%;} #push {height: 50px;} /* FOR "STICKY FOOTER */ #sidebar {width:245px; height:auto; float:right; margin-top:-22px;} #main {width:520px; float:left; margin-left:5px; margin-top:175px;} /* TYPOGRAPHY */ p {font-family:Georgia, "Times New Roman", Times, serif; color:#404040; font-size:0.8em; line-height:1.7em;} .tagarch a {color:#4fafc9; text-decoration:none;} .tagarch a:visited {color:#404040; text-decoration:none;} .tagarch a:hover {color:#e6bc00; text-decoration:none;} .postfooter a {color:#4fafc9; text-decoration:none;} .postfooter a:visited {color:#e6bc00; text-decoration:none;} .widgetfix a {color:#404040; text-decoration:none;} .widgetfix a:hover {color:#4fafc9; text-decoration:none;} .widgetfix a:visited {color:#e6e6e6; text-decoration:none;} .comment2 {color:#404040; text-size:1em;} .comment2 a {color:#404040; text-decoration:none;} h2 {font-weight:bold; color:#e6bc00; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:+1px; font-size:1.5em; text-decoration:none;} a.h2:link, a.h2:visited {color:#e6bc00; text-decoration:none;} a.h2:hover, a.h2:active {color:#4fafc9; text-decoration:none;} .storytitle a {font-weight:bold; color:#e6bc00; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:+1px; font-size:1.5em; text-decoration:none;} .storytitle a:hover {color:#4fafc9; text-decoration:none;} h4 {font-weight:bold; color:#4fafc9; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:+1; font-size:1.5em; text-decoration:none; line-height:2em;} /* HEADER */ h1#logo {width:406px; height:91px; background:url(images/title.jpg) top left no-repeat; margin: 20px 390px 0 0; float:left;} h1#boys {width:245px; height:58px; background:url(images/headBoys.jpg) top right no-repeat; margin: 0; float:right;} #topbar {padding: 0 0 18px 0; position:absolute; top:0; right:0;} #navbar {position:absolute; top:130px; left:5px; width:800px; height:25px; float:left;} /* MAIN NAV BUTTONS */ .displace { position: absolute; left: -5000px;} /* ALLOWS FOR BROKEN CSS TO RESULT IN TEXT LINK */ a.BTNnews {display: block; width: 65px; height: 25px; text-decoration: none; background: url("images/BTN_news.jpg"); position:absolute; left:0; top:0;} a.BTNnews:hover {background-position: -65px 0;} a.BTNnews:active {background-position: -65px 0;} a.BTNfiction {display: block; width: 80px; height: 25px; text-decoration: none; background: url("images/BTN_fiction.jpg"); position:absolute; left:65px; top:0;} a.BTNfiction:hover {background-position: -80px 0;} a.BTNfiction:active {background-position: -80px 0;} a.BTNabout {display: block; width: 72px; height: 25px; text-decoration: none; background: url("images/BTN_about.jpg"); position:absolute; left:146px; top:0;} a.BTNabout:hover {background-position: -72px 0;} a.BTNabout:active {background-position: -72px 0;} a.BTNcheesy {display: block; width: 110px; height: 25px; text-decoration: none; background: url("images/BTN_cheesy.jpg"); position:absolute; left:219px; top:0;} a.BTNcheesy:hover {background-position: -110px 0;} a.BTNcheesy:active {background-position: -110px 0;} #searchsubmit {width: 49px; height: 19px; padding-bottom:1px; margin-left:6px; text-transform:lowercase; background: url("images/search.jpg"); border:0; text-indent:-9999px; cursor: pointer;} #s {width:135px;} /* BLOG ENTRY */ .post h2 {font-weight:bold; color:#e6bc00; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:+1px; font-size:1.5em; text-deoration:none;} .post h1 {font-weight:bold; color:#404040; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; line-height:1.5em;} .post a {color:#4fafc9; text-decoration:none;} .post a:visited {color:#e6bc00; text-decoration:none;} .post a:hover, .post a:active {color:#e6bc00; text-decoration:none;} .story {text-indent:2em; font-size:0.8em;} .pagenav {text-align:center; color:#404040;} .pagenav a {color:#4fafc9; text-decoration:none;} .pagenav a:hover, .pagenav a:active, .pagenav a:visited {color:#e6bc00; text-decoration:none;} .meta {color:#4fafc9; float:right; font-size:.7em; text-decoration:none;} a.meta {text-decoration:underline;} a.meta:visited; {text-decoration:underline;} a.meta:hover, a.meta:active;{text-decoration:underline; color:#e6bc00;} .meta a {color:#4fafc9; text-decoration:underline;} .meta a:visited {color:#404040; text-decoration:none;} .meta a:hover {text-decoration:underline; color:#e6bc00;} /*SINGLE*/ .commentinfo {font-size:0.8em; line-height:normal;} .commentinfo a {color:#4fafc9; text-decoration:none;} .commentinfo a:visited {color:#e6bc00; text-decoration:none;} /* WIDGETS */ #boys2 {width:245px; height:62px; background:url(images/headBoys2.jpg) bottom right no-repeat; margin: 9px 0 15px 0; float:right; padding:0px 0 10px 0; z-index:5;} .widget {width: 200px; background:url(images/boxmid.png) repeat-y; padding:0px 55px 20px 25px; margin-right:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:.7em; color:#404040; overflow:visible;} .widget a {color:#404040!important; text-decoration:none;} .widget a:visited {color:#e6e6e6!important; text-decoration:none;} .widget a:hover {color:#4fafc9!important; text-decoration:none;} a.widget {color: #404040; text-decoration:none;} a.widget:visited {color: #e6e6e6; text-decoration:none;} a.widget:hover, a.widget:active {color: #4fafc9;} .widgettitle {width: 205px; overflow:visible; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; font-weight:bold; color:#e6e6e6; background:url(images/the_gap.jpg) no-repeat top left; position:relative; top:-10px; left:-25px; padding:35px 20px 0px 25px; margin:0;;} .widget li a {color:#404040!important; text-decoration:none;} .widget li a:link {color:#404040!important; text-decoration:none;} .widget li a:visited {color:#e6e6e6!important; text-decoration:none;} .widget li a:hover {color:#4fafc9!important; text-decoration:none;} h1#widget {width:245px; height:15px; background:url(images/boxbott.png) top right no-repeat; margin: -1px 0 0 0 0; padding: 0 0 1px 0; float:right;} h1#boys2 {width:245px; height:62px; background:url(images/headBoys2.jpg) bottom right no-repeat; margin: 9px 0 15px 0; float:right; padding:0px 0 16px 0; z-index:5;} /*IN IE CSS = DIFFERENT PADDING ETC. */ h1#boys3 {width:245px; height:62px; background:url(images/headBoys2.jpg) bottom right no-repeat; position:absolute; top:0; left:555; margin: 9px 0 15px 0; float:right; padding:0px 0 16px 0; z-index:5;} /*IN IE CSS = DIFFERENT PADDING ETC. */ #search {margin-top:0px;} /*IN IE CSS = MARGIN-TOP:0 */ /*#boysHeader {width:245px; height:62ps; background:url(images/headBoys2.jpg) top right no-repeat; float:right; position:absolute; top:0;}*/ /* FOOTER */ #footer {height: 50px; background:#404040; padding-top: 10px; margin-top:20px; color:#4fafc9; font-size:.6em; text-align:right;} #footer_inside {width: 800px; margin: 0 auto;} /*CSS SPECIFIC #search {margin-top:-1px;} h1#boys2 {width:245px; height:62px; background:url(images/headBoys2.jpg) bottom right no-repeat; margin: 9px 0 -30px 0; float:right; padding:0px 0 18px 0; z-index:5; overflow:hidden;} */